@charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); .menu-open {
    overflow: hidden !important;
}

.career-form, .global-quote .col-item .quote-form ::-webkit-input-placeholder {
    color: #4e4e4e;
    font-weight: 300;
}

.career-form, .global-quote .col-item .quote-form ::-moz-placeholder {
    color: #4e4e4e;
    font-weight: 300;
}

.career-form, .global-quote .col-item .quote-form :-ms-input-placeholder {
    color: #4e4e4e;
    font-weight: 300;
}

.career-form, .global-quote .col-item .quote-form :-moz-placeholder {
    color: #4e4e4e;
    font-weight: 300;
}

.servgrow .media-body ::-webkit-input-placeholder {
    font-weight: 600;
    color: #6d6d6d;
}

.servgrow .media-body ::-moz-placeholder {
    font-weight: 600;
    color: #6d6d6d;
}

.servgrow .media-body :-ms-input-placeholder {
    font-weight: 600;
    color: #6d6d6d;
}

.servgrow .media-body :-moz-placeholder {
    font-weight: 600;
    color: #6d6d6d;
}

.float-form ::-webkit-input-placeholder {
    color: #686868;
    font-weight: 300;
    font-size: 12px;
}

.float-form ::-moz-placeholder {
    color: #686868;
    font-weight: 300;
    font-size: 12px;
}

.float-form :-ms-input-placeholder {
    color: #686868;
    font-weight: 300;
    font-size: 12px;
}

.float-form :-moz-placeholder {
    color: #686868;
    font-weight: 300;
    font-size: 12px;
}

.popup-package .career-form ::-webkit-input-placeholder {
    color: #4e4e4e;
    font-weight: 300;
}

.popup-package .career-form ::-moz-placeholder {
    color: #4e4e4e;
    font-weight: 300;
}

.popup-package .career-form :-ms-input-placeholder {
    color: #4e4e4e;
    font-weight: 300;
}

.popup-package .career-form :-moz-placeholder {
    color: #4e4e4e;
    font-weight: 300;
}

.contact-map ::-webkit-input-placeholder {
    color: #4e4e4e;
    font-weight: 300;
}

.contact-map ::-moz-placeholder {
    color: #4e4e4e;
    font-weight: 300;
}

.contact-map :-ms-input-placeholder {
    color: #4e4e4e;
    font-weight: 300;
}

.contact-map :-moz-placeholder {
    color: #4e4e4e;
    font-weight: 300;
}

#main-banner .banner-form ::-webkit-input-placeholder {
    color: #434343;
    font-weight: 300;
}

#main-banner .banner-form ::-moz-placeholder {
    color: #434343;
    font-weight: 300;
}

#main-banner .banner-form :-ms-input-placeholder {
    color: #434343;
    font-weight: 300;
}

#main-banner .banner-form :-moz-placeholder {
    color: #434343;
    font-weight: 300;
}

.imagewithcontent ::-webkit-input-placeholder {
    color: #434343;
    font-weight: 300;
}

.imagewithcontent ::-moz-placeholder {
    color: #434343;
    font-weight: 300;
}

.imagewithcontent :-ms-input-placeholder {
    color: #434343;
    font-weight: 300;
}

.imagewithcontent :-moz-placeholder {
    color: #434343;
    font-weight: 300;
}

.digcontact .contact-form ::-webkit-input-placeholder {
    color: #434343;
    font-weight: 300;
}

.digcontact .contact-form ::-moz-placeholder {
    color: #434343;
    font-weight: 300;
}

.digcontact .contact-form :-ms-input-placeholder {
    color: #434343;
    font-weight: 300;
}

.digcontact .contact-form :-moz-placeholder {
    color: #434343;
    font-weight: 300;
}

.global-cta .get-form ::-webkit-input-placeholder {
    color: #434343;
    font-weight: 300;
}

.global-cta .get-form ::-moz-placeholder {
    color: #434343;
    font-weight: 300;
}

.global-cta .get-form :-ms-input-placeholder {
    color: #434343;
    font-weight: 300;
}

.global-cta .get-form :-moz-placeholder {
    color: #434343;
    font-weight: 300;
}

#myModal-7 .career-form input::-moz-placeholder {
    color: #434343;
    font-weight: 300;
}

#myModal-7 .career-form input::-webkit-input-placeholder {
    color: #434343;
    font-weight: 300;
}

#myModal-7 .career-form input:-ms-input-placeholder {
    color: #434343;
    font-weight: 300;
}

#myModal-7 .career-form input:-moz-placeholder {
    color: #434343;
    font-weight: 300;
}

.footer__area-2 ::-moz-placeholder {
    color: #fff;
}

.footer__area-2 ::-webkit-input-placeholder {
    color: #fff;
}

.footer__area-2 :-ms-input-placeholder {
    color: #fff;
}

.footer__area-2 :-moz-placeholder {
    color: #fff;
}

.lprice .price-box h4, .adprice .price-box h4, .apptble .price-box h4 {
    text-align: center;
    font-size: 28px;
    line-height: 28px;
    color: #fff;
    font-weight: 700;
    font-family: "Kanit", sans-serif;
    padding-bottom: 50px;
}

.lprice .price-box .rate, .adprice .price-box .rate, .apptble .price-box .rate {
    font-size: 76px;
    display: block;
    padding-bottom: 40px;
    color: #fff;
}

.lprice .price-box .pm, .adprice .price-box .pm, .apptble .price-box .pm {
    display: block;
    font-size: 22px;
    color: #fff;
    line-height: 35px;
    border-bottom: 3px solid #fff;
    max-width: 73%;
    margin: 0 auto;
    padding-bottom: 13px;
    margin-bottom: 20px;
}

.lprice .price-box .org-size, .adprice .price-box .org-size, .apptble .price-box .org-size {
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    display: block;
    margin-bottom: 15px;
}

.lprice .section-heading h3, .adprice .section-heading h3,.apptble .section-heading h3 {
    color: #383838;
}

.ldeslgo .media_body .btn:after, .apptble .price-box .gbw-btn .btn:after, .globalmobilechoose .gbw-btn .btn:after, .blog-page .blog-post .btn:after, .smoptble .gbw-btn .btn:after, .lprice .price-box .gbw-btn .btn:after, .globalmulservices .gbw-btn .btn:after, .webd-pack .btn:after, .indus-banner .banner-txt .btn:after, .indu-cta .btn:after, .seopricetable .gbw-btn .btn:after, .inner-btn .btn:after, .web-social .et_price-table .price-box .price-details .btn:after, .fullwithcontent .media_body .btn-green:after, .blg_experts .btn:after, .recent-blog summary .btn:after, .global-cta .cta-info .btn:after {
    display: none;
}

.contentwithimage .section_heading h3 {
    font-family: "Kanit", sans-serif;
    color: #212121;
}

.ntvisible, .mobile-layout {
    display: none;
}

html {
    --duration: 0.3s;
    scroll-behavior: smooth;
}

body {
    font-size: 16px;
    color: #121212;
    font-family: "Kanit", sans-serif;
    padding: 0px;
    margin: 0px;
    line-height: 24px;
    scroll-behavior: smooth;
    font-weight: 300;
}

Section {
    padding: 0px 0px;
    display: block;
    width: 100%;
    float: left;
}

h1,h2,h3 {
    font-size: 35px;
    display: block;
    font-weight: 600;
    text-align: center;
    margin: 0px;
}

h4,h5,h6 {
    font-size: 18px;
    display: block;
    font-weight: 600;
    text-align: left;
}

ul,ol li {
    margin: 0px;
    padding: 0px;
}

a, input, button, img {
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    text-decoration: none;
    outline: 0px;
}

a:hover, button:hover, input:hover, a:focus, button:focus, input:focus {
    text-decoration: none !important;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

.form-control {
    border-radius: 0px !important;
    font-size: 15px;
    height: 40px;
    color: #000000;
}

.form-control:focus {
    box-shadow: none !important;
}

.img-responsive {
    width: 100%;
    height: auto;
}

.btn {
    background: #182a80;
    border-radius: 50px;
    color: #fff;
    padding: 11px 34px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all 0.5s ease;
    text-transform: uppercase;
}

.btn:hover {
    color: #fff !important;
}

.btn::after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    transition: all 0.5s ease;
    background: #f7c70f;
    right: 0px;
    top: 0px;
    z-index: -1;
}

.btn:hover::after {
    width: 100%;
    right: inherit;
    left: 0px;
}

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #182a80;
    border-color: #182a80;
}

.btn:hover {
    color: #fff !important;
    background-color: #182a80;
    border-color: #182a80;
}

.w49 {
    width: 49%;
}

.w51 {
    width: 51%;
}

.taber .portfolio-filter li:nth-child(3), .taber .portfolio-filter li:nth-child(5), .taber .portfolio-filter li:nth-child(7), .taber .portfolio-filter li:nth-child(8), .taber .portfolio-filter li:nth-child(9), .taber .portfolio-filter li:nth-child(11), .taber .portfolio-filter li:nth-child(12), .taber .portfolio-filter li:nth-child(13) {
    display: none;
}

body img {
    max-width: 100%;
}

.section-heading, .section_heading {
    margin-bottom: 30px;
}

.section_heading h3 {
    color: #000;
    font-size: 33px;
    line-height: 33px;
    font-weight: 600;
    text-transform: capitalize;
}

.section-heading strong, .section_heading strong {
    color: #e99544;
    font-weight: 600;
}

.section-heading .divider, .section_heading .divider, .main-heading .divider {
    display: block;
    margin: 19px 0;
}

.pd-0 {
    padding: 0 !important;
}

.flex-row-reverse {
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    flex-wrap: wrap;
}

.main-heading {
    margin-bottom: 30px;
}

.main-heading h3 {
    font-size: 24px;
    line-height: 24px;
    color: #121212;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.main-heading p, .lseoadv p, .lseoadv .desc {
    font-size: 16px;
    line-height: 24px;
    color: #121212;
    font-weight: 300;
}

.gcolor {
    color: #008000 !important;
}

.bcolor {
    color: #65c4fa;
}

.danger-red {
    color: red !important;
}

.btext {
    color: #7474f9;
}

.mvisble {
    display: none;
}

.green {
    color: #63931b;
}

.section-heading-orange .section_heading h3 {
    color: #eb9646;
}

.section-heading-orange2 .media_right h4 {
    color: #eb9646;
}

.section-heading-orange2 .media_right h4 {
    color: red;
}

header.sticky {
    top: 0px;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: auto;
    background: #fff;
    padding: 8px 0;
}

header.sticky .top_bar {
    display: none;
}

header.sticky .menu-home {
    margin-top: 0px;
}

header.sticky .brand_logo .logotext {
    display: none;
}

header.sticky .brand_logo img {
    width: 60px;
}

.top_bar {
    padding-top: 10px;
}

.top_bar .top_flex {
    display: flex;
    justify-content: flex-end;
    ;width: 100%;
    position: relative;
    z-index: 9;
}

.top_bar .top_flex a {
    margin-left: 20px;
    color: #fff;
    font-size: 13px;
}

.emailLink path {
    fill: #fff;
}

.logotext1 {
    font-size: 22px;
    color: #fff;
    letter-spacing: 0.7px;
    font-weight: 300;
    line-height: 30px;
    float: left;
    width: 100%;
    clear: both;
}

.logotext2 {
    font-size: 16px;
    color: #fff;
    float: left;
    width: 100%;
    clear: both;
    line-height: 20px;
}

.brand_logo img {
    width: 75px;
}

.brand_logo {
    text-align: center;
}

header {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 999999999;
    padding: 10px 0;
}

.sticky .emailLink path {
    fill: #121212;
}

.sticky .stellarnav .menu-toggle span.bars svg path {
    fill: #121212;
}

.menu-home {
    display: flex;
}

.stellarnav.dark.right.desktop > ul > .active > a, .stellarnav.dark.right.desktop > ul > .form-control:focus > a, .stellarnav.dark.right.desktop > ul > .form-control:visited > a {
    background: #45ab48;
}

.stellarnav .current-menu-ancestor > a, .stellarnav .current-menu-ancestor ul li.current-menu-item {
    background: #45ab48;
}

.menu-home {
    width: 100%;
}

.page-template-tpl-digitalmarketing .menu-home {
    margin-top: 10px;
}

.stellarnav.dark.right.desktop > ul {
    list-style: none;
    margin-left: 45px;
    background-color: rgba(0, 0, 0, 0.5);
}

header.fixed-header {
    position: fixed;
    width: 100%;
    z-index: 999;
    background: #fff;
    left: 0px;
    top: 0px;
}

main.fi {
    padding-top: 208px;
}

.stellarnav.dark.right.desktop > ul > li > a {
    padding: 14px 10px;
}

.stellarnav.dark.right.desktop ul a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    border-bottom: 1px solid transparent;
    line-height: 10px;
    white-space: nowrap;
    text-transform: capitalize;
}

.stellarnav.dark.right.desktop ul li a:hover {
    background-color: #45ab48;
    color: #fff;
    text-decoration: none;
}

.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile {
    display: none;
    text-transform: uppercase;
    text-decoration: none;
}

.stellarnav.dark.right.desktop {
    width: 100%;
    padding: 0px 0px;
    align-items: flex-end;
}

.page-template-tpl-digitalmarketing .stellarnav.dark.right.desktop {
    align-items: center;
}

.stellarnav {
    position: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: row-reverse;
}

.stellarnav a {
    color: #fff;
}

.social-media a:first-child {
    margin: 0px;
}

.stellarnav a:hover {
    color: #fff;
}

.stellarnav ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.stellarnav li a img {
    margin-right: 5px;
    float: left;
}

.stellarnav li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    line-height: normal;
    vertical-align: middle;
}

.stellarnav li a {
    padding: 18px 10px;
    display: block;
    text-decoration: none;
    color: #333333;
    font-size: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.stellarnav li a.active {
    color: #71a7ce;
}

.stellarnav > ul > li {
    display: inline-block;
}

.stellarnav > ul > li > a {
    color: #000;
    display: block;
    font-weight: 500;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    padding: 14px 23px;
}

.stellarnav > ul > li:last-child > a {
    padding-right: 0px;
}

.stellarnav ul ul {
    width: auto;
    top: auto;
    position: absolute;
    z-index: 9900;
    text-align: left;
    display: none;
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    left: 0;
}

.stellarnav li li {
    display: block;
    width: 100%;
}

.stellarnav ul ul ul {
    top: 0;
    left: 100%;
}

.stellarnav > ul > li:hover > ul > li:hover > ul {
    opacity: 1;
    visibility: visible;
    top: 0;
}

.stellarnav > ul > li.drop-left > ul {
    right: 0;
}

.stellarnav li.drop-left ul ul {
    left: auto;
    right: 220px;
}

.table-responsive table > tbody > tr td:nth-child(1) {
    text-align: left;
    background: #999 !important;
    color: #fff !important;
}
.table-responsive table > tbody > tr td {
    text-align: center !important;
    font-size: 16px !important;
    line-height: 23px !important;
    color: #121212 !important;
    border: 1px solid #d1d1d1 !important;
}

.stellarnav.light {
    background: rgba(255, 255, 255, 1);
}

.stellarnav.light a {
    color: #121212;
}

.stellarnav ul ul li a {
    width: 100%;
    line-height: 2;
    display: inline-block;
    padding: 5px 15px;
    border: none;
    transition: all .4s ease !important;
    font-size: 20px;
}

.has-sub.open > a {
    opacity: 1 !important;
}

.stellarnav ul ul li a:hover {
    background: #000 !important;
    transition: all .4s ease!important;
}

.stellarnav.light ul ul {
    background: rgba(255, 255, 255, 1);
    ;}

.stellarnav.light li a {
    color: #121212;
}

.stellarnav.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}

body.stellarnav-noscroll-x {
    overflow-x: hidden;
}

.stellarnav li.has-sub > a:after {
    content: '\f107';
    font-family: 'FontAwesome';
    border: none !important;
    margin-left: 7px;
}

.stellarnav li li.has-sub > a:after {
    margin-left: 10px;
    float: none;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #FFF;
    position: relative;
    top: 4px;
}

.stellarnav li.drop-left li.has-sub > a:after {
    float: left;
    margin-right: 10px;
    border-left: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #FFF;
}

.stellarnav.hide-arrows li.has-sub > a:after,.stellarnav.hide-arrows li li.has-sub > a:after,.stellarnav.hide-arrows li.drop-left li.has-sub > a:after {
    display: none;
}

.stellarnav .menu-toggle,.stellarnav .close-menu,.stellarnav .call-btn-mobile,.stellarnav .location-btn-mobile {
    display: none;
    text-transform: uppercase;
    text-decoration: none;
}

.stellarnav.desktop.hide-arrows li.has-sub a {
    padding-right: 15px;
}

.stellarnav.mobile > ul > li > a.dd-toggle {
    padding: 0;
}

.stellarnav li.call-btn-mobile,.stellarnav li.location-btn-mobile {
    display: none;
}

.stellarnav a.dd-toggle .icon-plus {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: 30px;
    height: 100%;
    position: relative;
    vertical-align: middle;
    display: inline-block;
}

.stellarnav a.dd-toggle .icon-plus:before {
    content: '';
    display: block;
    width: 29px;
    height: 0px;
    border-bottom: solid 3px #777;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}

.stellarnav a.dd-toggle .icon-plus:after {
    content: '';
    display: block;
    width: 30px;
    height: 0px;
    top: 50%;
    border-bottom: solid 3px #777;
    position: absolute;
}

.stellarnav li.open > a.dd-toggle .icon-plus {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.stellarnav.light a.dd-toggle .icon-plus:before {
    border-color: #121212;
}

.stellarnav.light a.dd-toggle .icon-plus:after {
    border-color: #121212;
}

.stellarnav.dark a.dd-toggle .icon-plus:before {
    border-color: #FFF;
}

.stellarnav.dark a.dd-toggle .icon-plus:after {
    border-color: #FFF;
}

.stellarnav .icon-close {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 29px;
    height: 29px;
    position: relative;
    display: inline-block;
}

.stellarnav .icon-close:before {
    content: '';
    display: block;
    width: 29px;
    height: 0px;
    border-bottom: solid 3px #777;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.stellarnav .icon-close:after {
    content: '';
    display: block;
    width: 29px;
    height: 0px;
    top: 50%;
    border-bottom: solid 3px #777;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.stellarnav.light .icon-close:before {
    border-color: #121212;
}

.stellarnav.light .icon-close:after {
    border-color: #121212;
}

.stellarnav.dark .icon-close:before {
    border-color: #FFF;
}

.stellarnav.dark .icon-close:after {
    border-color: #FFF;
}

.stellarnav .menu-toggle,.stellarnav .call-btn-mobile,.stellarnav .location-btn-mobile,.stellarnav .close-menu {
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a.menu-toggle {
    margin-left: 15px;
}

.stellarnav .menu-toggle span.bars svg path {
    fill: #fff;
}

.search-container input[type="text"] {
    width: 239px;
}

.stellarnav .full {
    width: 100%;
}

.stellarnav .half {
    width: 50%;
}

.stellarnav .third {
    width: 33%;
    text-align: center;
}

.stellarnav .location-btn-mobile.third {
    text-align: center;
}

.stellarnav .location-btn-mobile.half {
    text-align: right;
}

.stellarnav.light .third,.stellarnav.light .half {
    border-left: 1px solid rgba(0, 0, 0, .15);
}

.stellarnav.light.left .third,.stellarnav.light.left .half {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.stellarnav.light.right .third,.stellarnav.light.right .half {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.stellarnav.light .third:first-child,.stellarnav.light .half:first-child {
    border-left: 0;
}

.stellarnav.dark .third,.stellarnav.dark .half {
    border-left: 1px solid rgba(255, 255, 255, .15);
}

.stellarnav.dark.left .third,.stellarnav.dark.left .half {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.stellarnav.dark.right .third,.stellarnav.dark.right .half {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.stellarnav.light.left .menu-toggle,.stellarnav.light.right .menu-toggle {
    border-bottom: 0;
}

.stellarnav.dark.left .menu-toggle,.stellarnav.dark.right .menu-toggle {
    border-bottom: 0;
}

.stellarnav.dark .third:first-child,.stellarnav.dark .half:first-child {
    border-left: 0;
}

.stellarnav.light .menu-toggle span.bars span {
    background: #6f3a95;
}

.stellarnav.dark .menu-toggle span.bars span {
    background: #fff;
}

.stellarnav.mobile {
    position: static;
}

.stellarnav.mobile.fixed {
    position: static;
}

.stellarnav.mobile ul {
    position: relative;
    display: none;
}

.stellarnav.mobile.active {
    padding-bottom: 0;
}

.stellarnav.mobile.active > ul {
    display: block;
}

.stellarnav.mobile ul {
    text-align: left;
}

.stellarnav.mobile > ul > li {
    display: block;
}

.stellarnav.mobile > ul > li > a {
    padding: 15px;
}

.stellarnav.mobile ul {
    background: rgba(221, 221, 221, 1);
}

.stellarnav.mobile ul ul {
    position: relative;
    opacity: 1;
    visibility: visible;
    width: auto;
    display: none;
    -webkit-transition: none;
    transition: none;
}

.stellarnav.mobile ul ul ul {
    left: auto;
    top: auto;
}

.stellarnav.mobile li.drop-left ul ul {
    right: auto;
}

.stellarnav.mobile li a {
    color: #fff;
}

.stellarnav.mobile > ul {
    border-top: 1px solid rgba(255, 255, 255, .15);
}

.stellarnav.mobile.light li a {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.stellarnav.mobile.light > ul {
    border-top: 1px solid rgba(0, 0, 0, .15);
}

.stellarnav.mobile li a.dd-toggle {
    border: 0;
}

.stellarnav.mobile.light li a.dd-toggle {
    border: 0;
}

.stellarnav.mobile .menu-toggle,.stellarnav.mobile .dd-toggle,.stellarnav.mobile .close-menu,.stellarnav.mobile .call-btn-mobile,.stellarnav.mobile .location-btn-mobile {
    display: inline-block;
}

.stellarnav.mobile li.call-btn-mobile {
    border-right: 1px solid rgba(255, 255, 255, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.stellarnav.mobile li.call-btn-mobile,.stellarnav.mobile li.location-btn-mobile {
    display: inline-block;
    width: 50%;
    text-transform: uppercase;
    text-align: center;
}

.stellarnav.mobile li.call-btn-mobile.full,.stellarnav.mobile li.location-btn-mobile.full {
    display: block;
    width: 100%;
    text-transform: uppercase;
    border-right: 0;
    text-align: left;
}

.stellarnav.mobile.light ul {
    background: rgba(255, 255, 255, 1);
}

.stellarnav.mobile.dark ul {
    background: transparent;
}

.stellarnav.mobile.dark ul ul {
    background: rgba(255, 255, 255, .08);
}

.stellarnav.mobile.light li.call-btn-mobile {
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.stellarnav.mobile.top {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}

.stellarnav.mobile li.has-sub > a:after,.stellarnav.mobile li li.has-sub > a:after,.stellarnav.mobile li.drop-left li.has-sub > a:after {
    display: none;
}

.stellarnav.mobile.right > ul,.stellarnav.mobile.left > ul {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 280px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.stellarnav.mobile.right > ul {
    right: 0;
    z-index: 9999;
}

.stellarnav.mobile.right .close-menu,.stellarnav.mobile.left .close-menu {
    display: inline-block;
    text-align: right;
}

.stellarnav.mobile.left > ul {
    left: 0;
}

.stellarnav.mobile.right .location-btn-mobile.half,.stellarnav.mobile.right .call-btn-mobile.half,.stellarnav.mobile.right .close-menu.half {
    text-align: center;
}

.stellarnav.mobile.right .location-btn-mobile.third,.stellarnav.mobile.right .call-btn-mobile.third,.stellarnav.mobile.right .close-menu.third {
    text-align: center;
}

.stellarnav.mobile.left .location-btn-mobile.half,.stellarnav.mobile.left .call-btn-mobile.half,.stellarnav.mobile.left .close-menu.half {
    text-align: center;
}

.stellarnav.mobile.left .location-btn-mobile.third,.stellarnav.mobile.left .call-btn-mobile.third,.stellarnav.mobile.left .close-menu.third {
    text-align: center;
}

.stellarnav.mobile.left .menu-toggle.half,.stellarnav.mobile.left .menu-toggle.third,.stellarnav.mobile.right .menu-toggle.half,.stellarnav.mobile.right .menu-toggle.third {
    text-align: left;
}

.stellarnav.mobile.left .close-menu.third span,.stellarnav.mobile.right .close-menu.third span {
    display: none;
}

.stellarnav.desktop li.mega ul ul {
    background: none;
}

.stellarnav.desktop li.mega li {
    display: inline-block;
    vertical-align: top;
    width: 100% !important;
}

.stellarnav.desktop li.mega li li {
    display: block;
    position: relative;
    left: 4px;
}

.stellarnav.desktop > ul > li.mega > ul {
    -webkit-column-count: 4;
    column-count: 4;
}

.stellarnav.desktop li.mega ul ul {
    width: auto;
}

.stellarnav.desktop > ul > li.mega {
    position: inherit;
}

.stellarnav.desktop > ul > li.mega > ul {
    width: 100%;
    max-width: 95% !important;
}

.stellarnav.desktop > ul > li.mega > ul > li > a {
    padding: 7px 15px;
}

.stellarnav.desktop > ul > li.mega > ul li.has-sub ul {
    display: block;
    position: relative;
    left: auto;
}

.stellarnav.desktop > ul > li.mega > ul > li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.stellarnav.desktop li.mega li li a {
    padding: 5px 15px;
}

.stellarnav.desktop li.mega li.has-sub a:after {
    display: none;
}

.header-menu {
    width: 100%;
    float: left;
    padding: 15px 0;
}

.enquery-button a {
    line-height: 55px;
    padding: 0 24px;
    background: #121212;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1.6px;
    -webkit-transition: .5s;
    transition: .5s;
}

.enquery-button a:hover {
    background: white;
    color: #121212;
    -webkit-transition: .5s;
    transition: .5s;
}

.mt80 {
    margin-top: 80px;
}

.imagesbox {
    width: 33.33%;
    display: flex;
    border-radius: 70px;
    overflow: hidden;
}

.allImages {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.content_box1 {
    max-width: 90%;
    width: 100%;
    margin: auto;
    padding: 200px 0 0px;
}

.skew1 {
    transform: skew(0deg, 10deg);
}

.skew2 {
    transform: skew(0deg, -10deg);
}

.content_in {
    position: relative;
    z-index: 1;
    text-align: center;
    max-width: 1000px;
    width: 100%;
    margin: 0px auto;
}

.content_in h1 {
    font-size: 60px;
    line-height: 1;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.content_in h1 span {
    font-size: 30px;
}

.content_in p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
}

.content_in h1 strong {
    color: #008000;
}

.svgban {
    max-width: 150px;
    width: 100%;
    position: absolute;
    right: 6%;
    top: 15%;
}

.svgban1 {
    width: 100px;
    height: 100px;
    transform: rotateZ(180deg);
    position: absolute;
    top: 0;
    right: 0;
}

.svgban2 {
    position: absolute;
    left: 6%;
    top: 14%;
}

.gelatine {
    animation: gelatine 2s infinite;
}

.bouncecss {
    animation: bouncecss 5s ease infinite;
}

.bouncecss1 {
    animation: bouncecss1 3s ease infinite;
}

@keyframes gelatine {
    from, to {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(0.9, 1.1);
    }

    50% {
        transform: scale(1.1, 0.9);
    }

    75% {
        transform: scale(0.95, 1.05);
    }
}

@keyframes bouncecss {
    0% {
        transform: translateY(0);
    }

    10% {
        transform: translateY(-50px);
    }

    20% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(-50px);
    }

    40% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-300px);
    }
}

@keyframes bouncecss1 {
    0% {
        border-radius: 40px 40px 40px 40px;
    }

    30% {
        border-radius: 0px 40px 0px 40px;
    }

    60% {
        border-radius: 40px 0px 40px 0px;
    }

    100% {
        border-radius: 40px 40px 40px 40px;
    }
}

.allImages2 {
    position: absolute;
    left: 0;
    bottom: -50px;
}

.allImages1 {
    position: absolute;
    right: 0;
    bottom: -50px;
}

.imagesbox1 {
    width: 300px;
}

.allImages2 .imagesbox1:first-child {
    transform: rotate(11deg);
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 2px 2px 8px #939393;
}

.allImages2 .imagesbox1:last-child {
    transform: rotate(-11deg) translate(213px, -87px);
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 2px 2px 8px #939393;
}

.allImages1 .imagesbox1:first-child {
    transform: rotate(-11deg);
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 2px 2px 8px #939393;
}

.allImages1 .imagesbox1:last-child {
    transform: rotate(11deg) translate(-213px, -87px);
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 2px 2px 8px #939393;
}

.content_box12 {
    padding: 0 !important;
}

.logoIcon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    background: #fff;
    padding: 15px;
    border-radius: 100px;
    border: 3px solid #e0e0e0;
    margin-bottom: 0px;
}

ul.headersocial {
    display: flex;
    list-style: none;
    padding: 0;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    padding-top: 150px;
}

.headersocial a {
    font-size: 25px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-shadow: 0 0 6px #c1c1c1;
    border-radius: 10px 10px 0px 10px;
}

a[title="Facebook"] {
    background-color: #1877f2;
}

a[title="Instagram"] {
    background-color: #c32aa3;
}

a[title="Linkedin"] {
    background-color: #0a66c2;
}

a[title="Twitter"] {
    background-color: #000;
}

a[title="Pinterest"] {
    background-color: #bd081c;
}

.headersocial li:nth-child(even) {
    animation: moveSocial 3s ease infinite;
}

.headersocial li:nth-child(odd) {
    animation: moveSocial1 3s ease infinite;
}

.headersocial a:hover {
    background: #008000;
    color: #fff;
}

.homebanBtn {
    background: #000000;
    color: #fff;
    padding: 15px 37px;
    display: inline-block;
    margin-top: 30px;
    border-radius: 12px;
    font-size: 20px;
    box-shadow: 0 0 10px #979797;
    border: 3px solid #fff;
}

.homebanBtn:hover {
    background: #008000;
    border-color: #008000;
    color: #fff;
}

.backImgb {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .8;
}

@keyframes moveSocial {
    0% {
        transform: translateY(-20px);
    }

    50% {
        transform: translateY(20px);
    }

    100% {
        transform: translateY(-20px);
    }
}

@keyframes moveSocial1 {
    0% {
        transform: translateY(20px);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(20px);
    }
}

.banner {
    position: relative;
    padding: 0px;
    background: #fff;
    overflow: hidden;
}

.global-banner {
    position: relative;
    overflow: hidden;
}

.global-banner .inner-btn ul {
    list-style: none;
    text-align: center;
}

.global-banner .inner-btn ul li {
    display: inline-block;
    margin: 0 10px;
}

.global-banner .inner-btn .btn {
    font-weight: 300;
    background-color: #5ac0f4;
    padding: 8px 27px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    border-bottom: 5px solid #012f5f;
    font-size: 16px;
    line-height: 32px;
}

.global-banner .inner-btn .btn:hover {
    background-color: #012f5f;
    border-bottom: 5px solid #5ac0f4;
    text-decoration: none;
}

.global-banner .inner-btn .btn span {
    margin: 0 6px;
}

.global-banner .inner-btn {
    position: absolute;
    left: 0;
    bottom: 45px;
    width: 100%;
}

.pad200 {
    padding: 200px 0 300px;
}

.backImgb1 {
    width: 100%;
    min-height: 700px;
    object-fit: cover;
}

.global-banner img {
    width: 100%;
    max-width: 100%;
    min-height: 340px;
    object-fit: cover;
}

#main_silder img {
    width: 100%;
    object-fit: cover;
}

#main_silder {
    display: block;
}

#main_silder .carousel-caption {
    top: 40%;
    left: 0px;
    right: 0px;
    text-align: left;
}

#main_silder .content_box {
    width: 100%;
    max-width: 466px;
    margin: 0px auto;
    margin: 0px auto;
}

.content_box h1 {
    text-transform: unset;
    color: #fff;
}

.content_box h5 {
    font-size: 28px;
    text-transform: capitalize;
    margin: 5px 0px 10px;
}

.content_box p {
    font-size: 16px;
    line-height: 24px;
}

.content_box aside i {
    font-size: 24px;
}

.content_box aside span {
    margin-right: 10px;
}

#particle-canvas {
    width: 100%;
    height: 100%;
    position: absolute !important;
    top: 0;
    left: 0;
}

.carouselCap1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 50px;
}

.content_box12in {
    max-width: 700px;
    width: 100%;
    text-align: center;
    margin-right: 8%;
    margin-top: 130px;
}

.content_box12 h1 {
    text-transform: uppercase;
    font-size: 81px;
    color: #fff;
    font-weight: 600;
}

.content_box12 p {
    color: #fff;
    font-size: 23px;
    font-weight: 200;
    text-align: left;
    margin-top: 20px;
}

.homebanBtn1 {
    float: left;
    background: #fff;
    font-size: 23px;
    color: #4d5a79;
    padding: 17px 38px;
    border-radius: 40px;
    text-transform: uppercase;
    margin-top: 60px;
}

.bottomCon {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 40px;
    align-items: flex-end;
    width: 100%;
}

.blcontent {
    width: 50%;
}

.headersocial1 {
    list-style: none;
    padding: 0 30px 0 0;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    width: 50%;
}

.headersocial1 a {
    background: #ffff;
    width: 39px;
    height: 39px;
    display: inline-flex;
    border-radius: 40px;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #b1e9b1;
}

.blcontent p {
    color: #fff;
    font-size: 23px;
    font-weight: 200;
    text-align: left;
    margin: 0;
}

.content_box13,.content_box12 {
    width: 50%;
}

.content_box13 {
    margin: 0 0 0 3%;
    position: relative;
}

.content_box12 {
    display: flex;
    justify-content: center;
}

.homebanBtn1:hover {
    background: #000;
    color: #fff;
}

.headersocial1 a:hover {
    background: #000;
}

.Our_service {
    background: #f1eee7;
    position: relative;
    padding: 100px 0;
}

.Our_service .heading {
    position: relative;
}

.Our_service .heading h2 {
    font-size: 60px;
    line-height: 1;
}

.service-b img {
    width: 100%;
}

.Our_service .heading p {
    padding: 12px 0px 65px 0px;
    width: 100%;
    max-width: 667px;
    line-height: 24px;
    margin: 0px auto;
    text-align: center;
    color: #121212;
    font-weight: 300;
}

.service_wraper p {
    color: #121212;
    font-weight: 300;
}

.ser_a_right {
    padding-left: 20px;
}

.service_a_flex .ser_a_left p {
    padding-top: 10px;
    padding-bottom: 0px;
}

.service_a_flex .ser_a_left a {
    font-weight: 300;
    color: #000;
}

.ser_c_left {
    padding-left: 20px;
}

.service_a_flex .ser_c_right p {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 0px;
}

.service_a_flex .ser_c_right a {
    font-weight: 300;
    color: #000;
}

.service_wraper h5 {
    margin: 0px 0px 10px;
    font-size: 26px;
}

.service_wraper h5 a {
    color: #000;
}

.service_wraper .ser_a_right img, .service_wraper .ser_c_left img {
    width: 50px;
}

.service_wraper .row {
    display: flex;
    flex-wrap: wrap;
}

.service_a, .service_c {
    padding: 60px 40px;
    position: relative;
}

.borderBottom {
    border-bottom: 1px solid #dedcdc;
}

.borderRight {
    border-right: 1px solid #dedcdc;
}

.borderLeft {
    border-left: 1px solid #dedcdc;
}

.borderTop {
    border-top: 1px solid #dedcdc;
}

.service_wraper h5 span {
    display: block;
    color: #008000;
}

.backgroundImgs {
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    opacity: 0;
    height: 100%;
    object-fit: cover;
}

.hoverSec:hover {
    background: #000;
}

.hoverSec:hover .backgroundImgs {
    opacity: .4;
}

.hoverSec:hover a,.hoverSec:hover a span, .hoverSec:hover p,.hoverSec:hover .blog__btn svg {
    color: #fff;
    fill: #fff;
}

.choose.us {
    position: relative;
    padding: 50px 0 50px;
    background: #fff;
}

.choose.us .container {
    position: relative;
    z-index: 1;
}

.bgimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.choose.us h3 {
    padding-bottom: 20px;
    font-size: 60px;
    font-weight: 500;
    color: #000;
    text-align: left;
}

.choose.us p {
    padding-bottom: 16px;
    margin: 0px auto;
    color: #000;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
}

.chooseContent {
    text-align: left;
    position: relative;
    padding-right: 30px;
}

figure.digramimg {
    position: sticky;
    top: 100px;
}

.whyimg {
    margin-bottom: -150px;
    position: relative;
    width: 100%;
}

.dfac {
    display: flex;
    flex-wrap: wrap;
}

.chooseContentimg {
    width: 100%;
    display: inline-block;
    overflow: hidden;
}

.they_say .heading {
    margin-bottom: 30px;
}

.testi_desc {
    display: block;
    border: 2px solid #eaeaea;
    border-radius: 3px;
    padding: 20px 28px;
    position: relative;
    margin: 0 0 30px;
    text-align: left;
}

.testi_desc::after {
    position: absolute;
    left: 20px;
    top: 100%;
    content: '';
    border-bottom: 12px solid transparent;
    width: 0;
    height: 0;
    display: block;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #eaeaea;
}

.testi_details {
    display: flex;
}

.testi_details .testi_img img {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: double 3px #ccc;
}

.testi_title {
    margin-left: 20px;
}

.testi_details .testi_title h4 {
    font-size: 20px;
    line-height: 21px;
    color: #313132;
    padding: 0;
    margin: 0;
    font-weight: 600;
}

.testi_details .testi_title a {
    font-size: 13px;
    line-height: 21px;
    color: #535353;
}

.vehicle-detail-banner .car-slider-desc {
    max-width: 180px;
    margin: 0 auto;
}

.silik_silde .slider.slider-for {
    max-width: 84%;
    padding-right: 35px;
}

.silik_silde .slider.slider-nav {
    max-width: 16%;
}

.silik_silde .slider.slider-for, .silik_silde .slider.slider-nav {
    width: 100%;
    float: left;
}

.silik_silde .slider.slider-nav {
    overflow: hidden;
}

.slider-banner-image {
    height: 360px;
}

.silik_silde .slider.slider-nav {
    padding: 20px 0 0;
}

.they_say .silik_silde .banner-slider .slick-track {
    transform: inherit !important;
}

.slider-nav .slick-slide.thumbnail-image .thumbImg {
    max-width: 178px;
    height: 110px;
    margin: 0 auto;
    border: 1px solid #EBEBEB;
}

.slider-banner-image img, .slider-nav .slick-slide.thumbnail-image .thumbImg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.slick-vertical .slick-slide:active, .slick-vertical .slick-slide:focus, .slick-arrow:hover, .slick-arrow:focus {
    border: 0;
    outline: 0;
}

.slider-nav .slick-slide.slick-current.thumbnail-image .thumbImg {
    border: 2px solid #196DB6;
}

.slider-nav .slick-slide.slick-current span {
    color: #196DB6;
}

.slider-nav .slick-slide {
    text-align: center;
}

.slider-nav .slick-slide span {
    font-size: 14px;
    display: block;
    padding: 5px 0 15px;
}

.slick-arrow {
    width: 100%;
    background-color: transparent;
    border: 0;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
    height: 18px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
}

.slick-prev {
    top: 0;
}

.slick-next {
    bottom: 0;
    background-color: #fff;
}

.slick-slide {
    opacity: 1 !important;
}

.thumbnail-image .thumbImg img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: double 3px #ccc;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}

.they_say .they_right .slick-current.slick-active .thumbnail-image img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    transition: all .3s;
}

.they_say .video-gallery {
    position: relative;
    overflow: hidden;
}

.slider-banner-image {
    position: relative;
}

.video-overlay {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    position: absolute;
}

.video-overlay i {
    position: relative;
    color: #808080;
    top: 50%;
    left: 44%;
    font-size: 48px;
    color: red;
}

.outer-load {
    float: left;
    width: 100%;
    clear: both;
    background: green;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}

.outer-load > img {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.box-piesite {
    text-align: center;
    font-size: 22px;
}

.box-piesite ul {
    padding: 0;
    margin: 0px;
}

.box-piesite li {
    display: inline-block;
    list-style-type: none !important;
    color: #fff;
    position: relative;
    margin: 0px;
}

.box-piesite li ul li {
    margin: 0px 35px;
}

.piesite {
    position: relative;
    width: 1em;
    height: 1em;
    font-size: 10em;
    cursor: default;
}

.piesite:before {
    background: rgba(255, 255, 255, 1);
}

.piesite:before {
    content: "";
    display: block;
    position: absolute;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    opacity: 1;
    z-index: 0;
}

.piesite .percent {
    position: absolute;
    top: 77px;
    left: 0.1em;
    width: 100%;
    font-size: 40px;
    text-align: center;
    z-index: 2;
    font-weight: 700;
}

.piesite .percent {
    position: absolute;
    top: 77px;
    left: 0.1em;
    width: 100%;
    font-size: 40px;
    z-index: 2;
    font-weight: 700;
}

.piesite > #slice.gt50 {
    clip: rect(auto, auto, auto, auto);
}

.piesite > #slice {
    position: absolute;
    width: 1em;
    height: 1em;
}

li.design .piesite > #slice > .pie {
    border-color: #0a5c0c;
}

