@charset "utf-8";
.outerwht {
    background:rgba(0,0,0,.5) none repeat scroll 0 0;
    height:100%;
    left:0;
    position:ffooterSocialLinkixed;
    top:0;
    width:100%;
    z-index:99
}

#frm {
    left:0;
    position:relative;
    top:0;
    z-index:99
}
#frm #myform {
    margin:0
}
@font-face {
    font-display: swap;
    font-family:sytlish;
    src:url(fonts/GreatVibes-Regular.otf)
}
@font-face {
    font-display: swap;
    font-family:century;
    src:url(fonts/CenturyGothic.ttf)
}
@font-face {
    font-display: swap;
    font-family:oregano;
    src:url(fonts/Oregano-Regular.ttf)
}
@font-face {
    font-display: swap;
    font-family:cav;
    src:url(fonts/CaviarDreams.ttf)
}
@font-face {
    font-display: swap;
    font-family:panic;
    src:url(../index.html)
}
@font-face {
    font-display: swap;
    font-family:mont;
    src:url(fonts/MontserratAlternates-Regular.otf)
}
@font-face {
    font-display: swap;
    font-family:oswal;
    src:url(fonts/Oswald-Bold.ttf)
}
@font-face {
    font-display: swap;
    font-family:oswal-reg;
    src:url(../index.html)
}
@font-face {
    font-display: swap;
    font-family:lato;
    src:url(fonts/Lato-Light.ttf)
}
@font-face {
    font-display: swap;
    font-family:metro;
    src:url(fonts/Metropolis-Light.otf)
}
@font-face {
    font-display: swap;
    font-family:jen;
    src:url(fonts/JennaSue.ttf)
}
@font-face {
    font-display: swap;
    font-family:dancing;
    src:url(fonts/DancingScript-Regular.otf)
}
@font-face {
    font-display: swap;
    font-family:robot;
    src:url(fonts/Roboto-Medium.ttf)
}
@font-face {
    font-display: swap;
    font-family:robot-thin;
    src:url(fonts/Roboto-Regular.ttf)
}
@font-face {
    font-display: swap;
    font-family:ogi;
    src:url(fonts/Ogirema.ttf)
}
@font-face {
    font-display: swap;
    font-family:cen-bold;
    src:url(../index.html)
}
@font-face {
    font-display: swap;
    font-family:serv;
    src:url(fonts/Web-Serveroff.ttf)
}
@font-face {
    font-display: swap;
    font-family:trial;
    src:url(fonts/Aristotelica-Text-Regular-trial.ttf)
}
@font-face {
    font-family:Adi;
    src:url(fonts/Adison06.ttf)
}
@font-face {
    font-family:pops;
    src:url(fonts/Poppins-Light.ttf)
}
@font-face {
    font-family:pops-bold;
    src:url(fonts/Poppins-Bold.ttf)
}
@font-face {
    font-family:bil;
    src:url(fonts/Billyer.ttf)
}
@font-face {
    font-family:jose;
    src:url(fonts/JosefinSans-Bold.ttf)
}
@font-face {
    font-family:jose-reg;
    src:url(fonts/JosefinSans-Regular.ttf)
}
@font-face {
    font-family:bn;
    src:url(fonts/HelveticaNeueLTStd-LtCn.otf)
}
@font-face {
    font-family:bn-bold;
    src:url(fonts/HelveticaNeueLTStd-Bd.otf)
}
@font-face {
    font-family:gil;
    src:url(fonts/Gilroy-Light.otf)
}
.invalid-input {
    border:2px solid #00448c!important
}
html {
    scroll-behavior:smooth
}
.related-article-section {
    background-color:#f9f9f9;
    padding:2em 0
}
.video-blog-grid {
    border:1px solid #000;
    margin:0 .1em
}
.videopost {
    padding:10px 0
}
.videopost {
    cursor:pointer
}
.videopost::before {
    content:'\f16a';
    position:absolute;
    top:-25px;
    right:0;
    bottom:0;
    left:6px;
    color:red;
    width:30px;
    height:18px;
    margin:auto;
    font-family:FontAwesome;
    font-size:40px;
    border-radius:100%;
    text-align:center;
    line-height:50px;
    padding-left:0;
    transition:.3s
}
.videopost:hover:before {
    color:#fff
}
.videopost img {
    border:1px solid #707070;
    padding:5px
}
.video-blog-slide .owl-dots {
    display:none
}
.video-blog-slide .owl-prev {
    position:absolute;
    right:0;
    margin-left:520px;
    top:125px
}
.video-blog-slide .owl-next {
    position:absolute;
    right:0;
    margin-right:-140px;
    top:125px
}
.video-blog-slide .owl-next span {
    color:#fff!important;
    width:25px!important;
    line-height:33px!important;
    padding:0 10px;
    font-size:50px
}
.video-blog-slide .owl-prev span {
    color:#fff!important;
    width:25px!important;
    line-height:33px!important;
    padding:0 10px;
    font-size:50px
}
.blog-video-right {
    padding:1em 1em
}
.blog-video-right h2 {
    font-size:24px;
    color:#fff;
    font-family:pops-bold;
    line-height:34px
}
.share-btn {
    margin-top:1em
}
.blogslide .owl-dots {
    display:none!important
}
.blog-add img {
    width:100%;
    height:250px;
    border:1px solid #ccc;
    margin-bottom:20px
}
.packages-box {
    background-size:cover;
    width:100%;
    height:auto;
    padding:2em 1em;
    position:relative;
    z-index:1;
    margin:1em 0
}
.packages-box::before {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:rgba(0,0,0,.3);
    content:'';
    z-index:5
}
.packages-box h2 {
    font-size:24px;
    color:#fff;
    text-align:center;
    margin-bottom:12px;
    z-index:999;
    position:inherit;
    font-family:pops-bold
}
.packages-box p {
    font-size:24px;
    color:#fff;
    text-align:center;
    font-family:serv;
    font-weight:700;
    z-index:999;
    position:inherit
}
.packge-btn {
    text-align:center;
    margin-top:2em;
    z-index:999;
    position:inherit
}
.packge-btn a {
    border:2px solid #fc0;
    padding:10px 20px;
    color:#fc0;
    text-transform:uppercase;
    text-align:center;
    font-size:20px;
    margin:0 auto;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.packge-btn a:hover {
    background-color:#fc0;
    color:#000;
    text-decoration:none;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.singlefield-fm label {
    font-size:14px;
    font-family:jose-reg;
    margin:8px 0 5px 0;
    padding-left:1px
}
.singlefield-fm,.singletextarea {
    background:#fff;
    margin-bottom:12px
}
.singlefield-fm input {
    border:none;
    border-radius:20px;
    width:100%;
    padding:10px 35px 10px 15px;
    font-size:13px;
    color:#333;
    font-family:pops;
    background:0 0;
    border:1px solid #dfdfdf;
    box-shadow:0 0 1px #dbdbdb;
    -webkit-transition:all ease-in-out .7s;
    -moz-transition:all ease-in-out .7s;
    -ms-transition:all ease-in-out .7s;
    -o-transition:all ease-in-out .7s;
    transition:all ease-in-out .7s
}
.singlefield-fm input:focus {
    border-color:red
}
.singlefield-fm i {
    color:#333;
    font-size:18px;
    position:absolute;
    right:32px;
    opacity:.8;
    top:10px
}
.port-box {
    margin-top:2em
}
.work-tabs {
    padding:1em
}
.work-tabs .nav-tabs {
    text-align:center;
    width:31%;
    margin:0 auto;
    border-bottom:none
}
.work-tabs .nav-tabs li {
    margin-right:10px;
    margin:0 auto
}
.work-tabs .nav-tabs li a {
    padding:10px 15px;
    border:1px solid #00448c;
    color:#333;
    font-weight:400;
    font-family:robot-thin
}
.work-tabs .nav-tabs li a:hover {
    text-decoration:none
}
.work-tabs .nav-tabs li a.active {
    background:#144997;
    color:#fff
}
.tab-content .item {
    width:33%;
    float:left
}
.tab-content .item .portfolio-single {
    margin:0 1em
}
.blog-comment {
    padding:2em 0;
    border-top:1px solid #eee
}
.blog-comment h2 {
    font-size:22px;
    text-align:left;
    font-family:pops;
    margin-bottom:1em
}
.comment-form-comment input {
    display:inline-block;
    padding:15px 25px;
    margin-bottom:20px;
    vertical-align:top;
    font-size:14px;
    width:100%;
    max-width:100%;
    border:1px solid #eee;
    letter-spacing:.2em;
    line-height:1.6em;
    background-color:#fff;
    font-family:inherit;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.comment-form-comment input:focus {
    outline:0;
    background-color:#fff;
    color:#111;
    border-color:#111;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.comment-form-comment textarea {
    display:inline-block;
    padding:15px 25px;
    margin-bottom:20px;
    vertical-align:top;
    font-size:14px;
    width:100%;
    height:100px;
    max-width:100%;
    border:1px solid #eee;
    letter-spacing:.2em;
    line-height:1.6em;
    background-color:#fff;
    font-family:inherit;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.comment-form-comment textarea:focus {
    outline:0;
    background-color:#fff;
    color:#111;
    border-color:#111;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.comment-form-comment input[type=submit] {
    border-width:1px;
    font-family:pops;
    font-size:12px;
    font-weight:400;
    padding:10px 29px;
    margin:0;
    border-style:solid;
    border-color:#000;
    background-color:#fff;
    color:#111;
    cursor:pointer;
    padding:10px 29px;
    width:auto;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.2em;
    line-height:1.6em;
    border:1px solid #111;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.comment-form-comment input[type=submit]:hover {
    background-color:#fde231;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.ftrbox-pad .ftr-left {
    display:none;
}
.blog-comment-box {
    padding:10px;
    border:4px solid #eee
}
.blog-comment-box p {
    color:#979797;
    font-size:14px;
    font-family:metro
}
.blog-inner-left {
    padding:5px
}
.blog-inner-postpics {
    margin:1em 0
}
.blog-inner-postpics img {
    padding:10px;
    width:100%;
    border:1px solid #f1f1f1
}
.blog-inner-left p {
    font-size:14px;
    font-family:pops;
    color:#333;
    padding:0 5px;
    text-align:justify;
    line-height:35px
}
.subscribe-blog {
    padding:1em;
    border:1px solid #e0e0e0
}
.fb-box {
    padding:1em;
    border:1px solid #e0e0e0
}
.folow-you {
    padding:1em;
    border:1px solid #e0e0e0
}
.blog-search {
    padding:1em;
    border:1px solid #e0e0e0
}
.blog-search input {
    display:inline-block;
    padding:15px 25px;
    vertical-align:top;
    font-size:14px;
    width:100%;
    max-width:100%;
    border:1px solid #eee;
    letter-spacing:.2em;
    line-height:1.6em;
    background-color:#f0f0f0;
    font-family:inherit;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}
.blog-search i {
    color:#333;
    font-size:28px;
    position:absolute;
    right:65px;
    top:35px
}
.fb-box iframe {
    height:300px
}
.subscribe-blog p {
    color:#333;
    font-size:14px;
    font-family:pops
}
.subscribe-blog input {
    display:inline-block;
    padding:15px 25px;
    margin-bottom:20px;
    vertical-align:top;
    font-size:14px;
    width:100%;
    max-width:100%;
    border:1px solid #eee;
    letter-spacing:.2em;
    line-height:1.6em;
    background-color:#f0f0f0;
    font-family:inherit;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.subscribe-blog input:focus {
    outline:0;
    background-color:#fff;
    color:#111;
    border-color:#111;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.subscribe-blog input[type=submit] {
    border-width:1px;
    font-family:pops;
    font-size:12px;
    font-weight:400;
    padding:10px 29px;
    margin:0;
    border-style:solid;
    border-color:#000;
    background-color:#fff;
    color:#111;
    cursor:pointer;
    padding:10px 29px;
    width:auto;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.2em;
    line-height:1.6em;
    border:1px solid #111;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.subscribe-blog input[type=submit]:hover {
    background-color:#fde231;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.recent-blog {
    padding:1em;
    border:1px solid #e0e0e0
}
.recent-sub-clm {
    padding:15px 0 4px 0;
    font-family:asap;
    font-size:13px;
    border-bottom:1px solid #eee
}
.recent-blog .recent-sub-clm:last-child {
    border-bottom:none
}
.recent-sub-clm img {
    border-radius:6px;
    background-size:cover;
    width:86%;
    height:auto
}
.recent-sub-clm a {
    padding-top:5px;
    padding-bottom:14px;
    font-family:metro;
    padding-right:10px;
    font-weight:700
}
.blog-main-right {
    padding:5px;
    margin:0 1em
}
.pl0 {
    padding-left:0
}
.pr0 {
    padding-right:0
}
.blog-main-right h2 {
    font-size:20px;
    text-align:left;
    color:#fff;
    background-color:#144997;
    font-weight:400;
    font-family:oswal;
    text-transform:uppercase;
    margin:1em 0;
    padding:.7em 10px
}
.categories {
    padding:1em;
    max-height:225px;
    overflow:auto;
    border:1px solid #e0e0e0
}
#style-1::-webkit-scrollbar {
    width:6px;
    background-color:#f5f5f5
}
#style-1::-webkit-scrollbar-thumb {
    background-color:#000
}
#style-1::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#f5f5f5
}
.entry-bottom {
    height:auto;
    margin:20px auto 20px auto
}
.entry-bottom h3.blogtitle {
    font-weight:400;
    border-radius:2px;
    color:#fff;
    font-size:16px;
    background-color:#000;
    text-transform:uppercase;
    padding:8px 10px 8px 10px;
    margin:5px 0 20px 0
}
.entry-bottom h3.blogtitle i {
    float:right;
    border-style:solid;
    border-width:21px 5px 14px 10px;
    margin:-8px -15px -5px 0;
    height:1px;
    border-color:#000 transparent #000 #000!important;
    width:0
}
.entry-bottom h3.blogtitle ii {
    padding:0 4px
}
.categories ul {
    list-style:none;
    padding-left:0;
    margin-bottom:0
}
.categories li {
    position:relative;
    margin-bottom:10px;
    padding-bottom:10px;
    font-family:pops;
    font-size:15px;
    border-bottom:1px solid #dee2e6;
    list-style:none
}
.categories li:last-child {
    border-bottom:none;
    margin-bottom:0
}
.categories li a {
    display:block;
    color:#000
}
.categories li a span {
    position:absolute;
    right:0;
    top:0;
    color:#ccc
}
.blog-post-left img {
    -webkit-filter:brightness(100%);
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.blog-post-left img:hover {
    -webkit-filter:brightness(110%);
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.blog-main {
    background-color:#fff;
    padding:2em 0
}
.blog-main-left {
    padding:1.5em 20px .5em 20px;
    border:1px solid #eee;
    box-shadow:0 2px 3px #ccc
}
.blog-post {
    margin-top:2em;
    padding-bottom:2em;
    border-bottom:1px solid #eee
}
.blog-main-left .blog-post:last-child {
    border-bottom:none
}
.blog-post-right {
    padding:2px
}
.blog-post-right h2 {
    font-size:24px;
    font-weight:400;
    font-family:pops-bold;
    color:#333;
    line-height:26px;
    margin-bottom:13px;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.blog-post-right a:hover {
    text-decoration:none
}
.blog-post-right h2:hover {
    color:#d00909;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
    text-decoration:none
}
.blog-post-right p {
    font-size:15px;
    padding:1em 0;
    font-family:metro;
    color:#555;
    font-weight:400;
    margin-bottom:0
}
.blog-read-btn {
    font-size:16px;
    font-weight:400;
    color:#333;
    font-family:pops;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.blog-read-btn:hover {
    color:#d00909;
    text-decoration:underline!important;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.seoServicesTitle {
    position:relative;
    margin-bottom:2.5em
}
.seoServicesTitle h2 {
    font-size:22px;
    color:#fff;
    text-transform:uppercase;
    font-family:pops-bold;
    padding:5px 14px 10px 14px;
    background-color:#333;
    font-weight:400;
    border-bottom:1px solid #bfbfbf;
    position:relative;
    display:inline-block;
    margin-bottom:0
}
.seoServicesTitle::before {
    content:"";
    position:absolute;
    z-index:1;
    bottom:0;
    left:0;
    width:100%;
    height:2px;
    background:#333
}
.blog-gid {
    padding:0 10px;
    margin-bottom:2em
}
.blog-gid .post-img img {
    margin-bottom:1em;
    height:190px;
    width:100%
}
.blog-gid .post-tag {
    color:#a6a6a6;
    text-transform:uppercase;
    font-family:pops;
    font-size:15px;
    display:block;
    font-weight:700;
    margin-bottom:2px;
    transition:.4
}
.blog-gid .post-tag:hover {
    color:#ff1662;
    text-decoration:none
}
.blog-gid .post-title {
    color:#333;
    font-family:metro;
    font-weight:700;
    font-size:24px;
    display:block;
    font-weight:700;
    transition:.4;
    margin-bottom:5px
}
.blog-gid .post-title:hover {
    color:#ff1662;
    text-decoration:none
}
#blogslider {
    border:1px solid #ccc
}
.zoom-img2 {
    position:relative;
    z-index:1
}
.zoom-img2::before {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    content:'';
    z-index:5
}
.zoom-img3 {
    position:relative;
    z-index:1
}
.zoom-img3::before {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:rgba(0,0,0,.3);
    content:'';
    z-index:5
}
.post-meta {
    display:flex;
    visibility:visible
}
.post-meta a {
    margin-right:15px;
    font-size:11px;
    line-height:1;
    font-family:metro;
    font-weight:400;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#fff;
    font-size:14px;
    -webkit-box-align:end;
    -ms-flex-align:end;
    -ms-grid-row-align:flex-end;
    align-items:flex-end
}
.post-meta a img {
    margin-right:10px;
    height:auto;
    width:auto!important
}
.post-meta2 {
    display:flex;
    visibility:visible
}
.post-meta2 i {
    background-color:#fff;
    color:#333;
    padding:5px;
    border-radius:50%;
    margin-right:10px;
    position:relative;
    top:5px;
    border:1px solid #eee
}
.post-meta2 a {
    margin-right:15px;
    font-size:11px;
    line-height:1;
    font-family:metro;
    font-weight:400;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#333;
    font-size:14px;
    -webkit-box-align:end;
    -ms-flex-align:end;
    -ms-grid-row-align:flex-end;
    align-items:flex-end;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.post-meta2 a:hover {
    color:#d00909;
    text-decoration:underline;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.post-meta2 a img {
    margin-right:10px;
    height:auto;
    width:auto
}
.blog-banner {
    padding:2em 0 1em 0;
    background-image:url(../images/seo-text-bg.jpg);
    background-size:cover
}
.zoom-img2 {
    overflow:hidden;
    text-align:center;
    width:100%;
    box-shadow:0 0 4px #ccc;
    margin:0
}
.zoom-img2 img {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:.9;
    height:520px;
    width:100%;
    text-decoration:none;
    -webkit-transition:all .7s ease;
    transition:all .7s ease;
    -webkit-transition:all .8s ease;
    -moz-transition:all .8s ease;
    -ms-transition:all .8s ease;
    -o-transition:all .8s ease;
    transition:all .8s ease
}
.zoom-img2 img:hover {
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    z-index:999;
    text-decoration:none;
    -webkit-transition:all .5s ease;
    -moz-transition:all .8s ease;
    -ms-transition:all .8s ease;
    -o-transition:all .8s ease;
    transition:all .8s ease
}
.zoom-img3 {
    overflow:hidden;
    text-align:center;
    width:100%;
    box-shadow:0 0 4px #ccc;
    margin:0;
    margin-bottom:1.2em
}
.zoom-img3 img {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:.9;
    height:250px;
    width:100%;
    text-decoration:none;
    -webkit-transition:all .7s ease;
    transition:all .7s ease;
    -webkit-transition:all .8s ease;
    -moz-transition:all .8s ease;
    -ms-transition:all .8s ease;
    -o-transition:all .8s ease;
    transition:all .8s ease
}
.zoom-img3 img:hover {
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    text-decoration:none;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.ser-head-box-top2 {
    margin:0;
    padding:5px 15px;
    font-size:18px;
    display:block;
    bottom:0;
    text-align:left;
    width:100%;
    position:absolute;
    font-family:"Comic Sans MS",cursive;
    color:#fff;
    z-index:99;
    background-color:rgba(0,0,0,.3)
}
.ser-head-box-top2 div {
    font-family:pops-bold;
    font-size:16px;
    margin:0;
    margin-bottom:10px;
    padding:0;
    text-transform:uppercase;
    opacity:1;
    color:#fff;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.ser-head-box-top2 div span {
    font-family:pops;
    font-size:24px;
    font-weight:700;
    margin-left:-3px;
    color:#fff;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.hoverentry:hover>.ser-head-box-top2 div {
    opacity:1;
    color:#fff;
    font-size:18px;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.hoverentry:hover>.ser-head-box-top2 span {
    padding:0;
    opacity:1;
    font-size:26px;
    color:#fff;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.ppc-hgt {
    height:465px
}
.number-box {
    padding:1em;
    background-color:#fff;
    box-shadow:0 1px 4px #ccc
}
.number-box img {
    height:110px;
    float:right;
    position:relative;
    top:5px;
    right:20px
}
.number-box h2 {
    font-family:oswal;
    color:#00448c;
    font-size:32px;
    width:80%;
    font-weight:400;
    text-align:left
}
.number-box p strong {
    color:red;
    font-size:26px
}
.number-box p {
    font-size:18px;
    text-align:left;
    font-family:pops-bold;
    color:#333;
    padding-top:0;
    margin-bottom:0
}
.number-box p span {
    font-family:pops
}
.local-seo-grid {
    margin-bottom:1em;
    margin-top:1.5em
}
.local-seo-grid h2 {
    font-family:pops;
    font-weight:700;
    font-size:22px;
    line-height:29px;
    color:#fff
}
.local-seo-grid p {
    font-family:metro;
    font-weight:400;
    font-size:14px;
    color:#fff;
    line-height:26px
}
.local-seo-grid ul {
    list-style:none;
    line-height:29px;
    padding-left:10px
}
.local-seo-grid li i {
    padding-right:15px
}
.local-seo-grid li {
    font-size:15px;
    margin-bottom:1em;
    font-weight:400;
    font-family:pops;
    color:#fff
}
.graphic-list {
    padding:0 10px
}
.graphic-list ul {
    position:relative;
    z-index:1;
    margin-bottom:0;
    padding-left:0;
    list-style:none
}
.graphic-list ul li {
    padding:5px
}
.graphic-list .graphic_icon {
    background-repeat:no-repeat;
    background-position:center
}
.graphic-list .graphic_icon img {
    height:30px
}
.whatdo-list-1 {
    width:15%;
    float:left
}
.whatdo-list-2 {
    width:85%;
    float:left;
    padding:10px
}
.anim_left img {
    padding:15px
}
.whatdopics {
    width:85px;
    height:84px;
    border-radius:50%;
    margin:0 auto;
    border:2px dashed #0059be;
    background-color:#fff;
    text-align:center;
    line-height:77px;
    position:relative;
    top:30px
}
.anim_left h2 {
    font-size:20px;
    font-weight:700;
    color:#fff;
    margin-bottom:0;
    margin-top:1em;
    font-family:metro
}
.anim_left p {
    width:100%;
    text-align:justify;
    font-family:pops;
    padding-top:.5em;
    font-size:13px;
    color:#f9f9f9;
    line-height:22px;
    font-weight:400
}
.inner-heading {
    text-align:center;
    padding:1em 0
}
.inner-heading h2 {
    font-size:30px;
    color:#333;
    font-family:jose-reg;
    margin-bottom:.6em
}
.inner-heading h2 strong {
    font-weight:400;
    font-family:jose
}
.inner-heading p {
    font-size:15px;
    color:#333;
    line-height:25px;
    font-family:pops
}
.inner-heading h2::after {
    content:"";
    width:100px;
    height:2px;
    background-color:red;
    margin:10px auto;
    display:block
}
.new-port ul li {
    padding:5px 20px!important;
    font-family:jose-reg!important;
    color:#333;
    font-size:16px!important;
    border:none!important;
    background-color:#none;
    border:1px solid #f1f1f1!important;
    border-radius:20px!important;
    transition:.4s
}
.new-port ul li:hover {
    padding:5px 20px!important;
    border:1px solid #f90!important;
    background-color:#fff!important;
    color:#333!important
}
.new-port ul li.active {
    background:#f60!important;
    color:#fff!important
}
.inner-port-grid {
    margin:0 auto;
    width:100%;
    border:1px dashed #ccc
}
.prt-inner-box {
    margin:0 1em 1em 1em
}
.seo-packages-page {
    position:relative;
    overflow:hidden;
    background-attachment:fixed;
    background:url(../images/seo-packages-back.jpg) no-repeat center
}
.seo-packages-page .overlay {
    position:absolute;
    width:100%;
    height:100%;
    background:#0c408f;
    padding:0;
    opacity:.9;
    z-index:0;
    padding:50px 0
}
.packges-head {
    font-family:brand;
    text-align:left;
    font-size:4em;
    text-transform:uppercase;
    line-height:1.1em;
    border-right:1px solid #ccc
}
.packges-head b {
    font-family:ans;
    color:#f90;
    font-weight:700;
    font-size:1.4em;
    text-transform:initial
}
.packages-rowpad {
    padding-top:2em;
    padding-bottom:4em
}
.packages-boxpics {
    border-right:1px solid #eee
}
.packages-boxpics img {
    padding:10px;
    height:159px;
    width:160px;
    background-color:#fff;
    border-radius:50%;
    border:2px dashed #00448c
}
.packgestittle {
    padding-left:20px
}
.packgestittle h2 {
    font-family:jose;
    font-size:1.8em;
    color:#fff;
    margin-top:1px
}
.packgestittle h2 span {
    font-family:jose-reg;
    font-size:1.3em;
    color:#fff;
    font-weight:700
}
.packgestittle p {
    font-family:pops;
    font-size:16px;
    color:#fff;
    padding-top:.6em;
    line-height:30px
}
.packges-sec-pad {
    padding-top:4em;
    padding-bottom:4em
}
.pack-top {
    margin-top:2em
}
.brand-sec-2 {
    padding-top:1em;
    padding-bottom:1em
}
.erp-box {
    border:1px solid #eee;
    -webkit-transition:.3s;
    transition:.3s;
    padding:10px 15px;
    display:block;
    text-align:center;
    margin:0 0 25px
}
.erp-box:hover {
    box-shadow:0 0 50px rgba(0,0,0,.1)
}
.erp-box div {
    margin:0 auto 15px
}
.erp-box img {
    height:70px
}
.erp-box h4 {
    font-family:jose-reg;
    font-size:16px;
    color:#125180;
    margin-top:20px
}
#certifiedLogos {
    width:95%;
    padding:18px 0 4px 0;
    text-align:center;
    border-top:1px solid #e8eaeb4a
}
#certifiedLogos img {
    padding:0 16px 0 16px
}
.sumitfield-front input {
    background-color:#e40303;
    width:200px;
    text-align:center;
    font-size:18px;
    border:none;
    text-transform:uppercase;
    font-family:jose-reg;
    cursor:pointer;
    padding:12px 14px;
    color:#fff;
    transition:.4s
}
.sumitfield-front {
    margin-top:2em
}
.sumitfield-front input:hover {
    background-color:#c40000
}
.pi-section-w {
    position:relative;
    -webkit-transition:background .1s ease-in-out 0s;
    -moz-transition:background .1s ease-in-out 0s;
    -ms-transition:background .1s ease-in-out 0s;
    -o-transition:background .1s ease-in-out 0s;
    transition:background .1s ease-in-out 0s
}
.pi-section-base {
    color:#e2f1f1
}
.pi-section {
    margin:0 auto;
    padding:2em 5em;
    position:relative
}
.pi-section-base-gradient {
    background:#ffa314;
    z-index:0;
    background:-moz-linear-gradient(left,#ffa314 0,#737373 100%);
    background:-webkit-gradient(linear,left top,right top,color-stop(0,#ffa314),color-stop(100%,#737373));
    background:-webkit-linear-gradient(left,#ffa314 0,#737373 100%);
    background:-o-linear-gradient(left,#ffa314 0,#737373 100%);
    background:-ms-linear-gradient(left,#ffa314 0,#737373 100%);
    background:linear-gradient(to right,#ffa314 0,#737373 100%)
}
.pi-texture {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0
}
h2.newcont-left {
    font-size:36px;
    font-family:jose-reg;
    color:#fff;
    margin-bottom:0;
    text-align:left
}
p.newcont-right {
    font-size:22px;
    font-family:jose-reg;
    color:#fff;
    text-align:right;
    margin-bottom:0
}
.contact-section {
    padding:4em 0;
    background-image:url(../images/seo-text-bg.jpg);
    background-size:cover
}
.cont-left {
    padding:4px;
    margin-bottom:2em
}
.cont-left h2 {
    font-size:22px;
    color:#21252b;
    letter-spacing:1px
}
.cont-left h2::after {
    position:relative;
    background:url(../images/bg-heading.png);
    left:18px;
    content:"";
    display:inline-block;
    width:76%;
    height:.75em;
    margin:0 -157% 0 0
}
.contactpagefield {
    margin:.6em 0
}
.contactpagefield input {
    border:none;
    width:100%;
    background-color:#fff;
    padding:0 35px 0 15px;
    font-size:13px;
    color:#333;
    height:40px;
    border:1px solid #e0e0e0;
    box-shadow:0 1px 3px #ccc;
    -webkit-transition:all ease-in-out .7s;
    -moz-transition:all ease-in-out .7s;
    -ms-transition:all ease-in-out .7s;
    -o-transition:all ease-in-out .7s;
    transition:all ease-in-out .7s
}
.contactpagefield input[type=checkbox] {
    display:inline-block;
    height:12px;
    width:12px;
    margin-right:8px
}
.contactpagefield label {
    margin-bottom:.6em;
    font-family:jose;
    font-size:14px
}
.contactpagefield label span {
    color:red;
    font-size:16px
}
.contactpagefield select {
    font-size:13px;
    border-radius:0;
    color:#797979;
    border:1px solid #e0e0e0;
    box-shadow:0 1px 3px #ccc;
    -webkit-transition:all ease-in-out .7s;
    -moz-transition:all ease-in-out .7s;
    -ms-transition:all ease-in-out .7s;
    -o-transition:all ease-in-out .7s;
    transition:all ease-in-out .7s
}
.contactpagefield textarea {
    height:70px;
    background:0 0;
    border:none;
    padding:10px;
    resize:none;
    width:100%;
    z-index:9999;
    font-size:12px;
    color:#333;
    line-height:2px;
    background:#fff;
    border:1px solid #e0e0e0;
    box-shadow:0 1px 3px #ccc;
    -webkit-transition:all ease-in-out .7s;
    -moz-transition:all ease-in-out .7s;
    -ms-transition:all ease-in-out .7s;
    -o-transition:all ease-in-out .7s;
    transition:all ease-in-out .7s
}
.contactpagefield .btn {
    background-color:#f60;
    width:150px;
    float:left;
    font-size:14px;
    color:#fff;
    padding:5px 10px;
    margin-top:1em
}
.contactpagefield .btn:hover {
    color:#000
}
.contact-info {
    margin:1em 0
}
.contact-info__icon {
    margin-right:20px;
    width:25px;
    text-align:center
}
.contact-info__icon i,.contact-info__icon span {
    color:#fff;
    font-size:27px
}
.contact-info .media-body h3 {
    font-size:14px;
    font-family:pops-bold;
    font-weight:400;
    margin-bottom:0;
    line-height: 23px;
}
.contact-info .media-body h3 span {
    font-size:17px
}
.contact-info .media-body p {
    color:#1b1e24;
    font-family:jose;
    font-size:15px;
    text-align:left;
    line-height:22px;
    padding-top:10px
}
.contact-box {
    padding:85px 93px 70px 144px;
    background-size:100% 104%!important;
    margin-top:80px
}
.left-div-bottom-img {
    width:400px;
    padding:10px;
    position:absolute;
    left:0;
    top:80px;
    rotate:33deg;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}
.left-div-bottom-img {
    width:145px!important;
    height:84px!important
}
.contact-frm iframe {
    border:0;
    width:100%;
    position:relative;
    height:400px;
    margin-top:1px
}
.thank-section {
    padding:3em 0;
    background-image:url(../images/seo-text-bg.jpg);
    background-size:cover
}
.thanks {
    padding:1em 0;
    width:100%;
    text-align:center
}
.thanks h2 {
    font-family:pops;
    font-size:30px;
    margin:1em 0;
    font-weight:400;
    color:#0085a1
}
.thanks p {
    color:#5c5c5c;
    font-size:20px;
    font-weight:400;
    font-family:lato
}
.responsive-enquiry {
    text-align:center;
    background-color:#f7f8fa;
    width:100%;
    padding:5px;
    text-transform:uppercase;
    font-size:16px;
    color:#333;
    font-weight:700;
    font-family:robot;
    bottom:0;
    position:fixed;
    border-top:1px solid #dadada;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.responsive-enquiry i {
   
    font-size:22px;
    padding:0 10px;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.responsive-enquiry:hover {
    
    color:#fff;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.responsive-enquiry:hover i {
    color:#fff;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.followMeBar {
    position:relative;
    z-index:1;
    color:#fff
}
.followMeBar.fixed {
    position:fixed;
    top:0;
    width:100%;
    display:none;
    box-sizing:border-box;
    z-index:999;
    box-shadow:0 1px 7px #ccc;
    transition:all .5s ease-in
}
.followMeBar.fixed.absolute {
    position:absolute;
    display:none
}

.header-area {
    position:fixed;
    background-color:#010101;
    z-index:999
}
#mid {
    height:90px;
    transition:.4s;
	background-color:#F7F7F7
	
}
#logo-red {
    height:90px;
    transition:.8s
}
.header-pad {
    padding-top:155px
}
.logo-tp {
    height:82px;
    padding:2px
}
.top-box {
    padding:0;
    background-color:#316FF6;
    border-bottom:1px solid #ccc;
    width:100%;
    height:27px!important;
    z-index:999;
    top:0
}
.top-cont {
    padding:0 10px
}
.top-cont ul {
    list-style:none;
    display:flex;
    margin:0;
    padding:0;
    float:right
}
.top-cont li {
    float:left;
    color:#fff;
    padding:3px .5em;
    font-size:14px;
    font-weight:700;
    font-family:metro
}
.top-cont li a {
    font-size:12px;
    font-family:metro;
    color:#fff;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.top-cont li a:hover {
    color:#fff;
    text-decoration:none;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.top-cont li i {
    padding-right:5px
}
.top-social ul {
    list-style:none;
    display:flex;
    margin:3px 0 0 0;
    padding:0;
    float:right
}
.top-social li {
    float:left
}
.top-social li:nth-child(1) {
    font-size:13px;
    font-family:metro;
    font-weight:700;
    color:#333;
    padding-right:10px;
    padding-top:3px
}
.top-social li a {
    color:#333
}
.top-social li i {
    padding-right:10px
}
.top-apps {
    text-align:center
}
.top-apps img {
    height:30px
}
.top-apps a {
    padding-right:15px;
    opacity:.9;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.top-apps a:hover {
    padding-right:15px;
    opacity:1;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.seo-services {
    padding:1em 0;
    margin:5px
}
.service-page-heading {
    font-family:oswal;
    font-size:26px;
    color:#0059be;
    text-align:center;
    text-transform:uppercase;
    margin:1em 0 1em 0
}
.service-page-heading::after {
    content:"";
    width:100px;
    height:2px;
    background-color:red;
    margin:15px auto;
    display:block
}
.service-page-heading p {
    font-size:18px;
    color:#333;
    margin-top:.3em;
    font-weight:700;
    font-family:pops
}
.seo-package-heading {
    font-family:pops-bold;
    font-size:18px;
    color:#0059be;
    text-align:center;
    text-transform:uppercase;
    margin:1em 0 1em 0
}
.seo-package-heading::after {
    content:"";
    width:100px;
    height:2px;
    background-color:red;
    margin:10px auto;
    display:block
}
.seo-package-heading p {
    font-size:15px;
    color:#333;
    margin-top:.8em;
    font-weight:400;
    font-family:century
}
.service-page-heading-white {
    font-family:oswal;
    font-size:26px;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    margin:1em 0 1em 0
}
.service-page-heading-white::after {
    content:"";
    width:100px;
    height:2px;
    background-color:#fff;
    margin:15px auto;
    display:block
}
.seo-services-box {
    padding:8px 0 25px 0;
    border-radius:20px;
    box-shadow:0 1px 5px #bdbdbd;
    text-align:center;
    height:350px;
    margin-bottom:2em;
    background-color:#fff;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.seo-services-box:hover {
    box-shadow:0 1px 2px #bdbdbd;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.seo-services-box:hover img {
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    filter:grayscale(0);
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.seo-services-box img {
    height:120px;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.seo-services-box h3 {
    font-size:20px;
    color:#0c415d;
    font-weight:700;
    margin-top:1em;
    font-family:lato
}
.seo-services-box p {
    font-size:13px;
    color:#333;
    padding:4px 5px;
    line-height:24px;
    font-weight:400;
    font-family:metro
}
.seo-services-box a {
    background-color:#144997;
    text-align:center;
    color:#fff;
    font-size:13px;
    font-family:metro;
    padding:10px 20px;
    border-radius:20px;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.seo-services-box a:hover {
    padding:10px 30px;
    color:#fff;
    text-decoration:none;
    background-color:#0f68ec;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.ppc-services-box {
    padding:8px 0 25px 0;
    border-radius:20px;
    box-shadow:0 1px 5px #bdbdbd;
    text-align:center;
    height:415px;
    margin-bottom:2em;
    background-color:#fff;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.ppc-services-box:hover {
    box-shadow:0 1px 2px #bdbdbd;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.ppc-services-box:hover img {
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    filter:grayscale(0);
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.ppc-services-box img {
    height:120px;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.ppc-services-box h3 {
    font-size:20px;
    color:#0c415d;
    font-weight:700;
    margin-top:1em;
    font-family:lato
}
.ppc-services-box p {
    font-size:13px;
    color:#333;
    padding:4px 5px;
    line-height:24px;
    font-weight:400;
    font-family:metro
}
.ppc-services-box a {
    background-color:#144997;
    text-align:center;
    color:#fff;
    font-size:13px;
    font-family:metro;
    padding:10px 20px;
    border-radius:20px;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.ppc-services-box a:hover {
    padding:10px 30px;
    color:#fff;
    text-decoration:none;
    background-color:#0f68ec;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.seo-model {
    padding:2px;
    margin-top:-1.6em
}
.course-part {
    height:auto;
    box-shadow:3px 3px 4px #0000006b;
    background:#fff;
    padding:0;
    margin-top:30px;
    transition:.5s ease
}
.course-part:hover {
    transform:translateY(-10px)
}
.orange-bg {
    background:linear-gradient(to right,#0B6CEF 23%,#0B6CEF 100%); 
    margin:0;
    height:200px
}
.course-img-container {
    padding:8px 0;
    text-align:center
}
.course-part-pics {
    width:60px;
    height:auto;
    height:59px;
    margin:0 auto;
    background-color:transparent;
    text-align:center;
    line-height:55px;
    border-radius:50%
}
.course-part-pics img {
    height:40px
}
.course-name {
    padding:10px 0;
    text-align:justify
}
.course-name p {
    font-family:metro;
    color:#fff;
    text-align:inherit;
    font-size:14px;
    padding:10px;
    margin-bottom:0
}
.course-part h4 {
    text-transform:uppercase;
    font-family:Lato,sans-serif;
    padding:14px 0 3px 0;
    color:#fff;
    font-size:20px;
    text-align:left;
    font-weight:400;
    letter-spacing:.5px;
    line-height:1.2;
	font-weight: bold
}
.course-part .br {
    border-top:1px solid #f1f1f1
}
.seo-persent {
    margin:2em 0;
    background-color:#fff;
    background-image:url(../images/whitebg01.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    border:1px solid #ebebeb;
    padding-bottom:.8em;
    padding-top:.5em
}
.seo-persent ul {
    list-style:none;
    line-height:32px
}
.seo-persent li {
    font-size:17px;
    color:#333;
    padding:1em 0 1px 0;
    font-family:pops
}
.seo-persent li span {
    background-color:#0059be;
    width:80px;
    height:49px;
    display:block;
    color:#fff;
    position:absolute;
    border-radius:50%;
    font-weight:400;
    font-family:oswal;
    text-align:center;
    line-height:50px;
    font-size:18px;
    box-shadow:0 1px 2px #ccc;
    margin-right:24px
}
.seo-persent li p {
    padding:8px 0 0 5.7em
}
.persents {
    margin:4em 0 1em 0;
    padding-top:.5em
}
.persents ul {
    list-style:none;
    width:100%;
    display:flex;
    padding-left:0
}
.persents li {
    width:25%;
    float:left
}
.persents-box {
    margin:6px;
    background-image:url(../images/white-bg.jpg);
    height:140px;
    border-radius:10px;
    box-shadow:0 2px 4px #ccc;
    border:2px solid #0059be
}
.persents-box span {
    background-color:#0059be;
    color:#fff;
    font-family:oswal;
    width:70px;
    height:49px;
    text-align:center;
    line-height:49px;
    font-size:20px;
    display:block;
    margin:-29px auto;
    border-radius:50%
}
.persents-box p {
    margin-top:3em;
    font-size:14px;
    color:#333;
    padding:5px 10px;
    font-weight:400;
    line-height:20px;
    font-family:pops-bold;
    text-align:center
}
.nn {
    display:none
}
.whychoose-box {
    margin-top:2em;
    display:block;
    padding:1em;
    margin-bottom:1em;
    box-shadow:0 1px 4px #ccc;
    background-color:#0855F1
}
.whychoose-box h3 {
    font-size:18px;
    color:#fff;
    font-weight:400;
    margin-top:1em;
    line-height:25px;
    font-family:pops-bold
}
.whychoose-box p {
    font-size:15px;
    color:#fff;
    line-height:25px;
    font-family:pops
}
.whychoose-box ul {
    font-size:15px;
    color:#fff;
    line-height:25px;
    font-family:pops
}
.whychoose-box li {
    margin-bottom:12px
}
.whychoose-box p b {
    font-size:16px;
    font-weight:700
}
.choose-box {
    padding:8px;
    margin:1em 0 1em 0;
    height:360px;
    border:2px dashed #e2dfdf
}
.choose-pics {
    width:140px;
    height:139px;
    padding:10px;
    line-height:100px;
    margin:20px auto;
    text-align:center;
    border-radius:50%;
    border:2px dashed #0059be;
    background-color:#fff
}
.choose-pics img {
    height:auto
}
.choose-box h2 {
    font-size:16px;
    color:#fff;
    font-weight:400;
    text-align:center;
    font-family:pops-bold
}
.choose-box p {
    font-size:13px;
    color:#fff;
    padding:0 10px;
    margin-top:1em;
    text-align:justify;
    line-height:22px;
    font-family:pops
}
.choose-box p b {
    font-weight:700;
    font-size:15px
}
.seo-packages {
    margin-top:1em;
    display:block;
    padding:1em;
    margin-bottom:2em;
    box-shadow:0 1px 4px #ccc;
    background-color:#fff
}
.packages-section {
    padding-top:2em;
    padding-bottom:2em
}
.pricingTable {
    padding-bottom:10px;
    background:#fff;
    border-bottom:15px solid #faac01;
    text-align:center;
    transform:scale(1);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    overflow:hidden;
    position:relative;
    border-left:1px solid #e6e6e6;
    border-right:1px solid #e6e6e6;
    transition:all .5s ease-in-out
}
#global .pricingTable {
    background:#fff
}
.pricingTable::before {
    content:"";
    width:100%;
    height:322px;
    background:#faac01;
    position:absolute;
    top:-150px;
    left:0;
    transform:skewY(-20deg)
}
.pricingTable .pricingTable-header {
    padding:20px 20px 40px;
    text-align:left;
    position:relative
}
.packages-section h3 {
    padding:10px 0
}
.pricingTable h4 {
    font-family:asap;
    font-size:20px;
    color:#333;
    margin-top:2.5em;
    margin-bottom:-1.5em;
    font-weight:700
}
.pricingTable .price-value {
    display:inline-block;
    width:170px;
    height:110px;
    padding:15px;
    border:2px solid #faac01;
    border-top:none;
    border-bottom:none;
    position:relative
}
.pricingTable {
    padding-bottom:10px;
    background:#fff;
    border-bottom:15px solid #faac01;
    text-align:center;
    transform:scale(1);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    overflow:hidden;
    position:relative;
    transition:all .5s ease-in-out
}
.pricingTable:hover {
    transform:scale(1);
    box-shadow:3px 1px 3px #ccc;
    margin-top:-20px
}
.pricingTable:before {
    content:"";
    width:100%;
    height:322px;
    background:#faac01;
    position:absolute;
    top:-150px;
    left:0;
    transform:skewY(-20deg)
}
.pricingTable .price-value:after,.pricingTable .price-value:before,.pricingTable .value:after,.pricingTable .value:before,.pricingTable .year:after,.pricingTable .year:before {
    content:"";
    left:50%;
    transform:translateX(-50%) scaleY(.5) rotate(45deg)
}
.pricingTable .pricingTable-header {
    padding:20px 20px 40px;
    text-align:left;
    position:relative
}
.pricingTable .title {
    font-size:25px;
    font-weight:600;
    color:#fff;
    text-transform:uppercase;
    margin:0
}
.pricingTable .sub-title {
    display:block;
    font-size:16px;
    color:#fff;
    text-transform:uppercase
}
.pricingTable .value,.pricingTable .year {
    color:#faac01;
    background:#fff
}
.pricingTable .year {
    width:80px;
    height:55px;
    padding:7px 0;
    font-size:15px;
    font-weight:600;
    font-style:italic;
    text-align:center;
    position:absolute;
    top:30px;
    right:20px;
    z-index:1
}
.pricingTable .year:after,.pricingTable .year:before {
    width:57px;
    height:57px;
    background:#fff;
    position:absolute;
    top:-28px;
    z-index:-1
}
.pricingTable .year:after {
    top:auto;
    bottom:-28px
}
.pricingTable .price-value {
    display:inline-block;
    width:170px;
    height:110px;
    padding:15px;
    border:2px solid #faac01;
    border-top:none;
    border-bottom:none;
    position:relative
}
.pricingTable .price-value:after,.pricingTable .price-value:before {
    width:121px;
    height:121px;
    border:3px solid #faac01;
    border-right:none;
    border-bottom:none;
    position:absolute;
    top:-60px
}
.pricingTable .price-value:after {
    border-top:none;
    border-left:none;
    border-bottom:3px solid #faac01;
    border-right:3px solid #faac01;
    top:auto;
    bottom:-60px
}
.pricingTable .value {
    width:100%;
    height:100%;
    border:2px solid #faac01;
    border-top:none;
    border-bottom:none;
    z-index:1;
    position:relative
}
.pricingTable .value:after,.pricingTable .value:before {
    width:97px;
    height:97px;
    background:#fff;
    border:3px solid #faac01;
    border-bottom:none;
    border-right:none;
    position:absolute;
    top:-48px;
    z-index:-1
}
.pricingTable .value:after {
    border-right:3px solid #faac01;
    border-bottom:3px solid #faac01;
    border-top:none;
    border-left:none;
    top:auto;
    bottom:-48px
}
.pricingTable .currency {
    display:inline-block;
    font-size:15px;
    margin-top:2px;
    vertical-align:top;
    font-weight:700;
    font-family:metro
}
.pricingTable .amount {
    display:inline-block;
    font-size:22px;
    font-weight:700;
    line-height:30px;
    margin-top:10px
}
.pricingTable .amount span {
    display:inline-block;
    font-size:30px;
    font-weight:400;
    vertical-align:top;
    margin-top:-7px
}
.pricingTable .spending {
    display:inline-block;
    font-size:11px;
    font-weight:700;
    line-height:14px;
    color:#333;
    padding-top:5px
}
.pricingTable .month {
    display:block;
    font-size:16px;
    line-height:0
}
.pricingTable .pricing-content {
    padding:50px 0 0;
    margin-bottom:20px;
    list-style:none;
    text-align:left;
    transition:all .3s ease 0s
}
.pricingTable .pricing-content li {
    padding:5px 0 5px 25px;
    display:block;
    border-bottom:1px solid #e4e4e4;
    color:#4e4b4b;
    position:relative;
    font-size:14px;
    text-align:center;
    font-weight:500;
    width:100%!important;
    line-height:21px
}
.pricingTable .pricing-content2 {
    padding:50px 0 0;
    margin-bottom:20px;
    list-style:none;
    text-align:left;
    transition:all .3s ease 0s
}
.pricingTable .pricing-content2 li {
    padding:5px 30px 5px 5px;
    display:block;
    border-bottom:1px solid #e4e4e4;
    color:#4e4b4b;
    position:relative;
    font-size:14px;
    text-align:center;
    font-weight:500;
    width:100%!important;
    line-height:21px
}
.pricingTable .pricing-content2 li span {
    font-weight:700;
    color:#f60
}
.pricingTable .pricing-content2 li i {
    float:left;
    margin-left:5px;
    color:#98c458;
    margin-top:1px;
    padding:2px;
    border:1px solid #98c458
}
.pricing-content2 .cross i {
    float:left;
    margin-left:5px;
    color:red!important;
    margin-top:1px;
    padding:2px 4px!important;
    border:1px solid red!important
}
.pricingTable .pricing-content li.disable:before,.pricingTable .pricing-content li:before {
    content:"\f00c ";
    font-family:FontAwesome;
    font-weight:900;
    width:20px;
    font-size:10px;
    height:20px;
    line-height:20px;
    border-radius:50%;
    background:#98c458;
    text-align:center;
    color:#fff;
    position:absolute;
    top:6px;
    left:10px
}
.pricingTable .pricing-content li.disable:before {
    content:"\f00d";
    background:#fe6c6c
}
.pricingTable .pricingTable-signup {
    display:inline-block;
    width:auto;
    font-family:oswal;
    font-weight:400;
    text-decoration:none;
    font-size:18px;
    color:#faac01;
    text-transform:uppercase;
    border:2px solid #faac01;
    position:relative;
    transition:all .3s ease 0s;
    background:0 0;
    margin:10px 0 0;
    border-radius:0;
    padding:7px 30px;
    cursor:pointer
}
.pricingTable.purple .price-value:before,.pricingTable.purple .value:before {
    border-left-color:#be4f91;
    border-top-color:#be4f91
}
.pricingTable.purple .price-value,.pricingTable.purple .price-value:after,.pricingTable.purple .value,.pricingTable.purple .value:after {
    border-right-color:#be4f91
}
.pricingTable.purple,.pricingTable.purple .price-value:after,.pricingTable.purple .value:after {
    border-bottom-color:#be4f91
}
.pricingTable .pricingTable-signup:hover {
    background:#faac01;
    color:#fff;
    border-radius:30px
}
.pricingTable.purple .value,.pricingTable.purple .year {
    color:#be4f91
}
.pricingTable.purple:before {
    background:#be4f91
}
.pricingTable.purple .price-value,.pricingTable.purple .value {
    border-left-color:#be4f91
}
.pricingTable.purple .pricingTable-signup {
    color:#be4f91;
    border-color:#be4f91;
    text-decoration:none
}
.pricingTable.blue .price-value:before,.pricingTable.blue .value:before {
    border-left-color:#0192af;
    border-top-color:#0192af
}
.pricingTable.blue .price-value,.pricingTable.blue .price-value:after,.pricingTable.blue .value,.pricingTable.blue .value:after {
    border-right-color:#0192af
}
.pricingTable.blue,.pricingTable.blue .price-value:after,.pricingTable.blue .value:after {
    border-bottom-color:#0192af
}
.pricingTable.purple .pricingTable-signup:hover {
    color:#fff;
    background:#be4f91
}
.mobile-loader {
    text-align:center
}
.pricingTable.blue .value,.pricingTable.blue .year {
    color:#0192af
}
.pricingTable.blue:before {
    background:#0192af
}
.pricingTable.blue .price-value,.pricingTable.blue .value {
    border-left-color:#0192af
}
.pricingTable.blue .pricingTable-signup {
    color:#0192af;
    border-color:#0192af
}
.pricingTable.blue .pricingTable-signup:hover {
    color:#fff;
    background:#0192af
}
@media only screen and (max-width:990px) {
    .pricingTable {
        margin-bottom:30px
    }
}
@media only screen and (max-width:767px) {
    .pricingTable:before {
        transform:skewY(-15deg)
    }
    .pricingTable .title {
        font-size:22px
    }
}
.chosen-wrapper {
    margin:0 auto 13px;
    max-width:300px;
    position:relative
}
.chosen-wrapper:after {
    pointer-events:none;
    content:"";
    position:absolute;
    top:20px;
    right:5px;
    width:0;
    height:0;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:8px solid rgba(0,0,0,.5);
    transition:all .2s cubic-bezier(.25,.46,.45,.94);
    z-index:9
}
.chosen-wrapper.is-active:after {
    border-top:8px solid #000;
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.chosen-wrapper .chosen-container .chosen-single {
    border-radius:0;
    height:40px;
    border:solid 1px #d9d9d9;
    background:#fff;
    font-size:13px;
    color:rgba(0,0,0,.5);
    padding:0 10px;
    text-align:left;
    line-height:40px;
    transition:all .3s ease;
    box-shadow:none;
    background:#fff;
    font-family:century
}
.chosen-wrapper .chosen-container .chosen-single b {
    display:none!important
}
.chosen-wrapper .chosen-container .chosen-single span {
    letter-spacing:0;
    padding:0;
    line-height:inherit
}
.chosen-wrapper .chosen-container.chosen-with-drop .chosen-single {
    border-width:2px 2px 1px;
    border-color:#424242 #424242 #424242;
    color:#424242;
    font-family:century;
    background-image:none
}
.chosen-wrapper .chosen-container.chosen-with-drop .chosen-drop {
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
.chosen-wrapper .chosen-container.chosen-container-single-nosearch .chosen-search {
    display:none
}
.chosen-wrapper .chosen-container .chosen-drop {
    letter-spacing:0;
    border-radius:0;
    box-shadow:none;
    border-width:0 2px 2px;
    border-color:#000;
    margin-top:0;
    -webkit-transition:all .3s cubic-bezier(.55,.085,.68,.53);
    -o-transition:all .3s cubic-bezier(.55,.085,.68,.53);
    transition:all .3s cubic-bezier(.55,.085,.68,.53);
    opacity:0
}
.chosen-wrapper .chosen-container .chosen-results {
    font-size:14px;
    color:#000;
    max-height:245px;
    margin:0;
    padding:0;
    text-align:left
}
.chosen-wrapper .chosen-container .chosen-results li {
    padding:10px 15px 10px;
    margin:0;
    border-bottom:1px solid #e5e5e5;
    -webkit-transition:all .4s cubic-bezier(.55,.085,.68,.53);
    -o-transition:all .4s cubic-bezier(.55,.085,.68,.53);
    transition:all .4s cubic-bezier(.55,.085,.68,.53);
    line-height:20px
}
.chosen-wrapper .chosen-container .chosen-results li.highlighted {
    background-color:#eee!important;
    color:#000;
    background-image:none
}
.chosen-wrapper--style2:before {
    content:'';
    width:0;
    border-top:2px solid #000;
    position:absolute;
    left:0;
    bottom:0;
    z-index:1;
    transition:all .2s cubic-bezier(.06,1,.89,.85)
}
.chosen-wrapper--style2.is-active:before {
    width:100%
}
.chosen-wrapper--style2 .chosen-container .chosen-single {
    border-width:0 0 2px;
    padding:0 10px
}
.chosen-wrapper--style2 .chosen-container.chosen-with-drop .chosen-single {
    border-width:0 0 2px
}
.chosen-wrapper--style2 .chosen-container.chosen-with-drop .chosen-drop {
    opacity:1;
    visibility:visible;
    transform:translateY(5px)
}
.chosen-wrapper--style2 .chosen-container .chosen-drop {
    border-color:#d9d9d9;
    border-top:2px solid #d9d9d9
}
.chosen-wrapper--style2 .chosen-container .chosen-results li {
    padding:10px 15px 10px
}
.employe-left {
    padding:1em 0
}
.employe-left p {
    color:#fff;
    font-size:16px;
    font-family:century
}
.employe-left p span {
    font-size:32px;
    padding-left:5px;
    padding-right:10px
}
.employe-left h3 {
    color:#84ebfe;
    font-weight:400;
    font-family:bil;
    font-size:26px
}
.employe-left h3 span {
    font-size:22px;
    font-family:oregano
}
.employe-right {
    width:200px;
    border:5px solid #45d2ec;
    height:199px;
    margin-top:2em!important;
    margin:0 auto;
    box-shadow:0 2px 3px #fff;
    border-radius:50%;
    background-color:#fff
}
.employe-right::before {
    content:'';
    background-size:auto;
    background-size:auto;
    background-size:100%;
    background-color:#45d2ec;
    display:inline-block;
    position:absolute;
    box-shadow:0 2px 8px #fff;
    right:20px;
    margin-top:2em!important;
    top:25%;
    border-radius:50%;
    transform:translateY(-50%);
    width:150px;
    height:149px;
    z-index:-99
}
.employe-right {
    width:200px;
    border:5px solid #45d2ec;
    height:199px;
    margin-top:2em!important;
    margin:0 auto;
    box-shadow:0 2px 3px #fff;
    border-radius:50%;
    background-color:#fff
}
.employe-right2::before {
    content:'';
    background-size:auto;
    background-size:auto;
    background-size:100%;
    background-color:#45d2ec;
    display:inline-block;
    position:absolute;
    box-shadow:0 2px 8px #fff;
    right:20px;
    margin-top:2em!important;
    top:25%;
    border-radius:50%;
    transform:translateY(-50%);
    width:150px;
    height:149px;
    z-index:-99
}
.employed-box {
    margin:1.5em
}
.career-frm {
    margin-top:1em;
    border-top:1px solid #ccc;
    padding-top:.9em
}
.contactfield,.contacttextarea {
    width:100%;
    position:relative;
    margin-bottom:1em
}
.contactfield input {
    border:none;
    border-radius:5px;
    width:90%;
    background-color:#fff;
    padding:0 35px 0 15px;
    font-size:13px;
    color:#333;
    height:40px;
    border:1px solid #c8c8c8;
    box-shadow:0 1px 3px #ccc;
    -webkit-transition:all ease-in-out .7s;
    -moz-transition:all ease-in-out .7s;
    -ms-transition:all ease-in-out .7s;
    -o-transition:all ease-in-out .7s;
    transition:all ease-in-out .7s
}
.contactfield input[type=checkbox] {
    display:inline-block;
    height:12px;
    width:12px;
    margin-right:8px
}
.contactfield label {
    margin-bottom:.6em;
    font-family:metro;
    font-size:13px
}
.contactfield label span {
    color:red;
    font-size:16px
}
.contactfield select {
    border:none;
    border-radius:8px;
    width:90%;
    background-color:#fff;
    padding:0 35px 0 15px;
    font-size:14px;
    color:#333;
    height:40px;
    border:1px solid #8a8a8a;
    -webkit-transition:all ease-in-out .7s;
    -moz-transition:all ease-in-out .7s;
    -ms-transition:all ease-in-out .7s;
    -o-transition:all ease-in-out .7s;
    transition:all ease-in-out .7s
}
.contactcaptch-career {
    border:1px dashed #ccc;
    padding:10px 20px
}
.contactcaptch-career input {
    width:200px;
    background-color:#fff;
    padding:0 35px 0 15px;
    font-size:13px;
    margin-left:20px;
    border-radius:8px;
    border:1px solid #8a8a8a;
    color:#333;
    height:40px;
    font-family:pops;
    box-sizing:border-box
}
.contactcaptch-career label {
    display:block
}
.contactcaptch-career img {
    padding:10px 17px
}
.contactfield .btn {
    padding:2px 10px;
    font-size:16px;
    margin-top:2em;
    color:#fff;
    width:150px;
    border:none;
    font-weight:700;
    font-family:pops;
    border-radius:16px;
    background-color:#c52d2f;
    margin-right:5%;
    transition:all .5s ease-in
}
.contactfield .btn:hover {
    color:#fff;
    width:180px;
    background-color:#f40104;
    margin-right:5%;
    transition:all .5s ease-in
}
.youtube-btn {
    background-color:#087FED;
    padding:2em 1em;
    width:100%;
    margin-top:1em;
    transition:all .4s ease-in
}
.youtube-btn:hover {
    background-color:#fa2e23
}
.youtube-btn:hover a {
    transition:all .2s ease-in;
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.youtube-btn a {
    background-color:#fff;
    padding:5px 10px;
    border-radius:10px;
    box-shadow:0 1px 3px #828282;
    width:100%;
    display:block;
    transition:all .2s ease-in;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.youtube-btn a:hover {
    transition:all .2s ease-in;
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.youtube-btn a span {
    position:absolute;
    font-size:20px;
    color:#333;
    text-transform:uppercase;
    font-weight:400;
    font-family:oswal;
    padding-left:12px;
    padding-top:3px
}
.youtube-btn a img {
    height:35px
}
.youtube-btn h3 {
    color:#fff;
    text-align:center;
    font-size:22px;
    font-weight:700;
    margin-bottom:0;
    margin-top:.5em
}
.youtube-btn h3 span {
    display:block;
    font-weight:700
}
.slider {
    position:relative
}
#slider {
    position:relative;
    overflow:hidden;
    width:100%!important
}
#slider ul {
    position:relative;
    margin:0;
    padding:0;
    height:auto;
    width:99999px;
    overflow:hidden;
    list-style:none
}
#slider ul li {
    position:relative;
    display:block;
    float:left;
    margin:0;
    padding:0;
    width:100vw;
    height:auto;
    text-align:center
}
#slider ul li .slide {
    background-size:cover;
    height:auto
}
#slider ul li .slide img {
    width:100%
}
button.control_next,button.control_prev {
    position:absolute;
    top:45%;
    z-index:10;
    display:block;
    border:none;
    width:1.5em;
    height:1.5em;
    line-height:.9em;
    background:rgba(0,0,0,.3);
    color:#fff;
    text-align:center;
    text-decoration:none;
    font-weight:400;
    font-size:1.5rem;
    opacity:.8;
    cursor:pointer;
    border-radius:50%;
    transform:translateY(-50%)
}
button.control_next:focus,button.control_prev:focus {
    outline:0;
    border:1px rgba(255,255,255,.5) solid
}
button.control_next:hover,button.control_prev:hover {
    opacity:1;
    -webkit-transition:all .2s ease
}
button.control_prev {
    left:2rem
}
button.control_next {
    right:2rem
}
.progress {
    position:absolute;
    background:rgba(255,255,255,.3);
    height:1.5rem;
    width:100%;
    bottom:-20px;
    border-top:1px rgba(0,0,0,.15) solid
}
.progress .bar {
    height:100%;
    width:0%;
    background:#fff
}
.sldbtn_black {
    font-family:brand;
    font-size:17px;
    color:#000;
    font-style:none;
    padding:17.5px 23px;
    letter-spacing:.75px;
    border-radius:30px;
    background-color:rgba(0,234,255,0);
    border:2px solid #000;
    text-transform:uppercase;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.sldbtn_black:hover {
    text-decoration:none;
    text-transform:uppercase;
    border-radius:30px;
    color:#fff;
    border:2px solid #fff;
    background-color:#00eaff;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.sldbtn {
    font-family:oswal;
    font-size:17px;
    color:#000;
    background-color:#f1f1f1;
    font-style:none;
    padding:6px 20px;
    letter-spacing:.75px;
    border:2px solid #f1f1f1;
    text-transform:uppercase;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.sldbtn:hover {
    text-decoration:none;
    text-transform:uppercase;
    color:#000;
    padding:6px 30px;
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    background-color:#fff;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.teaser {
    position:absolute;
    top:45%;
    margin:0 6em;
    text-align:center;
    width:100%;
    color:#fff;
    transform:translateY(-50%)
}
.teaser h2 {
    font-size:4em;
    line-height:1em;
    color:#e8252b;
    text-shadow:2px 0 6px rgba(0,0,0,.1);
    font-weight:none;
    float:left;
    width:100%;
    text-align:left;
    font-family:oswal;
    margin-bottom:12px
}
.teaser h3 {
    font-size:2.1em;
    padding:.3em 0;
    margin:0 auto;
    font-family:century;
    width:100%;
    color:#3a3a3a;
    text-align:left
}
.teaser h4 {
    font-size:3.1em;
    line-height:1em;
    color:#333;
    width:100%;
    font-family:cen-bold;
    text-align:left;
    margin-bottom:.6em;
    text-shadow:2px 0 6px transparent
}
.teaser p {
    font-size:1.3em;
    line-height:1.3em;
    border-top:2px #fff solid;
    width:33%;
    min-width:25rem;
    margin:0 auto;
    padding:1.5rem 0
}
.teaser h5 {
    font-size:1.9em;
    color:#333;
    padding:.2em 1em 2em 1em;
    margin:0 auto;
    text-shadow:2px 0 3px transparent;
    min-width:25rem;
    font-family:brand
}
.teaser a {
    margin-right:.5rem
}
.mf-banner {
    position:relative;
    top:20px
}
.bn-pics {
    text-align:right
}
.bn-pics img {
    height:auto
}
.bn-left-new {
    position:relative;
    top:5em;
    text-align:left
}
.bn-left-new h2 {
    font-size:2.1em;
    color:#034698;
    font-family:bn-bold;
    line-height:42px;
    font-style:none;
    font-weight:700;
    margin-bottom:10px
}
.bn-left-new h2 span {
    color:#ea201d
}
.bn-left-new h2 i {
    font-family:bn;
    font-style:normal;
    letter-spacing:3px
}
.bn-left-new h3 {
    font-size:2em;
    color:#fff;
    font-family:gil
}
.bn-left-new p {
    font-size:17px;
    color:#fff;
    font-family:gil;
    margin-bottom:5px
}
.bn-left-new p i {
    padding-right:10px
}
.bn-left {
    position:relative;
    top:5em
}
.bn-left h2 {
    font-size:2em;
    line-height:1em;
    color:#fff;
    text-shadow:2px 0 6px rgba(0,0,0,.1);
    font-weight:none;
    float:left;
    width:100%;
    text-align:left;
    font-family:oswal;
    margin-bottom:12px
}
.bn-left h3 {
    font-size:1.8em;
    padding:.3em 0;
    margin:0 auto;
    font-family:century;
    width:100%;
    color:#fff;
    text-align:left
}
.bn-left h4 {
    font-size:2.6em;
    line-height:1em;
    color:#000;
    width:100%;
    font-weight:400;
    font-family:pops-bold;
    text-align:left;
    margin-bottom:.9em;
    text-shadow:2px 0 6px transparent
}
#cssmenu,#cssmenu #menu-button,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a {
    margin:0;
    padding:0;
    border:0;
    list-style:none;
    line-height:1;
    display:block;
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
#cssmenu:after,#cssmenu>ul:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
#cssmenu #menu-button {
    display:none
}
#cssmenu {
    width:auto;
    font-family:'Open Sans',Helvetica,sans-serif;
    float:right;
    margin-top:.5em
}
#cssmenu.align-center>ul {
    font-size:0;
    text-align:center
}
#cssmenu.align-center ul ul {
    text-align:left
}
#cssmenu.align-center>ul>li {
    display:inline-block;
    float:none
}
#cssmenu.align-right>ul>li {
    float:right
}
#cssmenu.align-right ul ul {
    text-align:right
}
#cssmenu>ul>li {
    float:left
}
#cssmenu>ul>li>a {
    padding:5px 5px 20px 5px;
    font-size:12px;
    color:#000000;
    text-transform:uppercase;
    letter-spacing:1px;
    text-shadow:0 1px 0 rgba(0,0,0,.25);
    font-weight:500;
    font-family:pops;
    text-decoration:none;
    -webkit-transition:color .2s ease;
    -moz-transition:color .2s ease;
    -ms-transition:color .2s ease;
    -o-transition:color .2s ease;
    transition:color .2s ease;
    margin-left:5px;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
#cssmenu>ul>li.active>a,#cssmenu>ul>li:hover>a,#cssmenu>ul>li>a:hover {
    color:#000;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
#cssmenu ul>li.has-sub>a:after {
    content:'';
    position:absolute;
    right:5px;
    top:17.5px;
    display:block;
    width:18px;
    height:18px;
    border-radius:9px;
    background-size:36px 36px;
    background-position:0 0;
    background-repeat:no-repeat;
    -webkit-transition:all .1s ease-out;
    -moz-transition:all .1s ease-out;
    -ms-transition:all .1s ease-out;
    -o-transition:all .1s ease-out;
    transition:all .1s ease-out
}
#cssmenu ul ul {
    position:absolute;
    left:-9999px;
    opacity:0;
    -webkit-transition:top .2s ease,opacity .2s ease;
    -moz-transition:top .2s ease,opacity .2s ease;
    -ms-transition:top .2s ease,opacity .2s ease;
    -o-transition:top .2s ease,opacity .2s ease;
    transition:top .2s ease,opacity .2s ease
}
#cssmenu>ul>li>ul {
    top:80px;
    padding-top:0;
    border-radius:5px;
    z-index:999;
    background-color:#f9f9f9;
    margin-top:-20px;
    border:solid 1px #e7e9ea
}
#cssmenu>ul>li:hover>ul {
    left:auto;
    top:51px;
    opacity:1
}
#cssmenu.align-right>ul>li:hover>ul {
    right:0
}
#cssmenu ul ul ul {
    top:40px
}
#cssmenu ul ul>li:hover>ul {
    top:0;
    left:178px;
    padding-left:10px;
    opacity:1
}
#cssmenu.align-right ul ul>li:hover>ul {
    left:auto;
    right:178px;
    padding-left:0;
    padding-right:10px;
    opacity:1
}
#cssmenu ul ul li a {
    width:200px;
    padding:12px 25px;
    font-size:12px;
    font-family:pops;
    font-weight:500;
    text-shadow:0 1px 0 rgba(0,0,0,.25);
    color:#333;
    text-decoration:none;
    -webkit-transition:color .2s ease;
    -moz-transition:color .2s ease;
    -ms-transition:color .2s ease;
    -o-transition:color .2s ease;
    transition:color .2s ease
}
#cssmenu ul ul li.active>a,#cssmenu ul ul li:hover>a,#cssmenu ul ul li>a:hover {
    color:#000;
    background-color:#f1f1f1
}
#cssmenu ul ul>li.has-sub>a:after {
    right:12px;
    top:9.5px;
    background-size:36px 36px;
    background-position:0 0;
    background-repeat:no-repeat
}
#cssmenu.align-right ul ul>li.has-sub>a:after {
    right:auto;
    left:12px
}
#cssmenu ul ul>li.has-sub:hover>a:after {
    background-position:0 -18px
}
#cssmenu ul ul>li.has-sub>a:before {
    top:15.5px;
    right:16px;
    border-top-color:transparent;
    border-left-color:#ddd
}
#cssmenu.align-right ul ul>li.has-sub>a:before {
    top:15.5px;
    right:auto;
    left:16px;
    border-top-color:transparent;
    border-right-color:#fff;
    border-left-color:transparent
}
#cssmenu ul ul>li.has-sub:hover>a:before {
    border-top-color:transparent;
    border-left-color:#333
}
#cssmenu.align-right ul ul>li.has-sub:hover>a:before {
    border-top-color:transparent;
    border-left-color:transparent;
    border-right-color:#1c89b5
}
@media all and (max-width:768px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px) {
    #cssmenu {
        width:100%
    }
    #cssmenu ul,#cssmenu ul ul,#cssmenu ul ul li:hover>ul,#cssmenu ul ul ul,#cssmenu ul ul ul li:hover>ul,#cssmenu.align-center>ul,#cssmenu.align-right ul ul,#cssmenu.align-right ul ul li:hover>ul,#cssmenu.align-right ul ul ul li:hover>ul,#cssmenu>ul,#cssmenu>ul>li:hover>ul,#cssmenu>ul>li>ul {
        position:relative;
        left:0;
        right:auto;
        top:0;
        width:100%;
        display:none;
        padding:0;
        opacity:1;
        text-align:left
    }
    #cssmenu ul li {
        width:100%;
        border-top:1px solid rgba(120,120,120,.2)
    }
    #cssmenu ul ul li a,#cssmenu ul ul li:first-child>a,#cssmenu ul ul li:last-child>a,#cssmenu>ul>li>a {
        width:100%;
        border-radius:0;
        box-shadow:none;
        background:0 0
    }
    #cssmenu ul li a {
        padding-left:30px
    }
    #cssmenu ul ul li a {
        padding:14px 25px 14px 27.5px;
        background-color:#7c0004!important
    }
    #cssmenu ul ul ul li a {
        padding-left:42.5px
    }
    #cssmenu ul ul ul ul li a {
        padding-left:57.5px
    }
    #cssmenu ul ul li.has-sub>a:after,#cssmenu ul ul li.has-sub>a:before,#cssmenu>ul>li.has-sub>a:after,#cssmenu>ul>li.has-sub>a:before {
        display:none
    }
    #cssmenu #menu-button {
        position:relative;
        display:block;
        padding:20px;
        padding-left:30px;
        cursor:pointer;
        font-size:13px;
        color:#fff;
        text-shadow:0 1px 0 rgba(0,0,0,.25);
        font-weight:700;
        letter-spacing:1px;
        text-transform:uppercase;
        background-color:#7c0004
    }
    #cssmenu .submenu-button {
        position:absolute;
        right:0;
        display:block;
        width:53px;
        height:53px;
        border-left:1px solid rgba(120,120,120,.2);
        z-index:10;
        cursor:pointer
    }
    #cssmenu ul ul .submenu-button {
        height:41px
    }
    #cssmenu #menu-button:after,#cssmenu ul .submenu-button:after {
        content:'';
        position:absolute;
        right:12.5px;
        top:12.5px;
        display:block;
        width:28px;
        height:28px;
        border-radius:15px;
        background:#ffbd00;
        background:-moz-linear-gradient(top,#ffbd00 0,#ffd65a 100%);
        background:-webkit-linear-gradient(top,#ffbd00 0,#ffd65a 100%);
        background:linear-gradient(to bottom,#ffbd00 0,#ffd65a 100%);
        background-size:56px 56px;
        background-position:0 0;
        background-repeat:no-repeat;
        -webkit-transition:all .1s ease-out;
        -moz-transition:all .1s ease-out;
        -ms-transition:all .1s ease-out;
        -o-transition:all .1s ease-out;
        transition:all .1s ease-out
    }
    #cssmenu #menu-button.menu-opened:after,#cssmenu ul .submenu-button.submenu-opened:after {
        background-position:0 -28px
    }
    #cssmenu ul ul .submenu-button:after {
        top:6.5px
    }
    #cssmenu #menu-button:before,#cssmenu .submenu-button:before {
        content:'';
        position:absolute;
        right:20.5px;
        top:25.5px;
        display:block;
        width:0;
        height:0;
        border:6px solid transparent;
        border-top-color:#444;
        z-index:99
    }
    #cssmenu ul ul .submenu-button:before {
        top:19.5px
    }
    #cssmenu #menu-button.menu-opened:before,#cssmenu .submenu-button.submenu-opened:before {
        border-top-color:#333
    }
}
.main-header-area {
    border-top:1px solid #ccc;
    height:72px;
    border-bottom:1px solid #ccc
}
.top-btn {
    padding:4px 10px;
    text-align:center;
    text-transform:uppercase;
    font-size:13px;
    font-family:lato;
    color:#fff;
    margin-top:-3px;
    font-weight:700;
    float:right;
    background-color:#0D0D0D;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.top-btn:hover {
    text-decoration:none;
    background-color:#0D0D0D;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.row-fix {
    padding:0 2em
}
.intro-section {
    padding:4em 0;
    background-image:url(../images/home_about_bg.webp);
    text-align:center;
    background-position:60% 1%;
    background-repeat:no-repeat;
    background-attachment:fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
.cmo-section-header {
    width:100%;
    margin:2em 0;
    font-family:robot-thin
}
.cmo-section-header h2 {
    margin-bottom:0;
    line-height:45px
}
.cmo-section-header h2 strong {
    font-family:robot;
    font-weight:700
}
.sers-btn {
    text-align:left
}
.sers-btn a {
    font-size:16px;
    color:#f9556d;
    font-family:robot-thin;
    font-weight:400;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.sers-btn a:hover {
    text-decoration:none
}
.sers-btn a:hover i {
    padding-left:10px;
    text-decoration:none;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.sers-btn a i {
    font-weight:700;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.cmo-section-header .separator {
    content:'';
    display:inline-block;
    margin:auto;
    position:relative;
    width:20%;
    max-width:100px;
    height:5px!important;
    opacity:.6;
    border:1px solid;
    box-sizing:border-box;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.cmo-section-header .separator:before {
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    content:'';
    height:1px;
    max-width:120px;
    width:120%;
    position:relative;
    float:right;
    right:100%;
    top:1px;
    opacity:.5
}
.cmo-section-header .separator:after {
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    content:'';
    height:1px;
    max-width:120px;
    width:120%;
    position:absolute;
    float:left;
    left:100%;
    top:1px;
    opacity:.5
}
.cmo-section-header .header-text {
    font-size:16px;
    margin-top:10px;
    letter-spacing:.5px
}
.cmo-section-header.text-left .separator {
    margin-left:2px
}
.cmo-section-header.text-left .separator:before {
    max-width:170px;
    width:170%
}
.cmo-section-header.text-left .separator:after {
    max-width:170px;
    width:170%
}
.cmo-section-header.text-right .separator {
    margin-right:2px
}
.cmo-section-header.text-right .separator:after {
    max-width:2px
}
.cmo-section-header.text-right .separator:before {
    max-width:170px;
    width:170%
}
.cmo-section-header.separator-none .separator {
    display:none
}
.cmo-section-header:hover.text-center .separator:after,.cmo-section-header:hover.text-center .separator:before {
    max-width:230px;
    width:230%
}
.cmo-section-header.separator-weightlifting .separator {
    border:none;
    max-width:80px;
    width:80px
}
.cmo-section-header.separator-weightlifting .separator .bar,.separator::after {
    background-color:#111
}
.cmo-section-header.separator-weightlifting .separator .bar,.separator::before {
    background-color:#111
}
.cmo-section-heading {
    width:100%;
    margin:2em 0
}
.cmo-section-heading h2 {
    margin-bottom:0;
    color:#fff
}
.cmo-section-heading .separator {
    content:'';
    display:inline-block;
    margin:auto;
    position:relative;
    width:20%;
    max-width:100px;
    height:5px!important;
    opacity:.6;
    border:1px solid;
    color:#fff;
    box-sizing:border-box;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.cmo-section-heading .separator:before {
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    content:'';
    height:1px;
    max-width:120px;
    width:120%;
    position:relative;
    float:right;
    right:100%;
    top:1px;
    opacity:.5
}
.cmo-section-heading .separator:after {
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    content:'';
    height:1px;
    max-width:120px;
    width:120%;
    position:absolute;
    float:left;
    left:100%;
    top:1px;
    opacity:.5
}
.cmo-section-heading .header-text {
    font-size:16px;
    margin-top:10px;
    letter-spacing:.5px
}
.cmo-section-heading.text-left .separator {
    margin-left:2px
}
.cmo-section-heading.text-left .separator:before {
    max-width:170px;
    width:170%
}
.cmo-section-heading.text-left .separator:after {
    max-width:170px;
    width:170%
}
.cmo-section-heading.text-right .separator {
    margin-right:2px
}
.cmo-section-heading.text-right .separator:after {
    max-width:2px
}
.cmo-section-heading.text-right .separator:before {
    max-width:170px;
    width:170%
}
.cmo-section-heading.separator-none .separator {
    display:none
}
.cmo-section-heading:hover.text-center .separator:after,.cmo-section-heading:hover.text-center .separator:before {
    max-width:230px;
    width:230%
}
.cmo-section-heading.separator-weightlifting .separator {
    border:none;
    max-width:80px;
    width:80px
}
.cmo-section-heading .separator::after {
    background-color:#fff
}
.cmo-section-heading .separator::before {
    background-color:#fff
}
.para-txt {
    font-size:14px;
    font-family:century;
    color:#000000;
    line-height:29px;
    text-align:center
}
.service-grid {
    padding:4em 0 3em 0;
    background-color:#f4f6fd
}
.design-Development-data-1 {
    padding:40px 30px 25px;
    box-shadow:0 0 5px #c2b7b7;
    border-radius:8px;
    background-color:#fff;
    margin-bottom:28px;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.design-Development-data-1:hover {
    box-shadow:0 0 12px #c2b7b7;
    -webkit-transform:scale(1.06);
    transform:scale(1.06);
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.design-Development-data-1 span img {
    height:100px;
    -webkit-transform:scale(1);
    transform:scale(1);
    color:#334252;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.design-Development-data-1 h4 {
    color:#334252;
    font-size:19px;
    font-family:pops;
    line-height:24px;
    font-weight:400;
    padding-top:22px;
    padding-bottom:10px
}
.design-Development-data-1 p {
    margin-bottom:20px!important;
    font-size:15px;
    line-height:23px;
    color:#334252;
    padding-bottom:0
}
.pointmf {
    padding:3em 0;
    background-color:#1163eb;
    position:relative;
    z-index:0;
    overflow:hidden
}
.pointmf:before {
    background:url(../images/dots-small-light-blue.png) no-repeat 0 0;
    background-size:contain;
    left:-52px;
    top:2%;
    width:345px;
    height:251px
}
.pointmf:after,.pointmf:before {
    content:"";
    position:absolute;
    z-index:-1
}
.point-left {
    width:100%;
    box-shadow:0 2px 6px #525252;
    border:1px solid #eee;
    border-top-left-radius:22px;
    border-top-right-radius:22px;
    padding:2em 1em 1em 1em;
    background-color:#f1f1f1
}
.point-right {
    position:relative;
    z-index:0
}
.point-right img {
    right:-40px;
    top:60px;
    position:relative
}
.faq-tab button {
    width:95%;
    text-align:left;
    font-family:pops;
    font-size:15px;
    font-weight:700;
    color:#fff;
    text-decoration:none!important
}
.faq-tab button:hover {
    text-decoration:none!important;
    color:#fff
}
.faq-tab i {
    float:right;
    padding-top:10px
}
.faq-tab .card {
    margin-bottom:1em;
    border-radius:0;
    border:1px dotted #1163eb!important
}
.faq-tab .card-header {
    border-radius:0!important;
    padding:.1rem .8rem;
    Background-color:#1163eb;
    color:#fff
}
.google-section {
    padding:5em 0;
    background-color:#f9f7f7;
    position:relative;
    z-index:0;
    overflow:hidden
}
.google-section:before {
    background:url(../images/strips05.png) no-repeat 0 0;
    background-size:contain;
    background-repeat:no-repeat;
    width:352px;
    height:364px;
    position:absolute;
    left:-180px;
    top:10px
}
.google-section:after,.google-section:before {
    content:"";
    position:absolute;
    z-index:-1
}
.google-section:after {
    background:url(../images/strip06.png) no-repeat 0 0;
    background-size:contain;
    background-repeat:no-repeat;
    width:292px;
    height:395px;
    position:absolute;
    right:-100px;
    bottom:460px;
    z-index:-1
}
.vertical-space5 {
    height:100px;
    border:none
}
.vertical-space3 {
    height:50px;
    border:none
}
.vertical-space2 {
    height:20px;
    border:none
}
.google-left {
    padding:5px
}
.google-left h2 {
    font-family:pops;
    font-size:26px;
    color:#000
}
.google-left p {
    font-size:14px;
    font-family:century;
    color:#333;
    line-height:29px;
    text-align:left;
    padding:0 0 1.5em 0;
    margin-bottom:0
}
.google-left strong {
    padding-top:8px;
    display:block;
    font-weight:400;
    font-size:16px;
    font-family:pops-bold
}
.google-left ul {
    list-style:none;
    margin-top:5px;
    line-height:29px;
    padding-left:10px
}
.google-left ul a {
    font-family:pops;
    font-size:13px;
    font-weight:700;
    width:23%;
    float:left;
    margin:10px;
    text-align:center;
    border:1px solid #ccc;
    padding:12px 15px;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.google-left ul a:hover {
    background-color:#00448c;
    color:#fff;
    text-decoration:none;
    -webkit-transform:scale(1.05);
    transform:scale(1.05);
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.google-left ul a:hover .fa {
    color:#fff;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.google-left ul a i {
    font-size:20px;
    color:#1163eb;
    padding-right:10px;
    width:30px
}
.Choose-right img {
    border-radius:15px
}
.choose-circle {
    text-align:center
}
.choose-circle a {
    width:200px;
    height:199px;
    background-color:#fff;
    position:inherit;
    border-radius:50%;
    margin:0 auto;
    box-shadow:0 1px 6px #aaa;
    -webkit-transform:scale(1);
    transform:scale(1);
    text-decoration:none;
    -webkit-transition:all .5s ease;
    -moz-transition:all .8s ease;
    -ms-transition:all .8s ease;
    -o-transition:all .8s ease;
    transition:all .8s ease
}
.choose-circle a:hover {
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    text-decoration:none;
    -webkit-transition:all .5s ease;
    -moz-transition:all .8s ease;
    -ms-transition:all .8s ease;
    -o-transition:all .8s ease;
    transition:all .8s ease
}
.choose-circle a img {
    height:95px;
    padding-top:2em
}
.choose-circle h3 {
    font-size:18px;
    margin-top:1em;
    color:#32358e;
    font-weight:400;
    font-family:pops-bold
}
.Choose-left {
    background-color:#fff;
    padding:30px 20px 20px 30px;
    box-shadow:0 0 2px #a2a2a245
}
.Choose-left h2 {
    font-family:pops;
    font-size:26px;
    color:#000
}
.Choose-left p {
    font-size:14px;
    font-family:century;
    color:#333;
    line-height:29px;
    text-align:left;
    padding:0 0 1.5em 0;
    margin-bottom:0
}
.Choose-left strong {
    padding-top:8px;
    display:block;
    font-weight:400;
    font-size:16px;
    font-family:pops-bold
}
.Choose-left ul {
    list-style:none;
    margin-top:5px;
    line-height:29px;
    padding-left:10px
}
.Choose-left ul a {
    font-family:pops;
    font-size:13px;
    font-weight:700;
    width:23%;
    float:left;
    margin:10px;
    text-align:center;
    border:1px solid #ccc;
    padding:12px 15px;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.Choose-left ul a:hover {
    background-color:#00448c;
    color:#fff;
    text-decoration:none;
    -webkit-transform:scale(1.05);
    transform:scale(1.05);
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.Choose-left ul a:hover .fa {
    color:#fff;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.Choose-left ul a i {
    font-size:20px;
    color:#1163eb;
    padding-right:10px;
    width:30px
}
.work-section {
    padding:3em 0 3em 0;
    border-top:4px solid #144997;
    background-color:#f4f6fd
}
.portfolio-menu {
    text-align:center;
    margin:30px auto
}
.portfolio-menu ul li {
    display:inline-block;
    margin:0;
    font-family:robot;
    font-weight:400;
    list-style:none;
    padding:5px 15px;
    border:1px solid #144997;
    cursor:pointer;
    font-size:18px;
    transition:all .5 ease
}
.portfolio-menu ul {
    padding:0
}
.portfolio-menu ul li:hover {
    background:#144997;
    color:#fff
}
.portfolio-menu ul li.active {
    background:#144997;
    color:#fff
}
.portfolio-item {
    width:100%;
    margin:30px auto
}
.portfolio-item .item {
    width:33.3%;
    display:inline-block;
    margin-bottom:0;
    padding:0 0
}
.portfolio-item .item div {
    height:419px;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
@media screen and (max-width:1024px) {
    .portfolio-item .item {
        width:50%;
        padding:0 15px
    }
}
@media screen and (max-width:640px) {
    .portfolio-item .item {
        width:100%
    }
}
#portfolio .portfolio-single {
    position:relative;
    transition:all .3s ease;
    overflow:hidden
}
#portfolio .portfolio-single .btn {
    position:absolute;
    width:42px;
    height:42px;
    line-height:42px;
    font-size:40px;
    text-align:center;
    color:#fff;
    z-index:33;
    cursor:pointer;
    border-radius:0;
    bottom:0;
    right:-100px;
    padding:0
}
#portfolio .portfolio-single:hover .btn {
    right:0
}
#portfolio .portfolio-head {
    position:relative
}
#portfolio .portfolio-head::before {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background:rgba(5,5,5,.8);
    content:"";
    visibility:hidden;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    transform:translateY(-100%);
    bottom:0;
    z-index:11
}
#portfolio .portfolio-single:hover .portfolio-head:before {
    visibility:visible;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    transform:translateX(0)
}
#portfolio .portfolio-head img {
    width:100%;
    z-index:10
}
#portfolio .portfolio-hover {
    position:absolute;
    top:0;
    z-index:20;
    color:#fff;
    top:60%;
    width:100%;
    margin-top:-84px;
    text-align:center;
    padding-left:30px;
    padding-right:30px;
    opacity:0;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#portfolio .portfolio-single:hover .portfolio-hover {
    opacity:1;
    visibility:visible
}
#portfolio .portfolio-hover h4 {
    text-transform:uppercase;
    font-weight:600;
    font-size:18px;
    font-weight:600;
    font-family:pops;
    margin:5px 0 35px;
    position:relative;
    top:-20px;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    transition:all 1s ease
}
#portfolio .portfolio-single:hover h4 {
    top:0
}
#portfolio .portfolio-hover p {
    position:relative;
    bottom:-20px;
    text-transform:uppercase;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    transition:all 1s ease
}
#portfolio .portfolio-single:hover p {
    bottom:0
}
#portfolio .portfolio-hover span {
    font-size:4px;
    display:block;
    font-style:italic;
    margin-bottom:5px;
    text-transform:capitalize
}
#portfolio .portfolio-hover h4 a {
    color:#fff;
    font-weight:400;
    padding:6px 15px;
    background-color:rgba(255,255,255,.3);
    text-transform:normal;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
