.menu-bar ul {
    position: relative
}

.menu-area {
    padding: 0 0
}

.menu-area .menu-bar .navbar {
    padding: 0;
    margin-bottom: 0
}

.menu-area .menu-bar .navbar .navbar-nav {
    padding: 40px 0 0 0;
    margin: 0 0 0;
    float: right;
}

.menu-area .menu-bar .navbar .navbar-nav li:last-child {
    padding-right: 0
}

.menu-area .menu-bar .navbar .navbar-nav li {
    display: inherit;
    position: relative;
    margin: 0 -1px;
    padding: 0 15px;
    line-height: normal;
}
section.inner-banner .col-md-5 {text-align: right;}
.menu-area .menu-bar .navbar .navbar-nav li a:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    border-radius: 4px;
    background-color: #02a9ec;
    transition: .5s;
    margin: auto;
}
section.inner-banner .boxcontent {margin-top: 0%;}
.boxcontent {margin-top: 12%;}
.menu-area .menu-bar .navbar .navbar-nav li a:active:before,
.menu-area .menu-bar .navbar .navbar-nav li a:focus:before,
.menu-area .menu-bar .navbar .navbar-nav li.active a:before,
.menu-area .menu-bar .navbar .navbar-nav li:hover a:before {
    width: 100%
}
.slider-animated{text-align:center;}
.slider-animated img{max-width:70% !important;margin:auto;}

.menu-area .menu-bar .navbar .navbar-nav li a {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    z-index: 999999;
    padding: 0 0 16px;
}
section.banner.tocbanner {
    height: auto;
}

section.toc-content p {
    margin-bottom: 15px;
}

section.toc-content ol {list-style: decimal;margin-left: 16px;margin: 10px;}

section.toc-content h3 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #000;
}

section.toc-content h5 {
    text-transform: lowercase;
    margin-bottom: 10px;
}
.menu-area .menu-bar .navbar li .customDropDown:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 25px;
    width: 21px;
    height: 13px;
    background: url(../images/top_caret.png) no-repeat
}

.menu-area .menu-bar .navbar .navbar-nav li .customDropDown li a:before {
    content: none
}

.menu-area .menu-bar .navbar .navbar-nav li .customDropDown {
    position: absolute;
    z-index: 999999;
    top: 37px;
    left: 0;
    padding: 0;
    width: 240px;
    text-align: left;
    padding-top: 14px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 650ms cubic-bezier(.76, 0, .11, 1);
    -o-transition: all 650ms cubic-bezier(.76, 0, .11, 1);
    transition: all 650ms cubic-bezier(.76, 0, .11, 1);
    -webkit-transition-timing-function: cubic-bezier(.76, 0, .31, 1);
    -o-transition-timing-function: cubic-bezier(.76, 0, .31, 1);
    transition-timing-function: cubic-bezier(.76, 0, .31, 1)
}

.menu-area .menu-bar .navbar .navbar-nav li:hover .customDropDown {
    opacity: 1;
    visibility: visible
}

.menu-area .menu-bar .navbar .navbar-nav li .customDropDown:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 25px;
    width: 21px;
    height: 13px
}

.menu-area .menu-bar .navbar .navbar-nav li .customDropDown li {
    display: block!important;
    font-size: 14px;
    padding: 0;
    line-height: 20px;
    background: #000042;
    border-bottom: solid #fff 1px
}

.menu-area .menu-bar .navbar .navbar-nav li .customDropDown li:last-child {
    border-bottom: none
}

.menu-area .menu-bar .navbar .navbar-nav li .customDropDown li a {
    color: #fff;
    padding: 12px 10px;
    display: block;
}

.menu-area .menu-bar .navbar .navbar-nav li .customDropDown li a:hover,
.menu-area .menu-bar .navbar .navbar-nav li .customDropDown li.active a {
    background: #02a9ec;
    color: #fff
}

.menu-area .menu-bar .navbar .navbar-nav li:hover a:not(.noAfter):after {
    width: 40px
}

.menu-area .menu-bar .navbar .navbar-nav li:hover .customDropDown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ml-auto {
    margin-left: auto
}

.navbar-nav .fa-caret-down {
    line-height: 8px;
    font-size: 12px;
}

.marl-0 {
    margin-left: 0
}

.marr-0 {
    margin-right: 0
}

a.btn-3d-top:after {
    content: '';
    position: absolute;
    width: 125%;
    height: 200px;
    background: #fff;
    transform: translateY(-45%) skew(25deg) scale(0);
    left: 0;
    transition: 350ms ease-in-out
}

ul.navigation li.last a.btn-3d-top span {
    position: relative;
    color: #000;
    display: block;
    z-index: 1;
    padding: 6px 7px
}

ul.navigation li.last a.btn-3d-top:hover span {
    color: #fff!important
}

header .col-md-8+.col-md-2 {
    width: 16%!important
}

header .col-md-8 {
    padding: 0;
    width: 67%
}

a.btn-3d-top:hover:after {
    z-index: 0;
    background: #642d90;
    transform: translateY(-45%) skew(25deg) scale(1);
    color: #fff!important
}

ul.navigation li.last:hover:before {
    display: none
}

ul.navigation li.last a.btn-3d-top {
    border-radius: 0!important;
    position: relative;
    overflow: hidden;
    position: relative;
    top: 7px
}

a.btn-3d-top {
    text-align: center;
    background: #fbb13c;
    text-transform: uppercase!important;
    color: #000!important;
    border-radius: 0!important
}

.sticky-cnosultation {
    padding: 7px 0 10px!important
}

.sticky-cnosultation span {
    font-size: 21px!important
}

.sticky-cnosultation h2 {
    font-size: 22px!important
}

.btn-custom {
    background: #081d78;
    color: #fff !important;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12px 40px;
    position: relative;
    margin-right: 15px;
    display: inline-block;
}
 .btn-custom:after {   content: '';
    background: white;
    height: 60%;
    right: 10px;
    top: 0;
    position: absolute;
    width: 1px;}
a.btn-custom:hover {
    background: #fab800;
    color: #fff
}

section.home-col1 ul {
    display: block;
    margin-top: 20px;
    clear: both
}

.affix {
    top: 0;
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-color: #f44336;
    border-color: #f44336
}

.affix a {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.affix-top a {
    padding: 25px!important
}

span.offer_expire {
    display: block;
    text-align: center;
    color: #ff1d1d;
    font-weight: 600;
    padding-top: 5px;
    text-shadow: #000 0 1px 1px;
    text-transform: uppercase;
    font-size: 17px
}

.time_circles {
    position: relative;
    width: 100%;
    height: 100%
}

.time_circles>div {
    position: absolute;
    text-align: center
}

.time_circles>div h4 {
    background: 0 0!important;
    padding: 0!important;
    font-size: 10px!important
}

.time_circles>div>h4 {
    margin: 0!important;
    padding: 0;
    text-align: center;
    font-size: 8px!important;
    width: 100%!important;
    text-transform: uppercase
}

.time_circles>div>span {
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'Century Gothic', Arial;
    font-size: 300%;
    margin-top: .4em;
    font-weight: 700
}

div#CountDownTimer {
    width: 350px;
    margin: 0 auto;
    text-shadow: #000 1px 1px 2px;
    color: #fff
}

html:after,
html:before {
    box-sizing: border-box;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

section.process-col h2 {
    color: #000;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 10px
}

label.error {
    display: none!important
}

input.required.error,
select.required.error,
textarea.required.error {
    border-bottom: red 2px solid!important;
    color: red!important
}

.pad-0 {
    padding-top: 0!important
}

.pad-10 {
    padding-top: 10%
}

.pad-5 {
    padding-top: 5%
}

.pad-3 {
    padding-top: 3%
}

.pad-15 {
    padding-top: 15%
}

.pad-20 {
    padding-top: 20%
}

.pad-25 {
    padding-top: 25%
}

.pad-30 {
    padding-top: 30%
}

.pad-35 {
    padding-top: 35%
}

.pad-40 {
    padding-top: 40%
}

.pad-45 {
    padding-top: 45%
}

.pad-50 {
    padding-top: 50%
}

.pad-55 {
    padding-top: 55%
}

.pad-60 {
    padding-top: 60%
}

.pad-65 {
    padding-top: 65%
}

.pad-70 {
    padding-top: 70%
}

.pad-75 {
    padding-top: 75%
}

.pad-80 {
    padding-top: 80%
}

html *,
html:after,
html:before {
    box-sizing: border-box
}

html b,
html em,
html i,
html span,
html strong {
    -webkit-transition: none;
    transition: none
}

.zoomin-hover span {
    display: block;
    z-index: 1;
    position: relative;
    padding-left: 37px
}

.cus-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQImWNguAkAANwA2ohRxm8AAAAASUVORK5CYII=) repeat;
    top: 0;
    left: 0;
    z-index: 998;
    display: none
}

.zoomin-hover {
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    display: inline-block
}

