:root {
    font-size: 15px;
}
body {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    line-height: 1.7333333333;
    color: #353535;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
iframe {
    border: none;
}
a, b, div, li, ul {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}
a:active, a:focus, input, input:active, input:focus, input:hover, textarea, textarea:active, textarea:focus, textarea:hover {
    -moz-outline: none;
    outline: 0;
}
embed, img:not([draggable]), object, video {
    max-width: 100%;
    height: auto;
}
a {
    text-decoration: none;
    outline: 0;
}
a:active, a:focus, a:hover, a:visited {
    text-decoration: none;
    outline: 0;
}
img {
    border: none;
    max-width: 100%}
li, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.clear-both:after, .clear-both:before {
    display: table;
    content: "";
    clear: both;
}
button:focus {
    outline: 0;
}
.header {
    position: relative;
    z-index: 999;
}
.header-transparent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.header-transparent .xs-menus .nav-menu>li>a {
    color: #fff;
}
.header-transparent .xs-header {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.header-transparent .xs-menu-tools>li>a {
    color: #fff;
}
.header-transparent .xs-menus .nav-menu>li>a:before {
    background-color: #fefefe;
}
.header-transparent .xs-header.header-main {
    background-color: transparent;
    border-bottom: 0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}
.header-transparent .xs-header.header-main .xs-menus .nav-menu>li:not(:last-child) {
    margin-right: 25px;
    padding-right: 25px;
}
.header-transparent .xs-header.header-main .xs-menus .nav-menu>li.active>a {
    color: #ae00e6;
}
.header-transparent .xs-header.header-main .xs-menus .nav-menu>li.active>a .submenu-indicator-chevron {
    border-color: transparent #181818 #181818 transparent;
}
.header-transparent .xs-header.header-main .xs-menus .nav-menu>li.active>a:before {
    background-color: #181818;
    -webkit-box-shadow: 9px 0 0 0 #181818, 18px 0 0 0 #181818;
    box-shadow: 9px 0 0 0 #181818, 18px 0 0 0 #181818;
}
.header-transparent .xs-header.header-main .xs-menus .nav-menu>li>a {
    color: #fff;
}
.header-transparent .xs-header.header-main .xs-menus .nav-menu>li>a .submenu-indicator-chevron {
    border-color: transparent #fff #fff transparent;
}
.header-transparent .xs-header.header-main .xs-menus .nav-menu>li>a:before {
    background-color: #fff;
    -webkit-box-shadow: 9px 0 0 0 #fff, 18px 0 0 0 #fff;
    box-shadow: 9px 0 0 0 #fff, 18px 0 0 0 #fff;
}
.header-transparent .xs-header.header-main .xs-menu-tools {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.header-transparent .xs-header.header-main .xs-menu-tools>li>a {
    color: #fff;
}
.header-tranparent-style2 .xs-header.header-main {
    background-color: #fff;
}
.header-tranparent-style2 .xs-header.header-main .xs-menus .nav-menu>li>a {
    color: #181818;
}
.header-tranparent-style2 .xs-header.header-main .xs-menus .nav-menu>li>a:before {
    background-color: #181818;
    -webkit-box-shadow: 9px 0 0 0 #181818, 18px 0 0 0 #181818;
    box-shadow: 9px 0 0 0 #181818, 18px 0 0 0 #181818;
}
.header-tranparent-style2 .xs-header.header-main .xs-menu-tools {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.header-tranparent-style2 .xs-header.header-main .xs-menu-tools>li>a {
    color: #181818;
}
.xs-menus .nav-menu>li {
    margin-right: 30px;
}
.xs-menus .nav-menu>li:last-child {
    margin-right: 0;
}
.xs-menus .nav-menu>li.active>a {
    color: #000;
}
.xs-menus .nav-menu>li>.nav-dropdown a.active {
    color: #000;
}
.xs-menus .nav-menu>li>a {
    color: #333;
    padding: 60px 10px 0;
    position: relative;
    font-size: 1rem;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.xs-menus .nav-menu>li>a .submenu-indicator-chevron {
    border-color: transparent #fff #fff transparent;
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item a {
    padding-left: 0;
    padding-right: 0;
    display: block;
    color: #141414;
    font-size: 1.2rem;
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item a:hover {
    color: #ae00e6;
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item a i {
    font-size: 1rem;
    position: relative;
    top: 1px;
    padding-right: 18px;
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item:not(:last-child) a {
    padding-bottom: 12px;
    border-bottom: 1px dashed #ae00e6;
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item:not(:first-child) a {
    padding-top: 12px;
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item.active>a {
    color: #ae00e6;
}
.xs-menus .nav-menu .megamenu-panel.xs-service-menu {
    padding: 25px;
}
.xs-menus .nav-menu li>.nav-dropdown li a {
    background-color: transparent;
    border-bottom: 1px solid #f1f1f1;
    color: #333;
    font-size: 1.1333333333rem;
}
.xs-menus .nav-menu li>.nav-submenu {
    -webkit-box-shadow: 15px 15px 30px rgba(0, 0, 0, .16);
    box-shadow: 15px 15px 30px rgba(0, 0, 0, .16);
    background-color: #fff;
    border-top: 0;
    padding: 20px;
}
.xs-menus .nav-menu .nav-dropdown li:last-child a {
    border-bottom: 0;
}
.xs-menus .nav-toggle {
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.xs-header {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.xs-header .xs-logo {
    display: block;
    padding: 57px 0 0;
}
.xs-header.header-main {
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    height: 120px;
    padding-top: 50px;
}
.xs-header.header-main>.container {
    position: relative;
}
.xs-header.header-main .navSidebar-wraper {
    position: absolute;
    right: 15px;
    bottom: -30px;
    z-index: 11;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.xs-header.header-main .navSidebar-wraper .single-navicon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .2);
    display: inline-block;
    float: left;
}
.xs-header.header-main .navSidebar-wraper .single-navicon:not(:last-child) {
    margin-right: 10px;
}
.xs-header.header-main .navSidebar-wraper .navSidebar-button {
    height: calc(100% - 12px);
    width: calc(100% - 12px);
    border-radius: 50%;
    background-color: #00138e;
    display: block;
    text-align: center;
    margin: 0 auto;
    line-height: 48px;
    font-size: 1.2rem;
    color: #fff;
    position: relative;
    top: 6px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.xs-header.header-main .navSidebar-wraper .navSidebar-button:hover {
    background-color: #ae00e6;
}
.xs-header.header-main .xs-logo {
    padding: 0 0;
}
.xs-header.header-main .xs-menus .nav-menu>li.active>a {
    color: #333;
}
.xs-header.header-main .xs-menus .nav-menu>li a .submenu-indicator-chevron {
    border-color: transparent #00138e #00138e transparent;
}
.xs-header.header-main .xs-menus .nav-menu>li:not(:last-child) {
    margin-right: 27px;
    padding-right: 27px;
}
.xs-header.header-main .xs-menus .nav-menu>li>.nav-submenu>li>a.active {
    color: #ae00e6;
}
.xs-header.header-main .xs-menus .nav-menu>li>.nav-dropdown {
    right: auto!important;
}
.xs-header.header-main .xs-menus .nav-menu>li>a {
    padding: 20px 0;
    color: #666766;
    font-weight: 700;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    position: relative;
}
.xs-header.header-main .xs-menus .nav-menu>li>a:before {
    position: absolute;
    content: "";
    bottom: calc(-35% + 32px);
    left: -10%;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background-color: #ae00e6;
    -webkit-box-shadow: 9px 0 0 0 #ae00e6, 18px 0 0 0 #ae00e6;
    box-shadow: 9px 0 0 0 #ae00e6, 18px 0 0 0 #ae00e6;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    margin-left: -12px;
}
.xs-header.header-main .xs-menus .nav-menu>li:hover>a:before, .xs-header.header-main .xs-menus .nav-menu>li>a:hover:before {
    opacity: 1;
    left: 50%}
.xs-header.header-main .xs-menu-tools {
    line-height: 1;
    padding: 25px 0;
}
.xs-header.header-main .xs-menu-tools>li>a {
    color: #00138e;
}
.xs-header.header-main .xs-menu-tools>li>a:hover {
    color: #ae00e6;
}
.xs-header.header-main .xs-menu-tools>li>a .xs-flag {
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .2);
    border: 1px solid #fff;
}
.xs_nav-landscape .nav-brand {
    display: none;
}
.xs-menu-tools {
    text-align: right;
    padding: 56px 0 0;
}
.xs-menu-tools>li {
    display: inline-block;
    margin-right: 20px;
}
.xs-menu-tools>li:last-child {
    margin-right: 0;
}
.xs-menu-tools>li>a {
    color: #333;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    font-weight: 700;
}
.xs-menu-tools>li>a .xs-flag {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
}
.text-seo li {
    padding-left: 20px;
    position: relative;
    font-size: 16px;
    margin-bottom: 20px;
}
.text-seo li i {
    color: #007eff;
    font-size: 20px;
    margin-right: 15px;
}
.xs-menu-tools>li>a .lang-title {
    vertical-align: middle;
    font-size: .9333333333rem;
}
.home-menu-panel a {
    display: block;
    text-align: center;
}
.home-menu-panel a img {
    margin-bottom: 20px;
}
.home-menu-panel a h4 {
    font-size: 1.1333333333rem;
    margin-bottom: 0;
}
.xs_nav-portrait {
    height: 100%}
.xs_nav-portrait .nav-header {
    margin-top: 0;
    height: 100%}
.xs_nav-portrait .nav-brand {
    line-height: 0;
    max-width: 154px;
    max-height: 50px;
    display: block;
    padding: 0;
}
.nav-sticky {
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
.nav-sticky .xs-header .nav-brand, .nav-sticky .xs-header .xs-logo {
    position: relative;
}
.nav-sticky .xs-header .nav-brand>img, .nav-sticky .xs-header .xs-logo>img {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.nav-sticky .xs-header .nav-brand .logo-sticky, .nav-sticky .xs-header .xs-logo .logo-sticky {
    opacity: 0;
    visibility: hidden;
    top: 200%}
.nav-sticky .xs-header .nav-brand .logo-transparent, .nav-sticky .xs-header .xs-logo .logo-transparent {
    opacity: 1;
    visibility: visible;
}
.nav-sticky.sticky-header {
    position: fixed;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: #fff;
    top: -1px;
    width: 100%}
.nav-sticky.sticky-header .xs-header .nav-brand .logo-sticky, .nav-sticky.sticky-header .xs-header .xs-logo .logo-sticky {
    opacity: 1;
    visibility: visible;
    top: 50%}
.nav-sticky.sticky-header .xs-header .nav-brand .logo-transparent, .nav-sticky.sticky-header .xs-header .xs-logo .logo-transparent {
    opacity: 0;
    visibility: hidden;
}
.nav-sticky.sticky-header .xs-header .xs-menu-tools {
    padding: 30px 0;
}
.nav-sticky.sticky-header .xs-header .xs-menu-tools>li>a {
    color: #181818;
}
.nav-sticky.sticky-header .xs-header .xs-menus .nav-menu>li>a {
    color: #181818;
}
.nav-sticky.sticky-header .xs-header .xs-menus .nav-menu>li>a:before {
    background-color: #181818;
    -webkit-box-shadow: 9px 0 0 0 #181818, 18px 0 0 0 #181818;
    box-shadow: 9px 0 0 0 #181818, 18px 0 0 0 #181818;
    bottom: calc(0% + 25px);
}
.nav-sticky.sticky-header .xs-header .xs-menus .nav-menu>li>a .submenu-indicator-chevron {
    border-color: transparent #181818 #181818 transparent;
}
.nav-sticky.sticky-header .xs-header .navSidebar-wraper {
    -webkit-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    opacity: 0;
}
.nav-sticky.sticky-header.sticky {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.nav-sticky .xs-header.header-main .xs-menus .nav-menu.single-page-menu>li:not(:last-child) {
    margin-right: 15px;
    padding-right: 15px;
}
.header-tranparent-style2+.banner-v2 {
    padding-top: 149px;
}
.mfp-bg.xs-promo-popup {
    background-color: rgba(0, 0, 0, .87);
    padding-bottom: 100%;
    border-radius: 100%;
    overflow: hidden;
    -webkit-animation: menu-animation .8s ease-out forwards;
    animation: menu-animation .8s ease-out forwards;
}
@-webkit-keyframes menu-animation {
    0% {
    opacity: 0;
    -webkit-transform: scale(.04) translateY(300%);
    transform: scale(.04) translateY(300%);
}
40% {
    -webkit-transform: scale(.04) translateY(0);
    transform: scale(.04) translateY(0);
    -webkit-transition: ease-out;
    -o-transition: ease-out;
    transition: ease-out;
}
40% {
    -webkit-transform: scale(.04) translateY(0);
    transform: scale(.04) translateY(0);
}
60% {
    opacity: 1;
    -webkit-transform: scale(.02) translateY(0);
    transform: scale(.02) translateY(0);
}
61% {
    opacity: 1;
    -webkit-transform: scale(.04) translateY(0);
    transform: scale(.04) translateY(0);
}
99.9% {
    opacity: 1;
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%}
to {
    opacity: 1;
    -webkit-transform: scale(2) translateY(0);
    transform: scale(2) translateY(0);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
}
}@keyframes menu-animation {
    0% {
    opacity: 0;
    -webkit-transform: scale(.04) translateY(300%);
    transform: scale(.04) translateY(300%);
}
40% {
    -webkit-transform: scale(.04) translateY(0);
    transform: scale(.04) translateY(0);
    -webkit-transition: ease-out;
    -o-transition: ease-out;
    transition: ease-out;
}
40% {
    -webkit-transform: scale(.04) translateY(0);
    transform: scale(.04) translateY(0);
}
60% {
    opacity: 1;
    -webkit-transform: scale(.02) translateY(0);
    transform: scale(.02) translateY(0);
}
61% {
    opacity: 1;
    -webkit-transform: scale(.04) translateY(0);
    transform: scale(.04) translateY(0);
}
99.9% {
    opacity: 1;
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%}
to {
    opacity: 1;
    -webkit-transform: scale(2) translateY(0);
    transform: scale(2) translateY(0);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
}
}.xs-promo-popup .modal-content {
    background-color: transparent;
    padding: 0;
    border: 0;
}
.xs-promo-popup .mfp-close {
    color: #fff;
    opacity: 0;
    -webkit-transition: all 1s ease .8s;
    -o-transition: all 1s ease .8s;
    transition: all 1s ease .8s;
    -webkit-transform: translateY(-500px);
    -ms-transform: translateY(-500px);
    transform: translateY(-500px);
}
.xs-promo-popup.mfp-ready .mfp-close {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.xs-promo-popup.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 1s ease .8s;
    -o-transition: all 1s ease .8s;
    transition: all 1s ease .8s;
    -webkit-transform: translateY(-500px);
    -ms-transform: translateY(-500px);
    transform: translateY(-500px);
}
.xs-promo-popup.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.modal-searchPanel .xs-search-group {
    position: relative;
}
.modal-searchPanel .xs-search-group input:not([type=submit]) {
    height: 70px;
    background-color: transparent;
    border-radius: 50px;
    border: 2px solid #fff;
    color: #fff;
    padding: 0 30px;
}
.modal-searchPanel .xs-search-group input:not([type=submit])::-webkit-input-placeholder {
    color: #fff;
}
.modal-searchPanel .xs-search-group input:not([type=submit])::-moz-placeholder {
    color: #fff;
}
.modal-searchPanel .xs-search-group input:not([type=submit]):-ms-input-placeholder {
    color: #fff;
}
.modal-searchPanel .xs-search-group input:not([type=submit]):-moz-placeholder {
    color: #fff;
}
.modal-searchPanel .xs-search-group .search-button {
    background-color: transparent;
    border: 0;
    padding: 0;
    color: #fff;
    position: absolute;
    right: 0;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    width: 70px;
    border-radius: 0 50px 50px 0;
}
.language-content p {
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
    font-size: 1.3333333333rem;
}
.flag-lists {
    text-align: center;
}
.flag-lists li {
    display: inline-block;
    margin-right: 25px;
}
.flag-lists li:last-child {
    margin-right: 0;
}
.flag-lists li a {
    display: block;
    color: #fff;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.flag-lists li a:hover {
    opacity: .7;
}
.flag-lists li a img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.xs-sidebar-group .xs-overlay {
    left: 100%;
    top: 0;
    position: fixed;
    z-index: 101;
    height: 100%;
    opacity: 0;
    width: 100%;
    visibility: hidden;
    -webkit-transition: all .4s ease-in .8s;
    -o-transition: all .4s ease-in .8s;
    transition: all .4s ease-in .8s;
    cursor: url(../images/cross-out.png), pointer;
}
.xs-sidebar-widget {
    position: fixed;
    right: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 420px;
    z-index: 999999;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    -webkit-transition: all .5s cubic-bezier(.9, .03, 0, .96) .6s;
    -o-transition: all .5s cubic-bezier(.9, .03, 0, .96) .6s;
    transition: all .5s cubic-bezier(.9, .03, 0, .96) .6s;
    visibility: hidden;
    opacity: 0;
}
.xs-sidebar-group.isActive .xs-overlay {
    opacity: .9;
    visibility: visible;
    -webkit-transition: all .8s ease-out 0s;
    -o-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s;
    left: 0;
}
.xs-sidebar-group.isActive .xs-sidebar-widget {
    opacity: 1;
    visibility: visible;
    right: 0;
    -webkit-transition: all .7s cubic-bezier(.9, .03, 0, .96) .4s;
    -o-transition: all .7s cubic-bezier(.9, .03, 0, .96) .4s;
    transition: all .7s cubic-bezier(.9, .03, 0, .96) .4s;
}
.sidebar-textwidget {
    padding: 40px;
    padding-top: 120px;
}
.close-side-widget {
    color: #1768dd;
    font-size: 1rem;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid currentColor;
    border-radius: 50%;
    text-align: center;
}
.sidebar-widget-container {
    position: relative;
    top: 150px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in .3s;
    -o-transition: all .3s ease-in .3s;
    transition: all .3s ease-in .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.xs-sidebar-group.isActive .sidebar-widget-container {
    top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 1s ease-out 1.2s;
    -o-transition: all 1s ease-out 1.2s;
    transition: all 1s ease-out 1.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.widget-heading {
    position: absolute;
    top: 0;
    right: 0;
    padding: 25px;
}
.mini_cart_item {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.xs-empty-content {
    text-align: center;
    padding: 120px 30px 30px;
}
.xs-empty-content .widget-title {
    font-size: 1.4666666667rem;
}
.xs-empty-content .xs-title {
    margin-bottom: 20px;
    font-size: 1.2rem;
}
.xs-empty-content .woocommerce-mini-cart__empty-message {
    font-size: 1.3333333333rem;
}
.xs-empty-content .empty-cart-icon {
    font-size: 3.3333333333rem;
}
.sidebar-textwidget .sidebar-logo-wraper {
    margin-bottom: 33px;
}
.sidebar-textwidget .sidebar-logo-wraper a {
    display: inline-block;
}
.sidebar-textwidget>p {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 40px;
}
.sidebar-textwidget .social-list {
    margin-bottom: 30px;
    text-align: center;
}
.sideabr-list-widget {
    margin-bottom: 40px;
}
.sideabr-list-widget li {
    margin-bottom: 20px;
}
.sideabr-list-widget li:last-child {
    margin-bottom: 0;
}
.sideabr-list-widget img {
    margin-right: 15px;
    margin-top: 3px;
}
.sideabr-list-widget a, .sideabr-list-widget p {
    margin-bottom: 2px;
    color: #000;
    margin-bottom: 8px;
    display: block;
}
.sideabr-list-widget span {
    display: block;
    font-size: .9333333333rem;
    color: #1768dd;
}
.sideabr-list-widget .media-body {
    line-height: 1;
    margin-top: 6px;
}
.subscribe-from {
    position: relative;
    margin-bottom: 40px;
}
.subscribe-from p {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1;
    color: #1768dd;
}
.subscribe-from label {
    position: absolute;
    bottom: -24px;
    left: 0;
    margin-bottom: 0;
    line-height: 1;
}
.subscribe-from .form-control {
    border: 1px solid #f5f5f5;
    height: 50px;
    padding-left: 25px;
}
.subscribe-from .sub-btn {
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 25px;
    cursor: pointer;
    color: #1768dd;
    height: 100%}
.subscribe-from .sub-btn:focus {
    outline: 0;
}
.subscribe-from .form-group {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 30px 0 rgba(23, 104, 221, .2);
    box-shadow: 0 10px 30px 0 rgba(23, 104, 221, .2);
    border-radius: 25px;
    margin-bottom: 0;
}
.xs-banner .single-banner-slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 850px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.xs-banner.banner-v2 .single-banner-slide {
    background-color: #fff;
    min-height: 650px;
    background-size: contain;
    background-position: bottom center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.single-banner-slide.slide-two .xs-banner-content {
    padding-left: 25px;
}
.xs-banner-content .banner-subtitle {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 300;
    margin-bottom: 8px;
}
.xs-banner-content .banner-title {
    margin-bottom: 36px;
}
.xs-banner-content p {
    margin-bottom: 35px;
    color: #fff;
}
.xs-banner-content .btn:not([class*=btn-outline-]) {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.xs-banner-content.banner-content-v2 {
    margin-top: 70px;
}
.xs-banner-content.banner-content-v2 .banner-subtitle {
    color: #ae00e6;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 10px;
}
.xs-banner-content.banner-content-v2 .banner-title {
    color: #000;
    font-size: 3.2rem;
    margin-bottom: 12px;
}
.xs-banner-content.banner-content-v2 .banner-title span {
    color: #ae00e6;
}
.xs-banner-content.banner-content-v2 p {
    color: #7a7a7a;
    margin-bottom: 22px;
}
.xs-banner-content.banner-content-v2 .btn:not([class*=btn-outline-]) {
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
}
.banner-image.image-one {
    margin-right: -130px;
    margin-left: -30px;
}
.banner-image.image-two {
    margin-left: -65px;
}
.banner-image.image-three {
    margin-right: -100px;
}
.banner-slider .active .banner-image, .banner-slider .active .banner-subtitle, .banner-slider .active .banner-title, .banner-slider .active .btn-wraper a, .banner-slider .active .xs-banner-content p {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.banner-slider .active .banner-image.image-one, .banner-slider .active .banner-image.image-three {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.banner-slider .active .banner-image.image-two {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.banner-slider .active .xs-banner-content .banner-subtitle {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.banner-slider .active .xs-banner-content .banner-title {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.banner-slider .active .xs-banner-content p {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.banner-slider .active .xs-banner-content .btn-wraper a {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
@-webkit-keyframes fadeInRight {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}@keyframes fadeInRight {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}@-webkit-keyframes fadeInLeft {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}@keyframes fadeInLeft {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}.why-choose-us-block {
    text-align: center;
    padding: 0 35px;
}
.why-choose-us-block p {
    margin-bottom: 0;
}
.choose-us-img {
    min-height: 145px;
    margin-bottom: 15px;
}
.xs-inline-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-filter: drop-shadow(0 20px 45px rgba(0, 0, 0, .08));
    filter: drop-shadow(0 20px 45px rgba(0, 0, 0, .08));
    position: relative;
}
.xs-inline-form .form-control {
    height: 65px;
    background-color: #fff;
    border-radius: 0;
    border: 0;
    border-radius: 32.5px 0 0 32.5px;
    padding-left: 40px;
}
.xs-inline-form .form-control::-webkit-input-placeholder {
    color: #9a9a9a;
    font-size: .9333333333rem;
}
.xs-inline-form .form-control::-moz-placeholder {
    color: #9a9a9a;
    font-size: .9333333333rem;
}
.xs-inline-form .form-control:-ms-input-placeholder {
    color: #9a9a9a;
    font-size: .9333333333rem;
}
.xs-inline-form .form-control:-moz-placeholder {
    color: #9a9a9a;
    font-size: .9333333333rem;
}
.xs-inline-form [class*=col-]+[class*=col-] .form-control {
    border-radius: 0;
}
.xs-inline-form .row {
    width: 100%;
    position: relative;
}
.xs-inline-form .row:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(12, 90, 219, .25);
    width: 1px;
    height: 32px;
    z-index: 1;
}
.xs-inline-form .row+.check-btn {
    border-radius: 0 32.5px 32.5px 0;
}
.xs-inline-form .check-btn {
    height: 65px;
    background-color: #03a84e;
    border: 0;
    border-radius: 32.5px 0 0 32.5px;
    padding: 0 40px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.xs-inline-form .check-btn:hover {
    background-color: #0018b2;
}
.xs-inline-form .check-btn+.row [class*=col-] .form-control {
    border-radius: 0;
}
.xs-inline-form .check-btn+.row [class*=col-]+[class*=col-] .form-control {
    border-radius: 0 32.5px 32.5px 0;
}
.free-quote-area {
    position: relative;
    overflow: hidden;
}
.free-quote-area .parallax-icon-wraper .parallax-icon {
    position: absolute;
    opacity: .2;
}
.free-quote-area .parallax-icon-wraper .parallax-icon.icon-one {
    top: 64px;
    left: 98px;
}
.free-quote-area .parallax-icon-wraper .parallax-icon.icon-two {
    top: 52px;
    right: 0;
}
.free-quote-area.delighter .parallax-icon-wraper .parallax-icon {
    -webkit-transition: all .6s cubic-bezier(.22, .61, .36, 1);
    -o-transition: all .6s cubic-bezier(.22, .61, .36, 1);
    transition: all .6s cubic-bezier(.22, .61, .36, 1);
    opacity: 0;
    visibility: hidden;
}
.free-quote-area.delighter .parallax-icon-wraper .icon-one {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.free-quote-area.delighter .parallax-icon-wraper .icon-two {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}
.free-quote-area.delighter.started .parallax-icon-wraper .parallax-icon {
    opacity: .2;
    visibility: visible;
}
.free-quote-area.delighter.started .parallax-icon-wraper .icon-one {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.free-quote-area.delighter.started .parallax-icon-wraper .icon-two {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.xs-info-img {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.54, .085, .5, .92);
    animation-timing-function: cubic-bezier(.54, .085, .5, .92);
    -webkit-animation-name: floating;
    animation-name: floating;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}
.xs-info-wraper {
    padding-left: 30px;
}
.xs-info-wraper .content-title {
    margin-bottom: 30px;
}
.xs-info-wraper p {
    margin-bottom: 15px;
    text-align: justify;
}
.xs-info-wraper .xs-list {
    margin-bottom: 30px;
}
.xs-info-wraper .xs-list li:not(:last-child) {
    margin-bottom: 7px;
}
.xs-info-wraper .xs-heading .section-title.line {
    margin-bottom: 25px;
}
.xs-info-wraper.style2 {
    padding-left: 0;
}
.xs-info-wraper.style2 .xs-list li:not(:last-child) {
    margin-bottom: 6px;
}
.xs-info-list {
    padding-left: 10px;
    margin-bottom: 30px;
}
.xs-info-list .xs-title {
    margin-bottom: 15px;
}
.xs-info-list p {
    margin-bottom: 0;
}
.xs-xs-info .row {
    margin-bottom: 90px;
}
.xs-xs-info .row+.row {
    margin-bottom: 0;
}
@-webkit-keyframes floating {
    0% {
    -webkit-transform: rotateX(0) translateY(0);
    transform: rotateX(0) translateY(0);
}
50% {
    -webkit-transform: rotateX(0) translateY(15px);
    transform: rotateX(0) translateY(15px);
}
to {
    -webkit-transform: rotateX(0) translateY(0);
    transform: rotateX(0) translateY(0);
}
}@keyframes floating {
    0% {
    -webkit-transform: rotateX(0) translateY(0);
    transform: rotateX(0) translateY(0);
}
50% {
    -webkit-transform: rotateX(0) translateY(15px);
    transform: rotateX(0) translateY(15px);
}
to {
    -webkit-transform: rotateX(0) translateY(0);
    transform: rotateX(0) translateY(0);
}
}.single-work-process {
    text-align: center;
    cursor: pointer;
}
.single-work-process h4 {
    color: #7897e6;
    margin-bottom: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.single-work-process:hover .work-process-icon {
    border-color: #02d1d1;
    background-color: #1040d2;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);
}
.single-work-process:hover h4 {
    color: #fff;
}
.work-process-icon {
    text-align: center;
    width: 124px;
    height: 124px;
    line-height: 124px;
    border: 2px solid #0981d8;
    border-radius: 50%;
    background-color: #fff;
    width: 124px;
    height: 124px;
    margin: 0 auto;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    margin-bottom: 30px;
    position: relative;
}
.work-process-icon:before {
    position: absolute;
    content: "";
    top: 50%;
    right: -70%;
    width: 70%;
    height: 1px;
    background-color: #02cfd1;
    opacity: .5;
}
.work-process-icon:after {
    content: '';
    position: absolute;
    left: calc(-30% + 2px);
    width: 10px;
    height: 10px;
    border-top: solid 1px #02cfd1;
    border-right: solid 1px #02cfd1;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.working-process-group [class^=col-]:last-child .work-process-icon:before {
    display: none;
}
.working-process-group [class^=col-]:first-child .work-process-icon:after {
    display: none;
}
.current-section .working-process-group .work-process-icon {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIns;
    animation-name: bounceIns;
}
.current-section .working-process-group .work-process-icon:before {
    right: -70%;
    opacity: .5;
}
.current-section .working-process-group [class^=col-]:nth-of-type(2) .work-process-icon {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.current-section .working-process-group [class^=col-]:nth-of-type(2) .work-process-icon:before {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}
.current-section .working-process-group [class^=col-]:nth-of-type(3) .work-process-icon {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}
.current-section .working-process-group [class^=col-]:nth-of-type(3) .work-process-icon:before {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
}
.current-section .working-process-group [class^=col-]:last-child .work-process-icon {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.current-section .working-process-group [class^=col-]:last-child .work-process-icon:before {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
}
.working-process-anim .work-process-icon:before {
    right: 0;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 0;
}
@-webkit-keyframes bounceIns {
    0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
}
20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
}
80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
}
to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}@keyframes bounceIns {
    0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
}
20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
}
80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
}
to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}.single-service-preview {
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .06);
    padding: 50px 80px;
}
.service-preview-content {
    padding-left: 35px;
}
.service-preview-content .xs-content-title {
    color: #ae00e6;
    margin-bottom: 20px;
}
.service-preview-content p {
    margin-bottom: 30px;
}
.service-preview-img {
    margin-top: 24px;
}
.single-case-studies {
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.single-case-studies:hover {
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .07);
}
.single-case-studies:hover .image {
    position: relative;
    overflow: hidden;
}
.single-case-studies:hover .image img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.single-case-studies .image {
    position: relative;
    overflow: hidden;
}
.single-case-studies .image img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.single-case-studies .case-body {
    padding: 30px 15px;
}
.single-case-studies .case-body h4 {
    margin-bottom: 5px;
}
.case-study-slider .owl-stage-outer {
    padding: 30px 0;
}
.case-study-slider .owl-dots {
    text-align: center;
    line-height: 1;
    margin-top: 55px;
}
.case-study-slider .owl-dots button:not(:last-child) {
    margin-right: 8px;
}
.case-study-slider .owl-dots button.active span {
    opacity: 1;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}
.case-study-slider .owl-dots button span {
    display: block;
    border-radius: 50%;
    background-color: #ae00e6;
    opacity: .302;
    width: 6px;
    height: 6px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}
.case-study-slider .owl-dots {
    margin-top: 3px;
}
.pricing-body {
    margin-bottom: 35px;
}
.pricing-body .xs-list li:not(:last-child) {
    margin-bottom: 12px;
    margin-right: 0;
}
.price-table {
    color: #ae00e6;
    font-weight: 900;
    font-size: 3rem;
    margin-bottom: 0;
}
.price-table sup {
    font-size: 2rem;
}
.price-table sub {
    font-size: 1.3333333333rem;
    font-weight: 400;
    right: 9px;
    bottom: 0;
}
.pricing-style2 .xs-single-pricing {
    border: 0;
}
.pricing-style2 .xs-single-pricing .price-table {
    font-size: 2.4rem;
}
.pricing-style2 .xs-single-pricing .price-table sub, .pricing-style2 .xs-single-pricing .price-table sup {
    font-size: 1.2rem;
}
.pricing-style2 .xs-single-pricing .pulse-anim {
    width: 112px;
    height: 112px;
}
.xs-single-pricing {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .08);
    text-align: center;
    padding: 40px;
    border-radius: 5px;
    border: 1px solid #efefef;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.xs-single-pricing .pricing-img-block {
    margin-bottom: 25px;
}
.xs-single-pricing .pricing-header {
    margin-bottom: 34px;
}
.xs-single-pricing .pricing-header .xs-content-title {
    margin-bottom: 25px;
}
.xs-single-pricing.active {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
    background-color: #ae00e6;
}
.xs-single-pricing.active .pricing-header .price-table, .xs-single-pricing.active .pricing-header .xs-content-title {
    color: #fff;
}
.xs-single-pricing.active .pricing-body .xs-list li {
    color: #fff;
}
.xs-single-pricing.active .pricing-footer .btn:not([class*=btn-outline-]) {
    background-color: #fff;
    color: #ae00e6;
}
.xs-single-pricing.active .pulse-anim {
    background-color: #417ee3;
}
.xs-single-pricing.active .pulse-anim:before {
    -webkit-box-shadow: 0 0 0 42px #3173e1, 0 0 0 84px #1f67de;
    box-shadow: 0 0 0 42px #3173e1, 0 0 0 84px #1f67de;
}
.testimonial-slider-preview {
    padding: 0 50px;
    margin-bottom: 20px;
}
.testimonial-slider-preview .owl-stage-outer {
    padding-bottom: 15px;
}
.single-testimonial-preview {
    text-align: center;
    color: #000;
}
.single-testimonial-preview p {
    font-size: 1.2rem;
    margin-bottom: 18px;
    color: #535353;
}
.border-line {
    width: 128px;
    display: block;
    height: 1px;
    position: relative;
    background-color: rgba(0, 0, 0, .25);
    -webkit-box-shadow: 10px 0 0 0 rgba(255, 168, 1, 0), 138px 0 0 rgba(0, 0, 0, .25);
    box-shadow: 10px 0 0 0 rgba(255, 168, 1, 0), 138px 0 0 rgba(0, 0, 0, .25);
    margin: 0 auto;
    left: -64px;
}
.border-line:after, .border-line:before {
    position: absolute;
    content: "";
    top: 0;
    left: calc(100% + 10px);
    height: 13px;
    width: 1px;
    border-right: 1px solid rgba(0, 0, 0, .25);
}
.border-line:after {
    left: calc(107% - 10px);
    height: 16px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
}
.gradient-bg .single-testimonial-preview, .primary-bg .single-testimonial-preview {
    color: #fff;
}
.gradient-bg .single-testimonial-preview .border-line, .primary-bg .single-testimonial-preview .border-line {
    background-color: #fff;
    -webkit-box-shadow: 10px 0 0 0 transparent, 138px 0 0 #fff;
    box-shadow: 10px 0 0 0 transparent, 138px 0 0 #fff;
}
.gradient-bg .single-testimonial-preview .border-line:after, .gradient-bg .single-testimonial-preview .border-line:before, .primary-bg .single-testimonial-preview .border-line:after, .primary-bg .single-testimonial-preview .border-line:before {
    border-right: 1px solid #fff;
}
.gradient-bg .single-bio-thumb h4, .gradient-bg .single-bio-thumb p, .primary-bg .single-bio-thumb h4, .primary-bg .single-bio-thumb p {
    color: #535353;
}
.gradient-bg .testimonial-slider-thumb .owl-dots button span, .primary-bg .testimonial-slider-thumb .owl-dots button span {
    background-color: #535353;
}
.gradient-bg .big-watermark-icon, .primary-bg .big-watermark-icon {
    color: #fff;
}
.testimonial-slider-thumb {
    padding: 0 96px;
}
.testimonial-slider-thumb.owl-carousel .owl-stage-outer {
    padding: 0 5px;
}
.testimonial-slider-thumb .owl-item:not(.current) .single-bio-thumb {
    opacity: .25;
}
.testimonial-slider-thumb .owl-dots {
    text-align: center;
    line-height: 1;
    margin-top: 55px;
}
.testimonial-slider-thumb .owl-dots button:not(:last-child) {
    margin-right: 8px;
}
.testimonial-slider-thumb .owl-dots button.active span {
    opacity: 1;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}
.testimonial-slider-thumb .owl-dots button span {
    display: block;
    border-radius: 50%;
    background-color: #ae00e6;
    opacity: .302;
    width: 6px;
    height: 6px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}
.single-bio-thumb {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.single-bio-thumb h4 {
    color: #ae00e6;
    margin-bottom: 2px;
}
.single-bio-thumb p {
    color: #919191;
}
.single-bio-thumb .bio-image {
    position: relative;
    overflow: hidden;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    float: left;
}
.single-bio-thumb .bio-info {
    margin-left: 74px;
    position: relative;
    top: 3px;
}
.testimonial-section {
    position: relative;
    overflow: hidden;
}
.testimonial-section.xs-section-padding {
    padding-bottom: 80px;
}
.testimonial-slider .single-bio-thumb {
    display: inline-block;
    text-align: left;
    margin-top: 30px;
}
.testimonial-slider .single-testimonial-preview img {
    margin-bottom: 15px;
}
.testimonial-slider .owl-dots {
    text-align: center;
    line-height: 1;
    margin-top: 55px;
}
.testimonial-slider .owl-dots button:not(:last-child) {
    margin-right: 8px;
}
.testimonial-slider .owl-dots button.active span {
    opacity: 1;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}
.testimonial-slider .owl-dots button span {
    display: block;
    border-radius: 50%;
    background-color: #ae00e6;
    opacity: .302;
    width: 6px;
    height: 6px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}
.testimonial-section.gradient-bg:before {
    display: none;
}
.single-blog-post-thumb {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .07);
    position: relative;
    overflow: hidden;
    border-bottom: 3px solid #959595;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.single-blog-post-thumb:hover {
    border-color: #ae00e6;
}
.single-blog-post-thumb:hover .post-image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.single-blog-post-thumb .post-image {
    position: relative;
    overflow: hidden;
}
.single-blog-post-thumb .post-image img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.single-blog-post-thumb .post-body {
    padding: 30px 30px 50px;
}
.single-blog-post-thumb .entry-header .entry-title {
    font-size: 1.3333333333rem;
    line-height: 1.5;
    margin-bottom: 8px;
    font-weight: 700;
}
.single-blog-post-thumb .entry-header .entry-title a {
    color: #181818;
}
.single-blog-post-thumb .entry-header .entry-title a:hover {
    color: #ae00e6;
}
.single-blog-post-thumb .entry-header .entry-content {
    margin-bottom: 18px;
}
.single-blog-post-thumb .entry-header .entry-content p {
    margin-bottom: 0;
}
.single-blog-post-thumb .entry-meta span {
    font-size: .9333333333rem;
}
.single-blog-post-thumb .entry-meta span i {
    color: #ae00e6;
    position: relative;
    top: 3px;
    font-size: 1rem;
    padding-right: 9px;
}
.blog-inner-page .single-blog-post-thumb {
    margin-bottom: 30px;
}
.newsletter-thumb-wraper {
    background-color: #ae00e6;
    text-align: center;
    border-radius: 5px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15);
    padding: 30px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.newsletter-thumb-wraper .fly-icons {
    position: absolute;
    content: "";
    bottom: -5px;
    right: -30px;
    z-index: -1;
    opacity: .1;
    font-size: 7.3333333333rem;
}
.newsletter-thumb-content .xs-content-title {
    color: #fff;
    position: relative;
    padding-bottom: 28px;
    margin-bottom: 30px;
}
.newsletter-thumb-content p {
    color: #a7baee;
    margin-bottom: 30px;
}
.subscribe-form2 .form-control {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .161);
    width: 100%;
    height: 45px;
    color: #fff;
    border: 0;
    padding: 0 10px;
    margin-bottom: 20px;
}
.subscribe-form2 textarea {
    height: 100px;
}
.subscribe-form2 .form-control::-moz-placeholder {
    color: #a5b4dd;
}
.subscribe-form2 .form-control:-moz-placeholder {
    color: #a5b4dd;
}
.subscribe-form2 .form-control:-ms-input-placeholder {
    color: #a5b4dd;
}
.subscribe-form2 .form-control::-webkit-input-placeholder {
    color: #a5b4dd;
}
.subscribe-form2 .submit-btn {
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 3px;
    height: 49px;
    background-color: transparent;
    color: #fff;
    padding: 0 28px;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.subscribe-form2 .submit-btn:hover {
    background-color: #00138e;
    border-color: #00138e;
}
.subscribe-form2 label {
    display: block;
}
.contact-form .form-control {
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .251);
    height: 39px;
    margin-bottom: 20px;
    padding-left: 20px;
}
.contact-form textarea.form-control {
    resize: none;
    height: 65px;
    padding-top: 10px;
}
.contact-form .submit-btn {
    border: 1px solid #03a84e;
    border-radius: 3px;
    height: 49px;
    background-color: #03a84e;
    color: #fff;
    padding: 0 28px;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.contact-form .submit-btn:hover {
    background-color: #fff;
    color: #ae00e6;
    border-color: #fff;
}
.xs-footer-section {
    background-color: #555;
    background-repeat: no-repeat;
    background-size: 100% 40%;
    background-position: top 40px center;
}
.footer-top-area {
    padding: 30px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.footer-logo {
    padding-top: 8px;
}
.footer-logo a {
    display: inline-block;
}
.address-info-list {
    text-align: right;
}
.address-info-list li {
    text-align: left;
    color: #fff;
}
.address-info-list li:not(:last-child) {
    margin-right: 50px;
}
.address-info-list li .address-icon {
    float: left;
    min-width: 50px;
}
.address-info-list li a {
    color: #fff;
}
.address-info-list li .address-info {
    margin-left: 46px;
    position: relative;
    overflow: hidden;
}
.footer-main {
    padding: 40px 0;
}
.footer-main+.partner-area-wraper {
    margin-bottom: -61px;
    position: relative;
    z-index: 1;
}
.footer-widget .xs-content-title {
    color: #fff;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 22px;
}
.footer-widget .xs-lsit li:not(:last-child) {
    margin-bottom: 15px;
}
.footer-widget .xs-lsit li a {
    color: #fff;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.footer-widget .xs-lsit li a:hover {
    color: rgba(255, 255, 255, .7);
}
.articles-list li:not(:last-child) {
    margin-bottom: 18px;
}
.articles-list li a {
    display: block;
    color: #fff;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    font-weight: 700;
    font-size: 1.0666666667rem;
    font-family: Lato, sans-serif;
    margin-bottom: 11px;
}
.articles-list li a:hover {
    color: rgba(255, 255, 255, .7);
}
.articles-list li span {
    color: #a4aab7;
    font-size: .8666666667rem;
}
.articles-list li i {
    font-size: 1rem;
    color: #4ac1c3;
    position: relative;
    top: 3px;
    padding-right: 9px;
}
.partner-area {
    border-radius: 5px;
    background-color: #022967;
    padding: 35px;
}
.partner-area .xs-lsit {
    padding-top: 6px;
}
.partner-area .xs-lsit li:not(:last-child) {
    margin-right: 40px;
}
.partner-area .xs-lsit li.title {
    color: #fff;
    margin-right: 25px;
}
.copyright-text {
    padding-top: 8px;
}
.copyright-text p {
    font-size: .9333333333rem;
}
.copyright-text a, .copyright-text p {
    color: #a4a8b3;
}
.copyright-text a {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.copyright-text a:hover {
    color: #fff;
}
.copyright {
    padding: 15px 0 15px;
    background-color: #2c2c2c;
}
.copyright .social-list {
    text-align: right;
}
.inner-banner-area {
    min-height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: #ae00e6;
    z-index: 1;
}
.inner-banner-area .banner-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: right center;
    z-index: -1;
    opacity: .1;
}
.inner-banner-title {
    font-size: 1.8rem;
    color: #fefefe;
    font-weight: 700;
    margin-bottom: 15px;
}
.breadcumbs>li {
    color: #fefefe;
    font-size: .9333333333rem;
}
.breadcumbs>li:not(:first-child):before {
    content: "-";
    padding: 0 7px 0 5px;
}
.breadcumbs>li>a {
    color: #fefefe;
    padding-left:  20px;
}
.single-funfact>span {
    font-size: 3.2rem;
    font-family: Lato, sans-serif;
    color: #000;
    font-weight: 700;
    letter-spacing: -1.2px;
    display: inline-block;
    line-height: 1;
    margin-bottom: 20px;
}
.single-funfact p {
    font-family: Lato, sans-serif;
}
.funfact-wraper {
    margin-bottom: 40px;
}
.funfact-wraper [class*=col-]:not(:last-child) .single-funfact {
    position: relative;
}
.funfact-wraper [class*=col-]:not(:last-child) .single-funfact:before {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, .07);
    width: 3px;
    height: 50px;
}
.hiring-image {
    text-align: right;
}
.hiring-content {
    padding-top: 30px;
}
.hiring-content h2 {
    font-size: 1.8666666667rem;
    color: #7a7a7a;
    font-weight: 400;
    line-height: 1.4675;
    margin-bottom: 35px;
}
.hiring-content h2 span {
    display: block;
    color: #ae00e6;
    font-weight: 700;
}
.agency-filter-wraper {
    margin-bottom: 37px;
}
.main-filter li {
    display: inline-block;
}
.main-filter li:not(:last-child) {
    margin-right: 50px;
}
.main-filter li a {
    display: block;
    font-size: 1.2rem;
    color: #666;
    font-weight: 700;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    padding-bottom: 8px;
}
.main-filter li a:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -1px;
    width: calc(100% + 16px);
    background-color: #ae00e6;
    height: 1px;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.main-filter li a.selected, .main-filter li a:hover {
    color: #ae00e6;
}
.main-filter li a.selected:before, .main-filter li a:hover:before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}
.cases-grid {
    margin-left: -15px;
    margin-right: -15px;
}
.single-cases-card {
    text-align: center;
    margin: 15px;
    border: 1px solid #f5f5f5;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .05);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    background-color: #fff;
}
.single-cases-card .cases-content {
    padding: 24px 10px;
}
.single-cases-card .cases-content .xs-title {
    margin-bottom: 10px;
    font-size: 1.4666666667rem;
    font-weight: 700;
}
.single-cases-card .cases-content .xs-title a {
    color: #000;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.single-cases-card .cases-content .tag {
    color: #b2b2b2;
    font-size: .9333333333rem;
}
.single-cases-card .cases-content .tag:before {
    content: "";
    border-radius: 100%;
    background-color: #b2b2b2;
    width: 6px;
    height: 6px;
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 1px;
}
.single-cases-card:hover {
    -webkit-box-shadow: 0 7px 30px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 7px 30px 0 rgba(0, 0, 0, .1);
}
.single-cases-card:hover .hover-area {
    opacity: 1;
    top: 50%}
.single-cases-card:hover .card-image:before {
    opacity: 1;
}
.single-cases-card:hover .cases-content .xs-title a {
    color: #ae00e6;
}
.single-cases-card .card-image {
    position: relative;
    z-index: 1;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.single-cases-card .card-image:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.single-cases-card .hover-area {
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
}
.single-cases-card .hover-area a {
    display: block;
    border-radius: 50%;
    text-align: center;
    color: #f9fafe;
    font-size: 3.2rem;
}
.call-to-action-area {
    background-color: #ae00e6;
    position: relative;
    padding: 30px 0;
}
.call-to-action-area:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/backgrounds/background-1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: .1;
}
.call-to-action-area .call-to-action-content h2 {
    margin-bottom: 0;
    color: #fff;
    margin-top: 12px;
}
.call-to-action-area .btn-wraper {
    text-align: right;
    margin-top: 16px;
}
.call-to-action-area .btn-wraper .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
.call-to-action-content {
    padding-right: 95px;
}
.call-to-action-content h2 {
    font-size: 2.4rem;
    font-weight: 700;
}
.single-contact-info {
    text-align: center;
}
.single-contact-info .round-icon {
    margin-bottom: 24px;
}
.contact-border {
    border: 1px solid #1b66de;
    padding: 12px;
    border-radius: 10px;
}
.round-icon {
    text-align: center;
    width: 80px;
    height: 80px;
    line-height: 87px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .05);
    background-color: #eae6e6;
    border-radius: 50%;
    margin: 0 auto;
}
.round-icon i {
    font-size: 1.6666666667rem;
    color: #ae00e6;
}
.info-content {
    display: block;
    color: #7a7a7a;
}
.info-content:hover {
    color: #ae00e6;
}
.contact-info-wraper {
    padding: 0 46px;
}
.about-info .content-title {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 5px;
}
.case-about-area {
    position: relative;
}
.case-about-area .doodle-parallax img {
    position: absolute;
    bottom: 0;
    left: -120px;
    opacity: .3;
}
.list-group .simple-social-list li:not(:last-child) {
    margin-right: 14px;
}
.list-group .simple-social-list li a {
    font-size: .9333333333rem;
}
.inner-banner-area+.case-about-area .case-about-img {
    position: relative;
    z-index: 2;
}
.project-brief-area {
    position: relative;
}
.project-brief-area .doodle-parallax img {
    position: absolute;
    right: -110px;
    bottom: -80px;
    opacity: .3;
}
.project-brief-content {
    margin: 20px 0;
}
.project-brief-content .brief-title {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 5px;
}
.project-brief-content p:not(:last-child) {
    margin-bottom: 20px;
}
.project-brief-wraper {
    padding-bottom: 100px;
    border-bottom: 1px solid #f5f5f5;
}
.case-study-step-wraper {
    counter-reset: my-sec-counter;
}
.case-study-step-wraper>.row {
    position: relative;
}
.case-study-step-wraper>.row:nth-child(odd) .case-study-step-img {
    text-align: right;
}
.case-study-step-wraper>.row:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.case-study-step-wraper>.row:nth-child(2n) .case-study-step-img {
    text-align: center;
}
.case-study-step-wraper>.row:not(:last-child) {
    padding-bottom: 100px;
    margin-bottom: 100px;
}
.case-study-step-wraper>.row:not(:last-child):after {
    content: "";
    border-bottom: 1px solid #f5f5f5;
    display: block;
    height: 1px;
    width: calc(100% - 30px);
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.case-study-step {
    padding-top: 20px;
}
.case-study-step .step-count {
    color: #00138e;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 700;
    font-family: Lato, sans-serif;
    margin-bottom: 5px;
}
.case-study-step .step-count:after {
    counter-increment: my-sec-counter;
    content: "0" counter(my-sec-counter);
    padding-left: 4px;
}
.case-study-step .case-step-title {
    font-size: 1.7rem;
    font-weight: 500;
    margin-bottom: 5px;
}
.case-study-step p {
    margin-bottom: 20px;
}
.case-study-step .simple-btn {
    color: #00138e;
}
.case-study-step .simple-btn:hover {
    color: #ae00e6;
}
.case-study-step-area {
    position: relative;
}
.case-study-step-area .doodle-parallax img {
    position: absolute;
    opacity: .3;
    top: 432px;
    left: -220px;
}
.case-study-step-area .doodle-parallax img+img {
    top: inherit;
    bottom: 350px;
    right: -220px;
    left: inherit;
}
.faq-accordion-group {
    position: relative;
    z-index: 2;
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 100px;
}
.faq-accordion-area {
    position: relative;
}
.faq-accordion-area .doodle-parallax .single-doodle {
    position: absolute;
    opacity: .3;
}
.faq-accordion-area .doodle-parallax .single-doodle.one {
    top: 112px;
    left: -250px;
}
.faq-accordion-area .doodle-parallax .single-doodle.two {
    left: -130px;
    bottom: 0;
}
.faq-accordion-area .doodle-parallax .single-doodle.three {
    right: -130px;
    top: 70px;
}
.getSupport-content.hiring-content {
    padding-left: 24px;
    padding-top: 0;
}
.widget {
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .07);
    background-color: #fff;
    padding-left: 30px;
    padding-right: 30px;
}
.widget:not(:last-child) {
    margin-bottom: 30px;
}
.widget .widget-header {
    margin-bottom: 12px;
}
.widget .xs-title {
    margin-bottom: 0;
    font-size: 1.3333333333rem;
    font-weight: 700;
}
.widget .xs-title span {
    color: #1bd1ea;
}
.widget:not(.widget-search) {
    padding-top: 40px;
    padding-bottom: 40px;
}
.widget.widget-banner {
    padding: 0;
    overflow: hidden;
    position: relative;
}
.widget.widget-banner:hover img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}
.widget.widget-banner img {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.widget.widget-search {
    padding-top: 20px;
    padding-bottom: 20px;
}
.widget .list-group li {
    font-size: .9333333333rem;
}
.widget .list-group li a, .widget .list-group li span {
    color: #919191;
}
.widget .list-group li a {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.widget .list-group li a:before {
    content: "";
    width: 7px;
    height: 7px;
    display: inline-block;
    background-color: #d7d7d7;
    border-radius: 50%;
    margin-right: 7px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.widget .list-group li a:hover {
    color: #ae00e6;
}
.widget .list-group li a:hover:before {
    background-color: #ae00e6;
}
.widget .list-group li:not(:last-child) {
    margin-bottom: 15px;
}
.widget.widget-subscribe p {
    margin-bottom: 26px;
}
.widget-posts .widget-post:not(:last-child) {
    margin-bottom: 20px;
}
.widget-posts .widget-post img {
    border-radius: 5px;
}
.widget-posts .widget-post .post-thumb {
    padding-right: 20px;
}
.widget-posts .widget-post .post-meta-date {
    color: #d2d2d2;
}
.widget-posts .widget-post .post-author, .widget-posts .widget-post .post-meta-date {
    font-size: 1rem;
}
.widget-posts .widget-post .media-body {
    margin-top: 10px;
}
.widget-posts .widget-post .entry-title {
    font-size: .9333333333rem;
    font-weight: 400;
    margin-bottom: 0;
    font-family: Lato, sans-serif;
    letter-spacing: -.25px;
}
.widget-posts .widget-post .entry-title a {
    color: #000;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.widget-posts .widget-post .entry-title a:hover {
    color: #ae00e6;
}
.tag-lists a {
    display: inline-block;
    padding: 7px 17px;
    color: #000;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    font-size: .8666666667rem;
    margin-right: 9px;
    margin-bottom: 9px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.tag-lists a:hover {
    color: #fff;
    background-color: #ae00e6;
    border-color: #ae00e6;
}
.tag-lists .title {
    color: #000;
    padding-right: 15px;
    font-weight: 700;
}
.widget-banner a {
    display: block;
}
.widget-banner a img {
    width: 100%}
.xs-single-product {
    margin-bottom: 20px;
}
.xs-single-product:hover .product-header>img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.xs-single-product:hover .product-header:before {
    opacity: 1;
}
.xs-single-product:hover .product-header .hover-area {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
}
.xs-single-product .product-footer {
    text-align: center;
    padding: 30px 15px;
}
.xs-single-product .product-footer .product-title {
    margin-bottom: 5px;
    font-size: .9333333333rem;
    font-weight: 400;
}
.xs-single-product .product-footer .product-title a {
    color: #000;
}
.xs-single-product .product-footer .product-title a:hover {
    color: #ae00e6;
}
.product-header {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.product-header:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(12, 90, 219, .8);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    z-index: 1;
}
.product-header>img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.product-header .hover-area {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 2;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
}
.product-header .image-content {
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 2;
}
.product-header .btn {
    height: 45px;
    line-height: 45px;
    padding: 0 30px;
}
.product-header .btn[class*=icon] i {
    line-height: 45px;
}
.price {
    font-size: 1.4666666667rem;
    font-weight: 700;
    font-family: Lato, sans-serif;
}
.price del {
    color: #d7d7d7;
    padding-right: 10px;
}
.price ins {
    text-decoration: none;
    color: #ae00e6;
}
.promo-banner {
    display: block;
}
.product-summary {
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
}
.product-summary .product_title {
    font-size: 1.2rem;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 20px;
}
.product-summary .product_meta {
    font-size: 1rem;
}
.product-summary .product_meta:not(:last-child) {
    margin-bottom: 10px;
}
.product-summary .product_meta strong {
    color: #000;
    font-weight: 500;
    padding-right: 10px;
}
.product-summary .product_meta a {
    color: #aaa;
}
.product-summary .product_meta a:hover {
    color: #ae00e6;
}
.product-summary .product_meta a:not(:last-child) {
    padding-right: 5px;
}
.product-summary .product_meta a:not(:last-child):after {
    content: ", ";
    padding-left: 2px;
}
.product-summary .woocommerce-product-details__short-description p {
    font-size: 1rem;
}
.product-summary .price, .product-summary .product-meta-group, .product-summary .woocommerce-product-details__short-description {
    margin-bottom: 30px;
}
.product-summary .price {
    font-size: 1.8666666667rem;
    display: block;
}
.product-summary .price ins {
    color: #000;
}
.product-summary .custom-number-wraper {
    margin-bottom: 40px;
}
.product-cart-info-list>li {
    position: relative;
}
.product-cart-info-list>li .btn {
    padding: 0 30px;
    height: 45px;
    line-height: 45px;
}
.product-cart-info-list>li .btn[class*=icon] i {
    line-height: 45px;
}
.product-cart-info-list.list-inline>li:not(:last-child) {
    margin-right: 15px;
}
.related-products-area.xs-section-padding {
    padding-bottom: 40px;
}
.related-products-area .content-holder {
    margin-bottom: 60px;
}
.related-products-area .content-holder .section-title {
    font-size: 1.8666666667rem;
    font-weight: 700;
    margin-bottom: 0;
}
.single-product-slider .product-header {
    border-radius: 0;
}
.single-product-slider .product-header:before {
    display: none;
}
.product-slider {
    position: relative;
}
.product-slider .owl-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
}
.product-info-details-wraper p {
    font-size: 1.1333333333rem;
    color: #777;
}
.product-info-details-wraper p:not(:last-child) {
    margin-bottom: 30px;
}
.content-404 {
    margin-bottom: 40px;
}
.content-404 .title-404 {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 20px;
}
.content-404 .title-404 span {
    color: #ae00e6;
}
.content-404 p {
    margin-bottom: 25px;
    color: #919191;
    font-size: 1.2rem;
}
.blog-post-lists {
    margin-bottom: 60px;
}
.post-list {
    background-color: #fff;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .07);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.post-list:not(:last-child) {
    margin-bottom: 30px;
}
.post-list:hover .post-image>img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.post-list .post-image {
    position: relative;
    overflow: hidden;
}
.post-list .post-image>img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.post-list .post-image .post-image-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}
.post-list .post-body {
    padding: 50px;
    position: relative;
}
.post-list .entry-meta {
    margin-bottom: 20px;
}
.post-list .entry-meta>span {
    display: inline-block;
}
.post-list .entry-meta>span:not(:last-child) {
    margin-right: 40px;
}
.post-list .entry-meta>span>a {
    color: #676767;
}
.post-list .entry-meta>span>a:hover {
    color: #ae00e6;
}
.post-list .entry-meta>span>a>i {
    padding-right: 10px;
    color: #ae00e6;
}
.post-list .entry-title {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 24px;
    padding-right: 60px;
}
.post-list .entry-title a {
    color: #000;
}
.post-list .entry-title a:hover {
    color: #ae00e6;
}
.post-list .entry-content {
    margin-bottom: 25px;
}
.post-list .entry-content>p {
    color: #919191;
}
.post-list.format-video .post-image:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1;
}
.post-list.format-text {
    overflow: visible;
}
.post-list.format-text .post-date {
    top: 0;
}
.post-list.format-text .post-date:before {
    height: 100px;
}
.post-list.format-text .post-date:after {
    top: calc(100% + 100px);
}
.post-date {
    position: absolute;
    top: -40px;
    right: 30px;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #ae00e6;
    text-align: center;
    padding: 17px 0;
    font-size: .8666666667rem;
    color: #919191;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .07);
    z-index: 3;
}
.post-date strong {
    display: block;
    color: #ae00e6;
    font-size: 1.4666666667rem;
    font-weight: 700;
    line-height: 1;
}
.post-date:after, .post-date:before {
    position: absolute;
    content: "";
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.post-date:before {
    width: 2px;
    height: 140px;
    background-color: #ae00e6;
}
.post-date:after {
    top: calc(100% + 140px);
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 2px solid #ae00e6;
    border-radius: 50%}
.gallery-slider {
    position: relative;
}
.gallery-slider .owl-nav button.owl-next, .gallery-slider .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    height: 50px;
    line-height: 50px;
    width: 30px;
    font-size: .8666666667rem;
    text-align: center;
    background-color: rgba(255, 255, 255, .3);
    color: #fff;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.gallery-slider .owl-nav button.owl-next:hover, .gallery-slider .owl-nav button.owl-prev:hover {
    background-color: rgba(255, 255, 255, .5);
}
.gallery-slider .owl-nav button.owl-next {
    right: 0;
}
.gallery-slider .owl-nav button.owl-prev {
    left: 0;
}
.single-blog-post .entry-content {
    margin-bottom: 35px;
}
.single-blog-post .post-body {
    padding: 60px 50px;
}
.single-blog-post .post-body .entry-header .entry-meta {
    margin-bottom: 50px;
}
.single-blog-post .entry-content>p {
    margin-bottom: 30px;
}
.single-blog-post blockquote {
    margin-bottom: 45px;
}
.single-blog-post .xs-list {
    padding-left: 20px;
}
.single-blog-post .post-footer .divider {
    margin-bottom: 30px;
}
.single-blog-post .post-footer .post-tags {
    margin-bottom: 30px;
}
.single-blog-post .post-footer .btn-floating {
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
    border: 1px solid #f7f7f7;
    background-color: #fff;
}
.single-blog-post .post-footer .social-list li a {
    width: 40px;
    height: 40px;
    line-height: 37px;
}
.post-tags>span {
    color: #ae00e6;
    padding-right: 8px;
}
.post-tags>a {
    color: #000;
}
.post-tags>a:hover {
    color: #ae00e6;
}
.post-tags>a:not(:last-child) {
    margin-right: 2px;
}
.post-tags>a:not(:last-child):after {
    content: ", "}
.service-info-section .xs-heading .section-title {
    font-size: 3.2rem;
}
.service-info-summary {
    padding-top: 15px;
}
.service-info-summary h3 {
    color: #7a7a7a;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.555;
}
.service-info-summary p {
    margin-bottom: 20px;
}
.service-info-summary .xs-list {
    margin-bottom: 35px;
    padding-left: 20px;
}
.service-info-summary .xs-list>li:not(:last-child) {
    margin-bottom: 8px;
}
.service-info-block-area.gray-bg {
    background-color: #f7f9fd;
}
.service-info-block-area .xs-heading .section-title {
    font-size: 1.8666666667rem;
    font-weight: 400;
    line-height: 1.42;
}
.service-info-block-area .btn-wraper .btn:not(:last-child) {
    margin-right: 30px;
}
.service-info-block-area.info-block-style-2 {
    padding-top: 110px;
    padding-bottom: 55px;
}
.service-info-block-area.info-block-style-2 .service-block-group {
    margin-bottom: 0;
}
.service-info-block-area.info-block-style-2 .service-info-block {
    margin-bottom: 55px;
}
.service-block-group {
    margin-bottom: 50px;
}
.service-info-block .info-block-header {
    margin-bottom: 20px;
}
.service-info-block .service-info-title {
    font-size: 1.1986666667rem;
    font-weight: 700;
    margin-bottom: 20px;
}
.service-img {
    margin-bottom: 40px;
}
.service-summary-text {
    padding-left: 30px;
}
.service-summary-text .xs-heading {
    margin-bottom: 25px;
}
.service-summary-text .xs-heading .section-title {
    font-size: 1.8666666667rem;
    font-weight: 700;
}
.service-summary-text>p {
    margin-bottom: 40px;
    padding-right: 65px;
}
.service-summary-text.service-summary-2 {
    padding-left: 0;
    padding-right: 65px;
}
.service-summary-text .boosting-lists {
    margin-bottom: 40px;
}
.our-security-section.xs-section-padding {
    padding-bottom: 80px;
}
.boosting-section.xs-section-padding {
    padding-top: 80px;
}
.btn {
    height: 35px;
    border-radius: 3px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    white-space: normal;
}
.btn:not([class*=btn-outline-]) {
    border: 0;
    color: #fff;
    background-color: #000;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
}
.btn.btn-primary {
    background-color: #ae00e6;
}
.btn.btn-primary:hover {
    background-color: #00138e;
}
.btn.btn-secondary {
    background-color: orange;
}
.btn.btn-secondary:hover {
    background-color: #ae00e6;
}
.btn.icon-left i {
    font-weight: 600;
    font-size: 16px;
}
.btn.icon-right i {
    padding-left: 9px;
    float: right;
    line-height: 24px;
}
.btn.style2 {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
.btn.style3 {
    background-color: #fff;
    color: #ae00e6;
}
.btn.style3:hover {
    background-color: #ae00e6;
    color: #fff;
}
.btn.btn-info {
    background-color: #fff;
    color: #00138e;
}
.btn.btn-info:hover {
    background-color: #00138e;
    color: #fff;
}
.btn.btn-outline-primary {
    border-color: #ae00e6;
    color: #ae00e6;
}
.btn.btn-outline-primary:hover {
    background-color: #ae00e6;
    color: #fff;
}
.insta-feed-wraper {
    width: calc(100% - 65px);
}
.insta-feed:after {
    display: block;
    clear: both;
    content: ""}
.insta-feed li {
    width: calc(33.333333% - 8px);
    float: left;
    margin-bottom: 8px;
    position: relative;
    overflow: hidden;
}
.insta-feed li:not(:last-child) {
    margin-right: 8px;
}
.insta-feed li img {
    border-radius: 3px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.insta-feed li a:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.list-inline>li {
    display: inline-block;
}
.xs-list>li:not(:last-child) {
    margin-right: 10px;
}
.xs-list>li .title {
    font-weight: 700;
}
.xs-list.arrow li:before, .xs-list.check li:before, .xs-list.checkbox li:before, .xs-list.hand li:before {
    padding-right: 16px;
    font-family: iconfont;
    color: #ae00e6;
    position: relative;
    top: 3px;
    font-size: 1rem;
}
.xs-list.check li:before {
    content: "\f00c";
    color: #18bd3b;
    font-family: FontAwesome;
}
.xs-list.checkbox li:before {
    content: "\ea74";
    top: 1px;
}
.xs-list.arrow li:before {
    content: "\e87a"}
.xs-list.hand li:before {
    content: "\e8a7"}
.xs-list.bullet li:before {
    content: "";
    background-color: #ae00e6;
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: -3px;
    margin-right: 10px;
}
.list-group>li {
    font-size: 1.0666666667rem;
    color: #999;
}
.list-group>li:not(:last-child) {
    margin-bottom: 10px;
}
.list-group>li strong {
    float: left;
    width: 43%;
    color: #000;
    font-weight: 700;
}
.newsletter-form {
    position: relative;
}
.newsletter-form .form-control {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .08);
    height: 45px;
    width: 100%;
    border-radius: 22.5px;
    padding-left: 30px;
    border: 0;
}
.newsletter-form .send-button {
    background-color: #1bd1ea;
    position: absolute;
    width: 51px;
    height: 45px;
    color: #fff;
    font-size: 1.2rem;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 0 22.5px 22.5px 0;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.newsletter-form .send-button:hover {
    background-color: #ae00e6;
}
.newsletter-form label {
    margin-bottom: 0;
    position: absolute;
    bottom: -30px;
    left: 0;
}
.pagination li {
    display: inline-block;
}
.pagination li:not(:last-child) {
    margin-right: 20px;
}
.pagination li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    padding: 0;
    border-radius: 100%;
    text-align: center;
    color: #676767;
    font-weight: 500;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .07);
    background-color: #fff;
    border: 0;
}
.pagination li a:hover, .pagination li.active a {
    background-color: #ae00e6;
    color: #fff;
}
.pagination li>span {
    letter-spacing: 7px;
    position: relative;
    top: 7px;
}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
    border-radius: 100%}
.pagination .page-item:last-child .page-link {
    font-size: .8rem;
}
.pagination .page-item.disabled a, .pagination li a {
    border-color: #f1f1f1;
}
.blog-inner-page .pagination {
    margin-top: 30px;
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999999;
    background-color: #ae00e6;
    -webkit-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in;
}
#preloader .preloader-cancel-btn {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 40px;
    -webkit-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in;
}
#preloader.loaded {
    top: -150%}
#preloader.loaded .preloader-cancel-btn {
    bottom: 150%}
.prelaoder-btn {
    padding: 10px 30px;
}
.preloader-wrapper {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}
.spinner {
    width: 40px;
    height: 40px;
    background-color: #fff;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotateplane {
    0% {
    -webkit-transform: perspective(120px);
}
50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
}
to {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
}
}@keyframes sk-rotateplane {
    0% {
    transform: perspective(120px) rotateX(0) rotateY(0);
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
}
50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
}
to {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}.xs-heading {
    margin-bottom: 23px;
    position: relative;
}
.xs-heading .section-subtitle {
    font-size: 1.3333333333rem;
    color: #ae00e6;
    margin-bottom: 10px;
    font-weight: 400;
}
.xs-heading .line {
    position: relative;
    display: inline-block;
    padding-top: 15px;
    width: 100%}
.xs-heading .line:after, .xs-heading .line:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
}
.xs-heading .line:before {
    background-color: rgba(0, 0, 0, .15);
    width: 105px;
    height: 1px;
}
.xs-heading .line:after {
    background-color: #ae00e6;
    width: 40px;
    height: 3px;
    bottom: -1px;
}
.xs-heading .section-title {
    margin-bottom: 0;
}
.xs-heading .section-title span {
    color: #ae00e6;
}
.xs-heading.style2 .line:before {
    display: none;
}
.xs-heading.style3 .section-title {
    font-weight: 700;
}
.xs-heading.style3 .line:before {
    display: none;
}
.xs-heading.style3 .line:after {
    width: 80px;
}
.xs-heading.text-center .line:after, .xs-heading.text-center .line:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.xs-heading.text-right .line:after, .xs-heading.text-right .line:before {
    right: 0;
    left: inherit;
}
.xs-heading[class*=text-] {
    margin-bottom: 25px;
}
.xs-heading.style4 .line {
    margin-bottom: 25px;
}
.xs-heading .heading-icon {
    color: #ae00e6;
    font-size: 3.3333333333rem;
    margin-top: 20px;
    display: block;
}
.primary-bg .section-subtitle, .primary-bg .section-title {
    color: #535353;
}
.social-list li {
    display: inline-block;
    margin-right: 10px;
}
.social-list li:last-child {
    margin-right: 0;
}
.social-list li.title {
    color: #000;
    font-weight: 700;
    font-size: 1.2rem;
    margin-right: 15px;
}
.social-list li a {
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 100%;
    border: 1px solid #fff;
    text-align: center;
    font-size: .9333333333rem;
    color: #333;
}
.social-list li a.facebook {
    color: #4969a8;
}
.social-list li a.facebook:hover {
    background-color: #4969a8;
    border-color: #4969a8;
}
.social-list li a.twitter {
    color: #2aa3ef;
}
.social-list li a.twitter:hover {
    background-color: #2aa3ef;
    border-color: #2aa3ef;
}
.social-list li a.linkedin {
    color: #1178b3;
}
.social-list li a.linkedin:hover {
    background-color: #1178b3;
    border-color: #1178b3;
}
.social-list li a.instagram {
    color: #e8715c;
}
.social-list li a.instagram:hover {
    background-color: #e8715c;
    border-color: #e8715c;
}
.social-list li a.googlePlus {
    color: #dc4a38;
}
.social-list li a.googlePlus:hover {
    background-color: #dc4a38;
    border-color: #dc4a38;
}
.social-list li a.vimeo {
    color: #1ab7ea;
}
.social-list li a.vimeo:hover {
    background-color: #1ab7ea;
    border-color: #1ab7ea;
}
.social-list li a:hover {
    color: #fff;
}
.social-list.version-2 li a {
    color: #fff;
    font-size: .7953333333rem;
    width: 35px;
    height: 35px;
    line-height: 33px;
    border: 0;
    border: 1px solid transparent;
}
.social-list.version-2 li a.facebook {
    background-color: #4969a8;
}
.social-list.version-2 li a.facebook:hover {
    color: #4969a8;
    border-color: currentColor;
}
.social-list.version-2 li a.twitter {
    background-color: #2aa3ef;
}
.social-list.version-2 li a.twitter:hover {
    color: #2aa3ef;
    border-color: currentColor;
}
.social-list.version-2 li a.linkedin {
    background-color: #1178b3;
}
.social-list.version-2 li a.linkedin:hover {
    color: #1178b3;
    border-color: currentColor;
}
.social-list.version-2 li a.instagram {
    background-color: #e8715c;
}
.social-list.version-2 li a.instagram:hover {
    color: #e8715c;
    border-color: currentColor;
}
.social-list.version-2 li a.googlePlus {
    background-color: #dc4a38;
}
.social-list.version-2 li a.googlePlus:hover {
    color: #dc4a38;
    border-color: currentColor;
}
.social-list.version-2 li a.vimeo {
    background-color: #1ab7ea;
}
.social-list.version-2 li a.vimeo:hover {
    color: #1ab7ea;
    border-color: currentColor;
}
.social-list.version-2 li a:hover {
    background-color: transparent;
}
.social-list.social-block li {
    display: block;
    margin-right: 0;
}
.social-list.social-block li:not(:last-child) {
    margin-bottom: 5px;
}
.social-list.social-block li a {
    height: 37px;
    line-height: 37px;
    width: 100%;
    border-radius: 18.5px;
    text-align: left;
    padding: 0 23px;
    font-size: 1rem;
    color: #fff!important;
    border: 0;
}
.social-list.social-block li a i {
    padding-right: 10px;
}
.social-list.social-block li a.facebook {
    background-color: #4969a8;
}
.social-list.social-block li a.twitter {
    background-color: #2aa3ef;
}
.social-list.social-block li a.linkedin {
    background-color: #1178b3;
}
.social-list.social-block li a.googlePlus {
    background-color: #dc4a38;
}
.simple-social-list li {
    display: inline-block;
    margin-right: 32px;
}
.simple-social-list li:last-child {
    margin-right: 0;
}
.simple-social-list li a {
    color: #fff;
    font-size: 1.2rem;
}
.simple-social-list li a.facebook {
    color: #3e5c9a;
}
.simple-social-list li a.facebook:hover {
    color: #213151;
}
.simple-social-list li a.twitter {
    color: #1da1f2;
}
.simple-social-list li a.twitter:hover {
    color: #0967a0;
}
.simple-social-list li a.googlePlus {
    color: #fb2f14;
}
.simple-social-list li a.googlePlus:hover {
    color: #a61603;
}
.simple-social-list li a.linkedin {
    color: #0077b5;
}
.simple-social-list li a.linkedin:hover {
    color: #00344f;
}
.video-popup-btn {
    display: inline-block;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    background-color: #ae00e6;
    color: #fff;
    text-align: center;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.video-popup-btn:hover {
    color: #fff;
}
.video-popup-btn i {
    margin-right: -4px;
}
.video-popup-btn.pulse-effect {
    position: relative;
    z-index: 1;
}
.video-popup-btn.pulse-effect:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: pulse 3s infinite cubic-bezier(.4, 0, 1, 1) both;
    animation: pulse 3s infinite cubic-bezier(.4, 0, 1, 1) both;
}
.xs-info-img {
    position: relative;
}
.xs-info-img+.video-content {
    position: absolute;
    bottom: 0;
    width: 100%}
@-webkit-keyframes pulse {
    0% {
    -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, .2);
    box-shadow: 0 0 0 0 rgba(12, 90, 219, .2);
}
70% {
    -webkit-box-shadow: 0 0 0 60px rgba(12, 90, 219, 0);
    box-shadow: 0 0 0 60px rgba(12, 90, 219, 0);
}
to {
    -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
    box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
}
}@keyframes pulse {
    0% {
    -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, .2);
    box-shadow: 0 0 0 0 rgba(12, 90, 219, .2);
}
70% {
    -webkit-box-shadow: 0 0 0 60px rgba(12, 90, 219, 0);
    box-shadow: 0 0 0 60px rgba(12, 90, 219, 0);
}
to {
    -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
    box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
}
}.nav-tabs .nav-item {
    margin-bottom: 0;
}
.nav-tabs .nav-item .nav-link {
    background-color: transparent;
    border: 0;
}
.main-tabs {
    margin-bottom: 40px;
}
.main-tabs .nav-item {
    width: calc(calc(100% / 5) - 24px);
}
.main-tabs .nav-item:not(:last-child) {
    margin-right: 30px;
}
.main-tabs .nav-item .nav-link {
    display: block;
    min-height: 140px;
    text-align: center;
    color: #7a7a7a;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    border-radius: 2px;
    border: 1px solid #e5e8ed;
    padding: 27px 10px 26px;
    position: relative;
    background-color: #fff;
}
.main-tabs .nav-item .nav-link:before {
    position: absolute;
    content: "";
    bottom: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 40px;
    width: 40px;
    border-top: solid #bfd9ff;
    border-left: solid transparent;
    border-right: solid transparent;
    border-width: 20px;
    -webkit-filter: drop-shadow(0 5px 3px rgba(3, 27, 78, .08));
    filter: drop-shadow(0 5px 3px rgba(3, 27, 78, .08));
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
}
.main-tabs .nav-item .nav-link div {
    display: block;
    min-height: 46px;
    margin-bottom: 14px;
}
.sprites-1 {
    background-image: url(https://www.firstrankseoservices.com/assets/images/service-tab/icon-1.png);
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    width: 50px;
    margin: 0 auto;
}
.sprites-2 {
    background-image: url(https://www.firstrankseoservices.com/assets/images/service-tab/icon-2.png);
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    width: 50px;
    margin: 0 auto;
}
.sprites-3 {
    background-image: url(https://www.firstrankseoservices.com/assets/images/service-tab/icon-3.png);
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    width: 50px;
    margin: 0 auto;
}
.sprites-4 {
    background-image: url(https://www.firstrankseoservices.com/assets/images/service-tab/icon-4.png);
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    width: 50px;
    margin: 0 auto;
}
.sprites-5 {
    background-image: url(https://www.firstrankseoservices.com/assets/images/service-tab/icon-5.png);
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    width: 50px;
    margin: 0 auto;
}
.main-tabs .nav-item .nav-link.active {
    -webkit-box-shadow: 0 5px 10px 0 rgba(3, 27, 78, .08);
    box-shadow: 0 5px 10px 0 rgba(3, 27, 78, .08);
    background: #bfd9ff;
}
.main-tabs .nav-item .nav-link.active:before {
    opacity: 1;
    visibility: visible;
}
.main-nav-tab {
    -webkit-box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .1);
    border-radius: 1.6666666667rem;
    max-width: 326px;
    margin: 0 auto;
    margin-bottom: 60px;
    background-color: #ae00e6;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px 0;
    z-index: 1;
    position: relative;
}
.main-nav-tab li {
    display: inline-block;
    width: calc(calc(100% /2) - 2px);
}
.main-nav-tab li a {
    display: block;
    color: #fff;
    min-width: 125px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    padding: 8px 31px;
    text-align: center;
}
.main-nav-tab li a.active {
    color: #ae00e6;
}
.main-nav-tab li a, .tab-swipe .indicator {
    border-radius: 1.5333333333rem;
}
.tab-swipe {
    position: relative;
}
.tab-swipe .indicator {
    background-color: #fff;
    position: absolute;
    left: 0;
    z-index: -1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    height: calc(100% - 4px);
    -webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .12);
}
.tab-style2>li>a.active {
    background-color: #fff;
    color: #ae00e6;
}
.main-tab {
    margin-bottom: 40px;
    border-bottom: 1px solid #f7f7f7!important;
}
.main-tab .nav-item {
    margin-bottom: -1px;
}
.main-tab .nav-item:not(:last-child) {
    margin-right: 55px;
}
.main-tab .nav-item .nav-link {
    padding-bottom: 23px;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid transparent;
    color: #cacaca;
    font-size: 1.2rem;
    font-weight: 500;
}
.main-tab .nav-item .nav-link.active {
    border-color: currentColor;
    color: #000;
}
.xs-top-bar {
    background-color: #ae00e6;
    position: fixed;
    width: 100%;
    z-index: 999;
}
.xs-top-bar .xs-list {
    text-align: right;
    line-height: 2;
}
.xs-top-bar .xs-list li:not(:last-child) {
    margin-right: 17px;
    padding-top: 3px;
}
.xs-top-bar .xs-list li a {
    color: #fff;
    font-size: 1rem;
}
.xs-top-bar-info {
    line-height: 1;
    padding: 5px;
    z-index: 99999;
}
.xs-top-bar-info li {
    display: inline-block;
    padding-top: 0;
}
.xs-top-bar-info li:not(:last-child) {
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid rgba(255, 255, 255, .2);
}
.xs-top-bar-info li i {
    padding-right: 5px;
}
.xs-top-bar-info li a {
    font-size: 1rem;
    color: #fff;
}
.single-box {
    background-color: #fff;
    border-bottom: 3px solid rgba(12, 90, 219, .1);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.single-box:hover {
    border-color: #ae00e6;
}
.single-box:hover .image:before {
    opacity: 1;
}
.single-box:hover .image .hover-area {
    opacity: 1;
    top: 50%}
.single-box .image {
    position: relative;
}
.single-box .image:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(12, 90, 219, .8);
    opacity: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.single-box .image img {
    width: 100%}
.single-box .hover-area {
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 100px);
    z-index: 2;
    color: #fff;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
}
.single-box .hover-area .title {
    margin-bottom: 7px;
}
.single-box .hover-area .title a {
    color: #fff;
}
.single-box .hover-area .xs-list>li>a {
    color: #fff;
    font-size: .9333333333rem;
}
.single-box .hover-area .xs-list>li>a:hover {
    color: rgba(255, 255, 255, .5);
}
.single-box .title {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0;
}
.single-box .title a {
    color: #000;
}
.single-box .description {
    font-size: .9333333333rem;
    margin-bottom: 10px;
}
.single-box .line {
    background-color: rgba(255, 255, 255, .2);
    width: 100%;
    height: 3px;
    display: block;
    margin-bottom: 15px;
}
.single-box .box-footer {
    padding: 30px 10px;
}
.team-inner-style .single-box {
    margin-bottom: 30px;
}
.xs-map {
    height: 450px;
}
.map-style2 .xs-map {
    height: 300px;
}
.map-style3 .xs-map {
    height: 400px;
}
.xs-from .form-control {
    border: 1px solid #e7e7e7;
    background-color: #e7e7e7;
    height: 37px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    padding: 0 15px;
}
.xs-from .form-control:focus {
    border-color: #ae00e6;
}
.xs-from .form-control.invaild {
    border-color: #ff3d3d;
}
.xs-from input[type=number]::-webkit-inner-spin-button, .xs-from input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.xs-from textarea.form-control {
    padding: 15px;
    height: 134px;
    resize: none;
}
.xs-from .form-group {
    margin-bottom: 30px;
}
.next-step {
    font-size: 1.6666666667rem;
    color: #ae00e6;
    border: 2px solid currentColor;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    border-radius: 100%}
.next-step:hover {
    color: #00138e;
}
.faqAccordion {
    counter-reset: myCounter;
}
.faqAccordion .card {
    border: 0;
    border-radius: 0;
}
.faqAccordion .card:not(:last-child) {
    margin-bottom: 15px;
}
.faqAccordion .card-header {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    border-bottom: 0;
}
.faqAccordion .btn-link {
    display: block;
    background-color: #fff;
    font-size: 1.0666666667rem;
    font-weight: 700;
    color: #000;
    text-decoration: none;
    padding: 17px 40px;
    -webkit-box-shadow: 0 7px 25px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 7px 25px 0 rgba(0, 0, 0, .1);
    position: relative;
}
.faqAccordion .btn-link:before {
    content: counter(myCounter) ".";
    counter-increment: myCounter;
}
.faqAccordion .btn-link:after {
    content: "\e991";
    font-family: iconfont;
    font-size: .9333333333rem;
    float: right;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.faqAccordion .btn-link[aria-expanded=true]:after {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}
.faqAccordion .card-body {
    padding: 40px;
}
.xs-faq-group [class^=col-]:first-child {
    counter-reset: my-awesome-counter -1;
}
.xs-faq-group [class^=col-]:first-child .xs-single-faq {
    counter-increment: my-awesome-counter 2;
}
.xs-faq-group [class^=col-]:first-child .xs-single-faq:last-child {
    margin-bottom: 0;
}
.xs-faq-group [class^=col-]:last-child {
    counter-reset: my-awesome-counter;
}
.xs-faq-group [class^=col-]:last-child .xs-single-faq {
    counter-increment: my-awesome-counter 2;
}
.xs-faq-group [class^=col-]:last-child .xs-single-faq:last-child {
    margin-bottom: 0;
}
.xs-faq-group .faq-question:before {
    content: counter(my-awesome-counter) ".";
    padding-right: 8px;
}
.xs-single-faq {
    margin-bottom: 50px;
}
.xs-single-faq .faq-question {
    font-size: 1.2rem;
    margin-bottom: 15px;
    font-weight: 700;
}
.faq-question-area {
    position: relative;
}
.faq-question-area .doodle-parallax .single-doodle {
    position: absolute;
    opacity: .3;
}
.faq-question-area .doodle-parallax .single-doodle.one {
    right: -240px;
    bottom: 140px;
}
.faq-question-wraper {
    position: relative;
    z-index: 2;
    padding-bottom: 100px;
    border-bottom: 1px solid #f7f7f7;
}
.pulse-anim {
    position: absolute;
    bottom: -40px;
    right: -50px;
    width: 165px;
    height: 165px;
    border-radius: 50%;
    background-color: #cbdbf7;
    z-index: -1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.pulse-anim:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: -1;
    -webkit-box-shadow: 0 0 0 42px #dbe6f9, 0 0 0 84px #ecf2fc;
    box-shadow: 0 0 0 42px #dbe6f9, 0 0 0 84px #ecf2fc;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes pulseone {
    0% {
    -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, .08);
    box-shadow: 0 0 0 0 rgba(12, 90, 219, .08);
}
70% {
    -webkit-box-shadow: 0 0 0 45px rgba(12, 90, 219, 0);
    box-shadow: 0 0 0 45px rgba(12, 90, 219, 0);
}
to {
    -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
    box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
}
}@keyframes pulseone {
    0% {
    -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, .08);
    box-shadow: 0 0 0 0 rgba(12, 90, 219, .08);
}
70% {
    -webkit-box-shadow: 0 0 0 45px rgba(12, 90, 219, 0);
    box-shadow: 0 0 0 45px rgba(12, 90, 219, 0);
}
to {
    -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
    box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
}
}@-webkit-keyframes pulsetwo {
    0% {
    -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, .08);
    box-shadow: 0 0 0 0 rgba(12, 90, 219, .08);
}
70% {
    -webkit-box-shadow: 0 0 0 90px rgba(12, 90, 219, 0);
    box-shadow: 0 0 0 90px rgba(12, 90, 219, 0);
}
to {
    -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
    box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
}
}@keyframes pulsetwo {
    0% {
    -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, .08);
    box-shadow: 0 0 0 0 rgba(12, 90, 219, .08);
}
70% {
    -webkit-box-shadow: 0 0 0 90px rgba(12, 90, 219, 0);
    box-shadow: 0 0 0 90px rgba(12, 90, 219, 0);
}
to {
    -webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
    box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
}
}@-webkit-keyframes pulsethree {
    0% {
    -webkit-box-shadow: 0 0 0 0 #3173e1;
    box-shadow: 0 0 0 0 #3173e1;
}
70% {
    -webkit-box-shadow: 0 0 0 45px rgba(49, 115, 225, 0);
    box-shadow: 0 0 0 45px rgba(49, 115, 225, 0);
}
to {
    -webkit-box-shadow: 0 0 0 0 rgba(49, 115, 225, 0);
    box-shadow: 0 0 0 0 rgba(49, 115, 225, 0);
}
}@keyframes pulsethree {
    0% {
    -webkit-box-shadow: 0 0 0 0 #3173e1;
    box-shadow: 0 0 0 0 #3173e1;
}
70% {
    -webkit-box-shadow: 0 0 0 45px rgba(49, 115, 225, 0);
    box-shadow: 0 0 0 45px rgba(49, 115, 225, 0);
}
to {
    -webkit-box-shadow: 0 0 0 0 rgba(49, 115, 225, 0);
    box-shadow: 0 0 0 0 rgba(49, 115, 225, 0);
}
}@-webkit-keyframes pulsefour {
    0% {
    -webkit-box-shadow: 0 0 0 0 #1f67de;
    box-shadow: 0 0 0 0 #1f67de;
}
70% {
    -webkit-box-shadow: 0 0 0 90px rgba(31, 103, 222, 0);
    box-shadow: 0 0 0 90px rgba(31, 103, 222, 0);
}
to {
    -webkit-box-shadow: 0 0 0 0 rgba(31, 103, 222, 0);
    box-shadow: 0 0 0 0 rgba(31, 103, 222, 0);
}
}@keyframes pulsefour {
    0% {
    -webkit-box-shadow: 0 0 0 0 #1f67de;
    box-shadow: 0 0 0 0 #1f67de;
}
70% {
    -webkit-box-shadow: 0 0 0 90px rgba(31, 103, 222, 0);
    box-shadow: 0 0 0 90px rgba(31, 103, 222, 0);
}
to {
    -webkit-box-shadow: 0 0 0 0 rgba(31, 103, 222, 0);
    box-shadow: 0 0 0 0 rgba(31, 103, 222, 0);
}
}.xs-serach {
    position: relative;
}
.xs-serach input:not([type=submit]) {
    padding: 0 30px;
    background-color: transparent;
    border-radius: 5px;
    width: 100%;
    height: 54px;
    border: 1px solid #e7e7e7;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.xs-serach input:not([type=submit])::-moz-placeholder {
    color: #919191;
}
.xs-serach input:not([type=submit])::-webkit-input-placeholder {
    color: #919191;
}
.xs-serach input:not([type=submit]):-ms-input-placeholder {
    color: #919191;
}
.xs-serach input:not([type=submit])::-ms-input-placeholder {
    color: #919191;
}
.xs-serach input:not([type=submit])::placeholder {
    color: #919191;
}
.xs-serach input:not([type=submit]):focus {
    border-color: #00138e;
}
.xs-serach .search-btn {
    width: 62px;
    border: 0;
    color: #fff;
    font-size: 1.2rem;
    background-color: #ae00e6;
    border-radius: 0 5px 5px 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.xs-serach .search-btn:hover {
    background-color: #00138e;
}
.xs-serach.style2 input:not([type=submit]) {
    background-color: #f7f8fd;
    border: 0;
    height: 44px;
    padding: 0 20px;
}
.xs-serach.style2 input:not([type=submit]):focus {
    background-color: #eff1fb;
}
.xs-serach.style2 input:not([type=submit])::-moz-placeholder {
    color: #9c9da0;
}
.xs-serach.style2 input:not([type=submit])::-webkit-input-placeholder {
    color: #9c9da0;
}
.xs-serach.style2 input:not([type=submit]):-ms-input-placeholder {
    color: #9c9da0;
}
.xs-serach.style2 input:not([type=submit])::-ms-input-placeholder {
    color: #9c9da0;
}
.xs-serach.style2 input:not([type=submit])::placeholder {
    color: #9c9da0;
}
.xs-serach.style2 .search-btn {
    color: #ae00e6;
    width: 40px;
    font-size: .9333333333rem;
    background-color: transparent;
}
.xs-serach.style2 .search-btn:hover {
    color: #00138e;
}
.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}
.select {
    cursor: pointer;
    display: block;
    position: relative;
    font-size: 16px;
    color: #7b7b7b;
    width: 230px;
    height: 44px;
    float: right;
}
.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f7f8fd;
    padding: 10px 15px;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    height: 44px;
    border-radius: 5px;
    color: #8d8d90;
    text-align: left;
    font-size: .9333333333rem;
}
.select-styled:after {
    content: "\e874";
    position: absolute;
    top: 10px;
    right: 19px;
    font-family: iconfont;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    color: #000;
}
.select-styled:hover {
    background-color: #eff1fb;
}
.select-styled.active, .select-styled:active {
    background-color: #e3e6f8;
}
.select-styled.active:after, .select-styled:active:after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    color: #ae00e6;
}
.select-styled.active {
    color: #ae00e6;
}
.select-options {
    display: none;
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    min-width: 230px;
    z-index: 999;
}
.select-options:before {
    position: absolute;
    content: "";
    top: -8px;
    left: 50%;
    width: 16px;
    height: 16px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    z-index: -1;
}
.select-options li {
    padding: 15px;
    border-top: 1px solid #0b56d1;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: #fff;
    text-align: left;
    line-height: 1;
    font-size: .9333333333rem;
}
.select-options li:first-child {
    border-top: 0;
}
.select-options li:hover {
    background: #0946ab;
}
.select-options li[rel=hide] {
    display: none;
}
.select-options, .select-options:before {
    background-color: #ae00e6;
}
.product-filter-area {
    margin-bottom: 30px;
}
.product-filter-wraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.product-filter-wraper .woocommerce-ordering {
    margin-right: 50px;
    margin-bottom: 0;
}
.woocommerce-ordering {
    position: relative;
    z-index: 10;
}
.woocommerce-ordering .shop-filter-title {
    color: #777;
    font-size: .9333333333rem;
    position: relative;
    top: 9px;
    padding-right: 50px;
}
.tab-filter .nav-tabs .nav-item .nav-link {
    border: 0;
    color: #777;
    font-size: 1.2rem;
    padding: 10px;
}
.tab-filter .nav-tabs .nav-item .nav-link.active {
    color: #ae00e6;
}
.product-ribbon {
    border-bottom-left-radius: 90px;
    border-bottom-right-radius: 90px;
    background-color: #ae00e6;
    padding: 9px 16px;
    font-size: .8666666667rem;
    color: #fff;
    line-height: 1;
}
.custom_number {
    position: relative;
    height: 49px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 auto;
    float: right;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
}
.custom_number .add, .custom_number .sub {
    float: right;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: #777;
    font-size: .8rem;
    padding: 5px 14px;
}
.custom_number .sub {
    position: absolute;
    bottom: 0;
    right: 0;
}
.custom_number input[type=number] {
    height: 100%;
    width: auto;
    background-color: #fff;
    text-align: center;
    pointer-events: none;
    width: 62px;
    color: #000;
    border: 0;
    border-right: 1px solid #f5f5f5;
}
.custom-number-wraper {
    display: inline-block;
}
.custom-number-wraper .title {
    color: #000;
    font-weight: 500;
    font-size: 1rem;
    display: inline-block;
    padding-right: 15px;
    margin-top: 11px;
}
.round-info-icon {
    display: block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    font-size: .9333333333rem;
    color: #000;
    text-align: center;
}
.round-info-icon:hover {
    background-color: #ae00e6;
    color: #fff;
    border-color: #ae00e6;
}
.floating-btn-wraper {
    position: relative;
}
.btn-floating.active {
    background-color: #000;
    color: #fff;
}
.floating-icons-list {
    position: absolute;
    bottom: 100%;
    right: 0;
    text-align: center;
}
.floating-icons-list.open>li:first-child {
    -webkit-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .1s;
    -o-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .1s;
    transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .1s;
}
.floating-icons-list.hidden>li:first-child {
    -webkit-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .5s;
    -o-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .5s;
    transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .5s;
}
.floating-icons-list.open>li:nth-child(2) {
    -webkit-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .2s;
    -o-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .2s;
    transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .2s;
}
.floating-icons-list.hidden>li:nth-child(2) {
    -webkit-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .4s;
    -o-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .4s;
    transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .4s;
}
.floating-icons-list.open>li:nth-child(3) {
    -webkit-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .3s;
    -o-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .3s;
    transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .3s;
}
.floating-icons-list.hidden>li:nth-child(3) {
    -webkit-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .3s;
    -o-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .3s;
    transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .3s;
}
.floating-icons-list.open>li:nth-child(4) {
    -webkit-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .4s;
    -o-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .4s;
    transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .4s;
}
.floating-icons-list.hidden>li:nth-child(4) {
    -webkit-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .2s;
    -o-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .2s;
    transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .2s;
}
.floating-icons-list.open>li:nth-child(5) {
    -webkit-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .5s;
    -o-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .5s;
    transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .5s;
}
.floating-icons-list.hidden>li:nth-child(5) {
    -webkit-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .1s;
    -o-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .1s;
    transition: all .5s cubic-bezier(.68, -.55, .265, 1.55) .1s;
}
.floating-icons-list>li {
    margin-right: 0;
    margin-bottom: 20px;
    opacity: 0;
    -webkit-transform: scale(.4) translateY(40px) translateX(0);
    -ms-transform: scale(.4) translateY(40px) translateX(0);
    transform: scale(.4) translateY(40px) translateX(0);
    visibility: hidden;
}
.floating-icons-list.open>li {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1) translateY(0) translateX(0);
    -ms-transform: scale(1) translateY(0) translateX(0);
    transform: scale(1) translateY(0) translateX(0);
}
.help-tip {
    text-align: center;
    background-color: #ae00e6;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 26px;
    cursor: default;
    display: inline-block;
    z-index: 9;
    position: relative;
}
.help-tip:before {
    content: '?';
    font-weight: 700;
    color: #fff;
}
.help-tip:hover .help-tip-text {
    display: block;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation: tipFadeIn .3s ease-in-out;
    animation: tipFadeIn .3s ease-in-out;
}
.help-tip .help-tip-text {
    display: none;
    text-align: left;
    background-color: #1e2021;
    padding: 20px;
    min-width: 300px;
    position: absolute;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    right: -4px;
    color: #fff;
    margin-bottom: 0;
    margin-top: 8px;
    pointer-events: none;
    font-weight: 400;
}
.help-tip .help-tip-text:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #1e2021;
    right: 10px;
    top: -12px;
}
.help-tip .help-tip-text:after {
    width: 100%;
    height: 40px;
    content: '';
    position: absolute;
    top: -40px;
    left: 0;
}
@-webkit-keyframes tipFadeIn {
    0% {
    opacity: 0;
    -webkit-transform: scale(.6);
    transform: scale(.6);
}
to {
    opacity: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
}
}@keyframes tipFadeIn {
    0% {
    opacity: 0;
    -webkit-transform: scale(.6);
    transform: scale(.6);
}
to {
    opacity: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
}
}.woocommerce.woocommerce-product-rating .star-rating {
    margin: 0;
    margin-bottom: 30px;
    float: none;
    width: auto;
    overflow: visible;
    font-family: inherit;
}
.woocommerce .star-rating {
    font-size: .9333333333rem;
}
.woocommerce .star-rating:before {
    content: '\f005\f005\f005\f005\f006';
    color: #efc71f;
    font-family: FontAwesome;
    padding-right: 15px;
    letter-spacing: 3px;
    position: static;
}
.woocommerce .star-rating span:before {
    display: none;
}
.woocommerce .star-rating .woocommerce-review-link {
    color: #777;
}
.woocommerce .star-rating .woocommerce-review-link:hover {
    color: #ae00e6;
}
.woocommerce .star-rating .woocommerce-review-link .count {
    overflow: visible;
    float: none;
    position: static;
    padding-top: 0;
}
.rate-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.rate-list li b {
    font-weight: 400;
    color: #aaa;
    font-size: .8rem;
    padding-left: 5px;
}
.rate-list li:last-child {
    margin-bottom: 0;
}
.rate-list li .rate-title {
    width: 15%;
    line-height: 1;
    font-size: .8rem;
    margin-top: 1px;
}
.rate-list li .rate-graph {
    height: 10px;
    background-color: #f5f5f5;
    border-radius: 5px;
    display: block;
    width: 65%;
    position: relative;
    overflow: hidden;
}
.rate-list li .rate-graph .rate-graph-bar {
    background-color: #fed700;
    border-radius: 5px;
    display: block;
    height: 100%}
.rate-list li .star-rating {
    width: 20%;
    margin-bottom: 0;
    text-align: right;
    margin-top: -2px;
    padding-right: 0;
    padding-left: 15px;
}
.rate-list li .star-rating:before {
    color: #fed700;
}
.rate-list li .star-rating[data-value="5"]:before {
    content: '\f005\f005\f005\f005\f005'}
.rate-list li .star-rating[data-value="4"]:before {
    content: '\f005\f005\f005\f005\f006'}
.rate-list li .star-rating[data-value="3"]:before {
    content: '\f005\f005\f005\f006\f006'}
.rate-list li .star-rating[data-value="2"]:before {
    content: '\f005\f005\f006\f006\f006'}
.rate-list li .star-rating[data-value="1"]:before {
    content: '\f005\f006\f006\f006\f006'}
.rate-score .star-rating {
    font-size: 2rem;
    float: left;
}
.rate-score .rating-score-des {
    font-size: 1.3333333333rem;
    float: left;
    margin-bottom: 0;
}
.rate-score .rating-score-des em {
    color: #ffa801;
}
.rate-score .help-tip {
    float: right;
}
.woocommerce .rate-score .star-rating {
    margin-bottom: 10px;
}
.woocommerce-Reviews {
    padding-top: 50px;
}
.woocommerce-Reviews .woocommerce-Reviews-title {
    font-size: 1.6rem;
    margin-bottom: 40px;
    font-family: "Open Sans", sans-serif;
    color: #000;
    font-weight: 500;
}
.woocommerce-Reviews .comment_container .comment-text {
    float: right;
}
.woocommerce-Reviews .star-rating {
    font-family: inherit;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    width: 60px;
    height: 60px;
    border: 0;
    padding: 0;
    border-radius: 50%}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0;
    padding: 30px;
    width: calc(100% - 70px);
}
.woocommerce .comment-form-rating {
    display: inline-block;
    line-height: 1;
}
.woocommerce .comment-form-rating .star-rating {
    margin: 0;
    float: right;
    width: auto;
    overflow: visible;
    font-family: inherit;
    padding-left: 15px;
}
.woocommerce .woocommerce-Reviews .comment-form {
    padding-top: 50px;
}
.woocommerce .woocommerce-Reviews .comment-form input:not([type=submit]), .woocommerce .woocommerce-Reviews .comment-form textarea {
    width: 100%;
    display: block;
    border: 1px solid #eee;
    border-radius: 3px;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.woocommerce .woocommerce-Reviews .comment-form input:not([type=submit]):focus, .woocommerce .woocommerce-Reviews .comment-form textarea:focus {
    border-color: #ae00e6;
}
.woocommerce .woocommerce-Reviews .comment-form textarea {
    height: 100px;
    padding: 15px;
    resize: none;
}
.woocommerce #respond input#submit {
    font-size: .8rem;
    padding: 12px 25px;
    font-weight: 500;
    color: #fff;
    background-color: #ae00e6;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.woocommerce #respond input#submit:hover {
    background-color: #00138e;
    color: #fff;
}
.product-slider .owl-dots .owl-dot:not(:last-child) {
    margin-right: 12px;
}
.product-slider .owl-dots .owl-dot span {
    background-color: rgba(0, 0, 0, .149);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.product-slider .owl-dots .owl-dot span:before {
    display: none;
}
.product-slider .owl-dots .owl-dot.active span {
    background-color: rgba(0, 0, 0, .5);
    -webkit-transform: scale(1.9);
    -ms-transform: scale(1.9);
    transform: scale(1.9);
}
.comment-respond .comment-reply-title {
    margin-bottom: 20px;
}
.comment-respond .xs-form .form-control {
    margin-bottom: 30px;
}
.comment-respond .form-submit {
    margin-bottom: 0;
}
.comment-respond .comments-info {
    font-size: 1rem;
    margin-bottom: 35px;
}
.comment-respond.respond-style2 {
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
    border-radius: 5px;
    background-color: #f5f5f5;
    padding: 60px 50px;
}
.comment-respond.respond-style2 .respond-header {
    margin-bottom: 35px;
}
.comment-respond.respond-style2 .respond-header .comment-reply-title {
    font-size: 1.8666666667rem;
    font-weight: 700;
    color: #ae00e6;
    margin-bottom: 0;
}
.comment-respond.respond-style2 .respond-header>.border-divider+.comments-info {
    margin-top: 25px;
}
.comment-respond.respond-style2 .respond-header .comments-info {
    margin-bottom: 0;
    color: #8c8c8c;
}
.comment-respond.respond-style2 .xs-form .form-control {
    border-color: #e7e7e7;
}
.comment-respond.respond-style2 .xs-form .form-control:focus {
    border-color: #ae00e6;
}
.comment-respond .responsed-title {
    font-size: 1.6rem;
    font-family: "Open Sans", sans-serif;
    color: #000;
    font-weight: 500;
    margin-bottom: 15px;
}
.xs-form .form-control {
    border-radius: 5px;
    border: 1px solid #f5f5f5;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    padding-left: 30px;
    background-color: #fff;
}
.xs-form .form-control:not(textarea) {
    height: 54px;
}
.xs-form .form-control:focus {
    border-color: #ae00e6;
    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .07);
}
.xs-form .form-control::-moz-placeholder {
    color: #7a7a7a;
    font-size: 1rem;
}
.xs-form .form-control::-webkit-input-placeholder {
    color: #7a7a7a;
    font-size: 1rem;
}
.xs-form .form-control:-ms-input-placeholder {
    color: #7a7a7a;
    font-size: 1rem;
}
.xs-form .form-control::-ms-input-placeholder {
    color: #7a7a7a;
    font-size: 1rem;
}
.xs-form .form-control::placeholder {
    color: #7a7a7a;
    font-size: 1rem;
}
.xs-form textarea.form-control {
    padding-top: 20px;
    height: 154px;
    resize: none;
}
.xs-comments-area {
    margin-bottom: 100px;
    padding-bottom: 100px;
    border-bottom: 1px solid #e7e7e7;
}
.xs-comments-area .comments-title {
    margin-bottom: 45px;
    font-size: 1.4666666667rem;
    font-weight: 500;
}
.xs-comments-area .comment-body:before {
    display: table;
    content: "";
    clear: both;
}
.xs-comments-area .comment-body img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    float: left;
}
.xs-comments-area .meta-data {
    margin-left: 100px;
}
.xs-comments-area .reply {
    float: right;
}
.xs-comments-area .reply .comment-reply-link {
    color: #626c84;
    font-size: 1rem;
}
.xs-comments-area .reply .comment-reply-link:hover {
    color: #ae00e6;
}
.xs-comments-area .comment-author a {
    font-weight: 500;
    color: #181818;
}
.xs-comments-area .comment-author a:hover {
    color: #ae00e6;
}
.xs-comments-area .comment-author a:after {
    content: "/";
    padding: 0 5px;
    color: #7a7a7a;
}
.xs-comments-area .comment-author>p {
    display: inline-block;
}
.xs-comments-area .comment-date {
    color: #7a7a7a;
    margin-bottom: 0;
    font-weight: 500;
}
.xs-comments-area .comment-content {
    margin-top: 10px;
    padding-right: 50px;
}
.xs-comments-area .comment-content p {
    margin-bottom: 0;
}
.xs-comments-area .comment:not(:last-child) .children {
    margin-left: 70px;
}
.xs-comments-area .comment:not(:last-child) .meta-data {
    margin-bottom: 50px;
}
.xs-comments-area.comment-style2 {
    padding: 60px 50px;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
    border-radius: 5px;
    background-color: #fff;
}
.xs-comments-area.comment-style2 .comment:not(:last-child) .comment-body {
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #f5f5f5;
}
.xs-comments-area.comment-style2 .comment:not(:last-child) .meta-data {
    margin-bottom: 0;
}
.xs-comments-area.comment-style2 .comment:not(:last-child) .children {
    margin-left: 0;
    padding-left: 50px;
}
.xs-comments-area.comment-style2 .comment-header {
    margin-bottom: 30px;
}
.xs-comments-area.comment-style2 .comments-title {
    margin-bottom: 0;
    font-size: 1.8666666667rem;
    color: #ae00e6;
    font-weight: 700;
}
.xs-comments-area.comment-style2 .meta-data {
    margin-left: 70px;
}
.xs-comments-area.comment-style2 .comment-author>a {
    color: #000;
    font-weight: 700;
    margin-right: 40px;
}
.xs-comments-area.comment-style2 .comment-author>a:after {
    display: none;
}
.xs-comments-area.comment-style2 .comment-author>p {
    color: #606060;
}
.xs-comments-area.comment-style2 .comment-author>p:not(:last-child) {
    margin-right: 40px;
}
.xs-comments-area.comment-style2 .comment-body img {
    width: 50px;
    height: 50px;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
}
.xs-comments-area.comment-style2 .reply {
    line-height: 1;
}
.xs-comments-area.comment-style2 .reply .comment-reply-link {
    font-size: 1.6666666667rem;
    color: #ae00e6;
}
.xs-comments-area.comment-style2 .reply .comment-reply-link:hover {
    color: #00138e;
}
.font-size-list span {
    color: #676767;
    font-size: 1rem;
    font-weight: 400;
}
.font-size-list h2 {
    font-size: 3.2rem;
    font-weight: 900;
}
.typography-group:not(:last-child) {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 90px;
    margin-bottom: 100px;
}
.dropcaps:first-letter {
    font-size: 2.8rem;
    font-weight: 700;
    float: left;
    line-height: 25px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
}
.dropcaps.style2:first-letter {
    color: #ae00e6;
}
blockquote {
    background-color: #f7f7f7;
    padding: 40px;
}
blockquote:before {
    content: '\e939';
    font-family: iconfont;
    font-size: 6rem;
    color: #ae00e6;
    float: left;
    line-height: 1;
    margin-top: -6px;
}
blockquote>p {
    color: #5d5d5d;
    font-weight: 700;
    font-style: italic;
    padding-left: 117px;
}
.author-card {
    background-color: #ae00e6;
    border-radius: 5px;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
    padding: 60px 50px;
    margin-bottom: 60px;
}
.author-card .author-header {
    margin-bottom: 40px;
}
.author-card .author-header .author-title {
    color: #fff;
    font-size: 1.8666666667rem;
    font-weight: 700;
    margin-bottom: 0;
}
.author-card .author-img {
    margin-right: 28px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    overflow: hidden;
}
.author-card .author-bio .author-name {
    color: #fff;
    font-size: 1.2rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
}
.author-card .author-bio .authr-designation {
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    color: #95b3ee;
    margin-bottom: 20px;
}
.author-card .author-bio p {
    color: #95b3ee;
    margin-bottom: 30px;
}
.author-card .author-bio .simple-social-list>li:not(:last-child) {
    margin-right: 10px;
}
.author-card .author-bio .simple-social-list>li>a {
    font-size: .9333333333rem;
}
.author-card .author-bio .simple-social-list>li>a:hover {
    opacity: .7;
}
.post-navigation {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
    border-radius: 5px;
    padding: 60px 50px;
    margin-bottom: 60px;
}
.post-navigation .post-title {
    font-size: .9333333333rem;
    font-weight: 400;
    margin-bottom: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.post-navigation [class^=col-]+[class^=col-] .single-post-nav {
    text-align: right;
    margin-right: 0;
    margin-left: 30px;
}
.post-navigation [class^=col-]+[class^=col-] .single-post-nav .post-nav-img {
    margin-right: 0;
    margin-left: 20px;
}
.post-navigation [class^=col-]+[class^=col-] .single-post-nav>.media {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.single-post-nav {
    display: block;
    margin-right: 30px;
}
.single-post-nav .post-nav-title {
    margin-bottom: 25px;
    font-size: 1.2rem;
    color: #ae00e6;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.single-post-nav .post-nav-title.icon-left>i {
    padding-right: 10px;
    float: left;
}
.single-post-nav .post-nav-title.icon-right>i {
    float: right;
    padding-left: 10px;
}
.single-post-nav:hover .post-nav-title {
    color: #00138e;
}
.single-post-nav:hover .post-title {
    color: #ae00e6;
}
.single-post-nav:hover .post-nav-img {
    opacity: .8;
}
.post-nav-img {
    border-radius: 5px;
    margin-right: 20px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.post-previous {
    border-right: 2.5px solid;
}
.post-next {
    border-left: 2.5px solid;
}
.post-next, .post-previous {
    border-color: #f5f5f5;
}
.piechats-wraper .single-piechart {
    float: left;
    display: inline-block;
    position: relative;
}
.piechats-wraper .single-piechart:not(:last-child) {
    margin-right: 10px;
}
.piechats-wraper .single-piechart .chart-content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}
.piechats-wraper .single-piechart .chart-content>p {
    margin-bottom: 4px;
    color: #000;
    font-size: .9333333333rem;
}
.piechats-wraper .single-piechart .chart-content>.chart-value {
    font-size: 1.8666666667rem;
    font-weight: 900;
    font-family: Lato, sans-serif;
    line-height: 1;
}
.boosting-lists {
    counter-reset: my-counter;
}
.boosting-list {
    position: relative;
    padding-left: 48px;
}
.boosting-list:not(:last-child) {
    margin-bottom: 50px;
}
.boosting-list p a {
    color: #ae00e6;
    text-decoration: underline;
}
.boosting-list p a:hover {
    color: #00138e;
}
.boosting-list .count-number {
    font-size: 6rem;
    font-weight: 700;
    font-family: Lato, sans-serif;
    line-height: 1;
    color: rgba(0, 0, 0, .07);
    position: absolute;
    top: -25px;
    left: 0;
}
.boosting-list .count-number:before {
    counter-increment: my-counter;
    content: "0" counter(my-counter);
}
.xs-mb-0 {
    margin-bottom: 0;
}
.xs-pb-0 {
    padding-bottom: 0;
}
.xs-mb-1 {
    margin-bottom: 10px;
}
.xs-pb-1 {
    padding-bottom: 10px;
}
.xs-mb-2 {
    margin-bottom: 20px;
}
.xs-pb-2 {
    padding-bottom: 20px;
}
.xs-mb-3 {
    margin-bottom: 30px;
}
.xs-pb-3 {
    padding-bottom: 30px;
}
.xs-mb-4 {
    margin-bottom: 40px;
}
.xs-pb-4 {
    padding-bottom: 40px;
}
.xs-mb-5 {
    margin-bottom: 50px;
}
.xs-pb-5 {
    padding-bottom: 50px;
}
.xs-mb-6 {
    margin-bottom: 60px;
}
.xs-pb-6 {
    padding-bottom: 60px;
}
.xs-mb-7 {
    margin-bottom: 70px;
}
.xs-pb-7 {
    padding-bottom: 70px;
}
.xs-mb-8 {
    margin-bottom: 80px;
}
.xs-pb-8 {
    padding-bottom: 80px;
}
.xs-mb-9 {
    margin-bottom: 90px;
}
.xs-pb-9 {
    padding-bottom: 90px;
}
.xs-mb-10 {
    margin-bottom: 100px;
}
.xs-pb-10 {
    padding-bottom: 100px;
}
.xs-margin-0 {
    margin: 0;
}
.xs-padding-0 {
    padding: 0;
}
.xs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .5;
    z-index: 0;
}
.gradient-bg {
    background: #1bc4fd;
    background: -webkit-gradient(linear, left top, right top, from(#1bc4fd), to(#383bff));
    background: -webkit-linear-gradient(left, #1bc4fd 0, #383bff 100%);
    background: -o-linear-gradient(left, #1bc4fd 0, #383bff 100%);
    background: linear-gradient(90deg, #1bc4fd 0, #383bff 100%);
}
.gradient-bg .xs-heading .section-subtitle, .gradient-bg .xs-heading .section-title {
    color: #fff;
}
.black-color {
    color: #000;
}
.black-bg {
    background-color: #000;
}
.white-color {
    color: #fff;
}
.white-bg {
    background-color: #fff;
}
.primary-color {
    color: #ae00e6;
}
.primary-bg {
    background-color: #d5d5d5;
}
.secondary-color {
    color: #00138e;
}
.secondary-bg {
    background-color: #00138e;
}
.gray-color {
    color: #f3f5f9;
}
.gray-bg {
    background-color: #f3f5f9;
}
.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.nav-tabs {
    border-bottom: 0;
}
.owl-carousel .owl-item img {
    width: auto;
}
.tab-pane.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.mfp-iframe-scaler iframe {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
}
img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
a {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.simple-btn {
    font-weight: 700;
    display: inline-block;
}
.simple-btn i {
    padding-left: 8px;
    position: relative;
    top: 2px;
    -webkit-transition: padding-left .4s ease;
    -o-transition: padding-left .4s ease;
    transition: padding-left .4s ease;
}
.simple-btn:hover i {
    padding-left: 4px;
}
p:last-child {
    margin-bottom: 0;
}
.xs-section-padding {
    padding: 30px 0;
}
.xs-section-padding-bottom {
    padding-bottom: 100px;
}
.xs-section-padding-top {
    padding-top: 100px;
}
.section-padding-small-bottom {
    padding-bottom: 65px;
}
.section-padding-small-top {
    padding-top: 65px;
}
.section-padding-small {
    padding: 65px 0;
}
a {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
h1, h2, h3, h4, h5 {
    color: #181818;
    font-family: Lato, sans-serif;
}
.banner-title, h2 {
    color: #000;
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
}
.section-title, h3 {
    font-size: 2rem;
    font-weight: 600;
    color: #333;
}
.section-title, h3 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #181818;
}
.section-title a, h3 a {
    color: inherit;
}
.section-title a:hover, h3 a:hover {
    color: #ae00e6;
}
.xs-content-title, h4 {
    font-size: 1.3rem;
    font-weight: 600;
}
.xs-content-title.small, h4.small {
    font-size: 1.3333333333rem;
    font-weight: 600;
}
.xs-content-title a, h4 a {
    color: inherit;
}
.xs-content-title a:hover, h4 a:hover {
    color: #ae00e6;
}
img[data-scrollax] {
    pointer-events: none;
}
.vertical-dots {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #ae00e6;
    -webkit-box-shadow: 0 6px 0 0 #ae00e6, 0 12px 0 0 #ae00e6;
    box-shadow: 0 6px 0 0 #ae00e6, 0 12px 0 0 #ae00e6;
    position: relative;
    top: -8px;
}
.border-divider {
    height: 4px;
    width: 30px;
    display: inline-block;
    background-color: #ae00e6;
    border-radius: 2px;
    position: relative;
    margin-left: 27px;
}
.border-divider:before {
    content: "";
    position: absolute;
    left: -27px;
    top: 0;
    display: inline-block;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background-color: #ae00e6;
    -webkit-box-shadow: 9px 0 0 0 #ae00e6, 18px 0 0 0 #ae00e6;
    box-shadow: 9px 0 0 0 #ae00e6, 18px 0 0 0 #ae00e6;
}
.border-divider.style-white {
    background-color: #fff;
}
.border-divider.style-white:before {
    background-color: #fff;
    -webkit-box-shadow: 9px 0 0 0 #fff, 18px 0 0 0 #fff;
    box-shadow: 9px 0 0 0 #fff, 18px 0 0 0 #fff;
}
.big-watermark-icon {
    position: absolute;
    bottom: -90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: .05;
    font-size: 30.6666666667rem;
    color: #000;
    line-height: 1;
}
.big-watermark-icon.small-version {
    bottom: 80px;
    opacity: .03;
    font-size: 20rem;
    color: #000;
}
.carousel-inner img {
    width: 100%;
    max-height: 500px;
}
.carousel-caption {
    color: #000;
    top: 20px;
    bottom: auto;
    text-align: left;
}
.carousel-caption h2 {
    color: #fff;
    background-color: #}
#accordion4 .panel {
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 10px;
    overflow: hidden;
    position: relative;
}
#accordion4 .panel-heading {
    padding: 0;
    border: none;
    border-radius: 0;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
}
#accordion4 .panel-heading:after, #accordion4 .panel-heading:before {
    content: "";
    width: 50%;
    height: 20%;
    box-shadow: 0 15px 5px rgba(0, 0, 0, .4);
    position: absolute;
    bottom: 15px;
    left: 10px;
    transform: rotate(-3deg);
    z-index: -1;
}
#accordion4 .panel-heading:after {
    left: auto;
    right: 10px;
    transform: rotate(3deg);
}
h4.panel-title {
    margin: 10px 0!important;
}
#accordion4 .panel-title a {
    display: block;
    padding: 15px 70px 15px 70px;
    margin: 0;
    background: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #ae00e6;
    border-radius: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1), 0 0 40px rgba(0, 0, 0, .1) inset;
    position: relative;
}
#accordion4 .panel-title a.collapsed:before, #accordion4 .panel-title a:before {
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 55px;
    height: 100%;
    text-align: center;
    line-height: 50px;
    border-left: 2px solid #ae00e6;
    position: absolute;
    top: 0;
    right: 0;
}
#accordion4 .panel-title a.collapsed:before {
    content: "\f107"}
#accordion4 .panel-title a .icon {
    display: inline-block;
    width: 55px;
    height: 100%;
    border-right: 2px solid #ae00e6;
    font-size: 20px;
    color: #ae00e6;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
#accordion4 .panel-body {
    padding: 10px 15px;
    margin: 0 0 20px;
    border-bottom: 3px solid #ae00e6;
    border-top: none;
    background: #fff;
    font-size: 15px;
    color: #333;
    line-height: 27px;
}
@media screen and (max-width:992px) {
    .carousel-caption h2 {
    display: none;
}
.carousel-caption p {
    display: none;
}
.carousel-caption button {
    display: none;
}
.carousel-caption h2 {
    display: none;
}
.carousel-caption h4 {
    display: none;
}
}.newsletter {
    padding: 30px 0;
    background: #d5d5d5;
}
.newsletter .content {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}
.newsletter .content h2 {
    color: #243c4f;
    margin-bottom: 30px;
}
.newsletter .content .form-control {
    height: 50px;
    border-color: #fff;
    border-radius: 0;
}
.newsletter .content.form-control:focus {
    box-shadow: none;
    border: 2px solid #243c4f;
}
.newsletter .content .btn {
    min-height: 50px;
    border-radius: 0;
    background: #03a84e;
    color: #fff;
    font-weight: 600;
}
.sprite {
    background: url(assets/images/info/Affordable-SEO.png) no-repeat;
}
.ie {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-position: 0 -200px;
}
:focus {
    outline: 0;
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden;
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none!important;
}
.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: #ccc;
}
.mfp-preloader a:hover {
    color: #fff;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-s-error .mfp-content {
    display: none;
}
button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}
.mfp-close:focus, .mfp-close:hover {
    opacity: 1;
}
.mfp-close:active {
    top: 1px;
}
.mfp-close-btn-in .mfp-close {
    color: #333;
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}
.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1;
}
.mfp-arrow:after, .mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px;
}
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px;
}
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000;
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}
.mfp-figure {
    line-height: 0;
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444;
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-image-holder .mfp-content {
    max-width: 100%}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
    padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
}
.mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
}
.mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    text-align: center;
    padding: 0;
}
}@media all and (max-width:900px) {
    .mfp-arrow {
    -webkit-transform: scale(.75);
    transform: scale(.75);
}
.mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
}
.mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%}
.mfp-container {
    padding-left: 6px;
    padding-right: 6px;
}
}.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}
.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all .2s ease-in-out;
    transform: scale(.8);
}
.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all .3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(.8);
    opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