#portfolio .portfolio-hover h4 a:hover {
    color:#144997;
    text-decoration:none;
    background-color:#fff;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
#portfolio .portfolio-hover p {
    color:#fff;
    font-size:18px;
    font-family:Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif
}
#portfolio .portfolio-hover .button {
    margin-top:35px;
    position:relative;
    bottom:-20px;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    transition:all 1s ease
}
#portfolio .portfolio-single:hover .button {
    bottom:-10px
}
#portfolio .portfolio-hover .button a {
    color:#333;
    background:rgba(255,255,255,.9);
    display:inline-block;
    margin:0 5px;
    border-radius:50%;
    width:45px;
    height:44px;
    padding-top:9px;
    font-family:rulu;
    font-size:18px;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
#portfolio .portfolio-hover .button i {
    padding-top:5px;
    font-size:16px
}
#portfolio img {
    max-width:100%;
    display:block;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
#portfolio .portfolio-hover .button .primary,#portfolio .portfolio-hover .button a:hover {
    color:#fff;
    text-decoration:none;
    background:rgba(20,73,151,.5);
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
#portfolio .portfolio-hover .button .primary:hover {
    background:#fff;
    color:#333;
    text-decoration:none;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
#portfolio .button {
    text-align:center
}
#portfolio .button .btn {
    margin-top:60px;
    padding:15px 38px;
    border-radius:50px;
    font-weight:600
}
#portfolio .button .btn:active,#portfolio .button .btn:focus,#portfolio .button .btn:hover {
    background:#353535;
    color:#fff
}
#portfolio .button .btn i {
    margin-left:5px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    transition:all .3s ease
}
#portfolio .button .btn:hover i {
    -webkit-animation-name:hvr-wobble-horizontal;
    animation-name:hvr-wobble-horizontal;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