body {
    color: #727272;
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
span,
ul {
    margin: 0;
    padding: 0
}

a.close:before {
    content: "x";
    position: absolute;
    top: 2px;
    right: 5px;
    width: 33px;
    height: 33px;
    font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: red;
    transition: background .2s;
    box-sizing: border-box;
    z-index: 2
}
a.showreel {
    display: block;
    color: #fff;
    margin-top: 35px;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    z-index: 1;
}

a.showreel:before {
    content: '';
    height: 2px;
    left: 2px;
    bottom: -4px;
    width: 32%;
    position: absolute;
    z-index: -1;
    background: rgb(248,212,97);
    background: linear-gradient(90deg, rgba(248,212,97,1) 0%, rgba(255, 255, 255, 0.27) 100%);
}
a:hover {
    text-decoration: none
}

.lp-form-hd {
    font-size: 30px!important
}

.lp-form-hd span {
    color: #f75f36
}

header {
    padding: 0px 0px;
    position: relative;
    z-index: 12;
    background: #fff
}

header ul.top-cta {
    text-align: right;
    margin-top: 12px
}

header ul.top-cta li {
    font-size: 13px;
    color: #000;
    text-transform: capitalize
}

header ul.top-cta li a {
    font-size: 15px;
    color: #fff;
    background: #f05a28;
    display: inline-block;
    padding: 8px 15px;
    text-transform: uppercase;
    border-radius: 73px
}

header ul.top-cta li a i {
    color: #fff;
    font-size: 17px;
    position: relative;
    top: 3px
}

header ul.top-cta li a b {
    display: inline-block;
    font-weight: 700
}



section.banner {
    position: relative;
    background: url(../images/banner.jpg) no-repeat center top;
    text-align: left;
    padding: 80px 0;
    position: relative;
    color: #fff;
    background-size: cover;
    height: 540px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
section.banner-home .col-md-5 img {
    position: relative;
    bottom: -25px;
}
section.banner-home {
    background: url(../images/banner.jpg);
}

section.motion-banner {
    background: url(../images/motion-graphics-banner.jpg) no-repeat center top;
    background-size: 100%
}

section.logoanimation-banner {
    background: url(../images/logo-animation.jpg) no-repeat center top
}

section.videoanimation-banner {
    background: url(../images/logo-animation.jpg) no-repeat center top
}

section.banner h1,
section.banner h2 {font-size: 40px;font-weight: 600;line-height: 45px;margin-bottom: 20px;position: relative;z-index: 1;}

section.banner h4 {
    background: rgba(0, 0, 0, .18);
    padding: 15px 0;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: 700;
    width: 83%;
    margin: 0 auto 32px
}

.banner .btn-block a {
    background: #02a9ec;
    color: #fff;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12px 20px;
    position: relative;
    margin-right: 15px;
}
.banner .btn-block a:after {
    content: '';
    background: white;
    height: 60%;
    right: 10px;
    top: 0;
    position: absolute;
    width: 1px;
}
.banner .btn-block a:last-child {
    background: #ff750f;
    color: #fff;
}

section.banner p {
}

section.banner h1,
section.banner h2 {
}

section.banner h1 strong,
section.banner h2 strong {
    /* color: #ffef4c; */
    display: block;
}

.banner .btn-block a:last-child i {
    padding-right: 5px
}

a.showreel-link2,
section.banner a.showreel-link {
    border: #fff 3px solid;
    font-size: 18px;
    color: #fff;
    font-weight: 600!important;
    display: inline-block;
    padding: 12px 35px!important;
    border-radius: 63px!important;
    margin: 0 15px;
    position: relative;
    background: 0 0!important;
    padding-left: 34px
}

a.showreel-link2:hover,
section.banner a.showreel-link:hover {
    color: #fbb13c;
    border: #fbb13c 3px solid;
    background: #fbb13c
}

a.btn-yellow2 {
    border: #fbb03b 3px solid;
    font-size: 18px;
    color: #fff;
    font-weight: 800;
    background: #fbb03b;
    display: inline-block;
    padding: 12px 45px;
    border-radius: 73px;
    text-transform: uppercase;
    position: relative
}

section.banner a.btn-yellow span {
    display: block;
    position: relative;
    z-index: 1
}

section.banner a.btn-yellow:hover {
    color: #fff;
    border: #fbb03b 3px solid
}

section.banner a.btn-yellow {
    border: #fbb03b 3px solid;
    font-size: 18px;
    color: #fff;
    font-weight: 800;
    background: #fbb13c;
    display: inline-block;
    padding: 12px 45px;
    text-transform: uppercase;
    position: relative;
    border-radius: 73px
}

section.banner h1 span,
section.banner h2 span {
    margin-top: 7px;
    display: block;
    font-weight: 700;
}

section {
    padding: 30px 0
}
section.ctanew h2 {
    margin-top: 20px;
    color: #000;
}

section.partners {
    background: #f1f1f1;
    padding: 30px 0
}

section.home-col1 {
    font-size: 16px;
    color: #727272;
    background: #fff;
    margin: 25px 0;
}

section.home-col1 h2,
.main-mesmerize h2{
    color: #000;
    font-size: 38px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: Poppins;
    position: relative;
    z-index: 1;
}

section.home-col1 h2:after,
.main-mesmerize h2:after {
    
}

.video-pro span {
    text-align: left;
    display: block
}

.video-pro a {
    color: inherit
}

section.home-col1 h2 span {
    font-weight: 500;
    font-size: 28px
}

.video-pro strong {
    color: #f05a28;
    font-weight: 600
}

section.home-col1 p,
.main-mesmerize p{
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 25px;
}

section.home-col1 p i {
    font-weight: 500
}

section.home-col2 {
    text-align: left;
    background: url(../images/cta-bg.jpg) no-repeat center top #dee9ef;
    padding: 50px 0;
    color: #fff;
    background-size: cover
}

section.home-col2 p {
    margin-bottom: 15px
}

section.home-col1 h2 span {
    font-size: 22px
}

section.home-col2 h2 {
    color: #2a2a2a;
    margin-bottom: 11px;
    font-size: 36px;
    font-weight: 800
}

section.home-col2 .container {
    padding: 0 30% 0 0
}

section.home-col2 a {
    display: inline-block;
    color: #f58333;
    font-size: 18px;
    padding: 9px 40px;
    text-transform: uppercase;
    border: #f58634 3px solid;
    border-radius: 63px;
    margin: 20px 4px 0;
    font-weight: 600;
    background-color: #fffae6;
    text-align: center
}

section.home-col2 a+a {
    background: #fffae6;
    color: #e85d26
}

section.home-col2 a:hover {
    background: #6e3e92;
    color: #fff
}

section.home-col2 a+a:hover {
    background: #ee6725;
    border-color: #f58634
}

section.portfolio {
    text-align: center;
    color: #2c2f39;
    padding: 60px 0;
}

section.portfolio p {
    font-size: 16px;
    width: 70%;
    margin: 0px auto 30px;
    font-family: inherit;
    text-align: center;
}

section.portfolio h2 {
    font-size: 36px;
    color: #000;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}
section.portfolio h2:after {
        content: '';
        height: 9px;
        left: 0;
        bottom: 5px;
        width: 70%;
        position: absolute;
        z-index: -1;
        background: rgb(255 117 15);
        background: linear-gradient(90deg, rgb(255 117 15) 0%, rgba(255, 255, 255, 0.27) 100%);
}

section.portfolio h2+p {
    line-height: 25px;
    margin-bottom: 20px;
    color: #2c2f39;
}

.submenu-hover-none:before {
    visibility: hidden!important
}

.portfolio-content {
    display: none;
    background: #fff;
    text-align: left;
    padding: 16px 0;
    position: relative;
    height: 110px;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
    width: 100%
}

.portfolio-content h4 {
    color: #353535;
    font-size: 21px;
    width: 100%;
    display: none;
    font-weight: 800
}

.portfolio-content a {
    visibility: hidden;
    margin-top: 23px;
    display: inline-block;
    border-radius: 63px
}

section.portfolio [class^=col-]>div:hover .portfolio-content-hover {
    visibility: visible;
    opacity: 1!important;
    height: 100%
}

section.portfolio [class^=col-]>div:hover .portfolio-content-hover * {
    color: #fff
}

section.portfolio [class^=col-]>div {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 8px 0 rgba(202, 202, 202, .71);
    border-radius: 4px
}

section.portfolio [class^=col-]>div:hover .portfolio-content-hover:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    left: 0;
    margin: 10px;
    top: 0;
    z-index: -1
}

img {
    max-width: 100%
}

.portfolio-content.portfolio-content-hover h6.industry-name {
    width: 100%;
    color: #fff!important
}

section.portfolio .industry-name {
    color: #a6a6a6;
    display: block;
    font-size: 14px;
    margin-top: 5px
}

section.portfolio [class^=col-]>div:hover .portfolio-content-hover a {
    visibility: visible;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    border: #fff 2px solid;
    padding: 7px 17px;
    font-weight: 600;
    border-radius: 0;
    margin-top: 0;
    cursor: pointer;
    text-shadow: none;
    background-color: #02a9ec;
}

.portfolio-content.portfolio-content-hover {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
    text-align: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
    height: 0;
    margin: 0 auto;
    padding: 0 50px;
    list-style: none;
    text-shadow: none!important;
    background: #00000099
}

section.portfolio [class^=col-]>div:hover .portfolio-content {
    opacity: 0;
    text-shadow: #000 0 0 1px;
    border-radius: 4px
}

.portfolio-content h4+p {
    line-height: 19px;
    margin: 10px 0 0 0
}

section.portfolio [class^=col-]>div img {
    -webkit-transform: scale(1);
    border: #f0f0f0 1px solid;
    transform: scale(1);
    will-change: transform;
    -webkit-transition: -webkit-transform .35s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform .35s cubic-bezier(.25, .46, .45, .94);
    transition: transform .35s cubic-bezier(.25, .46, .45, .94);
    transition: transform .35s cubic-bezier(.25, .46, .45, .94), -webkit-transform .35s cubic-bezier(.25, .46, .45, .94);
    left: 0;
    top: 0
}

section.home-col1 img {
    max-width: 100%
}
section.quotation-section {
background: url(../images/banner.jpg);
    color: #fff;
    text-align: center;
    padding: 4% 0;
    background-size: cover;
    background-position: top;
}

section.quotation-section h4 {
    font-size: 24px;
    line-height: 30px;
    padding: 0 5%;
}
section.testimonials {
    background: #f3f3f3;
    text-align: center;
    padding: 60px 0
}

section.testimonials p {
    font-size: 36px;
    color: #373737;
    font-style: italic;
    line-height: 42px;
    margin-bottom: 22px
}

.testimonial-slider {
    padding: 0 70px
}

.testimonial-slider h6 {
    color: #373737;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 23px
}

section.revolation {
    text-align: center;
    padding: 0 0 3px;
    position: relative
}

section.revolation .container {
    background: url(../images/hm-bg2.jpg) no-repeat center top;
    min-height: 798px
}

section.revolation:after {
    background: #f2f2f2;
    height: 84px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    content: "";
    z-index: -1
}

section.main-faqs-sec h2,
section.revolation h2 {
}

section.revolation h2+p {
    margin-bottom: 12px
}

section.revolation ul li {
    display: inline-block;
    color: #000;
    margin: 0 20px;
    font-size: 22px;
    font-weight: 600;
    width: 21%
}

section.revolation ul {
    text-align: center;
    margin-top: 22px
}

section.revolation ul li span {
    display: block;
    font-weight: 400;
    color: #f05a28;
    font-size: 50px;
    line-height: 44px
}

section.home-col3 {
    background: #2e044e;
    color: #fff;
    text-align: center;
    padding: 30px 0
}

section.home-col3 h4 {
    font-size: 46px;
    clear: both;
    display: block;
    font-weight: 600;
    text-shadow: #946500 0 1px 1px
}

section.home-col3 p {
    line-height: 17px;
    width: 290px;
    margin: 0 auto;
    clear: both;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 0;
    font-weight: 600
}

footer {
    background: #121e2f;
    padding: 50px 0 20px;
    color: #fff;
    font-size: 14px;
    position: relative;
}
footer:before {

}

footer * {
    color: #ffffff;
}

.explainer-video h3,
footer h4 {
    text-transform: uppercase;
    margin-bottom: 19px;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 1px
}

footer .col-md-3 li, footer .col-md-2 li {
    margin-bottom: 7px
}

footer .row+.row {
    padding: 40px 0 0
}

ul.social-footer li {
    display: inline-block;
    margin: 0 6px;
    font-size: 20px
}
h4.ctext {
    opacity: 0.6;
}   
footer p, footer li {
    opacity: 0.8;
}
ul.social-footer a {
    color: #02a9ec !important;
    opacity: 1;
    font-size: 16px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #192a42;
    display: inline-block;
    text-align: center;
    transition: .5s all;
}

ul.social-footer a i {
    color: #02a9ec !important;
}

ul.social-footer a:hover {
    background: white;
    color: #d28c0d;
}

footer i.icon-icon_message,
footer i.icon-icon_phone {
    color: #02a9ec;
    display: inline-block;
    margin-right: 9px
}

footer i.icon-icon_message:before,
footer i.icon-icon_phone:before {
    font-size: 22px
}

ul.ftr-cta li {
    margin-top: 12px;
    margin-bottom: 9px;
    font-size: 20px
}

a.ftr-btn {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    padding: 12px 40px;
    text-transform: uppercase;
    border: #fff 3px solid;
    border-radius: 6px;
    margin: 0 0 8px 0;
    font-weight: 600;
    width: 79%
}

footer .border-top-ftr {
    border-top: rgba(255, 255, 255, .08) 1px solid;
    margin-top: 50px;
    color: #d2d2d2;
    padding-top: 32px;
    margin-bottom: 22px
}

footer .row+.row+.row.border-top-ftr * {
    color: #d2d2d2;
    font-size: 13px
}

ul.ftr-links {
    text-align: right
}

ul.ftr-links li {
    margin: 0 0 0 15px;
    display: inline-block;
    position: relative;
    padding-left: 19px
}

ul.ftr-links li:before {
}

footer .row+.row+.row+.row {
    padding: 0
}

.disclaimer {
    font-size: 13px;
    color: #d2d2d2
}

.disclaimer p {
    color: #d2d2d2;
    margin: 0 0 25px
}

.footer_form {
    text-align: center
}

.footer_form h2 {
    font-size: 36px;
    color: #000;
    font-weight: 800;
    margin-bottom: 12px
}

.footer_form h2+p {
    padding: 0 140px;
    margin-bottom: 22px
}

.footer_form ul li {
    text-align: left;
    position: relative;
    width: 31.5%;
    margin: 12px 7px 4px;
    display: inline-block
}

.footer_form ul li input[type=email],
.footer_form ul li input[type=text],
.footer_form ul li textarea {
    background: #ccd9ec;
    border: 1px solid #ccd9ec;
    padding: 10px 10px 10px 34px;
    width: 100%;
    font-size: 15px;
    color: #000;
    box-shadow: none!important;
    outline: none 0!important
}

.footer_form ul li i {
    position: absolute;
    top: 12px;
    left: 10px
}

.close {
    border-radius: 72px;
    text-align: center;
    right: 0;
    top: 6px;
    position: absolute;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    z-index: 10;
    cursor: pointer
}

.footer_form ul li+li+li+li {
    width: 97.5%;
    text-align: center
}

.footer_form ul li textarea {
    height: 130px
}

.footer_form ul li.last {
    text-align: center
}

.popupform.visibleit {
    max-width: 500px;
    height: auto;
    position: fixed;
    padding-bottom: 22px;
    width: 500px;
    top: 50%!important;
    left: 50%!important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #1f1f1f;
    display: block;
    z-index: 9999;
    box-shadow: #000 0 0 6px 2px;
    border: 1px solid #636363;
    background: #fff
}

.footer_form ul li input[type=submit] {
    background: #dd4d70;
    color: #fff;
    font-size: 18px;
    border: #dd4d70 1px solid;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 67px;
    letter-spacing: 1px;
    border-radius: 63px;
    outline: 0 none
}

.footer_form ul li input[type=submit]:hover {
    background: #fbb03b;
    border: #fbb03b 1px solid
}

.footer_form ul li input[type=email]:focus,
.footer_form ul li input[type=text]:focus,
.footer_form ul li textarea:focus {
    border: #6e3e92 1px solid!important
}

.focus i {
    color: #6e3e92
}

footer .col-md-3 p {
    line-height: 26px
}

footer .col-md-3 li a:hover {
    color: #ffa400;
}

a.showreel-link2 i,
section.banner a.showreel-link i {
    font-size: 24px;
    position: absolute;
    left: 8px;
    top: 13px
}

section.lp-banners ul li {
    display: inline-block;
    margin: 0 12px;
    font-size: 13px
}

section.lp-banners ul {
    background: rgba(0, 0, 0, .18);
    padding: 15px 0;
    letter-spacing: 2px;
    font-size: 17px;
    font-weight: 700;
    width: 90%;
    margin: 14px auto 20px
}

.animation2d-banner {
    background-image: url(../images/service-banner-3.jpg)!important;
    height: 546px;
    display: flex;
    align-items: left;
    justify-content: center;
    flex-direction: column
}

.testimonial-banner {
    background-image: url(../images/bg2.jpg)!important;
    background-position: left -120px!important
}

.whychoose-us-banner {
    background-image: url(../images/bg2.jpg)!important;
    background-position: left -120px!important
}

.video-animation-banner {
    background-image: url(../images/video-animation-bn.jpg)!important;
    background-position: left -120px!important
}

.portfolio-banner {
    background-image: url(../images/default-banner.jpg)!important;
    background-position: left -120px!important
}

.company-banner {
    background-image: url(../images/bg2.jpg)!important;
    background-position: left -120px!important
}

section.banner.typography-banner {
    background-image: url(../images/typography-banner.jpg)!important
}

section.banner.whiteboard-banner {
    background-image: url(../images/whiteboard-banner.jpg)!important
}

section.banner.animation-banner {
    background-image: url(../images/animation-banner.jpg)!important;
    background-size: 100% 100%
}

section.banner.animation-banner p {
    margin-bottom: 30px
}

section.banner.motiongraphics-banner {
    background-image: url(../images/motion-graphics-banner.jpg)!important;
    background-size: 100% 101%
}

section.lp-banners h2 strong {
    font-size: 20px;
    padding: 0 190px;
    text-align: left;
    margin-bottom: 27px;
    font-weight: 600
}

section.lp-banners h2 {
    font-size: 40px;
    text-shadow: rgba(0, 0, 0, .96) 0 2px 1px
}

section.lp-services-content {
    background: url(../images/shadow-bar.png) no-repeat center top #fafafa;
    padding: 50px 0
}

section.lp-services-content h1,
section.lp-services-content h2 {
    font-size: 36px;
    color: #010101;
    text-transform: uppercase;
    font-weight: 800;
    margin: 50px 0 17px 0
}

section.lp-services-content h4 {
    color: #2a2a2a;
    margin-bottom: 13px;
    font-size: 24px
}

section.lp-services-content p {
    font-size: 16px;
    margin-bottom: 17px;
    color: #858585
}

section.lp-services-content a {
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 16px;
    color: #828282;
    border: #828282 3px solid;
    border-radius: 3px;
    font-weight: 600;
    margin: 0 8px 0 0
}

section.lp-services-content a+a {
    color: #f35e36;
    border-color: #f35e36
}

button#portfolio-loadmore+a {
    font-size: 17px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 36px;
    color: #6e3e92;
    border: #6e3e92 3px solid;
    border-radius: 3px;
    font-weight: 600;
    margin: 0 8px 0 0
}

button#portfolio-loadmore {
    font-size: 17px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 36px;
    color: #828282;
    border: #828282 3px solid;
    border-radius: 3px;
    font-weight: 600;
    margin: 0 8px 0 0;
    background: 0 0;
    outline: 0
}