.nav-brand, .nav-brand:focus, .nav-brand:hover, .nav-menu>li>a {
    color: #70798b;
}
.xs_nav {
    width: 100%;
    height: 70px;
    display: table;
    position: relative;
    font-family: inherit;
    background-color: #fff;
}
.xs_nav * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
.xs_nav-portrait {
    height: 48px;
}
.xs_nav-fixed-wrapper {
    width: 100%;
    left: 0;
    z-index: 19998;
    will-change: opacity;
}
.xs_nav-fixed-wrapper.fixed {
    position: fixed!important;
    -webkit-animation: fade .5s;
    animation: fade .5s;
}
@keyframes fade {
    from {
    opacity: .999;
}
to {
    opacity: 1;
}
}.xs_nav-fixed-wrapper .xs_nav {
    margin-right: auto;
    margin-left: auto;
}
.xs_nav-fixed-placeholder {
    width: 100%;
    display: none;
}
.xs_nav-fixed-placeholder.xs_nav-fixed-placeholder.visible {
    display: block;
}
.nav-toggle, .xs_nav-hidden .nav-header {
    display: none;
}
.xs_nav-hidden {
    width: 0!important;
    height: 0!important;
    margin: 0!important;
    padding: 0!important;
    position: absolute;
    top: -9999px;
}
.align-to-right {
    float: right;
}
.nav-header {
    float: left;
}
.nav-brand {
    line-height: 70px;
    padding: 0 15px;
    font-size: 24px;
    text-decoration: none!important;
}
.xs_nav-portrait .nav-brand {
    font-size: 18px;
    line-height: 48px;
}
.nav-logo>img {
    height: 48px;
    margin: 11px auto;
    padding: 0 15px;
    float: left;
}
.nav-logo:focus>img {
    outline: initial;
}
.xs_nav-portrait .nav-logo>img {
    height: 36px;
    margin: 6px auto 6px 15px;
    padding: 0;
}
.nav-toggle {
    width: 30px;
    height: 30px;
    padding: 6px 2px 0;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 15px;
    cursor: pointer;
}
.nav-toggle:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #70798b;
    border-radius: 10px;
    box-shadow: 0 .5em 0 0 #70798b, 0 1em 0 0 #70798b;
}
.xs_nav-portrait .nav-toggle {
    display: block;
}
.xs_nav-portrait .nav-menus-wrapper {
    width: 320px;
    height: 100%;
    top: 0;
    left: -400px;
    position: fixed;
    background-color: #fff;
    z-index: 20000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}