.piesite > #slice > .pie {
    position: absolute;
    border: 15px solid #444;
    width: 1em;
    height: 1em;
    clip: rect(0em, 0.5em, 1em, 0em);
    border-radius: 0.5em;
}

.piesite > #slice > .pie.fill {
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}

.piesite::after {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 14px;
    width: 192px;
    height: 192px;
    background: #45ab48;
    border-radius: 100%;
    z-index: 1;
}

.box-p-text {
    position: absolute;
    top: 110px;
    z-index: 99;
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.portfolio-filter {
    text-align: center;
    padding-bottom: 1em;
    margin-top: 35px;
    margin-bottom: 15px;
}

.list-inline > li {
    display: inline-block;
}

.portfolio-filter li a {
    font-weight: 300;
    color: #585757;
    padding: 1px 8px 0px;
    line-height: 28px;
    font-size: 16px;
    text-transform: uppercase;
    border: 2px solid transparent;
    margin: 0 5px;
}

.portfolio-filter a.active, .portfolio-filter a:hover {
    background-color: #45ab48;
    border: 2px solid #167f19;
    color: #fff;
}

.taber {
    float: left;
    width: 100%;
    clear: both;
    padding: 100px 0px 100px;
}

.portfolio li {
    list-style-type: none !important;
    width: 25%;
    margin: 0px;
    background: #45ab48 none repeat scroll 0 0;
}

.project .img-bg-color.primary {
    background: #45ab48 none repeat scroll 0 0;
    height: 179px;
    overflow: hidden;
}

#grid li img {
    height: 179px;
    object-fit: cover;
    object-position: top;
}

.project-hover-tools {
    position: absolute;
    z-index: 2;
    bottom: 40%;
    right: 40%;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s, ease-in-out 0.3s;
    -moz-transition: opacity 0.3s, ease-in-out 0.3s;
    -o-transition: opacity 0.3s, ease-in-out 0.3s;
    transition: opacity 0.3s, ease-in-out 0.3s;
}

.project:hover .project-hover-tools {
    bottom: 40%;
    right: 40%;
    text-align: center;
    visibility: visible;
    opacity: 1;
}

.open-gallery {
    background-color: transparent;
    color: #fff;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    font-size: 53px;
    padding: 0px !important;
}

.open-gallery .fa {
    color: #fff !important;
}

.portfolio img {
    width: 100%;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}

.project:hover img {
    opacity: 0.25;
}

.client_lmg {
}

#client_logo {
    margin-top: 35px;
}

.our_client {
    background: #f9f9f9;
    display: inline-block;
    padding: 100px 0;
    position: relative;
}

.right_img img {
    width: 104%;
}

#client_logo .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    padding: 20px 0px;
    height: auto;
}

.our_client .heading h2 {
    font-size: 60px;
    line-height: 1;
    text-transform: capitalize;
}

.our_client > img {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .7;
    left: 0;
}

.our_accreditations {
    position: relative;
    float: left;
    background: #fff;
    padding: 120px 0;
}

.our_accreditations h4 {
    font-size: 60px;
    text-align: center;
    color: #000;
    margin: 0;
}

.certificate {
    margin-top: 50px;
    text-align: center;
}

.client_lmg {
    background: #fff !important;
    width: 94% !important;
    padding: 10px 25px !important;
    border-radius: 20px;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
}

.certificate img {
    width: 100%;
}

.blog-banner {
    padding: 170px 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.blog-page .blog-post {
    margin-bottom: 40px;
    background: #eee;
    padding: 12px;
}

.blog-page .entry-img {
    display: block;
    position: relative;
    overflow: hidden;
}

.blog-page .entry-img img {
    width: 100%;
}

.blog-page .entry-header h3 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    color: #29a7e2;
    text-align: left;
}

.blog-page .entry-header h3:hover {
    transition: all .3s;
    color: #e99544;
}

.blog-page .blog-post span {
    display: block;
    margin-bottom: 35px;
}

.blog-page .blog-post .entry-header p {
    font-size: 16px;
    color: #121212;
    line-height: 24px;
    font-weight: 300;
}

.blog-page .blog-post .gbw-btn {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: table;
    background: #8bc027;
    color: #fff;
    padding: 9px 22px;
    margin: 12px 0;
    text-shadow: 0 1px 2px #000;
    -webkit-text-shadow: 0 1px 2px #000;
    -moz-text-shadow: 0 1px 2px #000;
    box-shadow: 0 2px 2px #4e8300;
    -webkit-box-shadow: 0 2px 2px #4e8300;
    -moz-box-shadow: 0 2px 2px #4e8300;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    text-transform: capitalize;
}

.blog-page .blog-post .gbw-btn:hover {
    text-decoration: none;
    background: #000;
    text-shadow: none;
    box-shadow: none;
}

.blog-page .blog-post .col-lg-7 {
    border-left: 1px solid #ccc;
    height: 100%;
}

.blog-page .sidebar .widget {
    padding: 20px;
    background: #f3f0f0;
    box-shadow: 1px 1px 8px 0px #cfcbcb;
    -webkit-box-shadow: 1px 1px 8px 0px #cfcbcb;
    -moz-box-shadow: 1px 1px 8px 0px #cfcbcb;
    margin-bottom: 30px;
}

.blog-page .sidebar .widget .widget-title {
    font-size: 18px;
    text-align: center;
    border-bottom: 2px solid #a7bc91;
    padding: 0 0 9px 0px;
    color: #000;
    margin: 0px 0 10px;
}

.blog-page .sidebar .widget ul {
    list-style: none;
}

.blog-page .sidebar .widget .sidbr-rank {
    text-align: center;
}

.blog-page .sidebar .widget .sidbr-rank .add-btn .btn {
    margin-top: -30px;
    border-radius: 7px;
}

.blog-page .sidebar .widget ul li {
    list-style: none;
    border-bottom: 1px dashed #959595;
    position: relative;
    padding: 0 0 6px 21px;
}

.sidebar .widget ul li::after {
    left: 0px;
    top: 5px;
    position: absolute;
    content: "\f0a9";
    font-family: FontAwesome;
    font-size: 16px;
    color: #000;
}

.blog-page .sidebar .widget ul li a {
    color: #050505;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    margin: 0px;
    padding: 8px 0px;
    text-transform: uppercase;
    display: inline-block;
}

.blog-page .sidebar .widget Select {
    width: 100%;
    height: 35px;
}

.blog-page .nav-links {
    display: inline-block;
    width: 100%;
    float: left;
}

.blog-page .pagination, .casestudypage .pagination {
    float: left;
    width: 100%;
}

.blog-page .pagination .page-numbers, .casestudypage .pagination .page-numbers {
    padding: 6px 10px;
    background: #3b3b3b;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
}

.blog-page .pagination .page-numbers.current, .casestudypage .pagination .page-numbers.current {
    background: #8bc027;
}

.blog-page .pagination .page-numbers.dots, .casestudypage .pagination .page-numbers.dots {
    display: none;
}

.blog-page .single-post {
    background-color: #fff;
    margin-bottom: 0px;
}

.blog-page .single-post .entry-heading {
    margin-bottom: 15px;
}

.blog-page .single-post .entry-heading h3 {
    font-size: 20px;
    line-height: 25px;
    color: #29a7e2;
    font-weight: 600;
}

.blg_experts {
    display: inline-block;
    width: 100%;
}

.blg_experts .row {
    background: #292929;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px;
}

.blg_experts h4 {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    font-weight: 300;
}

.blg_experts .btn {
    border: 4px solid #ffffff;
    background: #eae9e9;
    color: #191919;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.blg_experts .btn:hover {
    border: 4px solid #008000;
    background: #076507;
    color: #fff;
}

.recent-blog main .entry-img img {
    width: 100%;
}

.recent-blog summary {
    display: inline-block;
    padding: 20px;
    text-align: center;
}

.recent-blog summary h4 {
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    color: #23527c;
    font-weight: 700;
}

.recent-blog summary p {
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    font-weight: 300;
}

.recent-blog .rows-heading aside {
    background: #008000;
    margin-bottom: 30px;
}

.recent-blog .rows-heading aside h3 {
    text-align: center;
    font-size: 30px;
    line-height: 55px;
    color: #fff;
    font-weight: 700;
}

.recent-blog summary .btn {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 9px 22px;
    background: #8bc027;
    color: #fff;
    text-shadow: 0 1px 2px #000;
    -webkit-text-shadow: 0 1px 2px #000;
    -moz-text-shadow: 0 1px 2px #000;
    box-shadow: 0 2px 2px #4e8300;
    -webkit-box-shadow: 0 2px 2px #4e8300;
    -moz-box-shadow: 0 2px 2px #4e8300;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    text-transform: capitalize;
    margin-top: 10px;
}

.recent-blog summary .btn:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.blog-page .single-post .entry-heading h2 {
    font-size: 20px;
    line-height: 25px;
    font-family: sans-serif;
    font-weight: 700;
    color: #29a7e2;
    text-align: left;
}

.blog-page .single-post .entry-img {
    margin-bottom: 25px;
}

.blog-page .single-post .entry-header p {
    margin-bottom: 15px;
}

.blog-page .single-post .entry-header h3 {
    color: #121212;
    margin: 25px 0;
    text-transform: initial;
}

.blog-page .single-post .entry-header h2 {
    font-size: 23px;
    line-height: 28px;
    color: #121212;
    font-weight: 700;
    text-transform: capitalize;
    margin: 30px 0;
    text-align: left;
}

.recent-blog main {
    display: block;
    margin-bottom: 25px;
    background: #e0dede;
}

.single-portf .entry-img img, .single-project .entry-img img, .single-project .entry-img img, .single-work .entry-img img, .single-testi .entry-img img {
    width: auto;
}

.blog-page .single-post .entry-header ul {
    margin: 0 0 15px 15px;
}

.blog-page .single-post .entry-header ul li, .blog-page .single-post .entry-header ol li {
    font-size: 16px;
    color: #121212;
    line-height: 24px;
    font-weight: 300;
}

.recent-blog .row {
    display: flex;
    flex-wrap: wrap;
}

.recent-blog .row > * > * {
    height: calc(100% - 25px);
}

.abt-info .section-heading h3 {
    color: #000;
}

.abt-vision:nth-child(even) .row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
}

.abt-vision .media_left .page-heading h3 {
    line-height: 38px;
    font-size: 38px;
    color: #383838;
    font-weight: 700;
}

.abt-vision:nth-child(even) .row .page-heading h3,.abt-vision:nth-child(even) .row .media_left p {
    color: #fff;
}

.abt-vision .media_left .page-heading h3 strong {
    color: #e99544;
}

.abt-vision .media_left p {
    font-size: 18px;
    color: #121212;
    line-height: 26px;
}

.abt-vision .media_left .divider {
    display: block;
    margin: 10px 0;
}

.abt-what .section-heading h3 {
    color: #000;
}

.abt-info .media_left p, .abt-what .media_left p {
    text-align: justify;
}

.abt-info .media_right {
    padding-left: 30px;
}

.abt-what .media_right {
    padding-right: 30px;
}

.abt-what .media_right figure img, .mobile-scale figure img, .contentwithimage .media_left img {
    width: 100%;
}

.abt-info figure img {
    width: 100%;
}

.abt-vision .media_right img {
    width: 100%;
}

.abt-counter .abt-box {
    background: #f49b25;
    border-radius: 100%;
    height: 250px;
    width: 250px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.abt-counter .abt-box .entry-txt h5 {
    text-align: center;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    margin-top: 0px;
    text-transform: uppercase;
}

.abt-counter .abt-box .counting {
    margin-right: 5px;
    font-size: 40px;
    line-height: 72px;
    font-weight: 500;
    color: #fff;
}

.abt-counter .abt-box .entry-post {
    display: flex;
    align-items: center;
}

.abt-counter .abt-box .plus {
    font-size: 20px;
    color: #fff;
}

.abt-counter .stats:nth-child(2n) .abt-box {
    background: #499473;
}

.abt-journy .outer_al_toog {
    width: 100%;
    max-width: 1290px;
    margin: 0 auto;
}

.abt-journy {
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}

.abt-journy .container {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
}

.abt-journy .section-heading h3 {
    text-align: center;
}

.abt-journy .section-heading {
    text-align: center;
    margin-bottom: 30px;
}

.abt-journy .section-heading h3 {
    text-align: center;
}

.abt-journy .al_toog {
    float: left;
    width: 322px;
    padding: 0px 0 30px;
}

.abt-journy .summery {
    min-height: 179px;
    width: 161px;
    text-align: center;
    padding-top: 20px;
}

.abt-journy .summery h3 {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
}

.abt-journy .outer_toog_animate {
    width: 161px;
    text-align: center;
    float: left;
    position: relative;
}

.abt-journy .outer_toog_animate .toog_animate {
    width: 100%;
    height: 48px;
    background: #01a55e;
    clear: both;
    float: left;
    position: relative;
}

.abt-journy .outer_toog_animate .toog_animate:after {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    z-index: 99;
    width: 18px;
    height: 18px;
    content: "";
    margin-left: -9px;
    margin-top: -9px;
    border-radius: 50%;
}

.abt-journy .outer_toog_animate .ball {
    margin-left: -54px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-animation-name: bounceball;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0;
    -webkit-animation-timing-function: ease-out;
    animation-name: bounceball;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 0;
    timing-function: ease-out;
    animation-play-state: running;
    animation-fill-mode: none;
}

.abt-journy .outer_toog_animate .toog_line {
    width: 8px;
    height: 98px;
    background: #01a55e;
    clear: both;
    margin: 0 auto;
}

.abt-journy .outer_toog_animate .toog_img {
    line-height: 108px;
    height: 108px;
    width: 108px;
    background: #01a55e;
    border-radius: 50%;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}

.abt-journy .outer_toog_animate_2 .ball2 {
    margin-left: -54px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-animation-name: bounceball1;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0;
    -webkit-animation-timing-function: ease-out;
    animation-name: bounceball1;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 0;
    timing-function: ease-out;
    animation-play-state: running;
    animation-fill-mode: none;
}

.abt-journy .outer_toog_animate_2 .toog_img {
    background: #e99544;
}

.abt-journy .outer_toog_animate_2 .toog_line {
    background: #e99544;
}

.abt-journy .outer_toog_animate_2 .toog_animate {
    background: #e99544;
    margin-bottom: 25px;
}

.float-form {
    position: fixed;
    top: 32%;
    background: #fff;
    right: -250px;
    z-index: 99;
    padding: 10px;
    width: 250px;
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.float-link {
    float: left;
    transform: rotate(-90deg);
    position: absolute;
    z-index: 999;
    left: -96px;
    color: #fff;
    top: 70px;
    font-size: 20px;
    background: green;
    padding: 5px 10px;
    border-radius: 8px 8px 0px 0px;
}

.float-link:hover, .float-link:focus {
    color: #fff;
    outline: none;
    background: #026d02;
    text-decoration: none;
}

.float-form.form_toggle {
    right: 0;
}

.float-form input[type="text"], .float-form input[type="email"] {
    height: 30px;
    width: 100%;
    background: #f7f7f7;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    color: #686868;
    padding: 0.625em 0.4375em;
    width: 100%;
    font-size: 12px;
}

.float-form textarea {
    font-size: 12px;
    height: 80px;
    width: 100%;
    background: #f7f7f7;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    color: #686868;
    padding: 0.625em 0.4375em;
    width: 100%;
}

.float-form input[type="submit"] {
    padding: 4px;
    font-size: 12px;
    font-weight: 300;
    width: 100%;
    background: green;
    text-transform: uppercase;
    color: #fff;
    border: 0px;
    outline: none;
}

.float-form .field {
    margin-bottom: 0px;
}

.footer {
    position: relative;
    background: url(https://www.greenwebmedia.com/wp-content/themes/greenwebmedia/images/foot-bg.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 0px;
    padding-top: 50px;
    float: left;
    width: 100%;
}

.footer .container {
    position: relative;
}

.footer,.footer ul li a,.footer p {
    color: #fff;
    line-height: 24px;
    font-size: 14px;
    line-height: 27px;
}

.footer h5 {
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 25px;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.footer ul {
    list-style-position: inside;
    list-style-type: disclosure-closed;
}

.footer ul li a {
    padding-left: 7px;
}

.footer ul li:hover a {
    color: #45ab48;
}

.footer .foot_keep ul li, .footer #foot_silder ul li {
    list-style: none;
}

.footer .foot_keep ul li a {
    display: block;
    margin: 0px;
    padding: 0px;
}

.footer ul .inline a {
    display: inline-block !important;
}

.footer #foot_silder ul li:hover a {
    color: #fff;
}

#foot_silder {
    font-style: italic;
}

#foot_silder p {
    font-size: 13px;
    font-weight: 300;
    line-height: 22px;
    margin: 0px;
}

#foot_silder span {
    font-size: 15px;
    font-weight: 600;
}

#foot_silder ul {
    display: flex;
}

#foot_silder ul li {
    color: #ffaf00;
    font-size: 10px ;
}

.we_accept_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.we_accept_flex a {
    padding-right: 10px;
}

.we_accept_flex p {
    margin: 0px;
    color: red;
}

.we_accept {
    margin: 45px 0px 0px;
}

.privacy_Policy p a {
    color: #45ab48;
    font-weight: 700
}

#button {
    position: fixed;
    right: 7px;
    background: #45ab48;
    z-index: 2;
    bottom: 0px;
    border-radius: 30px;
    font-size: 20px;
    color: #ffff;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 32px;
    display: none;
}

#foot_silder .owl-dots, #foot_silder .owl-nav {
    display: none;
}

#foot_silder ul .checked {
    color: #ffaf00;
}

.scrollup {
    position: fixed;
    right: 37px;
    bottom: 10px !important;
    background: #c7c7c76e;
    border: 2px solid #45ab48;
    z-index: 2;
    bottom: 0px;
    border-radius: 30px;
    font-size: 21px;
    color: #ffff;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 45px;
    display: none;
    cursor: pointer;
}

.scrollup .fa {
    color: #fff;
    text-shadow: 0 3px 5px #000;
}

.scrollup:hover {
    background-color: rgba(69, 171, 72, 0.7);
}

.scrollup .fa:hover .fa {
    color: #686868
}

.life-gallery {
    background-size: cover;
    background-repeat: no-repeat;
}

.life-gallery .section-heading h3 {
    font-size: 32px;
    text-align: center;
    font-weight: 600;
    position: relative;
    text-transform: capitalize;
    position: relative;
    color: #0f0f0f;
}

.life-gallery .section-heading .divider {
    text-align: center;
    margin: 0px;
}

.life-gallery .gallery-middle {
    max-width: 900px;
    width: 100%;
    display: flex;
    margin: 0px auto;
    position: relative;
    flex-wrap: wrap;
}

.life-gallery .media_left {
    background: #fff;
    padding: 30px 15px 15px;
}

.life-gallery .media_left p {
    color: #121212;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    width: 100%;
    max-width: 414px;
}

#review2 .item .img-wrapper img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center center;
}

#review2 .owl-dots {
    display: none;
}

#review2 .owl-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
    margin-top: 0;
}

#review2 .owl-nav button {
    background: #73c96c;
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #fff;
    margin: 0 2px;
}

#review2 .owl-nav button span {
    line-height: 26px !important;
    display: inline-block;
    font-size: 40px;
}

.life-hall {
    padding: 60px 0px;
    background-size: cover;
}

#hall1 {
    margin-top: 20px;
}

.section-hall h3 {
    justify-content: center;
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-hall h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    text-align: center;
}

.section-hall::after {
    content: '';
    background: url(https://www.greenwebmedia.com/wp-content/uploads/2021/03/hall-image-header.png);
    width: 77px;
    height: 130px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.section-hall::before {
    content: '';
    background: url(https://www.greenwebmedia.com/wp-content/uploads/2021/03/hall-image-header1.png);
    width: 77px;
    height: 130px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.section-hall {
    width: fit-content;
    position: relative;
    padding: 35px 57px;
    display: block;
    margin: 0px auto;
}

.section-hall h3::before {
    content: '\f005';
    font-family: 'FontAwesome';
    font-size: 13px;
    margin-right: 10px;
}

.section-hall h3::after {
    content: '\f005';
    font-family: 'FontAwesome';
    font-size: 13px;
    margin-left: 10px;
}

.hall-of-fame-month {
    height: 360px;
    width: 360px;
    background: #ea9545;
    border-radius: 360px;
    overflow: hidden;
    border: 5px solid #c56e1d;
    position: relative;
    display: block;
    margin: 0px auto;
}

.hall-of-fame-month figure {
    padding: 31px 21px 0px 21px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.overlay24 {
    position: absolute;
    bottom: 0px;
    text-align: center;
    background: rgba(0, 0, 0, .80);
    width: 100%;
    padding: 19px;
}

.overlay24 h4 {
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    margin-bottom: 5px;
    text-align: center;
}

.overlay24 h5 {
    margin-bottom: 5px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 5px;
    text-align: center;
}

.overlay24 h2 {
    font-size: 15px;
    color: #fff;
    text-align: center;
}

#hall1 .owl-nav button {
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 50px;
}

#hall1 .owl-nav button.owl-next {
    right: -50px;
}

#hall1 .owl-nav button.owl-prev {
    left: -50px;
}

#hall1 .owl-nav button {
    color: #fff;
    font-size: 50px;
}

#hall1 .owl-dots,#review1 .owl-dots, .life-hall .owl-slider .owl-nav {
    display: none;
}

