/*================
 Template Name: AgencyCo Digital Agency and Marketing
 Description: AgencyCo is digital agency and marketing template.
 Version: 1.0
 Author: https://themeforest.net/user/themetags
=======================*/

/*TABLE OF CONTENTS*/
/*=====================
01. RESET CSS
02. BASE TYPOGRAPHY
03. PRE DEFINE CLASS CSS
04. HEADER CSS
05. HERO SECTION CSS
06. PAGE HEADER CSS
07. PROMO SECTION CSS
08. ABOUT US CSS
09. FEATURE SECTION CSS
10. VIDEO PROMO CSS
11. COUNTER CSS
12. PRICING CSS
13. TESTIMONIAL CSS
14. CONTACT FORM CSS
15. FOOTER CSS
=======================*/

#dataentry p:not(:last-child) {
    margin-bottom: 1.25em;
}

#dataentry h1, #dataentry h2, #dataentry h3, #dataentry h4, #dataentry h5 {
    margin: 0 0 1rem;
    font-family: 'Comfortaa', sans-serif;
    font-weight: 600;
    line-height: 1.21;
    color: initial;
}

#dataentry h1 {
    margin-top: 0;
    font-size: 3.052em;
}

#dataentry h2 {
    font-size: 2.441em;
}

#dataentry h3 {
    font-size: 1.953em;
}

#dataentry h4 {
    font-size: 1.563em;
}

#dataentry h5 {
    font-size: 1.25em;
}

#dataentry small, #dataentry .text_small {
    font-size: 0.8em;
}

#dataentry strong, #dataentry b{
    font-weight: 600;
    font-family: 'Comfortaa', sans-serif;
}


/*========================================
        03. PRE DEFINE CLASS CSS
==========================================*/
#dataentry.ptb-100{
    padding: 100px 0;
}
#dataentry .pt-100{
    padding-top: 100px;
}

#dataentry .pb-100{
    padding-bottom: 100px;
}
#dataentry.gray-light-bg{
    background: #f5f5f5;
}

.outline-btn, .solid-btn, .primary-solid-btn, .primary-outline-btn{
    padding: .75rem 1.85rem;
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px;
    font-weight: 600;
    transition: all .25s ease-in-out;
}

.primary-solid-btn{
    border-color: #e5710b;
    background: #e5710b;
    color: #ffffff;
}

.primary-solid-btn:hover{
    background: transparent;
    color: #081d43;
    border-color: #081d43;
}
.solid-btn{
    background: #f70;
    color: #ffffff;
    border-color: #f70;
}

.solid-btn:hover{
    background: #ff8657;
    border-color: #ff8657;
    color: #ffffff;
}
.primary-outline-btn {
    position: relative;
    display: inline-block;
    color: #e5710b;
    border: 1px solid #e5710b;
}
.primary-outline-btn:hover {
    color: #ffffff;
    background: #e5710b;
}
.outline-btn{
    border-color: #0062cc;
    color: #fff;
    background: rgba(0, 98, 204, 0.51);
}
.outline-btn:hover{
    background: #ffffff;
    color: #e5710b;
    border-color: #ffffff;
}

.primary-bg h1, .primary-bg p{
    color: #fff;
}
.ratting-color{
    color: #ff743e;
}
/*form field css*/
.form-control{
    border-color: #ebebeb;
    padding: .675rem 0.85rem;
}
.form-control:focus{
    outline: none;
    box-shadow: none;
}

#dataentry input[type]::-webkit-input-placeholder,
#dataentry textarea::-webkit-input-placeholder,
#dataentry select::-webkit-input-placeholder,
#dataentry select.form-control.has-value{
    color: #9a9a9a !important;
    font-size: 14px;
}

#dataentry input[type]:-moz-placeholder,
#dataentry textarea:-moz-placeholder,
#dataentry select:-moz-placeholder,
#dataentry select.form-control.has-value{
    /* Firefox 18- */
    color: #9a9a9a;
    font-size: 14px;
}

#dataentry input[type]::-moz-placeholder,
#dataentry textarea::-moz-placeholder,
#dataentry select::-moz-placeholder,
#dataentry select.form-control.has-value{
    /* Firefox 19+ */
    color: #9a9a9a;
    font-size: 14px;
}

