/*

 Theme Name: GrayCyan

 Theme URI: https://www.graycyan.com/

 Author: GrayCyan

 Author URI:

 Description: A super bare theme for designers who don't know Wordpress PHP but want to build with Wordpress.

 Version: 1.0

 License: GNU General Public License



 -------------------------------------------------------------- */


/* Reset

 -------------------------------------------------------------- */

@font-face {
    font-family: 'proxima_nova_blblack';
    src: url('fonts/proxima_nova_black-webfont.woff2') format('woff2'), url('/wp-content/themes/graycyan/fonts/proxima_nova_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_ththin';
    src: url('/wp-content/themes/graycyan/fonts/proxima_nova_thin-webfont.woff2') format('woff2'), url('/wp-content/themes/graycyan/fonts/proxima_nova_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novaregular';
    src: url('/wp-content/themes/graycyan/fonts/proximanova-regular-webfont.woff2') format('woff2'), url('/wp-content/themes/graycyan/fonts/proximanova-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('/wp-content/themes/graycyan/fonts/proxima-nova-bold-webfont.woff2') format('woff2'), url('/wp-content/themes/graycyan/fonts/proxima-nova-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('/wp-content/themes/graycyan/fonts/fontawesome-webfont.woff2') format('woff2'), url('/wp-content/themes/graycyan/fontsfontawesome-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body,
html {
    font-weight: 400;
    font-family: 'proxima_novaregular', sans-serif;
}

span,
p,
li,
a,
.btn,
input {
    font-family: 'proxima_novaregular', sans-serif;
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: initial !important;
}

h1,
h2,
h3,
h4,
h5,
#dynamic2 {
    font-family: 'proxima_nova_rgbold', sans-serif;
}

body,
p {
    font-size: 18px;
    color: #191b1f;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0px;
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: initial !important;
}

h1,
h2,
h3,
h4,
h5,
#dynamic2 {
    font-family: 'proxima_nova_rgbold', sans-serif;
}

.navbar-fixed-top {
    top: 30px;
}

.area_expand .area p {
    font-size: 18px;
    color: #191b1f;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0px;
}

.navbar {
    backface-visibility: hidden;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    margin-bottom: 0;
    border: none;
}

.navbar.fixed-top {
    background: #101010;
    padding: 30px 0 20px 0px;
}

#menu-main-menu {
    margin: 0px !important;
    padding: 0px !important;
    list-style-type: none;
}

#brand {
    padding: 0px;
    margin-top: -20px;
}

.navbar-nav li {
    padding: 13px 15px;
}

.navbar-nav li>a {
    font-size: 18px;
    color: #fff;
    padding: 2px 0;
    font-weight: 400;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    position: relative;
    text-transform: uppercase;
}

.video-bg {
    position: relative;
    overflow: hidden;
    background-position: 100%;
    background-size: cover;
}

body .navbar-fixed-top.fixed-top {
    top: 0px;
}

section {
    overflow: hidden;
}

.home .video-container {
    height: 110vh;
}

.home .video-container::before {
    content: "";
    background-color: rgb(0, 123, 255, .2);
    background-color: rgba(90, 96, 97, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.home .video-container>video {
    left: 75%;
}

.home .video-container>video {
    position: absolute;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.page-id-14 .tagline-video,
.page-id-16 .tagline-video {
    width: 100%;
}

.page-id-14 .video-bg-content h2 {
    position: relative!important;
    z-index: 999;
}

.video-bg-content {
    position: absolute;
    top: 35%;
    width: 100%;
}

.page .video-container::before {
    content: "";
    background-color: rgb(0, 123, 255, .2);
    background-color: rgba(90, 96, 97, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.home .video-bg-content {
    top: 0px;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(155, 177, 184, 1) 70%) !important;
    position: absolute;
    z-index: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.text-center {
    text-align: center;
    color: #212121;
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 15px;
}

.banner-txt {
    top: 50px;
    text-align: left !important;
    color: #fff !important;
    position: relative;
    z-index: 999;
    left: 0px;
    float: right;
    width: 95%;
}

.banner-txt h1 {
    line-height: 42px;
    color: #fff;
    font-size: 38px;
    margin-bottom: 30px;
    text-decoration: underline;
}

.banner-txt h3 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 12px;
    color: #fff;
}

.home .video-bg-content .btn-2 {
    background: #007bff;
    font-size: 18px;
    width: auto;
    padding: 10px 33px;
    border-radius: 45px;
    font-weight: 600;
    border: 2px solid #007bff !important;
    margin-bottom: 20px;
    max-width: none;
    color: #fff;
    display: inline-block !important;
    line-height: 32px;
    margin: 0 12px;
}

.home .video-bg-content .btn-2 span {
    position: relative;
    top: 0px;
    left: 5px;
    line-height: 26px;
    width: auto;
    margin: 0px;
}

a {
    text-decoration: none;
}

.banner-txt span {
    display: inline-block;
    font-weight: 500;
    font-size: 28px;
    text-align: left;
}

span .fa {
    font-size: 32px;
    position: relative;
    top: 4px;
    left: 5px;
    line-height: 26px;
}

.banner-txt span {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 28px;
    margin: 40px 0px 0px;
    text-align: left;
}

.banner-txt img {
    max-width: 350px;
    display: block;
    width: 100%;
}

.section-title h2 {
    color: #000;
    line-height: 34px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    font-size: 32px;
}

.services .section-title h2 span {
    color: #007bff;
}

.section-title h2::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 8px;
    background: #007bff;
    border-radius: 0px;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.section-title h2 {
    text-align: center;
}

section.services * {
    position: relative;
}

.list-services .tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
    background-color: #f1f1f1;
    width: 30%;
    border-bottom: 0px;
    height: 100% !important;
    border-right: 0px;
}

.list-services .tab button {
    display: block;
    background-color: #fff;
    color: black;
    padding: 20px 15px;
    width: 100%;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 22px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    line-height: 24px;
}

.list-services .tab button.active {
    background-color: #007bff;
    color: #fff;
}

.list-services .tabcontent {
    float: left;
    padding: 15px 10px;
    border: 1px solid #ddd;
    border-left-color: rgb(221, 221, 221);
    border-left-style: solid;
    border-left-width: 1px;
    width: 67%;
    border-left: 1px solid #ddd;
}

.services h3 {
    color: #007bff;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
}

.services img {
    display: block;
    margin: 20px auto 15px;
}

.list-services .area_expand {
    margin: 0px;
}

.area_expand .area {
    height: 100px;
    overflow: hidden;
    position: relative;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    -o-transition: height .2s;
    -ms-transition: height .2s;
    transition: height .2s;
    margin: 20px 0px;
}

.expand {
    display: block !important;
    max-width: 210px;
	width:100%;
}

.expand {
    background: #007bff;
    font-size: 20px;
    padding: 10px 10px;
    border-radius: 45px;
    font-weight: 600;
    border: 2px solid #007bff !important;
    margin: 20px auto;
    color: #fff;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
}

.section-title h2 span {
    color: #007bff;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.page .grid-brand.col3,
.page .grid-brand.col2 {
    display: inline-block;
    margin: 10px 0px;
}

.footer .copyright a {
    font-weight: 900;
    font-size: 24px;
    color: #007bff;
    text-decoration: none;
}

.footer>.container:first-child {
    padding-bottom: 40px;
}

.footer {
    background: #101010;
    padding: 4em 0 0em;
}

.contact-item-txt {
    display: table;
}

.footer h3,
.footer .contact-form-title h3 {
    color: #dcdcdc;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 1.2em;
    position: relative;
    margin-bottom: 1.5em;
}

.footer h3::after,
.footer .contact-form-title h3::after {
    content: '';
    position: absolute;
    display: inline-block;
    top: 150%;
    left: 0;
    height: 2px;
    width: 100px;
    background: #007bff;
}

.social-profile li:first-child {
    padding-left: 0;
}

.social-profile li {
    float: none;
    display: inline-block;
}

.social-profile li {
    list-style: none;
    float: left;
    padding: 0 20px;
}

.footer p,
.footer .contact-form-title p,
.footer a {
    margin: 0;
    color: #dcdcdc;
    font-size: 16px;
    line-height: 1.7;
    text-transform: capitalize;
}

.social-profile li a {
    text-decoration: none;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

b,
strong {
    font-weight: 700;
}

.footer .copyright {
    font-size: 20px;
    color: #fff;
    float: left;
    padding: 20px 0;
}

.social-profile {
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.scroll-top {
    width: 80px;
    height: 75px;
    float: right;
    text-align: center;
    background: #007bff;
    line-height: 70px;
    color: #fff;
    font-size: 40px;
    cursor: pointer;
    top: 5px;
    position: relative;
}

.page .grid-brand.col2 .grid-item img,
.page .grid-brand.col3 .grid-item img {
    padding: 30px 0px;
}

.page .hidden-content {
    display: none;
}

.page .button.big {
    background: #007bff;
    color: #fff;
    padding: 15px 30px;
    display: inline-block;
    border-radius: 45px;
    margin: 30px 0px 0px;
    text-decoration: none !important;
    font-size: 24px;
    font-weight: 500;
}

.page .grid-item img {
    border: 0px;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(59, 176, 255, 0.75);
    -moz-box-shadow: 0px 0px 10px 2px rgba(59, 176, 255, 0.75);
    box-shadow: 0px 0px 10px 2px rgba(59, 176, 255, 0.75);
}

.grid-item img {
    width: 100%;
    max-width: none;
    position: relative;
    transition: all 1s ease;
    margin-top: 0px;
    left: 0px;
}

.grid-item {
    float: left;
    position: relative;
    overflow: hidden;
    padding: 10px;
}

.wpcf7-form-control.wpcf7-submit,
.page .expand,
.page .button.big {
    border: 2px solid #007bff !important;
}

.wpcf7-form-control.wpcf7-submit:hover,
.home.page .expand:hover,
.page .button.big:hover {
    background: transparent;
    color: #000 !important;
    text-decoration: none;
}
.home .video-bg-content .btn-2:hover {
    background: transparent;
    color: #fff !important;
    text-decoration: none;
}
.fixed-plugin {
    position: fixed;
    top: 45%;
    right: 0;
    z-index: 1031;
    border-radius: 8px 0 0 8px;
    text-align: center;
}

.click_to_open {
    font-size: 20px;
    width: 60px;
    background: #007bff;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0 0 20px -16px #000;
}

.click_to_open i::before {
        font-size: 25px;
    border: 1px solid #007bff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #ffffff;
    line-height: 62px;
    position: absolute;
    right:0px;
    top: 0px;
    padding-left: 2px;
}

.fixed-plugin .inner-content.show {
    transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}

.fixed-plugin .inner-content {
    transform: perspective(500px) rotateX(90deg);
    transform-origin: top;
    position: absolute;
    right: 100%;
    top: -2em;
    min-width: 320px;
    text-align: left;
    padding: 1em 15px;
    box-shadow: 0 0 20px -16px #000;
    min-height: 50px;
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.fixed-plugin .inner-content .contactInfo {
    float: none;
    width: 100%;
}

.contactInfo h5 {
    font-size: 1.8em;
    margin: 0.5em 0 1em;
    position: relative;
}

.footer_contact_info {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.equalHWParent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.equalHW {
    flex: 1;
}

.history-content .text-xs-center {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 32px;
    color: #191b1f;
    font-weight: 500;
    position: relative;
}

.history-content .text-xs-center::before {
    content: "";
    position: absolute;
    height: 8px;
    background-color: #007bff;
    width: 90px;
    bottom: -30px;
    left: 0;
    margin: 0 auto;
}

.image_headers {
    padding: 0;
    margin: 0;
    margin-top: 0px;
    list-style-type: none;
}

.fixed-plugin .inner-content .contactInfo h5::before {
    content: '';
    position: absolute;
    width: 113px;
    height: 1px;
    background: #FF9800;
    top: 160%;
    left: 0;
}

.image_headers li {
    flex: 1;
    text-align: center;
    font-size: 1.5em;
    color: #333;
    font-weight: 500;
    margin-bottom: 10px;
}

.area.text-xs-center {
    text-transform: inherit;
    font-size: 16px !important;
}

.page #carousel-traffic {
    padding: 40px 0px 0px;
}

.page #carousel-traffic {
    padding: 40px 0px 0px;
}

.carousel-indicators .active {
    background-color: #007bff;
}

#carousel-traffic .carousel-inner {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(59, 176, 255, 0.75);
    -moz-box-shadow: 0px 0px 10px 2px rgba(59, 176, 255, 0.75);
    box-shadow: 0px 0px 10px 2px rgba(59, 176, 255, 0.75);
}

.website-look.section-bottom-padding.traffic .history-content {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 0px;
}

.carousel-inner .text-center {
    margin: 0px;
}

.footer_contact_info li {
    position: relative;
    padding-left: 1.5em;
    margin-bottom: 10px;
}

.footer_contact_info li .fa {
    color: #007bff;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 5px;width: 20px;
}

@media(min-width:768px) {
    .mobile-agency {
        display: none;
    }
    .mobile-agency {
        display: none;
    }
    .mobile-content {
        display: none;
    }
    #carousel-traffic .carousel-indicators {
        bottom: 10px;
        width: auto;
        float: right;
        left: auto;
        right: 25px;
        margin: 0px;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    #main-menu>.container {
        width: 95%;
    }
    body.home .video-container {
        height: 100vh;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .header .container {
        width: 90%;
    }
    .page .banner-txt {
        left: 30px;
    }
    body .home .video-container {
        height: 100vh;
    }
}

@media(min-width:768px) and (max-width:900px) {
    body .video-container>video {
        left: 35%;
    }
}
@media(max-width: 420px){body .claim{
	width:auto;
    padding: 10px 10px
	}body .footer .copyright,body .footer .copyright a {
    padding: 0px 0px 20px 20px;
    font-size: 16px;

}.contact-item-txt span {

    display: block !important;
    text-align: left;}body .reporter h4 span {

    font-size: 8px;
    position: absolute;
    top: 8px;

}.mobile-john h3 {

    text-align: center;
    font-size: 23px;

}#about img {

    height: 300px;
    margin: 0 auto 20px;
    display: block;

}#about h4 {

    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;

}#about h4 span {

    display: block;
    margin-bottom: 5px;
    font-size: 18px;

}body .news-seo h1 {

    font-size: 16px;
    text-align: center;

}body .news-time .vc_col-sm-8 p {
    font-size: 11px;}
body #about h4 {

    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
margin-top: 0px !important;
}#about h4 span {

    display: block;
    margin-bottom: 5px;
    font-size: 18px;

}


.news-time .vc_col-sm-4 .wpb_wrapper {
position: relative;
    left: 30px;
    margin: 5px !important;

}body .reporter marquee {
    top: -10px !important;
}body .reporter h3 {margin-top: 0px !important;
    margin-bottom: 0px;
}body .reporter h4 {
   width: 19% !important;
    font-size: 9px !important;
    margin: 0px !important;
}.break-txt h2::before, .break-txt .consult::before,.break-txt h5::before {
    
    left: -13px!important;
}
.break-txt {

    position: absolute;
   top: 50%;
left: 10%;
max-width: 270px;
width: 100%;
margin: 0px !important;


}.break-txt p a {
    font-size: 12px;
    display: inline-block;
    margin: 3px 0px 0px;
font-weight: 500;}
.break-txt h2 {

    font-weight: 500;
    border-bottom: 1px solid #0074ef;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    display: block;
    width: auto;
    margin: 0 auto;

}.break-txt h3 {
    color: #000;
    font-size: 10px;
    letter-spacing: 0px;
    font-weight: 500;
    display: block;
    width: 100%;
    text-align: center;
    margin: 3px auto 3px;
}
.break-txt h5 {
    font-size: 12px;
    margin-bottom: 0px;
    line-height: 15px;
    margin-left: 0px;
}
.break-txt p {
    font-size:11px;
    line-height: 12px;
    color: #000;
    margin-bottom: 5px;
    font-weight: 400;
    margin-left:0px;
}
}
@media(min-width: 421px)and (max-width: 479px){
.break-txt {

    position: absolute;
    top: 48%;
    left: 32%;
    max-width: 185px;
    width: 100%;
    margin: 0px !important;

}.break-txt h2::before {

    content: "1.";
    position: absolute;
    left: -12px!important;
    top: 0px;

}.break-txt h2 {
    font-weight: 500;
    border-bottom: 1px solid #0074ef;
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    display: block;
    width: auto;
    margin: 0 auto;
    letter-spacing: -.5px;
}.break-txt h3 {
    color: #000;
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: 600;
    display: block;
    width: 100%;
    text-align: left;
    margin: 3px auto 6px;
}.break-txt h5 {
    font-size: 14px;
    margin-bottom: 2px;
    line-height: 15px;
    margin-left: 5px;
}.break-txt p {
    font-size: 12px;
    line-height: 14px;
    color: #000;
    margin-bottom: 5px;
    font-weight: 600;
    margin-left: 5px;
}
}@media(min-width: 480px)and (max-width:767px){

   .break-txt {
position: absolute;
    top: 45%;
    left: 32%;
    max-width: 300px;
    width: 100%;


}.break-txt h2, .break-txt h5 {
    color: #0074ef;
}.break-txt h2 {
    font-weight: 500;
    border-bottom: 1px solid #0074ef;
    font-size: 24px;
    line-height: 32px;
    display: block;
    width: auto;
    margin: 0 auto;
    
}.break-txt h3 {
    color: #000;
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 600;
    display: block;
    width: 100%;
    margin: 3px auto 6px;
}.break-txt h5 {
    font-size: 16px;
    margin-bottom: 2px;
    line-height: 24px;
    margin-left: 5px;
}.break-txt p {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin-bottom: 5px;
    font-weight: 600;
    margin-left: 5px;
}
}

@media(max-width: 767px) {.overlay.overlay-hugeinc.open .trigger-overlay {
    top: 40px;
}.modal {
    position: fixed;
	top: 40px;}body .modal-dialog{
		z-index:99999;
}	body .navbar-fixed-top{
    top: 25px;
}body .head-top {
    position: fixed;
    top: 0px;
    width: 100%;
  z-index: 9999;
}
body .navbar-fixed-top.fixed-top {
    top: 0px;
}.footer p b {

    font-size: 18px;

}body .contact-info-map {

    padding: 20px;

}.contact-item{
   margin-bottom: 30px; }.contact-content-section .icon-box {
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    background-color: #eee;
    padding: 20px;
    margin: 10px;
    border-radius: 5px;
}.contact-content-section .icon-box > i {
    font-size: 60px;
    width: 60px;
    text-align: center;
    margin-bottom: 0;
}
.contact-content-section .icon-box h2 {
    margin-left: 20px;
    font-size: 23px;
    margin-bottom: 0;
}
body .contact-content-section .icon-box p, .contact-content-section .icon-box .btn {
    display: none;
}body .mobile-arrow-btn {
    /*position: absolute;
    right: 20px;
    display: inline-block;*/
	    position: absolute;
    right: 0px;
    display: inline-block;
    width: 95%;
    left: 0px;
    text-align: right;
    line-height: 100px;

}body .contact-content-section .icon-box .mobile-arrow-btn i {
    font-size: 20px;
    margin-bottom: 0;
}body .contact-info-section {
    flex-direction: column;
}body .contact-info-text .row {
    margin-bottom: 0 !important;
}body .contact-info-text {
    padding: 50px 20px;
}.pricing-swiper .swiper-wrapper{
    width: 107%;
}.pricing-swiper .col-md-4.swiper-slide {

    width: 95.5% !important;

}.pricing-swiper .swiper_c_nav {

    position: absolute;
    bottom: 40px;
    width: 100%;
    display: block;

}.pricing-swiper .swiper_c_nav > p {

    text-align: center;
    font-size: 12px;
    margin-top: 0px;

}.pricing-content-section .row.swiper-wrapper {

    margin: 0;

}
    .all-pages .video-container {

    height: 60vh !important;

}   
    body .gc-card-container {

    flex-direction: column;

}
    .about-feature-point {

    flex-direction: column;

}.about-feature-image {
    margin-bottom: 50px;
}
.about-feature-point-reverse {

    flex-direction: column-reverse;

}.gc-card .card-img {

    padding: 0;

}.flex-vertical-center {

    flex-direction: column;

}.gc-card .card-content {

    border-left: 0;
    padding: 0;
    text-align: center;

}
body .gc-card-half {

    width: auto;padding: 30px;

}
body .gc-card{
padding: 30px}body .gc-card .card-content {

    border-left: 0;
    padding: 0;
    text-align: center;

}
    body .scroll-top {

    float: left;
    top: 0px;

}footer .contact-item-txt h3{
    margin-bottom: 1.5em;   margin-top: 20px;
    }footer .social-profile li a {

    font-size: 16px;

}body .footer {

    background: #101010;
    padding: 1em 0 0em;

}.contact-items {

    margin-bottom: 0px;}.vc_row.wpb_row.vc_row-fluid.contact.section-top-padding.section-bottom-padding .section-title{
    margin-bottom: 50px;
    }.contact-item-txt h3 {

    margin: 0px;

}.contact-item-txt .visible-xs {
    display: inline-block !important;
}.contact-item-txt .visible-xs span {

    text-align: left;
    text-transform: none;
    font-weight: 700;
    font-size: 18px;

}.counter-item {

    padding: 50px 0;

}body #about .about-detail p {
        padding: 0px;
    text-align: center;
    }.mobile-john em {

    color: #eaf2f8;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px !important;

}body.home .blog-list ul li {

    width: auto;

}body.home .blog-list {

    background: #fff;
    max-width: 800px;
    right: 0;
   padding: 20px !important;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    margin: 0px auto;
    display: block;
    width: 100%;
    float: none;

}body.home .blog-title.text-xs-center {

    font-size: 20px !important;
    text-transform: uppercase;
    color: #fff;
    top: auto;
    left: auto;
    text-align: center;
    line-height: 24px;
    position: inherit !important;
    background: #007bff;
    padding: 3% 0% 3% 0%;
    width: 90%;
    margin: 0 auto 20px;

}.news-time .vc_col-sm-4 .wpb_wrapper {

    color: #fff;
    font-weight: 600;
    letter-spacing: -.5px;
    font-size: 10px;
    margin: 8px 9px;

}.news-seo {

    position: absolute;
    top: 105px;
    left: 7%;
    width: 50%;

}.news-seo h1 {

    color: #007bff;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1px;

}.news-seo h3 {

    color: #007bff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    text-align: center;
    margin: 10px 0px;

}.news-seo p {

    text-align: center;
    color: #000;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    margin: 20px 0px 0px;
        margin-bottom: 0px;
    margin-bottom: 0px;

}body .paper-news {
    background-size: 100% 100% !important;
    min-height: 355px;
}body .paper-news {
    background-image: url(/wp-content/uploads/2020/03/mobile-news.jpg) !important;
}.news-time {

    position: absolute;
    top: 49px;
    left: 7%;
    width: 100%;

}.news-time .vc_col-sm-8 {

    width: 60%;
    float: left;

}.news-time .vc_col-sm-8 p {

    font-size: 14px;
    line-height: 30px;
    color: #3b3a3b;
    font-weight: 600;

}body .reporter h3 {
    width: 75%;
    display: inline-block;
    color: #3479ce;
    font-size: 10px;
    margin-left: 5%;
    font-weight: 500;
    line-height: 100%;
    font-weight: 500;
}   body .reporter .wpb_raw_code.wpb_content_element.wpb_raw_html.marquee {
    position: absolute;
    width: 100% !important;
    left: 13%;
    right: auto;
    margin: 5px auto;
        margin-bottom: 5px;
    margin-bottom: 5px;
    margin-bottom: 5px;
    margin-bottom: 0px !important;
}body .reporter marquee {
    position: relative;
    border: 0px;
    width: 100%;
    top: -18px;
    color: #fff;
    font-size: 10px;
    line-height: 100%;
    font-weight: 600;
}
    body .reporter h4 {
    width: 17%;
    float: left;
    display: inline-block;
    color: #434343;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 100%;
    font-weight: 700;
}body .reporter h4 span {
    font-size: 10px;
    position: absolute;
    top: 14px;
}
    .mobile-john h3 {
    color: #fff;
    text-transform: uppercase;
}/*body.home .mobile-john h3::before {
    content: "4.";
    position: absolute;
    left: 24.5%;
    text-align: center;
}*/.mobile-john p,.mobile-john ul {
    float: right;
    width: 85%;list-style-type: none;

padding: 0px;
}.mobile-john ul li {
    line-height: 20px;
    color: #fff;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}
.mobile-john ul li::before {

    content: "\f00c";
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 14px;
    border-radius: 45px;
    padding: 5px 0px;
    margin-right: 5px;
    font-weight: 500;

}.reporter.mobile-agency {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: -70px;
    min-height: 54px;
}body .reporter.mobile-agency > .wpb_column.vc_column_container > .vc_column-inner {
    padding: 0px;
}body .reporter .wpb_raw_code.wpb_content_element.wpb_raw_html {
    margin-bottom: 10px !important;
    position: relative;
    margin-top: 12px;
    width: 85%;
    display: block;
    left: 15%;
    right: 0;
}
    body .grid-item{
        float: none;
    }
    body .wpb_single_image.mobile-hide {

    padding-top: 0px !important;

}
    body.home .client-new .person {
     width: auto;
      text-align: center;
}
    body.home .client-new .fa.fa-angle-left {
        left: 10px;
    }
    body.home .client-new .fa.fa-angle-right {
        right: 10px;
    }
    body.home .list-services {
        border: 1px solid #ddd;
        width: 100%;
        margin: 0 auto;
    }
    body .history-content .text-xs-center {
        font-size: 24px;
        text-align: center;
        line-height: 28px;
    }
    .text-xs-center::before {
        left: 50% !important;
        transform: translateX(-50%);
    }
    .history-content .text-xs-center::before {
        bottom: -20px;
    }
    .image_headers {
        display: flex;
    }
    .website-look.section-bottom-padding.traffic .history-content {
        padding: 0px;
    }
    .home .vc_column_container>.vc_column-inner .col-sm-6,
    .home .vc_column_container>.vc_column-inner .col-sm-12 {
        padding: 0px;
    }
    .about-detail.history-content .text-xs-center p {
        padding-right: 0px;
    }
    body.home .list-services .tab {
        width: 100%;
        margin: 0 auto;
        display: block;
        float: none;
        border-top: 0px;
        text-align: center !important;
    }
    body.home .list-services .tab button {
        text-align: center;
    }
    body.home .list-services .tabcontent {
        width: 100%;
        float: none;
        margin: 0 auto;
        border: 0px;
    }
    .list-services .tab button:hover {
        background-color: #007bff;
        color: #fff;
    }
    body .section-title h2 {
        font-size: 24px;
    }
    .mobile-content h3 {
        margin-top: 0px;
        width: 100%;
        font-size: 20px;
        line-height: 26px;
        text-align: center;
        display: inline-block !important;
    }
    .mobile-content h3 br {
        display: none;
    }
    .mobile-content span {
       /* margin: 20px 0px;
        font-size: 18px;
        font-weight: 600;*/
		    margin: 10px 0px;
    font-size: 32px;
    display: block;
    font-weight: 900 !important;
    }
    body .banner-txt h1 {
        line-height: 42px;
        color: #fff;
        margin-bottom: 15px;
        font-size: 32px;
        text-align: center !important;
    }
    body.home .banner-txt {
        text-align: center !important;
        width: 100% !important;
        top: 0px !important;
    }
    .mobile-content {
        background: #efefef;
        text-align: center;
        color: #4f4f4f !important;
        padding: 30px 0px;
        position: relative;
        z-index: 99;
    }
    body.home .video-bg {
        background: #efefef;
    }
    .home .video-bg-content .btn-2>span {
        display: inline-block !important;
    }
    body.home .video-container {
        height: 100% !important;
    }
    body.home .video-container>video {
        height: auto !important;
        margin: 0px;
        margin-top: 0px;
        left: 0px;
        z-index: 9;
        position: relative;
        -webkit-transform: translateX(-25%) translateY(0) !important;
        transform: translateX(-25%) translateY(0) !important;
        width: 200% !important;
        margin-top: -30px !important;
    }
    body.home .video-bg-content {
        /*height: auto;
        position: absolute;
        top: 20%;
        width: 100%;
        text-align: center;
        left: 0px;
        right: 0px;*/
		background: #efefef !important;
color: #000 !important;
		height: auto;
position: relative;
top: -6px;
width: 100%;
text-align: center;
    }
	body.page .video-bg-content .banner-txt h1{
		color:#4f4f4f!important; 
	}
    .home .video-bg-content h3,
    .home .video-bg-content .banner-txt span,
    .home .video-bg-content .banner-txt img {
        display: none;
    }
    .home .video-container::before {
        display: none;
    }
    .navbar.float-right.fixed-top {
        margin-top: 10px;
        background: transparent!important;
        padding: 0px !important;
    }
    body.home .client-new .testimonial-item p {
        font-size: 20px;
    }
    .home .video-bg-content .btn-2:hover {
        background: #fff !important;
    }
    .mobile-content img {
        max-width: 350px;
        width: 100%;
    }
    .desk-agency {
        display: none;
    }
    .mobile-agency {
        display: block;
    }
    .desk-hide {
        display: none;
    }
    .mobile-hide {
        display: block;
    }
    body.home #reviews {
        padding-left: 0px;
        padding-right: 0px;
    }
    body.home .client-new .testimonial-item {
        width: auto !important;
        height: auto !important;
        min-height: auto !important;
        padding: 5% 5% !important;
        width: auto !important;
    }
    .section-title {
        margin-bottom: 2em;
    }
    body.home .client-new .testimonial-item .hexagon {
        top: 0px;
        left: 10px;
    }
    body.home .client-new .testimonial-item .right {
        bottom: 10px;
        right: 20px;
    }
    body.home .client-new .swiper-button-next,
    body.home .client-new .swiper-button-prev {
        position: absolute;
        top: 10%;
        width: 30px;
        height: 30px;
    }
    body.home .client-new .swiper-button-prev .fa,
    body.home .client-new .swiper-button-next .fa {
        color: #fff;
        position: absolute;
        top: 0px;
        font-size: 28px;
    }
    .reviews .vc_column_container>.vc_column-inner {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media(min-width: 768px) {.page-id-14 h1 {
    color: #fff;
    z-index: 999;
    position: relative;
    font-size: 42px;
}.single-pricing-box.active {
    position: relative;
    z-index: 1000;
    transform: scale(1.15);
    background-color: #fff;
}

    .navbar-nav .current-menu-item a,
    .navbar-nav li:hover>a {
        color: #00bcd4;
        margin: 0;
    }
    .counter-item {
        padding: 80px 0 !important;
    }
    #about img {
        height: 510px;
    }
    body .paper-news {
        min-height: 800px;
        position: relative;
        background-size: 100% 100%;
    }
    .desk-agency {
        display: block;
    }
    .agency-txt ul li::before {
        content: "\f00c";
        font-family: 'FontAwesome';
        color: #fff;
        font-size: 16px;
        border-radius: 45px;
        padding: 5px 5px;
        margin-right: 5px;
        font-weight: 500;
    }
    .break-img .wpb_column.vc_column_container.vc_col-sm-4 {
        float: right;
    }
    .desk-hide {
        display: block;
    }
    .mobile-hide {
        display: none;
    }
    .col-md-12.google {
        position: absolute;
        right: 4%;
        bottom: -12px;
        max-width: 331px;
        left: auto;
        padding: 0px;
    }
    .section-bottom-padding {
        padding-bottom: 50px;
    }
    .page .grid-brand.col3 .grid-item {
        width: 33%;
    }
    .grid-brand.col2 .grid-item {
        width: 35%;
        margin: 0 auto;
        text-align: center;
        float: none;
        display: inline-block;
        padding: 10px 10px !important;
    }
    .history-content {
        padding-right: 0px;
        height: 100%;
        padding-left: 60px;
        padding-top: 100px;
        padding-bottom: 20px;
    }
    .image_headers {
        display: flex;
    }
}

@media(min-width: 991px) {
    .client-new .testimonial-item {
        min-height: 250px;
    }
}

@media(max-width: 991px) {
    .page .video-container {

    height: 60vh;

}
.page .video-bg-content h2, .page .video-bg-content h1 {

    font-size: 32px !important;
    color: #fff !important;
    z-index: 999 !important;
    position: relative;

}.vc_row.wpb_row.vc_row-fluid.the-content-section.about-content-section.vc_custom_1585204262700 {

    padding: 30px 0px !important;

}
.page .video-container > video {

    -webkit-transform: translateX(-20%) translateY(0);
    transform: translateX(-25%) translateY(0);
    width: 200%;
    margin-top: -20px;
    top: 0;
    left: 0;
    height: 67vh;

}
    .navbar-right.hidden-sm {
        display: none !important;
    }
    .col.hidden-md.hidden-lg {
        position: absolute;
        top: 20px;
        right: 20px;
    }
    .overlay-hugeinc.open ul li {
        transform: translateZ(0) scale(1);
        opacity: 1 !important;
    }
    .col.hidden-md.hidden-lg ul li {
        list-style-type: none;
    }
    #trigger-overlay {
        background: transparent;
        border: 0px;
    }
    .dropdown-icon span {
        position: relative;
    }
    .dropdown-icon span::before {
        content: "\f0c9" !important;
        font-family: 'FontAwesome';
        background: transparent !important;
        border: 0px aliceblue;
        color: #fff;
        font-size: 42px;
    }
    .overlay-hugeinc,
    .overlay-hugeinc.close {
        opacity: 0;
        visibility: hidden;
        transition: all .5s;
        z-index: 3;
    }
    .overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 40px;
    }
    .overlay-content {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
    }
    .overlay .trigger-overlay {
        cursor: pointer;
        padding: 10px;
        width: 100% !important;
        top: 0px;
        position: absolute;
    }
    .overlay .trigger-overlay::before {
        content: "\f00d";
        font-family: 'FontAwesome';
        font-size: 32px;
        color: #fff;
        position: absolute;
        top: 40px;
        right: 15px;
    }
    .overlay nav {
        text-align: center;
        position: relative;
        top: 30%;
        font-size: 54px;
        transform: translateY(-30%);
    }
    .overlay ul li a:hover {
        color: #007bff;
    }
    .overlay ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        display: inline-block;
        height: 100%;
        position: relative;
    }
    .overlay ul li:first-child {
        transition-delay: 0s;
    }
    .overlay-hugeinc ul li {
        margin-bottom: 10px;
        max-height: 60px;
        width: 100%;
        display: block;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1), opacity 1s cubic-bezier(.19, 1, .22, 1);
        transition-delay: 0s, 0s;
        transition-delay: 0s, 0s;
        transform: translate3d(0, 100px, 0) scale(.95);
        opacity: 0 !important;
    }
    .overlay ul li a {
        font-size: 24px;
        color: #fff;
        width: 100%;
        text-align: left;
        padding: 0px;
        letter-spacing: 0px;
        text-transform: uppercase;
    }
    .overlay-hugeinc.open {
        visibility: visible;
        opacity: 1;
        visibility: visible;
        z-index: 3;
        transition: all .5s;
        padding: 0;
    }
}