ul.row.portofolio-loader {
    margin-bottom: 32px
}

button#portfolio-loadmore+a:hover,
section.lp-services-content a+a:hover {
    background: #6e3e92;
    color: #fff
}

button#portfolio-loadmore:hover,
section.lp-services-content a:hover {
    background: #f15e2c;
    color: #fff
}

section.lp.form .col-md-5 h4 {
    color: #000;
    font-size: 30px;
    font-style: italic;
    margin-bottom: 32px;
    font-weight: 600;
    letter-spacing: 1px
}

section.lp.form .col-md-5 img {
    max-width: none;
    margin-left: -39px
}

.lp_form_full h5 {
    color: #6e3e92;
    font-size: 36px;
    text-align: left;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 32px;
    margin-top: 6px
}

.lp_form_full ul li {
    width: 100%!important;
    text-align: left;
    margin-bottom: 3px;
    margin-top: 8px
}

.lp_form_full ul {
    padding: 20px 30px;
    background: #f5f5f5;
    position: relative;
    z-index: 1;
    border-radius: 5px
}

section.lp.form .col-md-5:after {
    background: #efefef;
    height: 100%;
    position: absolute;
    right: -20px;
    top: 0;
    width: 1px;
    content: ""
}

.lp_form_full {
    padding-left: 72px;
    text-align: left
}

.lp_form_full ul li input[type=email],
.lp_form_full ul li input[type=text],
.lp_form_full ul li textarea {
    background: #fff;
    padding: 12px 10px 12px 37px;
    font-size: 14px
}

.lp_form_full ul li i {
    top: 16px;
    left: 15px
}

.lp_form_full ul li.last {
    text-align: left
}

.lp_form_full:after {
    background: url(../images/form-btm-shadow.png) no-repeat center top;
    background-size: contain;
    position: absolute;
    bottom: -19px;
    left: 37px;
    content: "";
    height: 50px;
    width: 100%;
    z-index: 0;
    opacity: .4
}

.lp_form_full input[type=submit] {
    font-size: 16px!important;
    padding: 12px 32px!important
}

section.lp.form .col-md-5 .btn-orange {
    font-size: 17px;
    text-transform: uppercase;
    padding: 10px 36px;
    color: #6e3e92;
    border: #6e3e92 3px solid;
    border-radius: 5px;
    font-weight: 600;
    display: inline-block;
    margin-top: 22px
}

.lp_form_full ul li textarea {
    height: 100px
}

section.lp-services-content a {
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 25px;
    color: #f15e2c;
    border: #f15e2c 3px solid;
    border-radius: 3px;
    font-weight: 600;
    margin: 0 8px 0 0
}

section.lp-services-content p a,
section.lp-services-content p a:hover {
    border: 0;
    color: #f15e2c!important;
    display: inline-block;
    padding: 0;
    background: 0 0!important;
    margin: 0
}

section.lp-services-content a+a {
    color: #6e3e92;
    border-color: #6e3e92
}

section.inner-banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    color: #fff;
    padding: 70px 0;
    border-color: #ff6e7b;
    text-align: left;
    height: 400px;
}

p.md20 {
    font-size: 14px;
    margin-bottom: 20px
}