.life-reive .section-heading h3 {
    font-size: 32px;
    font-weight: 600;
    position: relative;
    text-transform: capitalize;
    position: relative;
    color: #0f0f0f;
    text-align: center;
}

.life-reive .media_left p {
    font-size: 16px;
    line-height: 24px;
    color: #121212;
}

.life-reive .media_left {
    margin-right: 50px;
    text-align: center
}

.life-reive .section-heading h3 strong {
    color: #000;
    font-weight: 600;
}

#review1 .item {
    padding-left: 60px;
    padding-top: 60px;
}

#review1 .review-box {
    border: 1px solid green;
    border-radius: 0px 50px 0px 50px;
    position: relative;
    padding: 40px 40px 40px 102px;
    margin: 0px 2px;
}

#review1 .img-responsive {
    position: absolute;
    top: -50px;
    left: -50px;
    width: 119px;
}

#review1 .detail-name {
    display: inline-block;
    width: 100%;
}

#review1 .detail-name h4 {
    font-size: 25px;
    color: #000;
    font-weight: 500;
}

#review1 .detail-name h5 {
    font-size: 15px;
    color: #000;
    font-weight: normal;
    margin-bottom: 20px;
}

#review1 .content-box-sl {
    position: relative;
}

#review1 .detail-name p {
    margin-bottom: 0px;
    color: #121212;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

#review1 .content-box-sl p::before {
    content: '\f10d';
    font-family: 'FontAwesome';
    margin-right: 5px;
}

#review1 .content-box-sl p::after {
    content: '\f10e';
    font-family: 'FontAwesome';
    margin-left: 5px;
}

#review1 .owl-nav button {
    position: absolute;
    top: 50%;
    color: #000;
    font-size: 50px;
}

#review1 .owl-nav button.owl-prev {
    left: 20px;
}

#review1 .owl-nav button.owl-next {
    right: -40px;
}

.faq-page .section-heading {
    text-align: center;
}

.faq-page .section-heading h3 {
    text-align: center;
    color: #121212;
}

.faq-page .faq-box {
    line-height: normal;
}

.faq-page .faq-box .con_box {
    padding-top: 20px;
    padding-bottom: 10px;
}

.faq-page .faq-box .con_box .question {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    align-items: center;
}

.faq-page .faq-box .con_box span {
    font-size: 40px;
    font-weight: 600;
    padding: 5px 15px;
    display: block;
}

.faq-page .faq-box .question .left_cont span {
    border-left: 6px solid #007000;
    color: #007000;
}

.faq-page .faq-box .con_box .question .right_cont p {
    margin-bottom: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    color: #121212;
}

.faq-page .faq-box .con_box .answer .right_cont p {
    font-size: 16px;
    color: #121212;
    font-weight: 300;
}

.faq-page .faq-box .con_box .answer {
    display: flex;
    display: -webkit-flex;
    display: -mox-flex;
    align-items: flex-start;
    height: 100%;
}

.faq-page .faq-box .con_box .answer .left_cont span {
    border-left: 6px solid #ea9545;
    color: #ea9545;
}

.jobs-block .jobs-post .content-box {
    color: #fff;
    font-size: 19px;
    padding: 22px;
    position: relative;
    float: left;
    width: 87%;
    height: 90px;
    margin-bottom: 94px;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    background: #f1d85a;
}

.jobs-block .jobs-post .content-box #modal-wrapper {
    float: left;
    width: 100%;
    cursor: pointer;
    line-height: 57px;
}

.jobs-block .jobs-post .content-box img {
    width: 54px;
    float: left;
    margin-right: 15px;
}

.jobs-block .jobs-post:nth-child(1) .content-box:after {
    width: 0;
    height: 0;
    border-bottom: 90px solid #f1d85a;
    border-right: 90px solid transparent;
    position: absolute;
    right: -89px;
    top: 0;
    content: "";
}

.jobs-block .jobs-post:nth-child(1) .content-box:before {
    width: 0;
    height: 0;
    border-top: 35px solid #baa337;
    border-left: 64px solid transparent;
    position: absolute;
    left: 0;
    bottom: -35px;
    content: "";
}

.jobs-block .jobs-post:nth-child(2) .content-box:after {
    width: 0;
    height: 0;
    border-top: 90px solid #9dc443;
    border-left: 90px solid transparent;
    position: absolute;
    left: -89px;
    top: 0;
    content: "";
}

.jobs-block .jobs-post:nth-child(2) .content-box:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 35px solid #8cb136;
    border-right: 64px solid transparent;
    position: absolute;
    right: 0;
    bottom: -35px;
    content: "";
}

.jobs-block .jobs-post:nth-child(3) .content-box:after {
    width: 0;
    height: 0;
    border-bottom: 90px solid #9d47e8;
    border-right: 90px solid transparent;
    position: absolute;
    right: -89px;
    top: 0;
    content: "";
}

.jobs-block .jobs-post:nth-child(3) .content-box:before {
    width: 0;
    height: 0;
    border-top: 35px solid #8a24e4;
    border-left: 64px solid transparent;
    position: absolute;
    left: 0;
    bottom: -35px;
    content: "";
}

.jobs-block .jobs-post:nth-child(4) .content-box:after {
    width: 0;
    height: 0;
    border-top: 90px solid #250242;
    border-left: 90px solid transparent;
    position: absolute;
    left: -89px;
    top: 0;
    content: "";
}

.jobs-block .jobs-post:nth-child(4) .content-box:before {
    width: 0;
    height: 0;
    border-top: 35px solid #250242;
    border-right: 64px solid transparent;
    position: absolute;
    right: 0;
    bottom: -35px;
    content: "";
}

.jobs-block .jobs-post:nth-child(5) .content-box:after {
    width: 0;
    height: 0;
    border-bottom: 90px solid #43bad8;
    border-right: 90px solid transparent;
    position: absolute;
    right: -89px;
    top: 0;
    content: "";
}

.jobs-block .jobs-post:nth-child(5) .content-box:before {
    width: 0;
    height: 0;
    border-top: 35px solid #2f9bb7;
    border-left: 64px solid transparent;
    position: absolute;
    left: 0;
    bottom: -35px;
    content: "";
}

.jobs-block .jobs-post:nth-child(6) .content-box:after {
    width: 0;
    width: 0;
    height: 0;
    border-top: 90px solid #3686b7;
    border-left: 90px solid transparent;
    position: absolute;
    left: -89px;
    top: 0;
    content: "";
}

.jobs-block .jobs-post:nth-child(6) .content-box:before {
    width: 0;
    width: 0;
    height: 0;
    border-top: 35px solid #27658c;
    border-right: 64px solid transparent;
    position: absolute;
    right: 0;
    bottom: -35px;
    content: "";
}

.jobs-block .jobs-post:nth-child(7) .content-box:after {
    width: 0;
    height: 0;
    border-bottom: 90px solid #d2b48c;
    border-right: 90px solid transparent;
    position: absolute;
    right: -89px;
    top: 0;
    content: "";
}

.jobs-block .jobs-post:nth-child(7) .content-box:before {
    width: 0;
    height: 0;
    border-top: 35px solid #d2b48c;
    border-left: 64px solid transparent;
    position: absolute;
    left: 0;
    bottom: -35px;
    content: "";
}

.jobs-block .jobs-post:nth-child(8) .content-box:after {
    width: 0;
    width: 0;
    height: 0;
    border-top: 90px solid #CD853F;
    border-left: 90px solid transparent;
    position: absolute;
    left: -89px;
    top: 0;
    content: "";
}

.jobs-block .jobs-post:nth-child(8) .content-box:before {
    width: 0;
    width: 0;
    height: 0;
    border-top: 35px solid #CD853F;
    border-right: 64px solid transparent;
    position: absolute;
    right: 0;
    bottom: -35px;
    content: "";
}

.jobs-block .jobs-post .content-box:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    z-index: 999;
}

.jobs-block .jobs-post .content-box .job-no {
    background: #e99544;
    width: 40px;
    height: 30px;
    color: #fff;
    position: relative;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
    float: right;
    line-height: 30px;
    margin-top: -45px;
    right: -14px;
}

.jobs-block .jobs-post .content-box .job-no:after {
    position: absolute;
    left: 0;
    bottom: -10px;
    right: 0;
    margin: 0 auto;
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid #e99544;
    border-right: 14px solid transparent;
}

.job-social .section-heading {
    text-align: center;
}

.job-social .section-heading h3 {
    text-align: center;
    color: #000;
}

.job-social .entry-post .icon {
    font-size: 53px;
    background: #e99544;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    line-height: 150px;
    display: block;
    margin: 0 auto 30px;
    color: #fff;
}

.job-social .entry-post .icon:hover {
    transition: all .3s;
    background-color: #2ea3f2;
}

.job-social .entry-post .icon .fa {
    color: #fff;
}

.job-social .entry-post {
    text-align: center;
}

.job-social .entry-post h4 {
    text-align: center;
    line-height: 18px;
    color: #003333;
    text-transform: capitalize;
}

#mainpopup .modal-header {
    padding: 0;
    border: 0;
    position: relative;
}

#mainpopup .modal-header .close {
    position: absolute;
    right: 10px;
    top: 15px;
    z-index: 9;
}

.field {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

.field .field-group {
    width: 50%;
    float: left;
    margin-bottom: 10px;
    padding-right: 10px;
}

.field .field-group + .field-group:last-child {
    padding-right: 0;
}

.field label {
    font-size: 12px;
    line-height: 22px;
    color: #121212;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.career-form input[type="text"], .career-form input[type="email"], .career-form input[type="tel"], .career-form select {
    width: 100%;
    height: 36px;
    outline: none;
    border: 1px solid #c6c6c6;
    padding-left: 10px;
    color: #000;
}

.career-form textarea {
    width: 100%;
    height: 90px;
    padding: 10px;
}

.career-form h3 {
    font-size: 18px;
    line-height: 18px;
    color: #121212;
    margin-bottom: 18px;
    display: block;
}

.career-form input[type="submit"] {
    letter-spacing: 0.6px;
    font-weight: normal;
    margin-top: 10px;
    border-radius: 4px;
    padding: 8px 22px;
    background: #ea9545;
    color: #fff;
    border: 0;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
}

.global-popup .modal-header {
    padding: 0;
    border: 0;
}

.global-popup .mdl-content .career-form {
    padding: 20px;
}

.global-popup .modal-body, .global-popup .modal-footer {
    padding: 0;
    border: 0;
}

.global-popup .modal-body .job-web-wraper {
    padding: 20px 45px;
}

.global-popup .modal-header .close {
    opacity: .2;
    position: absolute;
    top: 15px;
    right: 10px;
    z-index: 99;
}

.popup-package .modal-header {
    padding: 5px;
    border: 0;
}

.popup-package .modal-header .close {
    opacity: 1;
    margin-top: 5px;
    margin-bottom: -20px;
}

.global-popup .modal-dialog, #mainpopup .modal-dialog {
    margin: 150px auto;
}

.global-popup .modal-body .job-web-wraper h4 {
    font-weight: 600;
    color: #121212;
    padding-bottom: 10px;
}

.global-popup .modal-body .job-web-wraper p strong {
    font-weight: 700;
    color: #121212;
}

.testnomail-page .section-heading {
    margin-bottom: 100px;
}

.testnomail-page .section-heading h3 {
    text-align: center;
    font-size: 33px;
    line-height: 33px;
    color: #383838;
    font-weight: 700;
    text-transform: capitalize;
}

.testnomail-page .client-box {
    margin-bottom: 20px;
}

.testnomail-page .entry-post {
    border: 1px solid #eee;
    margin: 0 0px 0px 50px;
    border-radius: 0 22px 0 22px;
    -moz-border-radius: 0 22px 0 22px;
    -webkit-border-radius: 0 22px 0 22px;
    padding: 12px;
    box-shadow: 0px 0px 8px #ccc;
    -webkit-box-shadow: 0px 0px 8px #ccc;
    -moz-box-shadow: 0px 0px 8px #ccc;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
}

.testnomail-page .author-bio {
    background: #00a2a5;
    padding: 8px 22px;
    border-radius: 0 0 22px 22px;
    color: #fff;
    font-style: italic;
    text-transform: uppercase;
    font-size: 16px;
    width: 240px;
    text-align: right;
    box-shadow: 0 2px 7px #ccc;
    margin-top: 0;
    float: right;
}

.testnomail-page .entry-img img {
    width: 100px;
    height: 100px;
    box-shadow: -3px 1px 6px #ccc;
    -webkit-box-shadow: -3px 1px 6px #ccc;
    -moz-box-shadow: -3px 1px 6px #ccc;
}

.testnomail-page .entry-img {
    display: inline-block;
    margin-left: -60px;
    margin-top: -50px;
    flex: 0 0 8em;
}

.testnomail-page .entry-text {
    padding: 15px 30px 0;
    height: 200px;
    overflow-y: auto;
}

.testnomail-page .entry-text p {
    font-size: 15px;
    line-height: 25px;
    color: #121212;
    font-weight: 300;
}

.contact-page .section-heading {
    margin-bottom: 50px;
}

.contact-page .entry-box {
    background: #eee;
    min-height: 320px;
    padding: 22px 22px 5px 22px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 0 8px #a19e9e;
    -webkit-box-shadow: 0 0 8px #a19e9e;
    -moz-box-shadow: 0 0 8px #a19e9e;
    margin-bottom: 30px;
}

.contact-page .entry-box h4 {
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #a7bc91;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.contact-page .entry-box .entry-add ul {
    list-style: none;
}

.contact-page .entry-box .entry-add ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 34px;
    font-size: 14px;
    position: relative;
}

.contact-page .entry-box .entry-add ul li:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url(https://www.greenwebmedia.com/wp-content/uploads/2024/01/fl.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-attachment: scroll;
    top: 0px;
    left: -5px;
}

.contact-page .entry-box .entry-email ul, .contact-page .entry-box .entry-call ul {
    list-style: none;
}

.contact-page .entry-box .entry-email ul li, .contact-page .entry-box .entry-call ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 34px;
    font-size: 14px;
    position: relative;
    border-bottom: 1px dashed #959595;
}

.contact-page .entry-box .entry-email ul li:last-child, .contact-page .entry-box .entry-call ul li:last-child {
    border-bottom: 0px;
}

.contact-page .entry-box .entry-email ul li:before, .contact-page .entry-box .entry-call ul li:before {
    content: "\f0a9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    position: absolute;
    top: 0px;
    left: 5px;
}

.contact-map {
    padding-bottom: 0px;
}

.contact-map .contact-wrap {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    border: 1px solid #ccc;
    width: 100%;
    box-shadow: 0 0 8px #ccc;
    -moz-box-shadow: 0 0 8px #ccc;
    -webkit-box-shadow: 0 0 8px #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 30px 20px;
}

.contact-map .contact-wrap .media_left, .contact-map .contact-wrap .media_right {
    display: flex;
    flex-basis: 100%;
    width: 100%;
    max-width: 50%;
}

.contact-map .contact-wrap .media_left iframe {
    width: 100%;
    padding-right: 30px;
}

.contact-map input[type="text"], .contact-map input[type="email"], .contact-map input[type="tel"], .contact-map select {
    border: 1px solid #d8e2e5;
    border-radius: 4px;
    width: 100%;
    line-height: 28px;
    font-size: 16.67px;
    color: #4e4e4e;
    padding: 5px 10px;
    height: auto;
}

.contact-map textarea {
    border: 1px solid #d8e2e5;
    border-radius: 4px;
    width: 100%;
    line-height: 28px;
    font-size: 16.67px;
    color: #4e4e4e;
    padding: 5px 10px;
    height: auto;
    margin-bottom: 7px;
    height: 242px;
}