.xs_nav-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
    left: auto;
    right: -400px;
}
.xs_nav-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
    left: 0;
}
.xs_nav-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
    left: auto;
    right: 0;
}
.nav-menus-wrapper-close-button {
    width: 30px;
    height: 40px;
    margin: 10px 7px;
    display: none;
    float: right;
    color: #70798b;
    font-size: 26px;
    cursor: pointer;
}
.xs_nav-portrait .nav-menus-wrapper-close-button {
    display: block;
}
.nav-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
    font-size: 0;
}
.xs_nav-portrait .nav-menu {
    width: 100%}
.nav-menu.nav-menu-centered {
    text-align: center;
}
.nav-menu.nav-menu-centered>li {
    float: none;
}
.nav-menu>li {
    display: inline-block;
}
.xs_nav-portrait .nav-menu>li {
    width: 100%;
    position: relative;
    border-top: solid 1px #f0f0f0;
}
.xs_nav-portrait .nav-menu>li:last-child {
    border-bottom: solid 1px #f0f0f0;
}
.nav-menu+.nav-menu>li:first-child {
    border-top: none;
}
.nav-menu>li>a {
    height: 100%;
    padding: 26px 15px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    -webkit-transition: color .3s, background .3s;
    transition: color .3s, background .3s;
}
.xs_nav-portrait .nav-menu>li>a {
    width: 100%;
    height: auto;
    padding: 12px 15px 12px 26px;
}
.nav-menu>li.active>a, .nav-menu>li.focus>a, .nav-menu>li:hover>a {
    color: #967adc;
}
.nav-menu>li>a>[class*=ion-], .nav-menu>li>a>i {
    width: 18px;
    height: 16px;
    line-height: 16px;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}