.work-pad {
    padding:0
}
.client-grid {
    padding:3em 0
}
.owl-nav button {
    position:absolute;
    top:50%;
    background-color:#000;
    color:#fff;
    margin:0;
    transition:all .3s ease-in-out
}
.owl-nav button.owl-prev {
    left:0
}
.owl-nav button.owl-next {
    right:0
}
.owl-dots {
    text-align:center;
    padding-top:15px
}
.owl-dots button.owl-dot {
    width:15px;
    height:15px;
    border-radius:50%;
    display:inline-block;
    background:#ccc;
    margin:0 3px
}
.owl-dots button.owl-dot.active {
    background-color:#000
}
.owl-dots button.owl-dot:focus {
    outline:0
}
.owl-nav button {
    position:absolute;
    top:45%;
    transform:translateY(-50%);
    background:rgba(255,255,255,.38)!important
}
.owl-nav span {
    font-size:70px;
    position:relative;
    top:-5px;
    height:50px;
    line-height:50px
}
.owl-nav button:focus {
    outline:0
}
.owl-slider {
    width:100%
}
.client_box {
    position:relative;
    z-index:0;
    height:220px;
    width:220px;
    text-align:center;
    margin:15px auto;
    border-radius:5px;
    display:block
}
.client_box::after {
    position:absolute;
    border:2px solid;
    content:"";
    top:15px;
    left:15px;
    height:calc(100% - 30px);
    width:calc(100% - 30px);
    opacity:0;
    transform:scale(1.1);
    transition:all .3s linear 0s;
    pointer-events:none
}
.client_box:active::after,.client_box:focus::after,.client_box:hover::after {
    opacity:1;
    transform:scale(1)
}
.client_box:before {
    height:100%;
    display:inline-block;
    vertical-align:middle;
    content:""
}
.client_box figure {
    display:inline-block;
    vertical-align:middle;
    width:180px
}
.client_box figure img {
    display:none
}
.drbbble-cta {
    text-align:center;
    margin-top:50px;
    width:100%
}
.btn {
    position:relative;
    opacity:1;
    border:none;
    width:auto;
    display:inline-block;
    cursor:pointer;
    overflow:hidden;
    color:#98a5af;
    padding:10px 5px 9px;
    box-shadow:0 5px 18px 0 rgba(33,43,59,.2);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    font-family:pops;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:2px;
    transition:box-shadow .4s ease
}
.btn:hover {
    box-shadow:0 0 0 0 rgba(33,43,59,.2)
}
.btn-default-dribbble {
    background-color:#4077c9;
    color:#fff
}
.btn-default-dribbble:hover .btnOverlay {
    background-color:#144997
}
.btn-default {
    background-color:#f1f1f1;
    color:#333
}
.btn-default:hover .btnOverlay {
    background-color:#f90
}
.btn-default-line {
    background-color:transparent;
    box-shadow:inset 0 0 0 1px #ffbf44;
    color:#ffbf44
}
.btn-default-line:hover .btnOverlay {
    background-color:#ffbf44;
    border:1px solid transparent
}
.btn:before {
    content:attr(data-text);
    position:absolute;
    transform:translate3d(50%,0,0);
    opacity:0
}
.btn:before,.btnText {
    transition:opacity .25s ease,transform .25s ease;
    z-index:1;
    display:inline-block;
    text-align:center
}
.btnOverlay {
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:150%;
    transform:translate3d(100%,0,0) skew(0);
    opacity:0;
    transition:transform .5s ease,opacity .3s ease;
    border-radius:.125rem;
    display:block
}
.btn:hover:before {
    color:#fff;
    transform:translateZ(0);
    opacity:1
}
.btn:hover .btnOverlay {
    transform:translate3d(10%,0,0) skew(-20deg);
    opacity:1
}
.btn:hover .btnText {
    transform:translate3d(-50%,0,0);
    opacity:0
}
.btn2 {
    position:relative;
    opacity:1;
    border:none;
    width:auto;
    display:inline-block;
    cursor:pointer;
    overflow:hidden;
    color:#333;
    font-weight:700;
    padding:10px 56px 9px;
    box-shadow:0 5px 18px 0 rgba(33,43,59,.2);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    font-family:metro;
    font-size:17px;
    text-transform:uppercase;
    letter-spacing:2px;
    transition:box-shadow .4s ease
}
.drbbble-phone {
    text-align:right;
    margin-top:12px;
    width:100%
}
.drbbble-phone i {
    font-size:18px
}
.btn-default-phone {
    background-color:#f1f1f1;
    color:#000
}
.btn-default-phone:hover .btnOverlay {
    background-color:#333
}
.btn2:hover {
    box-shadow:0 0 0 0 rgba(33,43,59,.2)
}
.btn2:before {
    content:attr(data-text);
    position:absolute;
    transform:translate3d(50%,0,0);
    opacity:0
}
.btn2:before,.btnText {
    transition:opacity .25s ease,transform .25s ease;
    z-index:1;
    display:inline-block;
    text-align:center
}
.btnOverlay {
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:150%;
    transform:translate3d(100%,0,0) skew(0);
    opacity:0;
    transition:transform .5s ease,opacity .3s ease;
    border-radius:.125rem;
    display:block
}
.btn2:hover:before {
    color:#fff;
    transform:translateZ(0);
    opacity:1
}
.btn2:hover .btnOverlay {
    transform:translate3d(10%,0,0) skew(-20deg);
    opacity:1
}
.btn2:hover .btnText {
    transform:translate3d(-50%,0,0);
    opacity:0
}
.drbbble-submit {
    text-align:left;
    margin-top:20px;
    width:100%
}
.btn3 {
    position:relative;
    opacity:1;
    border:none;
    width:auto;
    display:inline-block;
    cursor:pointer;
    overflow:hidden;
    color:#333;
    padding:10px 56px 9px;
    box-shadow:0 5px 18px 0 rgba(33,43,59,.2);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    font-family:pops;
    font-size:22px;
    text-transform:uppercase;
    letter-spacing:2px;
    transition:box-shadow .4s ease
}
.btn-default-submit {
    background-color:#e40303;
    color:#fff
}
.btn-default-submit:hover .btnOverlay {
    background-color:#c50000
}
.btn3:hover {
    box-shadow:0 0 0 0 rgba(33,43,59,.2)
}
.btn3:before {
    content:attr(data-text);
    position:absolute;
    transform:translate3d(50%,0,0);
    opacity:0
}
.btn3:before,.btnText {
    transition:opacity .25s ease,transform .25s ease;
    z-index:1;
    display:inline-block;
    text-align:center
}
.btnOverlay {
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:150%;
    transform:translate3d(100%,0,0) skew(0);
    opacity:0;
    transition:transform .5s ease,opacity .3s ease;
    border-radius:.125rem;
    display:block
}
.btn3:hover:before {
    color:#fff;
    transform:translateZ(0);
    opacity:1
}
.btn3:hover .btnOverlay {
    transform:translate3d(10%,0,0) skew(-20deg);
    opacity:1
}
.btn3:hover .btnText {
    transform:translate3d(-50%,0,0);
    opacity:0
}
.testimonial-section {
    background-color:#1163eb;
    padding:3em 0 4em 0;
    background-image:url(../images/white-dot.png);
    border-top:1px solid #e9f0f6;
    background-repeat:repeat
}
.img-wid {
    padding:3px;
    border:1px solid #2d373f;
    width:128px;
    height:127px;
    border-radius:50%;
    margin:2em auto
}
.img-wid img {
    border-radius:50%;
    height:120px
}
.testi-right {
    padding:1em 0 0 0
}
.testimonial-content {
    padding:1em 1.9em 0 1em
}
.testi-right p {
    font-size:14px;
    color:#fff;
    font-family:pops;
    line-height:29px;
    padding-bottom:0;
    margin-bottom:0
}
.testi-star {
    padding-top:10px
}
.testi-star span {
    color:#fff33b
}
.testi-right h3 {
    font-size:16px;
    color:#fff33b;
    margin-top:5px;
    font-weight:400;
    margin-bottom:9px;
    font-family:pops-bold
}
.testi-right h4 {
    font-family:metro;
    color:#fff;
    font-style:italic;
    font-size:13px
}
.blog-section {
    padding:3em 0 4em 0
}
.blog-box {
    border:1px solid #ccc;
    box-shadow:0 3px 4px #ccc
}
.zoom-img {
    overflow:hidden;
    text-align:center;
    width:100%;
    box-shadow:0 0 17px #00000052
}
.zoom-img img {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:.9;
    text-decoration:none;
    -webkit-transition:all .7s ease;
    transition:all .7s ease;
    -webkit-transition:all .8s ease;
    -moz-transition:all .8s ease;
    -ms-transition:all .8s ease;
    -o-transition:all .8s ease;
    transition:all .8s ease
}
.zoom-img img:hover {
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    text-decoration:none;
    -webkit-transition:all .5s ease;
    -moz-transition:all .8s ease;
    -ms-transition:all .8s ease;
    -o-transition:all .8s ease;
    transition:all .8s ease
}
.blog-box span {
    color:#3673cd;
    text-align:center;
    display:block;
    width:100%;
    margin-top:5px;
    font-size:14px;
    font-family:metro;
    padding:8px
}
.blog-box h2 {
    font-family:pops-bold;
    font-size:22px;
    color:#333;
    margin:.7em 0;
    padding:0 2em;
    text-align:center;
    line-height:32px
}
.blog-box h2 a {
    color:#333
}
.blog-box h2 a:hover {
    color:#1c89b5;
    text-decoration:none
}
.latest-b2-metad2 {
    background-color:#f7f7f7;
    margin:0;
    margin-top:-20px;
    margin-top:0;
    padding:10px;
    color:#666;
    letter-spacing:0;
    font-weight:400;
    font-size:13px;
    max-width:none
}
.latest-b2-metad2 i {
    color:#333;
    padding:0 5px
}
.blog-box p {
    font-family:pops;
    font-size:14px;
    color:#333;
    padding:0 1.5em;
    line-height:28px;
    text-align:center
}
.latest-b2-date a {
    border-right:1px solid #3673cd;
    padding-right:10px
}
.blogarrow .owl-nav button.owl-prev {
    width:50px;
    height:49px;
    left:-60px;
    background-color:rgba(20,73,151,.4)!important;
    color:#fff;
    border-radius:50%;
    padding-top:1px!important;
    line-height:2px
}
.blogarrow .owl-nav button.owl-next {
    width:50px;
    height:49px;
    right:-60px;
    background-color:rgba(20,73,151,.4)!important;
    color:#fff;
    border-radius:50%;
    padding-top:1px!important;
    line-height:2px
}
.blogarrow .owl-nav button.owl-prev:hover {
    background-color:#144997!important
}
.blogarrow .owl-nav button.owl-next:hover {
    background-color:#144997!important
}
.blogarrow .owl-nav button.owl-prev span {
    font-size:44px;
    line-height:22px
}
.blogarrow .owl-nav button.owl-next span {
    font-size:44px;
    line-height:22px
}
.clientarrow .owl-nav button.owl-prev {
    width:50px;
    height:49px;
    left:-60px;
    display:none;
    background-color:rgba(20,73,151,.4)!important;
    color:#fff;
    border-radius:50%;
    padding-top:1px!important;
    line-height:2px
}
.clientarrow .owl-nav button.owl-next {
    width:50px;
    height:49px;
    right:-60px;
    display:none;
    background-color:rgba(20,73,151,.4)!important;
    color:#fff;
    border-radius:50%;
    padding-top:1px!important;
    line-height:2px
}
.homen.blog {
    background-image:url(../../d3l69s690g8302.cloudfront.net/wp-content/uploads/2018/11/13073042/blog.png)!important;
    background-repeat:no-repeat!important;
    background-position:bottom -50px left 0!important
}
.about-describe {
    padding:3em 0;
    background-color:#f4f6fd
}
.learn-section {
    padding:3em 0;
    background-image:url(../images/pt-1.png);
    background-size:cover
}
.learn-video iframe {
    width:100%;
    height:220px;
    padding:4px
}
.learnarrow .owl-nav button.owl-prev {
    width:50px;
    height:49px;
    left:-60px;
    color:rgba(0,0,0,.4);
    border-radius:50%;
    padding-top:1px!important;
    line-height:2px
}
.learnarrow .owl-nav button.owl-next {
    width:50px;
    height:49px;
    right:-60px;
    color:rgba(0,0,0,.4);
    border-radius:50%;
    padding-top:1px!important;
    line-height:2px
}
.learnarrow .owl-nav button.owl-prev:hover {
    color:#000!important
}
.learnarrow .owl-nav button.owl-next:hover {
    color:#000!important
}
.learnarrow .owl-nav button.owl-prev span {
    font-size:44px;
    line-height:22px
}
.learnarrow .owl-nav button.owl-next span {
    font-size:44px;
    line-height:22px
}
.home-contact-info {
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
    width:100%;
    background-color:#f4f6fd;
    margin-top:0;
    padding:1em 0;
    position:relative;
    top:70px;
    box-shadow:0 1px 8px #6c6c6c;
    border-radius:45px
}
.home-contact-rept {
    flex:1 1 auto;
    width:33.3%;
    float:left;
    border-right:1px solid #ddd;
    text-align:center
}
.home-contact-rept:last-child {
    border-right:0 solid #ddd
}
.home-contact-rept a {
    display:inline-block;
    text-align:left;
    margin:0 auto
}
.home-contact-rept a:hover {
    text-decoration:none
}
.home-contact-rept h4 {
    font-family:century;
    font-size:15px;
    color:#144997;
    text-transform:uppercase;
    letter-spacing:.4px;
    margin-bottom:5px
}
.hct-phone i {
    background-position:left bottom;
    width:65px;
    height:75px;
    background-repeat:no-repeat;
    display:inline-block;
    margin-left:25px;
    background-size:contain
}
.home-contact-rept strong {
    font-family:century;
    font-size:20px;
    font-weight:400;
    color:#1f2c38
}
.cont-grid {
    padding:0 0
}
.contact-info {
    margin-bottom:0
}
.left-panel {
    border:1px solid #dfdfdf;
    position:fixed;
    z-index:9999;
    right:-18px;
    top:23%;
    padding:0 9px 10px 5px;
    width:290px;
    box-shadow:0 2px 4px #ddd;
    background:#fff;
    transition:1s all
}
.left-panel.closed {
    margin-right:-274px
}
.frm-call {
    padding-top:5px
}
.left-panel h3 {
    font-size:18px;
    text-align:center;
    font-family:pops;
    color:#4d4d4d;
    margin-top:-10px;
    margin-bottom:5px;
    font-weight:400
}
.left-panel p {
    font-size:11px;
    font-family:pops;
    color:#4d4d4d;
    text-align:center
}
.tab h2 {
    transform:rotate(270deg);
    cursor:pointer;
    color:#fff;
    font-size:14px;
    font-weight:700;
    font-family:pops;
    background-color:#239bb4;
    height:45px;
    width:170px;
    text-align:center;
    padding-top:12px;
    padding-left:9px;
    margin-top:165px;
    box-shadow:-2px -1px 8px rgba(58,56,52,.28);
    border-radius:15px 15px 0 0
}
.tab h2::before {
    content:'\f003';
    font-family:fontAwesome;
    font-size:18px;
    color:#fff;
    left:-8px;
    position:relative
}
.tab img {
    opacity:.7;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.tab img:hover {
    opacity:1;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.left-panel.closed .tab {
    width:20px
}
.left-panel.closed .tab span {
    transform:rotate(180deg)
}
.left-panel .tab {
    cursor:pointer;
    position:absolute;
    right:376px;
    transition:1s all;
    width:20px
}
.left-panel .tab span {
    display:block;
    transition:1s all;
    font-size:20px;
    font-weight:700
}
.cnt-icon {
    text-align:center
}
.cnt-icon ul {
    list-style-type:none;
    margin:0;
    padding:0
}
.cnt-icon ul p {
    font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;
    font-size:25px;
    margin-top:15px;
    color:#c52d2f
}
.cnt-icon ul span {
    font-family:Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size:20px;
    color:#333
}
#contactform {
    width:100%;
    position:relative;
    z-index:9999
}
.singlefield,.singletextarea {
    width:100%;
    position:relative;
    background:#fff;
    margin-bottom:12px;
    border-radius:15px
}
.singlefield input {
    border:none;
    width:100%;
    padding:0 10px 0 10px;
    font-size:11px;
    color:#333;
    font-family:pops;
    background:#fff;
    height:35px;
    border:1px solid #9b9b9b;
    -webkit-transition:all ease-in-out .7s;
    -moz-transition:all ease-in-out .7s;
    -ms-transition:all ease-in-out .7s;
    -o-transition:all ease-in-out .7s;
    transition:all ease-in-out .7s
}
.singlefield input:focus {
    border-color:red;
    color:#333
}
.singlefield select {
    border:none;
    font-size:13px;
    color:#797979;
    border:1px solid #9b9b9b;
    -webkit-transition:all ease-in-out .7s;
    -moz-transition:all ease-in-out .7s;
    -ms-transition:all ease-in-out .7s;
    -o-transition:all ease-in-out .7s;
    transition:all ease-in-out .7s
}
.singlefield i {
    color:#333;
    font-size:15px;
    position:absolute;
    right:15px;
    top:10px
}
.singletextarea {
    background:0 0
}
.singletextarea textarea {
    height:70px;
    background:0 0;
    border:none;
    padding:10px;
    resize:none;
    width:100%;
    z-index:9999;
    font-size:12px;
    color:#333;
    line-height:2px;
    background:#fff;
    border:1px solid #9b9b9b;
    -webkit-transition:all ease-in-out .7s;
    -moz-transition:all ease-in-out .7s;
    -ms-transition:all ease-in-out .7s;
    -o-transition:all ease-in-out .7s;
    transition:all ease-in-out .7s
}
.sumitfield {
    border:none;
    background:0 0;
    margin-bottom:0
}
.sumitfield input {
    width:100%;
    text-align:center;
    text-transform:uppercase;
    background:#f60;
    font-size:14px;
    cursor:pointer;
    border-radius:20px;
    font-family:pops;
    color:#fff;
    -webkit-transition:all ease-in-out .7s;
    -moz-transition:all ease-in-out .7s;
    -ms-transition:all ease-in-out .7s;
    -o-transition:all ease-in-out .7s;
    transition:all ease-in-out .7s
}
.sumitfield input:hover {
    background:#222;
    color:#f7c221
}
.singlefield-pop input {
    border:none;
    width:100%;
    padding:12px 30px;
    font-size:11px;
    color:#333;
    margin-bottom:1em;
    font-family:pops;
    background:#fff;
    box-shadow:0 6px 24px rgba(249,122,96,.23);
    font-size:13px;
    min-height:33px
}
.singlefield-pop select {
    border:none;
    width:100%;
    padding:12px 30px;
    color:#969696;
    margin-bottom:1em;
    box-shadow:0 6px 24px rgba(249,122,96,.23);
    font-size:13px;
    min-height:44px
}
.singletextarea-pop textarea {
    line-height:1.4;
    padding:20px 30px;
    font-size:11px;
    color:#333;
    height:140px;
    width:100%;
    max-width:100%;
    font-family:pops;
    background:#fff;
    box-shadow:0 6px 24px rgba(249,122,96,.23);
    font-size:13px;
    margin-bottom:1em;
    border:none;
    line-height:1.4
}
.term-txt {
    padding:0 2em;
    margin-bottom:1em
}
.term-txt label {
    font-size:12px
}
.sumitfield-popbtn input {
    font-size:15px;
    text-transform:uppercase;
    line-height:22px;
    color:#fff;
    cursor:pointer;
    background:linear-gradient(120deg,#e4555d 0,#f47c54 100%);
    border-radius:30px;
    box-shadow:0 16px 24px 0 rgba(250,122,96,.3);
    padding:15px 35px;
    width:40%
}
.sumitfield-popbtn input:hover {
    background:linear-gradient(120deg,#f47c54 0,#e4555d 100%)
}
.form-container {
    background:#162d42 url(../images/footer-bg.png) no-repeat left bottom;
    margin-top:200px;
    position:relative;
    z-index:111
}
.form-container .form-box {
    background:rgba(62,93,122,.23);
    padding:10px;
    transition:.3s all
}
.form-container .form-box:hover {
    background:#014f99;
    transition-delay:.3s all
}
.form-container .form-box i {
    font-size:35px
}
.form-container .form-box h4 a:hover {
    color:#fff
}
.form-container .form-up {
    margin-top:15px!important
}
.form-container h4 {
    color:#fff
}
.form-container ul {
    margin:0;
    padding:0 0 0 20px
}
.form-container ul li {
    color:#c5d1dd;
    letter-spacing:1px
}
.form-container .form-bg {
    background:#fff;
    padding:30px;
    margin-top:-112px;
    box-shadow:0 -2px 0 8px rgba(0,0,0,.1);
    border-radius:10px
}
.form-container .form-bg input,.form-container .form-bg select,.form-container .form-bg textarea,.modal-body input,.modal-body select,.modal-body textarea {
    border-top:none;
    border-right:none;
    border-left:none
}
.form-container .form-group {
    position:relative
}
.form-container i {
    position:absolute;
    top:10px;
    z-index:11
},
.form-container input:focus,.form-container textarea:focus {
    padding:6px 30px
}
.form-container input,.form-container textarea {
    padding:6px 30px
}
.form-container select {
    padding:6px 26px
}
.custom-fluid {
    width:95%
}
.custom-fluid {
    width:95%
}
.custom-fluid h2 {
    font-family:pops;
    font-size:26px;
    text-align:left;
    font-weight:600;
    color:#fff;
    letter-spacing:2px
}
.custom-fluid h5 {
    font-family:pops;
    font-weight:100;
    text-align:left;
    color:#fff;
    letter-spacing:2.2px
}
.custom-fluid h6 {
    font-family:pops;
    font-weight:100;
    letter-spacing:2px;
    text-transform:uppercase;
    font-size:12px;
    color:#c5d1dd
}
.custom-fluid h4 {
    letter-spacing:2px;
    font-weight:26px
}
.custom-fluid h4 a {
    color:#fff
}
.custom-fluid h4 a:hover {
    color:#fff
}
.custom-fluid .form-bg input,.custom-fluid .form-bg select,.custom-fluid .form-bg textarea {
    font-family:pops
}
.custom-fluid .form-bg ul li {
    font-family:pops;
    font-weight:100;
    font-size:13px
}
.cap img {
    height:40px
}
.cap i {
    color:#014f99;
    font-size:18px;
    padding-left:15px
}
.frm-right {
    padding:5px
}
.ftr-box {
    padding-top:1em 0
}
.ftr-box h2 {
    font-family:pops-bold;
    font-size:23px;
    color:#009882;
    text-align:left
}
.ftr-box ul {
    list-style:none;
    padding-left:2px;
    margin-top:1em
}
.ftr-box li {
    line-height:29px;
    font-size:14px;
    text-align:left;
    font-family:pops;
    font-weight:200
}
.ftr-box li a {
    color:#768696;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.ftr-box li a:hover {
    color:#f7b239;
    text-decoration:none;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.contact-info {
    margin-bottom:0
}
.ftr-logo img {
    opacity:.5;
    margin-bottom:1em
}
.contact-info p {
    color:#98a6af;
    font-size:14px;
    text-align:right;
    font-family:pops;
    margin-bottom:5px
}
.contact-info p a {
    color:#fff
}
.contact-info p span {
    color:#fff;
    padding-left:5px
}
.copyrights {
    width:100%;
    font-size:14px;
    padding:20px 0;
    margin:0;
    color:#98a6af;
    background-color:#1c2329
}
.copyrights span {
    float:none;
    font-size:13px
}
.copyrights span {
    padding:0;
    padding-top:0;
    margin:0;
    float:left;
    padding-top:5px
}
.white {
    color:#fff
}
.copyrights a {
    color:#98a6af
}
.copyrights a:hover {
    color:#fff
}
.text-right {
    text-align:right
}
.footer_social {
    display:inline-block;
    padding-left:0
}
.footer_social li {
    display:inline-block;
    margin-right:6px
}
.footer_social li a {
    color:#fff;
    border:1px solid #fff;
    border-radius:4px;
    width:30px;
    display:block;
    height:30px;
    text-align:center;
    padding-top:2px;
    font-size:17px
}
.footer_social li a:hover {
    background:#f78f1e;
    border-color:#f78f1e;
    color:#fff
}
.footer_social h4 {
    padding-top:1em;
    font-size:18px;
    font-family:pops-bold;
    color:#fff;
    padding-right:15px
}
.pay-cards {
    margin-bottom:10px;
    float:right
}
ul.pay-cards li {
    display:inline-block;
    margin-left:2px;
    font-size:1.8em;
    color:#98a6af
}
.pay-cards h4 {
    padding-top:1em;
    color:#fff;
    font-size:18px;
    font-family:pops-bold;
    padding-right:15px
}
.hosted {
    display:table;
    width:100%;
    background-color:#018dc2
}
.hosted-image {
    width:50%;
    display:table-cell;
    height:auto;
    background-image:url(../images/casestudy.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-color:#111;
    background-position:center
}
.hosted-content {
    width:50%;
    display:table-cell;
    position:relative;
    background-color:#018dc2;
    z-index:5;
    vertical-align:middle;
    height:auto
}
.light-dots {
    background:url(../images/white-dot.png) repeat;
    background-color:rgba(0,0,0,0)
}
.hosted-content .content-wrap {
    max-width:75%;
    padding:9em 0
}
.hosted-content .content-wrap {
    max-width:85%;
    margin:auto;
    position:relative;
    padding:4em 0
}
.content-wrap hr {
    background-color:#f1f1f1
}
.hosted-content h1 {
    font-size:2em;
    color:#fff;
    font-family:pops-bold
}
.hosted-content h2 {
    padding-top:0;
    font-size:3em;
    color:#f1f1f1;
    font-family:oswal
}
.hosted-content h2 strong {
    font-family:pops-bold;
    color:#fffb05;
    font-size:39px
}
.divider {
    margin-bottom:.4em
}
.hosted-content .divider::after {
    background:#fff
}
.divider::after {
    width:4rem;
    height:2px;
    background-color:#00b2f6;
    display:block;
    content:"";
    margin:.4em 0
}
.hosted-content li,.hosted-content p {
    color:#fff;
    font-size:1em;
    line-height:1.9;
    font-family:century;
    font-weight:400;
    font-style:normal;
    margin-bottom:.8em;
    padding-top:.2em
}
.hosted-content::after {
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    border-bottom-color:transparent;
    border-right-color:#018dc2;
    right:auto;
    top:50%;
    left:-50px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.hosted-content::after {
    border:25px transparent solid;
    border-right-color:transparent;
    border-bottom-color:transparent;
    border-bottom-color:#018dc2;
    position:absolute;
    top:50%;
    left:-7%;
    display:block;
    content:"";
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(43%);
    transition:rotate (90);
    transform:rotate(-90deg)
}
.bespoke-design::after,.hosted::after {
    clear:both
}
.bespoke-design::after,.bespoke-design::before,.hosted::after,.hosted::before {
    content:"";
    display:table
}
.clientnew-box {
    padding:0 1em;
    background-color:#fff;
    border-radius:60px;
    text-align:center
}
.clientnew-box img {
    height:90px;
    width:auto;
    text-align:center;
    margin:0 auto
}
.client-right {
    margin:0 28px;
    padding-top:0
}
.client-right .owl-slider {
    padding-top:3em
}
ul.header-social {
    padding-left:1px;
    list-style:none
}
.header-social li {
    float:left;
    color:#fff
}
.header-social li p {
    font-family:pops;
    font-size:12px;
    padding-top:3px;
    padding-bottom:0;
    margin-bottom:0;
    font-weight:700;
    padding-right:10px
}
.header-social li a {
    color:#fff;
    padding:0 10px;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.header-social li a:hover {
    color:#f7b239;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.animatedBackground {
    transition:all .5s ease-in-out 0s;
    padding:80px 0
}
.black-sec {
    background-color:#272727
}
.orange-sec {
    background-color:#fcb03b
}
.mt-5,.my-5 {
    margin-top:3rem!important
}
.title {
    position:relative;
    color:#111121;
    padding-bottom:20px;
    font-family:pops;
    margin-bottom:25px
}
.white-title {
    color:#fff!important
}
.dark-bg .title,.theme-bg .title {
    color:#fff
}
.section-title h6 {
    padding:3px 5px;
    position:relative;
    display:inline-block;
    font-weight:500;
    color:#fff;
    font-size:22px;
    margin-bottom:20px
}
.section-title p {
    font-family:metro
}
.title:before {
    position:absolute;
    left:0;
    width:100px;
    margin:0 auto;
    bottom:0;
    height:3px;
    animation:rotate 80s infinite linear;
    -webkit-animation:rotate 80s infinite linear;
    border-radius:5px;
    background:#ff7810;
    background:-moz-linear-gradient(left,#ff7810 0,#ff156a 25%,#ffb72f 50%,#bb0d4c 75%,#45cc89 100%);
    background:-webkit-gradient(linear,left top,right top,color-stop(0,#ff7810),color-stop(25%,#ff156a),color-stop(50%,#ffb72f),color-stop(75%,#bb0d4c),color-stop(100%,#ff7810));
    background:-webkit-linear-gradient(left,#ff7810 0,#ff156a 25%,#ffb72f 50%,#bb0d4c 75%,#45cc89 100%);
    background:-o-linear-gradient(left,#ff7810 0,#ff156a 25%,#ffb72f 50%,#bb0d4c 75%,#45cc89 100%);
    background:-ms-linear-gradient(left,#ff7810 0,#ff156a 25%,#ffb72f 50%,#bb0d4c 75%,#45cc89 100%);
    background:linear-gradient(to right,#ff7810 0,#ff156a 25%,#ffb72f 50%,#bb0d4c 75%,#45cc89 100%)
}
.text-center .title:before {
    left:50%
}
.text-right .title:before {
    left:inherit;
    right:0
}
.testimonial:before,.title:before {
    content:""
}
.testimonial {
    background:#1163eb;
    padding-left:30px;
    padding-bottom:30px;
    border-radius:10px 10px 10px 0;
    text-align:center;
    display:inline-block;
    margin:50px
}
.testimonial-content {
    background:#fff;
    padding:50px;
    border-radius:10px
}
.testimonial-content p {
    font-size:15px;
    line-height:30px;
    font-weight:300;
    color:#333;
    font-family:century;
    margin-bottom:25px
}
.testimonial .testimonial-caption label {
    margin-bottom:0;
    font-weight:500;
    color:#343438;
    display:block
}
.testimonial .testimonial-caption h5 {
    background:rgba(0,0,0,.06);
    color:#000;
    padding:5px 8px;
    font-weight:500;
    font-family:lato;
    font-size:23px;
    display:inline-block;
    margin-bottom:10px
}
.testimonial-img {
    left:12px;
    position:absolute;
    top:15px
}
.testimonial .testimonial-img img {
    border-radius:50%;
    width:120px;
    height:120px;
    padding:5px
}
.testimonial .testimonial-quote {
    background:#f90;
    text-align:center;
    border-radius:50%;
    bottom:17px;
    color:#fff;
    display:inline-block;
    font-size:70px;
    line-height:120px;
    height:120px;
    position:absolute;
    right:31px;
    width:120px
}
.testimonial:before {
    width:0;
    height:0;
    border-top:80px solid #1163eb;
    border-right:51px solid transparent;
    position:absolute;
    bottom:-2px;
    left:50px
}
.testimonial.style-2 {
    background:0 0;
    padding:0;
    margin:0;
    text-align:left
}
.testimonial .testimonial-img img {
    -webkit-box-shadow:0 0 20px rgba(0,0,0,.25);
    -moz-box-shadow:0 0 20px rgba(0,0,0,.25);
    box-shadow:0 0 20px rgba(0,0,0,.25);
    border-radius:50%
}
.testimonial .testimonial-quote {
    -webkit-box-shadow:0 0 20px rgba(0,0,0,.25);
    -moz-box-shadow:0 0 20px rgba(0,0,0,.25);
    box-shadow:0 0 20px rgba(0,0,0,.25)
}
.testimonial.style-2 .testimonial-img img {
    width:auto;
    height:auto;
    box-shadow:none;
    padding:0
}
.testimonial.style-2:before {
    display:none
}
.testimonial.style-2 .testimonial-content {
    background:0 0;
    padding:0!important
}
.testimonial.style-2 .testimonial-img {
    position:inherit
}
.testimonial.style-2 .testimonial-content p {
    color:#111121
}
.dark-bg .featured-desc,.dark-bg .featured-title h5,.theme-bg .featured-desc,.theme-bg .featured-icon i,.theme-bg .featured-title h5,.theme-bg .testimonial .testimonial-quote,.theme-bg .testimonial.style-2 .testimonial-content p {
    color:#fff
}
.testimonial.style-2 .testimonial-caption h5 {
    background:#ffb72f
}
.testimonial.style-2 .testimonial-quote {
    position:inherit;
    right:inherit;
    bottom:inherit;
    height:auto;
    width:auto;
    background:0 0;
    box-shadow:none;
    line-height:70px;
    margin-bottom:15px
}
.featured-item {
    padding:20px;
    position:relative
}
.featured-item:hover {
    background:#ff7810
}
.featured-item .featured-icon {
    display:inline-block
}
.tesimonial-pics {
    position:relative;
    z-index:0;
    overflow:hidden
}
.tesimonial-pics:before {
    background:url(../images/testimonial1.png) no-repeat 0 0;
    background-size:contain;
    left:-12px;
    top:6px;
    width:245px;
    height:151px
}
.tesimonial-pics:after,.tesimonial-pics:before {
    content:"";
    position:absolute;
    z-index:-1
}
.tesimonial-pics:after {
    background:url(../images/testimonial2.png) no-repeat 0 0;
    background-size:contain;
    left:24%;
    bottom:-50px;
    width:356px;
    height:324px
}
.tesimonial-pics .owl-nav button {
    display:none
}
#toTop {
    position:fixed;
    bottom:15px;
    display:none!important;
    right:13px;
    z-index:9899
}
#toTop img {
    max-width:100%;
    max-height:68px
}
#toTop:hover {
    opacity:.8
}
#ball {
    position:relative;
    top:0;
    -webkit-animation:ballbounce .9s infinite ease-out
}
#ballcontainer {
    text-align:center
}
@-webkit-keyframes ballbounce {
    from {
        top:10px
    }
    50% {
        top:2px
    }
    to {
        top:10px
    }
}
.seccalltoaction01 {
    float:left;
    width:100%;
    height:auto;
    padding:50px 0 70px;
    background-image:url(../images/whitebg01.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed
}
.about-right iframe {
    width:100%;
    height:800px;
    padding:4px;
    border:3px solid #144997;
    margin:0 auto;
    margin-top:0;
    display:block
}
.about-right {
    padding:1em 0
}
.about-left {
    padding:1em 0
}
.about-left h2 {
    font-family:oswal;
    font-size:26px;
    color:#018dc2;
    font-weight:400
}
.about-left h2 strong {
    font-family:pops-bold;
    font-size:30px;
    padding:15px 0;
    color:#f60;
    display:block
}
.about-left p {
    font-family:pops;
    font-size:15px;
    color:#333;
    text-align:left;
    font-weight:400;
    line-height:29px
}
.about-para {
    font-family:pops;
    font-size:15px;
    color:#333;
    text-align:left;
    font-weight:400;
    line-height:29px
}
.video-home {
    cursor:pointer
}
.video-home-section .video-home:before {
    content:'\f16a';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    color:red;
    width:30px;
    height:18px;
    margin:auto;
    font-family:FontAwesome;
    font-size:40px;
    border-radius:100%;
    text-align:center;
    line-height:50px;
    padding-left:3px;
    transition:.3s
}
.video-home-section .video-home:hover:before {
    color:#fff
}
.video-home-section .video-home-text ul {
    padding:0
}
.video-home {
    text-align:center
}
.video-home img {
    border:1px solid #00448c;
    padding:5px;
    margin:2em 15px
}
.learn-home {
    cursor:pointer
}

.learn-home-section .learn-home:hover:before {
    color:#fff
}
.learn-home-section .learn-home-text ul {
    padding:0
}
.learn-home {
    text-align:center
}
.learn-home img {
    border:1px solid #fff;
    padding:5px;
    margin:2em 15px
}
.you-link {
    text-align:right
}
.you-link span {
    font-size:16px;
    color:#fff;
    font-weight:600;
    padding-right:15px;
    font-family:pops
}
.you-link a {
    float:right;
    border:1px solid #fff;
    color:#fff;
    padding:0 10px 0 0;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.you-link a:hover {
    text-decoration:none;
    background-color:#fff;
    color:#00448c;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.you-link a i {
    color:red;
    padding:6px;
    margin-right:10px;
    font-size:18px;
    background-color:#fff
}
.section06 {
    background:#f78a07;
    background:linear-gradient(90deg,#f3a13f 0,#ef9932 35%,#f88a07 100%);
    float:left;
    width:100%;
    height:auto;
    padding:50px 0
}
.blog-hed {
    width:100%;
    height:auto;
    float:left;
    margin-bottom:15px
}
.blog-hed h3 {
    text-transform:uppercase;
    font-size:33px;
    line-height:40px;
    font-weight:600;
    color:#fff;
    font-family:pops-bold;
    margin-top:0
}
.blog-hed h3 a {
    border:1px solid #fff;
    padding:0 19px;
    color:#fff;
    font-size:14px;
    font-weight:400;
    float:right;
    line-height:33px;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.blog-hed h3 a:hover {
    background-color:#fff;
    color:#333;
    text-decoration:none;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.bloghm01 {
    width:100%;
    height:auto;
    float:left
}
.blgpic01 {
    width:100%;
    height:auto;
    float:left;
    position:relative;
    margin-bottom:28px
}
.blgpic01 img {
    box-shadow:0 0 17px #00000052;
    position:relative;
    max-width:100%
}
.blgdte {
    position:absolute;
    bottom:0;
    left:0;
    background-color:#fff;
    font-size:14px;
    font-weight:400;
    padding:15px 20px 9px;
    color:#0c415d;
    text-align:center
}
.blgdte span {
    display:block;
    font-size:60px;
    font-weight:700;
    line-height:51px
}
.blgtxt01 {
    float:left;
    width:100%;
    height:auto
}
.blgtxt01 h3 {
    margin-top:0;
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:0;
    font-size:27px
}
.blgtxt01 h3 a {
    color:#fff;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.blgtxt01 h3 a:hover {
    color:#0c415d;
    text-decoration:none;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.blgtxt01 p {
    font-size:15px;
    line-height:26px;
    color:#ffffffe3;
    margin-bottom:10px
}
.delighter.splash {
    transition:all 2s ease-out
}
.delighter.right {
    transform:translate(-100%);
    opacity:0;
    transition:all .75s ease-out
}
.delighter.right.started {
    transform:none;
    opacity:1
}
.delighter.left {
    transform:translate(100%);
    opacity:0;
    transition:all .75s ease-out
}
.delighter.left.started {
    transform:none;
    opacity:1
}
.delighter.bottom {
    transform:translatey(20%);
    opacity:0;
    transition:all .75s ease-out
}
.delighter.bottom.started {
    transform:none;
    opacity:1
}
#Footer {
    background-color:#262626;
    color:#9da1ac;
    padding:3em 0 0 0;
	background-image: url("../images/footer_bg-map.png")
}
#Footer .google-partners h2{
display:inline-block !important;
  color:#004a97;
}

#Footer .google-partners h2:first-child{
color:#ff0000;
}
ul.footer_links {
    font-size:13px;
    margin-left:7%;
    padding-left:5px;
    list-style:none outside
}
ul.footer_links li {
    list-style-image:url(../../mmbo.in/wp-content/uploads/2016/10/home_software_footer_links.html);
    padding:5px 0 5px 5px;
    font-size:13px;
    line-height:25px;
    font-family:metro
}
#Footer a {
    color:#fff
}
#Footer a:hover {
    color:#9899dd;
    text-decoration:underline
}
hr {
    color:#0671F1;
    border-top:1px solid #0671F1;
    display:block;
    height:1px;
    width:100%
}
.stay form {
    background:#fff;
    padding:0 0 0 10px;
    width:100%;
    margin:0 auto;
    float:right
}
.stay form input[type=email] {
    border:none;
    color:#000;
    display:inline-block;
    font-size:15px;
    line-height:18px;
    padding:10px 10px 10px 35px;
    width:70%;
    outline:0
}
.stay form input[type=submit] {
    border:none;
    color:#333;
    font-family:oswal;
    background:#fedb71;
    padding:12px 30px;
    float:right;
    text-align:center;
    font-size:15px;
    line-height:18px;
    display:inline-block;
    cursor:pointer;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.stay form input[type=submit]:hover {
    background-color:#ffd249;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.stay form i {
    color:#333;
    font-size:16px;
    position:absolute;
    left:32px;
    opacity:.6;
    margin-top:-29px;
    display:block
}
.footerwidget {
    padding:1em 0
}
.footerwidget h2 {
    font-family:pops;
    font-weight:700;
    font-size:26px;
    color:#fff;
    padding-bottom:.3em
}
.footerSocialLink {
    list-style:none;
    text-decoration:none;
    float:right;
    margin-top:12px!important
}
.footerSocialLink h4 {
    color:#fff
}
.footerSocialLink li {
    display:inline-block;
    margin-right:20px
}
.copywriting {
    padding:.7em 0;
    background-color:#fcfcfc
}
.copywriting p {
    padding-bottom:0;
    margin-bottom:0;
    text-align:center;
    font-family:pops;
    font-size:14px;
    text-align:center
}
@media(max-width:480px) {
    .footerSocialLink {
        text-align:center!important;
        float:left!important
    }
    .footergg {
        margin-bottom:40px
    }
    .searchTerm {
        width:71%!important
    }
    .searchButton {
        position:absolute;
        right:0!important
    }
    .what-hide {
        display:block!important;
        width:24px
    }
    .what-show {
        display:none!important
    }
    .footer-whatsapp {
        background-color:#f7f8fa;
        height:36px;
        width:100%;
        position:fixed;
        bottom:0!important
    }
    .insta1 .fa-phone,.link1 .fa-envelope {
        color:#feca66
    }
    .hide-show li:hover .tooltiptext1 {
        display:none!important
    }
    .hide-show li:hover .tooltiptext2 {
        display:none!important
    }
    .hide-show li:hover .tooltiptext3 {
        display:none!important
    }
    .hide-show .fa {
        font-size:24px!important;
        padding:5px 8px 5px 6px
    }
    .send-enquiry {
        display:block!important
    }
    .mobile-hide1 {
        display:none!important
    }
    .column_column ul {
        margin:0 0 15px 11px!important
    }
    .parag h3 {
        font-size:20px!important;
        margin-top:20px!important;
        font-weight:600
    }
    h1.subheader {
        color:#000;
        font-size:25px!important
    }
    .section-post-related .post-related hr {
        width:40%;
        margin:0 auto!important;
        margin-bottom:15px!important
    }
    .section-post-related .post-related a.button {
        margin-left:0!important;
        margin-bottom:0
    }
    .section-post-related .post-related .image_frame {
        margin-left:0!important;
        margin-bottom:15px
    }
    .seo-top {
        margin-top:50px
    }
    h4 {
        font-size:14px!important;
        letter-spacing:1px!important;
        font-weight:400!important;
        line-height:21px
    }
    .post-subscribe .es_textbox input {
        width:99%!important
    }
    div#ppc {
        margin-top:60px
    }
    .section_wrapper .column {
        margin:0 0 0!important
    }
    .slotholder {
        height:62%!important
    }
    .background h1,.challenges h1,.discuss h1,.stratigy h1 {
        font-weight:600!important;
        font-size:23px!important;
        letter-spacing:1px!important;
        text-align:left!important
    }
    .section.mcb-section {
        padding-top:2px!important
    }
    .background p {
        font-size:16px!important;
        line-height:25px!important;
        color:#313131;
        text-align:justify!important
    }
    .challenges p {
        font-size:16px!important;
        line-height:25px!important;
        text-align:left!important
    }
    .stratigy i {
        font-style:italic;
        float:left;
        padding-bottom:30px!important
    }
    .challenges i {
        float:left;
        padding-bottom:20px!important
    }
    .result {
        background-image:none!important;
        margin-top:40px
    }
    .hide-image {
        display:none
    }
    .margin-top-40 {
        padding-top:40px
    }
    .challenges i,.result i,.stratigy i {
        position:absolute!important;
        margin-left:-24px!important
    }
    .challenges p,.result p,.stratigy p {
        width:90%!important;
        float:right!important;
        line-height:21px!important
    }
    .challenges {
        margin-bottom:-57px!important
    }
    .section.mcb-section.stratigy.margin-top-40 {
        padding-top:40px!important
    }
    .botton-margin-12 {
        padding-bottom:40px!important
    }
    .stratigy .margin-top-40 .gopi {
        padding-top:0!important
    }
    p.subheader {
        font-size:21px!important;
        margin-top:125px!important;
        line-height:30px!important;
        color:#fff!important
    }
    .subheader-subheading {
        color:#fff;
        font-weight:400
    }
    .fancy_heading .title {
        font-size:23px!important
    }
    .digital-back {
        height:350px!important
    }
    .margin-top15 {
        margin-top:17px!important
    }
    .icon_box .desc_wrapper {
        margin:-13px 1%!important
    }
    .margin-top20 {
        margin-top:25px!important
    }
    .our-work {
        margin-top:55px!important
    }
    h5 {
        font-size:17px!important
    }
    .height-300 h2 {
        line-height:40px
    }
    ul.partner {
        margin-left:-15px!important
    }
    .about-content {
        margin-top:40px
    }
    .testimonial {
        font-weight:800;
        font-size:20px;
        margin-top:15px
    }
    .testimonials_slider {
        margin-top:50px
    }
    .entry-title {
        font-size:18px!important;
        font-weight:600!important;
        line-height:27px
    }
    .blog-page {
        margin-top:30px!important
    }
    .grid .post-item,.masonry .post-item {
        width:98%!important;
        margin:12px 1% 20px!important
    }
    .desc {
        font-size:15px!important;
        color:#000;
        letter-spacing:1px;
        line-height:30px;
        font-weight:400
    }
    .icon-design h4 {
        margin-top:35px!important
    }
    .section_wrapper .column {
        margin:0 0 20px;
        height:auto!important;
        text-align:center
    }
    .image-150 {
        margin-top:-75px!important
    }
    .margin-top70 {
        margin-top:-45px!important
    }
    .p-15 p {
        font-size:15px!important
    }
    .mt020 {
        margin-top:0!important
    }
    p.subheader {
        font-size:36px;
        font-weight:800;
        color:#000
    }
    .hide-home {
        display:none
    }
    .textheight {
        height:60px;
        margin-bottom:15px!important;
        padding-bottom:15px!important
    }
    .footer-social {
        padding-bottom:70px
    }
    .textheight textarea {
        max-height:60px!important;
        margin-bottom:1px!important;
        padding-bottom:1px!important
    }
    .height-300 .column_attr.align_left {
        min-height:361px!important
    }
    .subcribe {
        margin-left:25%!important
    }
    .about-content {
        font-size:15px!important
    }
    .fancy_heading .inside {
        font-size:15px!important;
        font-weight:400!important
    }
}
i.icon-twitter {
    display:none
}
.height-300 {
    min-height:463px;
    background-color:#f89e76
}
.height-301 {
    min-height:463px;
    background-color:#fedb71
}
.height-302 {
    min-height:463px;
    background-color:#fedb71
}
//social link csss.hide-show {
    list-style:none;
    padding:0;
    margin:0
}
.hide-show .fa {
    font-size:18px;
    padding:5px 8px 5px 6px
}
.hide-show li .face1 {
    width:55px;
    height:55px;
    line-height:55px;
    background-color:#3b5999;
    padding:0 17px 8px 17px;
    border-radius:50px;
    color:#fff;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.26),0 2px 10px 0 rgba(0,0,0,.22)
}
.hide-show li .link1 {
    background-color:#0077b5;
    padding:7px 7px 7px 7px;
    position:sta;
    position:absolute;
    bottom:110px;
    border-radius:43px;
    color:#fff;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.26),0 2px 10px 0 rgba(0,0,0,.22)
}
.hide-show li .insta1 {
    background-color:#e4405f;
    padding:7px 8px 7px 8px;
    border-radius:50px;
    position:absolute;
    bottom:55px;
    color:#fff;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.26),0 2px 10px 0 rgba(0,0,0,.22)
}
.hide-show li .whats1 {
    background-color:#25d366;
    padding:6px 7px 6px 8px;
    border-radius:50px;
    position:absolute;
    bottom:6px;
    color:#fff;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.26),0 2px 10px 0 rgba(0,0,0,.22)
}
.tooltiptext1 {
    display:none;
    margin-left:-200px;
    transition:2s;
    -webkit-transition:2s;
    width:45px
}
.hide-show li:hover .tooltiptext1 {
    display:block;
    position:relative;
    width:150px;
    left:20px;
    bottom:93px;
    font-size:18px;
    line-height:40px;
    height:44px;
    background:#0077b5;
    color:#fff;
    padding-left:30px;
    border-top-right-radius:25px;
    border-bottom-right-radius:25px;
    z-index:-55;
    margin-left:0
}
.tooltiptext2 {
    display:none;
    margin-left:-200px;
    transition:2s;
    -webkit-transition:2s;
    width:45px
}
.hide-show li:hover .tooltiptext2 {
    display:block;
    position:relative;
    width:130px;
    left:20px;
    bottom:38px;
    font-size:18px;
    line-height:43px;
    height:43px;
    background:#e4405f;
    color:#fff;
    padding-left:30px;
    border-top-right-radius:25px;
    border-bottom-right-radius:25px;
    z-index:-55;
    margin-left:0
}
.tooltiptext3 {
    display:none;
    margin-left:-200px;
    transition:2s;
    -webkit-transition:2s;
    width:45px
}
.hide-show li:hover .tooltiptext3 {
    display:block;
    position:relative;
    width:130px;
    left:20px;
    bottom:-12px;
    font-size:18px;
    line-height:42px;
    height:42px;
    background:#25d366;
    color:#fff;
    padding-left:30px;
    border-top-right-radius:25px;
    border-bottom-right-radius:25px;
    z-index:-55;
    margin-left:0
}
.send-enquiry {
    display:none
}
.what-hide {
    display:none
}
.what-show {
    display:block
}
.search {
    width:100%;
    position:relative
}
.searchTerm {
    float:left;
    height:39px!important;
    width:80%!important;
    border:3px solid #00b4cc;
    padding:5px!important;
    outline:0!important;
    color:#9dbfaf!important
}
.searchTerm:focus {
    color:#424242!important;
    border:2px solid #fedb71!important
}
.searchButton {
    position:absolute;
    height:39px;
    padding:0 15px;
    padding-bottom:15px!important;
    line-height:40px;
    border:1px solid #fedb71;
    background:#fedb71;
    text-align:center;
    color:#000;
    border-radius:1px;
    cursor:pointer;
    font-size:20px;
    font-weight:700
}
.footerSocialLink {
    list-style:none;
    text-decoration:none;
    float:right;
    margin-top:42px!important
}
.footerSocialLink li {
    display:inline-block;
    margin-right:20px
}
hr {
    border:0;
    border-top:1px solid #e8eaeb4a
}
.text-center {
    text-align:center
}
.footer-whatsapp {
    float:left;
    position:fixed;
    bottom:10px;
    left:-29px;
    z-index:9999
}
ul.hide-show {
    list-style:none
}
.pops-about-intro {
    margin-top:-52px
}
.pops-about-intro iframe {
    width:100%;
    height:400px
}
.modal-content button {
    z-index:999
}
.modal-content button span {
    width:40px;
    height:39px;
    border-radius:50%;
    border:1px solid #ccc;
    display:block;
    float:right;
    text-align:center;
    padding-top:4px;
    margin:6px;
    background-color:#fff;
    opacity:1;
    right:-12px;
    position:relative;
    top:-16px
}
.modal-content .close {
    opacity:.8;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.modal-content .close:hover {
    opacity:1;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.video-pops .modal-dialog {
    max-width:700px;
    margin:3.75rem auto
}
.client-section {
    background-color:#f3f3f3;
    padding:2em 0
}
.client-section .owl-carousel .owl-nav.disabled {
    display:block
}
.client-section .owl-slider {
    padding:30px 5em
}
.client-section .owl-prev {
    background-color:#bababa!important;
    color:#fff!important;
    width:50px;
    font-size:10px;
    margin-left:-80px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px
}
.client-section .owl-prev:hover {
    background-color:#919191!important
}
.client-section .owl-next {
    background-color:#bababa!important;
    color:#fff!important;
    width:50px;
    font-size:10px;
    margin-right:-80px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px
}
.client-section .owl-next:hover {
    background-color:#919191!important
}
.client-section .owl-nav span {
    font-size:55px
}
.client-pics {
    cursor:pointer
}
.client-pics img {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.client-pics img:hover {
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    box-shadow:0 2px 4px #ccc;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.learn-marketing {
    background:linear-gradient(0deg,#10365a,rgba(16,54,90,.71)),url(../images/happy-clients-bg.webp);
    background-position-x:0,0;
    background-position-y:0,0;
    background-size:auto,auto;
    background-size:cover;
    padding:3em 0;
    background-position:center
}
.let-query {
    background:url(../images/footer-bg.webp) center no-repeat #1b2d39;
    background-size:auto;
    background-size:cover;
    width:100%;
    padding:5em 0
}
.let-text {
    padding-top:1em
}
.let-text h2 {
    font-family:oswal;
    color:#fff;
    font-size:44px
}
.let-text p {
    font-family:pops;
    font-size:15px;
    color:#fff
}
.footer-form {
    margin-top:1em;
    width:100%
}
.from-grid-1 {
    width:35%;
    float:left
}
.from-grid-2 {
    width:62%;
    float:right
}
.input_area {
    float:left
}
.input_area,.input_textarea {
    width:100%;
    background:#1d4159;
    padding:14px;
    color:#fff;
    margin-bottom:7px;
    font-size:15px;
    font-family:pops;
    box-sizing:border-box;
    border:none
}
.input_textarea {
    float:left;
    height:168px;
    resize:none
}
.clear,.clearf,.clearfloat {
    clear:both;
    display:block
}
.footer-form input[type=checkbox] {
    opacity:0;
    float:right
}
.footer-form input[type=checkbox]+label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 3px 0 0;
    vertical-align:middle;
    background:url(../images/check_radio_sheet.png) left top no-repeat!important;
    background-size:76px 19px;
    cursor:pointer
}
.footer-form input[type=checkbox]+label {
    color:#fff;
    line-height:30px;
    font-size:15px;
    width:31%;
    display:inline-block;
    cursor:pointer
}
.gp {
    position:fixed;
    right:8%;
    margin-top:-5px
}
.footer-form input[type=checkbox]:checked+label span {
    background:url(../images/check_radio_sheet.png) -19px top no-repeat!important;
    background-size:76px 19px
}
.submit_btn_effect {
    width:150px;
    float:left;
    color:#fff;
    text-transform:uppercase;
    font-size:24px;
    font-family:pops;
    font-weight:500;
    background:#226ea3;
    border:none;
    margin-top:20px;
    padding:9px 0;
    cursor:pointer;
    margin-bottom:45px;
    letter-spacing:2px display: inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    background-color:#ee1c25;
    -webkit-transition-property:color;
    transition-property:color;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.submit_btn_effect:hover {
    background-color:#316FF6
}
.mf-support {
    background-image:linear-gradient(106deg,#316FF6,#316FF6);
    height:auto;
    padding:1em 0;
    -webkit-box-shadow:0 2px 15px 0 rgba(250,87,88,.52);
    box-shadow:0 2px 15px 0 rgba(250,87,88,.52)
}
.support-left p {
    font-size:16px;
    margin-bottom:5px;
    color:#f9f9f9;
    font-weight:700;
    font-family:metro
}
.support-left h3 {
    font-family:pops-bold;
    font-size:28px;
    color:#fff
}
.quryfrm-box {
    position:relative;
    top:-20px
}
.quryfrm-box form {
    padding:0 1em
}
.quryfrm-box h5 {
    text-align:center;
    width:100%;
    margin-bottom:1em;
    font-size:28px;
    font-weight:400;
    font-family:pops-bold
}
.quryfrm-box h5 i {
    color:#f90;
    font-size:30px;
    padding-right:10px
}
.queryfrm .modal-content button span {
    width:40px;
    height:39px;
    border-radius:50%;
    border:1px solid #ccc;
    display:block;
    float:right;
    text-align:center;
    padding-top:4px;
    margin:6px;
    background-color:#fff;
    opacity:1;
    right:-12px;
    position:relative;
    top:-16px
}
.queryfrm .modal-content {
    border:3px solid #f60;
    border-radius:20px
}
.contactcaptch {
    margin-top:1em;
    border:1px dashed #6e6e6e;
    padding:6px
}
.contactcaptch img {
    padding:10px;
    background-color:#fff
}
.contactcaptch label {
    color:#fff;
    font-size:18px;
    font-family:pops;
    padding-right:15px
}
.contactcaptch input {
    width:150px;
    background:#1d4159;
    padding:10px;
    margin-left:20px;
    color:#fff;
    font-size:15px;
    font-family:pops;
    box-sizing:border-box;
    border:none
}
.contactcaptch-side img {
    height:27px;
    padding:6px 6px;
    background-color:#fff
}
.contactcaptch-side input {
    width:46%;
    padding:0 10px 0 10px!important;
    font-size:11px;
    margin-left:15px;
    color:#333;
    border-radius:0;
    font-family:pops;
    background:#fff;
    height:30px!important;
    border:1px solid #9b9b9b
}
.bn-inner {
    background :url("../images/innerbanner.jpg");
    padding:1em 0
}
.bn-inner::before {
    content:'';
    background:url(../images/dots-small-light-blue.png) no-repeat center center;
    background-size:auto;
    background-size:auto;
    background-size:100%;
    display:inline-block;
    position:absolute;
    left:-140px;
    top:55%;
    transform:translateY(-50%);
    width:221px;
    height:242px
}
.bn-inner-left {
    padding:1em 0
}
.bn-inner-left h1 {
    font-size:24px;
    color:#fff;
    margin-top:0;
    margin-bottom:10px;
    font-family:pops-bold
}
.bn-inner-left h3 {
    font-size:23px;
    color:#f1f1f1;
    margin:0;
    padding-bottom:10px
}
.bn-inner-left p {
    color:#fff;
    line-height:25px;
    font-size:13px;
    font-weight:500;
    font-family:century;
    margin-bottom:32px
}
.bn-inner-right {
    text-align:center;
    background-image:url(../images/bn-clip-bg.png);
    background-size:contain;
    background-repeat:no-repeat;
    position:relative;
    background-position:center -10px;
    width:426px;
    height:334px;
    margin:0 auto;
    margin-top:-12px
}
.bn-inner-right img {
    height:220px;
    margin-top:3em
}
.bn-right-services {
    text-align:center;
    position:relative;
    width:320px;
    height:319px;
    box-shadow:0 2px 4px #333;
    border:6px solid #00b2f6;
    background-color:#fff;
    border-radius:50%;
    margin:0 auto;
    margin-top:1px
}
.bn-right-services img {
    height:260px;
    margin-top:2em
}
.breadcrumbs {
    padding:1em 0;
    background-color:#f4f6f6;
    border-bottom:1px solid #e6eaea
}
.breadcrumbs ul {
    list-style:none;
    font-size:12px;
    padding-left:12px;
    margin-bottom:0;
    font-weight:400;
    color:#666e70;
    font-family:jose-reg
}
.breadcrumbs li {
    float:left;
    padding:0 5px
}
.breadcrumbs li a {
    color:#f60
}
.breadcrumbs li a:hover {
    color:#00919c;
    text-decoration:none
}
.innerpage-mid {
    padding:2em 0;
    background-color:#f9f9f9
}
.who-one {
    background-color:#FFA233;
    padding:1em 2em
}
.who-one h2 {
    font-family:oswal;
    color:#000000;
    text-transform:uppercase;
    font-weight:400;
    font-size:20px;
    padding:1em 0
}
.who-one ul {
    list-style:none;
    color:#000000;
    padding-left:5px;
    font-weight:500;
    font-family:pops;
    font-size:15px
}
.who-one li {
    padding:.7em 0;
    border-top:1px solid #bd0f0f
}
.who-one li i {
    font-size:18px;
    color:#fff;
    padding-right:10px
}
.inner-frm {
    padding:10px 10px;
    background-color:#086DF5
}
.inner-frm h3 {
    font-size:18px;
    color:#fff;
    text-align:center;
    margin-bottom:5px;
    font-family:pops-bold
}
.inner-frm p {
    font-size:10px;
    color:#fff;
    line-height:16px;
    text-align:center;
    padding:0 2em;
    font-family:metro
}
.inner-frm input {
    font-size:13px;
    padding:5px 10px;
    height:40px;
    border-radius:5px;
    font-family:pops;
    border:none
}
.inner-frm select {
    font-size:13px;
    padding:5px 10px;
    height:40px;
    border-radius:5px;
    font-family:pops;
    border:none
}
.inner-frm textarea {
    font-size:13px;
    padding:15px 10px;
    height:100px;
    border-radius:5px;
    font-family:pops;
    border:none
}
.inner-frm i {
    font-size:18px
}
.innerfrm-btn {
    padding:11px 10px!important;
    padding-top:11px;
    font-size:15px!important;
    cursor:pointer;
    text-transform:uppercase;
    font-family:pops!important;
    font-weight:700;
    border:2px groove #fff!important;
    color:#fff!important;
    background-color:#144997!important;
    border-radius:20px!important;
    height:35px!important;
    line-height:21px!important;
    padding-top:6px!important;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.innerfrm-btn:hover {
    background-color:#1f65ce!important;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.who-two {
    padding:1em 5px;
    width:100%
}
.seo-contant {
    padding:1em 5px;
    width:100%;
    display:flex
}
.seo-contant h4 {
    font-family:pops-bold;
    font-size:18px;
    color:#333;
    box-shadow:0 2px 3px #ccc;
    border-radius:15px;
    text-align:center;
    width:100%;
    line-height:32px;
    border:1px solid #e4e4e4;
    background-color:#fff;
    padding:10px 15px 10px 15px
}
.seo-contant h4 b {
    color:red
}
.seo-contant h3 {
    font-family:pops;
    font-size:18px;
    color:#333;
    box-shadow:0 2px 3px #ccc;
    border-radius:15px;
    text-align:center;
    width:100%;
    border:1px solid #e4e4e4;
    background-color:#fff;
    padding:1px 0 10px 0
}
.seo-contant h3 strong {
    font-weight:400;
    font-family:oswal;
    font-size:29px;
    color:#074CEF;
    padding-left:10px;
    position:relative;
    top:5px
}
.who-two h2 {
    font-family:pops-bold;
    font-size:24px;
    font-weight:400;
    color:#333;
    margin-bottom:.7em
}
.who-two h4 {
    font-family:pops-bold;
    font-size:18px;
    font-weight:400;
    color:#333;
    margin-bottom:.7em
}
.who-two p {
    font-family:pops;
    font-size:15px;
    margin-bottom:1em;
    color:#000000;
    line-height:28px;
    text-align:justify
}
.who-two ul {
    padding-left:0;
    list-style:none;
    margin-top:1em;
    list-style-position:outside;
    background-size:cover
}
.who-two li {
    line-height:28px;
    background:url(../images/right-arrow.png) no-repeat 7px 7px transparent;
    font-family:pops;
    font-size:14px;
    color:#333;
    padding-bottom:.6em;
    padding-left:38px
}
.who-two h3 {
    font-size:pops;
    font-size:18px;
    color:#333;
    box-shadow:0 2px 3px #ccc;
    border-radius:15px;
    text-align:center;
    border:1px solid #e4e4e4;
    background-color:#fff;
    padding:1px 0 10px 0
}
.who-two h3 strong {
    font-weight:400;
    font-family:oswal;
    font-size:29px;
    color:#e92424;
    padding-left:10px;
    position:relative;
    top:5px
}
.dg-partner {
    background-color:#fff;
    padding:1em 1.5em;
    box-shadow:0 2px 4px #ccc
}
.dg-partner h2 {
    font-family:oswal;
    font-size:26px;
    color:#333;
    font-weight:400;
    padding-top:10px;
    padding-bottom:1em
}
.dg-partner ul {
    list-style:none;
    margin:0;
    padding:0
}
.dg-partner li {
    position:relative;
    padding-left:65px;
    margin-top:10px
}
.dg-partner li em {
    width:46px;
    height:45px;
    margin-right:20px;
    border-radius:50%;
    position:absolute;
    z-index:1;
    padding-top:8px;
    text-align:center;
    vertical-align:center;
    background-color:#014f99;
    top:0;
    left:0
}
.dg-partner li em img {
    height:30px
}
.dg-partner li h3 {
    font-size:18px;
    line-height:20px;
    color:#02428a;
    font-family:pops;
    font-weight:600;
    margin:0 0 2px
}
.dg-partner li p {
    font-size:13px;
    padding-top:5px;
    font-family:metro;
    line-height:22px;
    color:#626262;
    text-align:justify
}
.who-three ul {
    width:100%;
    list-style:none;
    padding-left:0;
    display:flex
}
.who-three li {
    width:25%;
    float:left
}
.who-box {
    padding:12px;
    margin:5px;
    box-shadow:0 1px 6px #606060;
    height:105px;
    background-color:#02428a
}
.who-box img {
    height:70px;
    float:right;
    display:block
}
.who-box h3 {
    font-family:oswal;
    font-size:18px;
    color:#fff;
    padding:0;
    line-height:26px;
    font-weight:400;
    text-align:left
}
.who-box h3 span {
    font-size:22px
}
.training-box {
    padding:1em 1.2em;
    background-color:#0059be;
    margin-top:2.2em
}
.heading-inner h2 {
    font-size:25px;
    font-family:oswal;
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    margin:10px 0
}
.heading-inner h2::after {
    content:"";
    width:100px;
    height:1px;
    background-color:#fff;
    margin:13px auto;
    display:block
}
.training-left p {
    font-family:pops;
    font-size:14px;
    text-align:justify;
    color:#fff;
    line-height:28px
}
.training-left h2 {
    font-family:pops-bold;
    font-size:17px;
    text-align:justify;
    color:#fff;
    line-height:28px
}
.training-right {
    text-align:center
}
.training-right {
    background-color:#fff;
    width:230px;
    text-align:center;
    border-radius:50%;
    height:229px;
    border:5px solid #dfdfdf;
    box-shadow:0 0 5px #606060;
    padding-top:40px;
    vertical-align:middle;
    align-items:center;
    margin:0 auto
}
.training-right img {
    height:150px;
    vertical-align:middle
}
.faq-box {
    margin-top:2em;
    display:block;
    padding:1em;
    box-shadow:0 1px 4px #ccc;
    background-color:#fff
}
.heading-inner2 {
    margin-bottom:1em
}
.heading-inner2 h2 {
    font-size:17px;
    font-family:oswal;
    color:#0059be;
    font-weight:400;
    text-transform:uppercase;
    margin:10px 0
}
.heading-inner2 hr {
    width:100px;
    margin:0;
    height:2px;
    background-color:#0671F1
}
.inner-faq {
    width:100%;
    margin:1em
}
.inner-faq .card-header {
    border-radius:0!important;
    padding:.1rem .8rem;
    background-color: #0B56ED;
    color:#fff
}
.inner-faq .card {
    margin-bottom:1em
}
.inner-faq button {
    width:95%;
    text-align:left;
    font-weight:700;
    font-family:pops;
    font-size:14px;
    box-shadow:none;
    padding:10px 1px 9px;
    color:#fff;
    text-decoration:none!important
}
.inner-faq button:hover {
    color:#f1f1f1
}
.inner-right-menu {
    margin-top:1em;
    display:block;
    padding:1em;
    box-shadow:0 1px 4px #ccc;
    background-color:#fff
}
.inner-right-menu ul {
    list-style:none;
    padding-left:5px
}
.inner-right-menu li {
    padding:.6em 0;
    font-size:14px;
    font-weight:400;
    font-family:metro
}
.inner-right-menu li a {
    color:#000;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.inner-right-menu li a:hover {
    color:#e92424;
    padding-left:5px;
    text-decoration:none;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.inner-right-menu i {
    color:#0059be;
    padding-right:10px
}
.fb-plugin {
    margin-top:1em;
    display:block;
    padding:1em;
    box-shadow:0 1px 4px #ccc;
    background-color:#fff
}
.fb-plugin iframe {
    width:100%;
    overflow:scroll;
    height:350px
}
.process-box {
    padding:5px;
    background-color:#84e2e6;
    margin-bottom:2em;
    height:400px;
    box-shadow:0 2px 4px #ccc;
    border-radius:15px
}
.values .process-box {
    background-color:#fff!important;
    height:auto!important;
    margin-bottom:0;
    box-shadow:none
}
.vision-grid {
    display:block;
    padding:1em;
    box-shadow:0 1px 4px #ccc;
    background-color:#fff
}
.process-icon {
    background-color:#02428a;
    width:110px;
    height:109px;
    margin:2em auto;
    border-radius:50%;
    text-align:center;
    display:block;
    line-height:100px
}
.process-icon img {
    height:65px
}
.vision-left img {
    margin:1em 1em 1em 1em;
    border-radius:19px;
    box-shadow:0 2px 3px #ccc;
    padding:11px
}
.process-box h2 {
    font-family:oswal;
    font-size:25px;
    color:#000;
    text-align:center
}
.process-box h2 span {
    color:red;
    padding-right:8px
}
.process-box p {
    font-family:pops;
    color:#333;
    font-size:14px;
    line-height:26px;
    text-align:center
}
.vision-grid ul {
    list-style:none;
    color:#000;
    padding-left:5px;
    font-weight:500;
    font-family:pops;
    font-size:15px
}
.vision-grid li {
    padding:.7em 0;
    border-top:1px solid #02428a
}
.vision-grid li:first-child {
    border-top:none
}
.vision-grid li i {
    font-size:18px;
    color:#02428a;
    padding-right:10px
}
.founder-box {
    margin-top:1em;
    display:block;
    padding:1em;
    box-shadow:0 1px 4px #ccc;
    background-color:#fff
}
.founder-right {
    background-color:#fff;
    vertical-align:middle;
    text-align:center;
    align-items:center;
    margin:0 auto;
    position:relative;
    top:20%
}
.founder-right img {
    height:150px;
    border-radius:50%;
    vertical-align:middle;
    border:4px solid #fff;
    box-shadow:0 1px 4px #ccc
}
.founder-left h3 {
    font-size:26px;
    font-family:oswal;
    font-weight:400;
    color:#02428a;
    margin-bottom:5px
}
.founder-left h4 {
    font-size:20px;
    font-family:lato;
    font-weight:700;
    color:#000;
    margin-bottom:5px
}
.founder-left p {
    font-size:14px;
    color:#333;
    line-height:28px
}
.profile-btn {
    font-size:16px;
    color:#333;
    padding:5px;
    border:1px dashed #ccc;
    padding-right:10px;
    font-family:oswal
}
.profile-btn img {
    height:35px
}
.profile-btn a {
    padding-left:13px;
    border-left:1px solid #0059be;
    margin-left:15px;
    position:relative
}
.dropdown-checkbox {
    margin-bottom:1em;
    color:#ccc;
    font-size:14px
}
.inner-blog {
    line-height:20px!important
}
.inner-blog a {
    color:#333!important;
    font-size:16px;
    line-height:20px!important
}
.blog-inner {
    padding:20px
}
.blog-inner .blgdte span {
    font-size:27px;
    line-height:27px
}
.blog-inner .blgdte {
    font-size:10px;
    padding:2px 8px 1px
}
.blog-arrow .owl-prev {
    background-color:#f1f1f1!important;
    margin-left:-16px
}
.blog-arrow .owl-next {
    background-color:#f1f1f1!important;
    margin-right:-16px
}
.blog-arrow .owl-dots {
    display:none
}
.dropdown-checkbox {
    cursor:default
}
.dropdown-checkbox .dropdown-menu {
    width:100%;
    font-size:12px;
    max-height:250px;
    overflow-y:auto
}
.dropdown-checkbox .dropdown-menu .dropdown-item:active,.dropdown-checkbox .dropdown-menu .dropdown-item:focus,.dropdown-checkbox .dropdown-menu .dropdown-item:hover {
    background-color:transparent!important
}
.select-dropdown .dropdown-menu {
    padding-top:0
}
.select-dropdown .dropdown-menu .dropdown-search {
    padding:.5rem 1rem;
    background-color:#f8f9fa
}
.select-dropdown .dropdown-menu .dropdown-header {
    padding:.5rem 1rem .25rem 1rem
}
.classynav .dd-arrow {
    display:none
}
.topmenu-ul {
    margin-bottom:0;
    padding-left:0;
    display:flex
}
#banner_cont {
    position:absolute;
    z-index:7;
    bottom:24%
}
.call-us {
    position:fixed;
    left:20px
}
.call-us a {
    display:block;
    text-indent:-999em;
    width:35px;
    height:35px;
    background:url(../images/icon-call.png) no-repeat center #f40b0b;
    background-size:50% auto;
    -webkit-background-size:50% auto;
    border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    box-shadow:0 2px 25px rgba(255,0,17,.7);
    -o-box-shadow:0 2px 25px rgba(255,0,17,.7);
    -ms-box-shadow:0 2px 25px rgba(255,0,17,.7);
    -moz-box-shadow:0 2px 25px rgba(255,0,17,.7);
    -webkit-box-shadow:0 2px 25px rgba(255,0,17,.7)
}
.whats-app {
    position:fixed;
    left:20px;
    margin-top:50px
}
.whats-app a {
    display:block;
    text-indent:-999em;
    width:35px;
    height:35px;
    background:url(../images/whatsapp-icon.png) no-repeat center #36c641;
    background-size:100% auto;
    -webkit-background-size:100% auto;
    border-radius:100%;
    -o-border-radius:100%;
    -ms-border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    box-shadow:0 2px 25px rgba(54,198,65,.7);
    -o-box-shadow:0 2px 25px rgba(54,198,65,.7);
    -ms-box-shadow:0 2px 25px rgba(54,198,65,.7);
    -moz-box-shadow:0 2px 25px rgba(54,198,65,.7);
    -webkit-box-shadow:0 2px 25px rgba(54,198,65,.7)
}
.btmfrm-pad {
    padding:0 3em
}
.ftrbox-pad {
    padding:0 3em
}
@media only screen and (min-width:310px) and (max-width:768px) {
    .call-us {
        display:block
    }
    .whats-app {
        display:block
    }
}
@media only screen and (max-width:1400px) {
    .container {
        max-width:88%
    }
}
@media only screen and (max-width:480px) {
    .top-cont {
        padding:0
    }
    .top-cont li {
        padding:3px 0
    }
    ul.header-social {
        width:50%;
        float:left;
        margin-bottom:0
    }
    ul.header-social li {
        border-right:1px solid #fff;
        height:27px
    }
    ul.header-social li:last-child {
        border-right:none
    }
    .container {
        max-width:92%
    }
    .classy-navbar {
        padding:0 0
    }
    .header-pad {
        padding-top:87px
    }
    #slider ul {
        height:auto
    }
    #slider ul li {
        height:auto;
        text-align:center
    }
    #slider ul li .slide {
        height:auto
    }
    .bn-left {
        top:1em;
        left:10px
    }
    .bn-left h3 {
        font-size:1.4em
    }
    .bn-left h4 {
        margin-bottom:2em
    }
    button.control_next,button.control_prev {
        width:1.2em;
        height:2.5em;
        border-radius:0
    }
    button.control_next {
        right:0
    }
    button.control_prev {
        left:0
    }
    h2.heading {
        font-size:22px;
        line-height:34px
    }
    .design-Development-data-1 {
        padding:10px 30px 25px
    }
    .faq-tab button {
        font-size:11px
    }
    .btn {
        padding:10px 16px 9px
    }
    .vertical-space2 {
        height:0
    }
    .google-left ul a {
        width:100%
    }
    .google-left ul {
        padding-left:0
    }
    .portfolio-menu ul li {
        font-size:14px
    }
    .section-title {
        margin-top:4em
    }
    .classynav .dd-arrow {
        display:block
    }
    .classynav ul li a>.icon>i {
        display:none
    }
    .topmenu-ul {
        display:inherit
    }
    .classynav ul li a>.icon {
        text-align:left;
        display:inherit;
        color:#fff;
        padding:0 1px;
        font-size:14px;
        font-family:century;
        font-weight:400
    }
    .classynav ul li a>.icon>em br {
        display:none
    }
    .dark.breakpoint-on .classynav>ul>li>a {
        background-color:#144997;
        border-top:1px solid rgba(255,255,255,.3)
    }
    .classynav .topmenu-ul .res-br {
        border-top:none!important
    }
    .breakpoint-on .classynav ul li a {
        padding:3px 10px;
        margin:3px 11px
    }
    .topmenu-ul {
        padding-bottom:4em
    }
    .dark .classynav ul li .dropdown li a {
        padding:0 3px 0 0
    }
    .footer-whatsapp ul {
        list-style:none;
        display:flex;
        height:31px;
        padding-left:15px
    }
    .footer-whatsapp ul li {
        display:none;
        width:25%
    }
    .footer-whatsapp ul li:first-child {
        display:block;
        width:100%
    }
    .hide-show li .link1 {
        bottom:3px!important;
        color:#4c4c4c!important;
        font-size:18px;
        font-weight:600;
        background:0 0!important;
        padding:0!important;
        box-shadow:none!important;
        text-transform:uppercase;
        text-decoration:none;
        width:100%;
        text-align:center
    }
    .hide-show li .insta1 {
        bottom:3px!important;
        color:#4c4c4c!important;
        font-size:18px;
        font-weight:600;
        background:0 0!important;
        padding:0!important;
        box-shadow:none!important;
        bottom:3px
    }
    .hide-show li .whats1 {
        bottom:3px!important;
        color:#36c556!important;
        font-size:18px;
        font-weight:600;
        background:0 0!important;
        padding:0!important;
        box-shadow:none!important;
        bottom:8px!important
    }
    .footer-whatsapp {
        left:0;
        border-top:1px solid #ccc
    }
    .testimonial-content {
        padding:14px
    }
    .testimonial-content p {
        font-size:13px;
        line-height:25px;
        padding-top:50px
    }
    .testimonial {
        margin:25px 0 0 0
    }
    .testimonial .testimonial-img img {
        width:80px;
        height:80px
    }
    .testimonial-img {
        left:12px;
        top:10px
    }
    .testimonial .testimonial-quote {
        width:80px;
        height:80px;
        line-height:70px;
        font-size:45px;
        bottom:12px;
        right:5px
    }
    .testimonial::before {
        display:none
    }
    .tesimonial-pics::before {
        width:185px;
        height:105px
    }
    .tesimonial-pics::after {
        bottom:-45px;
        width:164px;
        height:206px
    }
    .video-home img {
        margin:0;
        margin-bottom:1.5em
    }
    .bloghm01 {
        margin:1em 0
    }
    .learn-home img {
        margin:2em 0
    }
    .cmo-section-header .header-text {
        font-size:13px
    }
    .btmfrm-pad {
        padding:0
    }
    .from-grid-1 {
        width:100%
    }
    .from-grid-2 {
        width:100%
    }
    .footer-form input[type=checkbox]+label {
        width:100%
    }
    .support-left p {
        text-align:center
    }
    .support-left h3 {
        text-align:center
    }
    .ftrbox-pad {
        padding:0 1em
    }
    .stay form input[type=email] {
        width:55%
    }
    .footerSocialLink {
        padding-left:0
    }
    .footerSocialLink li {
        font-size:10px
    }
    .copywriting {
        margin-bottom:2em
    }
    .bn-inner::before {
        display:none
    }
    .bn-inner-left h1 {
        font-size:20px
    }
    .bn-inner-left h3 {
        font-size:18px;
        font-weight:700
    }
    .who-one {
        padding:1em
    }
    .who-three li {
        width:50%
    }
    .who-three ul {
        display:inherit;
        height:250px
    }
    .who-box {
        height:115px
    }
    .who-box img {
        height:40px
    }
    .who-box h3 span {
        font-size:20px
    }
    .who-box h3 {
        font-size:18px
    }
    .who-two h3 {
        padding:10px
    }
    .dg-partner h2 {
        font-size:20px;
        text-align:center
    }
    .training-box {
        margin:1em 0
    }
    .inner-faq button {
        font-size:10px;
        width:94%
    }
    .inner-faq {
        width:92%
    }
    .inner-right {
        margin:2em 0
    }
    .founder-left {
        margin-top:3em
    }
    .founder-left h3 {
        text-align:center
    }
    .founder-left h4 {
        text-align:center
    }
    .founder-left p {
        margin-top:1em
    }
    .founder-right {
        top:6%
    }
    .founder-right img {
        height:220px
    }
    .training-left h2 {
        font-size:15px;
        margin-top:1em
    }
    .training-left p {
        font-size:13px;
        text-align:left;
        color:#fff;
        line-height:24px
    }
    .contactcaptch-career img {
        padding:10px 8px
    }
    .contactcaptch-career input {
        width:125px;
        height:36px
    }
    .course-part h4 {
        font-size:20px!important;
        font-weight:700!important
    }
    .persents {
        padding:5px;
        margin:.7em 0 .7em 0
    }
    .persents li {
        width:50%
    }
    .persents ul {
        display:inherit
    }
    .persents-box {
        margin:2em 5px 2em 5px
    }
    .persents-box p {
        font-size:12px;
        line-height:19px
    }
    .seo-contant h3 {
        padding:.7em 0
    }
    .choose-box {
        height:auto
    }
    .heading-inner2 h2 {
        text-align:center
    }
    .heading-inner2 hr {
        margin:0 auto
    }
    .contact-box {
        background-image:none;
        padding:34px 81px 30px 23px;
        background-color:#fbd133;
        margin-top:20px
    }
    .left-div-bottom-img {
        display:none
    }
    .bn-left-new {
        top:2em
    }
    .bn-left-new h2 {
        font-size:1.8em;
        line-height:30px
    }
    .bn-left-new p {
        font-size:14px
    }
    .orange-bg {
        height:auto
    }
    .whatdo-list-1 {
        width:100%;
        margin-bottom:1em
    }
    .whatdo-list-2 {
        width:100%
    }
    .number-box img {
        display:none
    }
    .number-box h2 {
        text-align:center;
        font-size:22px
    }
    .work-tabs .nav-tabs {
        width:100%
    }
    .work-tabs .nav-tabs li {
        margin:13px 4px
    }
    .work-tabs .nav-tabs li a {
        font-size:12px;
        padding:10px 10px
    }
    .tab-content .item {
        width:100%
    }
    #certifiedLogos img {
        height:100px;
        padding:0 0 0 4px
    }
    .cmo-section-header {
        margin:0 0 2em 0
    }
    .cmo-section-header h1 {
        font-size:24px
    }
}
.filter_loading {
    position:fixed;
    display:none;
    top:0;
    left:0;
    text-align:center;
    background:rgba(0,0,0,.6);
    color:#fff;
    width:100%;
    height:100%;
    z-index:99999999999;
    padding-top:250px
}
.filter_loading img {
    width:64px
}
.search-result {
    background-color:#fff;
    box-shadow:1px 3px 2px -1px #e3e3e3;
    left:0;
    max-height:250px;
    overflow-y:auto;
    position:absolute;
    top:75px;
    z-index:99;
    width:86%
}
.search-result li {
    color:#6b6b6b;
    display:inline;
    float:left;
    font-size:13px;
    line-height:25px;
    list-style-type:none;
    padding:5px 10px;
    transition:all .2s ease-in-out 0s;
    width:100%
}
.search-result li span {
    float:left;
    height:25px;
    margin-right:10px;
    overflow:hidden;
    width:30px
}
.search-result li span img {
    float:left;
    width:100%
}
.accordian-packages-heading {
    width:100%;
    display:block;
    text-align:center;
    color:#fff;
    font-weight:700;
    padding:10px;
    text-transform:uppercase;
    border-radius:5px;
    background-color:#03347a!important;
    border-bottom:1px solid #0a3069;
    cursor:pointer
}
.accordian-packages .accordian-packages-table {
    max-height:0;
    overflow:hidden;
    transition:all .5s ease;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease
}
.accordian-packages.active-package .accordian-packages-table {
    max-height:1000px;
    overflow:inherit;
    transition:all .5s ease;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease
}
.packages-table .table td,.packages-table .table th {
    border:none!important;
    padding:5px
}
.packages-table .table td {
    padding:10px 0
}
.packages-table {
    margin-top:-183px
}
.packages-table .table {
    background-color:#fff;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    table-layout:fixed
}
.accordian-packages.active-package .accordian-packages-heading {
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.accordian-packages .table {
    margin-bottom:0
}
.accordian-packages.active-package .table {
    border-top-left-radius:0;
    border-top-right-radius:0
}
.seo-packages-page {
    overflow:inherit!important
}
.seo-thank-section {
    padding-bottom:130px!important
}
.thead-custom th {
    padding:10px!important;
    background-color:#082349!important;
    text-align:center;
    color:#fff
}
.package-card span.package-card-heading {
    text-align:center;
    font-size:18px;
    padding:10px 10px;
    color:#000;
    display:block;
    font-weight:700;
    text-transform:uppercase;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    color:#fff
}
.package-card-heading small {
    display:block
}
span.package-price {
    font-size:36px;
    text-align:center;
    display:block;
    color:#0b51c27a;
    font-family:Raleway,sans-serif;
    line-height:normal;
    position:relative;
    margin-bottom:20px;
    margin-top:10px
}
span.package-price small {
    display:block;
    font-size:12px;
    margin-top:6px;
    color:#444
}
span.package-price sub {
    margin-right:5px
}
.accordian-packages-heading::after {
    content:"\f107";
    font-family:FontAwesome;
    font-size:22px;
    line-height:24px;
    display:inline-block;
    margin-left:10px
}
span.package-price i {
    top:0;
    left:0;
    font-size:18px
}
.packages-card-value {
    background-color:#ff4608!important
}
.packages-card-platinum {
    background-color:#8306e5!important
}
.packages-card-360 {
    background-color:#1dce00!important
}
.packages-card-value+.package-price {
    color:#ff5d26
}
.packages-card-platinum+.package-price {
    color:#a531ff
}
.packages-card-360+.package-price {
    color:#48d132
}
.full-width-row {
    padding:10px!important;
    background-color:#255196;
    color:#fff
}
.packages-table .table td i {
    font-size:26px;
    color:#31c01a
}
.social-package {
    background-color:#fff;
    box-shadow:0 0 10px rgba(0,0,0,.2)
}
.social-package-row {
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    overflow:hidden
}
.social-packages-page .social-package-row {
    margin-top:-100px
}
span.social-package-heading {
    font-weight:500;
    display:block;
    text-align:center;
    margin-bottom:5px
}
.social-package-facebook {
    background-color:#144997!important
}
.social-package-linkedIn {
    background-color:#0d3f88!important
}
.social-package-google {
    background-color:#043172!important
}
.social-package-twitter {
    background-color:#03204b!important
}
span.social-package-price {
    display:block;
    font-size:25px;
    text-align:center;
    font-weight:700
}
span.social-package-disclaimer {
    font-size:12px
}
.social-package-list ul {
    padding-left:0;
    text-align:center;
    list-style:none;
    font-size:15px;
    font-weight:300;
    color:#444;
    margin-top:15px;
    margin-bottom:0
}
.social-package-list ul li:last-child {
    margin-bottom:0
}
.social-packages-page {
    padding-bottom:60px
}
.social-package-head {
    padding:10px;
    text-align:center;
    padding-top:20px;
    color:#fff
}
.social-package-list li {
    padding-bottom:8px;
    margin-bottom:8px;
    border-bottom:1px solid #ddd
}
span.social-inner-heading {
    padding:10px;
    text-align:center;
    display:block;
    font-weight:700;
    background-color:#f5f5f5
}
.social-package-list li i {
    margin-right:4px;
    color:#13c016
}
#cssmenu>ul>li>ul {
    white-space:nowrap
}
.fa-times-circle-o {
    color:red!important
}
@media (max-width: 767px) {
    .packages-table {
        overflow: scroll !important;
    }
    .accordian-packages {
        width: 767px !Important;
    }
  .zoom-img.hoverentry iframe {
    width: 100%;
    /* height: AUTO; */
    height: 200px;
  }
  .section06 {
    height: auto;
  padding: 30px 0 15px 0;
 }
      
}
#cssmenu ul ul li:nth-child(1) {
    display: none;
}