#dataentry input[type]:-ms-input-placeholder,
#dataentry textarea:-ms-input-placeholder,
#dataentry select:-ms-input-placeholder,
#dataentry select.form-control.has-value{
    color: #9a9a9a;
    font-size: 14px;
}

#dataentry .form-control {
    border-color: #ebebeb;
    padding: .75rem 0.85rem;
    height: calc(2.356em + .75rem + 2px);
}
/*icon size*/
.icon-sm {
    font-size: 30px;
    line-height: 30px;
}

.icon-md {
    font-size: 40px;
    line-height: 40px;
}

.icon-lg {
    font-size: 50px;
    line-height: 50px;
}
@media (min-width: 320px) and (max-width: 992px){
    #dataentry.ptb-100{
        padding: 55px 0;
    }
}

/*=========================================
            07. PROMO SECTION CSS
============================================*/
.single-promo{
    display: block;
    overflow: hidden;
}
.single-promo span{
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 20px;
    display: inline-block;
}
.single-promo-1{
    box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.12);
    border-radius: 1.5rem !important;
}
.single-promo-1 span{
    font-size: 35px;
    line-height: initial;
    background: #e5710b;
    padding: 20px;
    border-radius: 50%;
}
.single-promo img{
    display: block;
}

.promo-info{
    padding: 30px;
}
.single-promo-hover{
    transition: all .2s ease-out;
    will-change: transform;
}
.single-promo-hover:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
    border-radius: 6px;
}
/*client section css*/
.client-section-wrap ul{
    display: block;
    margin: 0 auto;
}
.client-section-wrap ul li{
    padding-right: 50px;
    margin: 5px 0;
}
.client-section-wrap ul li img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.3s ease-in;
}
.client-section-wrap ul li img:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    filter: none;
    -webkit-filter: grayscale(0%);
}
.client-section-wrap ul li:last-child{
    padding-right: 0;
}

.single-client {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-column-align: center;
    justify-items: center;
    width: 60%;
    height: auto;
    -webkit-transition: -webkit-transform .5s ease-in;
    transition: -webkit-transform .5s ease-in;
    transition: transform .5s ease-in;
    transition: transform .5s ease-in,-webkit-transform .5s ease-in;
    margin: 8px auto;
}
.single-client img {
    max-width: 100%;
    max-height: 100%;
    -webkit-filter: opacity(50%);
    /* Safari 6.0 - 9.0 */
    filter: opacity(90%);
    width: 100%;
}
.single-client:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.single-client:hover .client-img {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}

/*=========================================
            08. ABOUT US CSS
============================================*/
.switchable {
    position: relative;
}

.imageblock-section {
    position: relative;
    padding: 0;
}
.imageblock-section .imageblock-section-img {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 2;
    padding: 0;
}
.switchable.switchable-content div[class*='col-']:first-child {
    float: right;
    right: 0;
    left: auto;
}
.switchable > div[class*='col-'] {
    padding: 0;
}

.background-image-holder {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover !important;
    background-position: 50% 50% !important;
    z-index: 0;
    transition: opacity .3s linear;
    -webkit-transition: opacity .3s linear;
    opacity: 0;
    background: #252525;
}

.background-image-holder:not([class*='col-']) {
    width: 100%;
}

.switchable div[class*='col-']:first-child {
    float: left;
    right: auto;
}

@media (max-width: 767px){
    .switchable .imageblock-section-img[class*='col-'] {
        float: none !important;
    }
}

.switchable > div[class*='col-'] {
    padding: 0;
}
@media (max-width: 767px){
    .imageblock-section .imageblock-section-img {
        position: relative;
        min-height: 18.57142857em;
    }
}

@media (min-width: 768px){
    .switchable .container > .row {
        flex-flow: row-reverse;
    }
    .switchable.switchable-content .container > .row {
        flex-flow: row;
    }
}