.expertise-banner {
    background-image: url(../images/hm-banner.jpg);
    background-position: left -120px!important;
    height: 546px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

section.inner-banner h1,
section.inner-banner h2 {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 10px
}

section.inner-banner p {
    display: block;
}

section.expertise-col {
    padding: 80px 0
}

section.expertise-col h4 {
    font-size: 36px;
    color: #010101;
    font-weight: 800;
    margin-bottom: 13px;
    margin-top: 50px
}

section.expertise-col h6 {
    color: #2a2a2a;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px
}

section.expertise-col p {
    margin-bottom: 23px
}

section.expertise-col a {
    font-size: 17px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 36px;
    color: #6e3e92;
    border: #6e3e92 3px solid;
    border-radius: 7px;
    font-weight: 600;
    margin: 0 8px 0 0
}

section.expertise-col a+a {
    background: #6e3e92;
    color: #fff
}

section.expertise-col img {
    max-width: 90%
}

.bg-gray {
    background: #f3f3f3
}

section.testimonials.bg-color-orange {
    background: #fbb03b
}

section.testimonials.bg-color-orange * {
    color: #fff!important
}

.process-banner {
    background-image: url(../images/process-banner.jpg)
}

.pricing-banner {
    background-image: url(../images/bg.jpg)
}

section.why-short h2 {
    font-size: 33px;
    color: #000;
    line-height: 40px;
    font-weight: 600;
    margin: 0 0 18px
}

section.inner-banner .chat i,
section.inner-banner .various i {
    font-size: 25px;
    margin-left: 6px;
    display: inline-block;
    font-weight: 700
}

section.why-short h2+p {
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 75px
}

ul.whyus-info {
    margin: 0
}

ul.whyus-info li {
    background-size: contain;
    padding: 19px 100px 0 30px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    height: 270px;
    font-size: 13px;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

ul.whyus-info li h6 {
    position: relative;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    padding-top: 16px;
    line-height: 19px;
    margin: 0 0 16px
}

ul.whyus-info li h6:before {
    width: 31px;
    height: 4px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    content: ""
}

ul.whyus-info li h6 span {
    display: block;
    font-size: 18px;
    font-weight: 600
}

section.why-short [class^=col-] {
    padding: 0 5px
}

.info1 {
    background-image: url(../images/whyus-img-bg1.jpg)!important;
    background-color: #02a9ec;
    color: #ffffffd6
}

.info2 {
    background-image: url(../images/whyus-img-bg2.jpg)!important;
    background-color: #f2f6ff;
    color: #464646
}

.info3 {
    background-image: url(../images/whyus-img-bg3.jpg)!important;
    background-color: #dce0e8
}

.info4 {
    background-image: url(../images/whyus-img-bg4.jpg)!important;
    background-color: #3679f3;
    color: #ffffffe0
}

.info5 {
    background-image: url(../images/whyus-img-bg5.jpg)!important;
    background-color: #febb53;
    color: #291902;
    background-size: cover
}

.info6 {
    background-image: url(../images/whyus-img-bg6.jpg)!important;
    background-color: #e8ecf4;
    color: #000000c4
}

.half-col {
    width: 49%;
    display: inline-block;
    height: 480px!important;
    margin: 0 2px;
    padding: 124px 40px 0 30px!important;
    background-size: cover!important;
}

.info1 h6 {
    color: #fff!important
}

.info2 h6:before {
    background: #dca148!important
}

.info2 h6 {
    color: #dca148!important
}

.info3 h6 {
    color: #3475ef!important
}

.info3 h6:before {
    background: #3475ef!important
}

.info6 h6 {
    color: #02a9ec!important
}

.info6 h6:before {
    background: #02a9ec!important
}

header nav ul li i {
    color: #02a9ec;
    font-size: 19px
}

ul.whyus-info li:hover {
    -webkit-box-shadow: 6px 11px 24px -16px rgba(0, 0, 0, .75);
    -moz-box-shadow: 6px 11px 24px -16px rgba(0, 0, 0, .75);
    box-shadow: 6px 11px 35px -29px rgba(0, 0, 0, .75);
    transform: scale(1.05);
    transition: all .3s ease-in-out
}
section.our-review p {
    margin-bottom: 30px;
    color: #2c2f39;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}
section.reviews:before,
section.why-short:before {
    width: 250px;
    height: 250px;
    position: absolute;
    left: -140px;
    top: 33%;
    border: #fbc82c 27px solid;
    border-radius: 100%;
    z-index: 0
}

.video-section .txt {
    background: #fff;
    background: linear-gradient(180deg, #fff 0, rgba(249, 76, 139, .09) 100%);
    margin-left: -30px;
    padding: 20px 30px;
    height: 455px
}

.video-section .txt h2 {
    font-size: 80px;
    color: #d6e2f4;
    line-height: 80px;
    margin: 0 0 0;
    font-weight: 500
}

.video-section .txt h3 {
    font-size: 26px;
    color: #000;
    font-weight: 500;
    margin-bottom: 15px
}

.video-section .txt ul {
    margin-bottom: 10px
}

.video-section .txt ul li {
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    background: #777;
    color: #fff;
    padding: 6px 15px;
    margin-right: 5px;
    font-weight: 600;
    margin-bottom: 5px
}

.video-section .txt ul li.active {
    background: #06f
}

.video-section .txt p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px
}

.video-section .txt a:first-child {
    background: #fab800;
    color: #000;
    margin-right: 5px
}

.video-section .txt a img {
    margin-left: 20px;
    float: none
}

.video-section .txt a span {
    position: relative;
    top: 4px
}

.video-section {
    padding: 40px 0;
    position: relative;
    overflow: hidden
}

.video-section .row {
    margin-bottom: 40px
}

.video-section .right .txt {
    width: calc(100% + 30px);
    margin-left: 0
}

.video-section .row:nth-child(2) .txt {
    background: linear-gradient(180deg, #fff 0, rgba(160, 205, 200, .31) 100%)
}

.video-section .row:nth-child(3) .txt {
    background: linear-gradient(180deg, #fff 0, rgba(247, 247, 247, .51) 100%)
}

.video-section .row:nth-child(4) .txt {
    background: linear-gradient(180deg, #fff 0, rgba(105, 167, 119, .2) 100%)
}

.video-section .row:nth-child(5) .txt {
    background: linear-gradient(180deg, #fff 0, rgba(255, 126, 68, .1) 100%)
}

.video-section .row:nth-child(6) .txt {
    background: linear-gradient(180deg, #fff 0, rgba(82, 165, 197, .14) 100%)
}

.video-section .row:nth-child(7) .txt {
    background: linear-gradient(180deg, #fff 0, rgba(244, 214, 214, .32) 100%)
}

.hd-partners {
    background: #fff;
    position: relative;
    border-bottom: #e8e8e8 1px solid
}

section.hd-partners .col-md-4 {
    padding: 0;
    overflow: hidden
}

section.hd-partners span {
    text-transform: uppercase;
    font-size: 22px;
    color: #2c2f39;
    font-weight: 600;
    letter-spacing: 1px;
}

section.hd-partners .col-md-8 {
    padding: 0
}

section.partners {
    background: #f1f1f1;
    padding: 30px 0
}

.our-pricing h2 {
    text-align: center;
    font-size: 34px;
    font-weight: 600;
    position: relative;
    z-index: 1;
    display: inline-block;
    color: #000;
}

.our-pricing h2 span {
    font-size: 16px;
    color: #797979;
    font-weight: 500;
    width: 70%;
    margin: 8px auto 0;
    line-height: 22px
}

.our-pricing {
    padding: 60px 0;
    background: #eaf2ff;
    background: rgb(252,255,179);
    background: linear-gradient(180deg, rgb(255 227 206 / 50%) 0%, rgba(255,255,255,1) 100%);
}

.our-pricing .pack {
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 5px #ddd;
    float: left;
    width: 100%;
    position: relative;
    z-index: 9;
    left: 0
}

p.default-para {
    font-size: 16px;
    color: #2c2f39;
    width: 70%;
    margin: 10px auto 30px;
    line-height: 20px;
    font-family: inherit;
    text-align: center;
}

.our-pricing .pack .head {
    background: #f3f8ff;
    padding: 10px 15px;
    color: #fff
}

.our-pricing .pack .head h4 {
      display: inline-block;
    font-size: 20px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 10px;
}

.our-pricing .pack .head h3 strong {
    display: block;
    color: #585858;
    font-size: 15px;
    font-weight: 500;
    text-align: right;
    top: -8px;
    position: relative
}.our-pricing h2:after {
    content: '';
    height: 9px;
    left: 0;
    bottom: 5px;
    width: 70%;
    position: absolute;
    z-index: -1;
    background: rgb(248,212,97);
    background: linear-gradient(90deg, rgb(255 117 15) 0%, rgba(255, 255, 255, 0.27) 100%);
}

.our-pricing .pack .head h3 {
    display: inline-block;
    position: relative;
    color: #000042;
    font-size: 27px;
    float: right;
    z-index: 1;
    top: 5px;
    font-weight: 700;
    color: #171f2c;
}
.our-pricing .pack .head h3:after {
    content: '';
    height: 33px;
    left: -5px;
    bottom: 0px;
    width: 100%;
    position: absolute;
    z-index: -1;
    background: rgb(248,212,97);
    background: linear-gradient(90deg, rgb(255 117 15) 0%, rgba(255, 255, 255, 0.27) 100%);
}
.our-pricing .pack .head h3:before {
    content: '';
    height: 73px;
    width: 81px;
    position: absolute;
    left: -1px;
    top: 0;
    z-index: -1;
    background-size: 85%;
    opacity: .7;
}

.our-pricing .pack .head h4 span {
    display: block;
    color: #232428;
    font-size: 12px;
    margin-top: 5px;
    font-weight: 600;
}

.our-pricing .col-sm-3 {
    padding: 0 8px
}
.our-pricing .pack ul li:before {
}

.our-pricing .pack ul li:last-child {
    border: 0;
}
.our-pricing .pack ul {
    padding:10px 26px;
}

li.sec strong {
    color: #dd4d70;
    text-align: right;
    display: inline-block;
    font-style: italic;
}

li.sec {
    display: block;
    width: 100%
}
.our-pricing .pack ul li:first-child:before {content: none;}
.our-pricing .pack ul li:first-child {font-size: 14px;}
.our-pricing .pack ul li {
color: #2c2f39;
    font-weight: 400;
    margin-bottom: 2px;
    border-bottom: 1px #eef2f9 solid;
    padding: 6px 0;
    font-family: 'Poppins', sans-serif;
    padding-left: 0;
    font-size: 14px;
}

.our-pricing .pack .head h3 img {
    position: absolute;
    bottom: -10px;
    right: -8px
}

.our-pricing .pack .foot {
    background: #f3f8ff;
    padding: 20px 15px;
    float: left;
    width: 100%;
    text-align: center;
}

.our-pricing .pack .foot h5 {
     display: inline-block;
    margin: 0;
    font-size: 18px;
    color: #02a9ec;
    font-weight: 600;
    vertical-align: middle;
}

.our-pricing .pack .foot a.pricebutton {
       background: #081d78;
    color: #fff !important;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 35px;
    position: relative;
    margin-right: 10px;
}


a.default_button {
    display: inline-block;
    margin-top: 40px;
    margin-left: 30px;
    background: #081d78;
    color: #fff !important;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12px 29px;
    position: relative;
    margin-right: 15px;
}
a.default_button:after {
    content: '';
    background: white;
    height: 60%;
    right: 10px;
    top: 0;
    position: absolute;
    width: 1px;
}
.our-pricing .pack .foot a.pricebutton:after {   
    content: '';
    background: white;
    height: 60%;
    right: 10px;
    top: 0;
    position: absolute;
    width: 1px;
}
.our-pricing .pack:before {
    content: '';
    height: 21px;
    width: 100%;
    position: absolute;
    top: -22px;
    left: 19px
}

section.cta-bar {
    background: #02a9ec;
    text-align: center;
    color: #fff;
    padding: 16px 0;
    font-size: 18px;
}

section.cta-bar a {
    color: #081d78;
    font-weight: 600;
    display: inline-block;
    margin-top: -5px;
}

section.partners-section {
    border-top: 2px solid #d7d7d7;
    padding: 20px 0;
    background: #f6f6f6;
    text-align: center
}

.pricing-page .ultimate-pack {
    background: #e5ffd4
}

.our-review {
    padding: 50px 0
}

section.our-review h2 {
   font-size: 36px;
    color: #000;
    font-weight: 600;
    margin-bottom: 12px;
    position: relative;
    display: inline-block;
}
section.our-review h2:after {
    content: '';
    height: 9px;
    left: 0;
    bottom: 5px;
    width: 70%;
    position: absolute;
    z-index: -1;
    background: rgb(248,212,97);
    background: linear-gradient(90deg, rgb(255 117 15) 0%, rgba(255, 255, 255, 0.27) 100%);
}
.our-review .box {
    text-align: center;
    padding: 30px 20px;
    box-shadow: 0 0 5px #cdd9ff;
    margin-bottom: 25px;
    height: 100%;
    min-height: 260px;
}

.our-review .box h3 {
    font-size: 80px;
    color: #000;
    font-weight: 500;
    line-height: 60px;
    position: relative;
    margin: 0 0 25px
}

.our-review .box h3:before {
    content: '';
    background: #50aada2b;
    height: 73px;
    width: 81px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -5px;
    z-index: -1
}

.our-review .box h4 {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    margin: 0 0 5px
}

.our-review .box h4 span {
    font-weight: 500;
    color: #081d78;
    display: block;
    font-size: 14px;
    margin-top: 5px;
}

.our-review .box p {
    font-size: 14px;
    color: #050404;
    line-height: 20px;
    font-weight: 400;
    margin: 0;
}

section.process-col {
    padding: 80px 0 50px
}

section.process-col [class^=col-] {
    min-height: 330px;
    padding-bottom: 33px;
    border-bottom: #e8e8e8 1px solid;
    padding-top: 30px;
    margin-top: 0
}
.video-style h2:after {
    content: '';
    height: 9px;
    left: 0;
    bottom: 5px;
    width: 70%;
    position: absolute;
    z-index: -1;
    background: rgb(248,212,97);
    background: linear-gradient(90deg, rgb(255 117 15) 0%, rgba(255, 255, 255, 0.27) 100%);
    }
.video-style {
    padding: 70px 0 40px 0;
    background: #99dbff2b;
}

.video-style h2 {
    color: #000;
      text-align: center;
    font-size: 34px;
    font-weight: 600;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.video-style figure {
    margin: 0 0 8px;
    position: relative;
    overflow: hidden
}

.video-style figure figcaption {
    position: absolute;
    bottom: 15px;
    left: 20px;
    transition: .5s all;
    z-index: 2
}

.video-style figure figcaption h4 {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    margin: 0
}

.video-style .col-sm-7 .col-sm-4 {
    padding: 0 5px
}

.video-style .col-sm-7 {
    padding: 0 7px
}

section.process-col [class^=col-] i {
    margin-bottom: 23px;
    display: block
}

section.process-col [class^=col-] h4 {
    color: #353535;
    font-size: 27px;
    font-weight: 800;
    margin-bottom: 11px
}

section.process-col [class^=col-] p {
    padding-right: 22px;
    font-size: 15px;
    line-height: 20px
}

section.process-col [class^=col-]:before {
    background: #e8e8e8;
    height: 100%;
    width: 1px;
    position: absolute;
    right: 16px;
    top: 0;
    content: ""
}

section.process-col .col-md-4+.col-md-4+.col-md-4.col-md-4+.col-md-4+.col-md-4+.col-md-4:before,
section.process-col .col-md-4+.col-md-4+.col-md-4:before {
    visibility: hidden
}

section.process-col .col-md-4+.col-md-4+.col-md-4+.col-md-4:before {
    visibility: visible
}

section.process-col .col-md-4+.col-md-4+.col-md-4+.col-md-4 {
    border: 0 none
}

header#sticky-header {
    background: #fff;
    width: 100%;
    box-shadow: rgba(0, 0, 0, .52) 0 0 30px;
    z-index: -1;
    top: 0;
    position: fixed;
    padding: 10px 0
}

ul.navigation {
    text-align: right;
    margin-top: 17px
}

ul.navigation li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 10px;
    font-weight: 600;
    position: relative
}

ul.navigation li a {
    color: #000;
    display: block
}

.sticky-header .top-cta li {
    font-size: 14px
}

.sticky-header .top-cta li i {
    font-size: 17px
}

.sticky-header .col-md-2,
header .col-md-2 {
    padding: 0
}

.sticky-header .top-cta {
    margin-top: 10px
}

.push-right {
    width: 500px;
    bottom: 0;
    color: #fff;
    right: -500px;
    overflow: auto;
    position: fixed;
    top: 0;
    padding: 50px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 2;
    background: rgba(239, 144, 21, 1);
    background: -moz-linear-gradient(left, rgba(239, 144, 21, 1) 0, rgba(222, 120, 17, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(239, 144, 21, 1)), color-stop(100%, rgba(222, 120, 17, 1)));
    background: -webkit-linear-gradient(left, rgba(239, 144, 21, 1) 0, rgba(222, 120, 17, 1) 100%);
    background: -o-linear-gradient(left, rgba(239, 144, 21, 1) 0, rgba(222, 120, 17, 1) 100%);
    background: -ms-linear-gradient(left, rgba(239, 144, 21, 1) 0, rgba(222, 120, 17, 1) 100%);
    background: linear-gradient(to right, rgba(239, 144, 21, 1) 0, rgba(222, 120, 17, 1) 100%)
}

body.show-sidebar .push-right {
    right: 0
}

body.show-sidebar {
    margin-left: -500px
}

.body-overlay {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.body-overlay-apply {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(29, 31, 32, .75);
    cursor: pointer;
    z-index: 999
}

.siderbar-nav {
    position: absolute;
    right: 0;
    z-index: 999;
    text-shadow: rgba(0, 0, 0, .55) 0 1px 1px;
    display: none!important
}

.siderbar-nav .nav {
    position: absolute;
    z-index: 99;
    top: 31px;
    right: 50px;
    font-size: 32px;
    text-shadow: none
}

.siderbar-nav .push-right ul.sidebar-nav>li {
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    padding-left: 19px;
    margin-bottom: 22px;
    text-shadow: rgba(0, 0, 0, .55) 0 1px 1px
}

.siderbar-nav .push-right ul.sidebar-nav>li>a {
    display: block;
    color: #fff
}

.siderbar-nav .nav i.fa.fa-navicon {
    color: #000
}

.siderbar-nav .nav i.fa.fa-times {
    color: #fff
}

.sticky-header.affix {
    z-index: 99!important
}

section.our-process-col {
    padding: 60px 0 191px;
    text-align: center;
    background-size: contain;
    position: relative
}

section.our-process-col h2 {
    color: #000;
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 23px
}

section.our-process-col h2+p {
    padding: 0 160px;
    color: #5f5f5f;
    font-size: 15px;
    margin-bottom: 63px
}

i.cloud-vector1 {
    background: url(../images/cloud-vector1.jpg) no-repeat left top;
    width: 188px;
    height: 38px;
    position: absolute;
    left: 14%;
    top: 90px
}

i.cloud-vector2 {
    background: url(../images/cloud-vector2.jpg) no-repeat left top;
    width: 92px;
    height: 25px;
    position: absolute;
    left: 5%;
    top: 200px
}

i.cloud-vector3 {
    background: url(../images/cloud-vector3.jpg) no-repeat left top;
    width: 180px;
    height: 49px;
    position: absolute;
    right: 10%;
    top: 280px
}

section.our-process-col ul {
    margin: 0;
    text-align: left
}

section.our-process-col ul li {
    background: #fff;
    padding: 60px 34px 22px 33px;
    border-radius: 7px;
    margin-bottom: 30px;
    position: relative;
    color: #888;
    overflow: hidden;
    font-size: 13px;
    box-shadow: #9ab9f554 1px 3px 9px
}

section.our-process-col ul li:last-child {
    margin: 0
}

section.our-process-col ul li span.process-icon {
    position: absolute;
    right: 12px;
    top: 12px
}

section.our-process-col ul li .count-number {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 34px;
    color: #02a9ec;
    font-weight: 600;
    letter-spacing: -1px;
    opacity: .5;
}

section.our-process-col ul li h6 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}

section.our-process-col ul li .fa-plus {
    position: absolute;
    right: 17px;
    font-size: 17px;
    color: #3474ef;
    font-weight: 600;
    bottom: 11px
}

section.our-process-col .btm-process-img img {
    margin-bottom: 0;
    max-width: initial;
    display: block;
    position: relative;
    bottom: -203px
}

.popupform ul li {
    text-align: left;
    position: relative;
    width: 100%;
    margin: 8px 0;
    display: inline-block
}

.popupform ul li input[type=email],
.popupform ul li input[type=text],
.popupform ul li input[type=number],
.popupform ul li textarea {
    border: 0;
    padding: 12px 10px 12px 33px;
    width: 100%;
    border-radius: 0;
    font-size: 14px;
    color: #000;
    box-shadow: none!important;
    border: #dad6d6 1px solid;
    outline: 0 none!important
}


.popupform ul li i {
    position: absolute;
    top: 12px;
    left: 10px
}

.popupform ul li textarea {
    height: 110px
}

.popupform ul li.last {
    text-align: center
}

.popupform ul li input[type=submit] {
    background: #f04e4e;
    font-size: 18px;
    color: #fff;
    border: #f04e4e 1px solid;
    border-radius: 50px;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    padding: 12px 10px;
    display: block;
    margin-top: 0
}

.popupform ul li input[type=submit]:hover {
    background: #da840e
}

.popupform ul li input[type=email]:focus,
.popupform ul li input[type=text]:focus,
.popupform ul li textarea:focus {
    border: #6e3e92 1px solid!important
}

.popupform h6 {
    color: #fff;
    width: 246px;
    text-align: center;
    font-size: 17px;
    position: absolute;
    top: 180px;
    line-height: 28px;
    left: 30px
}

.popupform {
    background: url(../images/popup-bg.jpg) no-repeat left top!important;
    width: 854px;
    height: 820px;
    padding-top: 102px;
    overflow: visible
}

form.validate-popup {
    width: 370px;
    float: right
}

form.validate-popup.pop-new {
    margin-right: 92px
}

.popupform h2 {
    text-align: center;
    font-size: 29px;
    margin: 20px 0 0;
    font-weight: 600;
    line-height: 31px
}

.popupform h2+p {
    font-size: 13px;
    text-align: center;
    margin-top: 13px;
    color: #636060;
    letter-spacing: 1px;
    margin-bottom: 15px
}

.popupform:before {
    width: 160px;
    height: 134px;
    content: "";
    position: absolute;
    left: -86px;
    top: 21px;
    z-index: -1;
    -ms-transform: rotate(-14deg);
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg)
}

.popupform .fancybox-close-small {
    position: absolute;
    right: 80px;
    top: 88px;
    background: #fe5757;
    opacity: 1;
    border-radius: 50px;
    color: #fff;
    font-weight: 700
}

.siderbar-nav .push-right ul.sidebar-nav>li:before {
    position: absolute;
    background: #fff;
    height: 0;
    width: 5px;
    content: "";
    left: 0;
    top: 0;
    visibility: hidden;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    border-radius: 22px;
    visibility: hidden!important
}

.siderbar-nav h5 {
    font-size: 22px;
    text-transform: uppercase;
    border-bottom: #ff9f27 1px solid;
    display: inline-block;
    padding-bottom: 7px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-top: 22px
}

.social-sidebar {
    color: #fff;
    font-size: 26px;
    margin-top: 13px
}

.social-sidebar li {
    display: inline-block;
    margin: 0 15px 0 0
}

.social-sidebar li a {
    color: #fff;
    display: block
}

.siderbar-nav h4 {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: -7px;
    margin-bottom: 83px
}

section.pricing-col {
    padding: 50px 0;
    text-align: center;
    background: #fff
}

section.pricing-col h2 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 12px;
    color: #000
}

section.pricing-col h2+p {
    font-size: 18px
}

section.pricing-col ul {
    margin-top: 32px;
    text-align: center
}

section.pricing-col ul li {
    position: relative;
    display: inline-block;
    border: #e7e7e7 5px solid;
    width: 34%;
    margin: 15px;
    padding: 20px 0
}

section.pricing-col ul li h5 {
    color: #fff;
    font-size: 18px;
    background: #f05a28;
    text-align: center;
    text-shadow: #000 0 1px 1px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 0;
    font-style: italic;
    padding: 10px 0
}

section.pricing-col ul li h4 {
    font-size: 22px;
    color: #353535;
    font-weight: 800;
    margin-bottom: 17px
}

a {
    transition: .5s ease-in-out;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.btn-orng-grd,
section.pricing-col ul li a.btn-blue {
    display: inline-block;
    color: #fff;
    text-shadow: #000 0 1px 1px;
    padding: 12px 4px;
    font-weight: 600;
    font-size: 13px;
    border-radius: 3px;
    letter-spacing: .5px;
    margin-top: 6px;
    text-transform: uppercase;
    background: #652d90;
    width: 171px
}

section.pricing-col ul li:hover {
    border-color: #652d90
}

section.price_content {
    background: #f6f6f6;
    font-size: 18px
}

section.price_content h2 {
    font-size: 36px;
    color: #000;
    margin-bottom: 32px;
    font-weight: 800;
    margin-top: 52px
}

ul.list-checkbox li:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f14a";
    color: #6e3e92;
    margin-right: 6px
}

ul.list-checkbox li {
    margin-bottom: 16px
}

section.price_content .col-md-7 a {
    display: inline-block;
    color: #fff;
    text-shadow: #000 0 1px 1px;
    padding: 12px 24px;
    font-weight: 600;
    border-radius: 3px;
    letter-spacing: 1px;
    margin-top: 22px;
    text-transform: uppercase;
    background: #17008b;
    background: -moz-linear-gradient(top, #17008b 0, #160084 100%);
    background: -webkit-gradient(top, #17008b 0, #160084 100%);
    background: -webkit-linear-gradient(top, #17008b 0, #160084 100%);
    background: -o-linear-gradient(top, #17008b 0, #160084 100%);
    background: -ms-linear-gradient(top, #17008b 0, #160084 100%);
    background: linear-gradient(top, #17008b 0, #160084 100%)
}

.btn-orng-grd:hover,
section.price_content .col-md-7 a:hover,
section.pricing-col ul li a:hover {
    background: rgba(47, 65, 139, 1);
    background: -moz-linear-gradient(-45deg, rgba(47, 65, 139, 1) 0, rgba(234, 16, 41, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(47, 65, 139, 1)), color-stop(100%, rgba(234, 16, 41, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(47, 65, 139, 1) 0, rgba(234, 16, 41, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(47, 65, 139, 1) 0, rgba(234, 16, 41, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(47, 65, 139, 1) 0, rgba(234, 16, 41, 1) 100%);
    background: linear-gradient(135deg, rgba(47, 65, 139, 1) 0, rgba(234, 16, 41, 1) 100%)
}

.siderbar-nav .push-right ul.sidebar-nav li:hover:before {
    visibility: visible;
    height: 95%
}

.siderbar-nav .push-right ul.sidebar-nav>li:after {
    background: #ffac45;
    width: 0;
    content: "";
    height: 2px;
    position: absolute;
    left: 20px;
    bottom: -5px;
    -webkit-transition: .5s ease-in-out;
    transition: .2s ease-in-out
}

.siderbar-nav .push-right ul.sidebar-nav>li:hover:after {
    width: 200px
}

section.inner-banner p+a {
    background: #6e3e92;
    color: #fff;
    padding: 12px 14px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    display: inline-block
}

section.who-we-are {
    padding: 50px 0;
    color: #858585
}

section.who-we-are h2 {
    color: #000;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 13px
}

section.who-we-are h6 {
    color: #56565e;
    font-size: 20px;
    font-style: italic;
    margin-bottom: 13px
}

section.who-we-are h6+p {
    padding-left: 13px;
    border-left: #6e3e92 1px solid
}

section.home-col3 i {
    font-size: 39px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 7px;
    max-width: 62px
}

section.home-col3 h6 {
    font-size: 22px;
    position: relative;
    display: inline-block;
    padding-left: 52px;
    text-align: left;
    font-weight: 700;
    margin-top: 7px
}

section.home-col3 i.iconn-play-circle {
    top: 4px
}

section.home-col3 i.iconn-thumb-client {
    top: 0;
    font-size: 48px
}

section.home-col3 .col-md-4+.col-md-4+.col-md-4 h6 {
    padding-left: 41px
}

section.home-col3 .border-right-1 {
    border-right: rgba(255, 255, 255, .36) 1px solid
}

section.whychoose-col {
    padding: 70px 0;
    text-align: center
}

.bg-fafafa {
    background: #fafafa
}

section.whychoose-col h2 {
    color: #000;
    font-weight: 800;
    font-size: 36px;
    margin-bottom: 16px
}

section.whychoose-col h2+p {
    padding: 0 110px;
    margin-bottom: 12px
}

section.whychoose-col [class^=col-] ul li {
    margin-bottom: 43px;
    padding-left: 82px;
    position: relative
}

section.whychoose-col [class^=col-] ul li i {
    position: absolute;
    left: 0;
    width: 100px
}

section.whychoose-col [class^=col-] ul li h6 {
    font-size: 22px;
    color: #353535;
    font-weight: 600;
    margin-bottom: 8px
}

section.whychoose-col [class^=col-] ul {
    margin-top: 21px;
    text-align: left
}

section.whychoose-col [class^=col-] ul li.last {
    margin-bottom: 0
}

i.iconn-globe:after {
    background: url(../images/globe-icon.png) no-repeat;
    width: 41px;
    height: 39px;
    display: block;
    content: ""
}

i.iconn-globe:before {
    display: none
}

.iconn-email-icon:before {
    content: "\e903"
}

.iconn-map-mark:before {
    content: "\e904"
}

.iconn-phone-icon:before {
    content: "\e905"
}

section.home-col3 i.iconn-globe {
    left: -12px;
    top: 5px
}

.banner-with-img p {
    padding: 0!important;
    text-align: left
}

.banner-with-img {
    text-align: center
}

.banner-with-img .col-md-7 {
    text-align: right
}

.banner-with-img .col-md-7 a {
    padding: 0!important;
    background: 0 0
}

.banner-with-img h2 {
    margin-top: 42px;
    margin-bottom: 23px!important
}

.banner-with-img h2+p {
    margin-bottom: 22px
}

section.gray-bar {
    padding: 14px 0;
    text-align: center;
    background: #f6f6f6
}

section.gray-bar ul li {
    display: inline-block;
    margin: 0 21px
}

section.whychoose-col [class^=col-] h4 {
    font-size: 22px;
    display: block
}

section.whychoose-col.whychoose-bg1 {
    background: url(../images/whychoose-bg1.jpg) no-repeat left top;
    background-size: cover
}

span.img-guarnteed {
    background: url(../images/guarantee-stamp.png) no-repeat left top;
    background-size: cover;
    width: 75px;
    height: 67px;
    display: inline-block;
    position: relative;
    top: 17px
}

.our-story {
    position: relative;
    padding: 60px 0 20px
}

section.contact-us {
    padding: 50px 50px 30px;
    font-family: Poppins, sans-serif;
    color: #000;
    font-size: 12px;
    background: #fff;
    line-height: 22px;
    position: relative;
    border: 1px dashed #b9cae4
}

section.contact-us p {
    font-size: 13px;
    color: #727272;
    line-height: 20px
}

section.contact-us h5 {
    font-size: 19px;
    color: #848894;
    font-style: italic
}

section.contact-us h4 {
    font-size: 30px;
    color: #02a9ec;
    font-weight: 700
}

section.contact-us ul li {
    display: inline-block
}

section.contact-us ul li i {
    font-size: 19px;
    color: #ccc
}

section.contact-us ul {
    margin-top: 10px
}

section.contact-us ul li a {
    padding: 10px 20px 0 0
}

.our-story.story-contact:after {
    display: none
}

.contact-us h2 {
    font-size: 24px;
    margin: 0 0 15px
}

section.contact-us p span {
    color: #ff750f;
    font-weight: 700;
    display: block;
}

section.contact-us a {
    font-size: 13px;
    color: #727272
}

.contact-form input,
.contact-form select {
    width: 100%;
    border: 1px solid #ccd9ec;
    padding: 10px 10px;
    height: 50px;
    margin-bottom: 10px;
    border-radius: 2px;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    font-size: 14px;
    font-weight: 400;
    color: #626262;
    background: #f0f6ff
}

.contact-form textarea {
    width: 100%;
    border: 1px solid #ccd9ec;
    padding: 10px 10px;
    margin-bottom: 10px;
    border-radius: 2px;
    font-size: 14px;
    resize: none;
    height: 100px;
    background: #f0f6ff
}

.contact-form input[type=submit] {
    display: inline-block;
    padding: 6px 70px;
    color: #fff;
    font-size: 17px;
    background: #02a9ec;
    border: none;
    width: auto;
    font-weight: 600
}

.contact-form input:focus,
.contact-form textarea:focus {
    border: 2px solid #e74028
}

ul.navigation li:before {
    background: #dd4d70;
    width: 0;
    position: absolute;
    left: 0;
    bottom: -5px;
    height: 3px;
    content: "";
    transition: .2s ease-in-out
}

ul.navigation li:hover:before {
    width: 100%
}

a.ftr-btn:hover {
    background: #02a9ec;
    color: #fff!important;
    border-color: #02a9ec
}

ul.social-footer li:hover a i {
    color: #f96838!important;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

#portfolio {
    margin: 0 0 0 0;
    clear: both;
}

.tile {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    display: none
}

.scale-anm {
    transform: scale(1);
    display: block
}

.tile img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: 1rem
}

.btn {
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    padding: 6px 24px;
    margin: 0;
    height: auto;
    border: 0 solid;
    vertical-align: middle;
    -webkit-appearance: none;
    color: #555;
    margin: 0;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.btn:hover {
    text-decoration: none
}

.active-pf,
.btn:focus,
.btn:hover {
    border-color: #02a9ec;
    color: #02a9ec!important
}

.toolbar.mb2.mt2 {
    padding: 0;
    margin-bottom: 20px;
}

.toolbar .btn {
    padding-left: 13px;
    padding-right: 13px;
    font-size: 14px;
    padding: 0 10px 0;
    border-bottom: #fff 4px solid;
    position: relative;
    box-shadow: none!important;
    outline: 0!important;
    font-weight: 700;
    color: #000;
}

.testimonail-overlay {
    background: rgba(0, 0, 0, .35);
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    border-radius: 11px
}

.testimonail-thumb {
    position: relative;
    overflow: hidden
}

.testimonail-overlay:before {
    background: url(../images/sprite.png) no-repeat -55px -1px;
    width: 49px;
    height: 49px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px;
    content: ""
}

.rating {
    position: relative;
    margin-top: 12px
}

span.rating-stars.stars-5 {
    background: url(../images/sprite.png) no-repeat -3px -68px;
    width: 96px;
    height: 15px;
    display: inline-block;
    margin: 0 8px
}

.rating b {
    color: #000
}

section.testimonial-list [class^=col-] {
    min-height: 375px
}

section.testimonial-list [class^=col-]>div p {
    color: #73727c;
    font-size: 20px;
    line-height: 29px;
    margin: 19px 0 40px 0;
    font-style: italic;
    min-height: 146px
}

section.testimonial-list {
    text-align: center;
    padding: 40px 0
}

section.testimonial-list [class^=col-]>div {
    border: #ededed 3px solid;
    padding: 20px
}

section.testimonial-list [class^=col-]>div h4 {
    color: #010101;
    font-size: 22px;
    margin-bottom: 8px
}

section.testimonial-list [class^=col-]>div h4+span {
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    border: #ccc 1px solid;
    padding: 6px 16px;
    border-radius: 8px;
    margin-bottom: 10px
}

.siderbar-nav .push-right ul.sidebar-nav>li>ul>li {
    font-size: 14px;
    margin-bottom: 9px
}

.siderbar-nav .push-right ul.sidebar-nav>li>ul>li>a {
    color: #fff
}

.siderbar-nav .push-right ul.sidebar-nav>li>ul {
    padding-left: 15px;
    margin-top: 12px;
    border-left: #ffa643 1px solid
}

ul.sidebar-nav li>ul>li>a {
    color: #fff
}

.navigation ul.submenu {
    display: none;
    background: #dd4d70;
    position: absolute;
    left: 0;
    top: 20px;
    width: 230px;
    padding: 10px 0;
    border-radius: 0 0 5px 5px
}

.navigation .submenu li {
    width: 100%;
    text-align: left;
    margin: 0 0 3px 0;
    border-bottom: #0047b2 1px solid
}

.navigation .submenu li a {
    padding: 8px 10px;
    display: block;
    color: #fff!important;
    font-size: 13px
}

.navigation .submenu li:last-child {
    border: 0 none
}

.navigation .submenu li a:before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-weight: 700;
    margin-right: 6px
}

.active_nav a,
a.active_nav,
ul.navigation>li:hover a {
    border-radius: 6px 6px!important
}

a {
    box-sizing: border-box;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.orng-hd,
section.whychoose-col h4 {
    font-size: 33px;
    color: #6e3e92;
    margin-top: 22px;
    font-style: italic;
    text-shadow: rgba(0, 0, 0, .38) 0 1px 1px
}

.portfolio-banner h1,
.portfolio-banner h2 {
    margin-top: 23px
}

.portfolio-banner h2+p {
    font-size: 20px;
    line-height: normal;
    text-align: center
}

section.order-thankyou {
    background: url(../images/default-banner.jpg) no-repeat left top;
    background-size: cover;
    text-align: center;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100vh;
    width: 100%
}

.thankyou-logo {
    margin-bottom: 23px
}

section.order-thankyou h2 {
    font-size: 52px;
    font-weight: 900;
    text-shadow: #000 0 1px 1px;
    margin-bottom: 24px
}

section.order-thankyou h6 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px
}

.amount-charged {
    color: #ffae00;
    font-size: 30px;
    margin-bottom: 24px;
    font-weight: 800;
    background: rgba(0, 0, 0, .27);
    padding: 13px 0;
    letter-spacing: 2px;
    border: #d38a5a 1px solid;
    margin: 0 120px 24px;
    text-shadow: rgba(0, 0, 0, .65) 0 1px 1px
}

p.transaction-msg {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 18px
}

.thankyou.cta {
    margin-bottom: 12px
}

.back-home a,
.thankyou.cta a {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 13px;
    border-radius: 9px;
    margin: 0 10px
}

.back-home i,
.thankyou.cta a i {
    margin-right: 7px
}

.back-home a,
a.thankyou-phone {
    border: #fff 3px solid
}

a.thankyou-chat {
    background: #f09415;
    box-shadow: rgba(0, 0, 0, .4) 1px 1px 6px;
    padding: 11px 13px!important;
    text-shadow: #000 0 1px 1px
}

section.order-thankyou h4 {
    font-size: 21px
}

.back-home {
    margin-top: 24px;
    padding-top: 24px;
    border-top: rgba(0, 0, 0, .12) 1px solid
}

.back-home a:hover {
    background: #f09415;
    border-color: #f09415
}

.thankyou-logo {
    margin-bottom: 23px;
    margin-top: 20px
}

section.order-thankyou h2 {
    font-size: 45px;
    font-weight: 900;
    text-shadow: rgba(0, 0, 0, .51) 0 1px 6px;
    margin-bottom: 11px
}

section.order-thankyou h6 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 21px;
    letter-spacing: 1px
}

.amount-charged {
    color: #ffae00;
    font-size: 27px;
    font-weight: 800;
    background: rgba(0, 0, 0, .36);
    padding: 11px 0;
    letter-spacing: 1px;
    border: #d38a5a 1px solid;
    margin: 0 180px 13px;
    border-radius: 3px
}

section.order-thankyou h1 {
    font-size: 110px;
    font-weight: 900;
    text-shadow: rgba(0, 0, 0, .49) 0 1px 16px;
    margin-bottom: 24px
}

section.order-thankyou h1+h6 {
    margin-bottom: 33px
}

.testimonial-slider.owl-theme .owl-nav {
    display: none!important
}

section.home-col2 h6 {
    color: #fff;
    margin-bottom: 11px;
    font-size: 26px;
    font-weight: 700
}

footer a:hover {
    color: #ffa400  !important;
}

.testimonail_video_slider .owl-nav [class*=owl-] {
    position: absolute;
    top: 121px;
    background: #6e3e92;
    color: #000;
    font-size: 32px;
    padding: 0 16px
}

.ft-12 {
    font-size: 12px!important
}

.img-height-272 {
    height: 272px!important
}

.hover-none-portfolio>div:hover .portfolio-content h4 {
    color: #000!important
}

.testimonail_video_slider .owl-nav .owl-prev {
    left: -14px
}

.small-txt-opt {
    font-size: 11px;
    display: block;
    display: none;
    position: absolute;
    bottom: 21px;
    width: 200px
}

.testimonail_video_slider .owl-nav .owl-next {
    right: 3px
}

.padtop-34 {
    padding-top: 34px
}

.testimonail_video_slider.owl-carousel .item-video {
    border-radius: 12px
}

ul.row.portofolio-loader [class^=col-]>div img {
    border: #e8e8e8 1px solid
}

.portfolio-content a:hover {
    background: 0 0!important;
    border-color: #fff!important
}

.colspArticle .moreContnt {
    display: none;
    text-align: justify
}

.list-01 li a {
    color: #b0b0b0
}

.list-01 {
    margin-top: 30px
}

.list-01 li {
    margin-bottom: 13px;
    padding-left: 17px;
    position: relative;
    line-height: normal
}

.list-01 li:before {
    content: "\f054";
    font-size: 13px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #6e3e92;
    position: absolute;
    left: 0
}

.sub-heading {
    color: #6e3e92!important;
    text-transform: capitalize;
    font-size: 17px!important;
    margin-top: 15px;
    margin-bottom: 4px!important
}

#checkbox,
.btn2 span {
    display: none
}

.btn2 {
    display: block;
    background-color: #02a9ec;
    color: #fff;
    width: 55px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    cursor: pointer;
    transition: width .3s ease-in-out
}

.sidebar {
    background-color: #2b2e33;
    position: fixed;
    width: 250px;
    height: 100%;
    z-index: 1111;
    transition: transform .3s ease-in-out;
    transform: translateX(-250px);
    top: 46px
}

.sidebar ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.sidebar ul a {
    position: relative;
    text-decoration: none;
    display: block;
    background-color: transparent;
    color: #bab5bd;
    padding: 9px 20px;
    font-size: 14px
}

.sidebar ul a li i {
    margin-right: 15px
}

.sidebar ul a:nth-child(2)::after,
.sidebar ul a:nth-child(3)::after {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -9px;
    color: #fff;
    font-size: 13px;
    padding: 0 7px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.sidebar ul a:nth-child(2)::after {
    content: "New";
    background-color: tomato
}

.sidebar ul a:nth-child(3)::after {
    content: "2";
    background-color: #247d9e
}

.sidebar ul a:nth-child(2) li i {
    margin-left: 4px;
    margin-right: 19px
}

.sidebar ul a.active,
.sidebar ul a:hover {
    background-color: #161920;
    color: #fff
}

.desktop-hide {
    display: none
}

.sidebar ul a.active::before,
.sidebar ul a:hover::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: #ffae00;
    width: 4px;
    height: 100%
}

#checkbox:checked~.sidebar {
    transform: translateX(0)
}

ul.navigation li a i {
    position: relative;
    right: -2px;
    top: -2px;
    color: #6e3e92
}

.sidebar h4 {
    color: #fff;
    font-size: 27px;
    margin: 10px 0
}

.sidebar {
    padding: 12px;
    display: none
}

#checkbox:checked+.btn2 {
    width: 250px;
    padding: 0;
    margin: 0
}

#checkbox:checked+.btn2 span {
    display: inline
}

.logo {
    display: block;
    padding: 10px 0 10px 0;
    width: 70%;
}

.pd-right-0 {
    padding-right: 0 none!important
}

header.header-order ul.top-cta {
    margin-top: 31px
}

header.header-order {
    padding: 10px
}

header.header-order ul.top-cta li a {
    font-size: 14px
}

#ouibounce-modal .modal-body li {
    position: relative;
    width: 98%;
    display: inline-block;
    margin: 0 3px 6px
}
input.required.number {
    padding: 12px 12px 12px 32px;
    font-size: 12px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ccc;
    -webkit-font-smoothing: antialiased;
    background: #f4f4f4;
    margin: 0;
    color: #000;
}

#ouibounce-modal .modal-body li i {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 13px
}

#ouibounce-modal form textarea {
    height: 60px;
    resize: none
}

#ouibounce-modal .modal-body li:nth-child(1),
#ouibounce-modal .modal-body li:nth-child(4) {
    width: 98%
}

#ouibounce-modal .modal-body li.last {
    width: 100%;
    margin-top: 0;
    text-align: center
}

section.testimonials.bg-color-orange .owl-theme .owl-dots .owl-dot span {
    background: #f35b28
}

section.testimonials.bg-color-orange .owl-theme .owl-dots .owl-dot.active span {
    background: #fff
}

section.banner.whitebanner-banner {
    background-image: url(../images/whiteboard_header_bg.jpg)!important
}

.sticky-header.affix-top {
    opacity: 0;
    text-decoration: none;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in
}

#ouibounce-modal .modal-body li:nth-child(4) i {
    top: 24px
}

.col-md-7.footer_form.lp_form_full h5 {
    color: #6e3e92
}

.theme-background-color {
    background: #6e3e92!important
}

section.inner-banner.portfolio-banner.banner-with-img .col-md-6 {
    width: 100%;
    text-align: center
}

section.inner-banner.portfolio-banner.banner-with-img .col-md-6+.col-md-6 {
    display: none
}

section.inner-banner.portfolio-banner.banner-with-img .col-md-6 {
    width: 70%;
    text-align: center;
    margin: 0 auto;
    float: none
}

section.portfolio [class^=col-]>div>i {
    overflow: hidden;
    height: 195px;
    display: block;
    width: 100%;
    border: #e8e8e8 2px solid;
    border-radius: 2px;
    overflow: hidden;
    height: 187px;
    display: block;
    width: 100%;
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: #9eb9f1bd 0 0 11px;
    border: #fefeff9e 6px solid;
    position: relative
}

section.portfolio [class^=col-]>div>i img {
    margin-top: -35px
}

div#btmsticky b {
    color: #f05a28;
    font-size: 24px
}

div#btmsticky span {
    display: block;
    color: #f05a28;
    font-size: 26px
}

div#btmsticky a {
    display: inline-block;
    width: 267px;
    position: relative;
    top: -20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600!important;
    border: 0 none;
    cursor: pointer;
    color: #fff;
    padding: 18px 6px!important;
    font-size: 14px;
    margin: 0 0 0 19px;
    border-radius: 2px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
    background: #f05a28
}

div#btmsticky h2 {
    font-size: 24px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 600;
    width: 61%;
    color: #f5f5f5;
    margin: 13px 0 0 0
}

.btm-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #2b2b2b;
    padding: 16px 0;
    z-index: 4;
    top: inherit!important
}