.client-new .testimonial-item {
    position: relative !important;
    color: #565656 !important;
    font-size: 30px !important;
    background-color: #f4f9ff !important;
    border-radius: 10px !important;
    width: 80%;
    margin: 0 auto !important;
    padding: 5% 5% !important;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
    border: 1px solid #ededed !important;
}

.client-new .testimonial-item .hexagon {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50px;
    left: 30px;
    border-radius: 7px;
    margin: 0;
    background: transparent;
}

.client-new .testimonial-item .fa {
    color: #007bff;
    position: absolute;
    top: 0px;
    font-size: 42px;
}

.client-new .testimonial-item p {
    font-size: 24px;
    color: #565656;
    line-height: 28px;
    font-weight: 400;
    margin: 0px;
    text-align: center;
    padding: 0px 20px;
}

.client-new .testimonial-item .right {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 60px;
    right: 70px;
    border-radius: 7px;
    margin: 0;
    background: transparent;
}

.client-new .person {
    display: block;
    width: 40%;
    margin: 20px auto 0px;
    padding: 10px;
}

.client-new .pull-left {
    display: inline-block !important;
    vertical-align: middle !important;
    float: none !important;
}

.client-new .person img {
    width: 100px;
    margin-right: 20px;
    box-shadow: 0 0 20px -10px #000;
    border: 0px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    padding: 10px;
    background: #f4f9ff;
}