.single-card {
    width: calc(50% - 25px);
    margin-left: 25px;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: box-shadow .3s ease-in-out 0s;
    box-sizing: border-box;
    box-shadow: 0 8px 20px 0 rgba(16,66,97,.07);
    padding: 35px 15px;
    border-radius: 10px;
    float: left;
    text-align: center;
}
.single-card:nth-child(2n) {
    position: relative;
    top: 40px;
}
.single-card h3 {
    font-size: 34px;
    color: inherit!important;
    margin: 0;
    line-height: 34px;
    font-weight: 700;
    position: relative;
}

.single-card span{
    font-size: 2.95714286em;
    line-height: 1.75125468em;
}

.counter-card{
    float: none;
    display: block;
    overflow: hidden;
    width: auto;
    margin: auto;
}
.box-animation-1{
    animation: animation-1 5s ease-out infinite;
}
.box-animation-2{
    animation: animation-2 4s ease-out infinite;
}
.box-animation-3{
    animation: animation-3 5s ease-out infinite;
}
.box-animation-4{
    animation: animation-4 4s ease-out infinite;
}


@keyframes animation-1 {
     50% {
         transform: translate(0, 20px);
     }
 }
@keyframes animation-2 {
    50% {
        transform: translate(0, 35px);
    }
}
@keyframes animation-3 {
    50% {
        transform: translate(0, 25px);
    }
}
@keyframes animation-4 {
    50% {
        transform: translate(0, 40px);
    }
}
@keyframes shrink {
    0% {
        width: 90%;
        margin: 0 5%;
    }
    50% {
        width: 60%;
        margin: 0 18%;
    }
    100% {
        width: 90%;
        margin: 0 5%;
    }
}


/*=========================================
            09. FEATURE SECTION CSS
============================================*/
.icon-md{
    font-size: 32px;
    line-height: 35px;
}
.icon-lg{
    font-size: 70px;
    line-height: 75px;
}
.single-feature .icon{
    font-size: 20px;
    line-height: 21px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}


.single-feature-hover{
    z-index: 0;
    position: relative;
    background: #ffffff;
    box-shadow: 0 0 0 1px #ebebeb;
    padding: 10px;
    box-sizing: border-box;
    -webkit-transition: box-shadow 0.3s ease,z-index 0s 0.3s ease,-webkit-transform 0.3s ease;
    transition: box-shadow 0.3s ease,z-index 0s 0.3s ease,-webkit-transform 0.3s ease;
    transition: box-shadow 0.3s ease,transform 0.3s ease,z-index 0s 0.3s ease;
    transition: box-shadow 0.3s ease,transform 0.3s ease,z-index 0s 0.3s ease,-webkit-transform 0.3s ease;
}

.single-feature-hover:hover{
    z-index: 1;
    box-shadow: 0 8px 50px rgba(0,0,0,0.2);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    border-radius: 4px;
    -webkit-transition: box-shadow 0.1s ease,z-index 0s 0.1s ease,-webkit-transform 0.1s ease;
    transition: box-shadow 0.1s ease,z-index 0s 0.1s ease,-webkit-transform 0.1s ease;
    transition: box-shadow 0.1s ease,transform 0.1s ease,z-index 0s 0.1s ease;
    transition: box-shadow 0.1s ease,transform 0.1s ease,z-index 0s 0.1s ease,-webkit-transform 0.3s ease;
}
.border{
    border-color: #ebebeb;
}
.single-services span{
    margin-bottom: 15px;
    display: block;
}