.hide {
    opacity: 0;
    left: -100%
}

.show {
    opacity: 1;
    left: 0
}

.btm-sticky.affix-top {
    z-index: -6;
    bottom: initial;
    top: 0
}

.btm-sticky.affix {
    z-index: 99!important
}

.ft-pd footer {
    padding-bottom: 50px!important
}

#ouibounce-modal h3 {
    font-size: 21px;
    color: #3c3c3c;
    line-height: 27px;
    font-weight: 600
}

section.pricing-col ul li i {
    overflow: hidden;
    position: relative;
    display: block;
    box-shadow: #ccc 0 0 2px;
    height: 205px
}

section.pricing-col ul li i img {
    margin-top: -41px
}

section.pricing-col ul li i a {
    display: block
}

section.pricing-col ul li i a:before {
    background: rgba(0, 0, 0, .38);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%
}

section.pricing-col ul li i a:after {
    background: url(../images/play-vc.png) no-repeat left top;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 66px;
    height: 66px;
    background-size: cover;
    margin-left: -33px;
    margin-top: -33px
}

.pricing-features-list {
    width: 218px;
    margin: 17px auto 0
}

.pricing-features-list span {
    display: block;
    width: 100%;
    font-weight: 600;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: #eaeaea 1px solid;
    text-align: left;
    font-size: 16px;
    color: #000
}