.nav-menu>li>a>[class*=ion-] {
    width: 16px;
    display: inline-block;
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
}
.xs_nav-portrait .nav-menu.nav-menu-social {
    width: 100%;
    text-align: center;
}
.nav-menu.nav-menu-social>li {
    text-align: center;
    float: none;
    border: none!important;
}
.xs_nav-portrait .nav-menu.nav-menu-social>li {
    width: auto;
}
.nav-menu.nav-menu-social>li>a>[class*=ion-] {
    font-size: 12px;
}
.nav-menu.nav-menu-social>li>a>.fa {
    font-size: 14px;
}
.xs_nav-portrait .nav-menu.nav-menu-social>li>a {
    padding: 15px;
}
.submenu-indicator {
    margin-left: 6px;
    margin-top: 6px;
    float: right;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.xs_nav-portrait .submenu-indicator {
    width: 54px;
    height: 44px;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: -25px;
    text-align: center;
    z-index: 20000;
}
.submenu-indicator-chevron {
    height: 6px;
    width: 6px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent #70798b #70798b transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border .3s;
    transition: border .3s;
}
.xs_nav-portrait .submenu-indicator-chevron {
    position: absolute;
    top: 18px;
    left: 24px;
}
.nav-menu>.active>a .submenu-indicator-chevron, .nav-menu>.focus>a .submenu-indicator-chevron, .nav-menu>li:hover>a .submenu-indicator-chevron {
    border-color: transparent #967adc #967adc transparent;
}
.xs_nav-portrait .submenu-indicator.submenu-indicator-up {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.nav-overlay-panel {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: none;
    z-index: 19999;
}
.no-scroll {
    touch-action: none;
    overflow-x: hidden;
}
.nav-search {
    height: 70px;
    float: right;
    z-index: 19998;
}
.xs_nav-portrait .nav-search {
    height: 48px;
    padding: 0 10px;
    margin-right: 52px;
}
.xs_nav-hidden .nav-search {
    display: none;
}
.nav-search-button {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
    background-color: #fbfcfd;
}
.xs_nav-portrait .nav-search-button {
    width: 50px;
    height: 48px;
    line-height: 46px;
    font-size: 22px;
}
.nav-search-icon {
    width: 14px;
    height: 14px;
    margin: 2px 8px 8px 4px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #70798b;
    text-align: left;
    text-indent: -9999px;
    border: 2px solid;
    border-radius: 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: color .3s;
    transition: color .3s;
}
.nav-search-icon:after, .nav-search-icon:before {
    content: '';
    pointer-events: none;
}
.nav-search-icon:before {
    width: 2px;
    height: 11px;
    top: 11px;
    position: absolute;
    left: 50%;
    border-radius: 0 0 1px 1px;
    box-shadow: inset 0 0 0 32px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.nav-search-button:hover .nav-search-icon {
    color: #967adc;
}
.nav-search>form {
    width: 100%;
    height: 100%;
    padding: 0 auto;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 99;
}
.nav-search-inner {
    width: 70%;
    height: 70px;
    margin: auto;
    display: table;
}
.xs_nav-portrait .nav-search-inner {
    height: 48px;
}
.nav-search-inner input[type=search], .nav-search-inner input[type=text] {
    height: 70px;
    width: 100%;
    margin: 0;
    padding: 0 12px;
    font-size: 26px;
    text-align: center;
    color: #70798b;
    outline: 0;
    line-height: 70px;
    border: none;
    background-color: transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.xs_nav-portrait .nav-search-inner input[type=search], .xs_nav-portrait .nav-search-inner input[type=text] {
    height: 48px;
    font-size: 18px;
    line-height: 48px;
}
.nav-search-close-button {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    line-height: normal;
    color: #70798b;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
}
.nav-button, .nav-text {
    display: inline-block;
    font-size: 14px;
}
.xs_nav-portrait .nav-search-close-button {
    top: 10px;
    right: 14px;
}
.nav-button {
    margin: 18px 15px 0;
    padding: 8px 14px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    background-color: #967adc;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}
.nav-button:focus, .nav-button:hover {
    color: #fff;
    text-decoration: none;
    opacity: .85;
}
.xs_nav-portrait .nav-button {
    width: calc(100% - 52px);
    margin: 17px 26px;
}
.nav-text {
    margin: 25px 15px;
    color: #70798b;
}
.xs_nav-portrait .nav-text {
    width: calc(100% - 52px);
    margin: 12px 26px 0;
}
.xs_nav-portrait .nav-text+ul {
    margin-top: 15px;
}
.nav-dropdown {
    min-width: 200px;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    list-style: none;
    z-index: 98;
    white-space: nowrap;
}
.xs_nav-portrait .nav-dropdown {
    width: 100%;
    position: static;
    left: 0;
}
.nav-dropdown .nav-dropdown {
    left: 100%}
.nav-menu>li>.nav-dropdown {
    border-top: solid 1px #f0f0f0;
}
.nav-dropdown>li {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    text-align: left;
}
.nav-dropdown>li>a {
    width: 100%;
    padding: 16px 20px;
    display: inline-block;
    text-decoration: none;
    float: left;
    font-size: 13px;
    color: #70798b;
    background-color: #fdfdfd;
    -webkit-transition: color .3s, background .3s;
    transition: color .3s, background .3s;
}
.nav-dropdown>li.focus>a, .nav-dropdown>li:hover>a {
    color: #967adc;
}
.nav-dropdown.nav-dropdown-left {
    right: 0;
}
.nav-dropdown>li>.nav-dropdown-left {
    left: auto;
    right: 100%}
.xs_nav-landscape .nav-dropdown.nav-dropdown-left>li>a {
    text-align: right;
}
.xs_nav-portrait .nav-dropdown>li>a {
    padding: 12px 20px 12px 30px;
}
.xs_nav-portrait .nav-dropdown>li>ul>li>a {
    padding-left: 50px;
}
.xs_nav-portrait .nav-dropdown>li>ul>li>ul>li>a {
    padding-left: 70px;
}
.xs_nav-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a {
    padding-left: 90px;
}
.xs_nav-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a {
    padding-left: 110px;
}
.nav-dropdown .submenu-indicator {
    right: 15px;
    top: 16px;
    position: absolute;
}
.xs_nav-portrait .nav-dropdown .submenu-indicator {
    right: 0;
    top: 0;
}
.nav-dropdown .submenu-indicator .submenu-indicator-chevron {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.xs_nav-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav-dropdown>.focus>a .submenu-indicator-chevron, .nav-dropdown>li:hover>a .submenu-indicator-chevron {
    border-color: transparent #967adc #967adc transparent;
}
.xs_nav-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {
    left: 10px;
}
.xs_nav-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.nav-dropdown-horizontal {
    width: 100%;
    left: 0;
    background-color: #fdfdfd;
    border-top: solid 1px #f0f0f0;
}
.nav-dropdown-horizontal .nav-dropdown-horizontal {
    width: 100%;
    top: 100%;
    left: 0;
}
.xs_nav-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {
    border-top: none;
}
.nav-dropdown-horizontal>li {
    width: auto;
    clear: none;
    position: static;
}
.megamenu-panel [class*=container], .xs_nav-portrait .nav-dropdown-horizontal>li {
    width: 100%}
.nav-dropdown-horizontal>li>a {
    position: relative;
}
.nav-dropdown-horizontal .submenu-indicator {
    height: 18px;
    top: 11px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.xs_nav-portrait .nav-dropdown-horizontal .submenu-indicator {
    height: 42px;
    top: 0;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.xs_nav-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.megamenu-panel {
    width: 80%;
    padding: 15px;
    display: none;
    position: absolute;
    font-size: 14px;
    z-index: 98;
    text-align: left;
    color: inherit;
    border-top: solid 1px #f0f0f0;
    background-color: #fdfdfd;
}
.megamenu-tabs-nav>li>a, .megamenu-tabs-pane {
    border: 1px solid #eff0f2;
    color: #70798b;
    font-size: 13px;
}
.xs_nav-portrait .megamenu-panel {
    padding: 25px;
    position: static;
    display: block;
}
.megamenu-panel [class*=container] [class*=col-] {
    padding: 0;
}
.megamenu-panel-half {
    width: 50%}
.megamenu-panel-quarter {
    width: 25%}
.megamenu-panel-row, .xs_nav-portrait .megamenu-panel-half, .xs_nav-portrait .megamenu-panel-quarter {
    width: 100%}
.megamenu-panel-row:after, .megamenu-panel-row:before {
    display: table;
    content: "";
    line-height: 0;
}
.megamenu-panel-row:after {
    clear: both;
}
.megamenu-panel-row [class*=col-] {
    display: block;
    min-height: 20px;
    float: left;
    margin-left: 3%}
.megamenu-panel-row [class*=col-]:first-child {
    margin-left: 0;
}
.xs_nav-portrait .megamenu-panel-row [class*=col-] {
    float: none;
    display: block;
    width: 100%!important;
    margin-left: 0;
    margin-top: 15px;
}
.xs_nav-portrait .megamenu-panel-row:first-child [class*=col-]:first-child {
    margin-top: 0;
}
.megamenu-panel-row .col-1 {
    width: 5.583333333333%}
.megamenu-panel-row .col-2 {
    width: 14.166666666666%}
.megamenu-panel-row .col-3 {
    width: 22.75%}
.megamenu-panel-row .col-4 {
    width: 31.333333333333%}
.megamenu-panel-row .col-5 {
    width: 39.916666666667%}
.megamenu-panel-row .col-6 {
    width: 48.5%}
.megamenu-panel-row .col-7 {
    width: 57.083333333333%}
.megamenu-panel-row .col-8 {
    width: 65.666666666667%}
.megamenu-panel-row .col-9 {
    width: 74.25%}
.megamenu-panel-row .col-10 {
    width: 82.833333333334%}
.megamenu-panel-row .col-11 {
    width: 91.416666666667%}
.megamenu-panel-row .col-12 {
    width: 100%}
.megamenu-tabs {
    width: 100%;
    float: left;
    display: block;
}
.megamenu-tabs-nav {
    width: 20%;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}
.xs_nav-portrait .megamenu-tabs-nav {
    width: 100%}
.megamenu-tabs-nav>li>a {
    width: 100%;
    padding: 10px 16px;
    float: left;
    text-decoration: none;
    outline: 0;
    background-color: #fff;
    -webkit-transition: background .3s;
    transition: background .3s;
}
.megamenu-tabs-nav>li.active a, .megamenu-tabs-nav>li:hover a {
    background-color: #f5f5f5;
}
.megamenu-tabs-pane {
    width: 80%;
    min-height: 30px;
    padding: 20px;
    float: right;
    display: none;
    opacity: 0;
    background-color: #fff;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}
.megamenu-tabs-pane.active {
    display: block;
    opacity: 1;
}
.xs_nav-portrait .megamenu-tabs-pane {
    width: 100%}
.megamenu-lists {
    width: 100%;
    display: table;
}
.megamenu-list {
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
    display: inline-block;
    float: left;
    list-style: none;
}
.megamenu-list:last-child {
    margin: 0;
    border: none;
}
.xs_nav-landscape .megamenu-list {
    margin: -15px 0;
    padding: 20px 0;
    border-right: solid 1px #f0f0f0;
}
.xs_nav-landscape .megamenu-list:last-child {
    border: none;
}
.megamenu-list>li>a {
    width: 100%;
    padding: 10px 15px;
    display: inline-block;
    color: #70798b;
    text-decoration: none;
    font-size: 13px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.megamenu-list>li>a:hover {
    color: #fff;
    background-color: #967adc;
}
.megamenu-list>li.megamenu-list-title>a {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    opacity: .8;
    color: #70798b;
}
.megamenu-list>li.megamenu-list-title>a:hover {
    opacity: 1;
    background-color: transparent;
}
.xs_nav-landscape .list-col-2 {
    width: 50%}
.xs_nav-landscape .list-col-3 {
    width: 33%}
.xs_nav-landscape .list-col-4 {
    width: 25%}
@media (min-width:992px) and (max-width:1199px) {
    .xs-menu-tools>li {
    margin-right: 18px;
}
.nav-sticky.sticky-header .xs-header .xs-menus .nav-menu>li>a {
    padding: 33px 8px;
    font-size: .9rem;
}
.xs-header.header-main .xs-menus .nav-menu>li:not(:last-child) {
    margin-right: 24px;
    padding-right: 24px;
}
.single-page-menu.nav-menu>li>a {
    color: #fff;
    font-size: .8rem;
}
.nav-sticky.sticky-header .xs-header .xs-menus .nav-menu>li>a {
    padding: 33px 0;
}
.nav-sticky .xs-header.header-main .xs-menus .nav-menu.single-page-menu>li:not(:last-child) {
    margin-right: 10px;
    padding-right: 10px;
}
.why-choose-us-block {
    padding: 0 15px;
}
.work-process-icon:after, .work-process-icon:before {
    display: none;
}
.case-about-area .about-info {
    width: 100%}
.inner-banner-area+.case-about-area .case-about-img {
    margin-top: -217px;
}
.doodle-parallax {
    display: none;
}
.call-to-action-content {
    padding-right: 0;
}
.pricing-style2 .xs-single-pricing {
    padding: 30px;
}
.pricing-style2 .price-table sub {
    font-size: 1rem;
    right: -1px;
}
.pricing-style2 .xs-single-pricing .price-table {
    font-size: 1.4rem;
}
.pricing-style2 .pricing-body .xs-list li {
    font-size: .9rem;
}
.widget-posts .widget-post .media-body {
    margin-top: 0;
}
}@media (max-width:991px) {
    .accordion-wraper, .case-study-step, .demo-content .xs-list, .demo-content p, .rate-detail, .service-info-block, .single-blog-post-thumb, .single-box, .single-case-studies, .single-work-process, .why-choose-us-block, .xs-info-img, .xs-info-wraper.style2, .xs-single-pricing {
    margin-bottom: 30px;
}
.footer-widget {
    margin-bottom: 50px;
}
.service-info-block-area .btn-wraper .btn {
    margin-bottom: 20px;
}
.xs-logo-wraper {
    display: none;
}
.nav-header {
    float: left;
}
.xs-menus {
    height: 80px;
}
.align-to-right, .nav-sticky .nav-header {
    float: none;
}
.xs-header .navSidebar-wraper {
    display: none;
}
.xs-header.header-main .xs-menu-tools {
    padding: 30px 0;
    text-align: right;
}
.xs-header.header-main .navSidebar-wraper {
    right: 15px;
    bottom: 0;
}
.xs-header.header-main .xs-menus .nav-menu>li {
    margin: 0;
}
.xs-header.header-main .xs-menus .nav-menu>li:not(:last-child):before {
    display: none;
}
.nav-sticky.sticky-header .xs-header .xs-menus .nav-menu>li>a, .xs-header.header-main .xs-menus .nav-menu>li>a {
    padding: 15px;
}
.nav-brand>img {
    margin-top: 13px;
}
.nav-brand img.logo-sticky {
    margin-top: 0;
}
.xs-header.header-main .xs-menus .nav-menu>li>a:before {
    display: none;
}
.xs-menus .nav-menu>li>a .submenu-indicator-chevron {
    border-color: transparent #00138e #00138e transparent;
}
.xs-menus .nav-menu li>.nav-submenu {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
.xs-menus .nav-menu .xs-icon-menu {
    padding: 30px;
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item:not(:last-child) a {
    padding-bottom: 20px;
    border-bottom: 1px solid #f7f7f7;
    padding-top: 20px;
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item:not(:first-child) a {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f7f7f7;
}
.xs-menus .nav-menu ul.xs-icon-menu .single-menu-item:last-child a {
    border-bottom: 0;
}
.nav-sticky .nav-overlay-panel, .nav-sticky .xs_nav-portrait .nav-menus-wrapper {
    height: 100vh;
}
.header-transparent .xs-header.header-main .xs-menus .nav-menu>li>a {
    color: #333;
}
.header-transparent .nav-toggle:before {
    background-color: #fff;
    -webkit-box-shadow: 0 .5em 0 0 #fff, 0 1em 0 0 #fff;
    box-shadow: 0 .5em 0 0 #fff, 0 1em 0 0 #fff;
}
.nav-sticky.sticky-header .nav-toggle:before {
    background-color: #333;
    -webkit-box-shadow: 0 .5em 0 0 #333, 0 1em 0 0 #333;
    box-shadow: 0 .5em 0 0 #333, 0 1em 0 0 #333;
}
.banner-image.image-two {
    margin-left: 0;
    margin-bottom: 30px;
}
.banner-image.image-one {
    margin-right: 0;
    margin-left: 0;
    margin-top: 30px;
}
.banner-image.image-three {
    margin-right: 0;
    margin-top: 30px;
}
.single-banner-slide.slide-two .xs-banner-content {
    padding-left: 0;
}
.banner-title {
    font-size: 1.5rem;
}
.parallax-icon {
    display: none;
}
.xs-inline-form .row:before {
    display: none;
}
.xs-inline-form {
    display: block;
}
.xs-inline-form .form-control {
    padding-left: 20px;
    margin-bottom: 10px;
    border-radius: 0;
}
.xs-inline-form .row+.check-btn {
    border-radius: 0;
}
.work-process-icon:after, .work-process-icon:before {
    display: none;
}
.xs-info-img {
    text-align: center;
}
.footer-logo {
    margin-bottom: 20px;
}
.address-info-list {
    text-align: left;
}
.address-info-list li:not(:last-child) {
    margin-right: 10px;
    margin-bottom: 15px;
}
.address-info-list li .address-icon {
    min-width: 56px;
}
.partner-area .xs-lsit li:not(:last-child) {
    margin-bottom: 10px;
}
.partner-area .xs-lsit {
    margin-bottom: 20px;
}
.xs-list>li:not(:last-child) {
    margin-right: 20px;
    margin-bottom: 20px;
}
.xs-top-bar .xs-list>li:not(:last-child) {
    margin-bottom: 0;
}
.copyright-text {
    margin-bottom: 0;
}
.address-info-list li a {
    font-size: .9rem;
}
.case-about-area .about-info {
    width: 100%}
.inner-banner-area+.case-about-area .case-about-img {
    margin-top: -100px;
}
.doodle-parallax {
    display: none;
}
.project-brief-wraper .xs-list {
    margin-bottom: 30px;
}
.case-study-step-wraper>.row:not(:last-child) {
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.single-contact-info {
    margin-bottom: 30px;
}
.faqAccordion .btn-link:after {
    position: absolute;
    right: 30px;
    top: calc(50% - 12px);
}
.product-filter-wraper .woocommerce-ordering {
    margin-right: 0;
}
.woocommerce-ordering .shop-filter-title {
    display: none;
}
.tab-filter .nav-tabs .nav-item .nav-link {
    padding: 6px;
}
.product-filter-area .select {
    margin-right: 40px;
}
.single-product-slider .product-header img {
    width: 100%}
.rate-list li .star-rating {
    width: 40%;
    margin-top: 10px;
    padding-left: 0;
}
.blog-inner-page {
    margin-bottom: 50px;
}
.blog-post-lists+.pagination {
    margin-bottom: 50px;
}
.xs-banner.banner-v2 .single-banner-slide {
    min-height: 560px;
    background-size: cover;
}
.service-info-section .xs-heading .section-title {
    font-size: 2.2rem;
}
.service-summary-text {
    padding-left: 0;
}
.service-info-img, .service-summary-img {
    text-align: center;
    margin-bottom: 30px;
}
.service-info-wraper>[class^=col-]:not(:last-child) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.boosting-section .section-padding-small-bottom, .our-security-section .section-padding-small-bottom, .service-info-section .section-padding-small-bottom {
    padding-bottom: 15px;
}
.banner-slider .banner-image {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.main-tabs .nav-item .nav-link {
    padding: 27px 1px 26px;
    font-size: .8rem;
}
.main-tabs .nav-item:not(:last-child) {
    margin-right: 15px;
}
.main-tabs .nav-item {
    width: calc(calc(100% / 5) - 14px);
}
.service-preview-content {
    padding-left: 0;
}
.header-tranparent-style2 .xs-menus .nav-toggle:before {
    background-color: #333;
    -webkit-box-shadow: 0 .5em 0 0 #333, 0 1em 0 0 #333;
    box-shadow: 0 .5em 0 0 #333, 0 1em 0 0 #333;
}
.header-tranparent-style2.sticky-header .xs-header .nav-brand>img {
    margin-top: 0;
}
.header-tranparent-style2 .xs-header .nav-brand>img {
    margin-top: 13px;
}
.xs-header.header-main .xs-menus .nav-menu>li>a .submenu-indicator-chevron {
    border-color: transparent #333 #333 transparent!important;
}
.widget-posts .widget-post {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.widget-posts .widget-post .media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%}
}.icon-message:before {
    content: "\e900"}
.icon-quote:before {
    content: "\e901"}
.icon-home:before {
    content: "\e800"}
.icon-apartment:before {
    content: "\e801"}
.icon-pencil:before {
    content: "\e802"}
.icon-magic-wand:before {
    content: "\e803"}
.icon-drop:before {
    content: "\e804"}
.icon-lighter:before {
    content: "\e805"}
.icon-poop:before {
    content: "\e806"}
.icon-sun:before {
    content: "\e807"}
.icon-moon:before {
    content: "\e808"}
.icon-cloud:before {
    content: "\e809"}
.icon-cloud-upload:before {
    content: "\e80a"}
.icon-cloud-download:before {
    content: "\e80b"}
.icon-cloud-sync:before {
    content: "\e80c"}
.icon-cloud-check:before {
    content: "\e80d"}
.icon-database:before {
    content: "\e80e"}
.icon-lock:before {
    content: "\e80f"}
.icon-cog:before {
    content: "\e810"}
.icon-trash:before {
    content: "\e811"}
.icon-dice:before {
    content: "\e812"}
.icon-heart:before {
    content: "\e813"}
.icon-star:before {
    content: "\e814"}
.icon-star-half:before {
    content: "\e815"}
.icon-star-empty:before {
    content: "\e816"}
.icon-flag:before {
    content: "\e817"}
.icon-envelope:before {
    content: "\e818"}
.icon-paperclip:before {
    content: "\e819"}
.icon-inbox:before {
    content: "\e81a"}
.icon-eye:before {
    content: "\e81b"}
.icon-printer:before {
    content: "\e81c"}
.icon-file-empty:before {
    content: "\e81d"}
.icon-file-add:before {
    content: "\e81e"}
.icon-enter:before {
    content: "\e81f"}
.icon-exit:before {
    content: "\e820"}
.icon-graduation-hat:before {
    content: "\e821"}
.icon-license:before {
    content: "\e822"}
.icon-music-note:before {
    content: "\e823"}
.icon-film-play:before {
    content: "\e824"}
.icon-camera-video:before {
    content: "\e825"}
.icon-camera:before {
    content: "\e826"}
.icon-picture:before {
    content: "\e827"}
.icon-book:before {
    content: "\e828"}
.icon-bookmark:before {
    content: "\e829"}
.icon-user:before {
    content: "\e82a"}
.icon-users:before {
    content: "\e82b"}
.icon-shirt:before {
    content: "\e82c"}
.icon-store:before {
    content: "\e82d"}
.icon-cart:before {
    content: "\e82e"}
.icon-tag:before {
    content: "\e82f"}
.icon-phone-handset:before {
    content: "\e830"}
.icon-phone:before {
    content: "\e831"}
.icon-pushpin:before {
    content: "\e832"}
.icon-map-marker:before {
    content: "\e833"}
.icon-map:before {
    content: "\e834"}
.icon-location:before {
    content: "\e835"}
.icon-calendar-full:before {
    content: "\e836"}
.icon-keyboard:before {
    content: "\e837"}
.icon-spell-check:before {
    content: "\e838"}
.icon-screen:before {
    content: "\e839"}
.icon-smartphone:before {
    content: "\e83a"}
.icon-tablet:before {
    content: "\e83b"}
.icon-laptop:before {
    content: "\e83c"}
.icon-laptop-phone:before {
    content: "\e83d"}
.icon-power-switch:before {
    content: "\e83e"}
.icon-bubble:before {
    content: "\e83f"}
.icon-heart-pulse:before {
    content: "\e840"}
.icon-construction:before {
    content: "\e841"}
.icon-pie-chart:before {
    content: "\e842"}
.icon-chart-bars:before {
    content: "\e843"}
.icon-gift:before {
    content: "\e844"}
.icon-diamond:before {
    content: "\e845"}
.icon-dinner:before {
    content: "\e847"}
.icon-coffee-cup:before {
    content: "\e848"}
.icon-leaf:before {
    content: "\e849"}
.icon-paw:before {
    content: "\e84a"}
.icon-rocket:before {
    content: "\e84b"}
.icon-briefcase:before {
    content: "\e84c"}
.icon-bus:before {
    content: "\e84d"}
.icon-car:before {
    content: "\e84e"}
.icon-train:before {
    content: "\e84f"}
.icon-bicycle:before {
    content: "\e850"}
.icon-wheelchair:before {
    content: "\e851"}
.icon-select:before {
    content: "\e852"}
.icon-earth:before {
    content: "\e853"}
.icon-smile:before {
    content: "\e854"}
.icon-sad:before {
    content: "\e855"}
.icon-neutral:before {
    content: "\e856"}
.icon-mustache:before {
    content: "\e857"}
.icon-alarm:before {
    content: "\e858"}
.icon-bullhorn:before {
    content: "\e859"}
.icon-volume-high:before {
    content: "\e85a"}
.icon-volume-medium:before {
    content: "\e85b"}
.icon-volume-low:before {
    content: "\e85c"}
.icon-volume:before {
    content: "\e85d"}
.icon-mic:before {
    content: "\e85e"}
.icon-hourglass:before {
    content: "\e85f"}
.icon-undo:before {
    content: "\e860"}
.icon-redo:before {
    content: "\e861"}
.icon-sync:before {
    content: "\e862"}
.icon-history:before {
    content: "\e863"}
.icon-clock:before {
    content: "\e864"}
.icon-download:before {
    content: "\e865"}
.icon-upload:before {
    content: "\e866"}
.icon-enter-down:before {
    content: "\e867"}
.icon-exit-up:before {
    content: "\e868"}
.icon-bug:before {
    content: "\e869"}
.icon-code:before {
    content: "\e86a"}
.icon-link:before {
    content: "\e86b"}
.icon-unlink:before {
    content: "\e86c"}
.icon-thumbs-up:before {
    content: "\e86d"}
.icon-thumbs-down:before {
    content: "\e86e"}
.icon-magnifier:before {
    content: "\e86f"}
.icon-cross:before {
    content: "\e870"}
.icon-menu:before {
    content: "\e871"}
.icon-list:before {
    content: "\e872"}
.icon-chevron-up:before {
    content: "\e873"}
.icon-chevron-down:before {
    content: "\e874"}
.icon-chevron-left:before {
    content: "\e875"}
.icon-chevron-right:before {
    content: "\e876"}
.icon-arrow-up:before {
    content: "\e877"}
.icon-arrow-down:before {
    content: "\e878"}
.icon-arrow-left:before {
    content: "\e879"}
.icon-arrow-right:before {
    content: "\e87a"}
.icon-move:before {
    content: "\e87b"}
.icon-warning:before {
    content: "\e87c"}
.icon-question-circle:before {
    content: "\e87d"}
.icon-menu-circle:before {
    content: "\e87e"}
.icon-checkmark-circle:before {
    content: "\e87f"}
.icon-cross-circle:before {
    content: "\e880"}
.icon-plus-circle:before {
    content: "\e881"}
.icon-circle-minus:before {
    content: "\e882"}
.icon-arrow-up-circle:before {
    content: "\e883"}
.icon-arrow-down-circle:before {
    content: "\e884"}
.icon-arrow-left-circle:before {
    content: "\e885"}
.icon-arrow-right-circle:before {
    content: "\e886"}
.icon-chevron-up-circle:before {
    content: "\e887"}
.icon-chevron-down-circle:before {
    content: "\e888"}
.icon-chevron-left-circle:before {
    content: "\e889"}
.icon-chevron-right-circle:before {
    content: "\e88a"}
.icon-crop:before {
    content: "\e88b"}
.icon-frame-expand:before {
    content: "\e88c"}
.icon-frame-contract:before {
    content: "\e88d"}
.icon-layers:before {
    content: "\e88e"}
.icon-funnel:before {
    content: "\e88f"}
.icon-text-format:before {
    content: "\e890"}
.icon-text-size:before {
    content: "\e892"}
.icon-bold:before {
    content: "\e893"}
.icon-italic:before {
    content: "\e894"}
.icon-underline:before {
    content: "\e895"}
.icon-strikethrough:before {
    content: "\e896"}
.icon-highlight:before {
    content: "\e897"}
.icon-text-align-left:before {
    content: "\e898"}
.icon-text-align-center:before {
    content: "\e899"}
.icon-text-align-right:before {
    content: "\e89a"}
.icon-text-align-justify:before {
    content: "\e89b"}
.icon-line-spacing:before {
    content: "\e89c"}
.icon-indent-increase:before {
    content: "\e89d"}
.icon-indent-decrease:before {
    content: "\e89e"}
.icon-page-break:before {
    content: "\e8a2"}
.icon-hand:before {
    content: "\e8a5"}
.icon-pointer-up:before {
    content: "\e8a6"}
.icon-pointer-right:before {
    content: "\e8a7"}
.icon-pointer-down:before {
    content: "\e8a8"}
.icon-pointer-left:before {
    content: "\e8a9"}
.icon-vplay:before {
    content: "\e902"}
.icon-newsletter:before {
    content: "\e903"}
.icon-coins-2:before {
    content: "\e904"}
.icon-commerce-2:before {
    content: "\e905"}
.icon-monitor:before {
    content: "\e906"}
.icon-facebook:before {
    content: "\e907"}
.icon-business:before {
    content: "\e908"}
.icon-graphic-2:before {
    content: "\e909"}
.icon-commerce-1:before {
    content: "\e90a"}
.icon-hammer:before {
    content: "\e90b"}
.icon-twitter:before {
    content: "\e90c"}
.icon-dribbble:before {
    content: "\e90d"}
.icon-justice-1:before {
    content: "\e90e"}
.icon-line:before {
    content: "\e90f"}
.icon-money-3:before {
    content: "\e910"}
.icon-linkedin:before {
    content: "\e911"}
.icon-commerce:before {
    content: "\e912"}
.icon-agenda:before {
    content: "\e913"}
.icon-youtube:before {
    content: "\e914"}
.icon-justice:before {
    content: "\e915"}
.icon-twitter2:before {
    content: "\e916"}
.icon-pinterest:before {
    content: "\e917"}
.icon-technology:before {
    content: "\e918"}
.icon-coins-1:before {
    content: "\e919"}
.icon-vimeo:before {
    content: "\e91a"}
.icon-left-arrow:before {
    content: "\e91b"}
.icon-bank:before {
    content: "\e91c"}
.icon-calculator:before {
    content: "\e91d"}
.icon-soundcloud:before {
    content: "\e91e"}
.icon-chart2:before {
    content: "\e91f"}
.icon-checked:before {
    content: "\e920"}
.icon-clock2:before {
    content: "\e921"}
.icon-comment:before {
    content: "\e922"}
.icon-comments:before {
    content: "\e923"}
.icon-consult:before {
    content: "\e924"}
.icon-consut2:before {
    content: "\e925"}
.icon-deal:before {
    content: "\e926"}
.icon-youtube-v:before {
    content: "\e927"}
.icon-envelope2:before {
    content: "\e928"}
.icon-behance:before {
    content: "\e929"}
.icon-folder:before {
    content: "\e92a"}
.icon-invest:before {
    content: "\e92b"}
.icon-loan:before {
    content: "\e92c"}
.icon-map-marker2:before {
    content: "\e92d"}
.icon-mutual-fund:before {
    content: "\e92e"}
.icon-google-plus:before {
    content: "\e92f"}
.icon-phone2:before {
    content: "\e930"}
.icon-pie-chart2:before {
    content: "\e931"}
.icon-play:before {
    content: "\e932"}
.icon-left-arrow2:before {
    content: "\e933"}
.icon-savings:before {
    content: "\e934"}
.icon-search:before {
    content: "\e935"}
.icon-tag2:before {
    content: "\e936"}
.icon-tags:before {
    content: "\e937"}
.icon-instagram:before {
    content: "\e938"}
.icon-quote2:before {
    content: "\e939"}
.icon-right-arrow2:before {
    content: "\e93a"}
.icon-double-left-chevron:before {
    content: "\e93b"}
.icon-double-angle-pointing-to-right:before {
    content: "\e93c"}
.icon-arrow-point-to-down:before {
    content: "\e93d"}
.icon-play-button:before {
    content: "\e93e"}
.icon-minus:before {
    content: "\e93f"}
.icon-plus:before {
    content: "\e940"}
.icon-tick:before {
    content: "\e941"}
.icon-download-arrow:before {
    content: "\e942"}
.icon-edit:before {
    content: "\e943"}
.icon-reply:before {
    content: "\e944"}
.icon-cogwheel-outline:before {
    content: "\e945"}
.icon-abacus:before {
    content: "\e946"}
.icon-abacus2:before {
    content: "\e947"}
.icon-agenda2:before {
    content: "\e948"}
.icon-shopping-basket:before {
    content: "\e949"}
.icon-users2:before {
    content: "\e94a"}
.icon-man:before {
    content: "\e94b"}
.icon-support:before {
    content: "\e94c"}
.icon-favorites:before {
    content: "\e94d"}
.icon-calendar:before {
    content: "\e94e"}
.icon-paper-plane:before {
    content: "\e94f"}
.icon-placeholder:before {
    content: "\e950"}
.icon-phone-call:before {
    content: "\e951"}
.icon-contact:before {
    content: "\e952"}
.icon-email:before {
    content: "\e953"}
.icon-internet:before {
    content: "\e954"}
.icon-quote3:before {
    content: "\e955"}
.icon-medical:before {
    content: "\e956"}
.icon-eye2:before {
    content: "\e957"}
.icon-full-screen:before {
    content: "\e958"}
.icon-tools:before {
    content: "\e959"}
.icon-pie-chart3:before {
    content: "\e95a"}
.icon-diamond2:before {
    content: "\e95b"}
.icon-valentines-heart:before {
    content: "\e95c"}
.icon-like:before {
    content: "\e95d"}
.icon-team:before {
    content: "\e95e"}
.icon-tshirt:before {
    content: "\e95f"}
.icon-cancel:before {
    content: "\e960"}
.icon-drink:before {
    content: "\e961"}
.icon-home2:before {
    content: "\e962"}
.icon-music:before {
    content: "\e963"}
.icon-rich:before {
    content: "\e964"}
.icon-brush:before {
    content: "\e965"}
.icon-opposite-way:before {
    content: "\e966"}
.icon-cloud-computing:before {
    content: "\e967"}
.icon-technology-1:before {
    content: "\e968"}
.icon-rotate:before {
    content: "\e969"}
.icon-medical2:before {
    content: "\e96a"}
.icon-flash-1:before {
    content: "\e96b"}
.icon-flash:before {
    content: "\e96c"}
.icon-uturn:before {
    content: "\e96d"}
.icon-down-arrow:before {
    content: "\e96e"}
.icon-hours-support:before {
    content: "\e96f"}
.icon-bag:before {
    content: "\e970"}
.icon-photo-camera:before {
    content: "\e971"}
.icon-school:before {
    content: "\e972"}
.icon-settings:before {
    content: "\e973"}
.icon-smartphone2:before {
    content: "\e974"}
.icon-technology-12:before {
    content: "\e975"}
.icon-tool:before {
    content: "\e976"}
.icon-business2:before {
    content: "\e977"}
.icon-shuffle-arrow:before {
    content: "\e978"}
.icon-van-1:before {
    content: "\e979"}
.icon-van:before {
    content: "\e97a"}
.icon-vegetables:before {
    content: "\e97b"}
.icon-women:before {
    content: "\e97c"}
.icon-vintage:before {
    content: "\e97d"}
.icon-up-arrow:before {
    content: "\e97e"}
.icon-arrows:before {
    content: "\e97f"}
.icon-medal:before {
    content: "\e980"}
.icon-team-1:before {
    content: "\e981"}
.icon-team2:before {
    content: "\e982"}
.icon-apple-1:before {
    content: "\e983"}
.icon-apple:before {
    content: "\e984"}
.icon-watch:before {
    content: "\e985"}
.icon-cogwheel:before {
    content: "\e986"}
.icon-light-bulb:before {
    content: "\e987"}
.icon-light-bulb-1:before {
    content: "\e988"}
.icon-heart-shape-outline:before {
    content: "\e989"}
.icon-online-shopping-cart:before {
    content: "\e98a"}
.icon-shopping-cart:before {
    content: "\e98b"}
.icon-star2:before {
    content: "\e98c"}
.icon-star-1:before {
    content: "\e98d"}
.icon-favorite:before {
    content: "\e98e"}
.icon-search-minus:before {
    content: "\e98f"}
.icon-search2:before {
    content: "\e990"}
.icon-down-arrow2:before {
    content: "\e991"}
.icon-up-arrow2:before {
    content: "\e992"}
.icon-right-arrow:before {
    content: "\e993"}
.icon-left-arrows:before {
    content: "\e994"}
.icon-agenda3:before {
    content: "\e995"}
.icon-agenda-1:before {
    content: "\e996"}
.icon-alarm-clock:before {
    content: "\e997"}
.icon-alarm-clock2:before {
    content: "\e998"}
.icon-atomic:before {
    content: "\e999"}
.icon-auction:before {
    content: "\e99a"}
.icon-balance:before {
    content: "\e99b"}
.icon-balance2:before {
    content: "\e99c"}
.icon-bank2:before {
    content: "\e99d"}
.icon-bar-chart:before {
    content: "\e99e"}
.icon-barrier:before {
    content: "\e99f"}
.icon-battery:before {
    content: "\e9a0"}
.icon-battery-1:before {
    content: "\e9a1"}
.icon-bell:before {
    content: "\e9a2"}
.icon-bluetooth:before {
    content: "\e9a3"}
.icon-book2:before {
    content: "\e9a4"}
.icon-briefcase2:before {
    content: "\e9a5"}
.icon-briefcase-1:before {
    content: "\e9a6"}
.icon-briefcase-2:before {
    content: "\e9a7"}
.icon-calculator2:before {
    content: "\e9a8"}
.icon-calculator3:before {
    content: "\e9a9"}
.icon-calculator-1:before {
    content: "\e9aa"}
.icon-calendar2:before {
    content: "\e9ab"}
.icon-calendar3:before {
    content: "\e9ac"}
.icon-calendar-1:before {
    content: "\e9ad"}
.icon-car2:before {
    content: "\e9ae"}
.icon-carrier:before {
    content: "\e9af"}
.icon-cash:before {
    content: "\e9b0"}
.icon-chat:before {
    content: "\e9b1"}
.icon-chat-1:before {
    content: "\e9b2"}
.icon-checked2:before {
    content: "\e9b3"}
.icon-clip:before {
    content: "\e9b4"}
.icon-clip2:before {
    content: "\e9b5"}
.icon-clipboard:before {
    content: "\e9b6"}
.icon-clipboard2:before {
    content: "\e9b7"}
.icon-clock3:before {
    content: "\e9b8"}
.icon-clock-1:before {
    content: "\e9b9"}
.icon-cloud2:before {
    content: "\e9ba"}
.icon-cloud-computing2:before {
    content: "\e9bb"}
.icon-cloud-computing-1:before {
    content: "\e9bc"}
.icon-cogwheel2:before {
    content: "\e9bd"}
.icon-coins:before {
    content: "\e9be"}
.icon-compass:before {
    content: "\e9bf"}
.icon-contract:before {
    content: "\e9c0"}
.icon-conversation:before {
    content: "\e9c1"}
.icon-crane:before {
    content: "\e9c2"}
.icon-crane-2:before {
    content: "\e9c3"}
.icon-credit-card:before {
    content: "\e9c4"}
.icon-credit-card2:before {
    content: "\e9c5"}
.icon-cursor:before {
    content: "\e9c6"}
.icon-customer-service:before {
    content: "\e9c7"}
.icon-cutlery:before {
    content: "\e9c8"}
.icon-dart-board:before {
    content: "\e9c9"}
.icon-decision-making:before {
    content: "\e9ca"}
.icon-desk-chair:before {
    content: "\e9cb"}
.icon-desk-lamp:before {
    content: "\e9cc"}
.icon-diamond3:before {
    content: "\e9cd"}
.icon-direction:before {
    content: "\e9ce"}
.icon-document:before {
    content: "\e9cf"}
.icon-dollar-bill:before {
    content: "\e9d0"}
.icon-download2:before {
    content: "\e9d1"}
.icon-edit2:before {
    content: "\e9d2"}
.icon-email2:before {
    content: "\e9d3"}
.icon-envelope3:before {
    content: "\e9d4"}
.icon-envelope4:before {
    content: "\e9d5"}
.icon-eraser:before {
    content: "\e9d6"}
.icon-eye3:before {
    content: "\e9d7"}
.icon-factory:before {
    content: "\e9d8"}
.icon-fast-forward:before {
    content: "\e9d9"}
.icon-favorites2:before {
    content: "\e9da"}
.icon-file:before {
    content: "\e9db"}
.icon-file-1:before {
    content: "\e9dc"}
.icon-file-2:before {
    content: "\e9dd"}
.icon-file-3:before {
    content: "\e9de"}
.icon-filter:before {
    content: "\e9df"}
.icon-finance-book:before {
    content: "\e9e0"}
.icon-flag2:before {
    content: "\e9e1"}
.icon-folder2:before {
    content: "\e9e2"}
.icon-folder-1:before {
    content: "\e9e3"}
.icon-folders:before {
    content: "\e9e4"}
.icon-folders2:before {
    content: "\e9e5"}
.icon-gamepad:before {
    content: "\e9e6"}
.icon-gift2:before {
    content: "\e9e7"}
.icon-growth:before {
    content: "\e9e8"}
.icon-heart2:before {
    content: "\e9e9"}
.icon-home3:before {
    content: "\e9ea"}
.icon-house:before {
    content: "\e9eb"}
.icon-house-1:before {
    content: "\e9ec"}
.icon-house-2:before {
    content: "\e9ed"}
.icon-id-card:before {
    content: "\e9ee"}
.icon-id-card2:before {
    content: "\e9ef"}
.icon-id-card-1:before {
    content: "\e9f0"}
.icon-idea:before {
    content: "\e9f1"}
.icon-image:before {
    content: "\e9f2"}
.icon-improvement:before {
    content: "\e9f3"}
.icon-inbox2:before {
    content: "\e9f4"}
.icon-information:before {
    content: "\e9f5"}
.icon-key:before {
    content: "\e9f6"}
.icon-key2:before {
    content: "\e9f7"}
.icon-laptop2:before {
    content: "\e9f8"}
.icon-layers2:before {
    content: "\e9f9"}
.icon-light-bulb2:before {
    content: "\e9fa"}
.icon-like2:before {
    content: "\e9fb"}
.icon-line-chart:before {
    content: "\e9fc"}
.icon-loupe:before {
    content: "\e9fd"}
.icon-mail:before {
    content: "\e9fe"}
.icon-manager:before {
    content: "\e9ff"}
.icon-map2:before {
    content: "\ea00"}
.icon-medal2:before {
    content: "\ea01"}
.icon-megaphone:before {
    content: "\ea02"}
.icon-megaphone2:before {
    content: "\ea03"}
.icon-message2:before {
    content: "\ea04"}
.icon-message-1:before {
    content: "\ea05"}
.icon-message-2:before {
    content: "\ea06"}
.icon-microphone:before {
    content: "\ea07"}
.icon-money:before {
    content: "\ea08"}
.icon-money-bag:before {
    content: "\ea09"}
.icon-monitor2:before {
    content: "\ea0a"}
.icon-music2:before {
    content: "\ea0b"}
.icon-next:before {
    content: "\ea0c"}
.icon-open-book:before {
    content: "\ea0d"}
.icon-padlock:before {
    content: "\ea0e"}
.icon-padlock-1:before {
    content: "\ea0f"}
.icon-paint-brush:before {
    content: "\ea10"}
.icon-pause:before {
    content: "\ea11"}
.icon-pen:before {
    content: "\ea12"}
.icon-pencil2:before {
    content: "\ea13"}
.icon-percentage:before {
    content: "\ea14"}
.icon-phone-call2:before {
    content: "\ea15"}
.icon-phone-call3:before {
    content: "\ea16"}
.icon-photo-camera2:before {
    content: "\ea17"}
.icon-pie-chart4:before {
    content: "\ea18"}
.icon-pipe:before {
    content: "\ea19"}
.icon-placeholder2:before {
    content: "\ea1a"}
.icon-placeholder3:before {
    content: "\ea1b"}
.icon-planet-earth:before {
    content: "\ea1c"}
.icon-play-button2:before {
    content: "\ea1d"}
.icon-power-button:before {
    content: "\ea1e"}
.icon-presentation:before {
    content: "\ea1f"}
.icon-presentation2:before {
    content: "\ea20"}
.icon-printer2:before {
    content: "\ea21"}
.icon-push-pin:before {
    content: "\ea22"}
.icon-push-pin2:before {
    content: "\ea23"}
.icon-refresh:before {
    content: "\ea24"}
.icon-reload:before {
    content: "\ea25"}
.icon-return:before {
    content: "\ea26"}
.icon-rocket-ship:before {
    content: "\ea27"}
.icon-rss:before {
    content: "\ea28"}
.icon-safebox:before {
    content: "\ea29"}
.icon-safebox2:before {
    content: "\ea2a"}
.icon-search3:before {
    content: "\ea2b"}
.icon-search-1:before {
    content: "\ea2c"}
.icon-settings2:before {
    content: "\ea2d"}
.icon-settings-1:before {
    content: "\ea2e"}
.icon-settings-2:before {
    content: "\ea2f"}
.icon-sewing-machine:before {
    content: "\ea30"}
.icon-share:before {
    content: "\ea31"}
.icon-shield:before {
    content: "\ea32"}
.icon-shield2:before {
    content: "\ea33"}
.icon-shopping:before {
    content: "\ea34"}
.icon-shopping-bag:before {
    content: "\ea35"}
.icon-shopping-bag-1:before {
    content: "\ea36"}
.icon-shopping-bag-2:before {
    content: "\ea37"}
.icon-shopping-cart2:before {
    content: "\ea38"}
.icon-shopping-cart3:before {
    content: "\ea39"}
.icon-shopping-cart-1:before {
    content: "\ea3a"}
.icon-shopping-cart-2:before {
    content: "\ea3b"}
.icon-shopping-cart-3:before {
    content: "\ea3c"}
.icon-smartphone3:before {
    content: "\ea3d"}
.icon-speaker:before {
    content: "\ea3e"}
.icon-speakers:before {
    content: "\ea3f"}
.icon-stats:before {
    content: "\ea40"}
.icon-stats-1:before {
    content: "\ea41"}
.icon-stats-2:before {
    content: "\ea42"}
.icon-stats-3:before {
    content: "\ea43"}
.icon-stats-4:before {
    content: "\ea44"}
.icon-stats-5:before {
    content: "\ea45"}
.icon-stats-6:before {
    content: "\ea46"}
.icon-sticky-note:before {
    content: "\ea47"}
.icon-store2:before {
    content: "\ea48"}
.icon-store-1:before {
    content: "\ea49"}
.icon-suitcase:before {
    content: "\ea4a"}
.icon-suitcase-1:before {
    content: "\ea4b"}
.icon-tag3:before {
    content: "\ea4c"}
.icon-target:before {
    content: "\ea4d"}
.icon-team3:before {
    content: "\ea4e"}
.icon-tie:before {
    content: "\ea4f"}
.icon-trash2:before {
    content: "\ea50"}
.icon-trolley:before {
    content: "\ea51"}
.icon-trolley-1:before {
    content: "\ea52"}
.icon-trolley-2:before {
    content: "\ea53"}
.icon-trophy:before {
    content: "\ea54"}
.icon-truck:before {
    content: "\ea55"}
.icon-truck-1:before {
    content: "\ea56"}
.icon-truck-2:before {
    content: "\ea57"}
.icon-umbrella:before {
    content: "\ea58"}
.icon-upload2:before {
    content: "\ea59"}
.icon-user2:before {
    content: "\ea5a"}
.icon-user-1:before {
    content: "\ea5b"}
.icon-user-2:before {
    content: "\ea5c"}
.icon-user-3:before {
    content: "\ea5d"}
.icon-users3:before {
    content: "\ea5e"}
.icon-video-camera:before {
    content: "\ea5f"}
.icon-voucher:before {
    content: "\ea60"}
.icon-voucher-1:before {
    content: "\ea61"}
.icon-voucher-2:before {
    content: "\ea62"}
.icon-voucher-3:before {
    content: "\ea63"}
.icon-voucher-4:before {
    content: "\ea64"}
.icon-wallet:before {
    content: "\ea65"}
.icon-wallet2:before {
    content: "\ea66"}
.icon-wifi:before {
    content: "\ea67"}
.icon-worker:before {
    content: "\ea68"}
.icon-zoom-in:before {
    content: "\ea69"}
.icon-zoom-out:before {
    content: "\ea6a"}
.icon-squares:before {
    content: "\ea6b"}
.icon-options:before {
    content: "\ea6c"}
.icon-apps:before {
    content: "\ea6d"}
.icon-menu-1:before {
    content: "\ea6e"}
.icon-menu2:before {
    content: "\ea6f"}
.icon-arrow_down:before {
    content: "\ea70"}
.icon-back_up:before {
    content: "\ea71"}
.icon-cart2:before {
    content: "\ea72"}
.icon-check:before {
    content: "\ea73"}
.icon-checkmark:before {
    content: "\ea74"}
.icon-dollar:before {
    content: "\ea75"}
.icon-domian:before {
    content: "\ea76"}
.icon-hosting:before {
    content: "\ea77"}
.icon-key3:before {
    content: "\ea78"}
.icon-migration:before {
    content: "\ea79"}
.icon-play2:before {
    content: "\ea7a"}
.icon-quote4:before {
    content: "\ea7b"}
.icon-burger-menu:before {
    content: "\ea7c"}
.para-just {
    text-align: justify;
}
.first-rank-seo {
    margin: 0;
    padding: 0;
    text-align: center;
}
.first-rank-seo li {
    background-color: #fff;
    box-shadow: .5px 1px 5px 1px #ae00e6;
    border-radius: 15px;
    display: inline-block;
    margin: 0 1% 30px;
    padding: 20px 10px;
    text-align: center;
    vertical-align: top;
    width: 22%}
.first-rank-icons {
    background-image: url(../images/show-more.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 70px;
    width: 200px;
    text-indent: -999em;
}
.first-rank-icons.logo-1 {
    background-position: -17px -717px;
}
.first-rank-icons.logo-2 {
    background-position: -10px -813px;
}
.first-rank-icons.logo-3 {
    background-position: -10px -894px;
}
.first-rank-icons.logo-4 {
    background-position: -10px -972px;
}
.first-rank-icons.logo-5 {
    background-position: -10px -1042px;
}
.first-rank-icons.logo-5 {
    background-position: -10px -1039px;
}
.first-rank-icons.logo-6 {
    background-position: -10px -1135px;
}
.first-rank-icons.logo-7 {
    background-position: -10px -1215px;
}
.first-rank-icons.logo-8 {
    background-position: -10px -1295px;
}
.first-rank-icons.logo-9 {
    background-position: -153px -10px;
}
.first-rank-icons.logo-10 {
    background-position: -153px -91px;
}
.first-rank-icons.logo-11 {
    background-position: -153px -171px;
}
.first-rank-icons.logo-12 {
    background-position: -153px -251px;
}
.first-rank-icons.logo-14 {
    background-position: -153px -411px;
}
.first-rank-icons.logo-15 {
    background-position: -153px -491px;
}
.first-rank-icons.logo-16 {
    background-position: -153px -571px;
}
.show-more {
    background-color: #03a84e;
    border-radius: 3px;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
    color: #fff;
    display: inline-block;
    font-family: roboto, sans-serif;
    font-size: 21px;
    font-weight: 400;
    padding: 10px 80px;
    word-wrap: break-word;
    white-space: normal;
}
.moretext {
    display: none;
}
@media only screen and (max-width:1190px) {
    .first-rank-seo li {
    width: 30%}
}@media only screen and (max-width:768px) {
    .first-rank-seo li {
    width: 46%;
    padding: 5px;
    margin: 0 1% 10px;
}
}@media only screen and (max-width:480px) {
    .first-rank-seo li {
    width: 80%;
    padding: 5px;
    margin: 0 0 25px;
    height: auto!important;
}
}.bg-faded {
    background-color: #f3f3f3;
    max-height: 500px;
}
.btn-round {
    border-radius: 500px;
}
.btn-round, .btn-round:active, .btn-round:hover {
    border-color: transparent;
}
.modal.animate {
    opacity: 0;
}
.modal.animate.show {
    opacity: 1;
}
.modal.animate .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal.animate .a-fadeLeftBig {
    -webkit-animation: fadeOutLeftBig .5s;
    animation: fadeOutLeftBig .5s;
}
.modal.animate.show .a-fadeLeftBig {
    -webkit-animation: fadeInLeftBig .5s;
    animation: fadeInLeftBig .5s;
}
.modal.animate .a-fadeRightBig {
    -webkit-animation: fadeOutRightBig .5s;
    animation: fadeOutRightBig .5s;
}
.modal.animate.show .a-fadeRightBig {
    -webkit-animation: fadeInRightBig .5s;
    animation: fadeInRightBig .5s;
}
.modal.animate .a-fadeUpBig {
    -webkit-animation: fadeOutUpBig .5s;
    animation: fadeOutUpBig .5s;
}
.modal.animate.show .a-fadeUpBig {
    -webkit-animation: fadeInUpBig .5s;
    animation: fadeInUpBig .5s;
}
.modal.animate .a-fadeDownBig {
    -webkit-animation: fadeOutDownBig .5s;
    animation: fadeOutDownBig .5s;
}
.modal.animate.show .a-fadeDownBig {
    -webkit-animation: fadeInDownBig .5s;
    animation: fadeInDownBig .5s;
}
.modal.animate .a-fadeRight {
    -webkit-animation: fadeOutRight .5s;
    animation: fadeOutRight .5s;
}
.modal.animate.show .a-fadeRight {
    -webkit-animation: fadeInRight .5s;
    animation: fadeInRight .5s;
}
.modal.animate .a-fadeLeft {
    -webkit-animation: fadeOutLeft .5s;
    animation: fadeOutLeft .5s;
}
.modal.animate.show .a-fadeLeft {
    -webkit-animation: fadeInLeft .5s;
    animation: fadeInLeft .5s;
}
.modal.animate .a-fadeUp {
    -webkit-animation: fadeOutUp .5s;
    animation: fadeOutUp .5s;
}
.modal.animate.show .a-fadeUp {
    -webkit-animation: fadeInUp .5s;
    animation: fadeInUp .5s;
}
.modal.animate .a-fadeDown {
    -webkit-animation: fadeOutDown .5s;
    animation: fadeOutDown .5s;
}
.modal.animate.show .a-fadeDown {
    -webkit-animation: fadeInDown .5s;
    animation: fadeInDown .5s;
}
.modal.animate .a-lightSpeed {
    -webkit-animation: lightSpeedOut .5s;
    animation: lightSpeedOut .5s;
}
.modal.animate.show .a-lightSpeed {
    -webkit-animation: lightSpeedIn .5s;
    animation: lightSpeedIn .5s;
}
.modal.animate .a-flipX {
    -webkit-animation: flipOutX .5s;
    animation: flipOutX .5s;
}
.modal.animate.show .a-flipX {
    -webkit-animation: flipInX .5s;
    animation: flipInX .5s;
}
.modal.animate .a-flipY {
    -webkit-animation: flipOutY .5s;
    animation: flipOutY .5s;
}
.modal.animate.show .a-flipY {
    -webkit-animation: flipInY .5s;
    animation: flipInY .5s;
}
.modal.animate .a-roll {
    -webkit-animation: rollOut .5s;
    animation: rollOut .5s;
}
.modal.animate.show .a-roll {
    -webkit-animation: rollIn .5s;
    animation: rollIn .5s;
}
.modal.animate .a-bounce {
    -webkit-animation: bounceOut .5s;
    animation: bounceOut .5s;
}
.modal.animate.show .a-bounce {
    -webkit-animation: bounceIn .5s;
    animation: bounceIn .5s;
}
.modal.animate .a-rotate {
    -webkit-animation: rotateOut .5s;
    animation: rotateOut .5s;
}
.modal.animate.show .a-rotate {
    -webkit-animation: rotateIn .5s;
    animation: rotateIn .5s;
}
.modal.animate .a-zoom {
    -webkit-animation: zoomOut .5s;
    animation: zoomOut .5s;
}
.modal.animate.show .a-zoom {
    -webkit-animation: zoomIn .5s;
    animation: zoomIn .5s;
}
.modal.animate .a-zoomUp {
    -webkit-animation: zoomOutUp .5s;
    animation: zoomOutUp .5s;
}
.modal.animate.show .a-zoomUp {
    -webkit-animation: zoomInUp .5s;
    animation: zoomInUp .5s;
}
.modal.animate .a-zoomRight {
    -webkit-animation: zoomOutRight .5s;
    animation: zoomOutRight .5s;
}
.modal.animate.show .a-zoomRight {
    -webkit-animation: zoomInRight .5s;
    animation: zoomInRight .5s;
}
.modal.animate .a-zoomDown {
    -webkit-animation: zoomOutDown .5s;
    animation: zoomOutDown .5s;
}
.modal.animate.show .a-zoomDown {
    -webkit-animation: zoomInDown .5s;
    animation: zoomInDown .5s;
}
.modal.animate .a-zoomLeft {
    -webkit-animation: zoomOutLeft .5s;
    animation: zoomOutLeft .5s;
}
.modal.animate.show .a-zoomLeft {
    -webkit-animation: zoomInLeft .5s;
    animation: zoomInLeft .5s;
}
.nav-item h3 {
    font-size: 16px;
    font-weight: 500;
}
.online-mart {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
    color: #181818;
}
.myaccordion {
    margin: 50px auto 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, .1);
}
.myaccordion .card, .myaccordion .card:last-child .card-header {
    border: none;
}
.myaccordion .card-header {
    border-bottom-color: #0194e1;
    background: #f1f1f1;
    box-shadow: 2px 3px 10px #ccc;
}
.myaccordion .card-header:hover {
    background: #fff;
}
.myaccordion .fa-stack {
    font-size: 14px;
}
.myaccordion .btn {
    width: 100%;
    font-weight: 700;
    color: #0194e1;
    padding: 0;
    background: 0 0;
    box-shadow: none;
}
.myaccordion .btn-link:focus, .myaccordion .btn-link:hover {
    text-decoration: none;
}
.myaccordion li+li {
    margin-top: 10px;
}
.img-algn {
    margin: auto!important;
}
.faq-h3 {
    font-size: 36px;
    margin-top: 20px;
    margin-bottom: 40px;
}
.faq-h3 span {
    color: #0194e1;
}
.card-body {
    box-shadow: 1px 2px 5px #ccc;
}
.new-sere li {
    font-size: 16px;
    margin: 0;
    margin-bottom: .5em;
    padding-left: 1.5em;
    color: #7a7a7a;
    text-align: justify;
    list-style: disc;
}
.design-chat-bg {
    background: #f4f4f4;
    padding: 30px;
}
#services .outer-circle {
    width: 181px;
    height: 181px;
    border-radius: 50%;
    padding: 16px;
}
.light-grey {
    background-color: #e8e7e7;
}
#services a.inner-circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #ae00e6;
}
#services a.inner-circle .icon-1 {
    width: 70px;
    height: 70px;
    margin: auto;
    background-size: 40px!important;
    background: url(../images/drain-hover.png) no-repeat 14px 15px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
#services a.inner-circle .icon-2 {
    width: 70px;
    height: 70px;
    margin: auto;
    background-size: 40px!important;
    background: url(../images/rinch.png) no-repeat 14px 15px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
#services a.inner-circle .icon-3 {
    width: 70px;
    height: 70px;
    margin: auto;
    background-size: 40px!important;
    background: url(../images/sewer.png) no-repeat 14px 15px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
#services a.inner-circle .icon-4 {
    width: 70px;
    height: 70px;
    margin: auto;
    background-size: 40px!important;
    background: url(../images/emergency.png) no-repeat 14px 15px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
#services a.inner-circle h2 {
    font-size: 16px;
    text-align: center;
    line-height: 25px;
}
#services a.inner-circle::before {
    background: #ff9600;
    width: 150px;
    height: 150px;
    border-radius: 50%}
.white {
    color: #fff;
}
@media only screen and (max-width:736px) and (min-width:320px) {
    #services .outer-circle {
    width: 181px;
    height: 181px;
    border-radius: 50%;
    padding: 16px;
    margin: auto auto 20px auto;
}
}.bg-new {
    background: #f9f9f9;
    padding: 30px;
}
.bg-h2 h2 {
    padding-bottom: 20px;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 600;
}
.https {
    padding: 4rem 0;
    background: url(../images/https.webp) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
.carousel-indicators {
    z-index: 999!important;
}
.carousel-control-prev {
    z-index: 999!important;
}
.carousel-control-next {
    z-index: 999!important;
}
#social {
    margin: 20px 10px;
    text-align: center;
}
.smGlobalBtn {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 80px;
    height: 80px;
    border: 2px solid #ddd;
    box-shadow: 0 3px 3px #999;
    padding: 0;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: 400;
    line-height: 2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.facebookBtn {
    background: #03a84e;
}
.facebookBtn img {
    margin-top: 10px;
    filter: brightness(0) invert(1);
    transform: rotate(-45deg);
}
.icon-bnr a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.icon-bnr:hover img {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
}
.icon-bnr:hover .facebookBtn {
    color: #4060a5;
    background: #ffbc00;
    border-color: #fff;
}
.icon-bnr:hover a {
    color: #ffbc00;
}
.twitterBtn {
    background: #00abe3;
}
.twitterBtn:before {
    font-family: FontAwesome;
    content: "\f099"}
.twitterBtn:hover {
    color: #00abe3;
    background: #fff;
    border-color: #00abe3;
}
.googleplusBtn {
    background: #e64522;
}
.googleplusBtn:before {
    font-family: FontAwesome;
    content: "\f0d5"}
.googleplusBtn:hover {
    color: #e64522;
    background: #fff;
    border-color: #e64522;
}
.linkedinBtn {
    background: #0094bc;
}
.linkedinBtn:before {
    font-family: FontAwesome;
    content: "\f0e1"}
.linkedinBtn:hover {
    color: #0094bc;
    background: #fff;
    border-color: #0094bc;
}
.pinterestBtn {
    background: #cb2027;
}
.pinterestBtn:before {
    font-family: FontAwesome;
    content: "\f0d2"}
.pinterestBtn:hover {
    color: #cb2027;
    background: #fff;
    border-color: #cb2027;
}
.tumblrBtn {
    background: #3a5876;
}
.tumblrBtn:before {
    font-family: FontAwesome;
    content: "\f173"}
.tumblrBtn:hover {
    color: #3a5876;
    background: #fff;
    border-color: #3a5876;
}
.rssBtn {
    background: #e88845;
}
.rssBtn:before {
    font-family: FontAwesome;
    content: "\f09e"}
.rssBtn:hover {
    color: #e88845;
    background: #fff;
    border-color: #e88845;
}
.bnr-padd {
    padding-top: 40px;
}
.pricingTable-tt {
    position: absolute;
    bottom: 18px;
    text-align: center;
    left: 23%}
.price-t {
    color: #fff;
    background: #333 !important;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 6px 21px 5px;
    border-radius: 28px;
    display: inline-block;
    text-align: center;
    transition: all .3s ease;
}
.xs-top-bar .xs-list li:last-child {
    margin-right: 15px;
    padding-top: 3px;
    background: #ff7f00;
    padding-left: 8px;
    padding-right: 9px;
}
.understanding-seo {
    font-size: 22px;
    font-weight: 600;
    color: #03a9f4;
    text-transform: capitalize;
    padding: 20px;
}
.etalic-para {
    color: #1f9cd9;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
}
.bottom-para {
    color: #fff;
    text-align: center;
    font-size: 19px;
    font-weight: 400;
    padding: 15px;
}
.business-professionals {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
}
.reach-your-desired {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
}
.button-banner {
    padding: 6px 30px;
    margin-top: 20px;
}
.website-score {
    background-color: #2196f3;
    border-radius: 17px;
    border: 1px solid #fff;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
    color: #fff;
    display: inline-block;
    font-family: roboto, sans-serif;
    font-size: 20px;
    font-weight: 600;
    padding: 8px 30px;
    word-wrap: break-word;
    white-space: normal;
    float: right;
    margin-top: 131px;
}
.request-free {
    background-color: #2196f3;
    border-radius: 17px;
    border: 1px solid #fff;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .12);
    color: #fff;
    display: inline-block;
    font-family: roboto, sans-serif;
    font-size: 21px;
    font-weight: 600;
    padding: 8px 30px;
    word-wrap: break-word;
    white-space: normal;
    text-transform: capitalize;
}
.why-choose-us {
    padding: 0 15px;
}
.why-you-need-block {
    text-align: center;
    padding: 0 13px;
}
h2, h3, h4, h5 {
    text-transform: capitalize;
    line-height: 1.5;
}
.about-info {
    padding-top: 10px;
    padding-bottom: 20px;
}
.breadcrumb-content {
    margin-top: 5px;
    padding-left: 10px;
    font-size: 15px;
    font-weight: 600;
}
.fa {
    font-size: 17px;
    font-weight: 600;
}
.banner-left-contect {
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-top: 30px;
}
.banner-heading {
    color: #fff;
    line-height: 2.5rem;
    text-shadow: 2px 2px 2px #272422;
    font-weight: 700;
}
.btn-primary-large {
    background-image: -webkit-gradient(linear, left top, right top, from(#f1ac40), to(#eebf00));
    background-image: -webkit-linear-gradient(left, #f1ac40 0, #eebf00 100%);
    background-image: -o-linear-gradient(left, #f1ac40 0, #eebf00 100%);
    background-image: linear-gradient(90deg, #f1ac40 0, #eebf00 100%);
    height: 65px;
    line-height: 65px;
    color: #08275c;
    border-radius: 5px;
    border-radius: 5px;
    font-size: 20px;
    padding: 5px;
}
.btn-standard-outline-white {
    border: 2px solid #fff;
    height: 55px;
    line-height: 55px;
    color: #fff;
    border-radius: 5px;
    font-size: 20px;
    padding: 10px 30px;
    font-weight: 550;
    background-color: #0da803;
}
.more-link {
    border-radius: 5px;
    border: 1px solid #ae00e6;
    color: #fff;
    font-size: 16px;
    padding: 5px;
    background-color: #ae00e6;
    text-transform: capitalize;
}
img {
    height: auto;
}
.section-tit {
    font-size: 3rem;
    text-transform: uppercase;
}
.xs-from .form-group label span {
    color: red;
}
.inner-banner-area-1 {
    background: linear-gradient(45deg, #000, transparent)!important;
}
.inner-banner-area-1 .banner-image {
    opacity: 1!important;
}
.slider-contact-form {
    position: relative;
    width: 360px;
    float: right;
}
.carousel-caption {
    padding: 0;
    right: 10%;
    left: 10%}
.slider-contact-form .slider-form {
    background-color: #fff6ed;
    border-radius: 10px;
}
.slider-contact-form .slider-form .form-head {
    background-color: #ff8100;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.slider-contact-form .slider-form .form-head .title-one {
    color: #fff;
    text-align: center;
    font-size: 19px;
    line-height: 25px;
}
.slider-contact-form .slider-form .form-head .title-two {
    color: #fff;
    text-align: center;
    font-size: 18px;
}
.slider-contact-form .vfmseo-contact-form .input-box {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
}
.slider-contact-form .vfmseo-contact-form .input-box i {
    position: absolute;
    top: 3px;
    z-index: 3;
    font-size: 25px;
    left: 40px;
    color: #ff8100;
}
.slider-contact-form .vfmseo-contact-form .input-box input, .slider-contact-form .vfmseo-contact-form .input-box textarea {
    width: 85%;
    padding-left: 50px;
}
.slider-contact-form input.vfmseo-send-btn {
    background-color: #ae00e6;
    margin-left: 250px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.g-btn.size_small, input.g-btn.size_small {
    padding: 8px 26px;
    font-size: 13px;
    border-radius: 4px;
}
.g-btn.type_primary, input[type=submit] {
    background-color: #d13a7a;
    color: #fff;
}
.g-btn, input[type=submit] {
    font-family: 'Open Sans';
    font-size: 15px;
    line-height: 0!important;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px 36px;
    margin: 0 0;
    cursor: pointer;
    border: none!important;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: color .25s ease-out;
    transition: color .25s ease-out;
}
.btn-call .call-more {
    background-color: #ff7f00;
    border-radius: 3px;
    box-shadow: 0 10px 10px 0 rgb(0 0 0 / 12%);
    color: #fff;
    display: inline-block;
    font-family: roboto, sans-serif;
    font-size: 21px;
    font-weight: 400;
    padding: 2px 40px;
    word-wrap: break-word;
    white-space: normal;
}
@media only screen and (max-width:600px) {
    .banner-left-contect, .slider-contact-form {
    display: none;
}
}.about-info .content-title-h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 5px;
}
.h1-span {
    font-size: 36px;
    background: linear-gradient(45deg, #ae00e6, #e7bf06);
    line-height: 55px;
    padding: 5px 10px;
}
.bread-cm {
    background: linear-gradient(45deg, #06afe9, #e1bf0c);
    width: 30%;
    padding: 2px 5px;
}
.bg-g {
    background: linear-gradient(45deg, #0da803, #e7bf06)!important;
}
.mt-5 {
    margin-top: 30px!important;
}
.xs-lsit {
    margin-top: 0;
}
.xs-lsit li img {
    margin-right: 20px;
}
.section-title-2 {
    max-width: 1023px;
    margin: auto;
    text-align: center;
}
.artist-work-title h2, .section-title-2 h2 {
    font-weight: 600;
    color: #1e1765;
}
.section-title-2 p {
    word-wrap: break-word;
}
.artist-title {
    background: #f1f1ef;
    padding: 12px;
}
.artist_section .artist-title h2 {
    font-size: calc(.2rem + 1vw);
    font-weight: 700;
    color: #1e1765;
    margin-bottom: 15px;
}
.box-drive {
    box-shadow: -2px 3px 10px #ccc;
    padding: 27px 45px;
    border-radius: 6px;
    margin-top: 30px;
    position: relative;
    background: #fff;
}
.box-drive:before {
    position: absolute;
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    border-right: 24px solid transparent;
    border-top: 24px solid orange;
    z-index: 1;
    opacity: 1;
    transition: opacity .2s;
}
.box-drive span {
    color: #ff7f00;
    font-size: calc(1rem + 1vw);
}
.box-drive h3 {
    color: #1e1765;
    margin: 0 -28px;
    font-size: 23px;
    margin-bottom: 11px;
    text-align: left;
}
.list-item li, .list-item-1 li {
    position: relative;
    line-height: 32px;
}
.box-drive h4:before, .list-item li::before, .list-item-1 li:before {
    content: "\f111";
    position: absolute;
    top: 6px;
    font-family: fontawesome;
    margin: 0 -29px;
    color: #ff7f00;
    border: 2px solid #ff7f00;
    padding: 8px;
    border-radius: 50%;
    display: inline-block;
    width: 16px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
.list-item-1 li {
    margin-left: 30px;
}
.box-drive h4 {
    color: #f89923;
    position: relative;
}
.section-content h3 {
    color: #1e1765;
    font-weight: 700;
}
.section-content:last-child p {
    margin-top: 20px;
}
.aritstic_bg {
    background-image: url(https://www.firstrankseoservices.com/assets/images/looking_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
}
.section-title-art {
    padding: 37px;
}
.section-title-art h2 {
    color: #fff;
    font-size: calc(2.2rem + 1vw);
    font-weight: 800;
}
.section-title-art p {
    color: #fff;
    font-size: calc(1rem + 1vw);
}
.Presence_section {
    background: #f1f1ef;
}
.socail_box {
    background: #fff;
    padding: 0 10px;
    margin: 0 0;
    position: relative;
}
.socail_box h4 {
    text-align: center;
    font-size: calc(1rem + 1vw);
    font-weight: 400;
    color: #444344;
}
.first_span {
    color: #ff7f00;
}
h2 .h2_1 {
    font-weight: 600;
}
ul.ul_1 {
    list-style: none;
}
ul.ul_1 li {
    position: relative;
    margin-left: 30px;
}
ul.ul_1 li::before {
    content: "\f111";
    position: absolute;
    left: -25px;
    top: 2px;
    z-index: 1;
    font-family: 'Font Awesome 5 Free';
    font-size: 12px;
    color: red;
}
.col_real {
    border-left: 2px solid #ff7f00;
}
.section_1 {
    background: url(https://www.firstrankseoservices.com/assets/images/4.png);
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
}
.col_12 {
    padding: 30px;
}
.col_23 {
    box-shadow: 0 3px 10px rgb(0 0 0 / .2);
    padding: 20px;
    padding-right: 30px;
    padding-left: 30px;
    position: relative;
}
.col_23::before {
    content: " ";
    width: 0;
    height: 0;
    margin: auto;
    border-top: 44px solid #ff7f00;
    border-left: 0 solid transparent;
    border-right: 44px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}
.cl {
    display: flex;
}
.col_get {
    padding-top: 100px;
}
.strokeme {
    color: #fff;
    text-shadow: -1px -1px 0 #ff7f00, 1px -1px 0 #ff7f00, -1px 1px 0 #ff7f00, 1px 1px 0 #ff7f00;
    border-color: #ff7f00;
    padding-right: 10px;
    font-size: 120px;
}
.image_png7 {
    padding-left: 153px;
}
.main_column {
    border-left: 3px solid #ae00e6;
}
.real-estate-section {
    background: url(https://www.firstrankseoservices.com/assets/images/8.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 10%;
    padding: 100px 0;
}
.real-estate-section-h3 {
    font-weight: 700;
}
.top-banner-section {
    background: url(https://www.firstrankseoservices.com/assets/images/bannerimg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 10%;
    padding: 150px 0;
}
.top-banner-section-h3 {
    background: linear-gradient(45deg, #ae00e6, #e7bf06);
    width: 300px;
    padding: 15px;
    color: #fff;
    font-weight: 700;
}
.h2_1 {
    font-weight: 700;
}
.act-before {
    font-size: calc(1vw + 1vh + 1vmin);
    font-weight: 700;
}
.act-before2 {
    font-size: calc(.8vw + .8vh + 1vmin);
}
.act-before3 {
    font-size: calc(.6vw + .6vh + 1vmin);
}
.call-now {
    font-size: calc(1.8vw + 1.8vh + 1vmin);
    background: -webkit-linear-gradient(45deg, #e7bf06, #ae00e6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}
.first_p {
    color: #707070;
}
.call-to-action-section {
    background: #fafafa;
}
.Estate-Agent-div {
    line-height: 1.6;
}
.chat_img_gif img {
    position: absolute;
    width: 140px;
    bottom: 0;
    right: 20%;
    z-index: 1;
}
.phone-call {
    width: 87px;
    height: 87px;
    background: #ff7f00;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    z-index: 99;
    display: inline-block;
    line-height: 113px;
    transform: rotate(-45deg);
}
.phone-call:before {
    position: absolute;
    content: " ";
    z-index: -1;
    top: -15px;
    left: -15px;
    background-color: #ff7f00;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    opacity: .6;
    -webkit-animation: pulse 1s ease-out;
    animation: pulse 1.8s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes pulse {
    0% {
    -webkit-transform: scale(0);
    opacity: 0;
}
25% {
    -webkit-transform: scale(.3);
    opacity: 1;
}
50% {
    -webkit-transform: scale(.6);
    opacity: .6;
}
75% {
    -webkit-transform: scale(.9);
    opacity: .3;
}
100% {
    -webkit-transform: scale(1);
    opacity: 0;
}
}@keyframes pulse {
    0% {
    transform: scale(0);
    opacity: 0;
}
25% {
    transform: scale(.3);
    opacity: 1;
}
50% {
    transform: scale(.6);
    opacity: .6;
}
75% {
    transform: scale(.9);
    opacity: .3;
}
100% {
    transform: scale(1);
    opacity: 0;
}
}.tp-seo .nav-tabs .nav-item .nav-link {
    background-color: transparent;
    border: 0;
    font-size: 20px;
    padding: 10px 10px;
    font-size: 18px;
    color: #333;
}
.tp-seo .nav-tabs .nav-item {
    margin-bottom: 0;
    list-style: none;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 4px;
    -webkit-box-shadow: 0 10px 40px 0 rgb(107 125 179 / 11%);
    box-shadow: 0 10px 40px 0 rgb(107 125 179 / 11%);
    padding: 7px 18px 5px;
    background: #fff;
    position: relative;
    border: 1px solid #ededed;
    margin-top: 20px;
}
.tp-seo {
    font-family: "Open Sans", sans-serif;
}
.tp-seo p {
    font-family: "Open Sans", sans-serif;
}
.tp-seo .card-body {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 10px 40px 0 rgb(107 125 179 / 11%);
    box-shadow: 0 10px 40px 0 rgb(107 125 179 / 11%);
    padding: 15px 18px 18px;
}
.tp-seo .card-body ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.tp-seo .nav-tabs .nav-item .nav-link i {
    display: block;
    text-align: center;
    font-size: 30px;
    padding-bottom: 12px;
}
.tp-seo .nav-tabs .nav-item .active {
    background-color: transparent;
    border: 0;
    font-size: 18px;
    padding: 10px 10px;
    color: #ff7f00;
}
.tp-seo .nav-tabs::before {
    content: '';
    position: absolute;
    top: -45px;
    left: 50%;
    border-left: 1px solid #ccc;
    width: 0;
    height: 72px;
}
.tp-seo .nav-tabs .nav-item:first-child::before {
    border-left: 1px solid #ccc;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}
.tp-seo ul li:nth-child(1)::after, .tp-seo ul li:nth-child(1)::before {
    content: '';
    position: absolute;
    top: -30px;
    right: -8%;
    border-top: 1px solid #ccc;
    width: 59%;
    height: 30px;
}
.tp-seo ul li:nth-child(2)::after, .tp-seo ul li:nth-child(2)::before {
    content: '';
    position: absolute;
    top: -30px;
    right: 0;
    border-top: 1px solid #ccc;
    width: 100%;
    height: 18px;
}
.tp-seo ul li:nth-child(3)::after, .tp-seo ul li:nth-child(3)::before {
    content: '';
    position: absolute;
    top: -30px;
    right: 50%;
    border-top: 1px solid #ccc;
    width: 56%;
    height: 30px;
}
.tp-seo .nav-tabs .nav-item:first-child::after {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}
.tp-seo .nav-tabs .nav-item:last-child::before {
    border-right: 1px solid #ccc;
}
.tp-seo .card-body h3 {
    color: #ad01e6;
    font-size: 1.9rem;
    margin-top: 20px;
}
.img-s {
    -webkit-animation-name: bounce;
    -webkit-animation-duration: 1s;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: cubic-bezier(.5, .05, 1, .5);
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
    from {
    -webkit-transform: translate3d(0, 20, 0);
    transform: translate3d(0, 20, 0);
}
to {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
}
}.testimonial h2::before {
    display: none;
}
.tp-seo .card-body ul li::after, .tp-seo .card-body ul li::before {
    display: none;
}
@media (max-width:750px) {
    .tp-seo .nav-tabs: :before {
    display: none;
}
.tp-seo .nav-tabs .nav-item:first-child::before {
    display: none;
}
.tp-seo ul li:nth-child(1)::after, .tp-seo ul li:nth-child(1)::before {
    display: none;
}
.tp-seo ul li:nth-child(2)::after, .tp-seo ul li:nth-child(2)::before {
    display: none;
}
.tp-seo ul li:nth-child(3)::after, .tp-seo ul li:nth-child(3)::before {
    display: none;
}
.tp-seo .card-body ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}
}.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-grow:active, .hvr-grow:focus, .hvr-grow:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-shrink:active, .hvr-shrink:focus, .hvr-shrink:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
@-webkit-keyframes hvr-pulse {
    25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
75% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
}@keyframes hvr-pulse {
    25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
75% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
}.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-pulse:active, .hvr-pulse:focus, .hvr-pulse:hover {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes hvr-pulse-grow {
    to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
}@keyframes hvr-pulse-grow {
    to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
}.hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-pulse-grow:active, .hvr-pulse-grow:focus, .hvr-pulse-grow:hover {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
@-webkit-keyframes hvr-pulse-shrink {
    to {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
}@keyframes hvr-pulse-shrink {
    to {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}
}.hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-pulse-shrink:active, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:hover {
    -webkit-animation-name: hvr-pulse-shrink;
    animation-name: hvr-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
@-webkit-keyframes hvr-push {
    50% {
    -webkit-transform: scale(.8);
    transform: scale(.8);
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}@keyframes hvr-push {
    50% {
    -webkit-transform: scale(.8);
    transform: scale(.8);
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}.hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-push:active, .hvr-push:focus, .hvr-push:hover {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes hvr-pop {
    50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
}@keyframes hvr-pop {
    50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
}.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-pop:active, .hvr-pop:focus, .hvr-pop:hover {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}
.hvr-bounce-in:active, .hvr-bounce-in:focus, .hvr-bounce-in:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
}
.hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}
.hvr-bounce-out:active, .hvr-bounce-out:focus, .hvr-bounce-out:hover {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
}
.hvr-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-rotate:active, .hvr-rotate:focus, .hvr-rotate:hover {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
}
.hvr-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-grow-rotate:active, .hvr-grow-rotate:focus, .hvr-grow-rotate:hover {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg);
}
.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-float:active, .hvr-float:focus, .hvr-float:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.hvr-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sink:active, .hvr-sink:focus, .hvr-sink:hover {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}
@-webkit-keyframes hvr-bob {
    0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
}@keyframes hvr-bob {
    0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
}@-webkit-keyframes hvr-bob-float {
    100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
}@keyframes hvr-bob-float {
    100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
}.hvr-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-bob:active, .hvr-bob:focus, .hvr-bob:hover {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
@-webkit-keyframes hvr-hang {
    0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}
50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}
}@keyframes hvr-hang {
    0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}
50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}
}@-webkit-keyframes hvr-hang-sink {
    100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}
}@keyframes hvr-hang-sink {
    100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}
}.hvr-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-hang:active, .hvr-hang:focus, .hvr-hang:hover {
    -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
.hvr-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-skew:active, .hvr-skew:focus, .hvr-skew:hover {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
}
.hvr-skew-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%}
.hvr-skew-forward:active, .hvr-skew-forward:focus, .hvr-skew-forward:hover {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
}
.hvr-skew-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%}
.hvr-skew-backward:active, .hvr-skew-backward:focus, .hvr-skew-backward:hover {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
}
@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}
33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}@keyframes hvr-wobble-vertical {
    16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}
33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
}
33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
}
49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}
66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
}
83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
}
100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}@keyframes hvr-wobble-horizontal {
    16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
}
33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
}
49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}
66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
}
83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
}
100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-wobble-horizontal:active, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:hover {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes hvr-wobble-to-bottom-right {
    16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
}
33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
}
49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
}
66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
}
83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
}
100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
}@keyframes hvr-wobble-to-bottom-right {
    16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
}
33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
}
49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
}
66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
}
83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
}
100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
}.hvr-wobble-to-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-wobble-to-bottom-right:active, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:hover {
    -webkit-animation-name: hvr-wobble-to-bottom-right;
    animation-name: hvr-wobble-to-bottom-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes hvr-wobble-to-top-right {
    16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
}
33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
}
49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
}
66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
}
83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
}
100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
}@keyframes hvr-wobble-to-top-right {
    16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
}
33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
}
49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
}
66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
}
83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
}
100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
}.hvr-wobble-to-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-wobble-to-top-right:active, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:hover {
    -webkit-animation-name: hvr-wobble-to-top-right;
    animation-name: hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes hvr-wobble-top {
    16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
}
33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
}
49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
}
66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
}
83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
}
100% {
    -webkit-transform: skew(0);
    transform: skew(0);
}
}@keyframes hvr-wobble-top {
    16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
}
33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
}
49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
}
66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
}
83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
}
100% {
    -webkit-transform: skew(0);
    transform: skew(0);
}
}.hvr-wobble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%}
.hvr-wobble-top:active, .hvr-wobble-top:focus, .hvr-wobble-top:hover {
    -webkit-animation-name: hvr-wobble-top;
    animation-name: hvr-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes hvr-wobble-bottom {
    16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
}
33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
}
49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
}
66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
}
83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
}
100% {
    -webkit-transform: skew(0);
    transform: skew(0);
}
}@keyframes hvr-wobble-bottom {
    16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
}
33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
}
49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
}
66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
}
83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
}
100% {
    -webkit-transform: skew(0);
    transform: skew(0);
}
}.hvr-wobble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.hvr-wobble-bottom:active, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:hover {
    -webkit-animation-name: hvr-wobble-bottom;
    animation-name: hvr-wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes hvr-wobble-skew {
    16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
}
33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
}
49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
}
66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
}
83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
}
100% {
    -webkit-transform: skew(0);
    transform: skew(0);
}
}@keyframes hvr-wobble-skew {
    16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
}
33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
}
49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
}
66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
}
83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
}
100% {
    -webkit-transform: skew(0);
    transform: skew(0);
}
}.hvr-wobble-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-wobble-skew:active, .hvr-wobble-skew:focus, .hvr-wobble-skew:hover {
    -webkit-animation-name: hvr-wobble-skew;
    animation-name: hvr-wobble-skew;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes hvr-buzz {
    50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
}
100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
}
}@keyframes hvr-buzz {
    50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
}
100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
}
}.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-buzz:active, .hvr-buzz:focus, .hvr-buzz:hover {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes hvr-buzz-out {
    10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
}
20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
}
30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
}
40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
}
50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
}
60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
}
70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
}
80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
}
90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
}
100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
}
}@keyframes hvr-buzz-out {
    10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
}
20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
}
30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
}
40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
}
50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
}
60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
}
70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
}
80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
}
90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
}
100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
}
}.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}
.hvr-buzz-out:active, .hvr-buzz-out:focus, .hvr-buzz-out:hover {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.hvr-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-forward:active, .hvr-forward:focus, .hvr-forward:hover {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
}
.hvr-backward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-backward:active, .hvr-backward:focus, .hvr-backward:hover {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
}
.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}
.hvr-fade:active, .hvr-fade:focus, .hvr-fade:hover {
    background-color: #2098d1;
    color: #fff;
}
@-webkit-keyframes hvr-back-pulse {
    50% {
    background-color: rgba(32, 152, 209, .75);
}
}@keyframes hvr-back-pulse {
    50% {
    background-color: rgba(32, 152, 209, .75);
}
}.hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    overflow: hidden;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}
.hvr-back-pulse:active, .hvr-back-pulse:focus, .hvr-back-pulse:hover {
    -webkit-animation-name: hvr-back-pulse;
    animation-name: hvr-back-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #2098d1;
    background-color: #2098d1;
    color: #fff;
}
.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-right:active, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:hover {
    color: #fff;
}
.hvr-sweep-to-right:active:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.hvr-sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-left:active, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:hover {
    color: #fff;
}
.hvr-sweep-to-left:active:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.hvr-sweep-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-sweep-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:active, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:hover {
    color: #fff;
}
.hvr-sweep-to-bottom:active:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-top:active, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:hover {
    color: #fff;
}
.hvr-sweep-to-top:active:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}
.hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-bounce-to-right:active, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:hover {
    color: #fff;
}
.hvr-bounce-to-right:active:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
}
.hvr-bounce-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}
.hvr-bounce-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-bounce-to-left:active, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:hover {
    color: #fff;
}
.hvr-bounce-to-left:active:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
}
.hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}
.hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:active, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:hover {
    color: #fff;
}
.hvr-bounce-to-bottom:active:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
}
.hvr-bounce-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}
.hvr-bounce-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-bounce-to-top:active, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:hover {
    color: #fff;
}
.hvr-bounce-to-top:active:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
}
.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-radial-out:active, .hvr-radial-out:focus, .hvr-radial-out:hover {
    color: #fff;
}
.hvr-radial-out:active:before, .hvr-radial-out:focus:before, .hvr-radial-out:hover:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}
.hvr-radial-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-radial-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-radial-in:active, .hvr-radial-in:focus, .hvr-radial-in:hover {
    color: #fff;
}
.hvr-radial-in:active:before, .hvr-radial-in:focus:before, .hvr-radial-in:hover:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.hvr-rectangle-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-rectangle-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-rectangle-in:active, .hvr-rectangle-in:focus, .hvr-rectangle-in:hover {
    color: #fff;
}
.hvr-rectangle-in:active:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:hover:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-rectangle-out:active, .hvr-rectangle-out:focus, .hvr-rectangle-out:hover {
    color: #fff;
}
.hvr-rectangle-out:active:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:active, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:hover {
    color: #fff;
}
.hvr-shutter-in-horizontal:active:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:hover:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:active, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:hover {
    color: #fff;
}
.hvr-shutter-out-horizontal:active:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:active, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:hover {
    color: #fff;
}
.hvr-shutter-in-vertical:active:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:hover:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}
.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:active, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:hover {
    color: #fff;
}
.hvr-shutter-out-vertical:active:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.hvr-border-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
}
.hvr-border-fade:active, .hvr-border-fade:focus, .hvr-border-fade:hover {
    box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px transparent;
}
.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
}
.hvr-hollow:active, .hvr-hollow:focus, .hvr-hollow:hover {
    background: 0 0;
}
.hvr-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}
.hvr-trim:before {
    content: '';
    position: absolute;
    border: #fff solid 4px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.hvr-trim:active:before, .hvr-trim:focus:before, .hvr-trim:hover:before {
    opacity: 1;
}
@-webkit-keyframes hvr-ripple-out {
    100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
}
}@keyframes hvr-ripple-out {
    100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
}
}.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}
.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.hvr-ripple-out:active:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:hover:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
}
@-webkit-keyframes hvr-ripple-in {
    100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
}
}@keyframes hvr-ripple-in {
    100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
}
}.hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}
.hvr-ripple-in:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.hvr-ripple-in:active:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:hover:before {
    -webkit-animation-name: hvr-ripple-in;
    animation-name: hvr-ripple-in;
}
.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}
.hvr-outline-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}
.hvr-outline-out:active:before, .hvr-outline-out:focus:before, .hvr-outline-out:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
}
.hvr-outline-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}
.hvr-outline-in:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}
.hvr-outline-in:active:before, .hvr-outline-in:focus:before, .hvr-outline-in:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1;
}
.hvr-round-corners {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius;
}
.hvr-round-corners:active, .hvr-round-corners:focus, .hvr-round-corners:hover {
    border-radius: 1em;
}
.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}
.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-underline-from-left:active:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:hover:before {
    right: 0;
}
.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}
.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-underline-from-center:active:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:hover:before {
    left: 0;
    right: 0;
}
.hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}
.hvr-underline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-underline-from-right:active:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:hover:before {
    left: 0;
}
.hvr-overline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}
.hvr-overline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-overline-from-left:active:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:hover:before {
    right: 0;
}
.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}
.hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-overline-from-center:active:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:hover:before {
    left: 0;
    right: 0;
}
.hvr-overline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}
.hvr-overline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-overline-from-right:active:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:hover:before {
    left: 0;
}
.hvr-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}
.hvr-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #2098d1;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-reveal:active:before, .hvr-reveal:focus:before, .hvr-reveal:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 4px;
}
.hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}
.hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-underline-reveal:active:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.hvr-overline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}
.hvr-overline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    background: #2098d1;
    height: 4px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-overline-reveal:active:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.hvr-glow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}