.feature-list li {
    position: relative;
    padding: 0 0 10px 22px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.feature-list li:before{
    content: "\e6af";
    position: absolute;
    top: 1px;
    left: 0;
    font-family: 'themify';
    font-weight: 400;
    color: #ff8657;
}

/*services feature css*/
.features-box {
    position: relative;
    display: block;
}
.features-box-icon {
    display: table-cell;
    vertical-align: top;
}
.features-box-content {
    display: table-cell;
    padding-left: 20px;
}

/*=========================================
            10. VIDEO PROMO CSS
============================================*/
.background-img{
    position: relative;
    width: 100%;
    display: block;
}

.background-img:before{
    position: absolute;
    content: '';
    background: rgba(0, 67, 139, 0.85);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.cta-scheduler{
	position: relative;
    width: 100%;
    display: block;
}
.cta-scheduler:before{
 position: absolute;
    content: '';
    background: rgba(95,207,128, 0.85);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.video-promo-content{
    transition: all 800ms ease-in-out;
}
.video-promo-content a img{
    transition: all 800ms ease-in-out;
}
.video-promo-content a img:hover{
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.video-promo-content h5{
    color: #ffffff;
}
.video-play-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
    z-index: 4;
    display: inline-block;
    border: 2px solid #ffffff;
    cursor: pointer;
    background: #ffffff;
}
.video-play-icon:before{
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -4px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    border-color: transparent transparent transparent #ffffff;
    border-color: transparent transparent transparent #00438a;
}
.video-promo-content a:hover{
    border-width: 22px;
    border-color: #ff8657;
}
.video-promo-content a.video-play-icon{
    border-radius: 50%;
    display: block;
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-white 1s linear infinite;
    -webkit-transition: .5s
}

@-webkit-keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

@keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}
/*=========================================
            11. COUNTER CSS
============================================*/
.counter-wrap{
    background: #ffffff;
    width: 100%;
    display: block;
    position: relative;
    bottom: -60px;
    padding: 30px 0;
    border-radius: 6px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.12);
}

.counter-wrap{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-auto-flow: dense;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(255px,1fr));
}

.counter-wrap li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    text-align: center;
    border-right: 1px solid #ebebeb;
    margin: 10px 0 !important;
}
.counter-wrap li:last-child{
    border-right: none;
    margin-right: 0 !important;
}
.single-counter span, .no-counter span{
    font-weight: bold;
    font-family: 'Comfortaa', sans-serif;
    color: #e5710b;
    font-size: 25px;
    line-height: 28px;
}

/*=========================================
            12. PRICING CSS
============================================*/
.card.single-pricing-pack {
    transition: all 0.2s ease 0s;
    box-shadow: 0 0 0 1px #ebebeb;
    border-radius: 1rem !important;
    border: 2px solid transparent;
}

.card.single-pricing-pack:hover {
    z-index: 2;
}

.single-pricing-pack:hover {
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
    transform: translate(0, -5px);
    border-top: 2px solid #e5710b;
}

.single-pricing-pack .card-body {
    color: rgb(132, 146, 166);
    flex: 1 1 auto;
    padding: 1.5rem;
}

.pricing-header {
    position: relative;
    background: transparent;
}

.pricing-header .price {
    font-size: 35px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    color: #e5710b;
}

.pricing-header .price span {
    font-size: 14px;
    margin-left: 4px;
}

.pricing-header::after {
    content: "";
    display: block;
    width: 80%;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40%;
    height: 1px;
    background: radial-gradient(at center center, rgb(222, 228, 239) 0px, rgba(255, 255, 255, 0) 75%);
}

.pricing-feature-list li {
    font-size: 14px;
    line-height: 30px;
}

.pricing-feature-list li span {
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    color: #5a5a5a;
    font-size: 13px;
}

.popular-price {
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
    border: 2px solid #e5710b !important;
}

.popular-price:hover {
    border-top: 4px solid #e5710b !important;
}

/*=========================================
            13. TESTIMONIAL CSS
============================================*/
.testimonial-wrap{
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding: 40px;
    margin-bottom: 25px;
}
.testimonial-wrap span.icon{
    font-size: 35px;
    color: #e5710b;
}
.testimonial-wrap blockquote{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 127px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}
.author-info h5{
    color: #e5710b;
}
.author-img{
    width: 3.425rem;
    height: 3.425rem;
}

.dot-indicator.owl-theme button.owl-dot span{
    display: inline-block;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    background: #d8d8d8;
    border-radius: 50%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    transition: 0.3s;
}
.dot-indicator.owl-theme button.owl-dot:focus{
    border: none;
    outline: none;
}
.dot-indicator.owl-theme button.owl-dot.active span{
    background: #ff8657;
    border: 2px solid transparent;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);

}

.testimonial-single{
    display: block;
    position: relative;
}