.contact-map input[type="submit"] {
    margin: 30px auto 0;
    display: table;
    font-weight: 600;
    text-transform: none;
    padding: 8px 22px 10px;
    border: 3px solid #f2f7f9;
    border-radius: 22px;
    background: #04cb73;
    background: -moz-linear-gradient(top, #04cb73 0%, #00a04c 100%);
    background: -webkit-linear-gradient(top, #04cb73 0%, #00a04c 100%);
    background: linear-gradient(to bottom, #04cb73 0%, #00a04c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#04cb73', endColorstr='#00a04c', GradientType=0);
    color: #fff;
}

.contact-form span {
    display: block;
    border: 4px solid #f2f7f9;
    border-radius: 4px;
    margin-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.apps-page .section-heading h3 {
    color: #000;
    text-transform: capitalize;
}

.apps-page .entry-post {
    border: 19px solid #dbdbdb;
    position: relative;
    overflow: hidden;
    margin-bottom: 35px;
    min-height: 466px;
}

.apps-page .entry-post .entry-img .entry-overlay {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    width: 100%;
    position: absolute;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    top: 0;
    left: 50%;
    transform: translate(-50%, -0%);
    -webkit-transform: translate(-50%, -0%);
    -moz-transform: translate(-50%, -0%);
    height: 100%;
}

.apps-page .entry-post:hover .entry-img .entry-overlay {
    transition: all .3s;
    background-color: rgb(255 255 255 / 70%);
}

.apps-page .entry-post .entry-img .entry-overlay .fa {
    font-size: 25px;
    color: #2EA3F2;
    opacity: 0;
}

.apps-page .entry-post:hover .entry-img .entry-overlay .fa {
    transform: translate(0px, -10px);
    -webkit-transform: translate(0px, -10px);
    -moz-transform: translate(0px, -10px);
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    opacity: 1;
}

.webd-pack .section-heading h3 {
    color: #383838;
}

.webd-pack .entry-post {
    text-align: center;
    overflow: hidden;
}

.webd-pack .entry-post h4 {
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    color: #121212;
    font-weight: 500;
    text-transform: capitalize;
}

.webd-pack .entry-img {
    display: block;
    margin-bottom: 25px;
}

.webd-pack .entry-text p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
    color: #121212;
    font-weight: 300;
}

.webd-pack .btn {
    text-transform: capitalize;
}

.webd-pack .btn:focus, .webd-pack .btn:hover {
    color: #fff;
}

.webd-pack .btn {
    font-weight: 500;
    text-transform: none;
    background: transparent;
    position: relative;
    border: 2px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    border-color: #2ea3f2;
    color: #2ea3f2;
    font-size: 20px;
    line-height: 34px;
    padding: 6px 19px;
}

.webd-pack .btn:before {
    content: "\f054";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 7px;
    top: 15px;
    font-size: 17px;
    opacity: 0;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: #2ea3f2;
}

.webd-pack .btn:hover {
    padding: 6px 26px;
    background-color: rgba(0, 0, 0, 0.05);
    border-color: rgb(0 0 0 / 0%);
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: #2ea3f2 !important;
}

.webd-pack .btn:hover:before {
    opacity: 1;
    right: 7px;
}

.web-social .et_price-table {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
}

.web-social .et_price-table .price-box {
    flex: 1;
    text-align: center;
    margin-right: 10px;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}

.web-social .et_price-table .price-box:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    box-shadow: 1px 1px 8px transparent;
    -webkit-box-shadow: 1px 1px 8px transparent;
    -moz-box-shadow: 1px 1px 8px transparent;
    z-index: 9;
}

.web-social .et_price-table .price-box:last-child {
    margin-right: 0px;
}

.web-social .price-heading .price-title {
color: #7645f9;
    line-height: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 25px;
}

.web-social .pricebg {
    padding: 33px 10px 0px 10px;
    border-bottom: 7px solid #413706;
}

.web-social .et_price-table .price-box:nth-child(2) .pricebg {
    border-color: #afaeae;
}

.web-social .et_price-table .price-box:nth-child(3) .pricebg {
    border-color: #7d460a;
}

.web-social .et_price-table .price-box:nth-child(4) .pricebg {
    border-color: #075591;
}

.web-social .et_price-table .price-box:nth-child(5) .pricebg {
    border-color: #473030;
}

.web-social .price-details {
    padding: 54px 0px 10px 0;
}

.web-social .rate {
    font-size: 35px;
    display: block;
    line-height: 36px;
    color: #000;
    font-weight: 300;
}

.web-social .et_price-table .price-box ul {
    list-style: none;
}

.web-social .et_price-table .price-box ul li span {
    text-transform: capitalize;
    font-size: 13px;
    color: #000;
    font-weight: 300;
}

.web-social .et_price-table .price-box ul li .sparator {
    display: block;
    width: 95%;
    height: 2px;
    margin: 10px auto;
}

.web-social .media_left .entry-list ul {
    list-style: none;
}

.web-social .media_left .entry-list ul li {
padding: 16px 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 22.4px;
    font-weight: 500;
}

.web-social .et_price-table .price-box .price-details li .fa {
    color: #047504;
}

.web-social .media_left {
    margin-top: -90px;
}

.web-social .et_price-table .price-box .price-details li {
    border-bottom: 1px dashed #c2c2c2;
    margin: 0;
    padding: 0;
    line-height: 33px;
    font-size: 12px;
    font-weight: 300;
    color: #000;
}

.web-social .et_price-table .price-box .price-details .btn {
    outline: none !important;
    padding: 3px 0px;
    font-size: 14px;
    width: 122px;
    text-align: center;
    /* border: 1px solid #212529; */
    border-radius: 30px;
    color: #ffffff;
    text-transform: capitalize;
    background: linear-gradient(to right, #502bb8, #8f53ca);
}

.web-social .et_price-table .price-box .price-details .btn:hover {
    background-color: #003340;
    transition: all .3s;
}

.web-social .et_price-table .price-box .rating {
    opacity: 0;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}

.web-social .et_price-table .price-box:hover .rating {
    opacity: 1;
}

.et_divi_builder #et_builder_outer_content .package-wrapers .et_pb_pricing_table .star-design::before {
    font-size: 13px;
    padding-right: 0;
    top: 0;
    left: 0;
    letter-spacing: 0px;
    right: 0;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.web-social .et_price-table .price-box .rating:before {
    content: "\f005\f005\f005\f005\f005";
    font-family: FontAwesome;
    font-size: 13px;
     color: #dec00e;
}

.table-responsive table {
    table-layout: auto;
}

.table-responsive table > tbody > tr {
    border-top: 1px solid #ddd;
}

.table-responsive table > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-responsive table > tbody > tr td {
    text-align: center;
    font-size: 16px !important;
    line-height: 23px !important;
    color: #121212 !important;
    border: 1px solid #d1d1d1 !important;
    font-weight: 500;
}

.table-responsive table > tbody > tr td:nth-child(1):hover, .table-responsive table > tbody > tr:hover td:nth-child(1) {
    background: #999;
}

.table-responsive .reduce-margin h4 {
    margin: 0 0 10px;
    text-align: center;
    text-transform: capitalize;
    line-height: 18px;
}

.table-responsive .iv-table-heading {
    font-weight: 600;
    text-align: center !important;
    background: #000000 !important;
}

.table-responsive table tr th {
    width: 250px!important;
    text-align: center;
    border: 1px solid #ddd !important;
    color: #121212;
}

.table-responsive table tr th:nth-child(1) {
    text-align: left;
    background: #999;
    color: #fff;
}

.popup-package .modal-header {
    padding: 5px;
}

.table-responsive .table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    width: 100%;
}

.table-responsive table > tbody > tr td:nth-child(1) {
    text-align: left;
    background: #999;
    color: #fff;
}

.page-id-9520 .table-responsive table > tbody > tr td:nth-child(1),.page-id-9569 .table-responsive table > tbody > tr td:nth-child(1) {
    width: 300px;
}

.page-id-9565 .table-responsive .table, .page-id-9569 .table-responsive .table {
    table-layout: fixed;
}

.fullwithcontent .media_body .btn-green {
    outline: none !important;
    padding: 3px 0px;
    font-size: 14px;
    width: 122px;
    text-align: center;
    /* border: 1px solid #212529; */
    border-radius: 30px;
    color: #ffffff;
    text-transform: capitalize;
    background: linear-gradient(to right, #502bb8, #8f53ca);
}

.fullwithcontent .media_body h2 {
    font-size: 27px;
    font-weight: 700;
    text-align: center;
    margin: 15px 0 25px;
    line-height: 27px;
    color: #121212;
}

.fullwithcontent .media_body p {
    font-size: 16px;
    line-height: 33px;
    color: #121212;
    font-weight: 300;
}

.package-form .row {
    margin-bottom: 20px;
}

.package-form label {
    font-size: 16px;
    line-height: 24px;
    color: #383838;
    font-weight: 300;
}

.package-form select {
    width: 100%;
    max-width: 286px;
    height: 33px;
    outline: none;
    border: 1px solid #ccc;
    color: #121212;
    font-size: 16px;
    line-height: 24px;
}

.package-form input[type="text"], .package-form input[type="email"] {
    width: 100%;
    max-width: 384px;
    height: 33px;
    outline: none;
    border: 1px solid #ccc;
    color: #121212;
    font-size: 16px;
    line-height: 24px;
}

.package-form textarea {
    width: 100%;
    max-width: 384px;
    height: 100px;
    outline: none;
    border: 1px solid #ccc;
    color: #121212;
    font-size: 16px;
    line-height: 24px;
}

.package-form input[type="submit"] {
    text-align: center;
    background: #e9954a;
    padding: 12px 22px;
    color: #fff;
    border-radius: 4px;
    margin: 0 auto;
    display: table;
    outline: none;
    border: 0px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.package-form .checklist-group {
    padding: 0 7px !important;
}

.package-form .checklist-group .wpcf7-list-item {
    width: 27%;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: -10px;
}

.package-form h2 {
    font-size: 22px;
    line-height: 22px;
    color: #383838;
    font-weight: 500;
    margin: 10px 0;
    text-transform: capitalize;
}

.wl-service .entry-wraps {
    margin-bottom: 40px;
}

.wl-service .entry-img {
    margin-bottom: 50px;
    display: block;
}

.wl-service .entry-header {
    margin-bottom: 15px;
}

.wl-service .entry-header h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #121212;
    text-transform: capitalize;
}

.wl-service .entry-texts p {
    line-height: 22px;
    font-size: 14px;
    color: #121212;
    font-weight: 300;
}

.wl-service .entry-btns a {
    color: #fff;
    background: #121212;
    padding: 8px 10px;
    display: inline-block;
    margin-top: 15px;
}

.wl-service .entry-btns a:hover {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    background: #008000;
}

.wl-service .entry-texts {
    height: 135px;
    overflow: hidden;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}

.wl-service .entry-texts.active {
    height: auto;
}

.wl-service .entry-img {
    text-align: left;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transform: scale(0.9) rotateY(0deg);
    -webkit-transform: scale(0.9) rotateY(0deg);
}

.wl-service .entry-wraps:hover .entry-img img {
    transform: scale(1) rotateY(-360deg);
    -webkit-transform: scale(1) rotateY(-360deg);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.wl-pro .entry-post {
    background: #fff;
    box-shadow: 0px 5px 30px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 0px 5px 30px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 5px 30px rgb(0 0 0 / 25%);
    margin-bottom: 50px;
    min-height: 426px;
}

.wl-pro .entry-img img {
    width: 100%;
}

.wl-pro .entry-text {
    padding: 10px 15px 15px;
    display: block;
}

.wl-pro .entry-text h4 {
    font-weight: 700;
    text-transform: capitalize;
    color: #121212;
    line-height: 18px;
}

.wl-pro .entry-text p {
    font-size: 14px;
    line-height: 22px;
    color: #121212;
    font-weight: 300;
}

.outweb-price .gcolor {
    color: #121212 !important;
}

.outweb-price .entry-post {
    background: #fff;
    padding: 15px;
    min-height: 480px;
    margin-bottom: 60px;
    border: 1px solid #ddd;
}

.outweb-price .entry-post:hover {
    background: #008000;
}

.outweb-price .entry-post .entry-text ul {
    margin-left: 15px;
}

.outweb-price .entry-post .entry-text h4 {
    color: #121212;
    line-height: 23px;
    text-transform: capitalize;
}

.outweb-price .entry-post:hover .entry-text h4, .outweb-price .entry-post:hover .entry-text p, .outweb-price .entry-post:hover .entry-text ul li {
    color: #fff;
}

.outweb-price .entry-post .entry-text p,.outweb-price .entry-post .entry-text ul li {
    color: #121212;
    line-height: 23px;
}

.global-faq .panel-heading,.global-faq .panel-body {
    background-color: #008000;
    border: 0px !important;
}

.global-faq .panel-title button, .global-faq .panel-body p {
    color: #fff;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
}

.global-faq .panel-title span {
    float: right;
    font-weight: 100;
    background: #fff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 10px;
    color: #008000;
}

.contentwithimage .row {
    margin-bottom: 40px;
}

.contentwithimage .media_right h4 {
    font-size: 24px;
    line-height: 24px;
    color: #121212;
    font-weight: 500;
    text-transform: capitalize;
}

.contentwithimage .media_right p {
    font-size: 16px;
    line-height: 24px;
    color: #121212;
}

.contentwithimage .media_right .tagline {
    padding: 20px;
    text-align: center;
    background: #ea9545;
    display: block;
    position: relative;
}

.contentwithimage .media_right .tagline p {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    padding: 0 30px;
    margin-bottom: 15px;
}

.contentwithimage .media_right .tagline:before {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    border: 1px solid #fff;
    width: 99%;
    height: 94%;
}

.contentwithimage .media_right .tagline .btn {
    background: #fff;
    color: #000;
    border-radius: 0;
    padding: 9px 22px;
    font-weight: 500;
}

.contentwithimage .media_right .tagline .btn::after {
    background: #ea9545;
}

.consult-serv .media_body ul > li {
    color: #121212;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
}

.consult-serv .media_body h4 {
    text-transform: capitalize;
    font-size: 18px;
    line-height: 18px;
    color: #121212;
}

.consul-nvtabs .nav-tabs>li>a, .out-navtabs .nav-tabs>li>a {
    border-right: 1px solid #ddd;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    color: #666;
    margin-right: -2px;
}

.consul-nvtabs .nav-tabs li:last-child a, .out-navtabs .nav-tabs li:last-child a {
    border-right: 0px;
}

.consul-nvtabs .nav-tabs, .out-navtabs .nav-tabs {
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: -1px;
}

.consul-nvtabs .nav-tabs li, .out-navtabs .nav-tabs li {
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    color: #666666;
}

.consul-nvtabs .tab-pane, .out-navtabs .tab-pane {
    padding: 15px;
    border: 1px solid #ddd;
    min-height: 240px;
}

.out-navtabs .tab-pane ul {
    margin-bottom: 15px
}

.nav-tabs>li.active>a:after, .nav-tabs>li.active>a:after {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ea9545;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
}

.consul-nvtabs .nav-tabs li.active a, .out-navtabs .nav-tabs li.active a {
    background: #ea9545;
    color: #fff;
}

.consul-nvtabs .tab-pane p, .out-navtabs .tab-pane p {
    font-size: 16px;
    line-height: 24px;
    color: #121212;
    font-weight: 300;
}

.consul-nvtabs .tab-pane .alignright, .out-navtabs .tab-pane .alignright {
    float: right;
}

.out-navtabs ul li a img {
    max-width: 70px;
    max-height: 70px;
    display: block;
    margin: 0 auto 15px auto;
}

.out-navtabs .nav-tabs li a {
    padding: 30px 50px;
}

.out-navtabs .nav-tabs li a span {
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;
}

.consul-nvtabs .nav-tabs li:hover a, .out-navtabs .nav-tabs li:hover a {
    background: #ea9545;
    color: #fff;
}

.consul-nvtabs .nav-tabs li a, .out-navtabs .nav-tabs li a {
    background: #289a47;
    color: #fff;
}

.consult-faq h3 {
    font-size: 24px;
    line-height: 24px;
    color: #121212;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.consult-faq p {
    font-size: 16px;
    color: #121212;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 300;
}

.globaltouch .main-heading h3 {
    font-weight: 600;
    color: #fff;
    font-size: 30px;
    line-height: 33px;
}

.globaltouch span {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: 1px;
}

.globaltouch input[type="text"], .globaltouch input[type="tel"], .globaltouch input[type="email"] {
    width: 100%;
    background-color: rgba(255,255,255,.4);
    border: none;
    border-radius: 0;
    height: 45px;
    color: #fff;
    margin-bottom: 15px;
    padding-left: 15px;
}

.globaltouch input[type="submit"] {
    background-color: #65c4fa;
    border: none;
    height: 45px;
    padding: 0 95px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
}

.out-ent .media_right p {
    line-height: 32px;
    text-align: justify;
}

.seo-outful {
    padding: 25px 0;
}

.seo-outful .media_body p {
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    color: #000;
}

.seo-outsour-exp {
    padding: 0;
}

.seo-outsour-exp .mx-width {
    width: 757px;
    height: 300px;
    background-color: #eb9646;
    margin: 0px auto 100px;
    padding: 35px;
    text-align: center;
    position: relative;
}

.seo-outsour-exp .mx-width:after {
    position: absolute;
    content: "";
    background-image: url(https://www.greenwebmedia.com/wp-content/uploads/2022/10/girls_PNG6472.png);
    width: 150px;
    height: 250px;
    right: -91px;
    top: 20px;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;
}

.seo-outsour-exp .mx-width:before {
    position: absolute;
    content: '';
    background-image: url(https://www.greenwebmedia.com/wp-content/uploads/2022/10/banner-beneath-border.png);
    bottom: -70px;
    left: 0;
    height: 100px;
    width: 757px;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
}

.seo-outsour-exp .mx-width h3 {
    text-align: center;
    font-size: 43px;
    line-height: 60px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 35px;
}

.seo-outsour-exp .mx-width .btn {
    padding: 8px 20px;
    display: inline-block;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 10px;
    background-color: #eb9646;
    border: 2px solid #fff;
}

.seo-outsour-exp .mx-width .btn::after {
    background: #eb9646;
}

.seo-outsour-exp .mx-width .btn:hover {
    text-decoration: underline !important;
}

.out-navtabs .main-heading h3 {
    font-weight: 600;
    font-size: 30px;
    color: #ea9545;
    line-height: 33px;
}

.out-asst .section-heading h3 {
    color: #000;
}

.out-asst ul {
    list-style: none;
}

.out-asst .entry-text {
    width: 50%;
    float: left;
    background-color: #f4f4f4;
    padding: 20px;
    height: 300px;
    box-shadow: inset 0px 0px 15px rgb(0 0 0 / 10%);
    -webkit-box-shadow: inset 0px 0px 15px rgb(0 0 0 / 10%);
    -moz-box-shadow: inset 0px 0px 15px rgb(0 0 0 / 10%);
}

.out-asst .entry-text h3 {
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-size: 30px;
    line-height: 33px;
}

.out-asst .entry-text p {
    text-align: justify;
    font-size: 16px;
    line-height: 32px;
    color: #000000;
}

.out-asst .entry-media {
    width: 50%;
    float: left;
    padding: 20px;
    height: 300px;
    text-align: center;
}

.out-asst ul {
    display: flex;
    flex-wrap: wrap;
}

.out-asst ul li:nth-child(even) {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
}

.outbeacome {
    background-position: right -150px bottom;
    background-repeat: no-repeat;
    width: 100%;
    display: inline-block;
}

.outbeacome .section-heading h3 {
    text-align: left
}

.outbeacome .section-heading p {
    text-align: left;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    font-weight: 300;
}

.outbeacome input[type="text"],.outbeacome input[type="email"], .outbeacome input[type="tel"] {
    background-color: transparent;
    border-radius: 0;
    height: 45px;
    margin-bottom: 15px;
    color: #ffffff;
    border: 1px solid #d1d1d1;
    width: 100%;
    padding-left: 15px;
}

.outbeacome input[type="submit"] {
    background-color: #eb9646;
    line-height: 24px;
    height: 45px;
    border: none;
    padding: 0 40px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 2px;
    font-weight: 700;
    font-size: 16px;
}

.outbeacome input[type="submit"]:hover {
    background-color: #007acc;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.outspcl .section_heading {
    margin-bottom: 50px
}

.outspcl .section_heading .desc {
    font-size: 20px;
    line-height: 22px;
    color: #121212;
    font-weight: 300;
}

.outspcl .entry-img {
    position: relative;
    overflow: hidden;
}

.outspcl .entry-img img {
    max-width: 100px;
    max-height: 100px;
    display: block;
    margin: 0 auto 5px auto;
}

.outspcl .entry-post {
    text-align: center;
    padding: 15px 15px 30px 15px;
}

.outspcl .entry-post:hover {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    background-color: #eb9646 !important;
}

.outspcl .entry-post .entry-text h4 {
    font-size: 20px;
    color: #000000;
    font-weight: 800;
    padding-top: 5px;
    text-transform: capitalize;
    text-align: center
}

.outspcl .entry-post .entry-text p {
    text-align: justify;
    line-height: 24px;
    font-size: 16px;
}

.outspcl .owl-nav button {
    width: 40px;
    height: 40px;
    line-height: 9px !important;
    border-radius: 50px !important;
    background: #eb9646!important;
    color: #fff !important;
    font-size: 50px !important;
}

.outspcl .entry-post:hover h4, .outspcl .entry-post:hover p {
    color: #fff !important;
}

.outsabt #outabt .owl-stage-outer {
    padding-top: 80px;
}

.outsabt .entry-post .entry-img {
    margin-top: -100px;
    position: relative;
}

.outsabt .entry-post .entry-img img {
    max-width: 100px;
    max-height: 100px;
    margin: 0 auto;
    border-radius: 50%;
    border: 5px solid #e2e2e2;
    padding: 1px;
}

.outsabt .entry-post {
    padding: 40px 15px 25px 15px;
    border-radius: 30px;
    border-bottom: 8px solid #283949;
    position: relative;
    color: #ffffff;
    text-align: justify;
    line-height: 26px;
}

.outsabt .entry-post .entry-text p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 300;
    position: relative;
}

.outsabt .entry-post .entry-text p:after {
    position: absolute;
    content: '';
    width: 39px;
    height: 39px;
    background-image: url(https://www.greenwebmedia.com/wp-content/uploads/2022/10/bracket-close.png);
    bottom: -70px;
    right: 15px;
}

.outsabt .entry-post .entry-text p:before {
    position: absolute;
    content: '';
    background-image: url(https://www.greenwebmedia.com/wp-content/uploads/2022/10/bracket-open.png);
    width: 39px;
    height: 39px;
    top: -53px;
    left: 10px;
}

.outsabt .cname {
    font-size: 12px;
    line-height: 32px;
    color: #283949;
    font-weight: 700;
    letter-spacing: 0.5px;
    display: block;
    margin-top: 20px;
}

.outsabt .owl-nav {
    display: none;
}

.outsabt .desc {
    font-weight: 500;
}

.outcse .section_heading h3, .outcse .section_heading .desc {
    color: #fff;
}

.outcse .section_heading .desc {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

.outcse .entry-post .entry-img img {
    max-width: 80px;
    max-height: 80px;
    margin: 0 auto;
    display: block;
}

.outcse .entry-post {
    text-align: center;
    padding: 15px;
    height: 380px;
}

.outcse .entry-post .entry-text h4 {
    text-align: center;
    font-size: 24px;
    text-transform: capitalize;
    line-height: 36px;
}

.outcse .entry-post .entry-text p {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 300;
}

.outcse .entry-post .entry-img {
    margin-bottom: 25px;
}

.outcse .owl-nav {
    display: none;
}

.out-indu {
    position: relative;
    padding: 25px 0;
}

.out-indu figure {
    position: absolute;
    right: 0;
    top: -70px;
}

.out-indu figure img {
    width: 75%;
    float: right;
}

.out-indu .media_left h3 {
    font-size: 30px;
    line-height: 33px;
    color: #000;
    font-weight: 600;
    letter-spacing: 0.9px;
}

.out-indu .media_left h4,.out-indu .media_left h4 a {
    font-size: 57px;
    line-height: 63px;
    color: #fff;
    font-weight: 600;
}

.outfaqs button {
    font-size: 18px !important;
    color: #000 !important;
    font-weight: 600;
}

.outfaqs .panel-heading {
    background: #fff !important;
}

.outfaqs .panel-body {
    background-color: #fff;
    color: #000;
}

.outfaqs .panel-body p {
    color: #000;
}

.outfaqs .panel-heading em {
    font-style: normal;
    color: #eb9646;
}

.global-faq .panel-title span {
    background-color: #eb9646;
    color: #fff;
}

.outfaqs .main-heading h3 {
    font-size: 30px;
    line-height: 33px;
    font-weight: 600;
    color: #000;
}

.global-quote {
    padding: 30px 0 20px;
}

.global-quote .col-item .quote-form .col-group {
    width: 28%;
}

.global-quote .col-item .quote-form .col {
    width: 15%;
    float: right;
}

.global-quote .col-item .quote-form input {
    width: 100%;
    color: #4e4e4e;
    padding: 5px 10px;
    height: 43px;
    border-radius: 4px;
    background: #eeeeee;
    font-weight: normal;
    line-height: 33px;
    border: none;
}

.global-quote .col-item .quote-form input[type="submit"] {
    font-weight: normal;
    color: #fff;
    background: #f2195d;
    padding: 7px 20px;
    width: auto;
    text-transform: uppercase;
    outline: none;
    border: 0px;
    line-height: 27px;
    font-size: 16px;
    color: #4e4e4e;
    color: #fff;
    float: right;
}

.global-quote .col-item .quote-form input[type="submit"]:hover {
    background-color: #4e4e4e;
    color: #fff;
}

.global-quote .quote-form {
    background: url(https://www.greenwebmedia.com/wp-content/uploads/2017/10/shadow.png);
    background-repeat: no-repeat;
    background-size: initial;
    background-position: -15px 75px;
    padding-bottom: 0;
}

.quote-form .row {
    padding-bottom: 53px;
    margin-bottom: -50px;
}

.servgrow .media_body p, .servgrow .media_body ul li {
    font-size: 16px;
    line-height: 24px;
    color: #121212;
    font-weight: 300;
}

.servgrow .media_body ul {
    margin-left: 15px;
    margin-bottom: 20px;
}

.servgrow .media-body {
    display: block;
    width: 100%;
    padding: 30px;
    background: #e99544;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
}

.servgrow .media-body input,.servgrow .media-body select {
    width: 100%;
    background-color: #fff;
    height: 43px;
    color: #292929;
    font-weight: 600;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    outline: none;
    border: 0px;
    padding-left: 15px;
    margin: 0 auto 10px auto;
}

.servgrow .media-body input[type="submit"] {
    line-height: 33px;
    border: none;
    border-radius: 7px;
    background-color: #0071bc;
    font-size: 17px;
    font-weight: 600;
    color: #f9f7f7;
    padding: 6px 40px;
    text-align: left;
    width: auto;
    text-transform: uppercase;
    margin-top: 15px;
    margin: 0 auto 10px auto;
}

.servgrow .media-body textarea {
    width: 100%;
    background-color: #fff;
    height: 108px;
    color: #292929;
    font-weight: 600;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    outline: none;
    border: 0px;
    padding: 15px;
    margin: 0 auto 10px auto;
}

.servgrow .media-body h3 {
    font-size: 33px;
    line-height: 33px;
    text-align: center;
    margin-bottom: 35px;
    font-weight: 600;
}

.ser-gla .entry-post {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 30px;
    height: 350px;
}

.ser-gla .entry-post figcaption {
    color: #fff;
}

.ser-gla .entry-post .overlay {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / 75%);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ser-gla .entry-post .overlay p, .ser-gla .entry-post figcaption {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
    display: block;
    margin-top: 5px;
}

.ser-gla .entry-post:hover .overlay {
    bottom: 0;
    height: 100%;
}

.price-box {
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}

.price-box:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    box-shadow: 1px 1px 8px orange;
    z-index: 9;
}

.et-price-tble {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.et-price-tble .price-box {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    text-align: center;
    margin-right: 15px;
}

.seopricetable .price-box {
    background: #fcfcfc;
    margin-right: 10px;
    padding: 30px;
    border-bottom: 12px solid #e99544;
}

.seopricetable .price-box:last-child {
    margin-right: 0px;
}

.seopricetable .price-box .price-heading {
    padding-bottom: 20px;
}

.seopricetable .price-box .price-heading h4 {
    text-align: center;
    font-size: 28px;
    line-height: 28px;
    color: #030100;
}

.seopricetable .price-box .price {
    display: block;
    padding-bottom: 15px;
}

.seopricetable .price-box .price .rate {
    font-size: 48px;
    line-height: 49px;
    color: #e99544;
    font-weight: 300;
}

.seopricetable .price-box .pm {
    font-size: 18px;
    line-height: 29px;
    color: #242423;
    font-weight: 300;
    display: block;
}

.seopricetable .price-box .sparator {
    display: block;
    margin: 20px 0;
}

.seopricetable .price-box .org-size {
    font-size: 11px;
    line-height: 29px;
    color: #242423;
    font-weight: 300;
    display: block;
    margin-bottom: 30px;
}

.seopricetable .price-box .btn {
    background: #e99544;
    border-radius: 5px;
    color: #030100;
    font-size: 16px;
    font-family: "Kanit", sans-serif;
    padding: 6px 19px;
    font-weight: 600;
}

.seopricetable .price-box .btn:hover {
    background: #030100;
    color: #fff;
}

.seopricetable .price-box .rating {
    opacity: 0;
    display: block;
    display: block;
    margin-top: 20px;
    position: relative;
}

.seopricetable .rating:before {
    content: "\f005\f005\f005\f005\f005";
    color: #e99544;
    font-size: 15px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    text-align: center;
    letter-spacing: 12px;
}

.seopricetable .price-box:hover .rating {
    opacity: 1;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.seostacknavtabs .rows {
    background-color: #fce9d7;
}

.seostacknavtabs .nav {
    margin-left: -15px;
    margin-right: 20px;
}

.seostacknavtabs .tab-content {
    padding: 25px;
}

.seostacknavtabs .tab-content p {
    font-size: 16px;
    line-height: 24px;
    color: #010101;
    font-weight: 300;
}

.seostacknavtabs .nav li {
    background: #0071bc;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}

.seostacknavtabs .nav li:last-child {
    margin-bottom: 0px;
}

.seostacknavtabs .nav li a, .seostacknavtabs .nav li.active a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    background: transparent;
    position: relative;
    padding: 40px 0px;
    transition: all .3s;
}

.seostacknavtabs .nav li strong {
    font-size: 37px;
    line-height: 8px;
    vertical-align: sub;
    margin-right: 7px;
}

.seostacknavtabs .nav li a:after {
    content: "";
    position: absolute;
    right: -34px;
    width: 0;
    height: 0;
    border-left: 35px solid #0071bc;
    border-top: 49px solid transparent;
    border-bottom: 53px solid transparent;
    top: 0px;
    transition: all .3s;
}

.seostacknavtabs .nav li.active a {
    background: #e99544;
}

.seostacknavtabs .nav li.active a:after {
    border-left: 35px solid #e99544;
}

.seostacknavtabs .media_body h4 {
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    padding: 15px 0;
}

.seostacknavtabs .media_body p {
    font-size: 16px;
    color: #121212;
    line-height: 24px;
}

.seostacknavtabs .nav li a:hover:after {
    border-left: 35px solid #000;
    transition: all .3s;
}

.seostacknavtabs .nav li a:hover {
    background-color: #000;
    transition: all .3s;
}

.seohpyrev .entry-text {
    padding: 10px;
    border: 1px solid #fff;
}

.seohpyrev .entry-text p,.seohpyrev .entry-text p a {
    font-size: 15px;
    line-height: 25px;
    color: #fff;
    font-weight: 300;
    word-break: break-word;
}

.seohpyrev .owl-nav, .seohpyrev .owl-dots {
    display: none;
}

#seoreviews .owl-stage-outer {
    width: 100.5%;
}

.smoptble .entry-post {
    padding: 30px 20px 50px;
    text-align: center;
    border-bottom: 12px solid #000;
    box-shadow: 1px 1px 8px #000;
    -webkit-box-shadow: 1px 1px 8px #000;
    -moz-box-shadow: 1px 1px 8px #000;
    transition: all .3s;
}

.smoptble .entry-post h4 {
    text-align: center;
    font-size: 28px;
    color: #fff;
    font-family: "Kanit", sans-serif;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 35px;
}

.smoptble .entry-post .sparator {
    display: block;
    height: 3px;
    width: 100%;
    background: #fff;
    margin: 20px 0;
}

.smoptble .entry-post .entry-icon .fa {
    font-size: 96px;
    transition: all 0.4s;
    border-radius: 50%;
}

.smoptble .entry-icon .fa {
    color: #fff;
}

.smoptble .entry-post:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    box-shadow: 1px 1px 8px orange;
    -webkit-box-shadow: 1px 1px 8px orange;
    -moz-box-shadow: 1px 1px 8px orange;
    z-index: 9;
    transition: all .3s;
}

.smoptble .entry-post:hover .entry-icon .fa {
    background: #000;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    line-height: 200px;
    font-size: 139px;
}

.smoptble .gbw-btn .btn {
    border-radius: 5px;
    background: #030100;
    color: #fff;
    font-size: 20px;
    line-height: 34px;
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    transition: all .3s;
    outline: none;
    border: 0px;
}

.smoptble .gbw-btn .btn:hover {
    background: #fff;
    color: #030100 !important;
}

.smoptble .entry-post .rating {
    display: block;
    margin-top: 20px;
    position: relative;
    opacity: 0;
}

.smoptble .entry-post:hover .rating {
    opacity: 1;
}

.smoptble .entry-post .rating:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 24px;
    padding-right: 0;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    text-align: center;
    letter-spacing: 12px;
}

.smoptble .entry-post .rating:before {
    content: "\f005\f005\f005\f005\f005";
}

.smoteam {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.smoteam .entry-post {
    display: block;
    min-height: 190px;
    text-align: center;
}

.smoteam .entry-post .entry-img {
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 160px;
    background: #efeff0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    line-height: 160px;
    margin-bottom: 30px;
    position: relative;
}

.smoteam .entry-post .entry-img:hover:after {
    width: 160px;
    content: "";
    border: 3px dashed #ff7d00;
    height: 160px;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 50%;
    transition: all 0.2s;
}

.smoteam .entry-post .entry-img:hover {
    box-shadow: -1px 1px 9px 3px #ffffff;
    -webkit-box-shadow: -1px 1px 9px 3px #ffffff;
    -moz-box-shadow: -1px 1px 9px 3px #ffffff;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
}

.smoteam .entry-post .entry-text {
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    font-weight: 300;
}

.smoful .media_body h1 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 25px;
    font-weight: 600;
    color: #383838;
}

.smoful .media_body p {
    line-height: 25px;
    font-size: 16px;
    color: #050505;
    margin: 0 auto 25px auto;
}

.lservs .entry-post {
    margin: 0 auto;
    display: block;
}

.lservs .entry-post .entry-text {
    background: #fdcd9e;
    padding: 70px 30px;
    text-align: center;
    height: 325px;
}

.lservs .entry-post .entry-text h4 {
    text-align: center;
    color: #020202;
    text-transform: capitalize;
    font-weight: 600;
}

.lservs .entry-post .entry-text p {
    line-height: 22px;
    font-size: 16px;
    color: #121212;
    font-weight: 300;
}

.lservs .entry-post .entry-img {
    display: block;
    max-width: 126px;
    max-height: 126px;
    background: #eb9444;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    line-height: 126px;
    text-align: center;
    overflow: hidden;
    margin: 0 auto -57px;
    z-index: 9;
    position: relative;
}

.lservs .entry-post .entry-img img {
    max-height: 41px;
}

.lresve .entry-box {
    list-style: none;
    display: inline-block;
    background: #076d86;
    width: 210px;
    height: 210px;
    margin-right: 22px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 22px;
    padding-top: 68px;
    line-height: normal;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin-bottom: 20px;
    float: left;
}

.lresve .entry-box:last-child {
    margin-right: 0px;
}

.lresve .entry-res .entry-box:hover {
    transform: rotateY( 180deg);
    -webkit-transform: rotateY(360deg);
    background: #e99544;
}

.lresve .entry-res .entry-box h4 {
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    text-transform: capitalize;
}

.lprice .price-box {
    background: #067996;
    padding: 50px 0;
    border-bottom: 12px solid #04566b;
}

.lprice .price-box .gbw-btn .btn {
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 17px;
    line-height: 26px;
    font-weight: 600;
    background: #04566b;
    font-family: "Kanit", sans-serif;
}

.lprice .price-box .gbw-btn .btn:hover {
    background-color: #003340;
}

.lprice .price-box:nth-child(2) h4 {
    color: #fab97b;
}

.lprice .price-box:nth-child(3) h4 {
    color: #c1eddd;
}

.lprice .price-box .rating,.adprice .price-box .rating {
    opacity: 0;
}

.lprice .price-box:hover .rating, .adprice .price-box:hover .rating {
    opacity: 1;
    display: block;
    margin-top: 30px;
    position: relative;
}

.lprice .price-box .rating:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 24px;
    padding-right: 0;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    text-align: center;
    letter-spacing: 12px;
    content: "\f005\f005\f005\f005\f005";
}

.adprice .price-box {
    background: #066b41;
    padding: 70px 0;
    border-bottom: 12px solid #e99544;
}

.adprice .price-box .btn {
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 17px;
    line-height: 26px;
    font-weight: 600;
    background: #e99544;
    font-family: "Kanit", sans-serif;
}

.adprice .price-box .rating:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #e99544;
    font-size: 24px;
    padding-right: 0;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    text-align: center;
    letter-spacing: 12px;
    content: "\f005\f005\f005\f005\f005";
}

.adprice .price-box:last-child .price-heading h4 {
    color: #c1eddd;
}

.admgmt .section_heading h3 strong {
    color: #fff;
}

.admgmt .media_body ul {
    width: 49%;
    float: left;
    list-style: none;
    padding-left: 15px;
}

.admgmt .media_body ul li {
    font-size: 17px;
    color: #fff;
    margin-bottom: 20px;
    line-height: 22px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
}

.admgmt .media_body ul li:before {
    position: absolute;
    content: "\f046";
    font-size: 17px;
    font-family: FontAwesome;
    left: -40px;
    top: 0;
    padding: 0 0 0 0;
}

.admgmt .media_body {
    padding-left: 12%;
}

.adlead {
    background-position: center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.adlead .media_body img {
    float: right;
}

.adlead .media_body h2 {
    font-size: 30px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 7px;
    text-align: left;
}

.adlead .media_body h3 {
    font-size: 24px;
    line-height: 24px;
    color: #FFF;
    margin-bottom: 10px;
    text-align: left;
}

.adlead .media_body p {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    font-weight: 300;
}

.adwserv .entry-img img {
    width: 196px;
    margin: 0 auto;
    display: block;
}

.adwserv .entry-txt h4 {
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    text-transform: capitalize;
    display: table;
    margin: 0 auto 15px;
    border-bottm: 3px solid #157ac9;
    padding-bottom: 5px;
}

.adwserv .entry-img {
    margin-bottom: 25px;
}

.adwserv .entry-txt p {
    font-size: 15px;
    line-height: 25px;
    color: #050505;
}

.ldeslgo {
    padding: 0;
}

.ldeslgo .pd0 {
    padding: 4%;
    height: 100%;
}

.ldeslgo .rows {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-content: stretch;
    align-items: flex-start;
    flex-direction: row;
    background: #01a55e;
}

.ldeslgo .media_body ul {
    list-style: none;
}

.ldeslgo .media_body h3 {
    text-align: center;
    font-weight: 600;
}

.ldeslgo .media_body ul li {
    font-size: 18px;
    line-height: 33px;
    margin-bottom: 20px;
    position: relative;
    text-align: left;
}

.ldeslgo .media_body p {
    font-size: 18px;
    line-height: 33px;
    margin-bottom: 20px;
    color: #fff;
}

.ldeslgo .media_body ul li:before {
    position: absolute;
    content: "\f0a9";
    left: -26px;
    top: 0;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
}

.ldeslgo .media_body img {
    margin: 20px auto;
    display: block;
}

.ldeslgo .media_body .btn {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 34px;
    border-radius: 0;
    padding: 8px 25px;
    background: #01A55C;
}

.ldeslgo .media_body .btn:hover {
    background: #000;
}

.ldeslgo .media_body, .ldeslgo .media_body p {
    text-align: center;
}

.ldeslgo .pd0:nth-child(2) .media_body h3 {
    color: #fff;
}

.ldesgallery .entry-img {
    width: 90%;
    border: 1px solid #dddddd;
    border-radius: 2px;
    box-shadow: 5px 5px 0px #e2dfdf;
    -webkit-box-shadow: 5px 5px 0px #e2dfdf;
    -moz-box-shadow: 5px 5px 0px #e2dfdf;
    margin-bottom: 30px;
}

.ldesgallery .entry-img img {
    width: 100%;
}

.apptble .price-box {
    background: #fcfcfc;
    padding: 50px 0;
    text-align: center;
}

.apptble .price-box h4 {
    color: #030100;
}

.apptble .price-box .rate {
    color: #e99544;
}

.apptble .price-box .pm {
    color: #242423;
    border-color: #a6a6a6;
}

.apptble .price-box .org-size {
    color: #242423;
}

.apptble .section-heading h3 {
    color: #fff;
}

.apptble .price-box .gbw-btn .btn {
    font-size: 16px;
    line-height: 27px;
    font-weight: 600;
    padding: 6px 16px;
    background: #e99544;
    color: #030100;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.apptble .price-box .gbw-btn .btn:hover {
    background-color: #030100;
    color: #e99544;
    transition: all .3s;
}

.mobexp .section-heading {
    margin-bottom: 70px;
}

.mobexp .section-heading h3 {
    color: #000;
    text-transform: capitalize;
    font-weight: 600;
}

.mobexp .entry-post {
    background: #f4f0f1;
    box-shadow: 0 0px 8px #959595;
    -webkit-box-shadow: 0 0px 8px #959595;
    -moz-box-shadow: 0 0px 8px #959595;
    padding: 0 22px 30px;
    color: #000;
    text-align: center;
    margin-bottom: 60px;
}

.mobexp .entry-post .entry-icon {
    font-size: 53px;
    width: 87px;
    height: 87px;
    line-height: 87px;
    background: #b8b8b8;
    color: #000;
    border-radius: 50%;
    box-shadow: 0 0 8px #2a2a2a;
    -webkit-box-shadow: 0 0 8px #2a2a2a;
    -moz-box-shadow: 0 0 8px #2a2a2a;
    margin: 0 auto;
    position: relative;
    top: -40px;
    margin-bottom: -20px;
}

.mobexp .entry-post:hover .entry-icon {
    transition: all .3s;
    background-color: #e99544;
    color: #fff;
}

.mobexp .entry-post .entry-text h4 {
    text-align: center;
    font-size: 19px;
    line-height: 19px;
    font-weight: 600;
    color: #000;
}

.mobexp .entry-post .entry-text p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #000;
}

.globalmobilechoose .entry-box {
    left: 3px;
    position: relative;
    width: 245px;
    height: 141.45px;
    background-color: #0072bb;
    margin: 70.73px auto;
    border-left: solid 5px #0072bb;
    border-right: solid 5px #0072bb;
}

.globalmobilechoose .entry-box:hover {
    opacity: 0.9;
    transition: all 0.2s;
}

.globalmobilechoose .entry-box:after, .globalmobilechoose .entry-box:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 173.24px;
    height: 173.24px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 30.8794px;
}

.globalmobilechoose .entry-box:after {
    bottom: -86.6206px;
    border-bottom: solid 7.0711px #0072bb;
    border-left: solid 7.0711px #0072bb;
}

.globalmobilechoose .entry-box:before {
    top: -86.6206px;
    border-top: solid 7.0711px #0072bb;
    border-right: solid 7.0711px #0072bb;
}

.globalmobilechoose .entry-box .entry-text {
    position: relative;
    z-index: 9;
    color: #c9c4c9;
    padding: 8px;
    text-align: center;
}

.globalmobilechoose .entry-box .entry-text h4 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    line-height: 27px;
    margin: 0px;
}

.globalmobilechoose .entry-box .entry-text p {
    font-size: 16px;
    line-height: 24px;
}

.globalmobilechoose .gbw-btn {
    text-align: center;
    margin-top: 50px;
}

.globalmobilechoose .gbw-btn .btn {
    border: 2px dashed #000;
    border-radius: 16px;
    color: #0072bb;
    text-transform: uppercase;
    padding: 5px 30px;
    font-size: 17px;
    transition: all 0.4s;
    background: transparent;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.globalmobilechoose .gbw-btn .btn:hover {
    color: #0072bb !important;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    padding: 5px 32px;
}

.globalmobilechoose .gbw-btn .btn:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.globalmobilechoose .gbw-btn .btn:before {
    content: "\f054";
    font-size: 20px;
    line-height: 1em;
    opacity: 0;
    position: absolute;
    margin-left: -1em;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    right: 19px;
    top: 7px;
}

.globalmobilechoose .gbw-btn .btn:hover:before {
    opacity: 1;
    right: 14px;
}

.linkcom .entry-post .entry-img, .linkcom .entry-post .entry-text {
    display: table-cell;
    padding-right: 20px;
}

.linkcom .entry-post {
    display: block;
    position: relative;
    overflow: hidden;
    min-height: 240px;
}

.linkcom .entry-post .fa {
    width: 32px;
    height: 32px;
    background: #008000;
    border-radius: 100%;
    line-height: 32px;
    text-align: center;
    color: #fff;
}

.linkcom {
    background-color: #f2f2f2 !important;
}

.linkcom .entry-post .entry-text h4 {
    font-weight: 600;
    color: #008000;
    text-transform: capitalize;
}

.link-build p {
    font-size: 16px;
    line-height: 24px;
    color: #121212;
    font-weight: 300;
}

.link-build h4 {
    font-size: 24px;
    text-transform: capitalize;
    color: #121212;
    font-weight: 600;
    line-height: 24px;
}

.orgseoleads .media_text h4, .ofpglink h4 {
    font-size: 24px;
    line-height: 24px;
    color: #121212;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.orgseoleads p, .onpgopt p, .onpgopt .desc, .ofpglink p, .globalmulservices .content p {
    font-size: 16px;
    line-height: 24px;
    color: #121212;
    font-weight: 300;
}

.orgsearch .col-lg-5 {
    width: 100%;
    max-width: 30%;
}

.orgsearch .col-lg-7 {
    width: 100%;
    max-width: 70%;
}

.orgfaq .panel-title span, .ofpglink .panel-title span {
    background: #fff;
    color: #008000;
}

.onpgseo .col-lg-4 {
    width: 100%;
    max-width: 50%;
}

.onpgseo .entry-post {
    min-height: 230px;
}

.opseostr {
    background-color: #f2f2f2 !important;
}

.opseostr .media-body ul {
    list-style: none;
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
}

.opseostr .media-body ul li {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    color: #008000;
    padding: 8px 0;
}

.opseostr .media-body ul li span .fa {
    font-size: 16px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    padding: 8px;
    background: #008000;
    margin-right: 9px;
    color: #fff;
}

.globalmulservices {
    padding: 150px 0;
    background-repeat: no-repeat;
    background-position: right bottom;
    border-top: 17px solid #5bb45a;
    padding-top: 30px;
    position: relative;
}

.globalmulservices:before {
    position: absolute;
    z-index: 9;
    left: 10%;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-left: 61px solid transparent;
    border-right: 61px solid transparent;
    border-top: 33px solid #5bb45a;
}

.globalmulservices:after {
    position: absolute;
    left: 10%;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-left: 61px solid transparent;
    border-right: 61px solid transparent;
    border-top: 55px solid #474546;
    z-index: 0;
}

.globalmulservices:nth-child(even):after {
    right: 10%;
    left: auto;
}

.globalmulservices:nth-child(even):before {
    right: 10%;
    left: auto;
}

.globalmulservices .media_left {
    padding-right: 6%;
    padding-top: 12%;
}

.globalmulservices .no {
    font-size: 31px;
    font-weight: 600;
    background: #5bb459;
    float: left;
    width: 75px;
    height: 75px;
    text-align: center;
    line-height: 75px;
    color: #fff;
    margin-right: 20px;
}

.globalmulservices .title {
    font-size: 31px;
    color: #383838;
    line-height: 37px;
    font-weight: 600;
}

.globalmulservices .title strong {
    font-weight: 600;
}

.globalmulservices .content {
    width: 100%;
    display: block;
}

.globalmulservices .page-heading {
    display: inline-block;
    margin-bottom: 40px;
}

.globalmulservices .content p {
    text-align: justify;
}

.srvengine .title strong {
    color: #e99544;
}

.globalmulservices .flex-row-reverse .page-heading {
    display: flex;
    margin-bottom: 40px;
    flex-direction: row-reverse;
}

.globalmulservices .flex-row-reverse .no {
    display: inline-block;
    margin-right: 0px;
}

.globalmulservices .flex-row-reverse .title {
    padding-right: 10px;
    text-align: right;
}

.srvsmo .no {
    background-color: #fff;
    color: #383838;
}

.srvsmo .title strong {
    color: #fff;
}

.globalmulservices .flex-row-reverse .gbw-btn {
    text-align: right;
}

.globalmulservices .gbw-btn .btn {
    padding: 8px 15px;
    text-transform: capitalize;
    border-width: 0px !important;
    border-radius: 0px !important;
    letter-spacing: 0px;
    font-size: 15px;
    box-shadow: 2px 4px 6px #dbdbdb;
    -webkit-box-shadow: 2px 4px 6px #dbdbdb;
    -moz-box-shadow: 2px 4px 6px #dbdbdb;
}

.globalmulservices .gbw-btn .btn:hover {
    background-color: #383838;
    color: #fff;
}

.srvengine .gbw-btn .btn {
    background-color: #5bb459;
}

.srvsmo .gbw-btn .btn {
    background-color: #fff;
    color: #383838;
    box-shadow: 2px 4px 6px rgb(114 114 114 / 50%);
    -webkit-box-shadow: 2px 4px 6px rgb(114 114 114 / 50%);
    -moz-box-shadow: 2px 4px 6px rgb(114 114 114 / 50%);
}

.srvlopt .no {
    background: #153705;
}

.srvlopt .title {
    color: #153705;
}

.srvlopt .content {
    padding: 15px;
    background: rgba(21, 55, 5, 0.9);
    margin-bottom: 40px;
}

.srvlopt .content p {
    color: #fff;
}

.srvlopt {
    background-size: cover;
    background-position: -50px 0;
}

.srvlopt .gbw-btn .btn {
    box-shadow: 2px 4px 6px #dbdbdb;
    -moz-box-shadow: 2px 4px 6px #dbdbdb;
    -webkit-box-shadow: 2px 4px 6px #dbdbdb;
    background-color: #153705;
    color: #fff;
}

.srvwed {
    background-size: auto;
    background-position: left top;
}

.srvwed .no {
    background: #46c9c3;
    color: #383838;
}

.srvwed .title strong {
    color: #46c9c3;
}

.srvwed .gbw-btn .btn {
    background-color: #46c9c3;
    color: #383838;
    box-shadow: 2px 4px 6px #dbdbdb;
    -webkit-box-shadow: 2px 4px 6px #dbdbdb;
    -moz-box-shadow: 2px 4px 6px #dbdbdb;
}

.globalweb-devlpt {
    padding: 70px 0 220px 0;
}

.our-plan .et_pb_text {
    height: 498px;
    float: left;
    width: 16%;
    position: relative;
}

.our-plan .et_pb_text .et_pb_inner {
    height: 497px;
    padding-bottom: 0px;
}

.our-plan .et_pb_text:nth-child(1) .et_pb_inner .color-box {
    width: 365px;
    text-transform: uppercase;
    background: #f7941d;
    color: #010000;
    font-size: 13px;
    padding: 22px;
    height: 125px;
    border-radius: 4px;
    text-align: center;
    position: absolute;
    top: 0;
}

.our-plan .et_pb_text:nth-child(1) .et_pb_inner .bottom {
    position: absolute;
    bottom: -15px;
    font-weight: 600;
    left: 0;
    color: #030000;
    font-size: 14px;
    text-transform: uppercase;
    width: 103px;
    margin: 0 auto;
    right: 0;
    text-align: center;
    line-height: 19px;
}

.our-plan .et_pb_text .et_pb_inner figure {
    margin: 0px;
}

.our-plan .et_pb_text:nth-child(1) figure img {
    margin-top: 142px;
    margin-left: -5px;
}

.our-plan .et_pb_text:nth-child(2) .top {
    position: absolute;
    top: 143px;
    left: 22px;
    font-weight: 600;
    color: #030000;
    font-size: 14px;
    text-transform: uppercase;
    width: 103px;
    margin: 0 auto;
    right: 0;
    text-align: center;
    line-height: 19px;
}

.our-plan .et_pb_text:nth-child(2) .et_pb_inner .bottom {
    width: 377px;
    text-transform: uppercase;
    background: #7c4c03;
    color: #fff;
    font-size: 13px;
    padding: 22px;
    border-radius: 4px;
    text-align: center;
    position: absolute;
    bottom: -150px;
    height: 125px;
}

.our-plan .et_pb_text:nth-child(2) figure img {
    margin-top: 192px;
    margin-left: -4px;
}

.our-plan .et_pb_text:nth-child(3) .top {
    font-size: 12px;
    background: #0db59b;
    color: #fff;
    padding: 12px;
    width: 175px;
    height: 125px;
    position: absolute;
    left: 8px;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    line-height: 21px;
}

.our-plan .et_pb_text:nth-child(3) figure img {
    margin-top: 165px;
}

.our-plan .et_pb_text:nth-child(3) .bottom {
    position: absolute;
    bottom: 4px;
    left: 12px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    color: #030000;
    display: table;
    width: 100%;
}

.our-plan .et_pb_text:nth-child(4) .top {
    background: #bcc0f3;
    color: #060000;
    padding: 12px;
    width: 175px;
    height: 125px;
    position: absolute;
    left: 12px;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
}

.our-plan .et_pb_text:nth-child(4) .bottom {
    position: absolute;
    bottom: 4px;
    left: 12px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    color: #030000;
    display: table;
    width: 100%;
}

.our-plan .et_pb_text:nth-child(4) figure img {
    margin-top: 165px;
    margin-left: 22px;
}

.our-plan .et_pb_text:nth-child(5) .top {
    position: absolute;
    top: 139px;
    left: -18px;
    font-weight: 600;
    color: #030000;
    font-size: 14px;
    text-transform: uppercase;
    width: 103px;
    margin: 0 auto;
    right: 0;
    text-align: center;
}

.our-plan .et_pb_text:nth-child(5) figure img {
    margin-left: 12px;
    margin-top: 190px;
}

.our-plan .et_pb_text:nth-child(5) .bottom {
    width: 377px;
    text-transform: uppercase;
    background: #4a9456;
    color: #fff;
    font-size: 13px;
    padding: 22px;
    height: 125px;
    border-radius: 4px;
    text-align: center;
    position: absolute;
    bottom: -150px;
    left: -85%;
    right: auto;
}

.our-plan .et_pb_text:nth-child(6) .top {
    width: 350px;
    text-transform: uppercase;
    background: #2380b4;
    color: #fff;
    font-size: 13px;
    padding: 22px;
    height: 125px;
    border-radius: 4px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}

.our-plan .et_pb_text:nth-child(6) figure img {
    margin-top: 136px;
}

.our-plan .et_pb_text:nth-child(6) .bottom {
    position: absolute;
    bottom: -10px;
    left: -10px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    color: #030000;
    display: table;
    width: 103px;
    line-height: 19px;
}

.our-plan .et_pb_text:nth-child(1) .top:after {
    position: absolute;
    content: "";
    left: 82px;
    bottom: -12px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 13px solid #f7941d;
}

.our-plan .et_pb_text:nth-child(2) .bottom:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 13px solid #7c4c03;
    position: relative;
    left: 40px;
    top: -52px;
    content: "";
}

.our-plan .et_pb_text:nth-child(3) .top:after {
    position: absolute;
    left: 0;
    bottom: -11px;
    width: 0;
    height: 0;
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 13px solid #0db59b;
    right: 0;
    margin: 0 auto;
}

.our-plan .et_pb_text:nth-child(4) .top:after {
    position: absolute;
    left: -19px;
    bottom: -9px;
    width: 0;
    height: 0;
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 13px solid #bcc0f3;
    right: 0;
    margin: 0 auto;
}

.our-plan .et_pb_text:nth-child(5) .bottom:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 13px solid #4a9456;
    position: relative;
    left: 60%;
    top: -52px;
    content: "";
}

.our-plan .et_pb_text:nth-child(6) .top:after {
    position: absolute;
    content: "";
    right: 88px;
    bottom: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 13px solid #2380b4;
}

.our-plan .et_pb_text:nth-child(4) .span3 .top {
    font-size: 13px;
}

.globalwebdep .entry-box {
    width: 100%;
    max-width: 1047px;
    margin: 0 auto;
    display: block;
    position: relative;
}

.globalwebdep .entry-box .entry-list {
    margin: 0;
    border-right: 1px solid #959595;
    width: 16%;
    min-height: 218px;
    text-align: center;
    float: left;
    margin-bottom: 0;
    padding-top: 55px;
    display: inline-block;
}

.globalwebdep .entry-box .entry-list:nth-child(4n+1) {
    clear: none;
}

.globalwebdep .entry-box:after {
    position: absolute;
    width: 100%;
    content: "";
    left: 0;
    bottom: -200px;
    border-bottom: 1px dashed #959595;
}

.glwebgal .entry-box {
    display: flex;
    flex-wrap: wrap;
}

.glwebgal .entry-box .entry-list {
    width: 100%;
    max-width: 100%;
    flex: 18.4%;
    margin-right: 10px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 0px 3px #000;
    -moz-box-shadow: 0px 0px 3px #000;
    box-shadow: 0px 0px 3px #000;
    position: relative;
}

.glwebgal .entry-box .entry-list .overlay {
    position: absolute;
    z-index: 9;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transform: translate(0px, 10px);
    -webkit-transform: translate(0px, 10px);
    -moz-transform: translate(0px, 10px);
    opacity: 0;
}

.glwebgal .entry-box .entry-list img {
    height: 200px;
}

.glwebgal .entry-box .entry-list:hover .overlay {
    background-color: rgba(255, 255, 255, 0.9);
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    opacity: 1;
}

.indus-banner {
    padding: 30px 0;
    background-size: cover;
    background-position: center center;
}

.indus-banner .row {
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    align-content: center;
}

.indus-banner .banner-txt h2 {
    font-size: 21px;
    font-weight: 600;
    text-align: center;
}

.indus-banner .banner-txt h3 {
    margin: 15px 0;
    color: #d1390b;
    font-family: 'Dancing Script', cursive;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
}

.indus-banner .banner-txt {
    text-align: center;
}

.indus-banner .banner-txt ul {
    margin-top: 30px;
    list-style: none;
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.indus-banner .banner-txt .btn {
    color: #fff;
    background: #5abff3;
    margin: 0 5px;
    padding: 11px 17px;
    box-shadow: 0px 5px 0px #012f60;
    -webkit-box-shadow: 0px 5px 0px #012f60;
    -moz-box-shadow: 0px 5px 0px #012f60;
    font-size: 16px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    text-transform: capitalize;
}

.indus-banner .banner-txt .icon {
    margin: 0 4px;
}

.indu-gettouch {
    background-position: center center;
    background-size: cover;
}

.indu-gettouch .section-heading h3 {
    margin-bottom: 15px;
    color: #fff;
}

.indu-gettouch .section-heading h4 {
    color: #65c4fa;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 20px;
    display: block;
}

.indu-gettouch input[type="text"],.indu-gettouch textarea, .indu-gettouch input[type="tel"], .indu-gettouch input[type="email"] {
    border: none;
    height: 40px;
    margin-bottom: 0px;
    outline: none;
    background: #ffffff60;
    color: #fff;
    border-radius: 0px;
    width: 100%;
    padding-left: 15px;
}

.indu-gettouch textarea {
    height: 190px;
    padding: 15px;
}

.indu-gettouch input[type="submit"] {
    padding: 15px 86px;
    background-color: #65c4fa;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffff;
    font-size: 16px;
    line-height: 16px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer;
}

.indu-gettouch .contact-form span {
    border: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    margin-bottom: 10px;
}

.indu-digtmart {
    padding: 60px 0;
    float: none;
    display: inline-block;
}

.indu-digtmart ul {
    list-style: none;
    margin-bottom: 0;
}

.indu-digtmart ul li {
    display: block;
    margin-bottom: 35px;
    background: url(https://www.greenwebmedia.com/wp-content/uploads/2022/11/Label-Blue-1.png);
    background-position: center left;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 24px;
    height: 110px;
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    align-items: center;
    color: #000;
    font-size: 16px;
    line-height: 24px;
}

.indu-digtmart ul li:nth-child(even) {
    background: url(https://www.greenwebmedia.com/wp-content/uploads/2022/11/Label-Orange-1.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.indu-digtmart .num {
    margin: -17px 45px 0 36px;
    font-size: 45px;
    color: #fff;
    font-weight: 600;
}

.indu-cta {
    background: #eb9646;
    position: relative;
    padding: 120px 0 50px 0;
    text-align: center;
}

.indu-cta .girl {
    position: absolute;
    width: 100%;
    top: -172px;
}

.indu-cta .girl img {
    width: 100%;
    max-width: 405px;
}

.indu-cta .btn {
    border: 2px solid #fff;
    margin-top: 20px;
    padding: 9px 35px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: #eb9646;
}

.indu-cta h2 {
    color: #fff;
    font-size: 35px;
    text-transform: capitalize;
    font-weight: 600;
    padding: 0 25%;
    text-align: center;
}

.indu-track {
    padding: 40px 0 170px;
    background: #ededed;
    border-top: 6px solid #eb9646;
    text-align: center;
    float: none;
    display: inline-block;
    margin-bottom: -10px;
}

.indu-track ul {
    list-style-position: inside;
}

.indu-track p,.indu-track ul li {
    margin-bottom: 10px;
    line-height: 32px !important;
    font-weight: 400;
    font-size: 16px;
    color: #121212;
}

.indu-track ul {
    list-style-position: inside;
}

.indu-track h3 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 26px;
    color: #121212;
    font-weight: 600;
    text-align: center !important;
}

.indu-track .ftitle {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    color: #121212;
    display: block;
    text-align: center;
}

.indu-track .ftitle strong {
    color: #121212;
}

.indu-excl {
    padding: 40px 0;
}

.indu-excl .excl-wrap .rows {
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    flex-wrap: wrap;
    margin-bottom: 35px;
    box-shadow: 0 0 29px #b1b1b1;
    -webkit-box-shadow: 0 0 29px #b1b1b1;
    -moz-box-shadow: 0 0 29px #b1b1b1;
    padding: 35px;
}

.indu-excl .excl-wrap {
    margin-top: 40px;
}

.indu-excl p {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

.indu-excl .excl-wrap .rows .entry-header {
    margin-bottom: 35px;
}

.indu-excl .excl-wrap .rows .entry-header h3 {
    color: #eb9646;
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;
    text-transform: capitalize;
}

.indu-excl .excl-wrap .rows .entry-txt ul, .indu-excl .excl-wrap .entry-post .entry-txt ol {
    list-style: none;
    margin-bottom: 30px;
}

.indu-excl .excl-wrap .rows .entry-txt ul li, .indu-excl .excl-wrap .entry-post .entry-txt ol li {
    position: relative;
    padding-left: 30px;
    display: block;
    margin-bottom: 5px;
    color: #000;
}

.indu-excl .excl-wrap .rows .entry-txt ul li:before, .indu-excl .excl-wrap .entry-post .entry-txt ol li:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    position: absolute;
    left: 0;
    top: 4px;
    color: #eb9646;
}

.indu-excl .excl-wrap .flex-row-reverse .entry-header h3 {
    text-align: right;
}

.indu-partner {
    padding: 50px 0;
    background: #000;
    position: relative;
}

.indu-partner h3 {
    color: #fff;
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;
    text-transform: capitalize;
    text-align: left;
}

.indu-partner .desc {
    color: #fff;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    display: block;
    margin-bottom: 30px;
}

.indu-partner input[type="text"], .indu-partner input[type="email"],.indu-partner input[type="text"], .indu-partner input[type="tel"] {
    background: #000;
    width: 100%;
    margin-bottom: 10px;
    outline: none;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    color: #ffffff;
    padding: 0.625em 0.4375em;
    width: 100%;
    height: 47px;
}

.indu-partner input[type="submit"] {
    background: #eb9646;
    padding: 9px 55px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.5px;
    border-radius: 3px;
    border: 0px;
}

.indu-partner .entry-img {
    position: absolute;
    right: 0;
    text-align: right;
    bottom: 0px;
    padding-right: 0;
}

.indu-partner .entry-img figure {
    margin-bottom: 0;
}

.indu-choose {
    padding: 60px 0 20px 0;
}

.indu-choose ul {
    list-style: none;
    margin-bottom: 0;
    padding: 25px 0px 0px 40px;
    margin-left: 0;
}

.indu-choose ul > li {
    position: relative;
    display: block;
    margin-bottom: 16px;
    border-bottom: 1px solid #eb9646;
    padding-bottom: 18px;
    padding-left: 30px;
    color: #000;
}

.indu-choose ul > li:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    position: absolute;
    left: 0;
    top: 4px;
    color: #eb9646;
}

.indu-choose .sparator {
    display: block;
    margin-bottom: 30px;
}

.indu-choose .section_heading h3 {
    text-transform: capitalize;
    font-size: 30px;
    color: #000;
    line-height: 36px;
}

.indu-choose p {
    color: #121212;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 25px;
}

.indu-choose .desc, .indu-choose ul li, .indu-excl .desc {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 300;
}

.indu-excl .excl-wrap .entry-text ul, .indu-excl .excl-wrap .entry-text ol {
    list-style: none;
    margin-bottom: 30px;
}

.indu-excl .excl-wrap .entry-text ul li, .indu-excl .excl-wrap .entry-text ol li {
    position: relative;
    padding-left: 30px;
    display: block;
    margin-bottom: 5px;
    color: #000;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
}

.indu-excl .excl-wrap .entry-text ul li:before, .indu-excl .excl-wrap .entry-text ol li:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    position: absolute;
    left: 0;
    top: 4px;
    color: #eb9646;
}

.indu-choose .desc {
    text-align: left;
}

.indus-strip {
    text-align: center;
}

.indus-strip p {
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

.global-covid .main-heading h3 {
    font-size: 33px;
    line-height: 33px;
    color: #383838;
    font-weight: 600;
}

.global-covid .main-heading h3 strong {
    color: #ea9545;
}

.global-covid .media_body h2 {
    font-size: 30px;
    line-height: 30px;
    color: #222;
    font-weight: 600;
    margin-bottom: 30px;
}

.global-covid .media_body p {
    font-size: 16px;
    line-height: 24px;
    color: #121212;
    font-weight: 300;
}

.mobile-scale .media_body h3 {
    text-transform: capitalize;
    color: #ea9545;
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 24px;
}

.mobile-scale .media_body p {
    font-size: 16px;
    line-height: 28px;
    color: #232323;
    font-weight: 300;
}

.Content-With-Image h2 {
    font-size: 36px;
    line-height: 45px;
    font-weight: 600;
    color: #0a0a0a;
    text-transform: capitalize;
}

.Content-With-Image h4 {
    font-size: 26px;
    line-height: 28px;
    color: #0a0a0a;
    text-transform: capitalize;
    font-weight: 600;
}

.Content-With-Image p {
    font-size: 18px;
    line-height: 24px;
    color: #0a0a0a;
    font-weight: 300;
    margin-bottom: 25px;
}

.Content-With-Image img {
    border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    margin: 0 auto 15px;
}

.globaltableservices .entry-post, .globaltableservices .entry-post h5 {
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

.globaltableservices .entry-post .entry-img img {
    display: block;
    border-radius: 0px;
    filter: invert(1);
    margin: 0 auto 30px;
}

.globaltableservices .title {
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 35px;
}

.fullwidth-content .media-content h3 {
    font-size: 30px;
    line-height: 36px;
    color: #0a0a0a;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 25px;
}

.fullwidth-content .media-content span {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    display: block;
    margin-bottom: 25px;
}

.fullwidth-content .media-content .arrow {
    padding-left: 30px;
}

.fullwidth-content .media-content .arrow:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    content: "\f046";
    width: 20px;
    height: 20px;
    color: #000;
    font-family: Fontawesome;
    font-size: 20px;
    line-height: 25px;
}

.table-mobile table {
    width: 100%;
    max-width: 800px;
    margin: 0 auto 30px;
    table-layout: fixed;
    border: 1px solid #d1d1d1;
}

.table-mobile thead tr, .table-respon thead tr {
    background: #000;
    color: #fff;
}

.table-mobile thead tr th, .table-respon thead tr th {
    text-align: center;
    border-top: none !important;
    padding: 12px;
    font-size: 16px;
    line-height: 23px;
}

.table-mobile table tbody tr:nth-child(odd), .table-respon table tbody tr:nth-child(odd) {
    background: #e7ffec;
}

.table-mobile table tbody tr:nth-child(even), .table-respon table tbody tr:nth-child(even) {
    background: #d9edff;
}

.table-mobile table tbody tr, .table-respon table tbody tr {
    padding: 12px;
    text-align: center;
}

.table-mobile table tbody tr, .table-respon table tbody tr {
    font-size: 16px;
    line-height: 23px;
    font-weight: 300;
}

.table-mobile thead tr th, .table-mobile tbody tr td, .table-respon thead tr th, .table-respon thead tr th {
    border: 1px solid #d1d1d1;
}

.fullwidth-content h2 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.Content-With-Image ul {
    list-style: none;
}

.fullwidth-content p {
    font-size: 18px;
    line-height: 24px;
    color: #0a0a0a;
    margin-bottom: 20px;
}

.Content-With-Image ul li {
    font-size: 18px;
    line-height: 24px;
    color: #0a0a0a;
    margin-bottom: 10px;
}

.fullwidth-content h3 {
    font-size: 26px;
    line-height: 28px;
    color: #0a0a0a;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 25px;
}

.wcolor h3, .wcolor h2, .wcolor h4, .wcolor p {
    color: #fff;
    text-transform: capitalize;
}

.fullwidth-content .alignright {
    float: right;
    margin: 0 0 15px 25px
}

.fullwidth-content .alignleft {
    float: left;
}

.fullwidth-content img {
    border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    margin: 0 auto 15px;
}

.casestudypage .page_header h2 {
    margin: 40px 50px 0;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 20px;
    line-height: 33px;
    font-size: 30px;
    color: #121212;
    font-weight: 600;
    text-transform: capitalize;
}

.casestudypage .case-study {
    background: #eee;
    padding: 20px;
    margin-bottom: 25px;
}

.casestudypage .case-study h3 {
    line-height: 33px;
    font-size: 30px;
    color: #121212;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.casestudypage .case-study h3 a {
    color: #007acc;
}

.casestudypage .case-study h3 a:hover {
    color: #e99544;
    text-decoration: none;
}

.casestudypage .case-study p {
    font-size: 18px;
    line-height: 24px;
    color: #121212;
    font-weight: 300;
    margin-bottom: 10px;
}

.casestudypage .case-study .more-link {
    display: table;
    background: #8bc027;
    color: #fff;
    padding: 9px 22px;
    margin: 12px 0;
    border-radius: 4px;
    text-shadow: 0 1px 2px #000;
    box-shadow: 0 2px 2px #4e8300;
    -webkit-box-shadow: 0 2px 2px #4e8300;
    -moz-box-shadow: 0 2px 2px #4e8300;
}

.casestudypage .case-study .more-link:hover {
    background: #000;
    text-decoration: none;
}

.casestudypage .case-study img {
    width: 100%;
    border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    margin: 0 auto 15px;
}

.makepayment .payment-form label {
    font-size: 16px;
    line-height: 24px;
    color: #121212;
    font-weight: 300;
    text-align: revert;
    display: block;
}

.makepayment .payment-form {
    max-width: 700px;
    margin: 0 auto;
    display: block;
}

.makepayment .payment-form .row {
    margin-bottom: 15px;
}

.makepayment .payment-form select, .makepayment .payment-form input[type="text"],.makepayment .payment-form textarea {
    height: 36px;
    width: 100%;
    border: 1px solid #bbb;
    color: #4e4e4e;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 24px;
}

.makepayment .payment-form textarea {
    height: 90px;
}

.makepayment .payment-form input[type="submit"] {
    margin-bottom: 10px;
    border: 0;
    background: #004718;
    display: table;
    color: #fff;
    font-weight: normal;
    width: auto;
    padding: 12px 22px;
    margin-top: 20px;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
}

.makepayment .payment-form input[type="submit"]:hover {
    background: #e99544;
    transition: all .3s;
}

.paypal-page .pay-form-main {
    width: 50%;
    margin: 0px auto;
}

.paypal-page .pay-field {
    margin-bottom: 15px;
}

.paypal-page .pay-field label {
    float: left;
    width: 30%;
    font-weight: normal;
    line-height: 40px;
}

.paypal-page .pay-field select, .paypal-page .pay-field input[type="text"], .paypal-page .pay-field textarea {
    width: 69%;
    border: 1px solid #bbb;
    color: #4e4e4e;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 24px;
}

.paypal-page .pay-field label {
    font-size: 16px;
    line-height: 40px;
    color: #121212;
    font-weight: 300;
}

.industry-page .entry-post {
    display: block;
    text-align: left;
    position: relative;
    margin-bottom: 25px;
}

.industry-page .entry-post .entry-img a:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #00000054;
}

.industry-page .entry-post .entry-overlay {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0px;
    width: 100%;
}

.industry-page .entry-post .entry-overlay .meta-cat a {
    font-size: 32px;
    line-height: 36px;
    color: #fff;
    text-decoration: none;
    margin-bottom: 7px;
    display: block;
    font-weight: 600;
    padding: 20px;
}

.industry-page .entry-post .entry-img img {
    height: 275px;
    object-fit: cover;
    -wekit-object-fit: cover;
    width: 100%;
}

.error-page {
    padding: 50px 0;
    text-align: center;
}

.error-page h1 {
    text-transform: capitalize;
    text-align: center;
}

.digital-menus .desktop ul li:last-child a {
    background: #639319;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 1px 2px 1px #476d0d;
    -webkit-box-shadow: 1px 2px 1px #476d0d;
    -moz-box-shadow: 1px 2px 1px #476d0d;
}

.digital-menus .desktop ul li:last-child a:hover {
    transition: all .3s;
    background: #292929;
}

#main-banner {
    position: relative;
}