.carousel-indicators li {
    border: 1px solid #007bff;
}

.client-new .person h5 {
    margin-top: auto;
    font-size: 20px;
    margin-bottom: 0;
    color: #565656 !important;
}

.client-new .person span {
    font-size: 18px;
    color: #007bff;
    font-weight: 400;
}

.client-new .swiper-button-next,
.client-new .swiper-button-prev {
    position: absolute;
    top: 25%;
    width: 45px;
    height: 45px;
    margin-top: 0px;
    z-index: 10;
    cursor: pointer;
    background-repeat: no-repeat;
    background: #007bff;
    background-image: none;
    background-image: none;
    border-radius: 100%;
    opacity: 1 !important;
}

.client-new .fa.fa-angle-left {
    left: 12px;
}

.client-new .fa.fa-angle-right {
    right: 12px;
}

.client-new .fa {
    color: #fff;
    position: absolute;
    top: 0px;
    font-size: 42px;
}

#reviews .section-title {
    margin-bottom: 80px;
}

.giphy {
    width: 330px;
    height: 150px;
    background: url(/wp-content/uploads/2020/03/giphy.gif);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: cover;
    background-position: unset;
}

.industry .about-detail {
    margin-bottom: 50px;
}

.industry .col-sm-3 h4 {
    color: #007bff;
    font-size: 20px;
    line-height: 24px;
    margin: 15px 0px 0px;
    min-height: 50px;
    padding: 0px 15%;
}

