.ripple {
    background-color: #fff;
    border-radius: 100%;
    color: #FEBC34;
    position: relative;
    display: inline-block;
    line-height: 70px;
    font-size: 30px !important;
    vertical-align: middle;
    margin-left: -15px;
    height: 70px;
    width: 70px;
    text-align: center;
}


/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

.animated-btn {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background: #fff;
    position: relative;
    color: #FEBC34;
}

.animated-btn i {
    margin-right: 0;
    margin-left: 5px;
    font-size: 25px;
    color: #FEBC34;
}

.animated-btn::before,
.animated-btn::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    animation: ripple-1 2s infinite ease-in-out;
    z-index: -1;
}

.mean-container .mean-bar:before {
    color: black;
    content: " ";
    left: 13px;
}

.img-service {
    padding-top: 37%;
}

.mean-container .mean-bar {
    position: fixed;
    top: 0px;
    background: #1DA1F2;
    left: 0px;
    border: 0.5px solid black;
}

.mean-container a.meanmenu-reveal {
    position: relative;
    right: 13px !important;
}

.mobile-menu-area {
    margin-bottom: 46px;
}

.animated-btn::after {
    background: rgba(255, 255, 255, 0.6);
    animation: ripple-2 2s infinite ease-in-out;
    animation-delay: 0.5s;
}

.account-form>form {
    margin-top: 10px;
    padding-bottom: 20px;
}

.subscribe-container button {
    top: 8px;
}

#formSendMai .lb,
#formSendMaiFooter .lb {
    display: contents;
}

#formSendMai .lb-text,
#formSendMaiFooter .lb-text {
    /*    display: none;*/
    color: white;
}

.subscribe-form input {
    position: relative;
    top: -43px;
}

.contact-form-container input,
.single-widget-container input {
    margin-bottom: 0px;
}

.account-form input {
    margin-bottom: 0px;
}

.button-default:hover {
    background: #fff;
}

#contact-subscribe .fa {
    position: relative;
    left: 30px;
}

@keyframes ripple-1 {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes ripple-2 {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.7);
        opacity: 0;
    }
}

.register-info {
    padding: 20px 0 20px 0;
}

.single-service-icon .fa-stack {
    width: 0em;
    height: 0em;
    font-family: sans-serif;
}

.single-service-item {
    height: auto;
}

.section-title h3 {
    line-height: normal;
}

.text-actor {
    color: black;
    font-size: 13px;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 0px;
}

.single-blog-text {
    min-height: 250px;
}

.single-blog-image img {
    height: 220px;
}

.img-fill {
    object-fit: cover;
    /*                object-position: 20% 25%;*/
}


/*            .advertise-area .section-sea-green {
                padding-bottom: 35px;
                padding-top: 35px;
            }

            .section-sea-green {
                background: #1DA1F2;
            }*/

.section-gray-padding {
    padding-bottom: 35px;
    padding-top: 35px;
    font-style: italic;
    background: #1DA1F2;
    text-align: left !important;
}

.section-gray-padding h4,
.section-gray-padding h5,
.section-gray-padding .text-actor {
    color: #fff;
}

.single-activity>p {
    text-align: justify;
}

.fun-factor-video {
    padding: 115px 0 80px;
}

.text-phone {
    font-size: 18px !important;
}

.blog-post-wrapper img,
.blog-post-wrappe .blog-post-details-img,
.blog-post-details-img {
    text-align: center;
}

.blog-post-details-text img {
    text-align: center;
}

.section-gray-padding h1,
.section-gray-padding h2,
.section-gray-padding h3,
.section-gray-padding h4,
.section-gray-padding h5 {
    font-weight: 100;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 550;
}

.banner-content .banner-readmore a {
    color: black;
}

.button-default {
    color: #fff;
    font-size: 14px;
}

.footer-area {
    background: black;
}

.footer-info-container {
    border-bottom: 1px solid #fff;
}

.subscribe-container {
    background: #333333 none repeat scroll 0 0;
}

.subscribe-container .fa {
    color: black;
}

.subscribe-form input {
    color: black;
}

.header-login-register .login a {
    color: white;
}


/* .nivo-directionNav {
    display: none !important;
} */

#modal-error .modal-body {
    font-size: 15px;
    font-weight: bold;
    color: #d14;
}

.footer-info span {
    word-break: break-all;
    text-align: left;
}

.btn-store {
    color: #777777;
    min-width: 254px;
    padding: 12px 20px !important;
    border-color: #dddddd !important;
}

.btn-store:focus,
.btn-store:hover {
    color: #ffffff !important;
    background-color: #1DA1F2;
    border-color: #168eea !important;
}

.btn-store .btn-label,
.btn-store .btn-caption {
    display: block;
    text-align: left;
    line-height: 1;
}

.btn-store .btn-caption {
    font-size: 24px;
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #808080 !important;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #808080 !important;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #808080 !important;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #808080 !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #808080 !important;
}