#main-banner .container {
    display: block;
    margin: 0 auto;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 170px;
    text-align: center;
}

#main-banner .row {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#main-banner .banner-txt h1 {
    font-size: 50px;
    text-transform: capitalize;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}

#main-banner .banner-form {
    width: 100%;
    max-width: 425px;
    float: right;
    background-color: #f5f5f5;
    padding: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 3px solid #476d0d;
    box-shadow: 1px 0px 4px #000000b8;
    -webkit-box-shadow: 1px 0px 4px #000000b8;
    -moz-box-shadow: 1px 0px 4px #000000b8;
}

#main-banner .banner-form h3 {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    color: #000;
    text-align: center;
}

#main-banner .banner-form p {
    margin-bottom: 15px;
    text-align: center;
}

#main-banner .banner-form input[type="text"], #main-banner .banner-form input[type="email"], #main-banner .banner-form input[type="tel"], #main-banner .banner-form select {
    height: 42px;
    background: #f8f8f8;
    width: 100%;
    border: 1px solid;
    border-color: #d4d4d4;
    padding-left: 10px;
    background: #fff;
}

#main-banner .banner-form textarea {
    height: 100px;
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid;
    border-color: #d4d4d4;
}

#main-banner .banner-form input[type="submit"] {
    background: #639319;
    color: #fff;
    font-size: 14px;
    border: 1px solid;
    border-color: #d4d4d4;
    text-transform: uppercase;
    padding: 10px 25px;
}