.industry .col-sm-3 {
    text-align: center;
    margin-bottom: 30px;
}

.break-txt h2 {
    margin: 0px;
}

.break-txt h2,
.break-txt .consult,
.break-txt h5,
.break-txt h3 {
    position: relative;
    margin-top: 0px;
}

@media(min-width:992px) {
    .break-txt {
        position: absolute;
        top: 45%;
        left: 32%;
        width: 310px;
    }
    .break-txt h2 {
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;
        text-transform: uppercase;
        text-rendering: optimizeLegibility;
    }
    .break-txt h2,
    .break-txt h5 {
        color: #0074ef;
    }
    .break-txt h5 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .break-txt p {
        font-size: 18px;
        line-height: 22px;
        color: #000;
        margin-bottom: 10px;
        font-weight: 600;
    }
    .break-txt h3 {
        color: #000;
        font-size: 24px;
        letter-spacing: 1px;
        margin-bottom: 15px;
        display: inline-block;
        font-weight: 500;
    }
}

.agency-txt h2,
.mobile-john h3 {
    position: relative;
}

.agency-txt h2::before {
/*    content: "4.";
    position: absolute;
    left: -50px;*/
}

.mobile-john h3::before {
   /*content: "4.";
    position: absolute;
    left: 45px;
    text-align: center;*/
}