.hvr-glow:active, .hvr-glow:focus, .hvr-glow:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}
.hvr-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}
.hvr-shadow:active, .hvr-shadow:focus, .hvr-shadow:hover {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);
}
.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow:active, .hvr-grow-shadow:focus, .hvr-grow-shadow:hover {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.hvr-box-shadow-outset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}
.hvr-box-shadow-outset:active, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:hover {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .6);
}
.hvr-box-shadow-inset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .6), 0 0 1px transparent;
}
.hvr-box-shadow-inset:active, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:hover {
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .6), 0 0 1px transparent;
}
.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, transparent 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, transparent 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.hvr-float-shadow:active, .hvr-float-shadow:focus, .hvr-float-shadow:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.hvr-float-shadow:active:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
.hvr-shadow-radial {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}
.hvr-shadow-radial:after, .hvr-shadow-radial:before {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.hvr-shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, .6) 0, transparent 80%);
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, .6) 0, transparent 80%);
}
.hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, .6) 0, transparent 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .6) 0, transparent 80%);
}
.hvr-shadow-radial:active:after, .hvr-shadow-radial:active:before, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:hover:before {
    opacity: 1;
}
.hvr-bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}
.hvr-bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    top: 0;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent;
}
.hvr-bubble-top:active:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:hover:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.hvr-bubble-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}
.hvr-bubble-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
}
.hvr-bubble-right:active:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:hover:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
.hvr-bubble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}
.hvr-bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent;
}
.hvr-bubble-bottom:active:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:hover:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.hvr-bubble-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}
.hvr-bubble-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent;
}
.hvr-bubble-left:active:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:hover:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}
.hvr-bubble-float-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-bubble-float-top:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-bubble-float-top:active, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:hover {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.hvr-bubble-float-top:active:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:hover:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.hvr-bubble-float-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-bubble-float-right:before {
    position: absolute;
    z-index: -1;
    top: calc(50% - 10px);
    right: 0;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-bubble-float-right:active, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:hover {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}
.hvr-bubble-float-right:active:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:hover:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
.hvr-bubble-float-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-bubble-float-bottom:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    bottom: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-bubble-float-bottom:active, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.hvr-bubble-float-bottom:active:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:hover:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.hvr-bubble-float-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-bubble-float-left:before {
    position: absolute;
    z-index: -1;
    content: '';
    top: calc(50% - 10px);
    left: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-bubble-float-left:active, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:hover {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
.hvr-bubble-float-left:active:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:hover:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}
.hvr-icon-back {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-left: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
}
.hvr-icon-back:before {
    content: "\f137";
    position: absolute;
    left: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-back:active:before, .hvr-icon-back:focus:before, .hvr-icon-back:hover:before {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
}
.hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
}
.hvr-icon-forward:before {
    content: "\f138";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-forward:active:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:hover:before {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}
@-webkit-keyframes hvr-icon-down {
    0%, 100%, 50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
25%, 75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
}
}@keyframes hvr-icon-down {
    0%, 100%, 50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
25%, 75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
}
}.hvr-icon-down {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-down:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-down:active:before, .hvr-icon-down:focus:before, .hvr-icon-down:hover:before {
    -webkit-animation-name: hvr-icon-down;
    animation-name: hvr-icon-down;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes hvr-icon-up {
    0%, 100%, 50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
25%, 75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
}@keyframes hvr-icon-up {
    0%, 100%, 50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
25%, 75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
}.hvr-icon-up {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-up:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-up:active:before, .hvr-icon-up:focus:before, .hvr-icon-up:hover:before {
    -webkit-animation-name: hvr-icon-up;
    animation-name: hvr-icon-up;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.hvr-icon-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-spin:before {
    content: "\f021";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.hvr-icon-spin:active:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:hover:before {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
@-webkit-keyframes hvr-icon-drop {
    0% {
    opacity: 0;
}
50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
100%, 51% {
    opacity: 1;
}
}@keyframes hvr-icon-drop {
    0% {
    opacity: 0;
}
50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
100%, 51% {
    opacity: 1;
}
}.hvr-icon-drop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-drop:before {
    content: "\f041";
    position: absolute;
    right: 1em;
    opacity: 1;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-drop:active:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:hover:before {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-animation-name: hvr-icon-drop;
    animation-name: hvr-icon-drop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    animation-timing-function: cubic-bezier(.52, 1.64, .37, .66);
}
.hvr-icon-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-fade:before {
    content: "\f00c";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: color;
    transition-property: color;
}
.hvr-icon-fade:active:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:hover:before {
    color: #0f9e5e;
}
@-webkit-keyframes hvr-icon-float-away {
    0% {
    opacity: 1;
}
100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
}
}@keyframes hvr-icon-float-away {
    0% {
    opacity: 1;
}
100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
}
}.hvr-icon-float-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-float-away:after, .hvr-icon-float-away:before {
    content: "\f055";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
}
.hvr-icon-float-away:after {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.hvr-icon-float-away:active:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:hover:after {
    -webkit-animation-name: hvr-icon-float-away;
    animation-name: hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes hvr-icon-sink-away {
    0% {
    opacity: 1;
}
100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
}
}@keyframes hvr-icon-sink-away {
    0% {
    opacity: 1;
}
100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
}
}.hvr-icon-sink-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-sink-away:after, .hvr-icon-sink-away:before {
    content: "\f056";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-sink-away:after {
    opacity: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.hvr-icon-sink-away:active:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:hover:after {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.hvr-icon-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-icon-grow:before {
    content: "\f118";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-grow:active:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:hover:before {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0);
}
.hvr-icon-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-icon-shrink:before {
    content: "\f119";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-shrink:active:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:hover:before {
    -webkit-transform: scale(.8);
    transform: scale(.8);
}
@-webkit-keyframes hvr-icon-pulse {
    25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
75% {
    -webkit-transform: scale(.8);
    transform: scale(.8);
}
}@keyframes hvr-icon-pulse {
    25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
75% {
    -webkit-transform: scale(.8);
    transform: scale(.8);
}
}.hvr-icon-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-pulse:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-pulse:active:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:hover:before {
    -webkit-animation-name: hvr-icon-pulse;
    animation-name: hvr-icon-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes hvr-icon-pulse-grow {
    to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
}@keyframes hvr-icon-pulse-grow {
    to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
}.hvr-icon-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-pulse-grow:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-pulse-grow:active:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:hover:before {
    -webkit-animation-name: hvr-icon-pulse-grow;
    animation-name: hvr-icon-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
@-webkit-keyframes hvr-icon-pulse-shrink {
    to {
    -webkit-transform: scale(.8);
    transform: scale(.8);
}
}@keyframes hvr-icon-pulse-shrink {
    to {
    -webkit-transform: scale(.8);
    transform: scale(.8);
}
}.hvr-icon-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}
.hvr-icon-pulse-shrink:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-pulse-shrink:active:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:hover:before {
    -webkit-animation-name: hvr-icon-pulse-shrink;
    animation-name: hvr-icon-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
@-webkit-keyframes hvr-icon-push {
    50% {
    -webkit-transform: scale(.5);
    transform: scale(.5);
}
}@keyframes hvr-icon-push {
    50% {
    -webkit-transform: scale(.5);
    transform: scale(.5);
}
}.hvr-icon-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-icon-push:before {
    content: "\f006";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-push:active:before, .hvr-icon-push:focus:before, .hvr-icon-push:hover:before {
    -webkit-animation-name: hvr-icon-push;
    animation-name: hvr-icon-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes hvr-icon-pop {
    50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
}@keyframes hvr-icon-pop {
    50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
}.hvr-icon-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-icon-pop:before {
    content: "\f005";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-pop:active:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:hover:before {
    -webkit-animation-name: hvr-icon-pop;
    animation-name: hvr-icon-pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.hvr-icon-bounce {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-icon-bounce:before {
    content: "\f087";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-bounce:active:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:hover:before {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
}
.hvr-icon-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-icon-rotate:before {
    content: "\f0c6";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-rotate:active:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:hover:before {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}
.hvr-icon-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-icon-grow-rotate:before {
    content: "\f095";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-grow-rotate:active:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:hover:before {
    -webkit-transform: scale(1.5) rotate(12deg);
    transform: scale(1.5) rotate(12deg);
}
.hvr-icon-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-icon-float:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-float:active:before, .hvr-icon-float:focus:before, .hvr-icon-float:hover:before {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
.hvr-icon-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-icon-sink:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-sink:active:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:hover:before {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
@-webkit-keyframes hvr-icon-bob {
    0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
}@keyframes hvr-icon-bob {
    0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
}@-webkit-keyframes hvr-icon-bob-float {
    100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
}@keyframes hvr-icon-bob-float {
    100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
}.hvr-icon-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-icon-bob:before {
    content: "\f077";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-bob:active:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:hover:before {
    -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
    animation-name: hvr-icon-bob-float, hvr-icon-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
@-webkit-keyframes hvr-icon-hang {
    0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
}
50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}
100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
}
}@keyframes hvr-icon-hang {
    0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
}
50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}
100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
}
}@-webkit-keyframes hvr-icon-hang-sink {
    100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
}
}@keyframes hvr-icon-hang-sink {
    100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
}
}.hvr-icon-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-icon-hang:before {
    content: "\f078";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-hang:active:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:hover:before {
    -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
}
33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}
49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}
66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
}
83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
}
100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}@keyframes hvr-icon-wobble-horizontal {
    16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
}
33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}
49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}
66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
}
83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
}
100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}.hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-icon-wobble-horizontal:before {
    content: "\f061";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:active:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:hover:before {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes hvr-icon-wobble-vertical {
    16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
}
33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}@keyframes hvr-icon-wobble-vertical {
    16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
}
33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}.hvr-icon-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-icon-wobble-vertical:before {
    content: "\f062";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-wobble-vertical:active:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:hover:before {
    -webkit-animation-name: hvr-icon-wobble-vertical;
    animation-name: hvr-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@-webkit-keyframes hvr-icon-buzz {
    50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
}
100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
}
}@keyframes hvr-icon-buzz {
    50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
}
100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
}
}.hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-icon-buzz:before {
    content: "\f017";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-buzz:active:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:hover:before {
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes hvr-icon-buzz-out {
    10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
}
20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
}
30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
}
40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
}
50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
}
60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
}
70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
}
80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
}
90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
}
100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
}
}@keyframes hvr-icon-buzz-out {
    10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
}
20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
}
30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
}
40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
}
50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
}
60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
}
70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
}
80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
}
90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
}
100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
}
}.hvr-icon-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-icon-buzz-out:before {
    content: "\f023";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.hvr-icon-buzz-out:active:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:hover:before {
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.hvr-curl-top-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}
.hvr-curl-top-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}
.hvr-curl-top-left:active:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:hover:before {
    width: 25px;
    height: 25px;
}
.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}
.hvr-curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, .4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}
.hvr-curl-top-right:active:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:hover:before {
    width: 25px;
    height: 25px;
}
.hvr-curl-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}
.hvr-curl-bottom-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    box-shadow: -1px -1px 1px rgba(0, 0, 0, .4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}
.hvr-curl-bottom-right:active:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:hover:before {
    width: 25px;
    height: 25px;
}
.hvr-curl-bottom-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}
.hvr-curl-bottom-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    box-shadow: 1px -1px 1px rgba(0, 0, 0, .4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}
.hvr-curl-bottom-left:active:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:hover:before {
    width: 25px;
    height: 25px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Poppins, sans-serif!important;
}
body {
    font-family: Rubik, sans-serif!important;
}
p {
    font-family: Rubik, sans-serif;
    font-size: 16px;
}
html {
    scroll-behavior: smooth;
}
.header-b {
    background: url(../images/banner.webp);
    background-size: cover;
    color: #fff;
    padding: 65px 0;
}
.header-b h1 {
    color: #444;
    font-size: 2.5rem;
    text-transform: capitalize;
}
.header-b h1:first-child {
    font-size: 2.5rem;
    line-height: 3rem;
}
.header-b h1:first-child span {
    font-size: 4rem;
    color: #ff7f00;
}
.header-b .btn-c {
    background: -webkit-gradient(linear, left top, right top, from(#ff5917), to(#ff9317)=);
    background: -webkit-linear-gradient(left, #ff5917, #ff9317);
    background: -o-linear-gradient(left, #ff5917, #ff9317);
    background: linear-gradient(to right, #ff5917, #ff9317);
    padding: 4px 39px;
    color: #fff;
    border-radius: 18px;
    font-size: 20px;
    display: inline-block;
    margin-top: 15px;
}
.call-section {
    padding: 20px 0;
    background: #f3f3f3;
}
.call-section h2 {
    font-size: 27px;
    font-weight: 900;
}
.call-section .call-content h3 {
    margin-top: 28px;
}
.call-section .call-content p {
    margin-bottom: 0;
}
.call-section .btn-warning {
    width: 100%}
.call-section .btn-c {
    background: -webkit-gradient(linear, left top, right top, from(#ff5917), to(#ff9317));
    background: -webkit-linear-gradient(left, #ff5917, #ff9317);
    background: -o-linear-gradient(left, #ff5917, #ff9317);
    background: linear-gradient(to right, #ff5917, #ff9317);
    padding: 4px 39px;
    color: #fff;
    font-weight: 400;
    border-radius: 18px;
    font-size: 16px;
    display: inline-block;
    margin-top: 0;
}
.call-section .call-s span {
    margin-bottom: 0;
}
.call-section .call-s span {
    font-size: 1.3rem;
    color: #000;
    margin-bottom: -4px;
    margin-top: 0;
    font-weight: 900;
}
.position-absolute {
    position: absolute!important;
    right: 26px;
    top: 19px;
}
.content-s {
    padding: 50px 0;
}
.content-s h2 {
    color: #111;
    font-weight: 700;
    font-size: 30px;
    position: relative;
    padding-bottom: 1px;
}
.content-p {
    font-size: 20px;
    color: orange;
    margin-top: 0;
}
.content-s p {
    text-align: justify;
}
.content-sec {
    background: rgb(172 113 212);
    padding: 60px 0;
    position: relative;
}
.circle {
    height: 300px;
    width: 300px;
    border-radius: 50%;
    position: absolute;
    top: 3%;
    z-index: 0;
    left: -5%;
    border: 25px solid #c485f7;
}
.circle-3 {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    position: absolute;
    top: 3%;
    z-index: 0;
    left: 0;
    background: linear-gradient(#aa73d5, #ae00e6);
}
.circle-4 {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    position: absolute;
    top: 19%;
    z-index: 0;
    left: 8%;
    background: linear-gradient(#faaf3c, #f89923);
}
.circle2 {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    position: absolute;
    background: #c485f7;
    bottom: 3%;
    z-index: 0;
    right: 5%}
.circle7 {
    height: 300px;
    width: 300px;
    border-radius: 50%;
    position: absolute;
    top: 3%;
    z-index: 0;
    left: -5%;
    border: 25px solid #c485f7;
}
.circle6 {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    position: absolute;
    background: #c485f7;
    bottom: 3%;
    z-index: 0;
    right: 5%}
.content-sec h2 {
    color: #fff;
    font-weight: 900;
    font-size: 28px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    letter-spacing: 1px;
}
.content-sec h2 span {
    color: #ff5917;
}
.content-sec h2::before {
    background: #f89f22;
    height: 2px;
    width: 40px;
    content: "";
    position: absolute;
    left: 46%;
    bottom: 0;
}
.content-sec h2::after {
    background: #f89f22;
    height: 2px;
    width: 10px;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
}
.col-s {
    position: relative;
}
.success-sec {
    position: relative;
}
.col-s ul {
    position: relative;
}
.success-sec ul {
    margin: 0;
    padding: 0;
}
.as-one {
    background: #fff;
    padding: 20px;
    height: 236px;
    border: 1px solid #ccc;
}
.first-place a {
    color: #fff;
}
.testimonial h2 {
    color: #000;
    font-weight: 900;
    font-size: 26px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.testimonial h2::before {
    background: #f89f22;
    height: 2px;
    width: 40px;
    content: "";
    position: absolute;
    left: 47%;
    bottom: 0;
}
#custom_carousel .item {
    color: #000;
    background-color: #eee;
    padding: 20px 0;
}
#custom_carousel .controls {
    padding: 0;
    margin: 0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    margin-top: 164px;
}
#custom_carousel .controls li.active {
    background-color: #eee;
    border-top: 3px solid orange;
}
#custom_carousel .controls a small {
    overflow: hidden;
    display: block;
    font-size: 10px;
    margin-top: 5px;
    font-weight: 700;
}
#custom_carousel .controls li.active a {
    color: #fff;
}
#custom_carousel .controls li.active {
    background-color: rgb(172 113 212);
    border-top: none;
}
.bottom {
    background-image: linear-gradient(to right, #0804f9, #e9031f);
    height: 100px;
    width: 1260px;
    margin: 0 0 0 50px;
    line-height: 100px;
    font-size: 50px;
    font-weight: 800;
}
.success-sec {
    padding: 60px 0;
    background-color: #fff;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='.5' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cuse fill='%23fafafa' href='%23s' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23f5f5f5' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23f5f5f5' href='%23s'/%3E%3Cuse fill='%23f0f0f0' href='%23s' x='2'/%3E%3Cuse fill='%23f0f0f0' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ebebeb'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ebebeb'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23e5e5e5'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23e0e0e0'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
    background-size: cover;
}
.success-sec h2 {
    color: #000;
    font-weight: 900;
    font-size: 32px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.success-sec h2::before {
    background: #f89f22;
    height: 2px;
    width: 40px;
    content: "";
    position: absolute;
    left: 47%;
    bottom: 0;
}
.success-sec h2::after {
    background: #f89f22;
    height: 2px;
    width: 10px;
    content: "";
    position: absolute;
    left: 52%;
    bottom: 0;
}
.s-box {
    background-color: #fff;
    margin-bottom: 20px;
    padding: 15px;
    position: relative;
    height: 100%;
    box-shadow: 0 14px 42px 0 rgb(129 174 250 / 10%);
    border-radius: 4px;
    position: relative;
}
.s-box:before {
    position: absolute;
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    top: 0;
    right: 0;
    border-left: 24px solid transparent;
    border-top: 24px solid orange;
    z-index: 1;
    opacity: 1;
    transition: opacity .2s;
}
.s-box:hover::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    left: 0;
    top: 0;
}
.s-box h3, .s-box h4 {
    color: #1e1765;
    text-align: center;
    font-weight: 600;
    position: relative;
    font-size: 23px;
    margin-top: 15px;
}
.s-box p {
    text-align: justify;
}
.s-box ul {
    margin: 0;
    padding: 0;
}
.s-box ul li {
    position: relative;
    padding-left: 14px;
}
.s-box ul li::before {
    content: '';
    width: 5px;
    height: 5px;
    left: 0;
    top: 12px;
    background-color: #ff5f17;
    position: absolute;
    border-radius: 50%}
.cl {
    display: flex;
}
.plans {
    padding: 60px 0;
}
.plans h2 {
    color: #000;
    font-weight: 900;
    font-size: 26px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    text-transform: uppercase;
    margin-top:  36px;
    letter-spacing: 1px;
}
.plans h2 span {
    color: #ff5917;
}
.plans h2::before {
    background: #f89f22;
    height: 2px;
    width: 40px;
    content: "";
    position: absolute;
    left: 47%;
    bottom: 0;
}
.plans h2::after {
    background: #f89f22;
    height: 2px;
    width: 10px;
    content: "";
    position: absolute;
    left: 51%;
    bottom: 0;
}
.pricingTable {
    background: #fff;
    font-family: Roboto, sans-serif;
    text-align: center;
    padding: 20px 0 24px;
    box-shadow: 0 0 10px -3px rgb(0 0 0 / 30%);
}
.pricingTable .pricingTable-header {
    background: linear-gradient(to right, #f37a21, #f5b259 20px, #f5b259 13px, #f37a21 38px, #f37a21 40%, #f8931f 60%);
    text-align: center;
    text-transform: uppercase;
    padding: 0 0 7px;
    margin: 0 20px 20px 0;
    clip-path: polygon(0 0, 0 100%, 85% 100%, 100% 50%, 85% 0);
}
.pricingTable .title {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 65px;
    margin: 0;
}
.cl {
    display: flex;
}
.pricingTable .price-value {
    color: #000;
    padding: 0 15px;
    margin: 0 0 20px;
}
.pricingTable .price-value .amount {
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
}
.pricingTable .price-value .duration {
    font-size: 30px;
    font-weight: 300;
    text-transform: lowercase;
}
.pricingTable .pricing-content {
    text-align: left;
    padding: 25px 9px;
    margin: 0 0 10px;
    border: 1px solid #e7e7e7;
    border-left: none;
    border-right: none;
    list-style: none;
    display: inline-block;
    border-bottom: none;
}
.pricingTable .pricing-content li {
    color: #191919;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: .5px;
    text-transform: capitalize;
    padding: 0 0 7px 25px;
    margin: 0 0 9px;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}
.pricingTable .pricing-content li:last-child {
    border-bottom: 1px solid #fff;
}
.pricingTable .pricing-content li:last-child {
    margin-bottom: 0;
}
.pricingTable .pricing-content li:before {
    content: "\f00c";
    color: #18bd3b;
    font-family: FontAwesome;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
    line-height: 24px;
    width: 23px;
    height: 23px;
    border-radius: 50px;
    position: absolute;
    top: 1px;
    left: 0;
}
.pricingTable .pricing-content li.disable:before {
    content: "\f00d";
    background: #ed1925;
}
.pricingTable .pricingTable-signup a {
    color: #fff;
    background: #333;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    width: 200px;
    padding: 6px 6px 5px;
    border-radius: 28px;
    display: inline-block;
    transition: all .3s ease;
}
.pricingTable .pricingTable-signup a:hover {
    text-shadow: 4px 4px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 0 rgba(0, 0, 0, .15);
}
.pricingTable.green .pricingTable-header {
    background: linear-gradient(to right, #8dc53c, #e1e530 20px, #e1e530 13px, #8dc53c 38px, #8dc53c 40%, #9bbf3b 60%);
}
.pricingTable.green .pricingTable-signup a {
    background: linear-gradient(#72bc4b, #54a445);
}
.pricingTable.green .pricing-content li:before {
    background: #54a445;
}
.pricingTable .pricing-content li.disable:before {
    background: #ed1925;
}
@media only screen and (max-width:990px) {
    .pricingTable {
    margin-bottom: 40px;
}
}.pricingTable.blue .pricingTable-header {
    background: linear-gradient(to right, #ae00e6, #ae00e6 20px, #ae00e6 13px, #ae00e6 38px, #aa74d6 40%, #ab73d5 60%);
}
.pricingTable.blue .pricing-content li:before {
    background: #fff;
}
.pricingTable.blue .pricingTable-signup a {
    background: #333;
}
.pricingTable-signup {
    position: absolute;
    bottom: 18px;
    text-align: center;
    left: 9%}
.pricingTable {
    position: relative;
    border-radius: 10px;
    height: 100%}
.cl-sm {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 15px;
}
.pricingTable:hover {
    box-shadow: none;
    transition: all 1s;
}
.faq {
    background-color: #fff;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='.5' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cuse fill='%23fafafa' href='%23s' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23f5f5f5' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23f5f5f5' href='%23s'/%3E%3Cuse fill='%23f0f0f0' href='%23s' x='2'/%3E%3Cuse fill='%23f0f0f0' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ebebeb'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ebebeb'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23e5e5e5'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23e0e0e0'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
    padding: 60px 0;
}
.faq h2 {
    color: #000;
    font-weight: 900;
    font-size: 26px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 0;
    letter-spacing: 1px;
}
.faq h2::before {
    background: #f89f22;
    height: 2px;
    width: 40px;
    content: "";
    position: absolute;
    left: 47%;
    bottom: 0;
}
.faq h2::after {
    background: #f89f22;
    height: 2px;
    width: 10px;
    content: "";
    position: absolute;
    left: 52%;
    bottom: 0;
}
.myaccordion {
    box-shadow: 0 0 1px rgba(0, 0, 0, .1);
}
.myaccordion .card, .myaccordion .card:last-child .card-header {
    border: none;
}
.myaccordion .card-header {
    border-bottom-color: #edeff0;
    background: 0 0;
}
.myaccordion .fa-stack {
    font-size: 18px;
}
.myaccordion .btn {
    width: 100%;
    font-weight: 700;
    color: #333!important;
    padding: 0;
}
.card-header button {
    text-align: left;
}
.myaccordion .card-header {
    padding: 3px 10px;
    border-bottom-color: orange!important;
    background: #fff!important;
    box-shadow: none!important;
}
.myaccordion .btn-link:focus, .myaccordion .btn-link:hover {
    text-decoration: none;
}
.myaccordion li+li {
    margin-top: 10px;
}
.testimonial {
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}
.testimonial:before {
    content: '';
    position: absolute;
    right: -100%;
    top: 20%;
    width: 250%;
    height: 200%;
    z-index: -1;
    background-color: #ae00e6;
    transform: skewY(135deg);
}
.testimonial video {
    width: 100%;
    margin-top: 2%;
    border-top: 9px solid #faaf3c;
    border-right: 9px solid #faaf3c;
}
.testimonials {
    color: #000;
    position: relative;
    text-align: center;
}
.testimonials:before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
}
.testimonials .heading h2 {
    font-size: 25px;
    font-weight: 700;
    color: #333;
}
.testimonials .heading h2 span {
    color: red;
}
.testimonials p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
    color: #333 margin:20px 0;
    padding: 0;
}
.testimonials .carousel-inner .carousel-item .team {
    width: 100px;
    height: 100px;
    border: 2px solid #f9a32e;
    border-radius: 100%;
    padding: 5px;
    margin: 0 0 15px;
}
.testimonials .carousel-inner .carousel-item h3 {
    font-size: 20px;
    color: #333;
    font-weight: 600;
}
.testimonials .carousel-inner .carousel-item h4 {
    font-size: 14px;
    font-weight: 300;
    color: #333;
    margin-bottom: 20px;
}
.testimonials .carousel-indicators {
    bottom: -50px;
}
.testimonials .carousel-indicators li {
    background-color: #b8b7b7;
    border-radius: 30px;
    height: 8px;
    width: 8px;
}
.testimonials .carousel-indicators .active {
    background-color: #ac31df;
}
.testimonials .control span {
    cursor: pointer;
}
.testimonials .icon {
    height: 40px;
    width: 40px;
    background-size: 100%, 100%;
    border-radius: 50%;
    font-size: 30px;
    background-image: none;
    color: #fff;
}
.deliver-sec {
    padding: 60px 0;
    position: relative;
}
.rc {
    position: absolute;
    width: 24%;
    height: 23%;
    top: 20%;
    right: 0;
    z-index: 1;
    transform: rotate(-45deg);
}
.deliver-sec h2 {
    color: #000;
    font-weight: 900;
    font-size: 26px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
.deliver-sec .circle-3 {
    top: 70%;
    left: -3%;
    width: 300px;
    height: 300px;
}
.deliver-sec .circle-4 {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    position: absolute;
    top: 18%;
    z-index: 0;
    left: 5%}
.box-st {
    box-shadow: -2px 3px 10px #ccc;
    padding: 27px;
    border-radius: 6px;
    margin-top: 30px;
    position: relative;
    background: #fff;
}
.box-st span {
    color: #ff7f00;
    font-size: 38px;
}
.box-st:before {
    position: absolute;
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    border-right: 24px solid transparent;
    border-top: 24px solid orange;
    z-index: 1;
    opacity: 1;
    transition: opacity .2s;
}
.box-st h3 {
    color: #1e1765;
}
.deliver-sec h2::before {
    background: #f89f22;
    height: 2px;
    width: 40px;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
}
.deliver-sec h2::after {
    background: #f89f22;
    height: 2px;
    width: 10px;
    content: "";
    position: absolute;
    left: 40px;
    bottom: 0;
}
.faq {
    padding: 50px 0;
}
.faq h3 {
    color: #000;
    font-weight: 900;
    font-size: 26px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.faq h2::before {
    background: #f89f22;
    height: 2px;
    width: 40px;
    content: "";
    position: absolute;
    left: 47%;
    bottom: 0;
}
.faq h2::after {
    background: #f89f22;
    height: 2px;
    width: 10px;
    content: "";
    position: absolute;
    left: 51%;
    bottom: 0;
}
.seo-tools {
    padding: 50px 0;
}
.seo-tools h2 {
    color: #000;
    font-weight: 900;
    font-size: 26px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.seo-tools h2::before {
    background: #f89f22;
    height: 2px;
    width: 40px;
    content: "";
    position: absolute;
    left: 47%;
    bottom: 0;
}
.seo-tools h2::after {
    background: #f89f22;
    height: 2px;
    width: 10px;
    content: "";
    position: absolute;
    left: 51%;
    bottom: 0;
}
.tool-box {
    background: #fff;
    box-shadow: -1px 2px 11px #e4e4e4;
    border-radius: 4px;
    position: relative;
}
.tool-box:before {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 2px;
    background: -webkit-gradient(linear, left top, right top, from(#ff5917), to(#ff9317));
    background: -webkit-linear-gradient(left, #ff5917, #ff9317);
    background: -o-linear-gradient(left, #ff5917, #ff9317);
    background: linear-gradient(to right, #ff5917, #ff9317);
}
.modal-lg .close {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: 400;
    color: #fff;
    opacity: 1;
}
.modal-lg .modal-video {
    background: 0 0!important;
}
.modal-lg .modal-video .modal-body {
    padding: 0;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.asp {
    background: #ff7f00!important;
}
.tel-p {
    font-size: 20px;
    color: #ff7f00;
    font-weight: 700;
    text-shadow: 1px 0 0 #ccc;
}
.bg-light ul li i {
    color: #ff7f00;
}
.tel-p:hover {
    color: #ae00e6;
}
.pricingTable .pricing-content li span {
    font-size: 18px;
    font-weight: 700;
}
@media(max-width:600px) {
    .header-b {
    padding: 20px 0;
}
.chat_img_gif img {
    height: 233px;
    width: 132px;
}
.header-b h1 {
    color: #fff;
    font-size: 1rem;
    text-transform: capitalize;
    padding: 0 15%}
.header-b .btn-c {
    padding: 2px 23px;
    font-size: 14px;
    display: inline-block;
    margin-top: 15px;
}
.xs-header.header-main {
    height: 103px;
    padding-top: 26px;
}
.as-one {
    height: auto;
}
#custom_carousel .controls {
    display: none;
}
.circle7 {
    z-index: -1;
}
.pricingTable-tt {
    left: 32%;
    bottom: 4px;
}
.price-t {
    font-size: 12px;
}
.s-box {
    margin-bottom: 20px;
}
.rc {
    position: absolute;
    width: 24%;
    height: 3%;
    top: 20%;
    right: 0;
    z-index: 1;
    transform: rotate(-46deg);
}
.call-section {
    text-align: center;
}
.cl-sm {
    width: 100%}
.pricingTable .pricingTable-signup a {
    color: #fff;
    background: #333;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    width: auto;
    padding: 5px 16px 5px;
    border-radius: 28px;
    display: inline-block;
    transition: all .3s ease;
}
}@media(max-width:768px) {
    .pricingTable-tt {
    position: initial;
    left: 32%;
    bottom: 5px;
}
.s-box {
    height: initial;
}
.price-t {
    font-size: 14px;
}
}.sec-tent {
    color: #fff!important;
    margin-bottom: 20px!important;
    display: block;
    margin-top: -10px;
}
.deliver-sec .moreless-button {
    background: -webkit-gradient(linear, left top, right top, from(#ff5917), to(#ff9317));
    background: -webkit-linear-gradient(left, #ff5917, #ff9317);
    background: -o-linear-gradient(left, #ff5917, #ff9317);
    background: linear-gradient(to right, #ff5917, #ff9317);
    padding: 4px 39px;
    color: #fff;
    font-weight: 400;
    border-radius: 18px;
    font-size: 16px;
    display: inline-block;
    margin-top: 0;
}
.deliver-sec ul {
    margin-bottom: 20px;
}
.deliver-sec ul li {
    list-style-type: disc;
    margin-left: 15px;
}
.del-sec h2 {
    margin-bottom: 0!important;
}
.del-sec h2:after {
    display: none!important;
}
.del-sec h2:before {
    display: none!important;
}
.del-sec h3 {
    margin-top: 20px!important;
}
.content-s p {
    margin-bottom: 10px;
}
.testimonial ul li {
    list-style-type: disc;
}
.testimonial ul {
    margin-left: 15px;
}
.testi h2:after {
    display: none!important;
}
.testi h2:before {
    display: none!important;
}
.con .s-box h3 {
    text-align: left!important;
}
.plans {
    background: #f5f5f5;
}
.seo-tools h2 span {
    color: #ff7f00;
}
#owl1 .active .item {
    border: 3px solid #ccc;
}
video {
    width: 100%}
.cus-h1 {
    font-size: 4rem!important;
    color: #fff!important;
}
.exp {
    font-size: 1.3rem;
    margin-top: 27px;
    font-weight: 500;
}
.bg-fa {
    background: #fafafa;
    padding: 50px 0;
}
.bg-fa h2 {
    color: #1e1765;
}
.bg-fa h2 span {
    color: #ff7f00;
}
.bg-fa h3 span {
    color: #ff7f00;
    font-size: 38px;
}
.bg-fa h3 {
    color: #1e1765;
}
.cl p {
    text-align: justify;
}
.serviceBox {
    color: #fff;
    font-family: Poppins, sans-serif;
    text-align: center;
    padding: 25px 25px 55px;
    position: relative;
    z-index: 1;
}
.serviceBox:after, .serviceBox:before {
    content: '';
    background: linear-gradient(#ae00e6, #ae00e6);
    border-radius: 20px;
    position: absolute;
    left: 10px;
    right: 0;
    top: 15px;
    bottom: 0;
    z-index: -1;
}
.serviceBox:after {
    background: #fff;
    left: 0;
    right: 10px;
    top: 0;
    bottom: 15px;
    clip-path: polygon(30% 0, 100% 0, 100% 85%, 75% 100%, 0 100%, 0 20%);
}
.serviceBox .service-icon {
    color: #882fd5;
    font-size: 35px;
    text-shadow: 4px 4px rgba(0, 0, 0, .1);
    margin: 0 0 10px;
}
.serviceBox .title {
    color: #882fd5;
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.serviceBox .title span {
    font-weight: 700;
}
.serviceBox .description {
    font-family: Rubik, sans-serif;
    font-size: 16px;
    text-align: left;
    color: #333;
    letter-spacing: .5px;
    margin: 0;
    margin-bottom: 15px;
}
.serviceBox .read-more {
    color: #fff;
    font-size: 22px;
    line-height: 22px;
    position: absolute;
    right: 15px;
    bottom: 9px;
    transition: all .3s ease 0s;
}
.serviceBox .read-more:hover {
    color: rgba(255, 255, 255, .7);
    text-shadow: 3px 3px rgba(255, 255, 255, .1);
}
.serviceBox.darkgreen:before {
    background: linear-gradient(#ff7f00, #ff7f00);
}
.serviceBox.darkgreen .service-icon, .serviceBox.darkgreen .title {
    color: #ff7f00;
}
.serviceBox.blue:before {
    background: linear-gradient(#ae00e6, #ae00e6);
}
.serviceBox.blue .service-icon, .serviceBox.blue .title {
    color: #882fd5;
}
.serviceBox.green:before {
    background: linear-gradient(#93c916, #3ab447);
}
.serviceBox.green .service-icon, .serviceBox.green .title {
    color: #3ab447;
}
@media only screen and (max-width:990px) {
    .serviceBox {
    margin: 0 0 30px;
}
}.serviceBox p {
    color: #000;
}
.serviceBox ul li {
    color: #000;
    list-style: none;
    text-align: left;
}
.serviceBox .more {
    color: #882fd5;
}
.service-icon .fa {
    font-size: 30px;
}
.main-timeline {
    margin-top: 30px;
    padding: 20px 0;
    position: relative;
}
.main-timeline::after, .main-timeline::before {
    content: "";
    height: 40px;
    width: 40px;
    background-color: #e7e7e7;
    border-radius: 50%;
    border: 10px solid #303334;
    transform: translatex(-50%);
    position: absolute;
    left: 50%;
    top: -15px;
    z-index: 2;
}
.main-timeline::after {
    top: auto;
    bottom: 15px;
}
.main-timeline .timeline {
    padding: 35px 0;
    margin-top: -30px;
    position: relative;
    z-index: 1;
}
.main-timeline .timeline::after, .main-timeline .timeline::before {
    content: "";
    height: 100%;
    width: 50%;
    border-radius: 110px 0 0 110px;
    border: 15px solid #46b2bc;
    border-right: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.main-timeline .timeline::after {
    height: calc(100% - 30px);
    width: calc(50% - 12px);
    border-color: #65c7d0;
    left: 12px;
    top: 15px;
}
.main-timeline .timeline-content {
    display: inline-block;
}
.main-timeline .timeline-content:hover {
    text-decoration: none;
}
.main-timeline .timeline-year {
    color: #65c7d0;
    font-size: 50px;
    font-weight: 600;
    display: inline-block;
    transform: translatey(-50%);
    position: absolute;
    top: 50%;
    left: 10%}
.main-timeline .timeline-icon {
    color: #65c7d0;
    font-size: 70px;
    display: inline-block;
    transform: translateY(-50%);
    position: absolute;
    left: 34%;
    top: 50%}
.main-timeline .content {
    color: #909090;
    width: 80%;
    padding: 20px;
    display: inline-block;
    float: right;
}
.main-timeline .title {
    color: #65c7d0;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
.main-timeline .description {
    font-size: 16px;
    margin: 0;
}
.main-timeline .timeline:nth-child(even)::before {
    left: auto;
    right: 0;
    border-radius: 0 110px 110px 0;
    border: 15px solid red;
    border-left: none;
}
.main-timeline .timeline:nth-child(even)::after {
    left: auto;
    right: 12px;
    border-radius: 0 100px 100px 0;
    border: 15px solid green;
    border-left: none;
}
.main-timeline .timeline:nth-child(even) .content {
    float: left;
}
.main-timeline .timeline:nth-child(even) .timeline-year {
    left: auto;
    right: 10%}
.main-timeline .timeline:nth-child(even) .timeline-icon {
    left: auto;
    right: 32%}
.main-timeline .timeline:nth-child(5n+1)::before {
    border-color: #46b2bc;
}
.main-timeline .timeline:nth-child(5n+1)::after {
    border-color: #65c7d0;
}
.main-timeline .timeline:nth-child(5n+1) .timeline-icon {
    color: #65c7d0;
}
.main-timeline .timeline:nth-child(5n+1) .timeline-year {
    color: #65c7d0;
}
.main-timeline .timeline:nth-child(5n+1) .title {
    color: #65c7d0;
}
.main-timeline .timeline:nth-child(5n+2)::before {
    border-color: #ea3c14;
}
.main-timeline .timeline:nth-child(5n+2)::after {
    border-color: #ef5720;
}
.main-timeline .timeline:nth-child(5n+2) .timeline-icon {
    color: #ea3c14;
}
.main-timeline .timeline:nth-child(5n+2) .timeline-year {
    color: #ea3c14;
}
.main-timeline .timeline:nth-child(5n+2) .title {
    color: #ea3c14;
}
.main-timeline .timeline:nth-child(5n+3)::before {
    border-color: #8cc63e;
}
.main-timeline .timeline:nth-child(5n+3)::after {
    border-color: #6caf29;
}
.main-timeline .timeline:nth-child(5n+3) .timeline-icon {
    color: #8cc63e;
}
.main-timeline .timeline:nth-child(5n+3) .timeline-year {
    color: #8cc63e;
}
.main-timeline .timeline:nth-child(5n+3) .title {
    color: #8cc63e;
}
.main-timeline .timeline:nth-child(5n+4)::before {
    border-color: #f99324;
}
.main-timeline .timeline:nth-child(5n+4)::after {
    border-color: #fbb03b;
}
.main-timeline .timeline:nth-child(5n+4) .timeline-icon {
    color: #f99324;
}
.main-timeline .timeline:nth-child(5n+4) .timeline-year {
    color: #f99324;
}
.main-timeline .timeline:nth-child(5n+4) .title {
    color: #f99324;
}
.main-timeline .timeline:nth-child(5n+5)::before {
    border-color: #0071bd;
}
.main-timeline .timeline:nth-child(5n+5)::after {
    border-color: #0050a3;
}
.main-timeline .timeline:nth-child(5n+5) .timeline-icon {
    color: #0071bd;
}
.main-timeline .timeline:nth-child(5n+5) .timeline-year {
    color: #0071bd;
}
.main-timeline .timeline:nth-child(5n+5) .title {
    color: #0071bd;
}
@media screen and (max-width:1200px) {
    .main-timeline .timeline: after {
    border-radius: 88px 0 0 88px;
}
.main-timeline .timeline:nth-child(even):after {
    border-radius: 0 88px 88px 0;
}
}@media screen and (max-width:767px) {
    .main-timeline .timeline {
    margin-top: -19px;
}
.main-timeline .timeline:before {
    border-radius: 50px 0 0 50px;
    border-width: 10px;
}
.main-timeline .timeline:after {
    height: calc(100% - 18px);
    width: calc(50% - 9px);
    border-radius: 43px 0 0 43px;
    border-width: 10px;
    top: 9px;
    left: 9px;
}
.main-timeline .timeline:nth-child(even):before {
    border-radius: 0 50px 50px 0;
    border-width: 10px;
}
.main-timeline .timeline:nth-child(even):after {
    height: calc(100% - 18px);
    width: calc(50% - 9px);
    border-radius: 0 43px 43px 0;
    border-width: 10px;
    top: 9px;
    right: 9px;
}
.main-timeline .timeline-icon {
    font-size: 60px;
}
.main-timeline .timeline-year {
    font-size: 40px;
}
.social_icons {
    flex: 0 0 50%;
    display: none;
}
.socail_box h4 {
    font-size: calc(2rem + 1vw);
    display: none;
}
}@media screen and (max-width:479px) {
    .main-timeline .timeline-icon {
    font-size: 50px;
    transform: translateY(0);
    top: 25%;
    left: 10%}
.main-timeline .timeline-year {
    font-size: 25px;
    transform: translateY(0);
    top: 65%;
    left: 9%}
.main-timeline .content {
    width: 68%;
    padding: 10px;
}
.main-timeline .title {
    font-size: 18px;
}
.main-timeline .timeline:nth-child(even) .timeline-icon {
    right: 10%}
.main-timeline .timeline:nth-child(even) .timeline-year {
    right: 9%}
}.header-b h1 {
    color: #fff;
    font-size: 2.5rem;
    text-transform: capitalize;
    padding: 0 0;
}
.header-b h1 {
    color: #303030;
    font-size: 2.5rem;
    text-transform: capitalize;
    padding: 0 0;
}
.header-b .btn-c {
    background: -webkit-gradient(linear, left top, right top, from(#ff5917), to(#ff9317));
    background: -webkit-linear-gradient(left, #ff5917, #ff9317);
    background: -o-linear-gradient(left, #ff5917, #ff9317);
    background: linear-gradient(to right, #ff5917, #ff9317);
    padding: 7px 20px;
    color: #fff;
    border-radius: 2px;
    font-size: 20px;
    display: inline-block;
    margin-top: 15px;
}
.header-b h1:first-child {
    font-size: 2.2rem;
    line-height: 3.5rem;
    font-weight: 700;
    margin-top: 40px;
}
.cus-h1 {
    font-size: 4rem!important;
    color: #424242!important;
}
.header-b {
    background-color: #f3f4ff;
}
.photo {
    opacity: 0;
    transition: opacity .35s linear;
}
.photo[data-scroll=in] {
    opacity: 1;
    transition-duration: 1s;
}
.real-estate-section {
    background: url(https://www.firstrankseoservices.com/assets/images/8.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 10%;
    padding: 100px 0;
}
.trusted_slider .owl-dots {
    text-align: center;
    margin-top: 15px;
}
.trusted_slider button.owl-dot span {
    width: 12px;
    height: 12px;
    background: #bfbfbf;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%}
.trusted_slider button.owl-dot.active span {
    background: #ae00e6;
}
@media(max-width:767px) {
    .xs-top-bar {
    display: none;
}
.xs-header.header-main {
    height: initial;
    padding-top: 0;
}
.call-section .call-s p {
    display: inline-block;
    margin: 0 20px;
    font-weight: 600;
    font-size: 20px;
}
.content-sec h2 {
    padding-bottom: 0;
    margin-bottom: 0;
}
.content-sec {
    padding: 30px 0;
}
.seo-tools {
    padding: 30px 0;
}
.plans {
    padding: 30px 0;
}
.cl-sm {
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 30px;
}
.pricingTable .pricing-content {
    display: block;
}
.pricingTable {
    height: initial;
}
.pricingTable-signup {
    position: initial;
}
.tp-seo .nav-tabs .nav-item {
    padding: 7px 4px 5px;
}
.tp-seo .card-body ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}
.m-order-1 {
    order: 1;
}
.m-order-2 {
    order: 2;
}
.about-news {
    padding: 10px;
    margin-bottom: 20px;
}
.about-news p br {
    display: none;
}
}@media (max-width:767px) {
    .footer-main {
    padding: 20px 0;
}
.footer-widget {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: 20px;
}
.footer-main .col-md-6.col-lg-6 .footer-widget {
    border-bottom: none;
}
.bread-cm {
    width: 100%}
.xs-top-bar-info {
    text-align: center;
}
.col_get {
    padding-top: 0;
}
.strokeme {
    font-size: 40px;
}
.call_img {
    margin-bottom: 50px;
}
.phone-call {
    width: 50px;
    height: 50px;
    line-height: initial;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.phone-call:before {
    top: -14px;
    left: -15px;
    width: 80px;
    height: 80px;
}
.image_png7 {
    padding-left: 0;
}
.phone-call i {
    font-size: 20px;
}
.xs-top-bar-info li:not(:last-child) {
    padding-right: 10px;
    margin-right: 10px;
}
.xs-top-bar .xs-list {
    display: none;
}
.xs-header.header-main .xs-menu-tools {
    padding: 19px 0;
}
.why-choose-us-block {
    padding: 0;
}
.xs-info-wraper {
    padding-left: 0;
}
.case-study-step h3, .section-title, h3 {
    font-size: 1.9rem;
}
.case-study-step h2, .section-title, h2 {
    font-size: 1.3rem;
}
.main-tabs .nav-item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 30px;
}
.main-tabs .nav-item {
    width: 100%}
.main-tabs .nav-item .nav-link:before {
    display: none;
}
.single-service-preview {
    padding: 20px;
}
.service-preview-content {
    padding-left: 0;
}
.testimonial-slider-preview, .testimonial-slider-thumb {
    padding: 0;
}
.single-service-preview {
    padding: 30px;
}
.address-info-list li a {
    font-size: 1rem;
}
.funfact-wraper [class*=col-]:not(:last-child) .single-funfact:before {
    display: none;
}
.funfact-wraper [class*=col-]:not(:last-child) .single-funfact {
    margin-bottom: 20px;
}
.main-filter li a.selected:before, .main-filter li a:hover:before {
    display: none;
}
.call-to-action-content {
    padding-right: 0;
}
.call-to-action-area .btn-wraper {
    text-align: center;
}
.case-about-area .case-about-img {
    text-align: center;
}
.about-info {
    text-align: center;
}
.project-brief-wraper {
    padding-bottom: 50px;
}
.single-cases-card .card-image>img {
    width: 100%}
.single-blog-post-thumb .post-image img {
    width: 100%}
.faqAccordion .btn-link {
    padding: 15px 30px;
}
.faqAccordion .card-body {
    padding: 30px;
}
.xs-faq-group [class^=col-]:first-child .xs-single-faq:last-child {
    margin-bottom: 50px;
}
.product-filter-wraper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.woocommerce-ordering .shop-filter-title {
    top: 0;
    padding-right: 0;
    margin-bottom: 7px;
    display: inline-block;
}
.product-filter-wraper .woocommerce-ordering {
    margin-right: 0;
}
.product-filter-area .select {
    float: left;
    margin-right: 0;
}
.product-filter-area .tab-filter {
    width: 100%}
.product-filter-area .woocommerce-ordering, .product-filter-area .xs-serach {
    margin-bottom: 15px;
}
.pagination li:not(:last-child) {
    margin-right: 15px;
}
.pagination li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.product-summary {
    padding-left: 10px;
    padding-right: 10px;
}
.product-cart-info-list.list-inline>li:not(:last-child) {
    margin-bottom: 15px;
}
.main-tab .nav-item .nav-link.active {
    border-color: transparent;
    padding-bottom: 10px;
}
.main-tab .nav-item:not(:last-child) {
    margin-right: 25px;
}
.woocommerce #reviews #comments ol.commentlist {
    padding-left: 0;
}
.xs-comments-area .comment:not(:last-child) .children {
    margin-left: 10px;
}
.xs-comments-area .comment-body img {
    width: 60px;
    height: 60px;
}
.xs-comments-area .meta-data {
    margin-left: 70px;
}
.xs-comments-area .comment:not(:last-child) .meta-data {
    margin-bottom: 25px;
}
.xs-comments-area {
    margin-bottom: 50px;
    padding-bottom: 50px;
}
.post-list .post-body {
    padding: 30px;
}
.post-list .entry-title {
    font-size: 1.4rem;
}
.video-popup-btn {
    width: 60px;
    height: 60px;
    line-height: 60px;
}
blockquote:before {
    font-size: 2rem;
    margin-top: 0;
}
blockquote>p {
    padding-left: 47px;
}
.single-blog-post .post-body {
    padding: 25px;
}
.social-list>li {
    margin-bottom: 10px;
}
.author-card, .comment-respond.respond-style2, .post-navigation, .xs-comments-area.comment-style2 {
    padding: 30px 25px;
}
.author-card .author-img {
    margin-right: 14px;
    width: 60px;
    height: 60px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
}
.post-next, .post-previous {
    border-color: transparent;
}
.single-post-nav {
    margin-right: 0;
}
.post-navigation [class^=col-]+[class^=col-] .single-post-nav {
    margin-left: 0;
}
.post-previous {
    margin-bottom: 20px;
}
.xs-comments-area .comment-content {
    padding-right: 0;
}
.xs-comments-area.comment-style2 .comment:not(:last-child) .children {
    padding-left: 10px;
}
.blog-single-post-section .blog-sidebar-wraper {
    margin-top: 30px;
}
.service-info-section .xs-heading .section-title {
    font-size: 1.2rem;
    line-height: 1.4;
}
.service-info-block-area .xs-heading .section-title {
    font-size: 1.266667rem;
}
.service-summary-text {
    padding-left: 0;
}
.service-summary-text>p {
    padding-right: 0;
}
.piechats-wraper .single-piechart:not(:last-child) {
    margin-right: 10px;
    margin-bottom: 15px;
}
.service-summary-text.service-summary-2 {
    padding-right: 0;
}
.xs-menu-tools {
    display: none;
}
.single-case-studies .image img {
    width: 100%}
.single-bio-thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.single-bio-thumb .bio-info {
    margin-left: 24px;
}
.xs-banner-content.banner-content-v2 .banner-title {
    font-size: 2.2rem;
}
.hiring-image {
    text-align: center;
    margin-bottom: 30px;
}
.faq-question-wraper {
    padding-bottom: 50px;
}
.faq-accordion-group {
    padding-bottom: 50px;
}
.product-header>img {
    width: 100%}
.woocommerce-ordering .shop-filter-title {
    display: block;
}
.woocommerce-ordering {
    width: 100%}
.product-filter-area .select {
    width: 100%}
.product-filter-area .select-options {
    width: 100%}
.our-security-section.xs-section-padding {
    padding-bottom: 30px;
}
.boosting-section.xs-section-padding {
    padding-top: 30px;
}
.widget-posts .widget-post {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.widget-posts .widget-post .media-body {
    margin-top: 15px;
}
.post-list .entry-meta>span:not(:last-child) {
    margin-right: 10px;
    margin-bottom: 10px;
}
}@media (max-width:480px) {
    .xs-heading[class*=text-] {
    margin-bottom: 40px;
}
.xs-info-img+.video-content {
    position: static;
}
.service-info-img, .service-summary-img {
    display: none;
}
.partner-area .xs-list {
    text-align: left!important;
}
.copyright .social-list {
    text-align: center;
}
.xs-banner-content.banner-content-v2 .banner-title {
    font-size: 1.2rem;
}
.xs-banner.banner-v2 .single-banner-slide {
    min-height: 450px;
    background-size: cover;
}
.xs-banner-content.banner-content-v2 .banner-subtitle {
    margin-bottom: 11px;
}
.section-padding-small {
    padding: 40px 0;
}
.piechats-wraper .single-piechart {
    float: none;
    display: block;
    text-align: center;
}
.call-to-action-content {
    text-align: center;
}
.post-list .entry-meta>span:not(:last-child) {
    margin-right: 20px;
    margin-bottom: 8px;
}
}@media (max-width:320px) {
    :root {
    font-size: 13px;
}
.service-info-summary h3 {
    font-size: 1rem;
}
.section-padding-small-bottom {
    padding-bottom: 30px;
}
.piechats-wraper .single-piechart:not(:last-child) {
    margin-right: 0;
}
.call-to-action-content h2 {
    font-size: 2rem;
    text-align: center;
}
.banner-slider .single-banner-slide {
    min-height: 650px;
}
.banner-title {
    font-size: 1.7333333333rem;
}
.xs-banner-content .banner-title {
    margin-bottom: 20px;
}
.section-padding-small-top.boosting-section {
    padding-top: 15px;
}
.main-filter li a {
    font-size: 1rem;
}
.main-filter li:not(:last-child) {
    margin-right: 20px;
}
.inner-banner-title {
    font-size: 2rem;
}
.main-tab .nav-item .nav-link {
    font-size: 1rem;
}
.service-info-block-area .btn-wraper .btn:not(:last-child) {
    margin-right: 0;
}
.widget-posts .widget-post .media-body {
    margin-top: 0;
}
.post-list .entry-meta>span:not(:last-child) {
    margin-right: 0;
    margin-bottom: 6px;
}
.post-list .entry-meta>span {
    display: block;
}
blockquote {
    padding: 20px;
}
}.xs-top-bar-info {
    margin-bottom: 0;
}
.xs-top-bar .xs-list {
    margin-bottom: 0;
}
.nav-tabs {
    border-bottom: none;
}
.nav-tabs {
    border-bottom: none!important;
}
@media(max-width:760px) {
    .banner-text {
    margin-top: 120px;
    color: #fff;
}
.banner-text .highlight-text {
    display: block;
    font-size: 35px;
    color: #fff!important;
}
.center_btn {
    width: 100%;
    margin: auto;
}
.home-registration-form {
    width: 100%;
    margin-top: 40px;
}
.a_indexfour1 {
    height: auto;
}
.what-did-list-img {
    margin: 20px auto;
}
.site-footer .rp-form {
    margin-top: 0;
}
.footer-widget .xs-content-title {
    margin-top: 22px;
    display: block;
}
.card-header .btn {
    white-space: normal!important;
    vertical-align: baseline;
}
}.xs_nav-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
    left: 0;
    overflow-x: hidden;
}
.footer-widget .xs-content-title {
    display: block;
}
.footer-widget p {
    margin-top: 20px;
}
.content-sec {
    background: rgb(172 113 212);
    padding: 60px 0;
    position: relative;
    background: linear-gradient(90deg, #5a276c 0, #662c78 35%, #c153ce 100%);
}
@media(max-width:700px) {
    .home-registration-form {
    width: 100%!important;
    margin-top: 29px!important;
}
.phone-app {
    display: none!important;
}
.banner-text {
    margin-top: 110px!important;
}
}.content-sec {
    background: linear-gradient(to left, #5f2571, #79348b);
    background: -webkit-linear-gradient(to left, #5f2571, #79348b);
}
.seo_ranking_factor {
    background-image: url(https://www.firstrankseoservices.com/assets/images/seo_bg.webp);
    width: 100%;
    margin-top: 30px;
    background-size: cover;
}
.quality_content_div {
    margin-right: 20px;
}
.seo_ranking_layer h2 {
    font-weight: 700;
    color: #1e1765;
}
.seo_ranking_layer p {
    text-align: justify;
}
.seo_white_bg {
    background-color: #fff;
    padding: 40px;
    border-radius: #fe7816;
    border: 5px solid #fe7816;
    margin: 40px 0;
    border-radius: 12px;
}
.seo_white_bg h3 {
    color: #1e1765;
    font-weight: 700;
    margin-top: 15px;
    font-size: 22px;
}
.quality_content_div p {
    text-align: justify;
}
.seo_ranking_layer span {
    color: #ff7f00;
}
.quality_content_main {
    height: 350px;
    width: 100%;
    overflow: scroll;
    overflow-x: hidden;
}
@media(max-width:799px) {
    .quality_content_div p {
    text-align: left;
}
.seo_ranking_layer p {
    text-align: left;
}
}@media screen and (max-width:767px) {
    .breadcrumb-content {
    padding-left: 0;
}
.socail_box h4 {
    font-size: calc(2rem + 1vw);
}
.socail_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.socail_icons_main {
    flex: 0 0 100%;
    text-align: center;
    margin-bottom: 15px;
}
.social_icons {
    flex: 0 0 50%}
}.socail_box {
    width: 100%;
    background: none;
}
h2 {
    color: #1e1765;
    font-weight: 700;
}
p {
    color: #333;
    line-height: 30px;
    text-align: justify;
}
.right-submain-box {
    position: relative;
    margin: 0 0 20px 0;
    border: 2px solid #ff7f00;
    border-radius: 10px;
}
.section-right-title p {
    font-size: 20px;
    text-align: center;
    color: #fff;
    margin: 6px 0;
    margin-top: 0px!important;
    font-weight: 600;
    background-color: #ff7f00;
    padding: 7px 0;
    border-radius: 7px 7px 0 0;
}
.right-list li a {
    display: block;
    padding: 6px 0 6px 10px;
    text-transform: capitalize;
    font-size: 16px;
    color: #333;
}
.list.right-list li a span {
    padding: 0 7px;
}
.list.right-list li a span i {
    color: #ae00e6;
}
.right-list li+li {
    border-top: 1px dotted #ae00e6;
}
.right-list li:hover {
    background: #ff7f00;
}
.right-list li:hover a {
    color: #fff;
}
.span-color {
    color: #ff7f00;
}
.user-frndly .list-item {
    margin-left: 30px;
}
.seo_ranking_factor.plastic_surgeons {
    margin: 60px 0;
    padding: 60px 0;
}
.benifit_you_cann {
    background-color: #f4f4f4;
    padding: 60px 0;
}
.benifit_you_cann h2 {
    margin-bottom: 40px;
    text-align: center;
}
.benifit_you_can h3 {
    color: #000;
    font-size: 22px;
    font-weight: 500;
}
.about-info h3 {
    position: relative;
    text-align: left;
}
.about-info h3:before {
    content: "\f111";
    position: absolute;
    top: 2px;
    font-family: fontawesome;
    margin: 0 -29px;
    color: #ae00e6;
    border: 2px solid #ae00e6;
    padding: 8px;
    border-radius: 50%;
    display: inline-block;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
.benifit_you_can h3 span {
    font-size: 25px;
    margin-right: 10px;
}
.seo_services_for_plastic {
    margin: 60px 0;
}
.seo_services_for_plastic .list-item {
    margin-left: 30px;
}
.right-submain-box .testItem {
    position: relative;
    padding: 20px;
    margin: 10px 10px;
    box-shadow: 0 0 2px 0 rgb(19 19 28 / 12%);
    border: 2px solid #ae00e6;
    border-radius: 10px;
}
.why-choose-programing-assignment ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: 2px solid #ff7f00;
    max-width: 100%;
    margin: auto;
}
.why-choose-programing-assignment ul li:nth-child(1) {
    background: #ff7f0063;
}
.why-choose-programing-assignment ul li i {
    font-size: 30px;
}
.why-choose-programing-assignment ul li p {
    text-align: center;
    font-weight: 500;
    margin-top: 10px!important;
    margin-bottom: 0!important;
    color: #000;
}
.why-choose-programing-assignment ul li {
    flex: 0 0 50%;
    max-width: 50%;
    font-size: 20px;
    padding: 23px 30px;
    text-align: center;
    color: #0062a8;
}
.why-choose-programing-assignment ul li:nth-child(2) {
    background: #ae00e67a;
}
.why-choose-programing-assignment ul li:nth-child(3) {
    background: #d885f3;
}
.why-choose-programing-assignment ul li:nth-child(4) {
    background: #ffcd9c;
}
.why-choose-programing-assignment ul li:nth-child(5) {
    background: #ffcd9c;
}
.why-choose-programing-assignment ul li:nth-child(6) {
    background: #d885f3;
}
.why-choose-programing-assignment ul li p {
    color: #1e1765;
    font-weight: 600;
}
.why-choose-programing-assignment ul li i {
    background-color: #fff;
    color: #000;
    font-size: 25px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-block;
    display: inline-grid;
    align-items: center;
}
.special-offer {
    margin-top: 60px;
    background: #fff;
    padding: 15px;
    box-shadow: 5px 5px 10px #e3e3e3;
    border: 1px solid #dbdbdb;
    border-radius: 10px;
}
.special-offer p {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
    color: #0062a8;
}
.special-offer ul li {
    background: url(https://www.doassignmenthelp.com/static/images/offer-bg.png);
    background-size: cover;
    padding: 12px;
    display: flex;
    justify-content: space-around;
    margin-bottom: 15px;
    color: #000;
    font-weight: 500;
}
.sidebar-phone-number {
    text-align: center;
}
.cta_imges {
    text-align: center;
    padding: 5px 0;
}
.cta_imges img {
    width: 100px;
}
.sidebar-phone-number p {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
    color: #0062a8;
}
.local_seos h3 {
    font-weight: 600;
    color: #1e1765;
    font-size: 22px;
}
.local_seos .list-item {
    margin-left: 30px;
}
.local_seos span {
    color: #ff7f00;
}
.box-drivee {
    padding: 27px 45px;
    border-radius: 6px;
    margin-top: 30px;
    position: relative;
    background: #fff;
    height: 250px;
    transition: 400ms ease-in-out;
}
.box-drivee:hover {
    margin-top: 20px;
    transition: 400ms ease-in-out;
}
.box-drivee span {
    color: #ff7f00;
    font-size: 25px!important;
}
.box-drivee:before {
    position: absolute;
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    border-right: 24px solid transparent;
    border-top: 24px solid orange;
    z-index: 1;
    opacity: 1;
    transition: opacity .2s;
}
.seo_ranking .box-drivee {
    box-shadow: none;
}
.box-drivee h3 {
    color: #ff7f00;
    font-size: 25px;
    margin-bottom: 11px;
    text-align: left;
}
.local_seos {
    background-color: aliceblue;
    padding: 10px 20px;
    margin: 20px 0;
    border: 2px solid #ae00e6;
    border-radius: 12px;
}
.margin-left {
    position: relative;
    margin-left: 20px;
}
.margin-left li {
    color: #333;
    line-height: 30px;
}
.margin-left li::before {
    content: "\f101";
    position: absolute;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    margin: 0 -20px;
    color: #ae00e6;
    display: inline-block;
    width: 16px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-top: 5px;
    font-weight: 600;
}
.right-submain-boxx {
    position: relative;
    margin: 20px 0 0 0;
    border: 2px solid #ff7f00;
    border-radius: 10px;
}
.gradient-border-mask {
    position: relative;
    padding: 20px 30px;
    margin: 30px 0;
}
.single_service_second {
    background-color: #fff;
    border-radius: 150px 0 150px 0;
    padding: 50px;
    border: 1px solid #e8e8e8;
}
.text-heading {
    color: #1e1765;
    font-weight: 600;
}
.gradient-border-mask::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 150px 0 150px 0;
    border: 5px solid transparent;
    background: linear-gradient(45deg, #ff7f00, #ae00e6) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.icon_bg {
    position: relative;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 0 50px 0 50px;
}
.icon_bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0 50px 0 50px;
    border: 5px solid transparent;
    background: linear-gradient(45deg, #ff7f00, #ae00e6) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.icon_main {
    position: absolute;
    left: -55px;
    top: 40%;
    transition: 400ms ease-in-out;
}
.icon_bg_main {
    background-color: #ececec;
    border-radius: 0 28px 0 28px;
    padding: 15px 20px;
}
.icon_bg_main img {
    width: 35px;
}
.seo_bg_linear {
    background: linear-gradient(#ae00e680, #ff7f0066);
    padding: 80px 0;
}
.about-info {
    padding-top: 10px;
    padding-bottom: 20px;
}
.benifit_you_can {
    margin: 60px 0;
}
.seo_position_re {
    margin: 130px 0;
}
.method_one {
    margin-top: 60px;
    width: 10%;
    left: 32%;
    right: 0;
    position: absolute;
    text-align: center;
}
.method_second {
    margin-top: 60px;
    width: 10%;
    right: 35%;
    position: absolute;
    text-align: center;
}
.method_three_top {
    margin-top: -200px;
    width: 70%}
.method_four_top {
    margin-top: -92px;
    width: 60%;
    margin-left: -34px;
}
.method_five_top {
    margin-top: -210px;
    margin-left: -110px;
    width: 60%}
.method_six_top {
    margin-top: -210px;
    width: 70%}
.methodology h3 {
    color: #1e1765;
    font-weight: 700;
}
.methodology_one h3 {
    color: #1e1765;
    font-weight: 700;
}
.step_main {
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
.h1-spann {
    font-size: 60px;
    font-weight: 900;
}
.breadcrum_main {
    background-color: #ff7f00;
    padding: 10px 0;
}
.breadcrum_main h6 {
    color: #fff;
    margin: 0;
}
.breadcrum_main .breadcumbs.list-inline {
    margin: 0;
    text-align: right;
}
.circle_main {
    animation: mover 1s infinite alternate;
    position: absolute;
    top: 165px;
    left: -67px;
}
@keyframes mover {
    0% {
    transform: translateY(0);
}
100% {
    transform: translateY(-10px);
}
}.traingle_main {
    position: absolute;
    left: -67px;
    transform: rotate(0deg);
    transition: transform 0.7s linear;
    animation: rotate 7s infinite linear;
}
@-webkit-keyframes rotate {
    from {
    -webkit-transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(359deg);
}
}.gradient-border-mask:hover .icon_main {
    transform: rotateY(180deg);
    transition: 400ms ease-in-out;
}
.methodology {
    text-align: center;
}
.content-title_our {
    color: #fff;
    font-size: 40px;
    margin-top: -34px;
}
@media screen and (max-width:1670px) {
    .method_one {
    margin-top: 60px;
    width: 12%;
    left: 29%}
.method_second {
    margin-top: 60px;
    width: 12%;
    right: 33%}
}@media screen and (max-width:1440px) {
    .method_one {
    margin-top: 60px;
    width: 15%;
    left: 24%}
.method_second {
    margin-top: 60px;
    width: 14%;
    right: 29%}
}@media screen and (max-width:1280px) {
    .method_one {
    margin-top: 60px;
    width: 18%;
    left: 21%}
.method_second {
    margin-top: 60px;
    width: 16%;
    right: 27%}
}@media only screen and (min-width:991px) and (max-width:1199px) {
    .content-title_our {
    font-size: 30px;
    margin-top: -50px;
}
.method_one {
    margin-top: 9px;
    width: 18%;
    left: 22%}
.method_second {
    margin-top: 10px;
    width: 16%;
    right: 25%}
}@media only screen and (min-width:200px) and (max-width:991px) {
    .methodology {
    text-align: left;
}
.method_one, .method_second {
    margin: 0;
    width: 100%;
    left: 0;
    right: 0;
    position: inherit;
    text-align: left;
}
.method_three_top, .method_four_top, .method_five_top, .method_six_top {
    margin: auto;
    width: 100%}
.seo_position_re {
    position: absolute;
}
- .seo_position_re {
    margin: 70px 0;
}
.content-title_our {
    font-size: 30px;
}
.para-just {
    text-align: left;
}
.method_second {
    position: relative;
}
.down_class {
    position: absolute;
    top: 360px;
    position: absolute;
}
.mt_four {
    margin-top: 115px;
}
.constact {
    background: linear-gradient(to right, #ff5917, #ff9317);
    padding: 7px 20px;
    color: #fff;
    border-radius: 2px;
    font-size: 20px;
    display: inline-block;
    margin-top: 15px;
}
}.porfolio-page {
    margin: 50px 0;
}
.container .box {
    width: 100%;
    display: flex;
    height: 200px;
    transition: transform 300ms ease;
    transform: translate(30px);
    margin-bottom: 40px;
}
.container .box:hover {
    transform: scale(1.1) translate(30px);
    backface-visibility: hidden;
}
.container .box:hover .content h3, .container .box:hover .content p {
    transform: scale(.9);
    transition: transform 300ms ease;
}
.container .box:hover .content h3 {
    transform: translateY(5px) translateX(20px);
}
.container .box .content {
    width: 50%;
    background-color: #fff;
    line-height: 1.4;
    padding: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: justify;
    border-radius: 4px 0 0 4px;
}
.container .box .content h3 {
    margin-bottom: 5px;
    transition: transform 300ms ease;
}
.container .box .content p {
    transition: transform 300ms ease;
}
.container .box .image {
    width: 50%;
    border-bottom: 200px solid transparent;
    border-left: 60px solid #fff;
}
.container .box .image img {
    width: 100%;
    height: 200px;
    position: relative;
    z-index: -1;
    border-radius: 0 4px 4px 0;
    transform: translateX(-60px);
}
.design-second .box .content {
    width: 50%;
    background-color: #fff;
    line-height: 1.4;
    padding: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: justify;
    border-radius: 4px 0 0 4px;
}
.design-second .box .image {
    width: 50%;
    border-bottom: 200px solid transparent;
    border-right: 60px solid #fff;
    border-left: 0;
}
.design-second .box .image img {
    width: 100%;
    height: 200px;
    position: relative;
    z-index: -1;
    border-radius: 0 4px 4px 0;
    transform: translateX(30px);
}
.portfolio_button {
    background: #ff7f00;
    color: #fff;
    padding: 15px 43px;
    display: inline-block;
    border-radius: 100px;
    font-weight: 600;
    font-size: 16px;
    transition: 0.5s;
}
.portfolio_button:hover {
    background: #000;
    color: #fff!important;
}
.case_study_head h2 {
    font-weight: 700;
}
.img_port img {
    position: relative;
    height: 100%;
    width: 100%}
.img_port {
    overflow: hidden;
}
.img_port:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 22%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 1;
    transform: skew(-17deg, 0deg) translate(-50px);
}
.img_port:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 4%;
    background: #ff7f00;
    left: 12%;
    top: 0;
    z-index: 1;
    transform: skew(-17deg, 0deg) translate(-30px);
}
.portfolio_main {
    background: #fff;
    box-shadow: 0 0 20px #ccc;
    padding: 20px;
    transition: transform 500ms ease;
    margin-bottom: 60px;
}
.portfolio_main:hover {
    transform: scale(1.1);
    backface-visibility: hidden;
}
.port_text h3 {
    font-weight: 600;
    font-size: 25px;
    color: #ff7f00;
    text-transform: uppercase;
}
.port_text h4 {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
}
.port_text p {
    font-size: 15px;
    line-height: inherit;
    color: #fff;
}
.port_text {
    z-index: 9;
    position: relative;
}
.port_text a {
    display: inline-block;
    margin-top: 0;
    color: #fff;
    background: #ff7f00;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 30px;
    border-radius: 100px;
    transition: 0.5s;
}
.port_text a:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}
.box2_portfolio .img_port:before {
    right: 25px;
    left: inherit;
    transform: skew(-17deg, 0deg) translate(80px);
    width: 28%}
.box2_portfolio .img_port:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 4%;
    background: #ff7f00;
    left: inherit;
    top: 0;
    z-index: 1;
    transform: skew(-17deg, 0deg) translate(-30px);
    right: 7%}
.portfolio_inner_page {
    padding: 60px 0;
}
.head_inner_port h2 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
}
.head_inner_port h2 span {
    color: #ff7f00;
}
.head_inner_port h4 {
    font-weight: 600;
    font-size: 23px;
    padding-top: 15px;
}
.head_inner_port ul li {
    font-size: 16px;
    padding-bottom: 15px;
}
.head_inner_port ul li i {
    color: #ff7f00;
}
.project-screenshot-in-device {
    background-image: url(../images/MacBookAir.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    bottom: 0;
    height: 460px;
    padding: 31px 69px 48px;
    right: 0;
    width: 67%;
    LEFT: 0;
    MARGIN: AUTO;
}
.project-screenshot-in-device .screen {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: n-resize;
    height: 100%;
    overflow: hidden;
    transition: background-position 3s ease-in-out;
    width: 100%}
.project-screenshot-in-device .screen:hover {
    background-position: 50% 100%}
.inner_nwe_banner {
    background: url(https://www.firstrankseoservices.com/assets/images/case-study.jpg) no-repeat left center;
    background-attachment: fixed;
    background-size: 100% 100%;
    padding: 140px 0;
    text-align: center;
}
.inner_nwe_banner .inner-banner-title {
    font-size: 40px;
}
.inner_nwe_banner .inner-banner-content {
    color: #fff;
}
.inner-banner-area {
    background: url(https://www.firstrankseoservices.com/assets/images/const-bg.png) no-repeat left center;
    background-attachment: fixed;
    background-size: 100% 100%}
.inner-banner-content {
    text-align: center;
}
.inner-banner-title {
    font-size: 3rem;
    color: #fefefe;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: center;
    text-shadow: 0 0 5px #ae00e6;
}
.inner-banner-content a {
    display: inline-block;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400;
    text-decoration: none;
    transition: easy-in-out 1s;
}
.inner-banner-content a:hover {
    color: #ff7f00;
}
.inner-banner-content a:last-child {
    color: #ff7f00;
}
.inner-banner-content a:last-child:hover {
    color: #fff;
}
.case_study .breadcumbs>li {
    font-size: 1.8rem;
}
.case_study .breadcumbs>li>a:hover {
    color: #ff7f00;
    text-decoration: none;
}
.case_study .section-cs1 {
    border-bottom: 3px solid #ae00e60f;
    border-top: 3px solid #ae00e60f;
    padding: 60px 0;
}
.case_study .screen-box {
    animation: 2s ease-out 0s 1 slideInLeft;
}
.case_study .screen-box img {
    max-width: 100%}
.case_study .heading-def {
    animation: 2s ease-out 0s 1 slideInRight;
    margin-bottom: 15px;
}
@keyframes slideInRight {
    0% {
    transform: translateX(-50%);
}
100% {
    transform: translateX(0);
}
}.case_study .clear-both {
    clear: both;
}
.case_study .heading-def h2 {
    color: #000;
    font-weight: 600;
    font-size: 35px;
}
.case_study .heading-def h2 span {
    color: #ff7b18;
}
.case_study .heading-def h3 {
    font-size: 20px;
    font-weight: 400;
}
.case_study .slide-cs {
    background: url(https://www.firstrankseoservices.com/assets/images/inn-case.png)no-repeat center right;
    background-size: 100% auto;
    min-height: 345px;
    animation: 2s ease-out 0s 1 slideInLeft;
}
@keyframes slideInLeft {
    0% {
    transform: translateX(50%);
}
100% {
    transform: translateX(0);
}
}.case_study .section-cs2 {
    padding: 60px 0;
    background-color: #fff5eb;
}
.case_study .vert-box:nth-child(2n) {
    background: url(https://www.firstrankseoservices.com/assets/images/cs-big-bg.png) no-repeat top center;
    background-attachment: fixed;
    background-size: 100% 100%;
    animation: mymove 5s infinite!important;
}
.case_study .vert-box ul.wht-list li {
    color: #ffffff!important;
}
.case_study .vert-box {
    padding: 30px 25px;
    background-color: #fee2cd;
    margin-bottom: 15px;
    margin-bottom: 55px;
    position: relative;
    animation: 2s ease-out 0s 1 slideInLeft;
    animation: mymove 5s infinite!important;
}
@keyframes mymove {
    50% {
    box-shadow: 10px 20px 30px #ae00e642;
}
}.case_study .vert-box h4.vert-heading {
    font-size: 2.5rem;
    font-weight: 600;
    color: #fff;
    max-width: 100%;
    max-height: auto;
    text-align: left;
    margin: 0 0 19px 0;
    background-image: url(https://www.firstrankseoservices.com/assets/images/scroll-bg.png);
    animation: scroll 70s linear infinite;
    padding: 8px;
    text-transform: uppercase;
    box-shadow: -7px 5px 16px #360147a3;
}
.case_study .vert-box h4.org-bg {
    background-image: url(https://www.firstrankseoservices.com/assets/images/scroll-bg1.png);
    animation: scroll 70s linear infinite;
}
@keyframes scroll {
    100% {
    background-position: 0 -3000px;
}
}.case_study .vert-box ul.vert-text-box {
    float: left;
    max-width: 75%}
.case_study .vert-box ul.vert-text-box li {
    background: url(https://www.firstrankseoservices.com/assets/images/dual-bullet.png) no-repeat top 9px left;
    padding-left: 25px;
    margin-bottom: 5px;
    font-family: Rubik, sans-serif;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    text-align: justify;
}
@media screen and (max-width:767px) {
    .case_study .vert-box h4.vert-heading {
    writing-mode: horizontal-tb;
    float: none;
    margin-bottom: 15px;
}
.case_study .vert-box ul.vert-text-box {
    float: none;
    max-width: 100%}
}.case_study .section-csa {
    padding: 60px 0;
    background-image: linear-gradient(to right, #3123ac, #ca459e, #ca459e, #3c25ab);
}
.case_study .sec-heading-box {
    margin-bottom: 35px;
}
.case_study .sec-heading-box h2 {
    display: inline-block;
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.case_study .sec-heading-box h2 span {
    border-bottom: 4px solid #fff;
}
.case_study .chall-five-part {
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.case_study .chall-a {
    background: url(https://www.firstrankseoservices.com/assets/images/challange-bg-d.png) no-repeat center center;
    background-size: 100% 100%;
    ;
    width: 19%;
    ;
    min-height: inherit;
    border-radius: 10px;
    margin: 0pc;
    display: inline-block;
    position: relative;
    height: 280px;
}
.case_study .chl-num-box {
    border-radius: 50%;
    margin: 0;
    position: absolute;
    top: 27%;
    left: 24px;
}
.case_study .chl-num-box h3 {
    color: #fff;
    font-size: 3.5rem;
    font-weight: 600;
    margin: 20px 0 0 -10px;
}
.case_study .chl-text-box {
    padding: 0 10px;
    width: 88%;
    margin: auto auto;
    padding-top: 30px;
    padding-left: 52px;
}
.case_study .chl-text-box img {
    margin-bottom: 10px;
}
.case_study .chl-text-box p {
    line-height: 1.5rem;
    text-align: left;
    line-height: 17px;
    font-size: 14px;
}
.case_study .section-csb {
    background-color: #f4e8f4;
    padding: 60px 0;
}
.case_study .heading-b {
    margin-bottom: 20px;
}
.case_study .heading-b h2 {
    display: inline-block;
    color: #000;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.case_study .heading-b h2 span {
    border-bottom: 4px solid #ff5917;
}
.case_study .list-box-main {
    display: flex;
    background: linear-gradient(to right, #3123ac 0%, #ca459e 50%, #3c25ab);
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px #ae00e642;
    margin-bottom: 15px;
    border: 4px solid #ff7f00;
    justify-content: center;
    align-items: center;
}
.case_study .list-box-main:hover {
    background-color: #a63ea1;
}
.case_study .list-box-main:hover .list-text p {
    color: #fff;
}
.case_study .round-a {
    min-width: 80px;
    min-height: 80px;
    border-radius: 100%;
    box-shadow: 0 2px 3px #b8b8b8;
    text-align: center;
    margin: 0 10px 10px 0;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
}
.case_study .list-text p {
    line-height: 1.5rem;
    text-align: left;
    color: #fff;
}
.case_study .list-box-main img {
    width: 50px;
}
.case_study .section-csb .row {
    justify-content: center;
}
.case_study .section-csc {
    background-color: #fff;
    padding: 60px 0;
}
.case_study .section-csc-inn {
    background: url(https://www.firstrankseoservices.com/assets/images/cs-big-bg.png) no-repeat top center;
    background-attachment: fixed;
    background-size: 100% 100%;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 10px #ae00e642;
}
.case_study .result-list ul {
    padding: 0;
}
.case_study .result-list ul li {
    color: #fff;
    padding: 0 0 0 15px;
    margin-bottom: 15px;
    background: url(https://www.firstrankseoservices.com/assets/images/dual-bullet.png) no-repeat top 9px left;
    font-size: 1.2rem;
    font-weight: 400;
}
.section-csb .col-lg-6 {
    display: flex;
    flex-wrap: wrap;
}
.find_your_way p a {
    color: #ae00e6;
}
@media screen and (max-width:1440px) {
    .unexpected-design {
    min-height: 365px!important;
    width: 300px;
}
}@media screen and (max-width:1199px) {
    .unexpected-back .unexpected-design {
    position: initial;
    height: 358px!important;
    min-height: initial;
}
.unexpected-heading-d {
    padding: 42px 32px 0 58px;
}
.unexpected-back .unexpected-design {
    position: initial;
    height: 358px!important;
    min-height: initial;
}
.unexpected-postion-2 {
    position: initial!important;
}
.unexpected-position-3 {
    position: initial!important;
}
.unexpected-design {
    position: initial!important;
}
}@media screen and (max-width:1024px) {
    .case_study .chall-five-part {
    display: block;
}
.case_study .chall-a {
    width: 60%;
    margin: 0 auto;
}
.case_study .chl-text-box {
    margin: 35% auto auto auto;
}
.case_study .heading-def h2 {
    font-size: 2.5rem;
}
}@media screen and (max-width:991px) {
    .case_study .chall-five-part {
    display: block;
}
.case_study .chall-a {
    width: 60%;
    margin: 0 auto;
}
.case_study .chl-text-box {
    padding: 0 10px;
    width: 65%;
    margin: 35% auto auto auto;
}
.case_study .heading-def h2 {
    font-size: 2.2rem;
}
.methodology_one {
    padding: 20px;
}
.method_one, .method_second {
    top: 40px!important;
}
.methodology {
    padding: 20px;
}
.methodology_one {
    margin-top: 450px!important;
}
.down_class {
    top: 295px!important;
}
}@media screen and (max-width:767px) {
    .case-about-area p {
    text-align: center;
}
.box-drive span {
    display: none;
}
.methodology_one {
    margin-top: 320px!important;
}
.down_class {
    top: 350px!important;
}
}@media screen and (max-width:575px) {
    .case_study .chall-a {
    width: 100%}
}@media screen and (max-width:537px) {
    .down_class {
    top: 378px!important;
}
}@media screen and (max-width:475px) {
    .gardient-b-margn {
    margin: 30px 0 0 43px!important;
}
.single_service_second {
    padding: 88px 10px;
}
}@media screen and (max-width:380px) {
    .single_service_second {
    padding: 88px 10px!important;
}
}@media screen and (max-width:362px) {
    .down_class {
    top: 438px!important;
}
}.about-news {
    margin: 20px 0;
}
.about-info .content-title-h3 {
    margin-left: 27px;
}
.pagelink a{color: #000; font-weight:600}


@media only screen and (max-width: 767px) {   
  .h_banner img{display:none}
}