.testimonial-single:after{
    content: '';
    width: 0;
    height: 0;
    border-top: 30px solid #f7f7f7;
    border-right: 30px solid transparent;
    position: absolute;
    bottom: -30px;
}

/*owl carousel slider*/
.owl-carousel .owl-item .client-img img{
    width: 60px;
    display: initial;
}

.client-ratting-list li:not(:last-child){
    margin-right: 0;
    line-height: 14px;
}
.client-ratting-list li span{
    font-size: 12px;
}


/*=========================================
            14. CONTACT FORM CSS
============================================*/

.sign-up-form-wrap{
    display: block;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
}

.shadow-lg{
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.list-creative>li+li {
    border-top: 1px solid #ebebeb;
}
@media (min-width: 992px){
    .list-creative>li {
        padding: 30px 0;
    }
}
.list-terms-medium {
    position: relative;
    padding-left: 30px;
}
.list-terms-medium::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    bottom: 2px;
    width: 4px;
}
.list-terms-medium dt {
    letter-spacing: .1em;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: #565656;
}
.list-creative .address::before {
    background: #ff8657;
}
.list-creative .phone::before {
    background: #e5710b;
}
.list-creative .email::before {
    background: #007bff;
}
.list-terms-medium a,.list-terms-medium p, .list-terms-medium a:active, .list-terms-medium a:focus {
    color: #9b9b9b;
    text-decoration: none;
}
.list-terms-medium a:hover {
    color: #ff8657;
}

.google-map{
    height:100%;
    margin-bottom: -8px;
}
/*=========================================
            15. FOOTER CSS
============================================*/
.footer-top {
    padding: 65px 0;
}

.security-icon-list li{
    margin: 0 15px 12px 0;
}

@media (min-width: 320px) and (max-width: 567px) {
    .footer-top {
        padding: 50px 0;
    }
}

.footer-nav-wrap h4 {
    font-size: 14px;
    margin-bottom: 1.4rem;
    font-weight: 700;
}

.footer-nav-wrap ul li a {
    font-size: 14px;
    line-height: 24px;
    padding: 3px 0;
    color: inherit;
    opacity: 0.8;
}

.footer-nav-wrap ul li a:hover, .copyright-text a:hover, .social-list li a:hover {
    opacity: 1;
    text-decoration: none;
}

.payment-method ul {
    display: inline-flex;
    align-items: center;
}

.payment-method ul li img {
    max-width: 60px;
}

.payment-method ul li:last-child img {
    margin-right: 0;
}

.copyright-text {
    font-size: 13px;
}

.social-list li a {
    padding: 6px 10px;
}

.footer-nav-list li a span {
    font-size: 12px;
    vertical-align: middle;
}

.bottom-sticky-footer {
    position: absolute;
    bottom: 1px;
    width: 100%;
    height: 55px;
}
.social-nav ul li a{
    opacity: 0.8;
    transition: all 0.3s ease-in;
}


.tooltip-hover{
    position: relative;
}

.tooltip-hover a{
    display: block;
}

.tooltip-item{
    position: absolute;
    background-color: rgb(255, 255, 255);
    pointer-events: none;
    color: rgb(51, 51, 51);
    font-size: 13px;
    bottom: 90%;
    left: 50%;
    opacity: 0;
    white-space: nowrap;
    visibility: hidden;
    z-index: 999;
    box-shadow: rgba(0, 0, 0, 0.2) 0 4px 15px;
    transform: translate3d(-50%, 0px, 0px);
    padding: 0.4rem 0.8rem;
    border-radius: 3px;
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.tooltip-item:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0px;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 6px solid rgb(255, 255, 255);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.tooltip-hover:hover .tooltip-item{
    opacity: 1;
    visibility: visible;
    bottom: calc(100% + 5px);
}

.get-in-touch-list li{
    font-size: 14px;
}
.get-in-touch-list li span{
    font-size: 14px;
    margin-right: 10px;
}

.answer{
	font-weight:bold;

}
.qaTable{
	margin-top:40px;
	font-size:1.25rem;
	width:100% !important;
}
.qaTable tr td:first-child{
	padding-right:20px;
}


.hover15 figure {
	position: relative;
}
.hover15 figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15 figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}