@-webkit-keyframes fadeInUpShorter {
    from {
        opacity: 0;
        -webkit-transform: translate(0, 50px);
        transform: translate(0, 50px)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes fadeInUpShorter {
    from {
        opacity: 0;
        -webkit-transform: translate(0, 50px);
        transform: translate(0, 50px)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes fadeInLeftShorter {
    from {
        opacity: 0;
        -webkit-transform: translate(50px, 0);
        transform: translate(50px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes fadeInLeftShorter {
    from {
        opacity: 0;
        -webkit-transform: translate(50px, 0);
        transform: translate(50px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes fadeInRightShorter {
    from {
        opacity: 0;
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes fadeInRightShorter {
    from {
        opacity: 0;
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes expandIn {
    from {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes expandIn {
    from {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.fadeInUpShorter {
    -webkit-animation-name: fadeInUpShorter;
    animation-name: fadeInUpShorter
}

.fadeInLeftShorter {
    -webkit-animation-name: fadeInLeftShorter;
    animation-name: fadeInLeftShorter
}

.fadeInRightShorter {
    -webkit-animation-name: fadeInRightShorter;
    animation-name: fadeInRightShorter
}

.expandIn {
    -webkit-animation-name: expandIn;
    animation-name: expandIn
}

.body {
    background: #fff
}

#header .header-body {
    border-top: 0
}

.custom-primary-font {
    font-family: roboto slab, serif!important
}

.custom-bg-color-1 {
    background-color: #4a5559!important
}

.custom-link-style-1 {
    color: #1d2127!important;
    -webkit-transition: ease color 300ms;
    transition: ease color 300ms
}

.custom-link-style-1:hover,
.custom-link-style-1:focus,
.custom-link-style-1:active {
    color: #ccc!important
}

.custom-btn-style-1 {
    padding: 11.2px 32px;
    padding: .7rem 2rem;
    border-radius: 50px!important
}

ul.custom-comments-style li {
    border-top: 1px solid #dde5e7
}

@media(min-width:768px) {
    ul.custom-comments-style li {
        padding: 35px 0 0 115px
    }
}

ul.custom-comments-style>li:first-child {
    border-top: 0
}

ul.custom-comments-style .comment-block {
    background: 0 0;
    padding: 5px 0 20px
}

.custom-bullets-style-1 .tp-bullet {
    background: #fff;
    width: 10px;
    height: 10px;
    border-color: #fff
}

.custom-bullets-style-1 .tp-bullet:hover,
.custom-bullets-style-1 .tp-bullet.selected {
    background: #ccc
}

.custom-thumb-style-1 {
    border: none;
    background: 0 0
}

.custom-thumb-style-1 img {
    border-radius: 100%!important;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-opacity-1 {
    opacity: .2!important
}

.custom-opacity-2 {
    opacity: .5!important
}

.custom-fontsize-1 {
    font-size: 1.3em!important;
    line-height: 1.3!important
}

.custom-fontsize-2 {
    font-size: 17.6px!important;
    font-size: 1.1rem!important
}

.custom-fontsize-3 {
    font-size: 25.6px!important;
    font-size: 1.6rem!important;
    letter-spacing: 0
}

.custom-fontsize-4 {
    font-size: 64px!important;
    font-size: 4rem!important
}

.custom-fontsize-5 {
    font-size: 16px!important;
    font-size: 1rem!important
}

.custom-fontsize-6 {
    font-size: 19.2px!important;
    font-size: 1.2rem!important;
    letter-spacing: 0
}

.custom-fontsize-7 {
    font-size: 41.6px!important;
    font-size: 2.6rem!important;
    letter-spacing: 0
}

.custom-padding-1 {
    padding: 96px 0!important;
    padding: 6rem 0!important
}

.custom-padding-2 {
    padding: 40px 48px!important;
    padding: 2.5rem 3rem!important
}

.custom-padding-3 {
    padding: 72px 0!important;
    padding: 4.5rem 0!important
}

.custom-padding-4 {
    padding: 32px 36.8px!important;
    padding: 2rem 2.3rem!important
}

.custom-left-rounded-form-control {
    border-radius: 50px 0 0 50px!important;
    height: 60px!important;
    padding: 0 24px;
    padding: 0 1.5rem;
    border-color: #c7ccce;
    border-width: 2px;
    font-weight: 600;
    color: #000!important
}

.custom-right-rounded-form-control {
    border-radius: 0 50px 50px 0!important;
    border-left: 0;
    height: 60px;
    padding: 0 24px;
    padding: 0 1.5rem;
    color: #000;
    font-weight: 600;
    border-color: #c7ccce;
    border-width: 2px
}

.custom-right-rounded-form-control::-webkit-input-placeholder {
    color: #000!important
}

.custom-right-rounded-form-control:-ms-input-placeholder {
    color: #000!important
}

.custom-right-rounded-form-control::-ms-input-placeholder {
    color: #000!important
}

.custom-right-rounded-form-control::placeholder {
    color: #000!important
}

.custom-right-rounded-form-control:-ms-input-placeholder {
    color: #000!important
}

@media(max-width:767px) {
    .custom-left-rounded-form-control,
    .custom-right-rounded-form-control {
        border-radius: 50px!important
    }
    .custom-right-rounded-form-control {
        border-left: 2px solid #c7ccce
    }
}

.custom-select-1 {
    position: relative
}

.custom-select-1:before {
    content: '\f107';
    font-family: "font awesome 5 free";
    position: absolute;
    display: block;
    color: #000!important;
    top: 19px;
    right: 20px;
    color: #b5b5b5;
    font-weight: 700;
    pointer-events: none
}

.custom-select-1 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    color: #000
}

.custom-select-1 select::-ms-expand {
    display: none
}

.owl-carousel.custom-carousel-style-1 .owl-item {
    opacity: .5;
    -webkit-transition: ease opacity 300ms;
    transition: ease opacity 300ms
}

.owl-carousel.custom-carousel-style-1 .owl-item:hover {
    opacity: 1
}

.owl-carousel.custom-carousel-style-1 .owl-nav button.owl-prev,
.owl-carousel.custom-carousel-style-1 .owl-nav button.owl-next {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #ccc;
    width: 40px;
    height: 40px
}

.owl-carousel.custom-carousel-style-1 .owl-nav button.owl-prev:hover,
.owl-carousel.custom-carousel-style-1 .owl-nav button.owl-prev:active,
.owl-carousel.custom-carousel-style-1 .owl-nav button.owl-prev:focus,
.owl-carousel.custom-carousel-style-1 .owl-nav button.owl-next:hover,
.owl-carousel.custom-carousel-style-1 .owl-nav button.owl-next:active,
.owl-carousel.custom-carousel-style-1 .owl-nav button.owl-next:focus {
    background-color: #ccc;
    border-color: #ccc;
    color: #fff
}

.owl-carousel.custom-carousel-style-1 .owl-nav button.owl-prev:before {
    content: '\f104';
    left: 1px;
    top: 1px;
    font-size: 21px
}

.owl-carousel.custom-carousel-style-1 .owl-nav button.owl-next:before {
    content: '\f105';
    left: 1px;
    top: 1px;
    font-size: 21px
}

.owl-carousel.custom-carousel-style-2 .owl-dots {
    margin-top: 30px
}

.owl-carousel.custom-carousel-style-2 .owl-dots button.owl-dot:hover span,
.owl-carousel.custom-carousel-style-2 .owl-dots button.owl-dot:active span,
.owl-carousel.custom-carousel-style-2 .owl-dots button.owl-dot.active span {
    background-color: #ccc
}

.owl-carousel.custom-carousel-style-2 .owl-dots button.owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 4px
}

.tabs-navigation.custom-tabs-navigation-1 .nav-tabs>li .nav-link {
    border-left: 0!important;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ccc;
    border-bottom: 0;
    border-radius: 0;
    background: 0 0!important;
    color: #1d2127;
    font-size: 32px;
    font-size: 2rem
}

.tabs-navigation.custom-tabs-navigation-1 .nav-tabs>li .nav-link:before {
    content: none
}

.tabs-navigation.custom-tabs-navigation-1 .nav-tabs>li .nav-link:hover,
.tabs-navigation.custom-tabs-navigation-1 .nav-tabs>li .nav-link:focus,
.tabs-navigation.custom-tabs-navigation-1 .nav-tabs>li .nav-link.active {
    border-right-width: 2px
}

.testimonial.custom-testimonial-style-1 blockquote {
    background: 0 0!important;
    padding: 11.2px 28.8px;
    padding: .7rem 1.8rem
}

.testimonial.custom-testimonial-style-1 blockquote:before,
.testimonial.custom-testimonial-style-1 blockquote:after {
    color: #1d2127;
    font-family: 'font awesome 5 free';
    font-size: 14px;
    font-weight: 900
}

.testimonial.custom-testimonial-style-1 blockquote:before {
    content: '\f10d';
    left: 0;
    top: 15px
}

.testimonial.custom-testimonial-style-1 blockquote:after {
    content: none
}

.testimonial.custom-testimonial-style-1 blockquote p {
    color: #777;
    font-family: open sans;
    font-style: normal;
    font-size: 14px;
    line-height: 24px
}

.testimonial.custom-testimonial-style-1 .testimonial-author {
    position: relative;
    margin-left: 28.8px;
    margin-left: 1.8rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.testimonial.custom-testimonial-style-1 .testimonial-author:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 1px;
    border-top: 2px solid #1d2127;
    width: 12px
}

.custom-rate-style>i {
    color: #c8c8c8
}

.custom-rate-style>i.active {
    color: #252525
}

#footer p:not(.no-custom-color),
#footer a:not(.no-custom-color),
#footer span:not(.no-custom-color) {
    color: #a8b0b3;
    -webkit-transition: ease color 300ms;
    transition: ease color 300ms;
    font-size: 13px
}

#footer a:hover,
#footer a:focus,
#footer a:active {
    color: #fff
}

#footer .list li {
    margin-bottom: 5px
}

html.ie .custom-feature-box-1 .feature-box-info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}