@media(max-width: 480px) {
    .break-txt h2,
    .break-txt h5 {
        color: #0074ef;
    }
}

.break-txt h2,
.break-txt .consult,
.break-txt h5 {
    position: relative;
    margin-top: 0px;
}

.break-txt h2::before {
    content: "1.";
    position: absolute;
    left: -17px;
    top: 0px;
}

.break-txt .consult::before {
    content: "2.";
    position: absolute;
    left: -17px;
}

.break-txt h5::before {
    content: "3.";
    position: absolute;
    left: -17px;
}

#cust-sec .container {
    margin: 0 auto;
}

.agency-txt h2 {
    color: #fffcfc;
    line-height: 40px;
    font-size: 36px;
}

.agency-txt h2,
.mobile-john h3 {
    position: relative;
}

/*.agency-txt h2::before {
    content: "4.";
    position: absolute;
    left: -50px;
}*/

.agency-txt em {
    color: #eaf2f8;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px !important;
    display: inline-block;
}

.agency-txt ul li {
    line-height: 26px;
    color: #fff;
    position: relative;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}

@media(min-width: 992px) {
    .reporter {
        margin: 0px 0px;
        background-repeat: no-repeat;
        z-index: 9;
        background-size: cover;
        background-color: transparent !important;
        margin-top: -25px;
        padding: 10px 0px 50px 0px;
    }
    .reporter h4 {
        width: 15%;
        float: left;
        display: inline-block;
        color: #434343;
        text-transform: uppercase;
        font-size: 26px;
        line-height: 100%;
        font-weight: 700;
        font-family: montserrat, sans-serif;
    }
    .reporter h4 span {
        font-size: 18px;
        position: absolute;
    }
    .reporter h3 {
        width: 75%;
        display: inline-block;
        color: #3479ce;
        font-size: 34px;
        margin-left: 4%;
        line-height: 38px;
        font-weight: 500;
        margin-top: 0px;
        margin-bottom: 0px;
      min-height:76px;
    }
    .reporter marquee {
        position: relative;
        border: 0px;
        width: 100%;
        top: 10px;
        color: #fff;
        font-size: 24px;
        line-height: 32px;
        font-weight: 600;
    }
    .agency .wpb_column.vc_column_container.vc_col-sm-6 {
        left: 60px;
    }
    body .reporter .wpb_raw_code.wpb_content_element.wpb_raw_html {
        margin-bottom: 0px !important;
    }
    body .reporter .vc_column_container>.vc_column-inner {
        padding-top: 0px;
    }
    .reporter .wpb_raw_code.wpb_content_element.wpb_raw_html {
        position: relative;
        margin-top: 15px;
        width: 80%;
        display: block;
        left: 20%;
        right: 0;
        margin-bottom: 15px !important;
    }
    .reporter .wpb_raw_code.wpb_content_element.wpb_raw_html.marquee {
        position: absolute;
        width: 100% !important;
        left: 13%;
        right: auto;
        margin: 5px auto;
        margin-bottom: 5px;
        margin-bottom: 0px !important;
    }
    .reporter.desk-agency>.wpb_column.vc_column_container.vc_col-sm-12>.vc_column-inner {
        padding-top: 20px;
    }
    .desk-agency {
        min-height: auto;
    }
    .mic-men {
        position: relative;
        margin: 0px !important;
    }
    .mic-men .vc_single_image-wrapper {
        margin: 0px;
        position: absolute;
        bottom: 0px;
        left: 10%;
    }
    .news-seo {
        position: absolute;
        top: 270px;
        left: 8%;
        width: auto;
        right: 0px;
        margin: 0 auto;
        display: block !important;
    }
    .news-seo h1 {
        color: #1b69cb;
        font-size: 56px;
        line-height: 70px;
        font-weight: 500;
        letter-spacing: 2px;
        margin-bottom: 10px;
        margin-top: 30px;
    }
    .news-seo h3 {
        color: #1b69cb;
        font-size: 32px;
        letter-spacing: 1px;
        font-weight: 500;
        line-height: 36px;
        margin-bottom: 30px;
    }
    .news-seo p {
        color: #1b69cb;
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
        position: relative;
        top: 15px;
        width: 65%;
    }
    .news-time {
        position: absolute;
        top: 267px;
        text-align: center;
        width: 90%;
        left: 63px;
        right: 47px;
        margin: 0 auto;
    }
    .news-time .wpb_column.vc_column_container.vc_col-sm-4>.vc_column-inner>.wpb_wrapper {
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
    }
    .news-time .wpb_column.vc_column_container.vc_col-sm-8 p {
        font-size: 28px;
        line-height: 30px;
        font-weight: 600;
        color: #60585b;
        position: relative;
        text-align: left;
        left: 5%;
        padding: 3px 0px;
    }
    .agency {
        min-height: auto;
        background-size: cover;
    }
}

.agency-txt ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#about .about-title.text-xs-center {
    margin-bottom: 50px;
}

#about h4 {
    margin-bottom: 15px;
}

#about .about-detail p {
    color: #191b1f;
    line-height: 22px;
    font-size: 18px;
    padding-right: 10%;
    font-weight: 400;
    margin-bottom: 30px;
}

#about .about-detail .area_expand .area {
    min-height: 250px;
}

#about h4 span {
    font-family: 'proxima_nova_rgbold', sans-serif;
}

#blog {
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
    padding: 50px 0px;
}

.blog-title.text-xs-center {
    font-size: 20px !important;
    text-transform: uppercase;
    color: #fff;
    top: 75;
    left: 4%;
    text-align: center;
    line-height: 24px;
    position: absolute;
    background: #007bff;
    padding: 4% 2% 4% 2.5%;
}

.blog-title.text-xs-center span {
    display: block;
    color: #fff;
}

.blog-list {
    background: #fff;
    max-width: 800px;
    right: 0px;
    padding: 30px;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    width: auto;
    margin: 0px auto;
    display: block;
    float: right;
}

.blog-title.text-xs-center a {
    color: #fff;
    text-decoration: none;
}

.blog-list ul {
    background: transparent;
    border: 0px;
    padding: 0px;
    margin: 0px;
    display: block;
    width: 100%;
}

.blog-list ul li {
    width: 49%;
    padding-left: 10px;
    position: relative;
    padding-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
}

.blog-list .blog_ul li::before {
    position: absolute;
    content: '';
    left: -10px;
    top: 8px;
    transform: none;
    width: 15px;
    height: 15px;
    background: #007bff;
    border-radius: 50%;
}

.blog-list ul li a {
    color: #000;
    text-decoration: none !important;
    font-size: 17px;
    line-height: 22px;
    font-weight: 400;
}

.counter-area {
    background: #007bff;
}

.counter-area .social-profile {
    padding: 70px 0;
    padding-left: 0px;
    overflow: hidden;
    background: #007bff;
    padding-left: 25px;
}

.counter-area .social-profile {
    text-align: center;
    width: 100%;
}

.social-profile li:first-child {
    padding-left: 0;
}

.social-profile li {
    list-style: none;
    float: none;
    display: inline-block;
    padding: 0 20px;
}

.social-profile li a {
    font-size: 56px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.counter-item.item-2 {
    background: #1a72ab;
}

.counter-item .counter {
    font-size: 72px;
    color: #fff;
    font-weight: 400;
}

.counter-item h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
}

.counter-item.item-1 {
    background: #2485c6;
}

.vc_row.wpb_row.vc_row-fluid.contact.section-top-padding.section-bottom-padding {
    padding-top: 50px;
}

.vc_row.wpb_row.vc_row-fluid.contact.section-top-padding.section-bottom-padding .section-title {
    text-align: center;
    margin-bottom: 80px;
}

.contact-items,
.contact-form-title {
    margin-bottom: 70px;
    overflow: hidden;
}

.contact-item .hidden-xs>span {
    display: block;
    margin-left: 17%;
    color: #000 !important;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 900;
}

.contact-item-icon {
    float: left;
    margin: 0 15px 20px 0;
}

.contact-item-txt {
    display: table;
}

.contact-form-title h3 {
    font-size: 18px;
    color: #101010;
    text-transform: capitalize;
    margin-bottom: 5px;
    font-weight: 700;
    margin-top: 0px;
}

.contact-item-txt span,
.contact-form-title p {
    font-size: 18px;
    color: #101010;
    font-weight: 300;
    line-height: 30px;
    display: block;
}

.contact-items .vc_column_container-sm-3:last-child .contact-item-txt h3 {
    color: #000 !important;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 900;
}

.text-black {
    color: #101010 !important;
    font-weight: 100;
}

.radio_right {
    float: none !important;
    display: inline-block;
    clear: both;
    text-align: right;
}

.wpcf7-form-control.wpcf7-submit {
    background: #007bff;
    font-size: 20px;
    width: auto;
    padding: 10px 50px 10px 35px;
    border-radius: 45px;
    font-weight: 600;
    border: 2px solid #007bff !important;
    margin: 0 auto;
    display: block;
    max-width: none;
    line-height: 32px;
    color: #fff;
}

.form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 14px;
    font-size: 16px;
    font-weight: 500;
    color: #9E9E9E;
    border: 1px solid #eaeaea;
    background: #fff;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.form-group.arrow p:hover::before {
    color: #000;
}

.wpcf7-form-control.wpcf7-submit:hover,
.expand:hover,
.button.big:hover,
.c2a .btn:hover,
.gc-card .btn:hover,
.single-pricing-box.active a.bordered-btn:hover,
.icon-box .btn:hover {
    background: transparent;
    border: 2px solid #007bff !important;
    color: #000 !important;
}

