/*
Theme Name: Orbito
Theme URI: http://orbito.omanthemes.com/html/
Author: Orientate
Author URI: http://orbito.omanthemes.com
Description: Orbito - Creative Agency Responsive HTML5 Template
Version: 1.0
License:
License URI:
*/


/*=================================
    [Table of contents]
===================================
    01. Header Sections
    02. Slider Sections
    03. Services Sections
    04. About Sections
    05. Projects Sections
    06. Team Sections
    07. Video Sections
    08. Testimonials Sections
    09. Blog Sections
    10. Clients Sections
    11. Footer Sections
    12. Copyright Sections
    13. Contact Pages
    14. Fun Fact
    15. Pages Bannar
    16. Page Sidebar Widgets
    17. Shop Page
    18. FAQ Page
    19. Package Page
    20. Cart page
    21. Back to Top
    22. Back to Top
    23. Popup Menu
*/


/*------------------------------------------------------
/  01. Header Sections
/------------------------------------------------------*/
.header01{
    position: relative;
    min-height: 120px;
    background: #FFF;
    padding: 0 48px;
}
.fixedHeader.header01{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    z-index: 999;
}
.headerInner{
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}
.logo{
    flex: 1;
    margin: 0;
}
.logo img{
    height: 85px;
    width: auto;
}
.mainMenu{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: 'Jost', sans-serif;
}
.mainMenu ul{
    margin: 51px 0 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    justify-content: center;
}
.mainMenu ul li{
    list-style: none;
    position: relative;
    margin: 0 55px 0 0;
    padding: 0 0 51px;
}
.mainMenu ul li:last-child{
    margin-right: 0;
}
.mainMenu ul li a{
    display: block;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #343c55;
    margin: 0;
}
.mainMenu ul li.menu-item-has-children > a:after{
    content: '\2b';
    font-family: 'Font Awesome 6 Free';
    color: inherit;
    font-weight: 900;
    font-size: 10px;
    margin-left: 5px;
    position: relative;
    top: -.5px;
}
.mainMenu ul li:hover > a, .mainMenu ul li.active > a{
    color: #f9758f;
}
.menu_btn, .menu_btn02{
    display: none;
}
.header01Search{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    z-index: 999;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    top: -150%;
    opacity: 0;
    visibility: hidden;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.active.header01Search{
    top: 0;
    opacity: 1;
    visibility: visible;
}
.header01Search form{
    margin: 0;
    padding: 0;
    position: relative;
}
.header01Search input{
    height: 120px;
    display: block;
    width: 100%;
    border: none;
    font-size: 36px;
    font-weight: 400;
    font-family: 'Jost';
    margin: 0;
    padding: 0;
    line-height: 42px;
    color: #868b9b;
}
.header01Search button{
    position: absolute;
    right: 41px;
    top: 0;
    line-height: 1;
    font-size: 36px;
    color: #f9758f;
    border: none;
    background: transparent;
    border-radius: 0;
    height: 36px;
    width: 36px;
    padding: 0;
    bottom: 0;
    margin: auto 0;
}
.header01Search button:hover{
    color: #868b9b;
}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
.header01Search input::-moz-placeholder{
    color: #868b9b;
    opacity: .6;
}
.header01Search input::-ms-input-placeholder{
    color: #868b9b;
    opacity: .6;
}
.header01Search input::-webkit-input-placeholder{
    color: #868b9b;
    opacity: .6;
}
.cancleSearch{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 36px;
    width: 36px;
    background: transparent;
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    color: #f9758f;
}
.cancleSearch:hover{
    color: #868b9b;
}


.accessArea{
    display: flex;
    flex: 1;
    justify-content: flex-end;
    margin: 33px 0 33px;
}
.headerIcons{
    display: inline-flex;
    justify-content: flex-start;
    font-size: 18px;
    line-height: 1;
    color: #343c55;
    margin: 18px 0 18px 0;
    position: relative;
}
.headerIcons a{
    color: inherit;
    margin-right: 24px;
}
.headerIcons a:last-child{
    margin-right: 0;
}
.headerIcons a.fac{
    color: #1877f2;
}
.headerIcons a.twi{
    color: #1da1f2;
}
.headerIcons a.lin{
    color: #0077b5;
}
.headerIcons a.ins{
    color: #405de6;
}
.headerIcons a.searchToggler{
    margin-right: 34px;
    margin-left: 30px;
}
.headerIcons a.shareToggler{
    display: none;
}
.headerIcons a:hover, .headerIcons a.active{
    color: #f9758f;
}
.headerCall{
    position: relative;
    padding: 10px 0 0 71px;
    min-height: 54px;
    margin: 0 0 0 36px;
}
.headerCall i{
    position: absolute;
    left: 0;
    top: 0;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    text-align: center;
    line-height: 54px;
    background: #eef7f8;
    color: #343c55;
    font-size: 18px;
}
.headerCall h4{
    font-size: 14px;
    line-height: 1;
    margin: 0 0 7px;
}
.headerCall h3{
    font-size: 18px;
    line-height: 1;
    margin: 0;
}

.header02{
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 9;
    width: 100%;
    background: transparent;
}
.fixedHeader.header02{
    background: #343c55;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    z-index: 999;
}
.headerInner02{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo2{
    position: relative;
    margin: 36px 0 36px;
}
.logo2 img{
    height: 48px;
    width: auto;
}
.mainMenu2{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
}
.mainMenu2 ul{
    font-family: 'Jost', sans-serif;
    margin: 0;
    padding: 0;
}
.mainMenu2 ul li{
    display: inline-block;
    list-style: none;
    margin: 52px 45px 0 0;
    padding: 0 0 52px;
    position: relative;
}
.mainMenu2 ul li a{
    font-size: 16px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 500;
    line-height: 1;
    display: block;
}
.mainMenu2 ul li.menu-item-has-children > a:after{
    content: '\2b';
    font-family: 'Font Awesome 6 Free';
    color: inherit;
    font-weight: 900;
    font-size: 10px;
    margin-left: 5px;
    position: relative;
    top: -2px;
}
.mainMenu2 > ul ul li.menu-item-has-children > a:after{
    top: 0px;
}
.mainMenu2 ul li:hover > a, .mainMenu2 ul li.active > a{
    color: #f9758f;
}
.mainMenu2 .orbBtn01{
    margin: 33px 0 33px;
}
.mainMenu > ul > li > ul, .mainMenu > ul > li > ul > li > ul ,
.mainMenu2 > ul > li > ul, .mainMenu2 > ul > li > ul > li > ul {
    padding: 15px 0;
    position: absolute;
    top: 100%;
    left: -30px;
    pointer-events: none;
    display: block;
    min-width: 220px;
    border-radius: 0;
    margin: 0;
    background: #fff;
    border-bottom: 3px solid #00c0ff;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 30px 60px 0px rgb(2 24 93 / 8%);
    z-index: 10;
    -webkit-transform: rotateX(-75deg);
    -moz-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transition: .4s;
    transition: .4s;
}
.mainMenu2 > ul > li > ul{
    top: 35px;
}
.fixedHeader .mainMenu2 > ul > li > ul{
    top: 100%;
}
.mainMenu > ul > li > ul > li > ul ,
.mainMenu2 > ul > li > ul > li > ul {
    left: calc(100% + 1px);
    top: 0;
    margin: 0;
}
.mainMenu > ul > li > ul li,
.mainMenu2 > ul > li > ul li{
    margin: 0;
    padding: 10px 30px 7px;
    width: 100%;
}
.mainMenu > ul > li > ul li a,
.mainMenu2 > ul > li > ul li a{
    display: inline;
    padding-bottom: 0px;
    -webkit-transition: all 0.35s linear;
    transition: all 0.35s linear;
    background: -webkit-gradient(linear,left top,left bottom,from(#f9758f),color-stop(98%,#f9758f));
    background: linear-gradient(to bottom,#f9758f 0%,#f9758f 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%;
}
.mainMenu2 > ul > li > ul li a{
    color: #343c55;
    text-transform: capitalize;
}
.mainMenu > ul > li > ul li:hover > a,
.mainMenu > ul > li > ul li:active > a,
.mainMenu2 > ul > li > ul li:hover > a,
.mainMenu2 > ul > li > ul li:active > a{
    background-size: 100% 1px;
    background-image: linear-gradient(to bottom,#f9758f 0%,#f9758f 98%);
}
.mainMenu > ul li:hover > ul,
.mainMenu2 > ul li:hover > ul {
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.headerInner02 .orbBtn01.orbBtnBorder{
    margin-left: 5px;
}
.fixedHeader .mainMenu2 .orbBtn01 .bp-shape{
    background: #00c0ff;
}


/*------------------------------------------------------
/  02. Slider Sections
/------------------------------------------------------*/
.slider01{
    position: relative;
    background: #343c55;
    overflow: hidden;
}
.roundAnim01{
    animation: zoom-in-zoom-out 3s ease-out infinite;
}
@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.05, 1.05);
    }
    100% {
        transform: scale(1, 1);
    }
}
.roundAnim02{
    animation: zoom-out-zoom-in 3s ease-out infinite;
}
@keyframes zoom-out-zoom-in {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(.95, .95);
    }
    100% {
        transform: scale(1, 1);
    }
}
.slider02{
    position: relative;
}
.tp-caption .orbBtn01 .bp-shape {
    display: inline-block;
    position: absolute;
    width: 25% !important;
    height: 100% !important;
    background: #343c55 !important;
    transform: translateY(150%) !important;
    border-radius: 50% !important;
    left: calc((var(--b) - 1) * 25%);
    transition: 0.5s !important;
    transition-delay: calc((var(--b) - 1) * 0.1s) !important;
    z-index: 1;
}
.tp-caption .orbBtn01:hover .bp-shape {
    transform: translateY(0) scale(2) !important;
    -moz-transform: translateY(0) scale(2) !important;
    -moz-transform: translateY(0) scale(2) !important;
}
.slider02 .tp-bannertimer, .slider01 .tp-bannertimer{
    display: none;
}
.slider02 .tparrows, .slider01 .tparrows{
    height: 60px;
    width: 60px;
    background: transparent;
    border: 2px solid #FFF;
    border-radius: 50%;
    font-size: 21px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #FFF;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.slider02 .tparrows:hover, .slider01 .tparrows:hover{
    border-color: #00c0ff;
    background: #00c0ff;
    color: #FFF;
}
.slider02 .tparrows.tp-leftarrow:before, .slider01 .tparrows.tp-leftarrow:before{
    content: '\f053';
    font-family: 'Font Awesome 6 Free';
    height: 100%;
    line-height: 56px;
}
.slider02 .tparrows.tp-rightarrow:before, .slider01 .tparrows.tp-rightarrow:before{
    content: '\f105';
    font-family: 'Font Awesome 6 Free';
    height: 100%;
    line-height: 56px;
}
.slider02 .tp-bullet, .slider01 .tp-bullet{
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    background: transparent;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    letter-spacing: 0;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.slider02 .tp-bullet.selected, .slider02 .tp-bullet:hover,
.slider01 .tp-bullet.selected, .slider01 .tp-bullet:hover{
    border-color: #f9758f;
}
.slider02 .tp-bullet span,
.slider01 .tp-bullet span {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    background: #d5d6d6;
    border-radius: 50%;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.slider02 .tp-bullet.selected span, .slider02 .tp-bullet:hover span,
.slider01 .tp-bullet.selected span, .slider01 .tp-bullet:hover span{
    background: #00c0ff;
}


/*------------------------------------------------------
/  03. Offer Section
/------------------------------------------------------*/
.iconBox01{
    position: relative;
    background: #FFF;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    border-radius: 15px;
    padding: 46px 48px 24px 47px;
}
.iconBox01 > i{
    font-size: 59px;
    color: #00c0ff;
    line-height: 1;
    display: block;
    margin: 0 0 36px;
}
.iconBox01 h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 31px;
}
.iconBox01 p{
    margin: 0 0 41px;
}
.iconBox01 .seperator{
    height: 1px;
    background: #d8dde7;
    margin: 0 0 22px;
}


/*------------------------------------------------------
/  04. About Sections
/------------------------------------------------------*/
.aboutImage{
    position: relative;
    text-align: left;
    padding-left: 3px;
}
.aboutImage .aiImgRow{
    position: relative;
}
.aboutImage .aiImgRow:first-of-type{
    margin: 0 0 24px;
}
.aiImgRow img{
    border-radius: 10px;
}
.aiImgRow .aiImg01{
    margin: 50px 24px 0 0;
}
.aiImgRow .aiImg03{
    margin: 0 24px 0 0;
}
.aboutContent{
    position: relative;
    padding: 0 0 0 110px;
}
.aboutContent .secTitle{
    margin: 0 0 50px;
}
.aiCounter{
    position: absolute;
    left: 156px;
    top: 212px;
    width: 198px;
    height: 198px;
    border-radius: 50%;
    background: #00c0ff;
    text-align: center;
    padding: 38px 35px 35px;
}
.aiCounter h2{
    font-size: 60px;
    line-height: 1;
    color: #FFF;
    margin: 0 0 5px;
}
.aiCounter h3{
    font-size: 21px;
    line-height: 28px;
    color: #ffffff;
    margin: 0;
}
.abcCounters{
    display: flex;
    justify-content: flex-start;
    margin: 0 0 25px;
}
.circleProgressWrap{
    position: relative;
    margin: 0 30px 0 0;
    height: 96px;
    width: 96px;
}
.circleProgressWrap h3{
    font-size: 24px;
    line-height: 1;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}
.abcCounters p{
    font-size: 21px;
    line-height: 33px;
    color: #868b9b;
    margin: 13px 0 0;
}
.abDesc{
    margin: 0 0 37px;
}
.iconBox02{
    position: relative;
    padding-left: 66px;
}
.iconBox02 i{
    font-size: 48px;
    line-height: 1;
    color: #00c0ff;
    position: absolute;
    left: 0;
    top: -1px;
}
.iconBox02 h4{
    font-size: 21px;
    line-height: 1;
    margin: 0 0 7px;
}
.iconBox02 p{
    line-height: 36px;
    margin: 0;
}
.aboutVideo{
    position: relative;
    background: #432d92;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
    height: 100%;
}
.aboutVideo img{
    width: 100%;
    height: 100%;
    opacity: .44;
    object-fit: cover;
}
.avConent{
    position: absolute;
    left: 60px;
    bottom: 60px;
    z-index: 2;
    padding: 6px 60px 0 126px;
    min-height: 96px;
}
.avConent a{
    display: inline-block;
    font-size: 24px;
    text-align: center;
    line-height: 96px;
    height: 96px;
    width: 96px;
    border-radius: 50%;
    color: #FFF;
    background: #00c0ff;
    position: absolute;
    left: 0;
    top: 0;
}
.avConent a i{
    position: relative;
    z-index: 2;
}
.avConent a:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: #f9758f;
    border-radius: 50%;

    opacity: 0;
    transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.avConent a:hover:after{
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.avConent h3{
    font-size: 30px;
    line-height: 42px;
    color: #FFF;
    margin: 0;
}
.aboutSkills{
    height: 100%;
    position: relative;
    background: #432d92;
    border-radius: 0 10px 10px 0;
    padding: 89px 90px 30px 89px;
}
.aboutSkills .secTitle{
    font-size: 42px;
    line-height: 54px;
    color: #FFF;
    margin: 0 0 20px;
}
.aboutSkills p{
    color: #a3adcc;
    margin: 0 0 44px;
}
.singleSkill{
    position: relative;
    margin: 0 0 30px;
}
.singleSkill h3{
    font-size: 21px;
    line-height: 1;
    color: #FFF;
    margin: 0 0 16px;
}
.ssMode2 h3{
    color: #343c55;
}
.singleSkill span{
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 18px;
    line-height: 1;
    color: #FFF;
}
.ssMode2 span{
    color: #5e6371;
}
.skillWrap{
    height: 6px;
    position: relative;
    width: 100%;
    background: #FFF;
    overflow: hidden;
    border-radius: 6px;
}
.ssMode2 .skillWrap{
    background: #d8dbe6;
}
.skill{
    position: absolute;
    border-radius: 6px;
    left: 0;
    top: 0;
    height: 100%;
    background: #00c0ff;
}
.aboutImage2{
    position: relative;
    margin-left: -109px;
    padding: 0 0 72px;
}
.aboutImage2 img{
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}
.aboutImage2 img:first-child{
    margin: 194px 0 0px;
}
.aiCounter2{
    width: 244px;
    height: 244px;
    background: #00c0ff;
    border-radius: 50%;
    position: absolute;
    left: 197px;
    bottom: 0;
    text-align: center;
    padding: 56px 0 50px;
}
.aiCounter2 h3{
    font-size: 21px;
    line-height: 1;
    color: #FFF;
    margin: 0;
}
.aiCounter2 h2{
    font-size: 60px;
    line-height: 1;
    color: #FFF;
    margin: 18px 0 15px;
}
.aboutContent2{
    position: relative;
    padding: 0 0 0 113px;
}
.aboutContent2 > p{
    margin: 0 0 33px;
}
.aboutContent2 .secTitle{
    margin: 0 0 31px;
}
.iconBox04{
    position: relative;
    display: block;
    border: 1px solid #d8dde7;
    border-radius: 5px;
    text-align: center;
    padding: 33px 15px 38px 15px;
    margin: 0;
}
.iconBox04:hover{
    border-color: #00c0ff;
}
.iconBox04 i{
    font-size: 49px;
    color: #00c0ff;
    display: block;
    margin: 0 0 17px;
}
.iconBox04 h3{
    font-size: 18px;
    line-height: 1;
    margin: 0;
}
.abcSkillsArea{
    position: relative;
    margin: 35px 0 42px;
}
.abcSkillsArea .singleSkill{
    margin: 0 0 28px;
}
.abcFooter{
    position: relative;
    display: flex;
    justify-content: flex-start;
}
.abcFooter .headerCall{
    margin: 0 0 0 27px;
}


/*------------------------------------------------------
/  06. Portfolio Sections
/------------------------------------------------------*/
.folioItem01{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.folioItem01 img {
    display: block;
    width: 100%;
    height: auto;
}
.folioItem01 .folioContent {
    position: absolute;
    display: block;
    width: calc(100% - 24px);
    right: auto;
    left: 12px;
    bottom: 12px;
    margin: auto;
    border-radius: 5px;
    padding: 29px 30px 22px 31px;
    background: rgba(67, 45, 146, .87);
    overflow: hidden;
    box-sizing: border-box;
    -webkit-transform: translateX(-120%);
    -moz-transform: translateX(-120%);
    transform: translateX(-120%);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.77,0,.175,1) .1s;
    -moz-transition: -moz-transform .3s cubic-bezier(.77,0,.175,1) .1s;
    transition: transform .3s cubic-bezier(.77,0,.175,1) .1s;
}
.folioItem01:hover .folioContent {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);

    -webkit-transition: -webkit-transform .45s cubic-bezier(.77,0,.175,1);
    -moz-transition: -moz-transform .45s cubic-bezier(.77,0,.175,1);
    transition: transform .45s cubic-bezier(.77,0,.175,1);
}
.fcMeta{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #f9758f;
    font-weight: 500;
    margin: 0 0 14px;

    text-align: left;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.folioItem01:hover .fcMeta {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
}
.fcMeta a{
    color: inherit;
}
.fcMeta a:hover{
    color: #FFF;
}
.folioContent h3{
    font-size: 24px;
    line-height: 33px;
    color: #FFF;
    margin: 0;

    text-align: left;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.folioItem01:hover .folioContent h3 {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
}
.folioContent h3 a{
    color: inherit;
}
.folioContent h3 a:hover{
    color: #f9758f;
}
.folioLink{
    position: absolute;
    right: 39px;
    top: 35px;
    height: 72px;
    width: 72px;
    background: #00c0ff;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    color: #FFF;
    text-align: center;
    font-size: 33px;
    line-height: 76px;
}
.folioLink:hover{
    background-color: #f9758f;
    color: #FFF;
}
.folioItem01:hover .folioLink{
    opacity: 1;
    visibility: visible;
}
.portfolioSlider.owl-carousel .owl-dots{
    line-height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 48px 0 0;
}
.portfolioSlider.owl-carousel .owl-dot{
    width: 22px;
    height: 22px;
    position: relative;
    border: 2px solid #FFF;
    border-radius: 50%;
    margin: 0 9px;
    padding: 0;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.portfolioSlider.owl-carousel .owl-dot:hover, .portfolioSlider.owl-carousel .owl-dot.active{
    border-color: #f9758f;
}
.portfolioSlider.owl-carousel .owl-dot span{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    background: #d8dbe6;
    border-radius: 50%;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.portfolioSlider.owl-carousel .owl-dot:hover span, .portfolioSlider.owl-carousel .owl-dot.active span{
    background: #00c0ff;
}
.filterUL{
    display: flex;
    justify-content: center;
    margin: 0 0 63px;
    padding: 0;
}
.filterUL li{
    list-style: none;
    font-size: 18px;
    color: #343c55;
    font-family: 'Jost', sans-serif;
    line-height: 1;
    cursor: pointer;
    margin: 0 55px 0 0;
    font-weight: 500;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.filterUL li:last-child{
    margin: 0;
}
.filterUL li:hover, .filterUL li.active{
    color: #f9758f;
}
.folioItem02{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #432d92;
}
.folioItem02 img{
    width: 100%;
    /* height: auto; */
    height: 251px;
    object-fit: cover;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.folioItem02:hover img{
    opacity: .16;
}
.folioContent2{
    position: absolute;
    left: 0;
    bottom: 42px;
    width: 100%;
    padding: 0 30px 0 49px;
}
.fcMeta2{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    color: #f9758f;
    margin: 0 0 14px;


    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.folioItem02:hover .fcMeta2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
}
.fcMeta2 a{
    color: inherit;
}
.fcMeta2 a:hover{
    color: #FFF;
}
.folioContent2 h3{
    font-size: 24px;
    line-height: 33px;
    color: #FFF;
    margin: 0;

    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.folioItem02:hover .folioContent2 h3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
}
.folioContent2 h3 a{
    color: inherit;
}
.folioContent2 h3 a:hover{
    color: #f9758f;
}
.folioItem02:hover .folioLink{
    opacity: 1;
    visibility: visible;
}
.folioItem02{
    margin: 0 0 24px;
}
#mixGrid .mix {
    display: none;
}


/*------------------------------------------------------
/  05. Why Choose Us Sections
/------------------------------------------------------*/
.wcuContent{
    position: relative;
    padding: 0 115px 0 0;
}
.iconBox03{
    position: relative;
}
.iconBox03 i{
    height: 96px;
    width: 96px;
    position: relative;
    display: block;
    text-align: center;
    line-height: 96px;
    background: #00c0ff;
    border-radius: 50%;
    color: #FFF;
    font-size: 35px;
    margin: 0 0 34px;
}
.iconBox03 h3{
    font-size: 24px;
    line-height: 1.1;
    margin: 0 0 16px;
}
.iconBox03 p{
    margin: 0;
}

/*------------------------------------------------------
/  06. Good To Know Sections
/------------------------------------------------------*/
.goodToKnowImg{
    position: relative;
    border-radius: 10px;
    margin: -160px 0 50px;
}
.goodToKnowImg img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.gtkBottom{
    position: relative;
}
.singleCounter{
    width: 224px;
    background: #00c0ff;
    border-radius: 10px;
    float: left;
    padding: 33px 34px 15px 34px;
    margin: 0 27px 0 0;
}
.singleCounter h2{
    font-size: 48px;
    line-height: 1;
    color: #FFF;
    margin: 0;
}
.singleCounter h3{
    font-size: 24px;
    line-height: 33px;
    color: #FFF;
}
.gtkBottomContent{
    position: relative;
    padding: 8px 0 0;
}
.gtkBottomContent h3{
    font-size: 30px;
    line-height: 42px;
    color: #FFF;
    margin: 0 0 31px;
}
.gtkBottomContent a.orbBtn01{
    height: 42px;
    line-height:  40px;
    min-width: 146px;
    font-size: 15px;
}
.goodToKnowRight{
    position: relative;
    padding: 118px 0 0;
}
.goodToKnowRight .secTitle{
    color: #FFF;
    margin: 0 0 58px;
}
.orbitoAccordion{
    position: relative;
    margin: 0;
    padding: 0;
}
.orbitoAccordion .accordion-item{
    background: #FFF;
    border-radius: 5px;
    padding: 0 30px;
    margin: 0 0 18px;
}
.orbitoAccordion.orbitoAccMode2 .accordion-item{
    padding: 0;
    margin: 0 0 26px;
    border-radius: 0;
    background: transparent;
}
.orbitoAccordion .accordion-header{
    margin: 0;
}
.orbitoAccordion .accordion-header button{
    display: block;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin: 0;
    padding: 17px 35px 15px 35px;
    border: none;
    border-radius: 0;
}
.orbitoAccordion.orbitoAccMode2 .accordion-header button{
    font-size: 24px;
    line-height: 34px;
    padding: 0 0 0 49px;
}
.orbitoAccordion .accordion-button::after{
    content: '\2b';
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    font-size: 18px;
    color: #343c55;
    position: absolute;
    left: 0;
    top: 16px;
}
.orbitoAccordion.orbitoAccMode2 .accordion-button::after {
    content: '\f068';
    font-size: 23px;
    top: 3px;
}
.orbitoAccordion.orbitoAccMode2 .accordion-button.collapsed::after {
    content: '\2b';
}
.orbitoAccordion .accordion-body{
    border-top: 1px solid #d2d0da;
    border-radius: 0;
    padding: 20px 0 35px 0;
}
.orbitoAccordion.orbitoAccMode2 .accordion-body{
    border: none;
    border-radius: 0;
    padding: 17px 0 13px 49px;
    font-size: 18px;
    line-height: 30px;
}

.gtkAnim01{
    width: 232px;
    height: 137px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/shapes/1.png) no-repeat right top;
}
.gtkAnim02{
    width: 92px;
    height: 120px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/shapes/2.png) no-repeat left bottom;
}


/*------------------------------------------------------
/  07. Client Sections
/------------------------------------------------------*/
.clientLogoSlider{
    padding: 90px 0 90px;
    border-bottom: 1px solid #d8dde7;
}
.clientLogo{
    display: block;
    text-align: center;
    position: relative;
}
.clientLogo img{
    display: inline-block !important;
    width: auto !important;
    max-width: 100%;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.clientLogo img:first-child{
    position: relative;
}
.clientLogo img:last-child{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 0;
    visibility: hidden;
}
.clientLogo:hover img:first-child{
    opacity: 0;
    visibility: hidden;
}
.clientLogo:hover img:last-child{
    opacity: 1;
    visibility: visible;
}


/*------------------------------------------------------
/  07. Team Sections
/------------------------------------------------------*/
.teamMember01{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #432d92;
}
.teamMember01 img{
    width: 100%;
    height: auto;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.teamMember01:hover img{
    opacity: .28;
}
.tm01Info{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: 40px 15px 0 45px;
}
.tm01Info h3{
    font-size: 24px;
    color: #FFF;
    line-height: 1;
    margin: 0 0 12px;

    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.teamMember01:hover .tm01Info h3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
}
.tm01Info span{
    display: block;
    font-size: 16px;
    line-height: 1;
    color: #cfd1d7;

    opacity: 0;
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    transform: translateY(-60px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.teamMember01:hover .tm01Info span {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
}
.tm01Desc{
    position: absolute;
    left: 0;
    top: 99px;
    width: 100%;
    padding: 40px 45px 0 45px;
}
.tm01Desc:before{
    content: '';
    width: calc(100% - 90px);
    height: 1px;
    background: rgba(255, 255, 255, .27);
    position: absolute;
    top: 21px;
    left: 45px;

    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.teamMember01:hover .tm01Desc:before {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
}
.tm01Desc p{
    font-size: 18px;
    line-height: 30px;
    color: #FFF;
    margin: 0;

    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.teamMember01:hover .tm01Desc p {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
}
.tm01Social{
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 18px;
    line-height: 1;
    color: #FFF;
    display: flex;
    justify-content: flex-start;
    padding: 0 0 45px 40px;
}
.tm01Social a{
    color: inherit;
    margin-right: 20px;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transform: translateY(30px);
}
.tm01Social a:hover{
    color: #f9758f;
}
.teamMember01:hover .tm01Social a:first-child {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
}
.teamMember01:hover .tm01Social a:nth-child(2) {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .4s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .4s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .4s;
}
.teamMember01:hover .tm01Social a:nth-child(3) {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .45s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .45s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .45s;
}
.teamMember01:hover .tm01Social a:nth-child(4) {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .5s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .5s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .5s;
}
.evenTeam{
    margin-top: 60px;
}
.testimonialNav{
    display: flex;
    justify-content: flex-start;
}
.testimonialNav button{
    position: relative;
    width: 48px;
    height: 48px;
    background: #FFF;
    border: none;
    border-radius: 50%;
    font-size: 18px;
    color: #343c55;
    margin-right: 12px;
    cursor: pointer;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.testimonialNav button.tnNext{
    background: #f8758f;
    color: #FFF;
}
.testimonialNav button:hover{
    background: #f8758f;
    color: #FFF;
}
.testimonialNav button.tnNext:hover{
    background: #FFF;
    color: #343c55;
}
.testimonialItem{
    position: relative;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    /*    box-shadow: 0px 5px 30px 0px rgb(2 24 93 / 6%);*/
    padding: 50px 60px 60px 60px;

}
.testimonialItem:after{
    content: '';
    position: absolute;
    right: 60px;
    bottom: 66px;
    width: 46px;
    height: 48px;
    background: url(../images/shapes/4.png) no-repeat center center / cover;
}
.testimonialItem p{
    font-size: 21px;
    line-height: 36px;
    color: #5e6371;
    font-style: italic;
    margin: 0 0 43px;
}
.testimonialAuthor{
    position: relative;
    padding-left: 80px;
    min-height: 60px;
    padding-top: 5px;
}
.testimonialAuthor img{
    display: inline-block !important;
    width: 60px !important;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.testimonialAuthor h4{
    font-size: 21px;
    line-height: 1;
    margin: 0 0 5px;
}
.testimonialAuthor span{
    font-size: 16px;
    line-height: 1;
    color: #868b9b;
    margin: 0;
}
.testimonialSlider .owl-stage-outer{
    overflow: visible;
}
.overflowHidde{
    overflow: hidden;
}
.testimonialSlider .owl-item {
    opacity: 0;

}
.testimonialSlider .owl-item.active {
    opacity: 1;
    transition: opacity 300ms;
}
.testimonialSlider.owl-carousel .owl-stage-outer .owl-item.active {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    visibility: visible;
}
.testimonialSlider.owl-carousel .owl-stage-outer .owl-stage {
    cursor: none;
    pointer-events: none;
}


.testimonialSlider .owl-nav{
    display: none;
}
.zIndex4{
    z-index: 4;
    position: relative;
}
.counterArea{
    position: relative;
    background: #432d92;
    border-radius: 10px;
    margin: 0;
    padding: 84px 0 83px;
}
.counterArea.caMode2{
    background: #FFF;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
}
.singleCounter02{
    position: relative;
    display: flex;
    justify-content: flex-start;
    padding: 0 0 0 91px;
}
.singleCounter02 h2{
    font-size: 60px;
    line-height: 60px;
    color: #00c0ff;
    margin: 0 28px 0 0;
    position: relative;
}
.singleCounter02 .timerSuffixSmall{
    font-size: 30px;
    display: inline-flex;
    line-height: 20px;
    position: relative;
    top: -27px;
}
.singleCounter02 h3{
    font-size: 21px;
    line-height: 30px;
    color: #FFF;
    margin: 0;
}
.caMode2 .singleCounter02 h3{
    color: #343c55;
}
.testimonialItem2{
    position: relative;
    padding: 0 0 24px;
}
.testimonialSlider2 .testimonialItem2{
    margin: 48px 0;
}
.testimonialItem2:after{
    content: '';
    width: calc(100% - 60px);
    height: calc(100% - 24px);
    position: absolute;
    left: 30px;
    bottom: 0;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
}
.ti02Inner{
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    position: relative;
    z-index: 2;
    padding: 60px 60px 60px 60px;
}
.ti02Inner:before{
    content: '';
    width: 46px;
    height: 48px;
    position: relative;
    display: block;
    margin: 0 auto 38px;
    background: url(../images/shapes/10.png) no-repeat center center;
}
.testimonialItem2 p{
    font-size: 21px;
    line-height: 36px;
    font-style: italic;
    color: #5e6371;
    margin: 0 0 43px;
}
.testimonialSlider2.owl-carousel .owl-dots{
    line-height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.testimonialSlider2.owl-carousel .owl-dot{
    width: 22px;
    height: 22px;
    position: relative;
    border: 2px solid transparent;
    background: transparent;
    border-radius: 50%;
    margin: 0 9px;
    padding: 0;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.testimonialSlider2.owl-carousel .owl-dot:hover, .testimonialSlider2.owl-carousel .owl-dot.active{
    border-color: #f9758f;
}
.testimonialSlider2.owl-carousel .owl-dot span{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    background: #d8dbe6;
    border-radius: 50%;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.testimonialSlider2.owl-carousel .owl-dot:hover span, .testimonialSlider2.owl-carousel .owl-dot.active span{
    background: #00c0ff;
}
.testimonialSlider2.owl-carousel .owl-stage-outer {
    overflow: visible;
}
.testimonialSlider2.owl-carousel .owl-stage-outer .owl-item {
    opacity: 0;
    cursor: none;
    pointer-events: none;
    visibility: hidden;
}
.testimonialSlider2.owl-carousel .owl-stage-outer .owl-item.active {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    visibility: visible;
}
.testimonialSlider2.owl-carousel .owl-stage-outer .owl-stage {
    cursor: none;
    pointer-events: none;
}

/*------------------------------------------------------
/  08. Blog Sections
/------------------------------------------------------*/
.blogItem01{
    position: relative;
    padding: 0 0 99px;
}
.blogItem01.biMode2 {
    background: #FFF;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
}
.biMode2.biModeShadow{
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
}
.bi01Thumb{
    position: relative;
    border-radius: 10px;
}
.biMode2 .bi01Thumb{
    border-radius: 0;
}
.bi01Thumb img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.biMode2 .bi01Thumb img{
    border-radius: 0;
}
.bi01Date{
    position: absolute;
    left: 12px;
    top: 12px;
    height: 72px;
    width: 72px;
    border-radius: 5px;
    background: #00c0ff;
    text-align: center;
    color: #FFF;
    padding: 9px 5px 0;
}
.bi01Date span:first-child{
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 7px;
}
.bi01Date span:last-child{
    font-size: 15px;
    display: block;
    line-height: 1;
    text-transform: uppercase;
    margin: 0;
}
.bi01Details{
    width: calc(100% - 60px);
    overflow: hidden;
    background: #FFF;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    border-radius: 5px;
    padding: 21px 30px 28px 29px;
    position: absolute;
    left: 30px;
    bottom: 0;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.blogItem01:hover .bi01Details {
    padding-bottom: 59px;
}
.bi01Meta{
    position: relative;
    margin: 0 0 10px;
}
.bi01Meta span{
    position: relative;
    margin-right: 12px;
    display: inline-block;
}
.bi01Meta span:last-child{
    margin-right: 0;
}
.bi01Meta span a{
    font-size: 15px;
    color: #5e6371;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    line-height: 1;
}
.bi01Meta span a i{
    color: #00c0ff;
}
.bi01Meta span a:hover{
    color: #00c0ff;
}
.bi01Details h3{
    font-size: 21px;
    line-height: 30px;
    margin: 0;
}
.bi01Details h3 a{
    color: #343c55;
}
.bi01Details h3 a:hover{
    color: #f9758f;
}
.bi01Details .readMoreLink{
    position: absolute;
    left: 30px;
    bottom: 27px;

    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.blogItem01:hover .bi01Details .readMoreLink {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
}
.bi01Details2{
    position: relative;
    padding: 18px 40px 25px 28px;
}
.bi01Details2 h3{
    font-size: 21px;
    line-height: 30px;
    margin: 0;
}
.bi01Details2 h3 a{
    color: inherit;
}
.bi01Details2 h3 a:hover{
    color: #f9758f;
}


/*------------------------------------------------------
/  09. Footer 01 Sections
/------------------------------------------------------*/
.ctaSection{
    position: relative;
    background: #2a2637;
    padding: 89px 0 0;
}
.ctaLeft{
    position: relative;
}
.ctaLeft .secTitle{
    margin: 0 0 17px;
}
.ctaLeft .secDesc{
    font-size: 18px;
    line-height: 28px;
    color: #a3adcc;
    margin: 0;
}
.ctaRight {
    text-align: right;
    padding: 42px 0 0;
}
.ctaBorder{
    height: 1px;
    background: rgba(255, 255, 255, .18);
    margin: 87px 0 0;
}
.footer{
    position: relative;
    background: #2a2637;
    padding: 90px 0 0;
}
.footer .widget{
    margin: 28px 0 0;
    padding: 0;
}
.footer .widget.about_widget{
    margin: 0;
}
.aboutWidgetContent{
    position: relative;
    padding: 0 110px 0 0;
}
.aboutWidgetContent img{
    height: 85px;
    width: auto;
    margin: 0 0 43px;
}
.aboutWidgetContent p{
    color: #a3adcc;
    margin: 0 0 23px;
}
.aboutWidgetContent.awc2 p{
    margin: 0 0 44px;
}
.contactInfo{
    position: relative;
}
.contactInfo span{
    display: block;
    position: relative;
    font-size: 18px;
    line-height: 28px;
    color: #a3adcc;
    padding-left: 32px;
    margin: 0 0 12px;
}
.contactInfo span:last-child{
    margin: 0;
}
.contactInfo span i{
    position: absolute;
    left: 0;
    top: 0;
    color: #FFF;
    line-height: 28px;
}
.contactInfo span a{
    color: inherit;
}
.contactInfo span a:hover{
    color: #f9758f;
}
.footer .widget .widgetTitle{
    font-size: 24px;
    line-height: 1;
    color: #FFF;
    margin: 0 0 39px;
}
.footer .widget ul{
    margin: 0;
    padding: 0;
}
.footer .widget ul li{
    list-style: none;
    margin: 0 0 14px;
}
.footer .widget ul li:last-child{
    margin: 0;
}
.footer .widget ul li a{
    font-size: 18px;
    line-height: 28px;
    color: #a3adcc;
    padding: 0;
}
.footer .widget ul li a:hover{
    color: #f9758f;
}
.newsletterContent{
    position: relative;
}
.awc2 .newsletterContent{
    max-width: 312px;
}
.newsletterContent p{
    color: #a3adcc;
    margin: 0 0 46px;
}
.newsletterContent form{
    margin: 0;
    padding: 0;
    position: relative;
}
.newsletterContent form input[type='email']{
    height: 60px;
    border: none;
    border-radius: 5px;
    background: #FFF;
    color: #868b9b;
    font-size: 18px;
    line-height: 36px;
    margin: 0;
    padding: 0 25px;
    display: block;
    width: 100%;
}
.newsletterContent form::placeholder,
.newsletterContent form::-moz-placeholder{
    color: #868b9b;
    opacity: 1;
}
.newsletterContent form button{
    border: none;
    background: transparent;
    color: #868b9b;
    font-size: 18px;
    line-height: 1;
    border-radius: 0;
    position: absolute;
    right: 22px;
    top: 0;
    padding: 0;
    height: 18px;
    bottom: 0;
    margin: auto 0;
    cursor: pointer;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.newsletterContent form button:hover{
    color: #f9758f;
}
.footer .pdl124{
    padding-left: 70px;
}
.footerBorder{
    position: relative;
    height: 1px;
    background: rgba(255, 255, 255, .18);
    margin: 87px 0 0;
}
.widgetPostItems{
    position: relative;
    margin: 0px 0 0;
    padding: 1px 0 0;
}
.widgetPostItem{
    position: relative;
    min-height: 72px;
    padding: 0 0 0 94px;
    margin: 0 0 27px;
}
.widgetPostItems .widgetPostItem:last-of-type{
    margin: 0;
}
.widgetPostItem img{
    width: 72px;
    height: 72px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 5px;
}
.widgetPostItem h3{
    font-size: 18px;
    line-height: 26px;
    color: #f8f9fb;
    margin: 0 0 10px;
}
.widgetPostItem h3 a{
    color: inherit;
}
.widgetPostItem h3 a:hover{
    color: #f9758f;
}
.widgetPostItem span{
    display: block;
    font-size: 13px;
    line-height: 1;
    color: #a3adcc;
}
.siteInfoSection{
    background: #2a2637;
    position: relative;
    padding: 41px 0 45px;
}
.siteInfo{
    font-size: 18px;
    line-height: 28px;
    color: #a3adcc;
    margin: 0;
}
.siteInfo a{
    font-weight: 700;
    color: #a3adcc;
}
.siteInfo a:hover{
    color: #f9758f;
}
.footerMenu{
    position: relative;
}
.footerMenu ul{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}
.footerMenu ul li{
    list-style: none;
    margin: 0 48px 0 0;
}
.footerMenu ul li:last-child{
    margin-right: 0;
}
.footerMenu ul li a{
    font-size: 18px;
    line-height: 28px;
    display: block;
    color: #a3adcc;
}
.footerMenu ul li a:hover{
    color: #f9758f;
}
.footerSocial{
    display: flex;
    justify-content: flex-end;
}
.footerSocial a{
    font-size: 18px;
    line-height: 28px;
    color: #FFF;
    letter-spacing: 0;
    margin: 0 0 0 24px;
}
.footerSocial a:first-child{
    margin-left: 0;
}
.footerSocial a:hover{
    color: #f9758f;
}


/*------------------------------------------------------
/  10. Feature Sections
/------------------------------------------------------*/
.featureInner{
    background: #432d92;
    border-radius: 10px;
    padding: 90px 0;
}
.iconBox05{
    position: relative;
    padding: 0 80px 0 80px;
    margin: -4px 0 0;
}
.iconBox05 i{
    font-size: 64px;
    line-height: 1;
    color: #00c0ff;
    display: block;
    margin: 0 0 29px;
}
.iconBox05 h3{
    font-size: 24px;
    line-height: 1;
    color: #ffffff;
    margin: 0 0 27px;
}
.iconBox05 p{
    color: #a3adcc;
    margin: 0 0 8px;
}
.hasBorderLeft{
    border-left: 1px solid rgba(255, 255, 255, .27);
}
.iB05Pdl91{
    padding-left: 91px;
}
.serviceItem01{
    position: relative;
    padding: 0 0 80px;
    margin: 0 0 48px;
}
.siThumb{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.siThumb img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.siDetails{
    background: #FFF;
    border-radius: 5px;
    width: calc(100% - 60px);
    position: absolute;
    left: 30px;
    bottom: 0;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    padding: 24px 100px 28px 31px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.serviceItem01:hover .siDetails{
    padding-bottom: 76px;
}
.siDetails h3{
    font-size: 24px;
    line-height: 33px;
    margin: 0;
}
.siDetails h3 a{
    color: inherit;
}
.siDetails h3 a:hover{
    color: #f9758f;
}
.siDetails > i{
    font-size: 47px;
    color: #00c0ff;
    line-height: .8;
    position: absolute;
    right: 0;
    top: 41px;
    margin: 0;
    width: 72px;
}
.siDetails .readMoreLink {
    position: absolute;
    left: 32px;
    bottom: 32px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.serviceItem01:hover .siDetails .readMoreLink {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
}


/*------------------------------------------------------
/  12. Quick Result Sections
/------------------------------------------------------*/
.qrLeft{
    position: relative;
}
.qrLeft .secTitle{
    margin: 0 0 29px;
}
.qrLeft p{
    font-size: 21px;
    line-height: 30px;
    color: #cfd1d7;
    margin: 0 0 59px;
}
.iconBox06{
    position: relative;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 5px;
    padding: 42px 45px 42px 123px;
    margin: 0 0 30px;
}
.iconBox06 i{
    color: #00c0ff;
    font-size: 44px;
    line-height: 1;
    position: absolute;
    left: 45px;
    top: 46px;
}
.iconBox06 i.tm4{
    top: 42px;
}
.iconBox06 h3{
    font-size: 24px;
    color: #FFF;
    line-height: 32px;
    margin: 0 0 17px;
}
.iconBox06 p{
    color: #a3adcc;
    margin: 0;
}


/*------------------------------------------------------
/  11. Contact Sections
/------------------------------------------------------*/
.contactLeft{
    position: relative;
    margin: 0 120px 0 0;
}
.contactLeft .secTitle{
    margin: 0 0 26px;
}
.contactLeft .secDesc{
    color: #868b9b;
    margin: 0 0 29px;
}
.contactLeft .contactInfo span{
    color: #5e6371;
}
.contactLeft .contactInfo span i{
    color: #00c0ff;
}
.contactForm{
    position: relative;
    padding-left: 6px;
}
.contactForm form{
    margin: 0;
    padding: 0;
}
.contactForm form .col-lg-6, 
.contactForm form .col-lg-12{
    padding-left: 6px;
    padding-right: 6px;
}
.contactForm form input:not([type='submit']), .contactForm form textarea{
    font-size: 18px;
    color: #868b9b;
    padding: 0 25px;
    height: 60px;
    border: 1px solid #d8dde7;
    border-radius: 5px;
    margin: 0 0 12px;
    display: block;
    width: 100%;
}
.contactForm form textarea{
    height: 200px;
    resize: none;
    padding: 15px 25px;
}
.contactForm input::-moz-placeholder,
.contactForm textarea::-moz-placeholder{
    color: #868b9b;
    opacity: 1;
}
.contactForm input::-ms-input-placeholder,
.contactForm textarea::-ms-input-placeholder{
    color: #868b9b;
    opacity: 1;
}
.contactForm input::-webkit-input-placeholder,
.contactForm textarea::-webkit-input-placeholder{
    color: #868b9b;
    opacity: 1;
}
.mapIframe{
    position: relative;
    margin: 0 0 -120px;
}
.mapIframe iframe{
    display: block;
    border: none;
    border-radius: 10px;
    width: 100%;
    height: 380px;
}
.googleMap {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 380px;
    border-radius: 10px;
}
.blogSection2 .googleMap{
    margin: 0 0 -120px;
}
.con_message{
    display: block;
    width: 100%;
    display: none;
    border-radius: 0;
    border-width: 2px;
    margin: 15px 0 0;
}
.contactForm .reqError{
    border-color: #f00 !important;
}

/*------------------------------------------------------
/  12. Page Banner Sections
/------------------------------------------------------*/
.pageBanner{
    min-height: 480px;
    background: url(../images/bg/3.jpg) no-repeat center center / cover #343c55;
    position: relative;
    overflow: hidden;
}
.pbBG2{
    background: url(../images/bg/4.jpg) no-repeat center center / cover #343c55;
}
.pbBG3{
    background: url(../images/bg/5.jpg) no-repeat center center / cover #343c55;
}
.pbBG5{
    background: url(../images/bg/6.jpg) no-repeat center center / cover #343c55;
}
.pbBG6{
    background: url(../images/bg/7.jpg) no-repeat center center / cover #343c55;
}
.pbBG7{
    background: url(../images/bg/8.jpg) no-repeat center center / cover #343c55;
}
.pbBG8{
    background: url(../images/bg/9.jpg) no-repeat center center / cover #343c55;
}
.pbBG9{
    background: url(../images/bg/10.jpg) no-repeat center center / cover #343c55;
}
.pbBG10{
    background: url(../images/bg/11.jpg) no-repeat center center / cover #343c55;
}
.pbBG11{
    background: url(../images/bg/12.jpg) no-repeat center center / cover #343c55;
}
.pageBanner .pageBannerContainer{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.pageBannerOverlay{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(23, 26, 28, .24);
}
.pboDark{
    background: rgba(23, 26, 28, .48);
}
.pboDark2{
    background: rgba(23, 26, 28, .36);
}
.pboDark3{
    background: rgba(23, 26, 28, .30);
}
.pboDark4{
    background: rgba(23, 26, 28, .42);
}
.triangleShapes{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.pageBannerContent{
    position: relative;
    height: 480px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.pageBannerContentInner{
    position: relative;
    padding: 0 0 63px;
}
.pageBannerContent h2{
    font-size: 72px;
    line-height: 84px;
    color: #FFF;
    margin: 0 0 40px;
    position: relative;
    z-index: 3;
}
.blogSingleBanner .pageBannerContent h2{
    font-size: 60px;
    line-height: 72px;
    margin: 0 0 37px;
}
.orbitoBredcrumbs{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    line-height: 26px;
    color: #cfd1d7;
    position: relative;
    z-index: 3;
}
.orbitoBredcrumbs a{
    color: inherit;
}
.orbitoBredcrumbs a:hover{
    color: #f9758f;
}
.orbitoBredcrumbs i{
    font-style: normal;
    margin: 0 13px;
}
.pageBannerShape01{
    position: absolute;
    left: 177px;
    top: 0;
}
.pageBannerShape02{
    position: absolute;
    left: -125px;
    bottom: 0;
}
.pageBannerShape03{
    position: absolute;
    right: 0;
    bottom: 0;
}

/*------------------------------------------------------
/  13. Service & Service Details Page
/------------------------------------------------------*/
.iconBox07{
    position: relative;
    padding: 0 25px;
}
.processIcon{
    width: 96px;
    height: 96px;
    background: #FFF;
    border-radius: 50%;
    font-size: 36px;
    line-height: 1;
    color: #00c0ff;
    position: relative;
    text-align: center;
    margin: 0 auto 35px;
    padding: 31px 0;
}
.processIcon span{
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #f9758f;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    border-radius: 50%;
    font-family: 'Jost', sans-serif;
}
.iconBox07 h3{
    font-size: 24px;
    line-height: 1;
    color: #FFF;
    margin: 0 0 17px;
}
.iconBox07 p{
    color: #a3adcc;
    margin: 0;
}
.pricingTable{
    position: relative;
    border: 1px solid #d8dde7;
    border-radius: 10px;
    padding: 58px 59px 60px;
}
.ptTitle{
    font-size: 30px;
    line-height: 1;
    position: relative;
    margin: 0 0 31px;
}
.ptTitle i{
    color: #00c0ff;
    position: absolute;
    right: -8px;
    top: -4px;
    font-size: 38px;
}
.ptTitle i.rightM3P{
    right: -3px;
}
.ptTitle i.rightM2P{
    right: -2px;
}
.ptDesc{
    margin: 0;
}
.ptSeperator{
    height: 1px;
    background: #cacdd3;
    margin: 39px 0 42px;
}
.ptPrice{
    font-family: 'Jost', sans-serif;
    font-size: 48px;
    line-height: 48px;
    color: #f9758f;
    font-weight: 500;
    margin: 0 0 24px;
}
.ptPrice span{
    color: #343c55;
    font-size: 18px;
}
.ptFeatures{
    list-style: none;
    margin: 0 0 35px;
    padding: 0;
}
.ptFeatures li{
    font-size: 18px;
    line-height: 28px;
    color: #5e6371;
    position: relative;
    padding: 0 0 0 45px;
    margin: 0 0 14px;
}
.ptFeatures li:before{
    content: '';
    width: 16px;
    height: 12px;
    background: url(../images/check.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 9px;
}
.ptFeatures li.disableds:before{
    width: 12px;
    height: 12px;
    background: url(../images/cross.png) no-repeat left center;
}
.pricingTable .orbBtn01{
    min-width: 166px;
    border-color: #f9758f;
    color: #343c55;
}
.pricingTable .orbBtn01:hover{
    color: #FFF;
}
.pricingTable .orbBtn01 .bp-shape{
    background: #f9758f;
}
.orbFAQTab{
    position: relative;
    display: block;
    margin: 6px 0 0;
    padding: 0;
    border: none;
}
.orbFAQTab li{
    list-style: none;
    display: block;
    margin: 0 0 6px;
}
.orbFAQTab li button{
    border: 1px solid #d8dde7;
    border-radius: 5px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #343c55;
    background: transparent;
    font-family: 'Jost', sans-serif;
    text-align: left;
    padding: 0 30px;
    height: 60px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.orbFAQTab li button:hover,  
.orbFAQTab li button.active{
    border-color: transparent;
    background: #00c0ff;
    color: #FFF;
}
.serviceDetailsSection{
    padding: 120px 0;
    position: relative;
}
.serviceThumb{
    position: relative;
    margin: 0 0 57px;
}
.serviceThumb img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.serviceContent{
    position: relative;
}
.serviceContent > h2{
    font-size: 36px;
    line-height: 36px;
    margin: 0 0 20px;
}
.serviceContent > h2.mb35{
    margin: 0 0 35px;
}
.serviceContent > h2.mb30{
    margin: 0 0 30px;
}
.serviceContent > h2.mb37{
    margin: 0 0 37px;
}
.serviceContent > p{
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 30px;
}
.serviceContent > p.mb64{
    margin: 0 0 64px;
}
.iconBox08{
    position: relative;
    margin: 0 0 57px;
}
.iconBox08 h3{
    font-size: 24px;
    line-height: 36px;
    position: relative;
    padding: 0 0 0 66px;
    margin: 0 0 28px;
}
.iconBox08 i{
    position: absolute;
    left: 0;
    top: 0;
    font-size: 41px;
    line-height: 36px;
    color: #00c0ff;
}
.iconBox08 p{
    font-size: 18px;
    line-height: 30px;
    margin: 0;
}
.orbList{
    margin: 0;
    padding: 0;
}
.orbList li{
    list-style: none;
    font-size: 18px;
    line-height: 28px;
    position: relative;
    padding: 0 0 0 50px;
    margin: 0 0 14px;
}
.orbList li:before{
    content: '';
    width: 16px;
    height: 8px;
    background: url(../images/right-arrow.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 11px;
}
.sdgItem{
    display: block;
}
.sdgItem img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.counterBox{
    position: relative;
    border: 1px solid #cacdd3;
    border-radius: 5px;
    text-align: center;
    padding: 56px 45px 51px;
}
.counterBox h2{
    font-size: 48px;
    line-height: 1;
    color: #f9758f;
    margin: 0 0 19px;
}
.counterBox h3{
    font-size: 18px;
    line-height: 30px;
    margin: 0;
}
.sidebar .widget{
    position: relative;
    background: #eef7f8;
    border-radius: 10px;
    padding: 46px 48px 48px;
    margin: 0 0 60px;
}
.sidebar .widget .widgetTitle{
    font-size: 24px;
    line-height: 1;
    position: relative;
    padding: 0 0 0 30px;
    margin: 0 0 32px;
}
.sidebar .widget .widgetTitle:before{
    content: '';
    width: 18px;
    height: 18px;
    border: 3px solid #00c0ff;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 3px;
}
.sidebar .widget.serviceMenu ul{
    margin: 0;
    padding: 0;
}
.sidebar .widget.serviceMenu ul li{
    list-style: none;
    display: block;
    margin: 0 0 6px;
}
.sidebar .widget.serviceMenu ul li:last-child{
    margin: 0;
}
.sidebar .widget.serviceMenu ul li a{
    font-family: 'Jost', sans-serif;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #FFF;
    background: #00c0ff;
    display: block;
    padding: 17px 30px 15px;
    border-radius: 5px;
}
.sidebar .widget.serviceMenu ul li:hover > a,
.sidebar .widget.serviceMenu ul li.current-menu-item > a{
    background: #f9758f;
}
.widgetForm{
    position: relative;
}
.widgetForm form{
    margin: 0;
    padding: 0;
}
.widgetForm form input:not([type="submit"]), .widgetForm form textarea{
    display: block;
    width: 100%;
    height: 60px;
    background: #FFF;
    border-radius: 5px;
    border: none;
    font-size: 18px;
    line-height: 30px;
    color: #868b9b;
    padding: 0 24px;
    margin: 0 0 18px;
}
.widgetForm form textarea{
    height: 160px;
    resize: none;
    padding: 15px 24px;
}
.widgetForm form input::-moz-placeholder,
.widgetForm form textarea::-moz-placeholder{
    color: #868b9b;
    opacity: 1;
}
.widgetForm form input::-ms-input-placeholder,
.widgetForm form textarea::-ms-input-placeholder{
    color: #868b9b;
    opacity: 1;
}
.widgetForm form input::-webkit-input-placeholder,
.widgetForm form textarea::-webkit-input-placeholder{
    color: #868b9b;
    opacity: 1;
}
.widgetForm form .orbBtn01{
    min-width: 166px;
}
.widgetForm .reqError{
    border: 1px solid #f00 !important;
}
.sidebar .widget.helpWidget{
    background: #443190;
}
.sidebar .widget.helpWidget > h3{
    font-size: 36px;
    color: #FFF;
    line-height: 1;
    margin: 0 0 33px;
}
.sidebar .widget.helpWidget p{
    font-size: 21px;
    line-height: 33px;
    color: #cfd1d7;
    margin: 0 0 85px;
}
.sidebar .widget.helpWidget .headerCall{
    min-height: 60px;
    padding: 4px 0 0 81px;
    margin: 0;
}
.sidebar .widget.helpWidget .headerCall i{
    background: #00c0ff;
    color: #FFF;
    height: 60px;
    width: 60px;
    font-size: 21px;
    line-height: 60px;
}
.sidebar .widget.helpWidget .headerCall h4{
    font-size: 18px;
    color: #FFF;
    margin: 0 0 13px;
}
.sidebar .widget.helpWidget .headerCall h3{
    font-size: 24px;
    color: #FFF;
}
.companyProfileBtns{
    position: relative;
}
.companyProfileBtns .orbBtn01{
    display: block;
    width: 100%;
    height: 60px;
    font-size: 18px;
    line-height: 58px;
}
.companyProfileBtns .orbBtnBorder{
    border-color: #f9758f;
    color: #343c55;
    line-height: 55px;
}
.companyProfileBtns .orbBtnBorder:hover{
    border-color: #343c55;
    color: #FFF;
}
.companyProfileBtns a:first-child{
    margin: 0 0 12px;
}


/*------------------------------------------------------
/  13. Portfolio & Portfolio Details Page
/------------------------------------------------------*/
.orbitoPagination{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 36px 0 0;
}
.orbitoPagination a, .orbitoPagination span{
    height: 54px;
    width: 54px;
    border: 1px solid #d8dde7;
    border-radius: 5px;
    line-height: 52px;
    font-size: 18px;
    color: #868b9b;
    text-align: center;
    margin: 0 6px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.orbitoPagination a.opNext, 
.orbitoPagination a.opPrev{
    color: #00c0ff;
}
.orbitoPagination a:hover, .orbitoPagination span.current{
    border-color: #00c0ff;
    background: #00c0ff;
    color: #FFF;
}
.folioSlider{
    position: relative;
    margin: 0 0 57px;
}
.folioSliderImg{
    display: block;
    width: 100%;
    height: auto;
}
#folioSlider li{
    border-radius: 10px;
    overflow: hidden;
}
.folioSliderImg{
    border-radius: 10px;
}
.folioSlider .lSPager.lSGallery li, .folioSlider .lSSlideOuter .lSPager.lSGallery li.active, .folioSlider .lSSlideOuter .lSPager.lSGallery li:hover{
    border-radius: 10px;
}
.folioSlider .lSSlideOuter .lSPager.lSGallery li img{
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.folioSlider .lSSlideOuter .lSPager.lSGallery li.active img, .folioSlider .lSSlideOuter .lSPager.lSGallery li:hover img{
    opacity: .8;
}
.folioDetails{
    position: relative;
}
.folioDetails h2{
    font-size: 30px;
    line-height: 1;
    margin: 0 0 31px;
}
.folioDetails .orbitoLead{
    font-size: 21px;
    line-height: 33px;
    color: #868b9b;
    margin: 0 0 29px;
}
.folioDetails p{
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 25px;
}
.orbList2{
    margin: 0;
    padding: 0;
}
.orbList2 li{
    list-style: none;
    font-size: 18px;
    line-height: 28px;
    padding: 0 0 0 45px;
    position: relative;
    margin: 0 0 14px;
}
.orbList2 li:before{
    content: '';
    width: 16px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 1px;
    background: url(../images/check.png) no-repeat left center;
}
.fgItem{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 24px;
}
.fgItem img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.folioMeta{
    position: relative;
    background: #eef7f8;
    border-radius: 10px;
    padding: 57px 60px 58px;
    margin: 0 0 50px;
}
.folioSingleMeta{
    position: relative;
    margin: 0 0 45px;
}
.folioMeta .folioSingleMeta:last-of-type{
    margin: 0;
}
.folioSingleMeta h4{
    font-size: 18px;
    line-height: 1;
    margin: 0 0 12px;
}
.folioSingleMeta p{
    font-size: 18px;
    line-height: 28px;
    color: #5e6371;
    margin: 0;
}
.folioShare{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.folioShare h3{
    font-size: 24px;
    line-height: 48px;
    margin: 0 30px 0 0;
}
.folioShare a{
    height: 48px;
    width: 48px;
    background: #00c0ff;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 48px;
    color: #FFF;
    margin: 0 8px 0 0;
}
.folioShare a.fac{
    background: #1877f2;
}
.folioShare a.twi{
    background: #1da1f2;
}
.folioShare a.lin{
    background: #0077b5;
}
.folioShare a:hover{
    background: #f9758f;
}
.relatedFolioTitle{
    font-size: 48px;
    line-height: 1;
    margin: 0 0 52px;
}
.mt94{
    margin-top: 94px;
}

/*------------------------------------------------------
/  14. Blog & Blog Details Page
/------------------------------------------------------*/
.blogPageSection{
    position: relative;
    padding: 120px 0 120px;
}
.blogItem03{
    position: relative;
    margin: 0 0 60px;
}
.bi03Thumb{
    position: relative;
    border-radius: 10px 10px 0 0;
}
.blogItem03 img{
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
}
.bi03Details{
    position: relative;
    border: 1px solid #d8dde7;
    border-top: none;
    border-radius: 0 0 10px 10px;
    padding: 33px 42px 41px 42px;
}
.bi03Details .bi01Meta{
    margin: 0 0 8px;
}
.bi03Details h2{
    font-size: 36px;
    line-height: 46px;
    margin: 0 0 15px;
}
.bi03Details h2 a{
    color: inherit;
}
.bi03Details h2 a:hover{
    color: #f9758f;
}
.blogExcerpt{
    font-size: 18px;
    line-height: 30px;
    color: #5e6371;
    margin: 0 0 32px;
}
.bi03Details a.orbBtn01{
    min-width: 143px;
    height: 48px;
    line-height: 46px;
}
.blogPaginationRow .orbitoPagination{
    margin-top: 0;
}
.sidebar .searchForm{
    margin: 0;
    padding: 0;
    position: relative;
}
.sidebar .searchForm input{
    font-size: 16px;
    color: #868b9b;
    display: block;
    width: 100%;
    height: 60px;
    padding: 0 24px;
    border-radius: 5px;
    background: #FFF;
    border: none;
}
.sidebar .searchForm input::-moz-placeholder{
    color: #868b9b;
    opacity: 1;
}
.sidebar .searchForm input::-ms-input-placeholder{
    color: #868b9b;
    opacity: 1;
}
.sidebar .searchForm input::-webkit-input-placeholder{
    color: #868b9b;
    opacity: 1;
}
.sidebar .searchForm button{
    border: none;
    background: transparent;
    padding: 0;
    font-size: 18px;
    line-height: 1;
    color: #f9758f;
    position: absolute;
    right: 17px;
    top: 21px;
}
.widgetPostItem2{
    position: relative;
    padding: 0 0 0 112px;
    min-height: 90px;
    margin: 0 0 29px;
}
.widgetPostItems .widgetPostItem2:last-of-type{
    margin: 0;
}
.widgetPostItem2 img{
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 90px;
    border-radius: 5px;
}
.widgetPostItem2 > a{
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: .9;
    color: #f9758f;
    display: block;
    margin: 0 0 3px;
}
.widgetPostItem2 h3{
    font-size: 18px;
    line-height: 24px;
    color: #343c55;
    margin: 0 0 13px;
}
.widgetPostItem2 h3 a{
    color: inherit;
}
.widgetPostItem2 h3 a:hover{
    color: #f9758f;
}
.widgetPostItem2 span{
    font-size: 14px;
    line-height: 1;
    display: block;
    margin: 0;
}
.sidebar .widget:not(.serviceMenu) ul{
    margin: -6px 0 -4px;
    padding: 0;
}
.sidebar .widget:not(.serviceMenu) ul li{
    list-style: none;
    font-size: 14px;
    line-height: 28px;
    color: #868b9b;
    border-bottom: 1px solid #d8dde7;
    padding: 0 0 17px 0px;
    margin: 0 0 13px 0;
}
.sidebar .widget:not(.serviceMenu) ul li:last-child{
    margin: 0;
    padding: 0;
    border-bottom: none;
}
.sidebar .widget:not(.serviceMenu) ul li a{
    font-family: 'Jost', sans-serif;
    display: inline-block;
    font-weight: 500;
    color: #343c55;
    margin: 0 6px 0 0;
}
.sidebar .widget:not(.serviceMenu) ul li a:hover{
    color: #f9758f;
}
.tagCloud{
    position: relative;
    margin: 0 0 -6px;
}
.tagCloud a{
    float: left;
    font-size: 16px;
    color: #868b9b;
    border: 1px solid #d8dde7;
    padding: 0 18px;
    height: 42px;
    line-height: 40px;
    border-radius: 42px;
    margin: 0 6px 6px 0;
    background: transparent;
}
.tagCloud a:hover{
    border-color: #00c0ff;
    background: #00c0ff;
    color: #FFF;
}
.gallery{
    position: relative;
    margin: 0 0 -12px;
}
.gallery img{
    width: 96px;
    height: 96px;
    float: left;
    border-radius: 5px;
    margin: 0 12px 12px 0;
}
.gallery img:nth-child(3),
.gallery img:nth-child(6),
.gallery img:nth-child(9){
    margin-right: 0;
}
.orbitoSocials{
    position: relative;
    margin: 0 0 -6px;
}
.orbitoSocials a{
    width: 60px;
    height: 60px;
    font-size: 21px;
    color: #FFF;
    line-height: 60px;
    background: #00c0ff;
    float: left;
    text-align: center;
    border-radius: 50%;
    margin: 0 6px 6px 0;
}
.orbitoSocials a.fac{
    background: #1877f2;
}
.orbitoSocials a.twi{
    background: #1da1f2;
}
.orbitoSocials a.lin{
    background: #0077b5;
}
.orbitoSocials a.you{
    background: #ff0000;
}
.orbitoSocials a:hover{
    background: #f9758f;
    color: #FFF;
}
.blogGridPage .blogItem01.biMode2{
    margin: 0 0 60px;
}
.blogPaginationRow .orbBtnBorder{
    border-color: #f9758f;
    color: #343c55;
}
.blogPaginationRow .orbBtnBorder .bp-shape{
    background: #f9758f;
    color: #FFF;
}
.blogPaginationRow .orbBtnBorder:hover{
    color: #FFF;
}
.blogDetailsPageSection{
    padding: 120px 0 120px;
}
.blogDetailsThumb{
    position: relative;
}
.blogDetailsThumb img{
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
}
.blogDetailsArea{
    position: relative;
    border: 1px solid #d8dde7;
    border-top: none;
    padding: 33px 42px 30px;
    border-radius: 0 0 10px 10px;
    margin: 0 0 30px;
}
.blogDetailsArea .bi01Meta{
    margin: 0 0 6px;
}
.blogDetailsArea p{
    font-size: 18px;
    line-height: 30px;
    color: #5e6371;
    margin: 0 0 30px;
}
.blogDetailsArea > p:last-of-type{
    margin: 0;
}
.blogDetailsArea p.mb43{
    margin-bottom: 43px;
}
.blogDetailsArea h2.blogHeading{
    font-size: 48px;
    line-height: 60px;
    margin: 0 0 36px;
}
.blogDetailsArea blockquote{
    margin: 0 0 55px;
    padding: 19px 0 0 108px;
    position: relative;
}
.blogDetailsArea blockquote p{
    font-size: 21px;
    line-height: 36px;
    font-style: italic;
    color: #5e6371;
    margin: 0 0 17px;
}
.blogDetailsArea blockquote:before{
    content: '';
    width: 46px;
    height: 48px;
    position: absolute;
    left: 29px;
    top: 0;
    background: url(../images/shapes/10.png) no-repeat center center;
}
.blogDetailsArea blockquote cite{
    font-size: 15px;
    line-height: 20px;
    color: #a3a1a9;
    font-style: normal;
}
.blogDetailsArea blockquote cite strong{
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    color: #343c55;
    font-weight: 600;
}
.postTags{
    position: relative;
}
.postTags a{
    float: left;
    font-size: 16px;
    color: #868b9b;
    border: 1px solid #d8dde7;
    padding: 0 18px;
    height: 42px;
    line-height: 40px;
    border-radius: 42px;
    margin: 0 6px 6px 0;
    background: transparent;
}
.postTags a:hover{
    border-color: #00c0ff;
    background: #00c0ff;
    color: #FFF;
}
.postShare{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.postShare h3{
    font-size: 18px;
    line-height: 42px;
    margin: 0 30px 0 0;
}
.postShare a{
    height: 42px;
    width: 42px;
    background: #00c0ff;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    line-height: 42px;
    color: #FFF;
    margin: 0 8px 0 0;
}
.postShare a:last-child{
    margin: 0;
}
.postShare a.fac{
    background: #1877f2;
}
.postShare a.twi{
    background: #1da1f2;
}
.postShare a.lin{
    background: #0077b5;
}
.postShare a:hover{
    background: #f9758f;
}
.postMetaRow{
    margin-top: 44px;
    margin-bottom: 6px;
}
.postNavigationRow{
    position: relative;
    border-radius: 10px;
    border: 1px solid #d8dde7;
    padding: 29px;
    margin: 0;
}
.postNavigationItem{
    position: relative;
    display: block;
    padding: 8px 0 0 108px;
    min-height: 90px;
}
.postNavigationItem.pniRight{
    padding-left: 0;
    padding-right: 108px;
    text-align: right;
}
.postNavigationItem img{
    width: 90px;
    height: 90px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
}
.postNavigationItem.pniRight img{
    left: auto;
    right: 0;
}
.postNavigationItem h4{
    font-size: 16px;
    line-height: 16px;
    color: #00c0ff;
    margin: 0 0 5px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.postNavigationItem h4 i{
    font-size: 14px;
    margin: 0 7px 0 0;
}
.postNavigationItem.pniRight h4 i{
    font-size: 14px;
    margin: 0 0 0 7px;
}
.postNavigationItem h3{
    font-size: 21px;
    line-height: 30px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    margin: 0;
}
.postNavigationItem:hover h3{
    color: #f9758f;
}
.postAuthorBox{
    position: relative;
    border-radius: 10px;
    border: 1px solid #d8dde7;
    padding: 48px 41px 35px 197px;
    margin: 72px 0 0;
}
.postAuthorBox img{
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 5px;
    left: 41px;
    top: 41px;
}
.postAuthorBox h3{
    font-size: 30px;
    line-height: 1;
    margin: 0 0 33px;
}
.postAuthorBox p{
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 30px;
}
.pabSocial{
    position: absolute;
    right: 42px;
    top: 43px;
    font-size: 21px;
    line-height: 1;
    color: #00c0ff;
    display: flex;
    justify-content: flex-end;
    margin: 0;
}
.pabSocial a{
    color: inherit;
    margin-left: 22px;
}
.pabSocial a.fac{
    color: #1877f2;
}
.pabSocial a.twi{
    color: #1da1f2;
}
.pabSocial a.lin{
    color: #0077b5;
}
.pabSocial a.ins{
    color: #405de6;
}
.pabSocial a:hover{
    color: #f9758f;
}
.postCommetnListBox{
    position: relative;
    border: 1px solid #d8dde7;
    border-radius: 10px;
    padding: 38px 41px 38px;
    margin: 72px 0 0;
}
.postCommetnListBox h3.commentHeading{
    font-size: 36px;
    color: #343c55;
    line-height: 1;
    margin: 0 0 43px;
}
.postCommetnListBox ol{
    margin: 0;
    padding: 0;
    list-style: none;
}
.postCommetnListBox ol ul{
    padding: 0;
    margin: 0 0 0 48px;
}
.postCommetnListBox ol li{
    list-style: none;
}
.singleComment{
    position: relative;
    padding: 39px 0 0 128px;
    min-height: 96px;
    margin: 0 0 26px;
    border-top: 1px solid #d8dde7;
}
.postCommetnListBox ol > li:first-child .singleComment{
    border-top: none;
    margin-top: 0;
    padding-top: 9px
}
.postCommetnListBox ol > li:last-child .singleComment{
    margin-bottom: 0;
}
.singleComment > img{
    width: 96px;
    height: 96px;
    position: absolute;
    left: 0;
    top: 30px;
    border-radius: 50%;
}
.postCommetnListBox ol > li:first-child .singleComment > img{
    top: 0;
}
.singleComment h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 14px;
}
.singleComment .commentTime{
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 1;
    color: #868b9b;
    margin: 0 0 24px;
}
.singleComment .commentTime span:first-child{
    margin-right: 12px;
}
.commentContent{
    font-size: 18px;
    line-height: 30px;
    color: #5e6371;
    margin: 0;
}
.comment-reply{
    height: 48px;
    min-width: 110px;
    border: 2px solid #f9758f;
    text-align: center;
    padding: 0 10px;
    font-size: 16px;
    color: #343c55;
    line-height: 44px;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    border-radius: 48px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 32px;
}
.postCommetnListBox ol > li:first-child .singleComment .comment-reply{
    top: 1px;
}
.comment-reply:hover{
    border-color: #343c55;
}
.postCommetnFormBox{
    position: relative;
    border: 1px solid #d8dde7;
    border-radius: 10px;
    padding: 40px 41px 41px;
    margin: 72px 0 0;
}
.postCommetnFormBox h3.commentHeading{
    font-size: 36px;
    color: #343c55;
    line-height: 1;
    margin: 0 0 43px;
}
.commentForm.row{
    margin-left: -6px;
    margin-right: -6px;
}
.commentForm input:not([type='submit']), .commentForm textarea {
    font-size: 18px;
    color: #868b9b;
    padding: 0 26px;
    height: 60px;
    border: 1px solid #d8dde7;
    border-radius: 5px;
    margin: 0 0 12px;
    display: block;
    width: 100%;
}
.commentForm textarea {
    height: 200px;
    resize: none;
    padding: 15px 25px;
}
.commentForm .col-lg-6, .commentForm .col-lg-12 {
    padding-left: 6px;
    padding-right: 6px;
}
.commentForm input::-moz-placeholder,
.commentForm textarea::-moz-placeholder{
    color: #868b9b;
    opacity: 1;
}
.commentForm input::-ms-input-placeholder,
.commentForm textarea::-ms-input-placeholder{
    color: #868b9b;
    opacity: 1;
}
.commentForm input::-webkit-input-placeholder,
.commentForm textarea::-webkit-input-placeholder{
    color: #868b9b;
    opacity: 1;
}


/*------------------------------------------------------
/  15. Contact Page
/------------------------------------------------------*/
.iconBox09{
    position: relative;
    padding: 6px 0 0 102px;
    min-height: 72px;
    margin: 0 0 18px;
}
.iconBox09 i{
    width: 72px;
    height: 72px;
    background: #00c0ff; 
    border-radius: 50%;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    line-height: 72px;
    position: absolute;
    left: 0;
    top: 0;
}
.iconBox09 h4{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 11px;
}
.iconBox09 p{
    font-size: 18px;
    line-height: 28px;
    color: #5e6371;
    margin: 0;
}
.iconBox09 p a{
    color: inherit;
}
.iconBox09 p a:hover{
    color: #f9758f;
}
#backtotop {
    position: fixed;
    letter-spacing: 0;
    right: 25px;
    bottom: -25px;
    width: 45px;
    height: 45px;
    background: #f9758f;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 45px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    border-radius: 0;
}
#backtotop:hover{
    background: #00c0ff;
}


/*------------------------------------------------------
/  16. Preloader
/------------------------------------------------------*/
#preloader{
    background: #343c55;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}
.la-ball-scale-multiple,
.la-ball-scale-multiple>div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.la-ball-scale-multiple {
    display: block;
    font-size: 0;
    color: #00c0ff
}
.la-ball-scale-multiple.la-dark {
    color: #333
}
.la-ball-scale-multiple>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor
}
.la-ball-scale-multiple {
    width: 32px;
    height: 32px
}
.la-ball-scale-multiple>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
    -moz-animation: ball-scale-multiple 1s 0s linear infinite;
    -o-animation: ball-scale-multiple 1s 0s linear infinite;
    animation: ball-scale-multiple 1s 0s linear infinite
}
.la-ball-scale-multiple>div:nth-child(2) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}
.la-ball-scale-multiple>div:nth-child(3) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}
.la-ball-scale-multiple.la-sm {
    width: 16px;
    height: 16px
}
.la-ball-scale-multiple.la-sm>div {
    width: 16px;
    height: 16px
}
.la-ball-scale-multiple.la-2x {
    width: 64px;
    height: 64px;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    position: absolute;
}
.la-ball-scale-multiple.la-2x>div {
    width: 64px;
    height: 64px
}
.la-ball-scale-multiple.la-3x {
    width: 96px;
    height: 96px
}
.la-ball-scale-multiple.la-3x>div {
    width: 96px;
    height: 96px
}
@-webkit-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: .75
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: .75
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: .75
    }
    100% {
        opacity: 0;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: .75
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}