#main-banner .banner-form input[type="submit"]:hover,.imagewithcontent .fullwidthform .quote-form input[type="submit"]:hover,.global-cta .get-form input[type="submit"]:hover,.digcontact .contact-form input[type="submit"]:hover {
    transition: all .3s;
    background: #292929;
    border-color: #292929;
}

#main-banner .banner-txt h3 {
    text-transform: uppercase;
    margin: 10px 0;
    color: #fff;
    font-size: 25px;
    line-height: 32px;
}

#main-banner .banner-txt h4 {
    text-transform: uppercase;
    margin: 10px 0;
    color: #fff;
    font-size: 20px;
    line-height: 32px;
}

#main-banner .banner-txt h2 a {
    background: #639319;
    color: #fff;
    padding: 8px 20px;
    display: inline-block;
    margin-top: 10px;
}

#main-banner .banner-txt h2 a:hover {
    background-color: #ea9545;
}

span.wpcf7-spinner {
    position: absolute;
    display: none;
}

.digital-menus .stellarnav ul {
    justify-content: end;
    background-color: transparent !important;
}

.digital-menus .stellarnav ul li {
    margin-left: 0px;
}

.global-cta .section-heading h3 {
    text-align: center;
    position: relative;
    z-index: 9;
    line-height: 40px;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
}

.global-cta .cta-info {
    text-align: center;
}

.global-cta {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.global-cta:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #000;
    background-color: hsl(0deg 0% 0% / 67%);
}

.glbgt:after {
    background-color: hsl(0deg 0% 0% / 24%);
}

.imagewithcontent .media_body .entry-icon {
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
}

.imagewithcontent .media_body .entry-heading {
    display: table-cell;
}

.imagewithcontent .entry-txt {
    margin-top: 20px;
}

.imagewithcontent .media_body .entry-heading h3 {
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    color: #434243;
}

.imagewithcontent .fullwidthform .quote-form {
    padding: 20px;
    background: #639319;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 2px 4px #0000006e;
    -webkit-box-shadow: 0 2px 4px #0000006e;
    -moz-box-shadow: 0 2px 4px #0000006e;
}

.imagewithcontent .fullwidthform .quote-form .row {
    margin-bottom: 0px;
    padding-bottom: 0px;
    display: flex;
}

.imagewithcontent .fullwidthform .quote-form .col-group {
    flex: 100%;
    max-width: 29%;
}

.imagewithcontent .entry-txt p {
    font-size: 16px;
    line-height: 24px;
    color: #434243;
    font-weight: 300;
}

.imagewithcontent .fullwidthform .quote-form input[type="text"], .imagewithcontent .fullwidthform .quote-form input[type="email"], .imagewithcontent .fullwidthform .quote-form input[type="tel"], .global-cta .get-form input[type="text"],.global-cta .get-form input[type="email"],.global-cta .get-form input[type="tel"] {
    border: 0;
    width: 100%;
    height: 43px;
    padding-left: 10px;
    border: 1px solid;
    border-color: #d4d4d4;
    outline: none;
}

.imagewithcontent .fullwidthform .quote-form input[type="sumit"] {
    width: 100%;
    background: #476d0d;
    border-color: #476d0d;
    outline: none;
    border: 0px;
    height: 43px;
    color: #fff;
}

.imagewithcontent .fullwidthform .quote-form input[type="submit"] {
    width: 100%;
    background: #476d0d;
    border-color: #476d0d;
    outline: none;
    border: 0px;
    height: 43px;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}

.global-cta .get-form textarea {
    border: 0;
    width: 100%;
    height: 202px;
    padding-left: 10px;
    border: 1px solid;
    border-color: #d4d4d4;
    outline: none;
    line-height: 24px;
}

.global-cta .get-form input[type="submit"] {
    background: #639319;
    color: #fff;
    font-size: 14px;
    border: 1px solid;
    border-color: #639319;
    text-transform: uppercase;
    padding: 10px 25px;
    line-height: 24px;
}

.global-cta .section-heading .desc {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    display: block;
    position: relative;
    z-index: 9;
}

.global-cta .get-form {
    position: relative;
    z-index: 9;
}

.global-cta .cta-info .btn {
    background: #639319;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 1px 2px 1px #476d0d;
    -webkit-box-shadow: 1px 2px 1px #476d0d;
    -moz-box-shadow: 1px 2px 1px #476d0d;
}

.global-cta .cta-info .btn:hover {
    border-color: #639319 !important;
    background-color: #639319 !important;
}

.global-cta .cta-info .btn:last-child {
    background: #ea9545;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 1px 2px 1px #b2651e;
    -webkit-box-shadow: 1px 2px 1px #b2651e;
    -moz-box-shadow: 1px 2px 1px #b2651e;
}

.global-cta .cta-info .btn:last-child:hover {
    border-color: #ea9545 !important;
    background-color: #ea9545 !important;
}

.global-cta .cta-info .btn .icon {
    display: inline-block;
    margin-right: 5px;
}

.digcontact .section-heading h3 {
    color: #3a3a3a;
    margin-bottom: 20px;
}

.digcontact .desc, .globalcase .desc {
    color: #3a3a3a;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    display: block;
}

.digcontact .contact-form {
    padding: 15px;
    background-color: #f5f5f5;
}

.digcontact .contact-form input[type="text"], .digcontact .contact-form input[type="email"],.digcontact .contact-form input[type="tel"], .digcontact .contact-form select {
    border: 0;
    width: 100%;
    height: 43px;
    padding-left: 10px;
    border: 1px solid;
    border-color: #d4d4d4;
    outline: none;
    font-size: 14px;
}

.digcontact .contact-form textarea {
    border: 0;
    width: 100%;
    height: 90px;
    padding: 20px;
    border: 1px solid;
    border-color: #d4d4d4;
    outline: none;
}

.digcontact .contact-form input[type="submit"] {
    background: #639319;
    color: #fff;
    font-size: 14px;
    border: 1px solid;
    border-color: #d4d4d4;
    text-transform: uppercase;
    padding: 10px 25px;
}

.digcontact .contact-form span {
    border: 0px;
}

.digcontact .contact-form span label {
    font-size: 14px;
    display: flex;
}

.digcontact .contact-form input[type="checkbox"] {
    margin-right: 7px;
}

.digcontact .contact-form h5 {
    font-weight: 600;
    line-height: 30px;
}

.digcontact .contact-info {
    padding: 17px 20px;
    background: #f5f5f5;
    margin-bottom: 15px;
}

.digcontact h4 {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #639319;
    font-weight: 600;
}

.digcontact p {
    font-size: 16px;
    line-height: 24px;
    color: #434343;
    font-weight: 300;
}

.globalcase .section-heading h3 {
    color: #434243;
    margin-bottom: 15px;
}

.globalcase .entry-txt {
    padding: 25px;
    display: block;
}

.globalcase .entry-post .entry-img img {
    width: 100%;
    height: 100%;
    max-height: 326px;
}

.globalcase .entry-txt h4, .globalcase .entry-txt h4 a, .globalcase .entry-txt p {
    color: #fff;
}

.globalcase .entry-txt h4 {
    border-bottom: 1px solid #ffffff42;
    display: block;
    padding-bottom: 20px;
    margin-bottom: 10px;
    font-size: 22px;
    color: #ffffff;
    font-weight: 600;
}

.globalcase .entry-txt p {
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 300;
}

#gblcases .owl-stage .owl-item, #gblcases .owl-stage .owl-item .item, #gblcases .owl-stage .owl-item .item .entry-post {
    height: inherit;
    background: #639319;
}

.digitalfaq {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.digitalfaq:after {
    content: '';
    position: absolute;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .70)
}

.digitalfaq .section-heading h3,.digitalfaq .desc, .digitalfaq #accordion1 {
    position: relative;
    z-index: 99;
    color: #fff;
}

.digitalfaq .section-heading h3 {
    margin-bottom: 20px;
}

.footer-inner {
    display: inline-block;
    width: 100%;
    padding: 25px 0;
    background: #000000;
}

.footer-inner .widget-logo img {
    width: 100%;
    max-width: 30%;
}

.footer-inner .footer-nav {
}

.footer-inner .footer-nav ul {
    list-style: none;
    margin-bottom: 0;
    text-align: right;
}

.footer-inner .footer-nav ul > li {
    margin-left: 24px;
    display: inline-block;
}

.footer-inner .footer-nav ul > li:last-child a {
    display: none;
}

.footer-inner .footer-nav ul > li > a {
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 24px;
}

.footer-inner .copyright {
    text-align: right;
    color: #fff;
}

.footer-inner .copyright p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.footer-inner .footer-nav {
    margin-top: 15px;
}

.footer-inner .footer-nav ul > li:nth-child(5) {
    margin-left: 0;
}

.digitalfaq .accordion-container {
    max-width: 100%;
    position: relative;
    z-index: 99;
    height: auto;
    margin: 10px auto;
}

.digitalfaq .set {
    position: relative;
    width: 100%;
    height: auto;
    background-color: transparent;
}

.digitalfaq .set > a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 16px;
    line-height: 24px;
}

.digitalfaq .set > a i {
    float: right;
    margin-top: 2px;
}

.digitalfaq .set > a.active {
    background-color: #639319;
    color: #fff;
}

.digitalfaq .content {
    background-color: #639319;
    margin-bottom: 10px;
    display: none;
}

.digitalfaq .content p {
    padding: 10px 15px;
    margin: 0;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}

@-webkit-keyframes bounceball {
    from {
        top: 20px;
        height: 20px;
    }

    10% {
        top: 20px;
        height: 20px;
    }

    to {
        top: 30px;
    }
}

@-moz-keyframes bounceball {
    from {
        top: 20px;
        height: 20px;
    }

    10% {
        top: 20px;
        height: 20px;
    }

    to {
        top: 30px;
    }
}

@-webkit-keyframes bounceball1 {
    from {
        top: -180px;
        height: 20px;
    }

    10% {
        top: -180px;
        height: 20px;
    }

    to {
        top: -190px;
    }
}

@-moz-keyframes bounceball1 {
    from {
        top: -180px;
        height: 20px;
    }

    10% {
        top: -180px;
        height: 20px;
    }

    to {
        top: -190px;
    }
}

.page-id-10487 .outweb-price .entry-post {
    min-height: 380px;
}

.page-template-global-services .brand_logo img, .page-template-tpl-globalpage .brand_logo img, .page-template-tpl-abt .brand_logo img, .page-template-tpl-career .brand_logo img {
    max-width: 75%;
}

.page-template-tpl-globalpage .indus-banner {
    padding-top: 110px;
}

.page-template-tpl-globalpage .global-banner, .page-template-tpl-globalpage .iv-breadcrumb {
    display: none;
}

.industry-breadcrumb {
    display: block !important;
    height: 100% !important;
}

.iv-breadcrumb {
    background-color: #e5e5e5;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 41px;
    overflow: hidden;
}

.iv-breadcrumb span {
    text-decoration: none;
    color: #3e3e3e;
    position: relative;
    display: inline-block;
    margin-top: -2px;
}

.iv-breadcrumb span a::before, .iv-breadcrumb span a::after {
    content: "";
    position: absolute;
    margin-top: -21px;
    top: 50%;
    border-top: 20px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 1em solid;
    border-left-color: currentcolor;
    right: -13px;
}

.iv-breadcrumb span a::after {
    z-index: 1;
    right: -12px;
    border-left-color: #e5e5e5;
}

.iv-breadcrumb span a::before {
    border-left-color: #d7d7d7;
    z-index: 1;
}

.iv-breadcrumb span:last-child:after, .iv-breadcrumb span:last-child:before {
    content: "";
    position: absolute;
    margin-top: -21px;
    top: 50%;
    border-top: 20px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 1em solid #ea9545;
    right: -13px;
}

.iv-breadcrumb span a:hover:after {
    border-left-color: #ea9545;
}

.iv-breadcrumb strong {
    font-weight: 600;
    line-height: 21px;
}

.iv-breadcrumb span a {
    color: #3e3e3e;
    line-height: 21px;
    padding: 10px 34px 11px;
}

.iv-breadcrumb span a:hover {
    background: #ea9545;
    color: #fff;
    text-decoration: none;
}

.iv-breadcrumb .fa {
    font-size: 21px;
}

.iv-breadcrumb a::before {
    border-left-color: #333;
    right: -0.9.5em;
}

.iv-breadcrumb:last-child span:last-child {
    background: #ea9545;
    color: #fff;
    margin-left: 0;
    padding: 10px 46px 11px;
}

.iv-breadcrumb span:last-child:after {
    margin-top: -20px;
}

.iv-breadcrumb span:last-child {
    background: #ea9545;
    color: #fff;
    margin-left: 0;
    padding: 10px 46px;
}

.page-id-13624 .iv-breadcrumb .post.post-page {
    font-size: 12px;
}

.mobile-list ul {
    list-style: none;
    text-align: center;
    margin-bottom: 20px;
}

.mobile-list ul li:nth-child(2n) {
    background: #ebebeb;
}

.mobile-list ul li {
    border: 1px solid;
    border-color: #e9e9e9;
    padding: 12px;
    color: #000;
}

.list-title {
    font-size: 20px;
    background-color: #000 !important;
    color: #fff !important;
}

.main_heading {
    background-color: #292929 !important;
    color: #fff !important;
}

.list-top {
    background: #e9e9e9;
    color: green !important;
    font-weight: 600;
    font-size: 20px;
}

.global-packages {
    display: inline-block;
    width: 100%;
}

div#main-banner img {
    width: 100%;
}

.contact-info a {
    color: #434343;
}

.contact-info a:hover {
    color: #639319;
}

span.desc p,#main-banner .banner-form p,span.wpcf7-not-valid-tip,.wpcf7 form .wpcf7-response-output {
    line-height: 24px;
}

#gblcases .owl-stage {
    display: flex;
}

.digcontact form .field {
    display: inline-block;
    width: 100%;
}

.digcontact form .field .field-group,.digcontact form .field .field-group p,.digcontact form .field p {
    margin-bottom: 0px;
}

.entry-txt ul {
    padding-left: 25px;
}

.entry-txt ul li {
    line-height: 24px;
    margin-bottom: 10px;
    font-size: 16px;
}

.full-width-section .row .col-lg-6 {
    width: 100%;
}

.full-width-section .row .col-lg-6 h3 {
    text-align: center;
}

.full-width-section .row .col-lg-6 .entry-txt ul {
    width: 50%;
    float: left;
    margin-top: 20px;
    padding-left: 25px;
}

.global-teamhelp .team-img {
    background: #efeff0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 160px;
    height: 160px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 0px;
    position: relative;
    padding-top: 35px;
    margin-bottom: 20px;
    text-align: center;
}

.global-teamhelp .team-img:hover::after {
    width: 160px;
    content: "";
    border: 3px dashed #ff7d00;
    height: 160px;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 50%;
    transition: all 0.2s;
}

.global-teamhelp .team-img:hover {
    box-shadow: -1px 1px 9px 3px #ffffff;
    -webkit-box-shadow: -1px 1px 9px 3px #ffffff;
    -moz-box-shadow: -1px 1px 9px 3px #ffffff;
    transition: all 0.2s;
}

.global-teamhelp .team-txt h6 {
    color: #fff;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
}

.globalsmopackages .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 25px;
}

.globalsmopackages .table-wrap {
    padding: 40px;
    text-align: center;
    border-bottom: 10px solid;
    height: 100%;
}

.globalsmopackages .table-wrap .tble-heading .tble-price {
    text-align: center;
    color: #f8f7f7;
    font-size: 28px;
    font-weight: 600;
    font-family: 'Dosis', sans-serif;
    padding-bottom: 30px;
}

.globalsmopackages .pricing_icon .fa {
    font-size: 96px;
    transition: all .3s;
    border-radius: 50%;
}

.globalsmopackages .table-wrap:hover .pricing_icon .fa {
    background: #000;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    line-height: 200px;
    font-size: 139px;
    color: #fff;
}

.globalsmopackages .pricing_icon {
    border-bottom: 3px solid #fff;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.globalsmopackages .pricing_btn .btn {
    color: #ffffff;
    background: #000000;
    font-size: 20px;
    font-family: 'Dosis', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}

.footer .social-md {
    display: flex;
}

.footer .social-md a {
    padding: 0px;
}

.footer .social-md a p {
    margin: 0 5px;
    background-color: white;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 100%;
    display: block;
    text-align: center;
    font-weight: 600;
    color: #077a0b;
    transition: .5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer .social-md a p svg {
    fill: #077a0b;
}

.footer .social-md a:hover p {
    background-color: #077a0b !important;
    color: #fff !important;
}

.footer .social-md a:hover p svg {
    fill: #fff !important;
}

.footer .discraimer {
    width: 100%;
    margin-top: 10px;
}

.global-popup .jd-form {
    background: #1a1a1a;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.046875em;
    line-height: 1;
    padding: 0.84375em 0.875em 0.78125em;
    text-transform: uppercase;
    text-align: center;
}

#myModal-1 .job-web-wraper ul {
    margin: 0 0px 10px 15px !important;
    padding: 0 !important;
}

.global-popup .job-web-wraper ul {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 25px;
}

#admgslider .owl-nav button {
    font-size: 52px;
    padding: 5px 6px 14px !important;
    background: #45ab48;
    margin-right: 10px;
    line-height: 18px;
    color: #fff;
}

.page-id-11257 .global-pages h4 {
    font-size: 24px;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.page-id-11257 .global-pages ul {
    margin: 6px 12px;
    list-style: disc
}

.page-id-11257 .global-pages ul li {
    display: list-item
}

.page-id-11257 .global-pages ul li a {
    color: #000;
    font-size: 15px;
    margin-bottom: 7px;
    display: block;
}

.page-id-11257 .global-pages ul li a:hover {
    color: #45ab48;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.global-pages p, .global-pages p a {
    font-size: 14px;
    line-height: 26px;
    color: #121212;
    margin-bottom: 15px;
}

.global-pages h5 {
    margin: 20px 0;
    color: #121212;
}

.global-pages p a {
    color: green;
}

.gstno {
    display: none;
    position: absolute;
    line-height: 23px;
    bottom: 77px;
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
    border-radius: 12px;
    left: 69.5%;
    padding: 8px 13px;
    width: 230px;
    height: 98px;
    text-align: left;
    border: solid 1px #45ab48;
}

.gst-link {
    cursor: pointer;
    color: #45ab48;
    font-weight: 600;
    padding: 2px 0px;
    display: inline-block;
}

.gstno::after {
    position: absolute;
    content: "\f0d7";
    font-family: FontAwesome;
    font-size: ;
    font-size: 36px;
    left: 21px;
    color: #45ab48;
    bottom: -17px;
}

.indu-gettouch input::placeholder, .indu-gettouch textarea::placeholder,.globaltouch input::placeholder,.globaltouch textarea::placeholder,.outbeacome input::placeholder,.outbeacome textarea::placeholder {
    color: #fff;
}

.centerBarIn .media_body p {
    text-align: center;
}

.centerBarIn p {
    color: #fff;
}

.centerBarIn h3 {
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
}

.centerBarIn span img {
    filter: sepia(1) brightness(3);
}

.centerBarIn .main-heading span {
    margin-bottom: 10px !important;
    display: block;
}

.centerBarIn .media_body p a {
    background: #fff;
    border: 1px solid #fff;
    color: #000;
}

#splslider .owl-stage, #splslider .owl-stage .item {
    display: flex;
    height: 100%;
}

.out-ent .media_right ul {
    padding-left: 24px;
    font-size: 16px;
    line-height: 32px;
    text-align: justify;
    color: #121212;
    margin-bottom: 15px;
}

.imageSizeBox img {
    max-width: 142px;
    width: 100%;
    display: inline-block;
    padding: 0 10px 10px;
}

.out-touch .wpcf7-response-output, .outbeacome .wpcf7-response-output {
    display: inline-block;
    color: #fff;
}

.paymnt-type a:last-child {
    pointer-events: none;
}

.cursor1 {
    position: fixed;
    width: 40px;
    height: 40px;
    border: 1px solid #8bc53f;
    border-radius: 50%;
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.15s;
    transition: 0.15s;
    z-index: 9999999999;
}

.cursor2 {
    position: fixed;
    border-radius: 50%;
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.2s;
    transition: 0.2s;
    z-index: 9999999999;
}

.cursor2 img {
    width: 25px;
}

.menu-home {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.newBox {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    max-width: 640px;
    height: 100%;
    background: #337c4f;
    display: none;
    padding-top: 80px;
}

.stellarnav.active .newBox {
    display: flex;
}

.close-menu {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 999;
    width: 58px !important;
    height: 58px;
    background: #000;
    display: flex !important;
    align-items: center;
    border-radius: 40px;
    cursor: pointer;
}

.newBox > ul > li > a {
    color: #fff;
    font-size: 33px;
    opacity: 0.5;
    width: 100%;
    animation: text-in 0.6s ease;
    position: relative;
    text-align: left;
    padding: 7.5px;
}

.newBox > ul > li:hover a {
    opacity: 1;
}

a.dd-toggle {
    position: absolute !important;
    right: 0px;
    top: 0px;
    width: 69px !important;
    height: 63px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.newBox > ul ul a.dd-toggle {
    height: 50px !important;
}

.newBox > ul {
    height: calc(100vh - 85px);
    overflow: auto;
    padding: 0 30px;
    position: static !important;
}

.svgCode svg {
    width: 52px;
    height: 52px;
}

.skypeLink {
    display: inline-flex;
    align-items: center;
    background: #fff;
    color: #000 !important;
    padding: 8px 15px 8px 41px;
    border-radius: 8px;
    position: relative;
    border: 1px solid #c3c3c3;
}

.svgCode {
    position: absolute;
    left: -15px;
    top: -7px;
}

.emailLink svg {
    width: 45px;
    height: 45px;
}

a.emailLink {
    display: inline-block;
    height: 45px;
}

.top_flex {
    display: flex;
    align-items: center;
    gap: 30px;
}

header.sticky .stellarnav.dark .menu-toggle span.bars span {
    background: #000;
}

.menu-toggle {
    display: inline-block;
    width: 48px;
    cursor: pointer;
}

.bars {
    display: grid;
    grid-template-columns: repeat(3, 12px);
    grid-template-rows: repeat(3, 12px);
    row-gap: 4px;
    column-gap: 6px;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-content: center;
    animation: morphGrid 2s infinite alternate ease-in-out;
    margin-top: 5px;
}

.bars span {
    background-color: black;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    animation: dotToLine 2s infinite alternate ease-in-out;
}

@keyframes morphGrid {
    0% {
        column-gap: 6px;
    }

    50% {
        column-gap: 0px;
    }

    100% {
        column-gap: 0px;
    }
}

@keyframes dotToLine {
    0% {
        width: 8px;
        height: 8px;
        border-radius: 50%;
    }

    50% {
        width: 100%;
        height: 4px;
        border-radius: 0px;
    }

    100% {
        width: 100%;
        height: 4px;
        border-radius: 0px;
    }
}

.scrollBox {
    float: left;
    width: 100%;
}

footer {
    float: left;
    width: 100%;
}

.footer__area-2 {
    background-image: var(--shapeImg);
    background-repeat: no-repeat;
    background-position: top right;
    float: left;
    width: 100%;
}

.form__input {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: #000;
    border-bottom: 1px solid #4a4a4a;
    color: #ffff;
}

.form__container .form__group {
    position: relative;
    z-index: 99;
}

.form__container {
    margin-top: 60px;
    max-width: 500px;
    width: 100%;
    padding: 3rem;
    background: #000;
    float: left;
    position: relative;
}

.over-layed-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 250px;
    opacity: 0.05;
}

.btnSubmit {
    max-width: 267px;
    margin-top: 20px;
    margin-left: 8px;
    height: 59px;
    color: #fff;
    border-radius: 0;
    display: inline-block;
    border: 1px solid #fff;
    background: transparent;
    text-transform: uppercase;
    width: 100%;
}

.form__label {
    position: absolute;
    top: 9px;
    left: 0;
    transition: all 300ms ease-in-out;
    pointer-events: none;
    color: #fff;
    font-weight: normal;
}

.moveup label {
    color: #fff;
    top: -20px;
    left: 0;
    font-size: 14px;
    z-index: 1;
}

.form__container .form__group {
    position: relative;
    z-index: 99;
    margin-bottom: 30px;
}

.sec-title-3 {
    font-weight: 600;
    font-size: 130px;
    line-height: 1;
    color: #121212;
    text-align: left;
}

.footer__sub-title {
    max-width: 850px;
    font-weight: 300;
    font-size: 27px;
    line-height: 34px;
    color: #555;
    padding-top: 30px;
}

.pt-130 {
    padding-top: 130px;
}

.over-layed-3 {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 550px);
    height: 501px;
}

.footer__top-2 {
    padding-bottom: 70px;
}

.form-home {
    position: relative;
    display: inline-block;
    width: 100%;
}

.footer__location-2 .location h3 {
    font-size: 22px;
    line-height: 1.5;
    color: #121212;
    padding-bottom: 10px;
    text-align: left;
}

ul.foot-social-new {
    padding-right: 20px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
}

ul.foot-social-new li {
    width: 50%;
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.iconSoc {
    position: relative;
    width: 50px;
    height: 50px;
    display: block;
    text-align: center;
    margin: 0 10px;
    border-radius: 50%;
    padding: 6px;
    box-sizing: border-box;
    text-decoration: none;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
    background: linear-gradient(0deg, #ddd, #fff);
    transition: .5s;
    cursor: pointer;
}

.iconSoc i {
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(0deg, #fff, #ddd);
    border-radius: 50%;
    line-height: calc(50px - 12px);
    font-size: 24px;
    color: #262626;
    transition: .5s;
}

.foot-social-new a {
    display: flex;
    align-items: center;
    color: #000;
    font-weight: 600;
}

.nameSoc {
    font-size: 20px;
}

.fa-brands {
    font-family: "Font Awesome 6 Brands";
    font-style: inherit;
}

.u-detail {
    margin-top: 15px;
    margin-bottom: 3px;
    color: #121212;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.u-detail1,.cingst,.location p {
    color: #121212;
}

.footer__location-12 iframe {
    width: 100%;
    height: 238px;
    border: none;
}

.footer__middle-2-bottom {
    border: 0;
    padding-top: 95px;
    padding-bottom: 95px;
}

.footer__copyright-2 p a {
    font-weight: 600;
    color: #008000;
}

.newsletter {
    border-top: 1px solid #efefef;
    padding: 95px 0;
}

.sec-title {
    font-size: 45px;
    font-weight: 600;
    color: #121212;
    margin-bottom: 10px;
}

.fsubscribe {
    max-width: 590px;
    width: 100%;
    margin: 0px auto;
}

.fsubscribe p {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
}

.fsubscribe input[type=text] {
    width: 100%;
    border: none;
    border-bottom: 1px solid #121212;
    font-weight: 300;
    font-size: 24px;
    line-height: 1.5;
    color: #121212;
    padding: 20px 80px 20px 0;
    outline: none;
}

.btnNews {
    background: var(--subIcon);
    width: 62px;
    height: 45px;
    border: none;
    position: absolute;
    right: 0;
}

.fsubscribe form {
    position: relative;
}

.footer__btm-2 {
    padding: 0px 0 50px;
}

.footer__copyright-2 p {
    max-width: 100%;
    text-align: left;
    color: #212529;
    font-weight: 300;
    font-size: 16px;
}

.footer__copyright-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.googlepar img {
    max-width: 150px;
}

.svgWave {
    width: 100%;
    height: 30vw;
    max-height: 200px;
    margin-top: -200px;
}

.waves > use {
    animation: move-forever 2s -2s linear infinite;
}

.waves > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 6s;
}

.waves > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 3s;
}

@keyframes move-forever {
    0% {
        transform: translate(-90px, 0%);
    }

    100% {
        transform: translate(85px, 0%);
    }
}

.headingWork h3 {
    font-size: 60px;
    line-height: 1;
    text-align: center;
    color: #121212;
    margin-bottom: 10px;
}

.headingWork {
    margin-bottom: 50px;
}

.headingWork p {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
}

.taber #ourwork .item img {
    filter: grayscale(1);
}

.taber:hover #ourwork .item img {
    filter: grayscale(0);
}

.teamSec {
    float: left;
    width: 100%;
    padding: 170px 0 206px;
    position: relative;
}

.teamSec * {
    position: static;
}

.teamSlider {
    position: absolute;
    right: 30px;
    width: 64%;
}

.teamSec .row,.fac {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.contentTeam p {
    max-width: 300px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
    width: 100%;
}

.contentTeam {
    width: 100%;
    margin-bottom: 50px;
}

.contentTeam h2 {
    text-align: left;
    font-size: 60px;
    margin-bottom: 15px;
}

.team-home-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 15px;
}

.team-home-images {
    width: 300px;
    height: 300px;
    border-radius: 0 20px 0 20px;
    overflow: hidden;
}

.team-home-content {
    width: calc(100% - 300px);
}

.team-home-desc {
    height: 220px;
    overflow: auto;
}

.team-home-desc strong {
    font-weight: 600;
}

.team-home-name {
    border-bottom: 1px solid #eee5e2;
    padding-bottom: 2px;
    margin-bottom: 2px;
}

.team-home-content .tm-role1 {
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.5;
    color: #121212;
    margin: 5px 0;
}

.team-home-content p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin: 0;
}

.tm-name {
    text-align: left;
    font-size: 28px;
    line-height: 1;
    color: #212529;
}

.team-home-images img {
    width: 300px;
    height: 300px;
    border-radius: 0 20px 0 20px;
    object-fit: cover;
    filter: grayscale(100%);
    transform: scale(1);
    transition: all 0.6s ease-in-out 0s;
}

.team-home-box:hover .team-home-images img {
    filter: grayscale(0);
    transform: scale(1.1);
    transition: all 0.6s ease-in-out 0s;
}

#teamSec .owl-nav.disabled+.owl-dots {
    position: absolute;
    bottom: -70px;
    width: 100%;
}

#teamSec .owl-dots .owl-dot span {
    width: 25px;
    height: 4px;
    margin: 0 5px;
}

.teamSec .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.award__area-7 {
    background-color: #fff;
    padding: 0;
    overflow: hidden;
}

.award__btm-7 {
    background-color: #EEE5E2;
    position: relative;
    padding-left: 0px;
    padding-bottom: 100px;
    padding-top: 100px;
}

.award__top-7 {
    position: relative;
    z-index: 1;
}

.award__counter .counter__number {
    font-weight: 600;
    font-size: 100px;
    line-height: 1;
    color: #fff;
}

.award__counter p {
    font-size: 20px;
    line-height: 1.4;
    color: #ffffff;
    padding-top: 15px;
}

.award__area-7 .award-video-7 video {
    width: 100% !important;
}