.single-pricing-box.active a.bordered-btn:hover .fa,.icon-box .btn:hover .faqsection {
    color: #000 !important;
}

.radio_right span.wpcf7-list-item {
    width: 108px;
    text-align: left;
    margin-left: 10px;
    display: inline-block;
    margin: 0 0 0 1em;
}

.radio_right label {
    font-weight: 100;
    padding: 0 5px;
}

.radio_right span.wpcf7-list-item .wpcf7-list-item-label {
    font-size: 15px;
    font-weight: bold;
}

.radio_right span.wpcf7-list-item.last {
    margin: 0px;
}

.contact-map h3 {
    margin-top: 0px;
    margin-bottom: 20px;
}

.form-group.arrow p {
    position: relative;
    width: auto;
    display: inline-block;
    margin: 0 auto;
}

.form-group.arrow p::before {
    content: "\f105 \f105";
    font-family: 'FontAwesome';
    font-weight: 600;
    font-size: 32px;
    position: absolute;
    top: 14px;
    line-height: 26px;
    color: #fff;
    right: 16px;
}

.ajax-loader {
    display: none !important;
}

.form-group.arrow {
    text-align: center;
}

.home .all-pages {
    display: none;
}

.page .video-bg-content h2 {
    position: absolute;
    margin: 0px;
    z-index: 999;
    color: #fff;
    top: 45%;
    right: 0;
    left: 0;
    font-size: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.review-content-section .blockquote {
    margin: 0 0 1rem 0;
    border: 0;
}

.the-content-section {
    font-family: 'proxima_nova_rgbold', sans-serif;
}

.review-content-section .blockquote-bubble .blockquote-content {
    border-radius: 0.5rem;
    background-color: #F3F4F4;
    padding: 2em;
    margin: 0 0 1rem 0;
    -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
    transition: -webkit-box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
    position: relative;
    z-index: 1;
}

.review-content-section .blockquote p {
    position: relative;
    line-height: 1.4;
    font-size: 17.5px;
}

.blockquote.blockquote-bubble.emphasized {
    position: relative;
    line-height: 1.4;
    font-size: 24px;
}
.review-content-section .blockquote-bubble.emphasized .blockquote-content {

    background-color: #fff;
    -webkit-box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.1);
    z-index: 1;

}
.review-content-section .blockquote p::before {
    content: '“';
    position: absolute;
    font-size: 3em;
    color: #007bff;
    font-weight: 600;
    left: -0.5em;
    top: -0.25em;
    line-height: 1;
}

