@import url(https://fonts.googleapis.com/css?family=Raleway:400,600,700,800,900);
.layout,
.sidebar,
body,
html {
    height: 100%
}

.btn:active,
.btn:active:focus,
.btn:focus,
a,
a:focus,
input:focus,
textarea:focus {
    outline: 0
}

.list-style--check li:before,
.star-off-png,
.star-on-png {
    display: inline-block;
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale
}

.blog-post__article-info a:focus,
.blog-post__title a:focus,
.blog-post__title a:hover,
.share-box__item .count,
.share-box__item .share,
a,
a:focus,
a:hover {
    text-decoration: none
}

.footer__copyright,
.sidebar__site-name {
    margin: 0;
    opacity: .55;
    filter: alpha(opacity=55)
}

.about-author__title,
.comments__form__title,
.comments__title,
.layout-title,
.main-nav__item-content,
.page-home__page-title,
.share-box__title,
.sidebar__site-name {
    text-transform: uppercase
}

@font-face {
    font-family: Novecento_wide_bold;
    src: url(../fonts/Novecentosanswide-Bold-webfont.eot);
    src: url(../fonts/Novecentosanswide-Bold-webfont.eot?)format('embedded-opentype'), url(../fonts/Novecentosanswide-Bold-webfont.woff)format('woff'), url(../fonts/Novecentosanswide-Bold-webfont.ttf)format('truetype'), url(../fonts/Novecentosanswide-Bold-webfont.svg)format('svg');
    font-weight: 400;
    font-style: normal
}

body {
    background: #3c3c3c;
    font: normal normal 18px/1.8em Raleway, sans-serif;
    color: #3f3f3f
}

@media (max-width:1132px),
(max-height:800px) {
    body {
        font-size: 16px
    }
}

a {
    color: #8f99b3;
    border-bottom: 1px dotted #8f99b3;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

a:hover {
    color: #7a8399;
    border-bottom-color: #7a8399
}

.divider {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    border-top: 1px solid #F5F5F5
}

.mCSB_scrollTools_vertical {
    margin-top: 75px;
    z-index: 10
}

.mCSB_scrollTools_vertical>a {
    border-bottom: none
}

.mCSB_inside>.mCSB_container {
    margin-right: 0!important
}

.footer {
    position: absolute;
    left: 0;
    bottom: 35px;
    width: 100%
}

.footer__copyright {
    color: #fff
}

.footer--bottom {
    display: none;
    padding: 30px;
    background: #555c70;
    text-align: center
}

.footer--bottom p {
    margin: 0
}

.sidebar {
    background: #555c70;
    color: #fff;
    padding-top: 75px
}

.sidebar__site-name {
    padding: 0;
    font: normal normal 2.125em/1.33em Novecento_wide_bold
}

body {
    padding-top: 20px
}

@media (max-width:910px) {
    .sidebar {
        text-align: center
    }
    body {
        padding-top: 0
    }
}

.layout {
    margin: auto;
    background-color: #fff;
    padding-top: 220px
}

.layout-header {
    position: fixed;
    z-index: 3;
    height: 220px;
    top: 20px;
    background-color: #f0f1f5
}

.layout-sidebar {
    position: fixed;
    padding-top: 240px;
    height: 100%;
    top: 0;
    z-index: 2
}

.layout-container {
    overflow: hidden
}

.layout-container-main {
    float: right;
    overflow: hidden;
    position: relative;
    background-color: #fff
}

.layout-title {
    position: fixed;
    margin: 0;
    z-index: 1;
    overflow: hidden;
    background: #00bdbd;
    color: #fff;
    font: normal normal 1.778em Novecento_wide_bold;
    line-height: 75px
}

.layout-title__subtitle {
    float: right;
    font: normal normal .5629999999999999em Novecento_wide_bold;
    line-height: inherit
}

.layout-title-wrapper {
    height: 75px
}

.layout-title--page-switching {
    position: static
}

.layout-anti-scroll {
    display: none;
    background: #3c3c3c
}

@media (min-width:910px) {
    .layout-anti-scroll--active {
        display: block;
        position: fixed;
        height: 20px;
        top: 0;
        z-index: 2
    }
}

.main-nav {
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
    list-style: none
}

.main-nav__item-icon-wrapper {
    display: block;
    position: relative;
    width: 0;
    height: 100px;
    margin: auto;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.main-nav__item-icon-wrapper:before {
    content: ' ';
    display: block;
    z-index: 3;
    position: absolute;
    border-radius: 100%;
    bottom: -15px;
    left: -15px;
    width: 30px;
    height: 30px;
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit
}

.main-nav__item {
    display: table-cell;
    background: #f0f1f5;
    text-align: center;
    height: 100%;
    border-left: 1px solid #e0e0e0
}

.main-nav__item:last-child {
    border-right: 1px solid #fff
}

.main-nav__item:last-child .main-nav__item-link {
    border-right: 1px solid #e0e0e0
}

.main-nav__item--active .main-nav__item-icon-wrapper,
.main-nav__item:hover .main-nav__item-icon-wrapper {
    height: 90px
}

.main-nav__item--active .main-nav__item-icon-wrapper:before,
.main-nav__item:hover .main-nav__item-icon-wrapper:before {
    bottom: -38px;
    left: -38px;
    width: 76px;
    height: 76px;
    background: #abb3c7
}

.main-nav__item--active .main-nav__item-icon,
.main-nav__item:hover .main-nav__item-icon {
    color: #fff
}

.main-nav__item:hover .main-nav__item-content {
    color: #aeb2bd
}

.main-nav__item--active .main-nav__item-icon-wrapper:before,
.main-nav__item--active:hover .main-nav__item-icon-wrapper:before {
    background: #707a94;
    -webkit-transition: all .4s ease-in-out, background-color 1ms;
    -o-transition: all .4s ease-in-out, background-color 1ms;
    transition: all .4s ease-in-out, background-color 1ms
}

.main-nav__item--active .main-nav__item-icon,
.main-nav__item--active:hover .main-nav__item-icon {
    color: #FFD700
}

.main-nav__item--active .main-nav__item-content,
.main-nav__item--active:hover .main-nav__item-content {
    color: #8d9099
}

.main-nav__item-link {
    position: relative;
    display: block;
    height: 100%;
    border-bottom: none;
    border-left: 1px solid #fff
}

.main-nav__item-icon {
    font-size: 38px;
    color: #c7cbd4
}

.main-nav__item-icon:before {
    display: block;
    position: absolute;
    z-index: 4;
    bottom: -19px;
    left: -19px;
    width: 38px;
    height: 38px
}

.main-nav__item-content {
    display: block;
    z-index: 3;
    position: absolute;
    width: 100%;
    bottom: 30px;
    color: #bec3cf;
    font-family: Novecento_wide_bold;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit
}

.main-nav__sliding-element {
    position: absolute;
    bottom: 0;
    height: 230px;
    background: #e4e5eb;
    z-index: 2;
    display: none
}

.main-nav--mobile {
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    list-style: none;
    z-index: 20
}

.main-nav--mobile .main-nav__item {
    display: block;
    height: auto;
    border-bottom: 1px solid #fff
}

.main-nav--mobile .main-nav__item-icon-wrapper,
.mobile-menu {
    display: none
}

.main-nav--mobile .main-nav__item:first-child {
    padding-top: 1px
}

.main-nav--mobile .main-nav__item:last-child,
.main-nav--mobile .main-nav__item:last-child .main-nav__item-link {
    border: none
}

.main-nav--mobile .main-nav__item-link {
    border-bottom: 1px solid #e0e0e0
}

.main-nav--mobile .main-nav__item-content {
    position: static;
    padding: 15px 0
}

.mobile-menu {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20
}

.mobile-menu__toggle {
    display: block;
    width: 60px;
    height: 60px;
    float: right;
    background-color: #00d4d4;
    transition: all 500ms ease-in;
    position: relative;
    z-index: 21;
    border-bottom: none
}

.mobile-menu__toggle__icon {
    display: block;
    width: 22px;
    height: 27px;
    margin-top: -13.5px;
    margin-left: -11px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 27px
}

.mobile-menu__toggle__icon__close,
.mobile-menu__toggle__icon__open {
    position: absolute;
    left: 0;
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    transition: all 500ms ease-in
}

.btn,
.btn--style2 i {
    -o-transition: all .3s ease-in-out
}

.blog-post__article-info a,
.blog-post__image-wrap:after,
.blog-post__image-wrap:before,
.btn,
.btn--style2 i,
.social-icons a:hover {
    transition: all .3s ease-in-out
}

.btn,
.btn--style2 i {
    -webkit-transition: all .3s ease-in-out
}

.mobile-menu__toggle__icon__open {
    top: 0
}

.mobile-menu__toggle__icon__close {
    top: 27px
}

.mobile-menu--open .mobile-menu__toggle {
    background: #3c3b3d
}

.mobile-menu--open .mobile-menu__toggle__icon__open {
    top: -27px
}

.mobile-menu--open .mobile-menu__toggle__icon__close {
    top: 0
}

.accordion-title {
    margin: 0;
    display: block;
    overflow: hidden;
    background: #f2f4f7;
    color: #abaeba;
    line-height: 65px;
    font-size: 20px;
    cursor: pointer
}

.accordion-title__icon {
    margin-right: 5px
}

.accordion-title__state-icon {
    float: right;
    line-height: inherit;
    font-size: 30px;
    color: #dadce0
}

.accordion-title__state-icon.fa:before {
    content: "\f150"
}

.accordion-title.collapsed {
    border-bottom: 1px solid #E9E9E9
}

.accordion-title.collapsed .accordion-title__state-icon.fa:before {
    content: "\f151"
}

.achievement-item {
    display: table
}

.achievement-item__titles {
    display: table-cell;
    padding-left: 15px;
    vertical-align: middle
}

.achievement-item__title {
    margin: 0;
    margin-bottom: 5px;
    color: #626262;
    font: normal 800 32px Raleway, sans-serif;
    line-height: 35px
}

.achievement-item__sub-title {
    margin: 0;
    color: #626262;
    font: normal 800 22px Raleway, sans-serif
}

.achievement-item__icon {
    display: table-cell;
    width: 135px;
    vertical-align: middle
}

.achievement-item__icon i {
    width: 115px;
    height: 115px;
    position: relative;
    color: #00d4d4;
    font-size: 36px;
    border-width: 3px;
    border-style: dashed;
    border-color: #00d4d4;
    border-radius: 100%
}

.achievement-item__icon i:before {
    display: block;
    margin-top: -18px;
    margin-left: -18px;
    position: absolute;
    top: 50%;
    left: 50%
}

.btn,
.btn--style2 {
    position: relative
}

.achievement-grid__screen {
    overflow: hidden;
    margin: -1px;
    border: 1px solid #00f
}

.achievement-grid__cell {
    width: 50%;
    float: left;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4
}

.share-box a,
.social-icons a {
    border-bottom: none
}

@media (min-width:912px)and (max-width:1132px),
(max-width:762px) {
    .achievement-grid__cell {
        float: none;
        width: 100%
    }
}

.btn--style1,
input[type=reset],
input[type=button],
input[type=submit] {
    display: block;
    border: 2px solid #00d4d4;
    background: 0 0;
    border-radius: 70px;
    color: #3f3f3f;
    font: normal 700 .889em Raleway, sans-serif
}

.btn--style2,
.btn--style2:hover {
    border: 2px solid #d3d3d5;
    color: #fff
}

.btn--blog,
.btn--style2,
.btn--style3 {
    display: inline-block
}

.btn-lg {
    padding: 12px 25px
}

.btn--style2 {
    padding-left: 25px;
    padding-right: 43px;
    background: 0 0;
    border-radius: 70px;
    font: normal 700 .889em Raleway, sans-serif;
    pointer-events: auto
}

.btn--style2 i {
    position: absolute;
    margin-top: -.4445em;
    top: 50%;
    right: 20px
}

.btn--style2:hover i {
    right: 15px
}

.btn--style3 {
    padding-left: 15px;
    padding-right: 15px;
    border: 2px solid #d5d0d9;
    background: 0 0;
    border-radius: 70px;
    color: #3f3f3f;
    font: normal 600 .778em Raleway, sans-serif
}

.btn--style1:hover,
.btn--style3:hover {
    border-color: #00d4d4;
    background: #00d4d4;
    color: #fff
}

.donut-chart {
    margin-bottom: 10px;
    position: relative;
    color: #00d4d4
}

.donut-chart-wrap {
    margin-right: 35px;
    margin-bottom: 35px;
    width: auto;
    float: left;
    text-align: center
}

.donut-chart__value {
    width: 100%;
    position: absolute;
    text-align: center;
    color: #c3c5c9;
    font: normal 800 35px Raleway, sans-serif;
    line-height: 150px
}

.donut-chart__title {
    margin-bottom: 20px;
    font: normal 700 18px Raleway, sans-serif
}

.donut-chart__sub-title {
    font: normal normal 16px Raleway, sans-serif
}

.donut-chart__pallete-second-color {
    color: #e8e9ed;
    display: none
}

.form__item {
    width: 100%;
    margin-bottom: 25px
}

.form__item__failed-wrap {
    display: none;
    margin: -20px 0 15px 22px;
    color: #ff6868;
    font-size: 14px;
    font-style: italic
}

.form__item--invalid .form__item {
    border: 2px solid #f29090
}

.form__item--invalid .form__item__failed-wrap {
    display: block
}

.form__textarea {
    min-height: 215px;
    margin-bottom: 20px;
    resize: none
}

.form__status {
    display: none;
    width: 60%;
    margin-top: 10px;
    float: right;
    text-align: right;
    font-size: 16px;
    font-weight: 400
}

.form__status--success {
    display: block;
    color: #41c266
}

.form__status--error {
    display: block;
    color: #ff6868
}

input[type=text],
input[type=password],
input[type=email] {
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    border: 2px solid #dfe1e8;
    border-radius: 25px;
    -webkit-appearance: none
}

textarea {
    margin-bottom: 20px;
    padding: 10px 20px;
    border: 2px solid #dfe1e8;
    border-radius: 25px;
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: #bdbdbd;
    font: normal normal 16px/30px Raleway, sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
    padding-top: 2px
}

::-moz-placeholder {
    color: #bdbdbd;
    font: normal normal 16px/30px Raleway, sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
    padding-top: 2px
}

:-ms-input-placeholder {
    color: #bdbdbd;
    font: normal normal 16px/30px Raleway, sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
    padding-top: 2px
}

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

.list-style--check li {
    margin-bottom: 5px
}

.list-style--check li:before {
    margin-right: 10px;
    color: #00d4d4;
    font: normal normal normal 1.222em/1em FontAwesome;
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0);
    content: "\f058"
}

.progress-bar {
    position: relative;
    overflow: hidden
}

.progress-bar__name {
    margin-bottom: -15px
}

.progress-bar__wrapper {
    width: 100%;
    margin-top: -7px;
    padding-right: 130px;
    float: left;
    position: absolute;
    top: 50%
}

.progress-bar__bar {
    background-color: #e8e9ed;
    border-radius: 7px
}

.progress-bar__value {
    height: 12px;
    background-color: #616161;
    border-radius: 7px
}

.progress-bar__progress {
    width: 110px;
    float: right;
    color: #c3c5c9;
    font: normal 800 36px Raleway, sans-serif
}

.star-off-png,
.star-on-png {
    font: normal normal normal 1.667em/30px FontAwesome;
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0)
}

.star-off-png:before,
.star-on-png:before {
    content: "\f005"
}

.star-on-png {
    color: #00d4d4
}

.star-off-png {
    color: #cdcfd4
}

.rating {
    overflow: hidden;
    margin-bottom: 10px
}

.rating__score,
.rating__title,
.rating__value {
    display: block;
    margin-bottom: 10px;
    float: left
}

.rating__score {
    margin-right: 40px;
    float: left
}

.rating__title {
    width: 110px;
    font: normal normal 1em/30px Raleway, sans-serif
}

.rating__value {
    color: #cdcfd4;
    font: normal 800 1.222em/30px Raleway, sans-serif
}

.service-item {
    overflow: hidden
}

.service-item:nth-child(odd) {
    background: #f7f8fa
}

.service-item:nth-child(odd) .service-item__icon-wrap {
    margin-right: 0;
    margin-left: 50px;
    float: right
}

.service-item__icon-wrap {
    margin-right: 50px;
    float: left
}

.service-item__icon i {
    width: 140px;
    height: 140px;
    position: relative;
    border: 2px solid #00d4d4;
    border-radius: 100%;
    font-size: 44px;
    color: #00d4d4
}

.service-item__icon i:before {
    display: block;
    margin-top: -22px;
    margin-left: -22px;
    position: absolute;
    top: 50%;
    left: 50%
}

.service-item__title {
    margin: -5px 0 15px;
    color: #626262;
    font: normal 800 1.222em/1.3em Raleway, sans-serif
}

.service-item__description {
    margin: 0;
    font: normal normal 16px/1.8em Raleway, sans-serif
}

@media (max-width:430px) {
    .service-item:nth-child(odd) .service-item__icon-wrap,
    .service-item__icon-wrap {
        float: none;
        text-align: center;
        margin: 0 0 20px 0
    }
}

.share-box__title {
    margin: 0 0 20px 0;
    color: #3f3f3f;
    font: normal 600 1.111em/1.8em Raleway, sans-serif
}

.share-box__items-contaner {
    overflow: hidden;
    margin-bottom: -10px
}

.share-box__item {
    display: inline-block;
    margin-right: 18px;
    margin-bottom: 10px
}

.share-box__item .count {
    display: inline-block;
    margin-top: 8px;
    margin-left: 20px;
    padding: 5px 10px;
    float: right;
    position: relative;
    border-radius: 15px;
    background-color: #edeff2;
    color: #a1a3ab;
    font: normal 700 18px Raleway, sans-serif
}

.share-box__item .count:before {
    width: 0;
    height: 0;
    position: absolute;
    left: -12px;
    top: 50%;
    border: solid transparent;
    content: " ";
    pointer-events: none;
    border-color: transparent;
    border-right-color: #edeff2;
    border-width: 7px;
    margin-top: -7px
}

.share-box__item .share {
    display: inline-block;
    width: 50px;
    height: 50px;
    float: left;
    position: relative;
    color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-family: FontAwesome;
    font-size: 22px
}

.share-box__item .share:before {
    display: block;
    position: absolute;
    top: 10px;
    left: 16px
}

.share-box__item--facebook .share {
    background-color: #3b5998
}

.share-box__item--facebook .share:before {
    left: 18px;
    content: "\f09a"
}

.share-box__item--twitter .share {
    background-color: #00acee
}

.share-box__item--twitter .share:before {
    content: "\f099"
}

.share-box__item--gplus .share {
    background-color: #dd4b39
}

.share-box__item--gplus .share:before {
    content: "\f0d5"
}

.share-box__item--pinterest .share {
    background-color: #c8232c
}

.share-box__item--pinterest .share:before {
    left: 15px;
    content: "\f0d2"
}

.share-box__item--linkedin .share {
    background-color: #0e76a8
}

.share-box__item--linkedin .share:before {
    top: 8px;
    content: "\f0e1"
}

.skill-section {
    overflow: hidden
}

.skill-section__title {
    color: #585858;
    font: normal 800 1.111em Raleway, sans-serif;
    margin-top: 0
}

.social-icons {
    margin: 0;
    padding: 0;
    margin-top: 30px;
    list-style: none
}

.social-icons li {
    display: inline-block;
    margin-right: 18px
}

.social-icons a {
    opacity: .55;
    filter: alpha(opacity=55);
    color: #fff;
    font-size: 1.3em;
    position: relative;
    bottom: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.blog-post__article-info a,
.blog-post__image-wrap:after,
.blog-post__image-wrap:before,
.social-icons a:hover {
    -webkit-transition: all .3s ease-in-out
}

.social-icons a:hover {
    opacity: .95;
    filter: alpha(opacity=95);
    color: #fff;
    bottom: 5px;
    -o-transition: all .3s ease-in-out
}

.blog-post__image-wrap:hover:after,
.blog-post__image-wrap:hover:before,
.widget__list>li {
    opacity: .55;
    filter: alpha(opacity=55)
}

.testimonial {
    margin-bottom: 40px
}

.testimonial:last-child {
    margin-bottom: 0
}

.testimonial__images {
    padding: 0;
    padding-right: 30px;
    text-align: left
}

.testimonial__image {
    max-width: 100%;
    border-radius: 100%;
    margin-bottom: 20px
}

.testimonial__quote {
    display: block;
    padding: 0;
    padding-left: 35px;
    color: #ebecf0;
    font-size: 52px!important
}

.testimonial__name {
    left: 145px;
    font: 800 18px Raleway, sans-serif
}

.testimonial__name:before {
    content: " ";
    display: block;
    width: 35px;
    height: 0;
    margin-bottom: 15px;
    border-bottom: 5px solid #00d4d4;
    border-radius: 3px
}

.testimonial__text {
    padding: 40px;
    position: relative;
    border: 5px solid #f2f3f5
}

.testimonial__text p {
    margin: 0 0 25px;
    font: 16px/1.8em Raleway, sans-serif
}

.testimonial__with-image .testimonial__text:after,
.testimonial__with-image .testimonial__text:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    position: absolute;
    top: 25px
}

.testimonial__with-image .testimonial__text:before {
    left: -33px;
    border-right-color: #f2f3f5
}

.testimonial__with-image .testimonial__text:after {
    left: -26px;
    border-right-color: #fff
}

.testimonial__with-image .testimonial__quote {
    padding-left: 8px
}

.testimonial:nth-child(even) .testimonial__images {
    padding-right: 0;
    padding-left: 30px;
    float: right;
    text-align: right
}

.testimonial:nth-child(even).testimonial__with-image .testimonial__text:after,
.testimonial:nth-child(even).testimonial__with-image .testimonial__text:before {
    border-right-color: transparent;
    top: 25px;
    left: auto
}

.testimonial:nth-child(even).testimonial__with-image .testimonial__text:before {
    border-left-color: #f2f3f5;
    right: -33px
}

.testimonial:nth-child(even).testimonial__with-image .testimonial__text:after {
    border-left-color: #fff;
    right: -26px
}

.testimonial:nth-child(even).testimonial__with-image .testimonial__quote {
    padding-right: 8px;
    padding-left: 0
}

.testimonial:nth-child(even) .testimonial__quote {
    padding-left: 0;
    padding-right: 35px
}

@media (max-width:767px) {
    .testimonial__images {
        padding: 0!important;
        float: none!important;
        text-align: center!important
    }
    .testimonial__image {
        margin-bottom: 0
    }
    .testimonial__with-image .testimonial__quote {
        display: none
    }
    .testimonial__quote {
        padding: 0!important
    }
    .testimonial__text {
        margin-top: 30px
    }
    .testimonial__with-image .testimonial__text:after,
    .testimonial__with-image .testimonial__text:before {
        margin-left: -15px!important;
        right: auto!important;
        left: 50%!important;
        border-left-color: transparent!important;
        border-right-color: transparent!important
    }
    .testimonial__with-image .testimonial__text:before {
        top: -33px!important;
        border-bottom-color: #f3f3f3!important
    }
    .testimonial__with-image .testimonial__text:after {
        top: -26px!important;
        border-bottom-color: #fff!important
    }
}

.blog-post__image-wrap:after,
.blog-post__image-wrap:before {
    height: 100%;
    content: " ";
    left: 0
}

.contact-info i,
.page-404__content {
    text-align: center
}

.timeline-item {
    margin: 0 -15px;
    overflow: hidden
}

.timeline-item__col {
    float: left;
    padding: 0 15px
}

.timeline-item__col--info {
    width: 33.33333%
}

.timeline-item__col--description {
    width: 66.66667%
}

.timeline-item__title {
    margin: 0;
    margin-bottom: 20px;
    color: #626262;
    font: normal 800 1.222em Raleway, sans-serif
}

.timeline-item__title:after {
    content: " ";
    display: block;
    width: 35px;
    height: 0;
    margin-top: 15px;
    border-bottom: 5px solid #00d4d4;
    border-radius: 3px
}

.timeline-item__period {
    margin-bottom: 15px;
    color: #d8d9db;
    font: normal 800 1.222em Raleway, sans-serif
}

.timeline-item__place {
    margin: 0;
    margin-bottom: 10px;
    color: #626262;
    font: normal 800 1.111em Raleway, sans-serif
}

.timeline-item__location {
    margin: 0;
    margin-bottom: 10px;
    color: #626262;
    font: normal 700 15px Raleway, sans-serif
}

.timeline-item__description {
    font: normal normal 16px Raleway, sans-serif;
    line-height: 1.8em
}

@media (max-width:607px) {
    .timeline-item__col {
        float: none;
        width: 100%
    }
    .timeline-item__title {
        margin: 30px 0 10px 0
    }
}

.widget {
    margin-top: 20px
}

.widget__list {
    margin: 0;
    padding-left: inherit;
    list-style: none
}

.widget__list>li {
    color: #fff;
    font: normal normal 1.2em/1.6em Raleway, sans-serif
}

@media (max-width:910px) {
    .widget__list>li {
        display: inline
    }
    .widget__list>li:after {
        content: "/";
        margin: 0 10px
    }
    .widget__list>li:last-child:after {
        display: none
    }
}

.google-map--contact {
    height: 276px;
    color: #00d4d4
}

.google-map--contact a {
    border-bottom: none
}

.contact-info {
    display: inline-block;
    margin: 0 -30px -15px 0;
    padding: 0;
    list-style: none
}

.contact-info li {
    float: left;
    margin-right: 30px;
    margin-bottom: 15px
}

.contact-info i {
    width: 50px;
    line-height: 50px;
    margin-right: 10px;
    color: #fff;
    font-size: 30px;
    background: #00d4d4;
    border-radius: 100%
}

.layout-body--home .layout,
.page-home {
    background: #DAA520
}

@media (min-width:910px) {
    .layout-body--home .mCSB_scrollTools_vertical {
        margin-top: 0
    }
}

.page-home {
    padding-top: 75px;
    padding-bottom: 75px
}

@media (max-width:991px) {
    .page-home {
        text-align: center
    }
    .page-home__thumbnail-wrap {
        margin-top: 40px
    }
}

.page-home__text p {
    margin-top: 15px;
    margin-bottom: 0;
    color: #fff
}

.page-home__page-title {
    margin: 0;
    padding-bottom: 11px;
    color: #fff;
    font: normal normal 2.125em/1.33em Novecento_wide_bold
}

.page-home__sign {
    margin-top: 49px
}

.page-home__thumbnail {
    max-width: 100%!important;
    max-height: 100%!important;
    border: 9px solid #fff
}

.blog-post__image,
.blog-single__image,
.page-portfolio__image,
.portfolio-single__image {
    max-width: 100%
}

.page-portfolio__items-container {
    overflow: hidden
}

.page-portfolio__item-wrapper {
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 50%;
    float: left
}

@media (max-width:600px) {
    .page-portfolio__item-wrapper {
        float: none;
        width: auto
    }
}

.page-portfolio__item__info {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 10% 80px 10% 60px;
    display: none;
    background: rgba(126, 130, 140, .8);
    pointer-events: none;
    overflow: hidden
}

.page-portfolio__item__info .btn-lg {
    display: none
}

@media (min-width:375px)and (max-width:600px),
(min-width:768px)and (max-width:909px),
(min-width:1133px) {
    .page-portfolio__item__info .btn-lg {
        display: inline-block
    }
}

.page-portfolio__item__title {
    margin: 0;
    color: #fff;
    font: normal 700 24px Raleway, sans-serif
}

.page-portfolio__item__content {
    margin: 3% 0 4%;
    line-height: 1.8em;
    color: #fff;
    font: normal normal 16px/1.8em Raleway, sans-serif
}

.list-style--check--resume {
    font-size: 16px
}

.portfolio-single__info__name {
    margin-right: 15px;
    display: inline-block;
    font: normal 700 18px Raleway, sans-serif
}

.portfolio-single__info__description {
    margin: 0 0 10px;
    display: inline-block;
    color: #5f5f5f;
    font: normal normal 18px Raleway, sans-serif
}

.layout-body--404 .layout,
.page-404 {
    background: #DAA520
}

.about-author,
.blog-post:nth-child(even) {
    background: #f5f6f7
}

.page-404 {
    color: #fff
}

.page-404__title {
    margin: 0;
    font: normal normal 8.333em/1em Novecento_wide_bold
}

.page-404__description,
.page-404__link {
    font: normal normal 1.333em/1.5em Raleway, sans-serif
}

.page-404__link {
    color: #fff;
    border-bottom: 2px solid #fff
}

.page-404__link:hover {
    color: #fff;
    border-bottom: none
}

.about-author {
    overflow: hidden
}

.about-author__title {
    margin: 0 0 25px 0;
    color: #3f3f3f;
    font: normal 600 1.111em/1.8em Raleway, sans-serif
}

.about-author__image-wrap {
    width: 25%;
    margin-right: 20px;
    float: left
}

.blog-post__image-wrap:after,
.blog-post__image-wrap:before {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    width: 100%
}

.about-author__image-wrap img {
    max-width: 100%;
    border-radius: 100%
}

.about-author__content {
    font-size: .889em
}

.blog-post__article-info {
    margin: 10px 0 20px 0;
    padding: 0;
    overflow: hidden;
    list-style: none
}

.blog-post__article-info li {
    margin: 10px 20px 0 0;
    float: left;
    color: #d7d9de;
    font: normal 800 18px Raleway, sans-serif
}

.blog-post__article-info li i {
    margin-right: 5px
}

.blog-post__article-info a {
    color: #d7d9de;
    border-bottom: none;
    -o-transition: all .3s ease-in-out
}

.blog-post__article-info a:hover {
    text-decoration: none;
    color: #d2d4d9!important
}

.blog-post:nth-child(even) .blog-post__article-info a {
    color: #c6c8cc
}

.blog-post:nth-child(even) .blog-post__article-info a:hover {
    color: #c9c6cc
}

.blog-single {
    padding: 0
}

.blog-single__title {
    margin: 0;
    line-height: 20px;
    font: normal 700 1.556em Raleway, sans-serif
}

.blog-single__content p:last-child {
    margin-bottom: 0
}

.blog-post__image-wrap {
    display: block;
    position: relative;
    border-bottom: none
}

.blog-post__image-wrap:before {
    display: block;
    top: 0;
    background-color: #7e828c;
    -o-transition: all .3s ease-in-out
}

.blog-post__image-wrap:after {
    display: block;
    top: 0;
    background: url(../images/cross.png)no-repeat 50%;
    -o-transition: all .3s ease-in-out
}

.achievement-grid:after,
.achievement-grid:before {
    display: block;
    content: ' '
}

.blog-post__title {
    margin: 0;
    color: #3f3f3f;
    font: normal 700 1.44em/1.8em Raleway, sans-serif
}

.blog-post__title a {
    padding-bottom: 4px;
    color: #3f3f3f;
    border-bottom: none;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="3"><line x1="0" y1="0" x2="2000" y2="0" style="stroke:#3f3f3f;stroke-width:4"></line></svg>')no-repeat -2000px bottom;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.comments__pagination a,
.post-navigation__icon {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-post__title a:hover {
    background-position: 100% bottom
}

.blog-post__content {
    margin: 0 0 30px
}

.comment-item {
    margin-top: 30px
}

.comment-item__info {
    overflow: hidden;
    padding-top: 17px
}

.comment-item__info__image-wrap {
    margin: -17px 20px 0 0;
    float: left
}

.comment-item__info__image-wrap img {
    border-radius: 100%
}

.comment-item__info__name {
    float: left;
    margin: 8px 30px 7px 0;
    font: 700 1em Raleway, sans-serif
}

.comment-item__info__date {
    float: left;
    margin: 8px 20px 7px 0;
    color: #d5d8db;
    font: 700 1em Raleway, sans-serif
}

.comment-item__info__reply {
    margin-top: 2px;
    float: right
}

.comment-item__content {
    margin-top: 15px;
    padding: 30px;
    border: 5px solid #f2f4f5;
    font-size: .889em
}

.comments__form__title,
.comments__title {
    font: normal 600 1.111em/1.8em Raleway, sans-serif
}

.comments__form__title {
    margin: 0 0 30px 0;
    color: #3f3f3f
}

.comments__title {
    margin: 0 0 15px 0;
    color: #3f3f3f
}

.comments__reply {
    margin-left: 60px
}

.comments__pagination {
    margin-top: 40px;
    text-align: center
}

.comments__pagination__list {
    padding: 0;
    margin: 0;
    overflow: hidden;
    list-style: none
}

.comments__pagination__list>li {
    display: inline-block;
    margin-right: 5px
}

.comments__pagination a {
    display: inline-block;
    width: 45px;
    border: 2px solid #d0d4d9;
    border-radius: 100%;
    color: #3f3f3f;
    font: 600 18px Raleway, sans-serif;
    -o-transition: all .3s ease-in-out;
    line-height: 41px
}

.comments__pagination a:hover {
    border-color: #00d4d4;
    background: #00d4d4;
    color: #fff
}

.comments__pagination__list__item-current {
    background: #d0d4d9;
    color: #fff!important
}

.comments__pagination__list__item-current:hover {
    border-color: #d0d4d9!important;
    background: #d0d4d9!important;
    cursor: default
}

.post-navigation {
    display: table;
    width: 100%;
    border-spacing: 10px 0
}

.post-navigation__item-content {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: none;
    position: relative;
    color: #3f3f3f;
    font: 600 16px Raleway, sans-serif;
    text-transform: uppercase
}

.post-navigation__item-content:hover {
    color: #3f3f3f
}

.post-navigation__icon {
    margin-top: -14px;
    position: absolute;
    top: 50%;
    font-size: 28px!important;
    color: #a8abb3;
    -o-transition: all .3s ease-in-out
}

.post-navigation__item-left,
.post-navigation__item-right {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    border: 2px solid #e4e5eb;
    border-radius: 100px
}

.post-navigation__item-left .post-navigation__item-content {
    padding-left: 85px;
    padding-right: 30px
}

.post-navigation__item-right .post-navigation__item-content {
    padding-right: 85px;
    padding-left: 30px;
    text-align: right
}

.post-navigation__item-left .post-navigation__icon {
    left: 25px
}

.post-navigation__item-right .post-navigation__icon {
    right: 25px
}

.post-navigation__item-left .post-navigation__item-content:hover .post-navigation__icon {
    left: 20px
}

.post-navigation__item-right .post-navigation__item-content:hover .post-navigation__icon {
    right: 20px
}

@media (max-width:768px) {
    .post-navigation {
        display: block
    }
    .post-navigation__item-left,
    .post-navigation__item-right {
        display: block;
        width: 100%
    }
    .post-navigation__item-left {
        margin-bottom: 10px
    }
}

@media (max-width:1130px),
(max-height:900px) {
    .main-nav {
        height: 160px
    }
    .main-nav__item-icon-wrapper {
        height: 81.81818182000001px
    }
    .main-nav__item-content {
        font-size: 19.63636364px;
        bottom: 17.27272727px
    }
    .main-nav__sliding-element {
        height: 190px
    }
    .main-nav__item-icon {
        font-size: 31.09090909px
    }
    .main-nav__item-icon:before {
        bottom: -15.54545455px;
        left: -15.54545455px;
        width: 31.09090909px;
        height: 31.09090909px
    }
    .main-nav__item--active .main-nav__item-icon-wrapper,
    .main-nav__item:hover .main-nav__item-icon-wrapper {
        height: 73.63636364px
    }
    .main-nav__item--active .main-nav__item-icon-wrapper:before,
    .main-nav__item:hover .main-nav__item-icon-wrapper:before {
        bottom: -31.09090909px;
        left: -31.09090909px;
        width: 62.18181818px;
        height: 62.18181818px
    }
    .layout {
        padding-top: 180px
    }
    .layout-header {
        height: 180px
    }
    .layout-sidebar {
        padding-top: 200px
    }
}

.layout-width {
    width: 1330px
}

.layout-sidebar-width {
    width: 443.3333289px
}

.layout-container-width {
    width: 886.6666711px
}

.footer,
.sidebar,
.sidebar-container {
    padding-left: 80px;
    padding-right: 60px
}

.layout-col,
.layout-container,
.layout-container-main {
    padding-left: 60px;
    padding-right: 80px
}

.layout-row {
    margin-left: -60px;
    margin-right: -80px
}

.layout-header {
    padding: 0 80px
}

.about-author,
.layout-horizontal-padding,
.service-item,
.skill-section,
.timeline-item {
    padding-top: 50px;
    padding-bottom: 50px
}

.layout-horizontal-padding--clean {
    margin-bottom: -50px
}

.page-home {
    padding-left: 80px;
    padding-right: 80px
}

.achievement-grid {
    overflow: hidden;
    margin: 0 -82px 0 -62px;
    padding-top: 80px;
    padding-bottom: 80px
}

.achievement-grid:before {
    margin-top: -82px
}

.achievement-grid:after {
    margin-bottom: -82px
}

.achievement-grid__cell {
    padding: 60px
}

@media (max-width:1368px),
(max-height:900px) {
    .achievement-grid:after,
    .achievement-grid:before {
        content: ' ';
        display: block
    }
    .layout-width {
        width: 1130px
    }
    .layout-sidebar-width {
        width: 376.6666629px
    }
    .layout-container-width {
        width: 753.3333371px
    }
    .footer,
    .sidebar,
    .sidebar-container {
        padding-left: 70px;
        padding-right: 45px
    }
    .layout-col,
    .layout-container,
    .layout-container-main {
        padding-left: 45px;
        padding-right: 70px
    }
    .layout-row {
        margin-left: -45px;
        margin-right: -70px
    }
    .layout-header {
        padding: 0 70px
    }
    .about-author,
    .layout-horizontal-padding,
    .service-item,
    .skill-section,
    .timeline-item {
        padding-top: 45px;
        padding-bottom: 45px
    }
    .layout-horizontal-padding--clean {
        margin-bottom: -45px
    }
    .page-home {
        padding-left: 70px;
        padding-right: 70px
    }
    .achievement-grid {
        margin: 0 -72px 0 -47px;
        padding-top: 70px;
        padding-bottom: 70px
    }
    .achievement-grid:before {
        margin-top: -72px
    }
    .achievement-grid:after {
        margin-bottom: -72px
    }
    .achievement-grid__cell {
        padding: 45px
    }
    .page-home,
    .sidebar {
        padding-top: 60px
    }
    .page-home {
        padding-bottom: 60px
    }
    .layout-title {
        line-height: 60px
    }
    .layout-title-wrapper {
        height: 60px
    }
    .mCSB_scrollTools_vertical {
        margin-top: 60px
    }
}

@media (max-width:1132px) {
    .achievement-grid:after,
    .achievement-grid:before {
        content: ' ';
        display: block
    }
    .layout-width {
        width: 910px
    }
    .layout-sidebar-width {
        width: 303.3333303px
    }
    .layout-container-width {
        width: 606.6666697000001px
    }
    .footer,
    .sidebar,
    .sidebar-container {
        padding-left: 60px;
        padding-right: 40px
    }
    .layout-col,
    .layout-container,
    .layout-container-main {
        padding-left: 40px;
        padding-right: 60px
    }
    .layout-row {
        margin-left: -40px;
        margin-right: -60px
    }
    .layout-header {
        padding: 0 60px
    }
    .about-author,
    .layout-horizontal-padding,
    .service-item,
    .skill-section,
    .timeline-item {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .layout-horizontal-padding--clean {
        margin-bottom: -40px
    }
    .page-home {
        padding-left: 60px;
        padding-right: 60px
    }
    .achievement-grid {
        margin: 0 -62px 0 -42px;
        padding-top: 60px;
        padding-bottom: 60px
    }
    .achievement-grid:before {
        margin-top: -62px
    }
    .achievement-grid:after {
        margin-bottom: -62px
    }
    .achievement-grid__cell {
        padding: 40px
    }
}

@media (max-width:910px) {
    .layout,
    .layout-sidebar {
        padding-top: 0!important
    }
    .footer,
    .layout-col,
    .layout-container,
    .layout-container-main,
    .sidebar,
    .sidebar-container {
        padding-left: 40px;
        padding-right: 40px
    }
    .header-wrap,
    .layout-header,
    .layout-sidebar,
    .layout-title {
        position: static
    }
    .layout {
        height: auto;
        max-height: 100%
    }
    .layout-header {
        height: auto!important
    }
    .layout-container-width,
    .layout-sidebar-width,
    .layout-width {
        width: 100%
    }
    .layout-title-wrapper {
        height: auto
    }
    .footer {
        display: none
    }
    .achievement-grid:after,
    .footer--bottom,
    .mobile-menu {
        display: block
    }
    .footer,
    .sidebar,
    .sidebar-container {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .layout-row {
        margin-left: -40px;
        margin-right: -40px
    }
    .layout-header {
        padding: 0 40px
    }
    .about-author,
    .achievement-grid,
    .layout-horizontal-padding,
    .service-item,
    .skill-section,
    .timeline-item {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .layout-horizontal-padding--clean {
        margin-bottom: -40px
    }
    .page-home {
        padding-left: 40px;
        padding-right: 40px
    }
    .achievement-grid {
        margin: 0 -42px 0 -42px
    }
    .achievement-grid:before {
        content: ' ';
        display: block;
        margin-top: -42px
    }
    .achievement-grid:after {
        content: ' ';
        margin-bottom: -42px
    }
    .achievement-grid__cell {
        padding: 40px
    }
    .header-blocker,
    .main-nav,
    .main-nav__sliding-element {
        display: none!important
    }
    .header-wrap {
        margin: 0 -15px
    }
}