.award-center {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.sec-title1 {
    font-size: 45px;
    text-align: left;
    margin-bottom: 30px;
}

.award__counter {
    width: 330px;
    height: 330px;
    background: #121212;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 0px;
    z-index: 9;
    display: none;
}

.award__mid-7 p {
    max-width: 390px;
    font-size: 16px;
    width: 100%;
    font-weight: 300;
    line-height: 24px;
}

.blog__btn svg {
    width: 13px;
    height: 13px;
    transform: rotate(-84deg);
    margin-left: 5px;
}

.blog__btn {
    color: #000;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 20px;
    transition: .5s;
}

.blog__btn:hover {
    color: #008000;
}

.blog__btn:hover svg {
    transform: translateX(5px) rotate(-45deg);
    transition: .5s;
}

.p0 {
    padding: 0 !important;
}

.award-video-7 {
    line-height: 0;
}

.they_say {
    display: none;
}

.home-reivew {
    margin: 50px 0 0px;
}

.blogSec {
    border-top: 1px solid #dadada;
    padding: 70px 0 120px;
    float: left;
    width: 100%;
}

.blogSecContent h3 {
    text-align: left;
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    display: inline-block;
    width: 100%;
    font-size: 26px;
    line-height: 1.3;
}

.blogSecContent h3 a {
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 68px;
}

.blogSecContent h3 a:hover {
    color: #555;
}

.blogDate {
    color: #555;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.blogSecContent aside a {
    color: #555;
}

.figImg {
    position: relative;
    padding-top: 80%;
    margin-bottom: 20px;
    overflow: hidden;
    background: #000;
}

.figImg img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    transform: rotate(19deg) scale(1.4);
}

.blogSecInner:hover .figImg img {
    transform: rotate(0deg) scale(1);
}

.conInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dividerBox {
    float: left;
    width: 100%;
    padding: 50px 0;
    position: relative;
    margin: 20px 0;
}

.dividerBox:before {
    width: 92%;
    content: '';
    height: 100%;
    background: #008000;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 100px 100px 0px;
}

.conInfo h3 {
    color: #fff;
    max-width: 800px;
    text-align: left;
    line-height: 1.3;
}

.conus {
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 20px;
}

.conus:hover {
    color: #000;
    background: #fff;
    border: 1px solid #fff;
}

.phoneLink {
    display: flex;
    color: #121212;
    font-weight: 600;
    align-items: center;
    gap: 10px;
    margin-top: 5px;
}

.phoneLink:hover {
    color: #000;
}

.letter-img1 {
    width: 100%;
}

.content_box12in h1,.overtext {
    overflow: hidden;
}

.content_box12in h1 > span {
    width: 100%;
    display: block;
    animation: show 0.5s forwards, pop-word 1.5s forwards;
    animation-timing-function: cubic-bezier(0.14, 1.23, 0.33, 1.16);
    opacity: 0;
    transform: rotateX(120deg);
    transform-origin: 50% 100%;
}

.content_box12in h1 > span:nth-child(2) {
    animation-delay: 1s;
}

.content_box12in h1 > span:nth-child(3) {
    animation-delay: 2s;
}

.overtext p {
    animation: drop-in 2.5s ease-in-out 0.4ms;
}

.content_box12in h1 > span:nth-child(2) {
    -webkit-text-stroke: 2px #ffffff;
    color: transparent;
    position: relative;
}

.content_box12in h1 > span:nth-child(2) > span:nth-child(1) {
    white-space: pre;
}

.content_box12in h1 > span:nth-child(2) > span:nth-child(2) {
    color: #ffffff;
    -webkit-text-stroke: 2px #ffffff;
    animation: waves 4s ease-in-out infinite;
    position: absolute;
    white-space: pre;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

@keyframes drop-in {
    from {
        transform: translateY(-500px);
    }

    to {
        transform: translate(0px);
    }
}

@keyframes pop-word {
    to {
        transform: rotateX(0);
    }
}

@keyframes show {
    to {
        opacity: 1;
    }
}

@keyframes bar-scale {
    to {
        transform: scaleY(1);
    }
}

@keyframes sparkle {
    0% {
        transform: scale(0);
    }

    60% {
        transform: scale(1) translate(4px, 1px) rotate(8deg);
    }

    100% {
        transform: scale(0) translate(4px, 1px) rotate(8deg);
    }
}

@keyframes waves {
    0%, 100% {
        clip-path: polygon( 0% 45%, 16% 44%, 33% 50%, 54% 60%, 70% 61%, 84% 59%, 100% 52%, 100% 100%, 0% 100% );
    }

    50% {
        clip-path: polygon( 0% 60%, 15% 65%, 34% 66%, 51% 62%, 67% 50%, 84% 45%, 100% 46%, 100% 100%, 0% 100% );
    }
}

.circleShape {
    position: absolute;
    top: 12%;
    right: 3%;
    width: 167px;
    height: 167px;
    transform-origin: center;
    overflow: initial !important;
}

.snakeShape {
    position: absolute;
    bottom: 23%;
    right: 14%;
    width: 120px;
    height: 17px;
}

.videomask {
    position: absolute;
    left: 2px;
    top: 3px;
    -webkit-mask-image: var(--videimg);
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-image: var(--videimg);
    mask-size: cover;
    mask-repeat: no-repeat;
    overflow: hidden;
    height: 99%;
    width: 99%;
}

.backImgb21 {
    z-index: 11;
    position: relative;
    width: 100%;
}

.videomask video {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}

@keyframes mymove {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.media_body {
    margin-top: 30px;
}

.faq-box figure {
    padding: 20px 0 10px;
}

.apps-page .row, .outweb-price .row, .linkcom .row {
    display: flex;
    flex-wrap: wrap;
}

.outweb-price .row > div {
    display: flex;
}

.entry-res,.dacenter .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.indu-gettouch .section-heading {
    margin-bottom: 0;
}

.abt-counter h3,.abt-journy h3 {
    color: #fff;
}

.outer_al_toog {
    display: flex;
    flex-wrap: wrap;
}

.whiteh3color h3,.globalwebdep h3 {
    color: #fff;
}

.outsabt .desc {
    display: none;
}

.footer__area-2 .wpcf7-response-output {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
}

.bg-gr {
    background-color: #f1f3f5;
}

.bg-lb {
    background-color: #e7f5ff;
}

.boxfvsd {
    display: flex;
    width: 100%;
}

.boxfour {
    background: url(https://www.greenwebmedia.com/wp-content/uploads/2022/10/grid-pattern.jpg);
}

.boxfvs1 h2 {
    text-align: left;
    font-size: 28px;
    font-weight: 700;
    padding-left: 30px;
    margin-bottom: 0;
}

.boxfvs1 h2 img {
    height: 59px;
}

.boxfvsinn h3 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #004496;
    text-align: left;
    padding: 20px 0;
}

.boxfvsinn ul {
    margin: 0 0 25px 0;
    font-size: 17px;
    line-height: 32px;
}

.boxfvsinn {
    padding: 15px;
    width: 100%;
    display: inline-block;
    margin-top: 15px;
}

.boxfvs1 {
    width: 50%;
    float: left;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 40px;
}

.boxfvs1.borbox1 {
    padding-right: 0;
}

.boxfvs {
    max-width: 100%;
    padding-right: 40px;
    padding-left: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: inline-block;
    width: 100%;
}

.vstext {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 51%;
    background: #ea9545;
    border-radius: 120px;
    box-shadow: 0 0 10px 0 #e5dfdf;
    left: -38px;
    right: 0;
    width: 75px;
    height: 75px;
    line-height: 75px;
    margin: auto;
    text-align: center;
}

.page-id-14906 .imageSizeBox .divider img {
    width: auto;
}

.page-id-14906 .out-navtabs.imageSizeBox .nav-tabs > li {
    width: 25%;
    margin-bottom: 0;
}

.page-id-14906 .out-navtabs.imageSizeBox .nav-tabs li a {
    padding: 30px 40px;
    text-align: center;
    margin-right: 0;
    color: #fff;
    background: #46a641;
}

.page-id-14906 .out-navtabs.imageSizeBox .nav-tabs li.active a {
    background: #ea9545;
}

.page-id-14906 .out-navtabs .nav-tabs {
    display: flex;
    align-items: center;
}

.page-id-9494 .per_month span {
    opacity: 0;
}

.page-id-9494 .web-social .media_left .entry-list ul li:nth-child(3) {
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-id-9494 .web-social .et_price-table .price-box .price-details li:nth-child(4) {
    line-height: 27px;
    padding: 5px 0;
}

.page-id-9494 .web-social .price-heading .price-title {
    opacity: 0;
}

.page-id-9397 .webd-pack .btn:focus {
    color: #2ea3f2;
}

.aiseo-banner {
    position: absolute;
    bottom: 0;
    z-index: 9;
    width: 100%;
    text-align: left;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    top: 15%;
}

.aiseo-banner h2, .aiseo-banner h1 {
    color: #fff;
    text-align: left;
    margin-bottom: 10px;
}

.aiseo-banner .desc {
    display: block;
    color: #fff
}

.aiseo-overlay {
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    height: 100%;
    width: 100%;
    opacity: 0.6;
}

.clutch-section {
    padding: 40px 0;
    background-color: #fafafa;
}

.videoBox video {
    width: 100% !important;
    border-radius: 100px 58px 70px 0px;
    -webkit-border-radius: 100px 58px 70px 0px;
    -moz-border-radius: 200px 93px 70px 0px;
    border: 7px double #dfad08;
}

.videoBox {
    margin-bottom: -8px;
}

@media(max-width: 767px) {
    .videoBox {
        margin-top:20px;
    }
}

.check-your-website-instantly p {
    text-align: center;
    margin-top: 8px;
}

section.audit-report p {
    text-align: center;
    padding: 0 0px;
}

.check-your-box p {
    margin: 10px 0px;
}

.check-your-box h4 {
    text-align: center;
}

.check-your-box img {
    width: 100%;
    max-width: 60px;
}

.check-your-box {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
    padding: 20px;
    transition: 220ms ease;
    margin: 20px 0 0 0px;
    text-align: center;
    min-height: 238px;
}

.check-your-box h4 {
    text-align: center;
    margin: 15px 0px;
    font-size: 20px;
}

.check-your-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
    transition: 220ms ease;
    background: #fbfbfb;
}

.check-your-enter-your {
    text-align: center;
    margin-top: 40px;
}

.audit-why-you-heading h3 {
    color: #fff;
    margin-bottom: 20px;
}

.audit-why-you-heading p {
    color: #fff;
    text-align: center;
    padding: 0 20%;
}

.audit-why-you-box p {
    color: #fff;
}

.audit-why-you-box h3 {
    color: #fff;
    text-align: left;
    font-size: 20px;
    margin: 0px 0px 10px;
}

.audit-why-you-box {
    border-bottom: 1px solid #ffffff2e;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.audit-why-you-box:last-child {
    border: none;
    margin: 0px;
    padding: 0px;
}

.audit-why-you-box img {
    width: 100%;
    border-radius: 10px;
}

.audit-how-does-main {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.audit-report-timeline-heading h3 {
    color: #000;
    margin-bottom: 20px;
}

.audit-report-timeline-heading p {
    color: #000;
    text-align: center;
    padding: 0 20%;
}

.timeline {
    position: relative;
    margin: 40px auto 0px;
}

.timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: #46a641;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    z-index: -1;
}

.timeline-box {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

.timeline-box:nth-child(even) {
    left: 50%;
}

.timeline-box::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: -13px;
    background-color: #fff;
    border: 4px solid #ea9545;
    top: 0px;
    border-radius: 50%;
    z-index: 1;
}

.content:hover {
    background: #46a641
}

.content:hover p {
    color: #fff;
}

.content:hover h2 {
    color: #fff;
}

.timeline-box:left {
    left: 0;
}

.timeline-box:nth-child(even)::after {
    left: -12px;
}

.content {
    position: relative;
    padding: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(105, 149, 203, 0.2) 0px 8px 27.2px 4.8px;
    border-radius: 20px;
    transition: .5s all;
}

.content h2 {
    font-size: 20px;
    color: #000;
    padding-bottom: 0px;
    margin-bottom: 10px;
    text-align: left;
}

.content p {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

p.count {
    background: #0000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -25px;
    left: 0px;
}

.audit-how-does-heading h3 {
    color: #000;
    margin-bottom: 30px;
}

.audit-how-does {
    background-color: #f4f4f4;
}

.audit-how-does-main {
    position: relative;
    padding: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(105, 149, 203, 0.2) 0px 8px 27.2px 4.8px;
    border-radius: 20px;
    transition: .5s all;
    min-height: 164px;
    transition: 220ms ease;
}

.audit-how-does-main:hover {
    transform: translateY(-6px);
    transition: 220ms
}

.audit-how-does-img img {
    width: 100%;
    max-width: 100px;
}

.audit-how-does-text h4 {
    padding-top: 0px;
    margin-top: 0px;
}

.audit-how-does-img {
    border: 1px solid #f3f3f3;
    padding: 13px;
    box-shadow: 1px 5px 0px 1px #dfdfdf;
    border-radius: 50%;
}

.audit-what-you-get-box {
    display: flex;
    gap: 20px;
    position: relative;
    padding: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(105, 149, 203, 0.2) 0px 8px 27.2px 4.8px;
    border-radius: 20px;
    transition: .5s all;
    margin-bottom: 30px;
    transition: 220ms ease;
}

.audit-what-you-get-box:hover {
    transform: translateY(-6px);
    transition: 220ms
}

.audit-what-you-get-left img {
    width: 100%;
    max-width: 80px;
}

.audit-what-you-get-right h3 {
    text-align: left;
    margin-bottom: 10px;
}

.audit-how-does-text h2 {
    font-size: 20px;
    text-align: left;
    margin-bottom: 8px;
}

.audit-what-you-heading h3 {
    color: #000;
    margin-bottom: 20px;
}

.audit-what-you-heading p {
    color: #000;
    text-align: center;
    padding: 0 16%;
    margin-bottom: 30px;
}

.audit-what-you-get-right h3 {
    font-size: 20px;
}

.audit-the-benefits {
    background-color: #f4f4f4;
}

.audit-the-benefitsheading h3 {
    color: #000;
    margin-bottom: 20px;
}

.audit-the-benefitsheading p {
    color: #000;
    text-align: center;
    padding: 0 16%;
    margin-bottom: 30px;
}

.audit-the-benefits .check-your-box {
    min-height: 198px;
}

.outfaqs button {
    font-size: 20px !important;
    color: #000 !important;
    font-weight: 600;
}

section.global-faq.outfaqs button.btn-link {
    font-size: 20px !important;
}

#so-form {
    margin: 10px!important;
}

.so-fieldswrap {
    width: 100%!important;
    margin-top: 15px;
}

.so-fieldswrap input[type="text"] {
    background-color: #FFFFFF!important;
    border: 1px solid #dbdfe9!important;
    border-radius: 4px !important;
    color: #4b5675!important;
    padding: 7px 12px!important;
    font-size: 18px!important;
    box-sizing: border-box !important;
    height: 45px!important;
    display: inline!important;
    margin-top: 5px!important;
}

.so-fieldswrap input[type="text"]::placeholder {
    color: #99a1b7!important;
}

.so-fieldswrap input[type="submit"] {
    background-color: #ea9545!important;
    border: 1px solid #ea9545!important;
    color: #ffffff!important;
    border-radius: 4px !important;
    text-decoration: none!important;
    cursor: pointer!important;
    box-sizing: border-box !important;
    height: 45px!important;
    font-size: 18px!important;
    line-height: 18px!important;
    min-width: 130px!important;
    padding: 8px 20px!important;
    position: relative;
    margin-top: 5px!important;
}

@media screen and (max-width: 500px) {
    .so-fieldswrap input[type="text"] {
        font-size: 12px !important;
        height: 30px !important;
    }

    .so-fieldswrap input[type="submit"] {
        font-size: 12px !important;
        height: 30px;
        padding: 1px 20px !important;
    }

    .so-fieldswrap input[type="submit"] {
        width: 100%;
        font-size: 12px!important;
        height: 30px!important;
        padding: 1px 20px !important;
    }
}

@media screen and (max-width: 345px) {
    .so-fieldswrap input[type="text"] {
        min-width: 100px!important;
    }
}

.so-container {
    width: 100%;
    text-align: center;
}

.so-widget-form {
    display: inline-block !important;
}

#so-boxso1760524234 {
    display: inline-block;
}

#so-titleso1760524234 {
    margin-bottom: 5px;
    font-size: 26px !important;
    color: #252f4a !important;
}

@media screen and (max-width: 500px) {
    #so-titleso1760524234 {
        font-size: 13px !important;
    }

    #so-paragraphso1760524234 {
        font-size: 10px !important;
    }

    #so-consentso1760524234 span {
        font-size: 10px !important;
    }
}

#so-paragraphso1760524234 {
    margin-bottom: 10px;
    font-size: 14px !important;
    color: #78829d !important;
}

#so-paragraphso1760514947 {
    margin-bottom: 10px;
    font-size: 14px !important;
    color: #78829d !important;
}

div#so-titleso1760514947 h3 {
    color: #fff;
    margin-bottom: 10px;
}

.audit-the-benefits #so-fieldswrapso1760524234 {
    margin-top: -20px;
}

.so-para p {
    color: #fff;
    font-size: 19px;
    line-height: 26px;
    padding: 0 18%;
}

div#so-titleso1760514947 p {
    color: #fff;
    font-size: 19px;
    line-height: 26px;
    padding: 0 18%;
}

#so-fieldswrapso1760524234 {
    margin-top: 15px;
}

.audit-report-form {
    background: #46a641;
    padding: 5% 0PX;
}

.so-para {
    margin-top: 20px;
}

.audit-the-benefitsheading {
    text-align: center;
}

a.btn-tool {
    align-items: center;
    background: #fff;
    color: #000 !important;
    padding: 8px 8px 8px 8px;
    border-radius: 8px;
    position: relative;
    border: 1px solid #c3c3c3;
}

div#so-modal-wrapper {
    z-index: 999999999!important
}

.testnomail-page .client-box:first-child {
    display: none;
}

.global-navtabs .media_body .tab-pane ul {
    margin-left: 25px;
}

@media (min-width: 1400px) {
    .container {
        width: 1320px;
    }
}

@media (min-width: 1200px) {
    .iv-breadcrumb .container {
        width: 1190px;
    }
}

@media only screen and (min-width: 1024px) {
    #exampleModal .modal-dialog {
        margin: 16rem auto;
    }

    .flexcenternew .row {
        align-items: center;
        display: flex;
    }
}

@media screen and (max-width: 1800px) {
    .team-home-images {
        width: 235px;
    }

    .team-home-content {
        width: calc(100% - 235px);
    }

    .chooseContent {
        margin: 0px auto 0px;
    }

    .teamSlider {
        width: 66%;
    }

    .content_box12 h1 {
        font-size: 55px;
    }

    .content_box12 p, .blcontent p {
        font-size: 18px;
    }

    .content_box12in {
        max-width: 467px;
        margin-top: 0px;
    }

    .homebanBtn1 {
        margin-top: 20px;
    }
}

@media screen and (max-width: 1680px) {
    .dividerBox:before {
        width: 98%;
    }
}

@media screen and (max-width: 1540px) {
    .sec-title-3 {
        font-size: 90px;
    }

    .award__counter {
        width: 250px;
        height: 194px;
    }
}