.pricing-features-list span img {
    width: 24px;
    margin-right: 6px
}

section.pricing-col ul li i span {
    position: absolute;
    z-index: 9;
    text-shadow: #000 1px 1px 1px;
    color: #fff;
    left: 34%;
    bottom: 40px;
    font-style: italic
}

section.pricing-col ul li i span:before {
    content: "";
    position: absolute;
    background: #f05a28;
    width: 30px;
    height: 3px;
    left: 34%;
    bottom: -6px
}

.floating-form-wrap .form-handle:before {
    content: "GET FREE QUOTE";
    display: block;
    color: #fff;
    margin-left: 7px;
    width: 60px;
    font-size: 15px;
    padding-top: 10px;
    font-weight: 700;
    text-align: center;
    line-height: 17px;
    text-shadow: #000 0 1px 1px;
}

.floating-form-wrap {
    position: fixed;
    width: 600px;
    height: 341px;
    right: 0;
    margin-top: -109px;
    z-index: 999;
    margin-right: -536px;
    top: 50%;
    display: none
}

.floating-form-wrap .thanks p {
    color: #aaa
}

.field.pc {
    position: relative
}

#flform ul li {
    text-align: left;
    position: relative;
    width: 47%;
    margin: 7px 5px;
    display: inline-block
}