::placeholder {
    /* Most modern browsers support this now. */
    color: #808080 !important;
}

.subscribe-form {
    background: #fff;
}

.header-logo-menu .logo {
    width: 200px;
    position: relative;
    top: 17px;
}

.header-two .header-top {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    background: #464646;
    border-bottom: 1px solid #f0f0f0;
}

.header-two .header-top-info span {
    background: none;
    color: white;
}

.header-top-info span i {
    color: white;
}

.footer-container {
    border-top: 1px solid #fff;
}

.carousel-style-one.owl-carousel .owl-nav div:hover,
.blog-carousel.carousel-style-one.owl-carousel .owl-nav div:hover {
    background: #1DA1F2;
    border-color: #1DA1F2;
}

.orange-color p span,
.orange-color span {
    color: #1DA1F2;
}

.single-widget-container a {
    line-height: 18px;
}

.single-activity {
    margin-top: 10px;
}

.search-menu i#toggle-search {
    color: #000;
}

.single-widget-container .tag-list {
    font-size: 11px;
}

.animationLink i {
    color: #1DA1F2;
    margin-left: 20px;
}

.animationLink .arrow {
    animation: slide 1s ease-in-out infinite;
    /*                margin-left: 9px;*/
    nimation: slide 1s ease-in-out infinite;
    margin-left: -26px;
    margin-right: 10px;
}

.animationLink spam {
    color: #1DA1F2;
}

.mainmenu ul#nav li {
    margin-right: 30px;
}

.service-area.service-style-two {
    border-bottom: 0px solid #fff;
}

.class-list-item img {
    height: 170px;
}

.pagination>li:last-child {
    margin-left: 0px;
}

.single-service-item:hover .single-service-text>h4,
.service-style-two .single-service-item .single-service-text>h4 {
    font-weight: bold;
}

#modal-error,
#modal-success {
    z-index: 9999999999;
}


/*--thank you pop starts here--*/

.thank-you-pop {
    width: 100%;
    padding: 20px;
    text-align: center;
}

.thank-you-pop img {
    width: 76px;
    height: auto;
    margin: 0 auto;
    display: block;
    margin-bottom: 25px;
}

.thank-you-pop h1 {
    /*    font-size: 42px;*/
    margin-bottom: 25px;
    color: #5C5C5C;
}

.thank-you-pop p {
    /*    font-size: 20px;*/
    margin-bottom: 27px;
    color: #5C5C5C;
}

#modal-success .single-activity-icon {
    border: 1px solid #28a745;
    border-radius: 50%;
    color: #28a745;
    display: inline-table;
    font-size: 64px;
    height: 115px;
    margin-bottom: 25px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 124px;
}

.single-widget-container input,
.contact-form-container input,
.account-form input {
    color: black;
}

.contact-form-container input,
.contact-form-container textarea,
textarea {
    color: black;
}

.header__logo-mb {
    position: fixed;
    top: 6px;
    width: 120px;
    left: 34%;
    z-index: 99999999999;
}

.thank-you-pop a i {
    margin-right: 5px;
    color: #fff;
}

#ignismyModal .modal-header {
    border: 0px;
}

#contact-library {
    margin-bottom: 30px;
}

.service-area .col-md-4:first-child .single-service-text {
    padding-right: 70px;
    text-align: right;
}

.service-area .col-md-4:last-child .single-service-text {
    padding-left: 70px;
    text-align: left;
}

.single-service-icon {
    height: 50px;
    width: 50px;
}

.single-service-icon .fa {
    font-size: 20px;
}

.single-service-icon .fa-stack {
    font-size: 20px;
    position: relative;
    left: 38%;
}

.service-style-two .single-service-icon:after {
    border: 0px;
}

.account-form {
    margin: 62px 17px 46px 27px;
}

.footer-info>span {
    margin-top: 10px;
}

.contact-text span {
    font-size: 14px;
}

.single-footer-widget {
    text-align: left;
    margin-left: 35px;
}

.single-blog-item {
    /*    margin: 0px 5px 0px 5px;*/
}

.phonering-alo-phone {
    position: fixed;
    z-index: 99999999999;
    bottom: 160px;
    left: -30px;
}

.phonering-alo-phone.phonering-alo-static {
    opacity: .6
}

.phonering-alo-phone.phonering-alo-hover,
.phonering-alo-phone:hover {
    opacity: 1
}