@media screen and (max-width: 1320px) {
    .abt-journy .outer_al_toog {
        max-width: 644px;
    }

    .page-id-14906 .out-navtabs.imageSizeBox .nav-tabs li a {
        padding: 20px 20px;
    }

    .page-id-14906 .out-navtabs .nav-tabs li a span {
        line-height: 24px;
    }

    .page-id-14906 .out-navtabs .nav-tabs {
        display: flex;
        align-items: center;
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .check-your-box {
        min-height: 302px;
    }

    .audit-the-benefits .check-your-box {
        min-height: 269px;
    }

    .audit-how-does-main {
        min-height: 203px;
    }
}

@media screen and (max-width: 1310px) {
    .pad200 {
        padding: 125px 0 450px;
    }

    .bottomCon {
        padding: 10px;
    }

    .srvengine .content p {
        color: #fff;
    }

    .srvengine .content, .srvwed .content {
        background: rgba(21, 55, 5, 0.9);
        padding: 15px;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 1199px) {
    .out-navtabs .nav-tabs li a {
        padding: 10px 10px;
    }

    .page-template-tpl-digitalmarketing #Main_manu {
        margin: 0px 0px 0px;
    }

    .Our_service .row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .service_wraper {
        display: flex;
        align-items: center;
    }

    .choose_left {
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 6%;
        padding-right: 0px;
    }

    .our_accreditations {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .our_accreditations .certificate ul li {
        margin: 0px 8px 10px;
    }

    .certificate img {
        width: 100%;
        max-width: 80%;
    }

    .why-right .svg1.steps-block.hidden-xs {
        width: 92%;
    }

    .box-piesite li ul li {
        margin: 0px 10px;
    }

    .certificate ul {
        display: flex;
        width: 100%;
    }

    .life-reive .media_left {
        margin-right: 0 !important;
    }

    .apps-page .entry-post {
        min-height: 376px !important;
    }

    .abt-counter .stats {
        margin-bottom: 50px;
    }

    .abt-counter .abt-box {
        margin: 0px auto;
    }

    .globalmobilechoose .col-lg-3 {
        margin: 0 0px 15px 0;
    }

    .web-social .et_price-table {
        flex-wrap: wrap;
    }

    .web-social .et_price-table .price-box {
        flex: inherit;
    }

    .web-social .price-details {
        padding: 54px 10px 10px 10px;
        margin-bottom: 15px;
    }

    .webd-pack .entry-post {
        margin-bottom: 25px;
    }

    .contact-page .container {
        width: 100%;
    }

    .contact-map .contact-wrap .media_left, .contact-map .contact-wrap .media_right {
        max-width: 100%;
    }

    .contact-map .contact-wrap .media_left iframe {
        padding-right: 0px;
        width: 100%;
        !important;}

    .our-plan .et_pb_text:nth-child(1) .et_pb_inner .color-box {
        width: 330px;
    }

    .our-plan .et_pb_text:nth-child(3) .top {
        left: 3px;
    }

    .our-plan .et_pb_text:nth-child(4) .top {
        width: 144px;
        left: 21px;
        font-size: 12px;
    }

    .our-plan .et_pb_text:nth-child(6) .top {
        width: 300px;
        font-size: 12px;
        line-height: 19px;
    }

    .our-plan .et_pb_text:nth-child(2) .et_pb_inner .bottom {
        width: 336px;
    }

    .our-plan .et_pb_text:nth-child(5) .bottom {
        width: 372px;
    }

    .our-plan .et_pb_text:nth-child(1) .top:after, .our-plan .et_pb_text:nth-child(6) .top:after {
        margin: 0 auto;
        right: 0;
        left: 0;
    }

    .our-plan .et_pb_text:nth-child(2) .bottom:before, .our-plan .et_pb_text:nth-child(5) .bottom:before {
        position: absolute;
        top: -13px;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    #main-banner .container {
        top: 104px;
    }

    .blg_experts {
        background-color: #292929;
        padding: 40px 0
    }

    .blg_experts .row {
        flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
    }

    .blg_experts h4 {
        text-align: center;
        margin-bottom: 25px
    }

    .blg_experts .col-md-8, .blg_experts .col-md-4 {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    .teamSlider {
        width: 100%;
        position: relative;
        right: 0;
    }

    .imagesbox1 {
        width: 260px;
    }

    .content_box12 h1 {
        font-size: 40px;
    }

    .homebanBtn1 {
        margin-top: 20px;
        font-size: 18px;
        padding: 12px 38px;
    }

    .teamSec {
        padding: 90px 0 160px;
    }

    ul.foot-social-new li {
        width: 100%;
    }

    .choose.us h3 {
        font-size: 45px;
    }

    .boxfvs {
        padding-right: 15px;
        padding-left: 15px;
    }

    .boxfvsinn ul {
        margin: 0 0 25px 25px;
    }

    .vstext {
        top: 38%;
    }

    .page-template-global-package .web-social .media_left {
        margin-top: 45px;
    }

    .page-template-global-package .media_left img {
        width: 190px;
    }

    .page-template-global-package .web-social .media_left .entry-list ul li {
        font-size: 9px;
        line-height: 34px;
        padding: 0;
    }

    .page-template-global-package .web-social .et_price-table .price-box .price-details .btn {
        margin: 20px 0 10px 0;
        padding: 11px 29px;
    }

    .global-package .container {
        width: 98% !important;
    }

    .page-id-9494 .web-social .media_left .entry-list ul li:nth-child(2) {
        height: auto !important;
    }
}

@media(min-width: 850px) and (max-width: 1024px) {
    .page-template-global-package .web-social .media_left .entry-list ul li {
        font-size: 10px;
    }
}

@media(min-width: 1025px) and (max-width: 1200px) {
    .page-template-global-package .web-social .media_left .entry-list ul li {
        font-size: 12px;
    }
}

@media screen and (min-width: 1024px) {
    .boxfvsinn h3 {
        min-height: 100px;
    }
}

@media screen and (max-width: 1024px) {
    #review1 .item {
        padding: 50px;
    }

    #review1 .review-box {
        padding: 60px 40px !important;
    }

    #review1 .owl-nav button.owl-next {
        right: 0px !important;
    }

    #review1 .owl-nav button.owl-prev {
        left: 0px !important;
    }

    .abt-journy .outer_al_toog {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .abt-journy .outer_al_toog .al_toog {
        float: none;
        width: 100%;
        margin: 0px auto;
        display: inline-block;
    }

    .abt-journy .outer_al_toog .al_toog .text_animate {
        width: 322px;
        margin: 0 auto;
    }

    .abt-journy .outer_al_toog .al_toog .text_animate .summery {
        width: 300px;
        padding-top: 60px;
    }

    .abt-journy .outer_al_toog .al_toog .text_animate .outer_toog_animate {
        width: 300px;
    }

    .et-price-tble {
        flex-wrap: wrap
    }

    .et-price-tble .price-box {
        margin-bottom: 20px;
    }

    .indu-cta h2 {
        padding: 0 15px;
        text-align: center;
    }

    .smoteam .entry-post,.smoptble .entry-post {
        margin-bottom: 30px;
    }

    .lservs .entry-post {
        margin: 0 auto 30px;
    }

    .lservs .entry-post .entry-text {
        height: 430px;
    }

    .lservs .entry-post .entry-text h4 {
        line-height: normal;
    }

    .outcse .entry-post {
        height: 100%;
    }

    .seo-outsour-exp .mx-width:before, .seo-outsour-exp .mx-width:before, .seo-outsour-exp .mx-width .btn::after, .seo-outsour-exp .mx-width:after {
        display: none;
    }

    div#main-banner img {
        height: 600px;
        object-fit: cover;
    }

    .service_a, .service_c {
        padding: 60px 10px;
    }

    .pad200 {
        padding: 190px 0 150px;
    }

    ul.headersocial {
        padding-top: 50px;
    }

    .allImages2,.allImages1 {
        position: static;
        left: 0;
        bottom: 0;
    }

    .allImages2 .imagesbox1:first-child {
        position: absolute;
        top: 170px;
    }

    .allImages2 .imagesbox1:last-child {
        position: absolute;
        left: 0;
        transform: rotate(-11deg) translate(0px, 0px);
        bottom: 0;
    }

    .allImages1 .imagesbox1:first-child {
        position: absolute;
        top: 170px;
        right: 0;
    }

    .allImages1 .imagesbox1:last-child {
        position: absolute;
        right: 0;
        transform: rotate(11deg) translate(0px, 0px);
        bottom: 0;
    }

    #teamSec .owl-dots .owl-dot span {
        width: 15px;
    }

    .content_box12in {
        max-width: 340px;
        margin: 0 auto;
    }

    .bottomCon {
        padding: 15px;
    }

    .boxfvs1 h2 img {
        height: 40px;
    }

    .boxfvs1 h2 {
        font-size: 20px;
        padding-left: 10px;
    }

    .boxfvs {
        padding-right: 15px;
        padding-left: 15px;
    }

    .boxfvsinn ul {
        margin: 0 0 25px 25px;
    }

    .vstext {
        top: 37%;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
    .page-id-14906 .out-navtabs.imageSizeBox .nav-tabs li a {
        padding: 30px 20px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .page-id-14906 .out-navtabs.imageSizeBox .nav-tabs > li {
        width: auto;
    }

    .page-id-9494 .web-social .et_price-table .price-box .price-details li:nth-child(4) {
        max-width: 224px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .check-your-box {
        min-height: 400px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .check-your-website-instantly p {
        padding: 0 20px;
    }

    .top_flex.bnt-audit {
        font-size: 14px;
    }

    .audit-the-benefits .check-your-box {
        min-height: 170px;
    }

    .audit-how-does-main {
        min-height: 315px;
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

    .audit-how-does-text h2 {
        text-align: center;
    }

    .audit-how-does-text {
        text-align: center;
    }

    .audit-why-you-box img {
        margin-top: 20px;
    }

    .audit-how-does-img img {
        max-width: 50px;
    }

    .audit-how-does-img {
        padding: 20px;
    }

    .audit-what-you-get-left {
        width: 10%;
    }

    .audit-what-you-get-right {
        width: 90%;
    }

    .abt-journy .outer_al_toog .al_toog .text_animate {
        width: 600px;
    }

    .page-id-14906 .out-navtabs.imageSizeBox .nav-tabs li a {
        padding: 15px 20px;
    }

    .page-id-14906 .out-navtabs .nav-tabs li a span {
        line-height: 24px;
    }

    .page-id-14906 .out-navtabs .nav-tabs {
        display: flex;
        align-items: center;
    }

    .page-id-14906 .out-navtabs.imageSizeBox .nav-tabs > li {
        width: auto;
    }

    .page-id-9494 .web-social .et_price-table .price-box .price-details li:nth-child(4) {
        max-width: 220px;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1200px) {
    .boxfour .container {
        width: 98%;
    }

    .boxfvsinn h3 {
        font-size: 24px;
        min-height: 90px;
    }

    .page-id-14906 .boxfvsinn ul {
        margin: 0 0 25px 0;
    }

    .page-id-14906 .indu-digtmart .num {
        margin: -17px 31px 0 51px;
        font-size: 37px;
    }

    .page-id-14906 .indu-digtmart ul li {
        padding: 24px 10px;
    }

    .page-id-14906 .indu-digtmart ul .descp {
        font-size: 15px;
    }

    .page-id-14906 .vstext {
        top: 50%;
    }
}

@media screen and (max-width : 991px) {
    .abt-info .container, .abt-what .container {
        width: 100%;
    }

    .abt-info .media_right, .abt-what .media_right {
        padding-left: 0;
        padding-right: 0px;
    }

    .stellarnav.mobile.right > ul {
        background: #000 !important;
    }

    .stellarnav .full {
        width: 100%;
    }

    .global-packages .image {
        margin: 0px auto;
        text-align: center;
    }

    .digital-menus .stellarnav ul li {
        margin-left: 0;
    }

    .menu-home {
        justify-content: space-between;
    }

    .banner-slider .slider.slider-for, .banner-slider .slider.slider-nav {
        max-width: 100%;
        float: none;
    }

    .banner-slider .slider.slider-for {
        padding-right: 0;
    }

    .banner-slider .slider.slider-nav {
        height: auto;
    }

    .slider-banner-image {
        height: 500px;
    }

    .slider.slider-nav.thumb-image {
        padding: 10px 30px 0;
    }

    .slider-nav .slick-slide span {
        padding: 5px 0;
    }

    .slick-arrow {
        padding: 0;
        width: 30px;
        height: 30px;
        top: 50%;
        bottom: 0;
        -webkit-transform: translateY(-50%) rotate(-90deg);
        -moz-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
    }

    .slick-prev {
        left: 0;
        right: unset;
    }

    .slick-next {
        left: unset;
        right: 0;
        background-color: transparent;
    }

    .vehicle-detail-banner .car-slider-desc {
        max-width: 340px;
    }

    .bid-tag {
        padding: 10px 0 15px;
    }

    .slider.slider-nav.thumb-image {
        white-space: nowrap;
    }

    .thumbnail-image.slick-slide {
        padding: 0px 5px;
        min-width: 75px;
        display: inline-block;
        float: none;
    }

    .they_say .row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer .container {
        width: 100%;
        padding: 0px 15px;
    }

    .we_accept_flex {
        width: 100%;
    }

    .we_accept {
        margin: 45px 0px 0px;
        display: block;
        width: 100%;
    }

    .footer .row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .foot_keep,.foot_link {
        margin: 30px 0px 0px;
    }

    .privacy_Policy p {
        line-height: 18px;
    }

    .stellarnav.dark.right.mobile.active .active {
        background: #45ab48
    }

    #Main_manu {
        margin: 0px 0px 0px;
    }

    .stellarnav.dark.right.mobile.active> ul> li:hover {
        background: #45ab48
    }

    .we_accept_flex p {
        line-height: 18px;
        margin-top: 15px;
    }

    .slider-banner-image {
        height: 280px;
    }

    .choose_left {
        padding: 0px;
    }

    .Our_service .service_a_flex {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    .ser_a_right {
        padding-right: 20px;
    }

    .ser_a-left {
        max-width: 500px;
        text-align: left;
    }

    .service_wraper h5 {
        text-align: left !important;
    }

    .service_wraper {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    .service_wraper .col-sm-12 {
        width: 100%;
        order: -1;
    }

    .why-right {
        width: 100%;
        text-align: center;
    }

    .banner-slider .slick-next {
        display: none !important;
    }

    .silik_silde .slider.slider-for {
        max-width: 100% !important;
        padding-right: 0px !important;
    }

    .silik_silde .slider.slider-nav {
        max-width: 100% !important;
        float: none !important;
    }

    .slick-prev.slick-arrow {
        display: none !important;
    }

    .life-gallery .gallery-middle {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .life-gallery .media_left {
        margin-top: 30px;
    }

    .life-gallery .media_left p {
        max-width: 100% !important;
    }

    #review2 .item .img-wrapper img {
        height: 100% !important;
    }

    .hall-of-fame-month {
        width: auto !important;
        height: auto !important;
    }

    .globalmobilechoose .col-lg-3 {
        margin: 0 0 30px 0;
    }

    .out-ent .container, .out-navtabs .container, .out-asst .container, .global-special .container, .global-faq .container,.web-social .container,.outbeacome .container, .contentwithimage .container, .global-navtabs .container {
        width: 100%;
    }

    .outbeacome .col-sm-12 {
        width: 100%;
        max-width: 70%;
    }

    .out-indu .media_left h3 {
        font-size: 19px;
        line-height: 21px;
    }

    .out-indu .media_left h4, .out-indu .media_left h4 a, .out-indu .media_left h3 {
        font-size: 25px;
        line-height: 30px;
        text-align: center;
    }

    .seo-outsour-exp .mx-width h3 {
        font-size: 33px;
        line-height: 40px;
    }

    .seo-outsour-exp .mx-width {
        width: 100%;
        margin-bottom: 0px;
        height: 100%;
    }

    .out-indu figure {
        position: unset;
        top: 0px;
    }

    .out-indu figure img {
        width: 50%;
        float: none;
        margin: 0 auto;
        display: block;
    }

    .iv-breadcrumb {
        height: inherit;
    }

    .iv-breadcrumb span a {
        padding: 10px 46px;
        display: block;
    }

    .indu-excl .excl-wrap .entry-img figure, .indu-excl .excl-wrap .rows .entry-header h3 {
        text-align: center;
    }

    .indu-digtmart ul li {
        background-position: inherit;
    }

    .abt-journy .outer_al_toog .al_toog .text_animate {
        margin: 0px auto;
    }

    .globalwebdep .entry-list img {
        width: 50%;
    }

    .globalweb-devlpt .container {
        width: 100%;
    }

    .global-quote .quote-form {
        background-size: 106%;
    }

    .global-quote .col-item .quote-form .col-group {
        width: 50%;
        margin-bottom: 5px;
    }

    .global-quote .col-item .quote-form input[type="submit"] {
        float: none;
        width: 100%;
    }

    .global-quote .col-item .quote-form .col {
        width: 50%;
        float: right;
    }

    .jobs-block .jobs-post {
        width: 100%;
        max-width: 100%;
    }

    #main-banner .container {
        top: 70px;
    }

    .digital-menus .stellarnav ul {
        background-color: none !important;
    }

    .global-teamhelp .team-box {
        min-height: 300px;
    }

    .stellarnav ul ul li a {
        line-height: normal !important;
    }

    #Main_manu #top-menu li.current_page_ancestor ul li.menu-item-has-children > a {
        padding: 12px 15px !important;
    }

    .global-banner .inner-btn {
        display: none;
    }

    .recent-blog main {
        min-height: 480px;
    }

    .recent-blog summary {
        min-height: 290px
    }

    .award__left-7 {
        text-align: center;
        margin-bottom: 30px;
    }

    .sec-title1 {
        text-align: center;
    }

    .contentTeam h2, .contentTeam p {
        text-align: center;
        margin: 0px auto;
        max-width: 700px;
    }

    .award__btm-7 {
        padding-left: 40px;
    }

    .over-layed-3 {
        display: none;
    }

    .form__container {
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .footer__top-2,.sec-title-3 {
        text-align: center;
    }

    .blogSecInner {
        margin-top: 50px;
    }

    .conInfo {
        flex-wrap: wrap;
        gap: 30px;
    }

    .footer__location-2 {
        margin-bottom: 50px;
    }

    .team-home-box {
        align-items: center;
    }

    .imagesbox1 {
        width: 180px;
    }

    .boxfvs {
        padding-right: 15px;
        padding-left: 15px;
    }

    .boxfvsinn ul {
        margin: 0 0 25px 25px;
    }

    .vstext {
        top: 32%;
    }
}

@media screen and (max-width : 980px) {
    .out-asst .entry-text, .out-asst .entry-media {
        width:100%;
        height: inherit;
    }

    .outweb-price .entry-post {
        margin-bottom: 30px;
    }

    .outweb-price .col-md-4 {
        width: 100%;
        max-width: 50%;
    }

    .contact-page .entry-box {
        height: 100%;
    }

    .contact-page .col-sm-12:last-child .entry-box {
        margin-bottom: 0px;
    }

    .contact-map .contact-wrap .media_right {
        display: block;
    }

    .contact-map .contact-wrap .media_left {
        margin-bottom: 35px;
    }

    .blog-page .blog-post .col-lg-7 {
        border-left: 0px;
    }

    .blog-page .entry-img {
        margin-bottom: 20px;
    }

    .blog-page .blog-post span {
        margin-bottom: 15px;
    }

    .blog-page .blog-post .col-xs-12 {
        padding: 0;
    }

    .blog-page .pagination, .casestudypage .pagination {
        text-align: center;
    }

    .outsabt {
        padding-bottom: 0;
    }

    .our-plan .et_pb_text:nth-child(1) .et_pb_inner .color-box {
        width: 330px;
    }

    .our-plan .et_pb_text:nth-child(3) .top {
        left: 3px;
        width: inherit;
    }

    .our-plan .et_pb_text:nth-child(4) .top {
        width: 316px;
        left: 0px;
        font-size: 12px;
        top: 25px;
    }

    .our-plan .et_pb_text:nth-child(6) .top {
        width: 300px;
        font-size: 12px;
        line-height: 19px;
        left: 0px;
        font-size: 12px;
        top: 25px;
    }

    .our-plan .et_pb_text:nth-child(2) .et_pb_inner .bottom {
        width: 336px;
    }

    .our-plan .et_pb_text:nth-child(5) .bottom {
        width: 372px;
    }

    .our-plan .et_pb_text:nth-child(5) .top {
        top: 159px;
        left: -58px;
    }

    .our-plan .et_pb_text {
        width: 33.33%;
    }

    .srvengine {
        background-image: none !important;
    }

    .srvwed .content {
        background: #fff;
        padding: 25px;
    }

    .boxfvs {
        padding-right: 15px;
        padding-left: 15px;
    }

    .boxfvsinn ul {
        margin: 0 0 25px 0px;
    }

    .vstext {
        position: relative;
        top: 0;
        text-align: center;
        display: flex;
        justify-content: center;
        left: 0;
    }

    .boxfvsinn h3 {
        font-size: 23px;
    }

    .page-id-14906 .indu-digtmart .num {
        font-size: 32px;
    }

    .boxfvs1 {
        width: 100%;
        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .so-widget-form {
        display: inline !important;
    }

    .so-para p {
        padding: 0;
    }

    .skypeLink {
        height: 40px;
    }

    div#so-fieldswrapso1760524234 {
        display: flex;
        flex-direction: column;
    }

    .svgCode svg {
        width: 42px;
        height: 37px;
    }

    .svgCode {
        left: 0;
        top: 1px;
    }

    a.skypeLink span {
        display: none;
    }

    .audit-why-you-heading p {
        padding: 0;
    }

    .audit-report-timeline-heading p {
        padding: 0%;
    }

    .timeline::after {
        left: 31px;
    }

    .timeline-box {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

    .timeline-box::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    }

    .timeline-box::after, .timeline-box:nth-child(even)::after {
        left: 19px;
    }

    .timeline-box:nth-child(even) {
        left: 0%;
    }

    .audit-how-does-main {
        align-items: center;
        flex-direction: column;
        align-content: center;
        height: auto;
        margin-bottom: 20px;
    }

    .audit-how-does-img img {
        width: 100%;
        max-width: 50px;
    }

    .audit-how-does-text {
        text-align: center;
    }

    .audit-how-does-text h2 {
        text-align: center;
    }

    .audit-how-does {
        padding-bottom: 50px;
    }

    .audit-what-you-heading p {
        padding: 0;
        margin-bottom: 30px;
    }

    .audit-what-you-get-box {
        flex-direction: column;
        align-items: center;
    }

    .audit-what-you-get-right h3 {
        text-align: center;
    }

    .audit-what-you-get-right p {
        text-align: center;
    }

    .audit-the-benefitsheading p {
        text-align: center;
        padding: 0;
        margin-bottom: 30px;
    }

    .boxfvs1 {
        width: 100%;
    }

    .page-id-14906 .out-navtabs.imageSizeBox .nav-tabs > li {
        width: 100%;
        border-bottom: 1px solid #ddd;
    }

    .page-id-14906 .out-navtabs .nav-tabs {
        display: block;
        align-items: center;
    }

    .page-id-14906 .out-navtabs.imageSizeBox .nav-tabs li a {
        padding: 15px 40px;
    }

    .boxfvs {
        padding-right: 15px;
        padding-left: 15px;
    }

    .boxfvs1 h2 {
        display: flex;
    }

    .boxfvs1 h2 img {
        padding-right: 8px;
    }

    .boxfvsinn ul {
        margin: 0 0 25px 24px;
    }

    .borbox1 {
        border-left: 0;
    }

    .brand_logo {
        text-align: center;
        width: 100%;
    }

    .menu-home {
        flex-wrap: wrap;
    }

    .top_flex,.team-home-box, .conInfo {
        gap: 0;
    }

    .team-home-images {
        margin-bottom: 15px;
    }

    .conInfo h3 {
        margin-bottom: 25px;
    }

    .globalsmopackages .row {
        row-gap: 0px;
    }

    .globalsmopackages .table-wrap {
        margin-bottom: 25px;
        height: calc(100% - 25px);
    }

    .indu-gettouch input[type="submit"] {
        padding: 15px 15px;
        width: 100%;
    }

    .top_flex .emailLink {
        margin-left: 10px;
    }

    a.menu-toggle {
        margin-left: 0px;
        padding: 0 0 !important;
    }

    .skypeLink {
        margin-left: 10px;
        padding: 8px 7px 8px 38px;
    }

    .stellarnav.mobile {
        margin-top: 15px;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .pad200 {
        padding: 360px 0 230px;
    }

    ul.headersocial {
        gap: 10px;
    }

    .Our_service .heading h2,.choose.us h3,.our_client .heading h2, .headingWork h3 {
        font-size: 40px;
    }

    .sec-title1,.contentTeam h2, .sec-title-3, .our_accreditations h4 {
        font-size: 40px;
    }

    .service_a, .service_c {
        padding: 40px 0px;
    }

    .whyimg {
        margin-bottom: -10%;
    }

    .chooseContent {
        margin: 0px auto 0px;
        padding-right: 0;
    }

    .teamSlider {
        width: 100%;
        position: relative;
        right: 0;
    }

    .team-home-box {
        flex-wrap: wrap;
    }

    .team-home-content, .team-home-images {
        width: 100%;
        height: auto;
    }

    .teamSec {
        padding: 100px 0 170px;
    }

    .award__btm-7 {
        padding-left: 15px;
    }

    .teamSec * {
        position: relative;
    }

    .our_client {
        padding: 100px 0 50px;
    }

    .content_in h1 span {
        font-size: 20px;
    }

    .content_in h1 {
        font-size: 50px;
    }

    .footer__area-2 {
        background-size: 42%;
    }

    .btnSubmit {
        margin-left: 0;
    }

    .blogSec {
        padding: 20px 0 120px;
    }

    .footer__middle-2-bottom {
        padding-bottom: 70px;
    }

    .newBox > ul > li > a {
        font-size: 18px;
    }

    .newBox > ul {
        padding: 0 0px;
    }

    a.dd-toggle {
        width: 40px !important;
        height: 40px !important;
        padding: 5px 10px;
    }

    .stellarnav a.dd-toggle .icon-plus:before, .stellarnav a.dd-toggle .icon-plus:after {
        width: 18px;
    }

    .newBox > ul ul a.dd-toggle {
        height: 40px !important;
        padding: 5px 10px;
    }

    .package-form .checklist-group .wpcf7-list-item {
        width: 100%;
    }

    .slider-banner-image {
        height: 400px;
    }

    .slider.slider-nav.thumb-image {
        padding: 0px 0px 0;
        margin: 10px 0px 0;
    }

    .slider-nav .slick-slide.thumbnail-image .thumbImg {
        max-width: 140px;
        height: 80px;
    }

    .slick-prev.slick-arrow {
        background-position: center 10px;
    }

    .slider-nav .slick-slide {
        text-align: center;
        width: 100%;
        max-width: 90px;
        margin: 0px auto;
    }

    .slick-track {
        margin-left: 0;
        margin-right: 0;
    }

    .slick-next.slick-arrow {
        background-position: center 10px, center;
    }

    .slider-nav .slick-slide span {
        font-size: 12px;
        white-space: normal;
    }

    .piesite {
        margin-bottom: 15px;
    }

    .outer-load {
        padding-bottom: 15px;
    }

    .top_bar .top_flex {
        flex-wrap: wrap;
        line-height: 15px;
    }

    .banner-slider {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        margin-top: 30px;
    }

    .portfolio li {
        width: 50%;
    }

    #grid li img {
        width: 100%;
    }

    #the_reviw_left {
        height: 240px;
    }

    .certificate ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .ser_a_right {
        padding-left: 0px;
    }

    #review2 .owl-nav {
        position: static !important;
        left: 0%;
        text-align: center;
        transform: translateX(0) !important;
    }

    #review1 .img-responsive {
        top: -28px !important;
        left: -10px !important;
        width: 75px !important;
    }

    #review1 .item {
        padding: 40px 15px 10px !important;
    }

    #review1 .review-box {
        padding: 60px 15px !important;
    }

    #review1 .owl-nav button {
        position: static !important;
    }

    .abt-vision .media_left {
        margin-bottom: 25px;
    }

    .abt-vision .media_right, .abt-vision .media_right img {
        width: 100%;
    }

    .abt-info .media_left {
        margin-bottom: 30px;
    }

    .abt-counter .stats {
        height: auto;
        width: 44%;
        margin-left: 20px;
    }

    .job-social .entry-post {
        margin-bottom: 30px;
    }

    .jobs-block .jobs-post:nth-child(even) .content-box {
        float: right;
    }

    .global-quote .col-item .quote-form .col-group {
        width: 100%;
        margin-bottom: 6px;
    }

    .iv-breadcrumb {
        height: 100%;
    }

    .global-quote .col-item .quote-form .col {
        width: 100%;
        float: none;
    }

    .global-quote .col-item .quote-form input[type="submit"] {
        float: left;
    }

    .iv-breadcrumb span a {
        display: inline-block;
    }

    .indu-partner .entry-img figure {
        display: none;
    }

    .indu-digtmart ul li {
        background: none;
        background: #c3f6ff;
        display: block;
        height: 100%;
    }

    .indu-digtmart ul li:nth-child(even) {
        background: none;
        background: #ffd4ac;
    }

    .indu-excl .excl-wrap .rows {
        width: 100%;
        margin: 0 auto 35px;
    }

    .lservs .entry-post .entry-text {
        height: 100%;
    }

    .admgmt .media_body ul {
        width: 100%;
    }

    .adlead .media_body img {
        width: 100%;
        margin-bottom: 30px;
        float: none;
    }

    .ldesgallery .entry-img {
        width: 100%;
    }

    .ldeslgo .media_body ul {
        margin-left: 25px;
    }

    .outbeacome .col-sm-12 {
        width: 100%;
        max-width: 100%;
    }

    .out-indu .media_left h4, .out-indu .media_left h4 a, .out-indu .media_left h3 {
        text-align: center;
    }

    .web-social .media_left, .web-social .media_right {
        margin-top: inherit;
        padding: 0 15px;
        margin-bottom: 25px;
    }

    .consult-serv .media_body ul {
        margin-left: 38px;
    }

    .outweb-price .entry-post {
        min-height: auto;
        margin-bottom: 30px;
    }

    .outweb-price .col-md-4 {
        width: 100%;
        max-width: 100%;
    }

    .web-social .et_price-table .price-box {
        flex: 1 100%;
    }

    .contact-map {
        padding-top: 30px;
    }

    .table-responsive table {
        max-width: 500px;
    }

    .page-id-9565 .table-responsive .table, .page-id-9569 .table-responsive .table {
        table-layout: inherit;
    }

    .indu-digtmart .num {
        margin: 0;
        display: block;
        text-align: center;
        margin-bottom: 25px;
        color: #000
    }

    .indu-digtmart .descp {
        display: block;
        text-align: center;
    }

    .abt-journy .outer_al_toog .al_toog .text_animate .summery, .abt-journy .outer_al_toog .al_toog .text_animate .outer_toog_animate {
        width: 145px;
    }

    .abt-journy .outer_al_toog .al_toog .text_animate {
        width: 100%;
    }

    .abt-journy .outer_al_toog .al_toog {
        width: 290px;
    }

    .out-ent {
        padding-bottom: 0;
    }

    .web-social .media_left .entry-img {
        text-align: center;
    }

    .our-plan .et_pb_text {
        text-align: center;
        width: 100%;
        margin-bottom: 25px;
    }

    .our-plan .et_pb_text:nth-child(1) .et_pb_inner .color-box, .our-plan .et_pb_text:nth-child(3) .top, .our-plan .et_pb_text:nth-child(4) .top, .our-plan .et_pb_text:nth-child(6) .top, .our-plan .et_pb_text:nth-child(2) .et_pb_inner .bottom, .our-plan .et_pb_text:nth-child(5) .bottom, .our-plan .et_pb_text:nth-child(6) .bottom {
        width: 100%;
    }

    .our-plan .et_pb_text:nth-child(1) .et_pb_inner .bottom {
        width: 100%;
        bottom: 0px;
    }

    .our-plan .et_pb_text:nth-child(2) .top {
        width: 100%;
        left: 0px;
    }

    .our-plan .et_pb_text:nth-child(2) .et_pb_inner .bottom {
        bottom: 366px;
    }

    .our-plan .et_pb_text:nth-child(3) .top {
        left: 0px;
        height: 110px;
        top: 40px;
    }

    .our-plan .et_pb_text:nth-child(4) .bottom {
        bottom: -26px;
        left: 0;
    }

    .our-plan .et_pb_text:nth-child(3) .bottom {
        bottom: -23px;
        left: 12px;
    }

    .our-plan .et_pb_text:nth-child(5) .bottom {
        left: 0px;
        z-index: 9;
    }

    .our-plan .et_pb_text:nth-child(6) .top {
        top: 520px;
    }

    .globalwebdep .entry-box .entry-list {
        width: 50%;
        margin-bottom: 40px;
    }

    .globalwebdep .entry-box:after {
        display: none;
    }

    .globalwebdep .entry-list img {
        width: 35%;
    }

    .our-plan .et_pb_text:nth-child(6) figure img {
        margin-top: 155px;
    }

    .ser-gla .col-xs-12 {
        width: 100%;
        max-width: 50%;
    }

    .globalmulservices .content p {
        line-height: 26px;
    }

    .mvisble, .dvisible, .ntvisible {
        display: block;
    }

    .web-social .media_left .entry-list {
        display: none;
    }

    .ntvisible {
        color: #000;
        display: block;
        margin-bottom: 5px;
        font-weight: 600;
    }

    .mvisble {
            font-size: 16px !important;
        color: #502bb8 !important;
        display: block;
        margin: 5px 0 !important;
        font-weight: 500 !important;
    }

    .table-responsive table > tbody > tr td:nth-child(1), .table-responsive table tr th:nth-child(1) {
        display: none;
    }

    .popup-package .modal-dialog {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .table-responsive {
        border: 0px;
    }

    .mobile-layout {
        display: block;
    }

    .table-responsive {
        display: none;
    }

    #main-banner .container {
        position: relative;
        padding-top: 104px;
        top: inherit;
    }

    div#main-banner > img {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .banner-txt {
        display: inline-block;
        width: 100%;
        margin-bottom: 26px;
    }

    #main-banner .banner-txt h3 {
        font-size: 18px;
        line-height: 24px;
    }

    #main-banner .banner-txt h2 {
        font-size: 25px;
    }

    .global-teamhelp .team-box {
        min-height: 100%;
    }

    .mobile-scale figure {
        margin-bottom: 25px;
    }

    .globaltouch input[type="submit"] {
        padding: 0 30px;
        width: 100%;
    }

    .recent-blog summary {
        min-height: 100%;
    }

    .jobs-block .jobs-post .content-box::after, .jobs-block .jobs-post .content-box::before {
        display: none !important
    }

    .jobs-block .jobs-post .content-box {
        height: 100%;
        width: 100%;
        border-radius: 15px;
        margin-bottom: 30px;
    }

    .jobs-block .jobs-post .content-box #modal-wrapper {
        line-height: normal;
    }

    .service_wraper .row .hoverSec {
        border: none;
        border-bottom: 1px solid #dedcdc;
    }

    .service_wraper .row .hoverSec:first-child {
        border-top: 1px solid #dedcdc;
    }

    .imagesbox1 {
        width: 155px;
    }

    .our_accreditations .certificate ul li {
        margin: 5px;
        width: calc(50% - 10px);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .conInfo h3 {
        font-size: 25px;
    }

    .stellarnav ul ul li a {
        padding: 8px 15px;
        font-size: 16px;
    }

    .carouselCap1, .bottomCon {
        position: relative;
    }

    .backImgb1 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-position: left;
    }

    .content_box13, .content_box12, .blcontent, .headersocial1 {
        width: 100%;
    }

    .headersocial1 {
        padding: 0;
    }

    .carouselCap1,.bottomCon {
        flex-wrap: wrap;
    }

    .paddadj {
        padding: 210px 15px 20px;
    }

    .content_box12in {
        max-width: 100%
    }

    .backImgb21 {
        width: 100%;
        margin-bottom: 0px;
    }

    .headersocial1 {
        justify-content: center;
        margin-top: 20px;
    }

    .homebanBtn1 {
        float: none;
        display: inline-block;
    }

    .bottomCon {
        padding: 15px 0;
    }

    .content_box12 h1 {
        font-size: 34px;
    }

    .content_box12 p, .blcontent p {
        font-size: 16px;
        text-align: center;
    }

    .homebanBtn1 {
        font-size: 16px;
        padding: 8px 25px;
    }

    .award__counter .counter__number {
        font-size: 40px;
    }

    .award__counter p {
        font-size: 16px;
    }

    .award__counter {
        width: 145px;
        height: 100px;
    }

    .team-home-images img {
        width: 100%;
        height: auto;
    }

    .content_box13 {
        margin: 0px 0 30px;
        position: relative;
        z-index: 99;
    }

    .team-home-desc {
        height: auto;
        overflow: auto;
    }

    .abt-info .media_right, .abt-what .media_right {
        margin-bottom: 20px;
    }

    .page-id-9769 .global-banner {
        padding-top: 150px;
        background: #000;
        margin-top: 0;
    }

    .orgsearch .row {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .contentwithimage .media_right .tagline::before {
        display: none;
    }

    .contentwithimage .media_right .tagline {
        margin-top: 4rem;
    }

    .orgsearch .col-lg-5 {
        width: 100%;
        max-width: 100%
    }

    .orgsearch .col-lg-7 {
        width: 100%;
        max-width: 100%
    }

    .boxfvs1 {
        width: 100%;
        padding-right: 0;
    }

    .borbox1 {
        border: none;
    }

    .boxfvs {
        padding-right: 10px;
        padding-left: 10px;
    }

    .boxfvsinn ul {
        margin: 0 0 25px 0px;
    }

    .vstext {
        position: relative;
        top: 0;
        text-align: center;
        display: flex;
        justify-content: center;
        left: 0;
    }

    .boxfvsinn h3 {
        font-size: 23px;
    }

    .page-id-14906 .indu-digtmart .num {
        font-size: 32px;
    }

    .table-responsive1 {
        width: 100%;
        overflow-x: scroll;
    }

    .page-id-14906 .global-banner img {
        min-height: 510px !important;
    }
}

@media screen and (max-width: 580px) {
    .slider-banner-image {
        height:340px;
    }

    .client_lmg {
        margin: 0px auto;
    }

    .content_box h1 {
        font-size: 30px;
        text-align: center;
    }

    .portfolio li {
        width: 100%;
    }

    #grid li img {
        height: auto !important;
    }

    #the_reviw_left {
        height: auto;
    }

    .lresve .entry-box {
        float: none;
        display: block;
        margin: 0 auto 30px;
    }

    .lresve .entry-res {
        text-align: center;
    }

    .lresve .entry-box:last-child {
        margin-right: auto;
    }

    .consul-nvtabs .tab-pane .alignright, .out-navtabs .tab-pane .alignright {
        float: none;
        width: 100%;
    }

    .testnomail-page .entry-post {
        margin: 0 0 0;
    }

    .testnomail-page .entry-img {
        margin: 0px;
    }

    .indus-banner .row {
        display: block;
        -webkit-display: block;
        -moz-display: block;
        -o-display: block;
        align-items: center;
    }

    .abt-counter .stats {
        height: auto;
        width: 43%;
    }

    .consul-nvtabs .nav-tabs li, .out-navtabs .nav-tabs li {
        float: none;
        text-align: center;
    }

    .globalwebdep .entry-box .entry-list {
        padding-top: 0px;
        width: 100%;
        margin-bottom: 30px;
        border-right: 0px;
        padding-bottom: 30px;
        border-bottom: 1px solid #959595;
    }

    .globalwebdep .entry-box:after {
        display: none;
    }

    .globalwebdep .entry-list img {
        width: 50%;
    }

    .et-price-tble .price-box {
        flex-basis: 100%
    }

    .ser-gla .col-xs-12 {
        width: 100%;
        max-width: 100%;
    }

    .abt-counter .entry-post h5 br {
        display: none;
    }

    .abt-counter .stats {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 20px;
        height: auto;
    }

    .abt-counter .row {
        padding: 0 15px;
    }

    .footer .social-md {
        display: flex;
        margin-top: 10px;
    }
}

@media screen and (max-width : 480px) {
    .slider-banner-image {
        height:280px;
    }

    .we_accept_flex a {
        margin-top: 10px;
    }

    .life-gallery .section-heading h3 {
        font-size: 25px !important;
        padding: 0px 15px !important;
    }

    .abt-counter .stats {
        width: 91%;
        margin-left: 20px;
    }

    .global-quote .quote-form {
        background-size: 100%;
        background-position: 0px 216px;
    }

    .consul-nvtabs .nav-tabs li, .out-navtabs .nav-tabs li {
        float: none;
        text-align: center;
    }

    .consult-serv .media_body ul {
        margin-left: 20px;
    }

    .contact-page .entry-box {
        height: 100%;
    }

    .abt-counter .entry-post h5 br {
        display: none;
    }

    .abt-counter .stats {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 20px;
        height: auto;
    }

    .abt-counter .row {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 420px) {
    .stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span {
        display:none;
    }

    .content_box h1 {
        font-size: 25px;
    }

    .digitalfaq .set > a {
        padding: 10px 15px;
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

    .digitalfaq .set > a i {
        float: none;
        margin-top: 0;
        position: absolute;
        right: 5px;
    }

    .footer-inner .footer-nav ul,.footer-inner .copyright {
        text-align: center;
    }

    .footer-inner .widget-logo {
        margin: 0px auto;
        text-align: center;
    }

    .footer-inner .footer-nav ul > li {
        margin: 0px 12px;
    }

    .digcontact .desc, .globalcase .desc {
        padding: 0px 15px;
    }

    .footer-inner .footer-nav ul > li {
        margin: 0px 6px;
    }

    .footer-inner .footer-nav ul > li a {
        font-size: 14px;
        line-height: 18px;
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

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

@-webkit-keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

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

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

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

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75)
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25)
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        -ms-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75)
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        -ms-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25)
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        -ms-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

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

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

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

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
}

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

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

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

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
}

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

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

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

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

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

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

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

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

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

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

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

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

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

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

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

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

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

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

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

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

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

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

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

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

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

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

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

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

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

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

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

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

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

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

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

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

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

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

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

@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

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

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

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

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

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

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

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

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

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

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        -ms-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

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

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-48px);
        transform: scale(.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        -ms-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-48px);
        -ms-transform: scale(.475) translateX(-48px);
        transform: scale(.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

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

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        -ms-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        -ms-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

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

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }

    100% {
        opacity: 0
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        -ms-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        -ms-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(42px);
        transform: scale(.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(42px);
        -ms-transform: scale(.475) translateX(42px);
        transform: scale(.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

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

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-42px);
        transform: scale(.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-42px);
        -ms-transform: scale(.475) translateX(-42px);
        transform: scale(.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        -ms-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        transform-origin: center top
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top
    }
}

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