#flform ul li i {
    position: absolute;
    top: 10px;
    left: 11px;
    font-size: 12px;
    color: #081d78;
    font-weight: 700;
}

#flform input[type=text],
#flform select {
    background: #fafafa;
    border: #dcdcdc 1px solid;
    padding: 10px 10px 10px 34px;
    width: 100%;
    border-radius: 7px;
    font-size: 14px;
    color: #000;
    box-shadow: none!important;
    outline: none 0!important
}

#flform input[type=email],
#flform input[type=number],
#flform input[type=text],
#flform textarea {
    background: #fafafa;
    border: #f3f3f3 2px solid;
    padding: 7px 10px 8px 34px;
    width: 100%;
    border-radius: 7px;
    font-size: 13px;
    color: #000;
    box-shadow: none!important;
    outline: none 0!important
}

#flform button,
#flform input[type=submit] {
    background: #081d78;
    color: #fff;
    font-weight: 600;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    font-size: 17px;
    letter-spacing: .5px;
    padding: 9px 60px;
    margin: 0 auto;
    border-radius: 0;
}

.floating-form-wrap .form-handle {
    background: #081d78;
    width: 76px;
    height: 70px;
    float: left;
    cursor: pointer;
    margin-top: -355px;
    margin-left: -11px;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
}

.adpg .form-handle,
.copywritingpg .form-handle,
.creativepg .form-handle,
.professionalpg .form-handle,
.seopg .form-handle,
.wcwpg .form-handle {
    background-position: -284px -1560px
}

.floating-form {
    width: 100%;
    float: right;
    height: 355px
}

.floating-form .formdv .inform {
    background: #fff;
    border-radius: 0 0 0 9px;
    padding: 0 0 0 18px;
    height: 321px;
    width: 100%;
    box-shadow: #000 0 1px 3px;
    border-left: #000 2px solid
}

.floating-form h4 span {
    font-size: 11px;
    color: #303030;
    display: block;
    text-transform: none;
    text-shadow: none;
}

.floating-form .formdv {
    padding: 0 0 25px 64px
}

.floating-form h4 {
    position: relative;
    color: #000;
    font-weight: 600;
    margin: 0 -9px;
    font-size: 26px;
    text-align: left;
    text-transform: uppercase;
    padding: 21px 24px 9px 36px;
    line-height: 24px;
    margin-bottom: 0;
    background: #fff;
}

.floating-form h5 {
    font-size: 18px;
    color: #aaa;
    font-weight: 400;
    margin: 0;
    text-align: center;
    padding: 5px 0 17px;
    text-align: left
}

.floating-form form {
    text-align: center;
    padding-right: 10px
}

.floating-form form p {
    margin-top: 0;
    color: #6d6d6d;
    padding: 10px;
    display: none
}

.floating-form .field {
    width: 50%;
    float: left;
    padding-right: 10px
}

.floating-form .fieldwrap {
    width: 50%;
    float: left
}

.floating-form .textarea {
    width: 100%
}

.floating-form textarea {
    width: 100%;
    padding: 9px;
    font-size: 11px;
    border-radius: 2px;
    height: 60px
}

.side-bars {
    width: 228px;
    height: 53px;
    position: fixed;
    right: -215px;
    top: 50%;
    z-index: 9999;
    margin-top: -230px;
    display: block;
    right: -177px;
    margin-right: 0;
    display: none
}

.side-bars .s-bar {
    display: block;
    margin-bottom: 15px;
    position: relative;
    background: #232323;
    right: 0;
    cursor: pointer
}

.side-bars .s-bar img {
    position: relative;
    left: -6px;
    float: left
}

.side-bars .s-bar a p {
    color: #fff;
    font-size: 13px;
    padding: 6px 0 0 0;
    margin: 0;
    width: 100%;
    display: block;
    float: none;
    padding-top: 15px;
    padding-bottom: 3px
}

.side-bars .s-bar a {
    font-size: 15px;
    padding: 0;
    color: #fff;
    float: left;
    position: relative;
    height: 59px;
    margin-top: -10px;
    text-transform: uppercase;
    font-weight: 600;
    width: 235px;
    background: url(../images/form-bg-sidebar.jpg) repeat left top #2365a0;
    padding-left: 63px;
    text-shadow: #000 0 1px 1px
}

.side-bars .s-bar a.lchat {
    padding: 0;
    margin: 0;
    line-height: 51px
}

.side-bars .s-bar a.lchat span {
    font-weight: 400
}

.call-spr {
    background: url(../images/sprites-form.png) no-repeat -74px -4px;
    width: 64px;
    height: 64px;
    position: absolute;
    left: -13px;
    top: -3px
}

.chat-spr {
    background: url(../images/sprites-form.png) no-repeat -147px -3px;
    width: 64px;
    height: 64px;
    position: absolute;
    left: -13px;
    top: -3px
}

#flform ul li:nth-child(3),
#flform ul li:nth-child(4) {
    width: 97%
}

#flform ul li.last {
    width: 100%;
    text-align: center;
    margin-top: 0
}

.floating-form h4:before {
    background: #081d78;
    width: 5px;
    height: 51%;
    content: "";
    position: absolute;
    left: 15px;
    top: 21px;
    border-radius: 20px;
}

.showreel-link_new,
a.showreel-link_new2 {
    margin-top: 0!important
}

a.showreel-link_new,
a.showreel-link_new2 {
    display: block;
    color: #fff;
    padding: 10px 10px;
    margin-top: 25px!important
}

i.iconplay-play.custom-play {
    border: 2px solid;
    padding: 2px 11px;
    margin-right: 10px;
    font-size: 14px;
    padding-left: 13px;
    text-shadow: #000 0 0 8px
}

.divider {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    font-style: italic;
    position: relative;
    overflow: hidden;
    padding: 11px 0;
    max-width: 220px;
    margin: 20px auto 5px
}

a.btn-yellow.various.btn-blue.btn-blue-get {
    background: #f05a28;
    color: #fff;
    text-shadow: none;
    font-weight: 800
}

.divider .text {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 8px
}

.popupform h2 span {
    display: block;
    font-size: 22px;
    color: #ea102a
}