.phonering-alo-ph-circle {
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    position: absolute;
    background-color: transparent;
    border-radius: 100% !important;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border: 2px solid #bfebfc 9;
    opacity: .1;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.item-partner {
    margin: 20px;
}

.item-partner .item {
    margin-top: 5px;
}

.item-partner .item-title {
    margin-top: 20px;
}

.bt-custom a {
    background: #1DA1F2 none repeat scroll 0 0;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 40px;
    border-radius: 15px;
}

.partner .nivo-prevNav,
.partner .nivo-nextNav {
    display: none !important;
}

.bt-custom {
    margin-top: 20px;
}

.mobile-menu-area .mean-nav {
    background: #fff;
}

@media (max-width: 767px) {
    .partner .banner-content.slider-2 p {
        margin-top: 25px;
    }
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation: phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation: phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation: phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation: phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color: #1DA1F2;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color: #1DA1F2;
    border-color: #1DA1F2;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color: #1DA1F2;
    border-color: #1DA1F2;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color: #1DA1F2;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color: #75eb50;
    opacity: .5
}

.phonering-alo-ph-circle-fill {
    width: 100px;
    height: 100px;
    top: 50px;
    left: 50px;
    position: absolute;
    background-color: #1DA1F2;
    border-radius: 100% !important;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation: phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation: phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity: 0!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color: rgba(245, 177, 32, 0.8);
    background-color: #1DA1F2 9;
    opacity: .75!important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color: rgba(245, 177, 32, 0.8);
    background-color: #1DA1F2 9;
    opacity: .75!important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    /* background-color: rgba(245, 177, 32, 0.8); */
    background-color: #1DA1F2 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color: rgba(245, 177, 32, 0.5);
    background-color: #1DA1F2 9;
    opacity: .75!important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color: rgba(245, 177, 32, 0.5);
    opacity: .75!important
}

.phonering-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    top: 70px;
    left: 70px;
    position: absolute;
    background: rgba(30, 30, 30, 0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAADNQTFRFAAAA8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy+02iowAAABF0Uk5TADBAYO//z1AQn3+/33CvII+xd3SqAAAA9UlEQVR4nN2V2xKEIAxDV2y1gqL//7XrhQI762D6at7P1MQ2fD7vVeecMwE98a7eQvCpASdGTupQQkiRCUUmJZgEHMJFYAB9hYAB+ArhEUJCjQQ7Mps/jLA/sxQigiF3eQTm/VD6+QM44lDy73FC/WP5XlIzq4Eh4x7v2mx7fGhlewDB7kYDiIYxepiGjtHzB9fylO6mZWuincnNVBhPoc27XBnJz/TsLZ/adTdXiNTOsFTgJpIboX2pMTOUO3dvkNYjIgPfqvVxEu4Z0E8laiJ1RWU93V73b+j5EV3ol0B6RHwNgRUqftYRhqfd+Ri2xVJUL9cXlk8L0jtSJvYAAAAASUVORK5CYII=) no-repeat center center;
    border-radius: 100% !important;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation: phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation: phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color: #1DA1F2
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color: #1DA1F2;
    background-color: #1DA1F2 9
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color: #1DA1F2;
    background-color: #1DA1F2 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color: #ccc
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color: #1DA1F2
}

.info-right-card .contac-email {
    border-bottom: 0px;
    margin-bottom: -10px !important;
}

.info-right-card .contact-address-info {
    margin-bottom: 20px;
    padding-bottom: 10px;
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }
    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
}


/*--thank you pop ends here--*/

@keyframes slide {
    0%,
    100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(10px, 0);
    }
}

@media (max-width: 767px) {
    .register-info>h4 {
        display: contents;
    }
    .img-service {
        padding-top: 0px;
    }
    .class-list-item img {
        height: auto;
    }
    .single-blog-image img {
        height: auto;
    }
    .btn-store {
        min-width: 154px;
    }
    .btn-store .btn-caption {
        font-size: 16px;
    }
    .footer-info .fa-3x {
        font-size: 2.3em;
    }
    .single-footer-widget {
        text-align: left;
    }
    .phonering-alo-phone {
        bottom: 146px;
        left: -53px;
    }
    .single-activity-icon {
        height: 110px;
        width: 110px;
    }
}

@media (min-width: 544px) {
    .header__logo-mb {
        left: 42%;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    .service-area .col-md-4:first-child .single-service-text {
        padding-right: 60px;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    .service-area .col-md-4:last-child .single-service-text {
        padding-left: 60px;
    }
}

@media (max-width: 320px) {
    .btn-store {
        min-width: 134px;
    }
    .btn-store .btn-label,
    .btn-store .btn-caption {
        font-size: 11px;
    }
}

@media (max-width:544px) {
    .header__logo-mb {
        left: 34%;
    }
    .advertise-area h4 {
        font-size: 17px;
    }
    .advertise-area h5 {
        font-size: 15px;
    }
    .advertise-area .text-actor {
        font-size: 13px;
    }
    .section-gray-padding {
        padding-bottom: 25px;
        padding-top: 25px;
    }
    .single-service-item {
        margin-top: 20px;
    }
    .single-service-icon {
        height: 35px;
        width: 35px;
    }
    .single-service-icon .fa-stack {
        font-size: 15px;
        position: relative;
         /* left: 13px; */
        left: 0px;
    }
    .img-method {
        width: 60%;
    }
}