.review-content-section .blockquote-bubble .blockquote-content::after {
    content: '';
    background-color: inherit;
    -webkit-mask: url(https://cdn.dribbble.com/assets/blockquote-beak-36015419ed2ff4d7a756bc550f365481d48a740598184724b22397bcf4ed86fa.svg) center top/contain no-repeat;
    mask: url(https://cdn.dribbble.com/assets/blockquote-beak-36015419ed2ff4d7a756bc550f365481d48a740598184724b22397bcf4ed86fa.svg) center top/contain no-repeat;
    position: absolute;
    width: 8rem;
    height: 1rem;
    bottom: -1rem;
    left: 2rem;
}

.review-content-section .blockquote-bubble .blockquote-cite {
    padding: 0.5rem 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    letter-spacing: 0;
    margin-top: 20px;
}

.review-content-section .blockquote-bubble .blockquote-cite>* {
    padding-left: 0.25em;
    padding-right: 0.25em;
}

.review-content-section .blockquote-bubble .blockquote-cite .photo {
    width: 4em;
    height: auto;
    border-radius: 0;
}

.review-content-section .blockquote-bubble .blockquote-content::before {
    color: rgba(0, 0, 0, 0.15);
    font-size: 3em;
    left: 0.25em;
    top: 0.25em;
}

html {
    scroll-behavior: smooth;
}

.page-id-14 .all-pages,
.page-id-16 .all-pages {
    display: none;
}

.about-features {
    overflow: visible;
}

.about-feature-point {
    display: flex;
    position: relative;
    margin-bottom: 100px;
    align-items: center;
}

.about-feature-content,
.about-feature-image {
    position: relative;
    flex-basis: 50%;
    padding: 0 30px;
}

.about-feature-image img {
    max-width: 100%;
    z-index: 2;
    position: relative;
}

.about-feature-image::after {
    background: #007bff;
    content: "";
    display: block;
    max-width: 476px;
    max-height: 476px;
    position: absolute;
    top: -20px;
    left: 10px;
    width: 75%;
    height: 85%;
    z-index: 1;
}

.about-feature-content h2 {
    font-size: 25px;
    margin-top: 50px;
    letter-spacing: 1px;
    line-height: 1.3;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.about-feature-content h3 {
    font-size: 16px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
}

.about-feature-content hr {
    border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
    border-top: 2px solid #007bff;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 50px;
}

.c2a {
    margin-bottom: 50px;
}

body .btn {
    line-height: 32px;
}

.c2a a {
    display: inline-block;
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.c2a .btn,
.gc-card .btn {
    background: #007bff;
    font-size: 20px;
    width: auto;
    padding: 10px 50px;
    padding-right: 50px;
    padding-left: 50px;
    border-radius: 45px;
    font-weight: 600;
    border: 2px solid #007bff !important;
    margin: 0 auto;
    margin-top: 0px;
    max-width: none;
    color: #fff;
}

@media(min-width: 768px) {
    #reviews .swiper-button-next {
        right: 30px;
    }
    #reviews .swiper-button-prev {
        left: 30px;
    }
    .mobile-arrow-btn {
        display: none;
    }
    .the-content-section h1 {
        margin-bottom: 40px;
    }
    .the-content-section p {
        margin-bottom: 30px;
        font-weight: 400;
        line-height: 35px;
    }
}

.gc-card {
    padding: 3em;
    margin-bottom: 50px;
    background-color: #fff;
    border-radius: 10px;
    transition: all 0.3s;
    cursor: pointer;
}

.flex-vertical-center {
    display: flex;
    align-items: center;
}

.gc-card .card-img {
    text-align: center;
    padding-right: 40px;
}

.gc-card .card-img img,
.gc-card .card-content img {
    max-width: 100%;
}

.gc-card .card-content {
    padding-left: 40px;
    border-left: 1px solid #888;
}

.the-content-section h3 {
    margin-bottom: 20px;
}

.the-content-section p {
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 35px;
}

.gc-card:hover {
    transform: scale(1.02);
    box-shadow: 0 0 20px 0 #ccc;
}

.gc-card-container {
    display: flex;
    justify-content: space-between;
}

.gc-card-center {
    text-align: center;
}

.gc-card-half {
    width: 48%;
}

.gc-card-half .card-content {
    border: 0;
    padding: 0;
}

.gc-card .card-content img {
    margin-bottom: 30px;
}

.gc-card-half .card-content .btn {
    margin-bottom: 30px;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.card .card-header {
    background: #007bff !important;
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.faqsection .wpb_raw_html h2 {
    cursor: pointer;
    margin: 0px;
    font-weight: 700;
    padding: 10px 0px;
    padding-bottom: 10px;
    padding-bottom: 10px;
    font-size: 30px !important;
    line-height: 36px !important;
    text-align: center;
    color: #fff;
}

.faqsection .card .card-body,
.faqsection .card .card-footer {
    min-height: auto;
}

.faqsection .card-body {
    background-color: #fff;
    color: #222;
    padding: 20px 40px;
}

.pricing-content-section .single-pricing-box {
    position: relative;
}

.pricing-content-section .single-pricing-box {
    padding: 0 30px 50px 30px;
}

.single-pricing-box {
    -webkit-transition: .2s;
    transition: .2s;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}



.single-pricing-box h3 {
    padding: 18px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 20px !important;
    font-size: 25px;
    font-family: 'proxima_nova_rgbold', sans-serif;
    color: #fff;
    background: #007bff none repeat scroll 0 0;
    width: 80%;
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
    margin: 0 auto;
}

.single-pricing-box {
    position: relative;
}

.single-pricing-box {
    padding: 0 30px 50px 30px;
}

.gc-pricing-list {
    margin: 30px 0;
}

ul.article-body li {
    text-align: left;
    position: relative;
    padding-left: 25px;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}

ul.article-body {
    min-height: 215px;
    list-style-type: none;
    padding: 0px;
}

.article-body li::before {
    content: '';
    width: 15px;
    top: 14px;
    left: 0;
    position: absolute;
    background-color: #007bff;
    height: 3px;
    border-radius: 5px;
}

a.bordered-btn {
    border: 1px solid #ddd;
    color: #333;
    display: inline-block;
    padding: 6px 30px;
    border-radius: 50px;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 16px;
    text-decoration: none;
    line-height: 32px;
}


.single-pricing-box.active,
.single-pricing-box:hover {
    border: 2px solid #007bff;
    box-shadow: 0 0 20px -10px #000000;
    margin-top: -5px;
}

.pricing-tag {
    height: 50px;
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.pricing-tag h4 {
    font-size: 18px;
    color: #fff;
    background-color: #1d66b5;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: 400;
    margin-top: 0px;
    line-height: 52px;
    padding: 0px 85px;
    text-transform: uppercase;
    font-family: 'proxima_nova_rgbold', sans-serif;
    margin-bottom: 0px;
}

.single-pricing-box.active a.bordered-btn {
    background: #007bff;
    color: #fff;
    border-color: #007bff;
}

.pricing-swiper {
    padding: 100px 0;
}

.single-pricing-box {
    text-align: center;
}

a.bordered-btn:hover {
    background: #007bff;
    color: #fff;
}

a.bordered-btn:hover .fa {
    color: #fff;
}

.blog-pages{
	 background: url(/wp-content/uploads/2020/03/after-main.jpg);
    background-position: center;
}
.single-post .all-pages {
   display:none;
}

.blog .video-bg-content,
.single-post .video-bg-content {
    padding: 0px !important;
    color: #fff;
}

.blog .video-bg-content h2,
.blog .video-bg-content h3 {
    color: #fff;
    margin-top: 0px;
}

.single-post h2 {}

.blog .video-bg-content h2 {
    font-size: 4vw;
    font-weight: 900;
    color: #fff;
    clear: both;
    margin: 0 0em 0.5em 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    line-height: 1;
}

.blog .video-bg-content h3 {
    font-size: 3vw;
    color: #fff;
    font-weight: 300;
    margin-bottom: 45px;
    margin-top: 12px;
    clear: both;
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    line-height: 1;
}

.section-top-padding.section-bottom-padding.pages_all {
    padding: 50px 0px;
}

.card.card-blog {
    border: 0;
    margin-bottom: 60px;
    margin-top: 30px;
    border-radius: 6px;
    color: rgba(0, 0, 0, .87);
    background: #fff;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.card .card-header.card-header-image {
    min-height: 250px;
}

.category.text-info {
    margin: 0px;
    font-weight: 600;
    font-size: 14px;
}

.card-description {
    color: #101010;
    line-height: 30px;
    margin-bottom: 30px;
    font-size: 18px;
}

.card-body p {
    color: #101010;
    line-height: 30px;
    margin-bottom: 30px;
    font-size: 18px;
}

.card .card-body,
.card .card-footer {
    min-height: 325px;
}

.single-post .about-detail h2 {
    font-size: 36px;
    color: #007bff;
    font-weight: 800;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.single-post .about-detail h2::before {
    content: "";
    position: absolute;
    width: 70px;
    height: 3px;
    background: #007bff;
    border-radius: 73px;
    bottom: 0;
    left: 0;
}

.single-post .about-detail p {
    color: #101010;
    line-height: 30px;
    margin-bottom: 30px;
    font-size: 18px;
}

.single-post h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 900;
}

.single-post ol {
    padding: 0px;
    list-style-type: none;
}

.contact-info-section {
    display: flex;
}

.contact-info-text {
    flex-basis: 60%;
    padding: 100px;
}

.contact-info-map {
    background-position: center;
    background-size: cover;
    flex-basis: 40%;
    padding: 80px;
    position: relative;
}

.contact-info-map-inner {
    background-color: #007bff;
    height: 100%;
    color: #fff;
    border-radius: 10px;
    padding: 50px;
    position: relative;
}

.contact-info-map-inner h3 {
    color: #fff;
    text-align: left;
    margin-bottom: 20px;
}

.the-content-section p {
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 35px;
}

.contact-info-map-inner .btn {
    line-height: 32px;
}

.contact-info-map-inner .btn {
    background-color: #fff;
    font-size: 20px;
    width: auto;
    padding: 10px 50px;
    border-radius: 45px;
    font-weight: 600;
    border: 2px solid #007bff !important;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 0px;
    display: block;
    max-width: none;
    color: #007bff;
    width: auto;
    min-height: 0;
    padding: 10px 30px;
}

.contact-info-map-inner::after {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -12px;
    content: " ";
    pointer-events: none;
    border: solid transparent;
    border-top-color: transparent;
    border-top-width: medium;
    border-right-color: transparent;
    border-right-width: medium;
    border-bottom-color: transparent;
    border-bottom-width: medium;
    border-left-color: transparent;
    border-left-width: medium;
    border-width: 12px;
    border-color: rgba(218, 77, 60, 0);
    border-top-color: rgba(218, 77, 60, 0);
    border-top-color: #007bff;
}

.contact-info-section .contact-item h3 {
    margin-bottom: 10px;
    text-align: left;
    margin-top: 0px;
    font-size: 24px;
    color: #101010;
}

.contact-info-map-inner p {
    color: #fff;
}

.navbar-nav li {
    list-style-type: none;
}

@media(min-width: 768px) and (max-width : 1180px) {
    .navbar-nav {
        padding: 0px;
    }
    body .navbar-nav li {
        padding: 10px 10px;
    }
}


.form-control:focus{
    box-shadow: none!important;border: 1px solid #eaeaea !important;
}.modal-dialog .modal-header .close {

    font-size: 36px;
    color: #000 !important;
    opacity: 1;

}
.modal-dialog .modal-header h4 {

    color: #007bff;
    font-size: 24px;

}.modal-dialog .modal-header {

    text-align: center;

}
.modal-dialog .wpcf7-form p {

    display: inline-block;
    width: 100%;

}*:focus {
  outline:none !important;
}
.modal-dialog .wpcf7-form .wpcf7-form-control  {
width: 100%;
	min-height:52px;
}.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    display: block!important;
    text-align: center;
    margin: 8px 10px 0px;
	clear:both!important;
}.modal-dialog .wpcf7-form p.sub .wpcf7-form-control.wpcf7-submit.btn {
   
    display: inline-block;
    margin: 0 auto;
    width: auto;

}.modal-dialog .wpcf7-form p.sub {
    max-width: 140px;
    text-align: center;
    margin: 0 auto;
    display: block;
    position: relative;
    width: 100%;
}
.modal-dialog .wpcf7-form p.sub:hover::before{

    color: #000;
}
.modal-dialog .wpcf7-form p.sub::before {

    content: "\f105 \f105";
    font-family: FontAwesome;
    position: absolute;
    color: #fff;
    right: 16px;
    z-index: 999;
    font-size: 32px;
    top: 14px;

}
.head-top a{
	color:#fff;
}
.head-top {
    height: auto;
    background: #636363;
    color: #fff;
    text-align: center;
    font-size: 18px;
}
body .navbar-fixed-top {
    top: 25px;
}


@media(max-width:420px){
    body .head-top {
    font-size: 13.1px;
    line-height: 20px;
    padding: 0px 2px;

}

}.about-features {
    padding: 20px 0px;
}
.wpcf7-not-valid {
    border-color: red !important;
}
span.wpcf7-not-valid-tip, div.wpcf7-response-output {
    display: none !important;
}
@media(min-width:768px){
	.header {
    min-height: auto;
	}.head-top {
    position: fixed;
    width: 100%;
    z-index: 9999;
}body .navbar-fixed-top.fixed-top {
    top: 0px;
}
}.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline:none!important;
    outline-offset: 0px!Important;
		box-shadow:none!important;
}.icon-box .btn:hover .fa {
    color: #000 !important;
}
.special  span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
        margin-bottom: 0px;
        margin-left: 1em;
    padding: 10px 10px;
    border: 1px solid #000;
    margin-bottom: 10px;
    width: 100%;
    display: block;
    margin-left: 0px;
    text-align: left;
    position: relative;
    background: #000;
    color: #fff;
}.special input[type="radio"]:checked + .wpcf7-list-item-label::before {
      background-color: #007bff;
    position: absolute;
    left: 8px;
    width: 17px;
    height: 17px;
    border-radius: 45px;
    top: 14px;
}.wpcf7-list-item-label {
    margin-left: 10px;
}.special .wpcf7-form-control.wpcf7-radio .wpcf7-list-item::before {
    content: "";
    position: absolute;
    background-size: contain !important;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat !important;
    border: 0;
    bottom: 0px;
    margin: 0 auto;
    text-align: left;
    display: inline-block;
    right: 10px;
}.special .wpcf7-form-control.wpcf7-radio .wpcf7-list-item.first::before {
    content: "\f10b";
    font-family: 'FontAwesome';
    font-size: 42px;
    top: 9px;
    right: 0px;
}.special .wpcf7-form-control.wpcf7-radio .wpcf7-list-item:nth-child(2)::before {
    content: "\f086";
    font-family: 'FontAwesome';
    font-size: 42px;
    top: 9px;right: 10px;
}.special .wpcf7-form-control.wpcf7-radio .wpcf7-list-item:nth-child(3)::before {
    content: "\f025";
    font-family: 'FontAwesome';
    font-size: 42px;
    top: 9px;right: 10px;
}
span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after {

    content: " ";
    width: 0px;
    margin: 0px;
    position: absolute;

}


.sidebar-form p label {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.sidebar-form {
    background: #007bff;
    padding: 10px 20px;
}
.single-post .sidebar-form h2 {    text-align: center;
    font-size: 26px;
    margin: 10px 0px 0px;
    font-weight: 500;
    text-transform: uppercase;
}

.sidebar-form h2 {
    text-align: center;
    font-size: 27px;
    margin: 10px 0px 0px;
    font-weight: 500;
}.sidebar-form input {
    width: 100%;border: 1px solid #007bff;
    padding: 5px 10px;
}.sidebar-form textarea {
    width: 100%;border: 1px solid #007bff;
	height:150px;
	resize:none;
    padding: 5px 10px;
}.sidebar-form .wpcf7-form-control.wpcf7-submit {
    background: #101010;
    font-size: 20px;
    width: auto;
    padding: 10px 50px 10px 35px;
    border-radius: 45px;
    font-weight: 600;
    border: 2px solid #101010 !important;
    margin: 0 auto;
    display: block;
    max-width: none;
    line-height: 32px;
    color: #fff;
}.sidebar-form .form-group.arrow p:hover::before {
    color: #000!important;
}.sidebar-form .form-group.arrow p:hover .wpcf7-form-control.wpcf7-submit{
    background: #fff !important;
    border-color: #007bff !important;  color: #000!important;
}
#sidebar-blog .contact span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
        margin-bottom: 0px;
        margin-left: 1em;
    margin-bottom: 0px;
    margin-left: 1em;
    padding: 10px 10px;
    border: 1px solid #000;
    margin-bottom: 10px;
    width: 100%;
    display: block;
    margin-left: 0px;
    text-align: left;
    position: relative;
    background: #000;
    color: #fff;
}.sidebar-form .contact input {

    width: auto;
    border: 0px;

}.sidebar-form .contact .wpcf7-list-item-label {
    margin-left: 10px;
}.sidebar-form .contact input[type="radio"]:checked + .wpcf7-list-item-label::before {
    background-color: #007bff;
    position: absolute;
    left: 8px;
    width: 16px;
    height: 16px;
    border-radius: 45px;
    top: 14px;
}
.form-group.arrow p:focus,.sidebar-form .wpcf7-form-control.wpcf7-submit:focus {
    outline: 0px;
}
@media(max-width:667px){

	
	body .sidebar-form .contact input[type="radio"]:checked + .wpcf7-list-item-label::before {
    background-color: #007bff;
    position: absolute;
    left: 10px;
    width: 16px;
    height: 16px;
    border-radius: 45px;
    top: 14px;
}
	.blog .video-bg-content h2{
		color: #fff;
font-size: 36px;
font-weight: 900;
	}.blog .video-bg-content h3{
		color: #fff;
font-size: 24px;
font-weight: 900;
	}
}
.single-post-head {

    padding: 60px 0px 0px;
    display: inline-block;

}

.single-post-head img {

    max-width: 250px;
    margin: 0 auto;
    display: block;
    width: 100%;

}.abt {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    margin: 10px 0px 0px;
}.abt a {

    color: #007bff;
    font-size: 24px;
    font-weight: 800;

}.head-content h3 {

    color: #007bff;
    font-size: 32px;

}.head-content h4 {

    font-size: 24px;

}.head-content ul {

    list-style-type: none;
    margin: 20px 0px;

}/*.head-content ul li:first-child::before, .head-content ul li:nth-child(2)::before {

    color: #000;

}*/

.head-content ul li span{
    color: #007bff;
}
.head-content ul li::before {
    content: "\f14a";
    font-family: 'FontAwesome';
    color: #008000  ;
    position: absolute;
    left: -30px;
    font-size: 24px;

}
.head-content ul li {

    position: relative;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
    margin-left: 10px;

}.claim {
    background: #ed7d31;
    text-align: center;
    width: 75%;
    display: block;
    color: #fff;
    padding: 10px 0px;
    font-size: 28px;
    line-height: 32px;
    margin: 30px 0px;
}.claim:hover {

    text-decoration: none;
    background: #007bff;
    color: #fff;

}
.claim:focus {
    text-decoration: none;
    color: #fff;
}
@media(min-width:768px){
	.head-content h3 ,.head-content h4{
    margin-left: 25px;
}.single-post-head .col-sm-8 {
    width: 58%;
    padding: 3% 0px;
}.single-post-head .col-sm-4 {
    width: 40%;
}
}
.single-post .navbar-fixed-top{background-color: rgba(99, 99, 99, 0.8);
    top: 0px;
    z-index: 9999;
}
.single-post #brand {
    top: 20px;
    position: relative;
}
.single-post .fixed-top #brand{
     top: 0px;
    position: relative;
} 
.single-post .navbar.fixed-top {

	background: #101010 !important;}

@media(max-width:420px){
	body.single-post .navbar-fixed-top {
    top: 0px;
    min-height: 65px;
}body.single-post .navbar-fixed-top {
    
}
}
.single-post .about-detail p img{
	max-width:100%;
}
.page-id-18 .modal-dialog {
    position: relative;
    top: 50px;
}
.page-id-2039 .post {
    padding: 50px 0px;
}.page-id-2039 .post .wpb_text_column img {
    margin: 0 auto;
    display: block;
}.page-id-2039 .wpb_wrapper ol li {
    margin-bottom: 15px;
}
.page-id-2039 .post .wpb_text_column img {
    width: 100%;
    height: auto;
}
@media(min-width:768px){
	.wpb_video_widget .wpb_wrapper iframe {
    width: 70%;
    height: 78%;
    display: block;
    position: absolute;
    margin: 0px;
    top: 22px;
		left: 88px;}.all-vedio .vc_col-sm-6:first-child {
    background: url(/wp-content/uploads/2020/05/macbook.png);
          background-size: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
}

.page_header_line {
    display: none;
}.page_hero-subtitle.for-sem-page span {
    color: rgb(241, 99, 52) !important;font-size: 26pt !important;

}
.grecaptcha-badge {
   display: none!important;
}
@media(min-width:768px){
	#industry .container, #industry .col-md-12.col-sm-12.section-title {
    padding-left: 0px;
}.row > .vc_col-sm-12 {
    padding: 0px;
}
	
}
@media(max-width:667px){
	.industry .col-sm-3 {
    width: 50%;
    float: left;
}.industry .col-sm-3 img {
    max-width: 150px;
	width: 100%;}

.industry .col-sm-3 h4 {
    padding: 0px 0%;

}.industry-img .col-sm-3:nth-child(2n+1) {
    clear: both;
}
}
.web-design .expand a {
    color: #fff;
}.web-design .expand a:hover,.web-design .expand:hover a{
  color: #000;
  text-decoration:none;
}

.web-design .about-title.text-xs-center {
    text-align: center;
  color:#007bff;

}
.web-design .about-title.text-xs-center h2{
   
  color:#007bff;
}
.web-design .about-title.text-xs-center span{
  color:#000;
}
	@media(min-width:768px){
	    .industry-img .col-sm-3:nth-child(9) {
	    clear: both;
	}
	.industry-img .col-sm-3 img {
	    max-width: 180px;
	    margin: 0 auto;
	    display: block;
	    width: 100%;
	}
	}  
	    @media(min-width:768px){
	     .vc_row.wpb_row.vc_row-fluid.video-right.all-vedio .wpb_column.vc_column_container.vc_col-sm-6:first-child {
	        float: right!important;
	    }
	    .vc_row.wpb_row.vc_row-fluid.video-right.all-vedio.vc_row-o-content-middle.vc_row-flex {
	        display: inline-block;
	        width: 100%;
	    }
	    .vc_row.wpb_row.vc_row-fluid.video-right.all-vedio.vc_row-o-content-middle.vc_row-flex .wpb_column.vc_column_container.vc_col-sm-6:  .wpb_text_column.wpb_content_element {
	        display: inline-block;
	        width: 100%;
	    }
	    .vc_row.wpb_row.vc_row-fluid.all-vedio .wpb_column.vc_column_container.vc_col-sm-6 h3{
	    	display: none;
	    }
	  .vc_row.wpb_row.vc_row-fluid.all-vedio .wpb_column.vc_column_container.vc_col-sm-6 .wpb_text_column.wpb_content_element h3 {
	    padding-top: 75px;
	}

	    }
	    .vc_row.wpb_row.vc_row-fluid.all-vedio .wpb_text_column.wpb_content_element {
	        margin: 0px;
	    }
	    @media(max-width: 767px){.all-vedio h3 {
	    margin-bottom: 20px !important;
	}
	        .vc_row.wpb_row.vc_row-fluid.all-vedio .wpb_column.vc_column_container.vc_col-sm-6:first-child .wpb_text_column.wpb_content_element {
	        margin: 30px 0px;
	    }
	    .vc_row.wpb_row.vc_row-fluid.all-vedio .wpb_column.vc_column_container.vc_col-sm-6:first-child   .wpb_text_column.wpb_content_element {
	        margin-bottom: 0px;
	    }

	   
	    	
	    }
	    .all-vedio {
	        margin-bottom: 30px;
	    }

	
	@media(max-width:420px){
	  
	   .news-seo h2 {
    position: relative;
    top: 0px;
    margin-right: 0px;
    font-size: 17px;
    text-align: center;
    color: #007bff;

}
	}
	
@media(max-width:480px){
  body .reporter.mobile-agency {
    
    min-height: 60px;
}body .radio_right span.wpcf7-list-item{
  margin:0px;
}

@media(max-width: 420px){
.home .wpcf7-form .form-group:nth-child(3), .home .wpcf7-form .form-group:nth-child(2) {
    display: none;
}
.radio_right span.wpcf7-list-item {

    width: 220px!important;}.radio_right span.wpcf7-list-item .wpcf7-list-item-label {
    font-size: 14px!important;margin-left: 2px!important;}
    .radio_right label {
    font-weight: 100;
    padding: 0!important;
}.radio_right {
    float: none !important;
    display: block!important;}.radio_right span.wpcf7-list-item {
  
    display: block!important;}.break-txt h2, .break-txt .consult, .break-txt h5,.break-txt h3 {
    position: relative;
    text-align: left !important;
    margin-left: 0px !important;border: 0px;
}#brand img {
    height: 80px;
    width: auto;
    margin-left: 15px;
}
}
 .meet-team h2 {
    color: #000;
    line-height: 34px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    font-size: 32px;
    text-align: center;
}
  .meet-team h2::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 8px;
    background: #007bff;
    border-radius: 0px;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
} .meet-team h2 span {
    color: #007bff;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 15px;
}
  body .read-color .expand {
    display: block !important;
    max-width: 240px!important;
  }
  #claimmodal .wpcf7-form {
    display: inline-block;
}
  
  #claimmodal .wpcf7-form #comp {
    height: 120px;
} #claimmodal  .form-group.col-xl-offset-2.col-xl-8.col-lg-offset-2.col-lg-8.col-md-offset-2.col-md-8.col-sm-12.col-xs-12.text-center.arrow {
    margin-bottom: 0px;
    padding-bottom: 0px;
}.txt-all p {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 173%;
    text-align: center;
    color: #7D7D90;
}
  .col-sm-12.devlop-list {
    width: 60%;
    margin: 0 auto;
    float: none;
}.fixed-top #brand img {
    width: 190px;
    height: auto;
}
  .home .list-services .tabcontent {
    height: auto !important;
}
  .sec-imgs img {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(59, 176, 255, 0.75);
    -moz-box-shadow: 0px 0px 10px 2px rgba(59, 176, 255, 0.75);
    box-shadow: 0px 0px 10px 2px rgba(59, 176, 255, 0.75);
}