.divider .text:after,
.divider .text:before {
    content: "";
    position: absolute;
    right: 100%;
    width: 9999px;
    height: 1px;
    background: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

section.lp-banners h2 b {
    color: #fbb03b;
    display: block
}

.divider .text:after {
    right: auto;
    left: 100%
}

.trust-pilot-img {
    margin-top: 20px;
    max-width: 60%
}

.sidebar-nav li i {
    position: absolute;
    right: 20px;
    top: 10px
}

.new-ser .new-ser-text {
    background: rgba(0, 0, 0, .18);
    padding: 15px 0;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: 700;
    width: 83%;
    margin: 0 auto 32px
}

.financial-ser h2 {
    color: #000;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 38px
}

.financial-ser p {
    font-size: 17px;
    color: #535353;
    margin-bottom: 30px;
    line-height: 32px
}

.financial-ser li {
    font-size: 17px;
    color: #535353;
    margin-bottom: 30px;
    padding-left: 35px;
    position: relative;
    line-height: 30px
}

.financial-ser li:before {
    content: '';
    background: url(../images/fi-li-ico.png) no-repeat;
    position: absolute;
    width: 17px;
    height: 19px;
    left: 0;
    top: 5px
}

.financial-ser .row {
    margin-bottom: 60px
}

.consider-vid {
    padding: 0 0 20px;
    text-align: center
}

.consider-vid h2 {
    font-size: 40px;
    color: #000;
    font-weight: 600;
    margin-bottom: 15px
}

.consider-vid p {
    font-size: 21px;
    color: #535353;
    font-weight: 600;
    line-height: 35px
}

.financial-ser .row:last-of-type {
    margin-bottom: 0
}

.financial-ser img {
    max-width: 100%;
    margin: auto
}

.financial-ser p strong {
    display: block;
    color: #000;
    font-size: 18px
}

.sidebar .sub-menu {
    padding-left: 20px
}

section.banner ul li {
    display: block;
    margin: 8px 0;
    font-size: 13px;
    display: -webkit-inline-box;
    margin: 0 20px 0 0;
}

section.banner ul {
    padding: 10px 0;
    letter-spacing: 1px;
    font-size: 17px;
    margin: 0px auto 20px;
    font-weight: 500;
}

section.newpricing-sec {
    /* background: url(../images/newprice-bg.png) #fff; */
    position: relative;
    color: #858585;
    font-size: 18px;
    background-position: top;
    background-repeat: repeat-x;
}

section.newpricing-sec ul.nplist li {
    display: inline-block
}

section.newpricing-sec ul.nplist {
    background: #ececec;
    margin-top: 120px;
    height: 150px;
    margin-bottom: 40px
}

section.newpricing-sec h2 {
    text-align: center;
    font-size: 36px;
    color: #2a2a2a;
    font-weight: 700;
    margin-bottom: 10px;
}

section.newpricing-sec p {
    text-align: center;
    font-size: 16px;
    color: #2c2f39;
    font-weight: 500;
    width: 70%;
    margin: 10px auto 30px;
    line-height: 20px;
    font-family: inherit;
    text-align: center;
}

section.newpricing-sec ul.nplist li {
    position: relative;
    top: -80px;
    margin-left: -70px;
    left: 180px
}

section.newpricing-sec [class^=col-md-3]>div {
    border: 7px solid #ededed;
    padding: 20px;
    position: relative;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in
}

section.newpricing-sec [class^=col-md-3]>div h3 {
    font-size: 84px;
    font-weight: 600;
    color: #2a2a2a;
    font-family: Poppins, sans-serif;
    position: relative;
    letter-spacing: 0
}

section.newpricing-sec [class^=col-md-3]>div h3 span {
    font-size: 21px;
    display: inline-block;
    color: #ea8e30;
    font-weight: 700;
    font-family: Poppins, sans-serif;
    position: relative;
    font-style: italic;
    line-height: 19px;
    letter-spacing: 0;
    top: -8px;
    left: -15px
}

section.newpricing-sec [class^=col-md-3]>div h4 {
    font-size: 37px;
    color: #fff;
    font-weight: 400;
    padding-left: 7px;
    position: absolute;
    right: 0;
    top: 0;
    background: #652d90;
    padding: 9px 15px;
    letter-spacing: -2px
}

section.newpricing-sec [class^=col-md-3]>div h4 sub {
    font-size: 28px;
    font-weight: 400;
    position: relative;
    top: 0;
    padding-right: 5px
}

section.newpricing-sec [class^=col-md-3]>div a.newprice-btn {
    display: block;
    background: #f05a28;
    padding: 10px;
    margin: -20px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    font-family: Poppins, sans-serif;
    letter-spacing: 1px
}

section.newpricing-sec [class^=col-md-3] {
    padding: 0 5px
}

.newpricing-sec .pricing-features-list span {
    border-bottom: none;
    margin-bottom: 5px
}

section.newpricing-sec [class^=col-md-3]>div:hover {
    border: 7px solid #fbb03b
}

.headingbox {
    background: #fbb03b;
    margin: -27px;
    color: #fff;
    padding: 9px 0 8px 16px;
    font-family: Poppins, sans-serif;
    position: relative;
    margin-bottom: 0
}

.headingbox h6 {
    font-size: 24px;
    line-height: 18px;
    color: #000;
    font-weight: 900;
    top: 2px;
    position: relative
}

.headingbox h6 b {
    font-size: 12px;
    font-weight: 600
}

.newpricing-sec .pricing-features-list {
    margin-bottom: 40px
}

section.timer-count {
    text-align: center;
    padding: 30px 0;
    background: #eee
}

section.timer-count h4 {
    color: #000;
    text-transform: uppercase;
    font-size: 29px;
    margin-top: 11px;
    margin-bottom: 0;
    font-weight: 600
}

section.timer-count a {
    background: #e30b0d;
    color: #fff;
    padding: 13px 20px;
    margin-top: 16px;
    display: inline-block;
    border-radius: 60px;
    width: 200px
}

section.newpricing-sec [class^=col-md-3]>div:hover a {
    background: #fbb03b
}

section.newcta .container {
    border: 5px solid #ededed;
    padding: 20px 0;
    background: url(../images/newprice-bg.png) #fff
}

section.newcta {
    padding: 0;
    margin-bottom: 50px
}

section.newcta h2 {
    font-size: 28px;
    color: #2a2a2a;
    position: relative;
    display: block;
    font-weight: 800;
    line-height: 51px;
}

section.newcta h2 b {
    display: block;
    font-size: 35px;
    font-weight: 700;
}

section.newcta h2 b span {
    background: #02a9ec;
    padding: 5px 15px;
    color: #fff;
}

section.newcta a {
    display: inline-block;
    margin-top: 40px;
    margin-left: 30px;
    background: #081d78;
    color: #fff !important;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12px 29px;
    position: relative;
    margin-right: 15px;
}
a.various.bb:after {
    content: '';
    background: white;
    height: 60%;
    right: 10px;
    top: 0;
    position: absolute;
    width: 1px;
}
section.newcta h2:after {
    content: "?";
    font-size: 102px;
    position: absolute;
    right: 40px;
    top: 20px;
    font-weight: 500
}

section.newcta h3 {
    font-family: Caveat, cursive;
    font-size: 34px;
    float: left;
    display: block;
    color: #f05440;
    font-weight: 700;
    font-style: italic;
    animation: rotate 2s infinite
}

@keyframes rotate {
    0% {
        transform: scale(.5)
    }
    100% {
        transform: scale(.7)
    }
}

.rotate-t {
    -webkit-transform: rotate(-40deg);
    position: absolute;
    top: 12px;
    left: -20px
}

ul.form-subs li {
    text-align: left;
    margin-bottom: 18px
}

ul.form-subs {
    width: 300px;
    margin: 0 auto;
    clear: both
}

input.error {
    border: red 2px solid!important;
    color: red!important
}

ul.form-subs li.last {
    margin: 0
}

ul.form-subs li label {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px
}

h2.hd2-subs {
    font-size: 20px!important;
    background: green;
    display: inline-block;
    padding: 8px 22px;
    text-shadow: none!important;
    font-weight: 600!important;
    margin-bottom: 0!important
}

p.txt-subs {
    font-size: 18px;
    margin-top: 7px
}

.thankyou.cta input[type=email],
.thankyou.cta input[type=tel],
.thankyou.cta select {
    width: 300px;
    padding: 9px;
    background: #ececec;
    border: #ececec 2px solid;
    border-radius: 6px;
    color: #000
}

.thankyou.cta input[type=submit] {
    padding: 10px 22px;
    border: #f09415 1px solid;
    background: #f09415;
    color: #fff;
    text-transform: uppercase;
    border-radius: 8px;
    font-weight: 800;
    width: 100%;
    letter-spacing: 2px
}

section.order-thankyou h1 {
    font-size: 110px;
    font-weight: 900;
    text-shadow: rgba(0, 0, 0, .49) 0 1px 16px;
    margin-bottom: 24px
}

section.order-thankyou h1+h6 {
    margin-bottom: 33px
}

.hd-unsubs {
    font-size: 50px!important
}

.main-faqs-sec {
}
.main-faqs-sec .card .card-body ul {list-style: decimal;margin-left: 15px;line-height: 28px;font-weight: 500;}
section.main-faqs-sec h2 {
      font-size: 36px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0px;
    position: relative;
    display: inline-block;
}
section.main-faqs-sec h2:after {
    content: '';
    height: 9px;
    left: 0;
    bottom: 5px;
    width: 70%;
    position: absolute;
    z-index: -1;
    background: rgb(248,212,97);
    background: linear-gradient(90deg, rgb(255 117 15) 0%, rgba(255, 255, 255, 0.27) 100%);
}
#faqs-main {
    margin: 30px 0 0;
}

#faqs-main .fa {
    margin-right: .5rem
}

.main-faqs-sec .card {
    margin: 0 0 20px
}

.main-faqs-sec .card .card-header {
    padding: 15px 20px;
    background-color: #081d78;
}

.main-faqs-sec .card .card-header h5 button:hover, .main-faqs-sec .card .card-header h5 button:active, .main-faqs-sec .card .card-header h5 button:visited, .main-faqs-sec .card .card-header h5 button:focus {
    background: 0 0;
    outline: none;
    color: #fff !important;
}

.main-faqs-sec .card .card-header h5 button {
    padding: 0;
    color: #fff;
    background-color: transparent;
    text-decoration: none
}

.main-faqs-sec .card .card-body {
    padding: 20px 20px;
    background-color: #f3f8ff;
}

.main-faqs-sec .card .card-body p {
    line-height: 26px
}

.main-blog-sec {
    padding: 50px 0 0
}

.item-blog {
    margin-bottom: 30px!important;
    background-color: #fbf7f7;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.item-blog .img-box {
    position: relative;
    margin-bottom: 14px;
    border-radius: 0;
}

.item-blog .img-box img {
    border-radius: 0;
}

.item-blog .img-box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 10px;
    transition: .5s;
    opacity: 0
}

.item-blog:hover .img-box .overlay {
    opacity: 1
}

.item-blog .img-box .overlay h4,
.item-blog .img-box .overlay h4 a {
    font-size: 16px;
    color: #fff
}

.item-blog .inner-caption {
    padding: 0 20px 25px
}

.item-blog .title {
    margin-bottom: 10px
}

.item-blog .title h3,
.item-blog .title h3 a {
    font-size: 21px;
    font-weight: 600;
    color: #000
}

.item-blog .date-caption ul {
    margin-bottom: 10px
}

.item-blog .date-caption ul li {
    font-size: 13px
}

span.readclick.active {
    font-size: 0
}

span.readclick.active:after {
    font-size: 15px;
    content: "Read Less"
}

.expandtext {
    display: none
}

.tile {
    border-top: 1px solid rgba(255, 255, 255, .08);
    margin-left: -15px;
    margin-right: -15px;
}

.explainer-video p {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 10px
}

.explainer-video .readclick {
    margin: 15px 0 0;
    cursor: pointer
}

.explainer-video {
    display: none
}

.explainer-video-ftr .explainer-video {
    display: block
}
/*news*/
/* blog */
.main-blog-sec{
    /* margin-top: 30px; */
}
.main-blog-sec .item-blog{
    margin-bottom: 30px !important;
    box-shadow: 0 1px 7px 0 #e6e1e1;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.main-blog-sec .item-blog .img-box{
    width: 100%;
    height: 248px;
    overflow: hidden;
    transition: 0.5s;
    clip-path: polygon(0 0, 100% 0, 100% 88%, 0% 100%);
}
.main-blog-sec .item-blog .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}
.main-blog-sec .item-blog .publisher{
    margin-bottom: 0;
}
.main-blog-sec .item-blog .publisher li{
    margin: 0;
}
.main-blog-sec .item-blog .publisher li .author-img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: 17px;
    position: relative;
    top: -6px;
}
.main-blog-sec .item-blog .publisher li .author-img img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    /* margin-top: -27px; */
    /* margin-left: 17px; */
}
.main-blog-sec .item-blog .publisher li .posted-by{
    padding-left: 5px;
    padding-top: 0;
    position: relative;
    top: -8px;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
}
.main-blog-sec .item-blog .data-publish{
    /* float: right; */
    margin-top: 6px;
    font-size: 15px;
    color: #6b6b6b;
    font-weight: 500;
    padding-right: 28px;
    text-align: right;
    margin-bottom: 0;
}
.main-blog-sec .item-blog .text-caption{
    margin-top: 0px;
    padding: 20px 20px 20px;
    /* border-bottom-right-radius: 5px; */
    min-height: 215px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* flex-direction: column; */
}
.main-blog-sec .item-blog .text-caption h3{
    margin-top: 0;
    margin-bottom: 13px;
    text-align: left;
}
.main-blog-sec .item-blog .text-caption h3 a{
    margin-top: 0;
    font-size: 18px;
    font-weight: 700;
    color: #fff !important;
    text-decoration: none;
}
.main-blog-sec .item-blog .text-caption p{
    font-size: 16px;
    font-weight: 400;
    color: #cbcbcb;
}
.main-blog-sec .item-blog .innner-text-caption{
     /*position: relative;*/
     /*left: -600px;*/
     /*transition: 1s;*/
}
.main-blog-sec .item-blog:hover .innner-text-caption{
    /*    position: relative;*/
    /*left: 0px;*/
}
.btn-news{
    background: #02a9ec;
    color: #fff!important;
    padding: 8px 21px;
    transition: .5s all;
    letter-spacing: 1px;
    border: none;
    display: inline-block;
    border-radius: 5px;
    margin: 15px 0 0;
}
.btn-news:hover{
    background: #fab800;
}
/* blog */
/*main-mesmerize*/
.main-mesmerize{
    background: url(../images/newprice-bg.png) #fff;
    position: relative;
    color: #858585;
    font-size: 18px;
    background-position: top;
    padding: 50px 0 40px;
}
.main-mesmerize h2{
    margin-bottom: 25px;
}
.main-mesmerize p strong{}
.main-mesmerize p{}
/*main-mesmerize*/
.home-portfolio{
    padding: 40px 0 40px;
    /* background-image: url(../images/what-we-do-bg1.jpg); */
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.rof-content li {position: relative;left: 20px;/* padding-bottom: 3px; */}

.rof-content li:before {
    content: "\f054";
    font-family: 'FontAwesome';
    position: absolute;
    left: -20px;
    color: #01114f !important;
}