@charset "utf-8";
/* CSS Document */


@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');
  
 * { 
  box-sizing: border-box; 
}

@keyframes message {
    0% {
        background-color: #f58220
    }

    25% {
        background-color: #fff
    }
}

@keyframes message2 {
    0% {
        color: #0071bc
    }

    25% {
        color: #f58220
    }
}

body {
    color: #222
}

h2,h3 {
    color: #333
}

h2 {
    font-size: 40px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #000;
    margin-bottom: 30px;
    margin-top: 0px;
    font-family: "Montserrat", sans-serif;
}

h2 span {
    font-weight: 500;
    font-size: 16px;
    color: #0071bc;
}

h3 {
    margin-bottom: 20px;
    margin-top: 30px
}

.top-btn .btn,body,h2 span,p {
    font-family: "Montserrat",sans-serif
}

p {
    line-height: 27px;
    color: #000;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}

header {
    position: fixed;
    /* background-color: #fff; */
    z-index: 100;
    width: 100%
}

.logo {
    float: left;
    display: inline-block;
    margin: 30px 0 0
}

.hdr-rt,.hdr-top {
    float: right;
    display: inline-block
}

.hdr-top {
    margin: 13px 0 0;
    padding: 0 0 6px
}

.email-top {
    color: #808484;
    font-size: 12px;
    float: left;
    font-family: "Open Sans",sans-serif;
    margin: 5px 20px 0 0
}

.email-top a {
    color: #fff;
}

.email-top span {
    color: #333;
    font-size: 14px
}

.call-top,.call-top span,.email-top,.email-top span,.top-btn {
    display: inline-block
}

.call-top {
    color: #fff;
    font-size: 12px;
    float: left;
    font-family: "Open Sans",sans-serif;
    margin: 5px 0px 0 0;
}

.call-top span {
    color: #ff540b;
    font-size: 14px;
    font-weight: 700
}

.top-btn {
    float: right;
    margin: 0
}

.top-btn a {
    border: 2px solid;
    height: 40px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    padding: 8px 23px
}

.top-btn .btn {
    padding: 7px 17px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background-color: transparent;
    border-color: transparent
}

.top-btn .btn:hover {
    color: #fff;
    background-color: #f58220
}

.navigation-main .navbar {
    padding: .5rem 0
}

.navigation-main .navbar-light .navbar-nav .nav-link {
    font-family: "Montserrat",sans-serif;
    font-size: 16px;
    padding-bottom: 17px;
    font-weight: 700
}

.navbar-light .navbar-nav .nav-link {
    color: #333
}

.navbar-light .navbar-nav .nav-link:hover,.navigation-main .dropdown-item:hover {
    color: #d9534f
}

.navbar-default .navbar-nav>li.dropdown:hover>a,.navbar-default .navbar-nav>li.dropdown:hover>a:focus,.navbar-default .navbar-nav>li.dropdown:hover>a:hover {
    background-color: #e7e7e7;
    color: #555
}

.navbar-default .navbar-nav>li.dropdown {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.navigation-main .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 14px;
    color: #292b2c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border-radius: 0
}

.d-md-block h3 {
    color: #fff;
    font-size: 60px;
    text-align: center;
    margin: 0 0 30px;
    display: inline-block;
    font-weight: 700;
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase
}

.d-md-block h3 span {
    font-weight: 100;
    font-size: 60px;
    display: block
}

.slider-main .carousel-caption {
    position: absolute;
    right: 5%;
    bottom: 0;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    top: 306px
}

.slider-main .d-block {
    display: block!important;
    width: 100%
}

.navigation-main .dropdown-item {
    display: block;
    width: 100%;
    padding: 10px 1.5rem;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    font-size: 14px
}

.read-more,li.dropdown:hover>.dropdown-menu {
    display: block
}

.arrow-right a:hover {
    margin: 0 0 0 5px
}

.slider-text {
    margin: 0 auto;
    width: 70%
}

.d-md-block p {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    font-family: "Open Sans",sans-serif;
    font-weight: 400
}

a:focus,a:hover {
    color: #e31e24;
    text-decoration: none
}

.director-container {
    background-color: #e31e24;
    width: 100%;
    padding-top: 20px
}

.director-text {
    margin: 15px 0 0
}

.director-text h2,.director-text p {
    font-family: "Montserrat",sans-serif;
    color: #fff
}

.director-text h2 {
    font-size: 24px;
    margin: 0 0 20px;
    font-weight: 400
}

.director-text p {
    font-size: 14px;
    line-height: 24px
}

.arrow-right a,.link-icon i {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.arrow-right a {
    position: relative;
    top: 50px;
    right: 0
}

.container70 {
    padding: 70px 0;
    width: 100%;
    position: relative
}

.sbox {
    display: block;
    position: relative
}

.simg img {
    width: 100%
}

.stext {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 183px
}

.link-icon {
    float: right;
    display: inline-block
}

.about .item h4,.sbox h2 {
    display: inline-block;
    float: left
}

.sbox h2 {
    color: #fff;
    font-size: 22px
}

.sbox p {
    color: #787777;
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0 0
}

.view-all-btn {
    margin: 30px auto 0;
    display: table
}

.testimonial .description,.view-all-btn .btn {
    font-family: "Montserrat",sans-serif;
    font-size: 18px
}

.view-all-btn .btn {
    border-radius: 0;
    border: 1px solid #8d8c8c;
    color: #222;
    font-weight: 400;
    padding: 15px 40px
}

.view-all-btn .btn-secondary:hover {
    color: #fff;
    background-color: #003e9a;
    border-color: #003e9a
}

.link-icon i {
    color: #fff;
    font-size: 20px;
    top: 4px
}

.link-icon i:hover {
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 2px
}

.hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.hover01 figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.hover01 figure,.media-section .hover01 figure {
    width: 350px;
    height: 218px;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden
}

.link-icon i,.testimonials-container {
    position: relative
}

.testimonial {
    text-align: center
}

.testimonial .description {
    color: #878585;
    line-height: 27px;
    margin-bottom: 30px
}

.testimonial .pic {
    display: inline-block;
    width: 71px;
    height: 71px;
    border: 0;
    margin-bottom: 15px;
    position: relative
}

.testimonial .pic:after {
    content: "";
    border-width: 20px;
    position: absolute;
    bottom: -33px;
    right: 20%;
    transform: rotate(-15deg);
    z-index: -1
}

#map,.testimonial .pic img {
    width: 100%;
    height: auto
}

.testimonial .title {
    font-family: "Montserrat",sans-serif;
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #413f3f;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 3px
}

.testimonial .post {
    display: block;
    font-size: 14px;
    color: #878585
}

.owl-theme .owl-controls {
    margin-top: 10px
}

.owl-theme .owl-controls .owl-page span {
    width: 30px;
    height: 3px;
    background: #585656;
    border-radius: 0;
    opacity: 1;
    transition: all .4s ease 0s
}

.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #1bddc6
}

footer {
    /* padding: 70px 0 50px; */
    /* background-color: #1d1d25; */
    color: #fff;
}

.sbox h2,.sbox p,footer h5,footer h6,ul.flink {
    font-family: "Montserrat",sans-serif
}

footer h5 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 26px;
    margin-bottom: 10px
}

footer h6,ul.flink {
    font-weight: 400
}

footer h6 {
    font-size: 18px;
    color: #dad7d7;
    line-height: 28px;
    margin-bottom: 20px
}

ul.flink {
    display: block;
    font-size: 14px;
    line-height: 24px
}

ul.flink a {
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 37px!important
}

.copyright,.copyright a:hover,footer p,ul.flink {
    color: #a7a6a6
}

ul.flink a:hover {
    color: #0071bc
}

ul.flink i {
    margin-right: 5px
}

.copyright,ul.flink a {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease
}

.copyright {
    font-family: "Montserrat",sans-serif;
    padding: 30px 0 0;
    background-color: #212120;
    border-top: 1px solid #2e2e2e;
    transition: all .3s ease;
    margin-top: 70px;
    font-size: 14px
}

.copyright a {
    color: #fff;
    text-decoration: none
}

.textr {
    text-align: right
}

.about .item .fa,.blank-icon {
    width: 20px;
    display: inline-block
}

.test-center {
    display: block;
    margin: 0 auto
}

.slider-main .carousel-item {
    min-height: min-height: 542px;
    min-height: 800px;
}

.navigation-main .navbar-toggleable-md .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 1.8rem
}

section.page-banner-section.contact {
    background: #111 url(../images/ban1.jpg)50%no-repeat;
    background-size: cover
}

section.page-banner-section:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(64,81,181,.9)
}

section.page-banner-section {
    padding: 70px 0;
    overflow: hidden;
    position: relative
}

section.page-banner-section h1 {
    float: left;
    font-size: 50px;
    line-height: 60px;
    font-weight: 400;
    color: #fff;
    margin: 0
}

section.page-banner-section a {
    float: right;
    color: #3f51b5;
    font-size: 11px;
    font-weight: 600;
    font-family: Montserrat,sans-serif;
    text-transform: uppercase;
    padding: 12px 45px;
    background: #fff;
    margin-top: 15px;
    border-radius: 20px;
    box-shadow: 0 6px 10px #313b75;
    -webkit-box-shadow: 0 6px 10px #313b75;
    -moz-box-shadow: 0 6px 10px #313b75;
    -o-box-shadow: 0 6px 10px #313b75
}

section.page-banner-section a:hover {
    background: #f64747;
    color: #fff;
    box-shadow: 0 12px 25px #2a3263;
    -webkit-box-shadow: 0 12px 25px #2a3263;
    -moz-box-shadow: 0 12px 25px #2a3263;
    -o-box-shadow: 0 12px 25px #2a3263
}

.page-banner-box {
    position: relative;
    z-index: 100
}

.title-section {
    text-align: center;
    margin-bottom: 40px;
    position: relative
}

.title-section p {
    max-width: 770px;
    margin: 0 auto;
    color: #9a9a9a;
    font-size: 18px;
    line-height: 25px
}

#map {
    height: 640px
}

section.contact-section .contact-box #map {
    width: 100%;
    height: 400px;
    box-shadow: 0 15px 25px #ebebeb;
    -webkit-box-shadow: 0 15px 25px #ebebeb;
    -moz-box-shadow: 0 15px 25px #ebebeb;
    -o-box-shadow: 0 15px 25px #ebebeb
}

section.contact-section #contact-form input[type=text],section.contact-section #contact-form textarea {
    display: block;
    width: 100%;
    padding: 10px 30px;
    background: #fff;
    color: #999;
    font-size: 14px;
    font-family: Open Sans,sans-serif;
    outline: 0;
    border: 1px solid #999;
    margin: 0 0 25px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

section.contact-section #contact-form textarea {
    height: 110px;
    padding: 14px 30px
}

section.contact-section #contact-form input[type=submit],section.contact-section #contact-form span.call {
    font-size: 11px;
    font-weight: 600;
    font-family: Montserrat,sans-serif;
    text-transform: uppercase;
    padding: 8px 45px
}

section.contact-section #contact-form span.call {
    display: inline-block;
    color: #3f51b5;
    background: 0 0;
    border: 2px solid #eee;
    margin-right: 8px
}

section.contact-section #contact-form input[type=submit] {
    color: #fff;
    background: #1b4e9b;
    border: 2px solid #1b4e9b;
    margin-left: 8px;
    box-shadow: 0 6px 10px #dfe1fd;
    -webkit-box-shadow: 0 6px 10px #dfe1fd;
    -moz-box-shadow: 0 6px 10px #dfe1fd;
    -o-box-shadow: 0 6px 10px #dfe1fd
}

section.contact-section #contact-form input[type=submit]:hover {
    background: #f64747;
    border-color: #f64747;
    box-shadow: 0 12px 25px #b9bbd2;
    -webkit-box-shadow: 0 12px 25px #b9bbd2;
    -moz-box-shadow: 0 12px 25px #b9bbd2;
    -o-box-shadow: 0 12px 25px #b9bbd2
}

.contact-form p {
    color: #999
}

.about-left {
    font-size: 18px;
    margin-left: 20px
}

.about_bottom_list {
    margin-top: 20px;
    display: inline-block;
    margin-bottom: -15px
}

.about_bottom_list p {
    margin-top: -5px;
    font-size: 16px;
    color: #787777
}

.about_bottom_list p span {
    font-weight: 700;
    font-size: 16px;
    color: #005c97
}

.about-warp img {
    max-width: 100%
}

.about_bottom_list i {
    float: left;
    margin-right: 30px;
    font-size: 30px;
    color: #005c97;
    margin-bottom: 90px
}

.i-bottom .about_bottom_list i {
    margin-bottom: 190px
}

.media-section .sbox h2,button.accordion {
    font-family: "Montserrat",sans-serif;
    margin-bottom: 0
}

button.accordion {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 15px 20px;
    width: 100%;
    border: 0;
    text-align: left;
    outline: 0;
    font-size: 15px;
    transition: .4s;
    border-bottom: 1px solid #ccc;
    font-weight: 500
}

button.accordion.active,button.accordion:hover {
    background-color: #ddd
}

button.accordion:after {
    content: "+";
    color: #777;
    font-weight: 700;
    float: right;
    margin-left: 5px
}

button.accordion.active:after {
    content: "−"
}

div.panel {
    padding: 0 18px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out
}

.media-section {
    padding: 70px 0 30px;
    width: 100%
}

.media-section .hover01 figure {
    width: 100%;
    height: 205px
}

.media-section .stext {
    position: relative;
    left: 0;
    right: 0;
    top: 10px;
    display: table;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f2f0f0;
    padding-bottom: 10px
}

.media-section .sbox h2 {
    color: #333;
    font-size: 22px;
    float: left;
    display: inline-block
}

.media-section .link-icon i {
    color: #333
}

.about p,.media-section .sbox {
    display: block;
    position: relative;
    margin-bottom: 40px
}

.media-section .sbox {
    border: 1px solid #1b4e9b;
    padding: 20px;
    box-sizing: border-box
}

.media-section .link-icon {
    float: none;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 10px
}

.large-text {
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    color: #333;
    font-family: "Open Sans",sans-serif
}

ul.dark-list,ul.dark-list2,ul.flink {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.dark-list li,ul.dark-list2 li {
    width: 100%;
    float: none;
    display: block;
    color: #787777
}

ul.dark-list li::before,ul.dark-list2 li::before {
    content: "";
    display: inline-block;
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #3c59b3;
    padding-right: 15px
}

ul.dark-list2 {
    margin: 0 0 20px
}

.about-img {
    border: 1px solid #ccc;
    padding: 30px
}

.about .feat {
    padding-right: 30px
}

.about .item .fa {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 17px;
    text-align: center;
    border-radius: 50%;
    background-color: #d9534f;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    float: left;
    margin-right: 15px
}

.about .item h4 {
    color: #d9534f;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2em;
    margin: 15px 0
}

.about p {
    clear: both;
    border-top: 1px solid #f2f0f0;
    margin-top: 10px;
    top: 10px;
    padding-top: 10px
}

.ht30 {
    height: 30px
}

.ht50 {
    height: 50px
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 0;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem
}

.bd-callout-warning {
    border-left-color: #f0ad4e
}

.greetings,.read-more a,.welcome-container h1 {
    font-family: "Montserrat",sans-serif
}

.greetings {
    font-size: 14px;
    font-weight: 400;
    color: #fdc2c0;
    margin-bottom: 10px;
    margin-top: 0;
    display: block;
    border-bottom: none;
    padding-bottom: 10px
}

.about-us-img img,.director-photo img,.faq-img img,.matri-invest-img img,.viewbox_gallery .thumbnail img {
    width: 100%
}

.director-content {
    display: block;
    background-color: #d9534f;
    padding: 20px;
    box-sizing: border-box
}

.director-content .large-text {
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.surveillance-bg {
    background-image: url(../images/surveillance-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.blue-box h3,.blue-box p,.blue-box ul.circle,.red-box p,.surveillance-bg p {
    color: #fff
}

.blue-box,.red-box {
    display: block;
    background-color: #e31e24;
    padding: 40px;
    box-sizing: border-box
}

.blue-box {
    background-color: #0071bc
}

.read-more {
    text-align: center;
    float: none;
    display: table;
    border-radius: 35px;
    padding: 12px 15px;
    color: #fff;
    margin: 17px auto 0;
    background-color: #0071bd
}

.read-more a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase
}

.read-more:hover {
    color: #fff;
    background-color: #f4793d
}

.read-more i,.welcome-container p span:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.read-more i {
    top: 1px;
    left: 5px
}

.read-more:hover i {
    margin: 0 0 0 5px
}

.project-box,.read-more i {
    position: relative
}

.project_text {
    background-color: rgba(255,255,255,.9);
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    padding: 30px 60px;
    box-sizing: border-box;
    text-align: center;
    min-height: 170px
}

.project_text h3 {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    font-size: 21px;
    color: #333
}

.project_text p {
    font-size: 12px;
    margin-bottom: 0;
    font-family: "Open Sans",sans-serif
}

.welcome-container {
    padding: 70px 0 0
}

.welcome-container h1 {
    font-size: 56px;
    color: #333;
    font-weight: 100;
    line-height: 57px
}

.welcome-container h1 span {
    font-size: 42px;
    display: block;
    font-weight: 900
}

.welcome-container p span:hover {
    margin-left: 5px
}

.top-btn .btn-danger {
    background-color: #0071bc
}

.call-top i,.email-top i {
    position: relative;
    font-size: 16px;
    margin-right: 5px;
    color: #ff540b
}

#service {
    margin-top: 90px
}

.service,.service h5,.service i {
    -moz-transition: 400ms linear;
    -webkit-transition: 400ms linear;
    transition: 400ms linear
}

.service {
    padding: 30px;
    margin-bottom: 30px
}

.service p {
    font-size: 14px
}

.service i {
    font-size: 40px;
    color: #000;
    opacity: .8;
    top: 0;
    position: relative
}

.service .btn-link {
    font-weight: 400;
    color: #0275d8;
    border-radius: 0;
    font-size: 16px!important
}

.icon-right-1 i {
    font-size: 18px!important;
    color: #000;
    top: 0
}

.service h5 {
    opacity: .8;
    margin-top: 28px;
    margin-bottom: 15px
}

.service a,.service span {
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    transition: all 200ms
}

.icon-right-1 i,.service a {
    opacity: .8;
    position: relative
}

.service a {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #000!important;
    outline: 0
}

.icon-right-1:before {
    content: "";
    font-size: 10px;
    position: relative;
    top: 0;
    left: 0
}

.service a:active,.service a:focus,.service a:hover {
    text-decoration: none;
    outline: 0!important;
    color: #3b9ad1!important
}

.service span {
    position: absolute;
    right: 0;
    opacity: 0;
    display: inline-block
}

.service a:focus span,.service a:hover span {
    opacity: 1;
    right: -20px
}

.service:hover {
    border: 1px solid #3b9ad1;
    box-shadow: 0 25px 55px 0 rgba(0,0,0,.2)
}

.service:hover h5,.service:hover i {
    color: #3b9ad1
}

.container-services {
    margin-top: 70px;
    margin-bottom: 70px;
    position: relative
}

.black-section {
    background-color: #212121;
    color: #fff;
    padding: 70px 0
}

.clients_logo .owl-carousel .owl-item img {
    display: block;
    width: auto;
    -webkit-transform-style: preserve-3d;
    padding: 30px;
    box-sizing: border-box;
    margin-top: 20px;
    background-color: #fff
}

.clients_logo {
    background-color: #fff
}

.mfeature-box .mfeature-icon .icon-img,.theme-title {
    position: relative
}

.theme-title h2:before,.theme-title h3:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(81%,#f58220),color-stop(81%,#fff),color-stop(89%,#fff),color-stop(89%,#f58220),to(#f58220));
    background: linear-gradient(to right,#f58220 81%,#fff 81%,#fff 89%,#f58220 89%,#f58220 100%)
}

.black-section .theme-title.text-center h2:before,.clients_logo .theme-title.text-center h2:before,.digital-marketing-offer .theme-title.text-center h2:before,.theme-title.text-center h2:before,.theme-title.text-center h3:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.theme-title h3:before {
    content: "";
    width: 118px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f58220
}

.black-section .theme-title h2:before,.clients_logo .theme-title h2:before,.theme-title h2:before {
    content: "";
    width: 178px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f58220
}

.clients_logo .theme-title h2:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(81%,#f58220),color-stop(81%,#fcfafa),color-stop(89%,#fcfafa),color-stop(89%,#f58220),to(#f58220));
    background: linear-gradient(to right,#f58220 81%,#fcfafa 81%,#fcfafa 89%,#f58220 89%,#f58220 100%)
}

.black-section h2,.theme-inner-banner h2 {
    font-weight: 600;
    font-family: "Montserrat",sans-serif
}

.black-section h2 {
    font-size: 40px;
    color: #333;
    line-height: 42px;
    margin-bottom: 20px;
    padding-bottom: 30px
}

.black-section .theme-title h2:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(81%,#fff),color-stop(81%,#212121),color-stop(89%,#212121),color-stop(89%,#fff),to(#fff));
    background: linear-gradient(to right,#fff 81%,#212121 81%,#212121 89%,#fff 89%,#fff 100%)
}

.mfeature-box .mfeature-icon {
    margin-bottom: 5px;
    position: relative
}

.mfeature-box .mfeature-icon .icon-img img {
    width: 70px
}

.mfeature-box .mfeature-icon .icon-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 15px
}

.mfeature-box .mfeature-icon .icon-bg img {
    max-width: 223px;
    width: 100%
}

.slider-main .left-slider-heading .carousel-caption {
    position: absolute;
    right: 10%;
    bottom: 0;
    left: 10%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    top: 10%;
    width: 80%;
}

.left-slider-heading .d-md-block h3 {
    color: #fff;
    text-align: left;
    margin: 0 0 15px;
    display: inline-block;
    font-weight: 300;
    font-family: "Montserrat",sans-serif;
    font-size: 19px;
    line-height: 31px;
    text-transform: none;
    text-align: center;
    margin: 0 20% 20px;
}

.left-slider-heading .slider-text {
    margin: 0 auto;
    width: auto
}

.left-slider-heading .d-md-block p {
    color: #333;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    font-family: "Open Sans",sans-serif;
    font-weight: 400
}

.left-slider-heading .read-more {
    text-align: left;
    float: left;
    display: table;
    border-radius: 35px;
    padding: 15px 25px;
    color: #fff;
    margin: 10px auto 0;
    background-color: #f68121
}

.theme-inner-banner {
    background: url(../images/banner-3.jpg)no-repeat center;
    background-size: cover;
    margin-bottom: 120px;
    position: relative
}

.theme-inner-banner .opacity {
    background: rgba(255,141,25,.97);
    padding: 55px 0 84px;
    text-align: center
}

.theme-inner-banner h2 {
    font-size: 42px;
    color: #fff
}

.theme-inner-banner ul li {
    font-family: "Open Sans",sans-serif;
    display: inline-block;
    margin: 10px 0 0 5px;
    color: #fff;
    vertical-align: middle;
    text-transform: capitalize
}

.theme-inner-banner ul li a {
    color: #fff;
    font-weight: 400
}

.theme-title h2 {
    margin-bottom: 40px
}

.bg-gray {
    background-color: #fffcfc
}

h3 span {
    font-weight: 100;
    font-size: 40px
}

.contactUs-address {
    font-family: "Open Sans",sans-serif;
    padding-left: 38px
}

.contactUs-address>p {
    margin: -7px 0 30px
}

.contactUs-address .single-address .icon {
    width: 65px;
    height: 65px;
    line-height: 63px;
    border: 1px solid #e5e5e5;
    text-align: center;
    margin-top: 7px;
    color: #fff;
    font-size: 30px
}

.contactUs-address .single-address h6 {
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 5px;
    color: #393939
}

.contactUs-address .single-address span {
    font-size: 16px
}

.contactUs-address .single-address {
    margin-bottom: 30px
}

.contactUs-address .single-address .text {
    padding-left: 26px;
    margin-top: 10px
}

.round-border {
    border-radius: 50%
}

.contactUs-address i {
    color: #f58220;
    padding: 19px 0;
    font-size: 20px
}

#main-form input,#main-form textarea {
    width: 100%;
    max-width: 100%;
    font-size: 15px;
    border: 1px solid #ececec;
    padding: 0 15px;
    border-radius: 5px;
    height: 50px
}

#main-form textarea {
    height: 165px;
    max-height: 165px;
    padding: 15px
}

#main-form .single-input {
    margin-bottom: 22px
}

.sp-top20 .read-more {
    float: left;
    border: 0
}

.contactUs-address a {
    color: #f58220
}

ul.s-icons {
    display: table;
    margin: 0;
    list-style: none;
    padding: 0
}

ul.s-icons li {
    display: inline-block;
    margin-right: 6px;
    float: left
}

ul.s-icons li:last-child {
    margin-right: 0
}

ul.s-icons i {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    padding: 12px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 14px;
    color: #fff;
    border: 1px solid #fff;
    font-size: 16px;
    text-align: center
}

ul.s-icons i:hover {
    background-color: #fff;
    color: #cb7c3b
}

ul.services-links {
    margin: 0 0 0 40px;
    padding: 0;
    list-style: none;
    box-sizing: border-box
}

ul.services-links li {
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    margin: 0 0 20px;
    border-bottom: 1px solid #f8f5f5;
    padding-bottom: 20px;
    display: block
}

ul.services-links li a {
    color: #b0b0b0;
    text-decoration: none
}

ul.services-links li a:hover,ul.services-links li.active {
    color: #333;
    text-decoration: none
}

.services-links h3 {
    padding-bottom: 0
}

.gallerybox {
    box-shadow: 0 10px 50px rgba(20,50,81,.04),0 10px 50px rgba(0,0,0,.05);
    background-color: transparent
}

.viewbox_gallery h5 {
    float: none;
    display: block;
    color: #6a85a6;
    font-size: 18px;
    text-transform: none;
    line-height: 24px;
    padding-top: 20px;
    font-weight: 700;
    padding-bottom: 0
}

.viewbox_gallery h5 a {
    text-decoration: underline;
    color: #6a85a6
}

.viewbox_gallery h5 a:hover {
    text-decoration: none
}

.viewbox_gallery p {
    font-size: 14px;
    line-height: 22px
}

.viewboxlink {
    float: right;
    display: inline-block
}

.viewboxlink i {
    position: relative;
    top: 15px
}

.viewbox_content {
    padding: 5px 10px 10px;
    display: table;
    width: 100%;
    box-sizing: border-box;
    display: none
}

.columns-pricing-table .columns2 {
    float: left;
    width: 33.3%!important;
    padding: 8px
}

.button,.price {
    border-radius: 10px
}

.price {
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: .3s;
    transition: .3s;
    list-style: none
}

.price:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,.2)
}

.price .header {
    background-color: #f58220;
    color: #fff;
    font-size: 25px;
    border-radius: 10px 10px 0 0;
    font-weight: 600
}

.price li {
    border-bottom: 1px solid #eee;
    padding: 20px 10px;
    text-align: center;
    box-sizing: border-box
}

.price .grey {
    background-color: #eee;
    font-size: 20px;
    border-radius: 0 0 10px 10px
}

.button {
    background-color: #0275d8;
    border: 0;
    color: #fff;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px
}

.button:hover {
    background-color: #f58220;
    color: #fff
}

ul.circle,ul.circle2 {
    list-style: circle outside
}

ul.circle li,ul.circle2 li {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px
}

ul.circle2 li {
    width: 44%;
    float: left;
    margin-right: 40px
}

.note {
    font-style: italic;
    margin: 20px 0 0;
    font-size: 14px;
    color: #e31e24;
    display: none
}

.carousel-indicators li {
    background-color: #949090
}

.carousel-indicators .active {
    background-color: #fff
}

@media only screen and (max-width: 600px) {
    .columns-pricing-table .columns2 {
        width:100%
    }
}

.blogimg img,.columns-pricing-table,.hosting-img img {
    width: 100%
}

ul.prices_list {
    display: table;
    width: 100%;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0
}

ul.prices_list li span:first-child {
    display: inline-block;
    width: 57%;
    text-align: left;
    box-sizing: border-box
}

ul.prices_list li span:last-child {
    display: inline-block;
    width: 40%;
    text-align: right;
    box-sizing: border-box
}

.arrow_link:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    margin-left: 5px
}

.portfolio-all .read-more {
    float: left;
    display: inline-block
}

.gallerybox {
    margin: 0 0 30px
}

.groth_wrap {
    background: url(../images/groth-bg.jpg)no-repeat;
    background-position: top right;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 50px
}

.groth_wrap .text-stroke-title {
    padding-bottom: 20px;
    padding-top: 130px
}

.groth_wrap .text-stroke-title h2 {
    color: transparent;
    -webkit-text-stroke: 2px #fff;
    margin-bottom: 0
}

.groth_wrap .text-stroke-title h3 {
    color: #fff;
    font-size: 8.8em;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
    margin-top: -10px
}

.groth_wrap .text-stroke-title h2 b img {
    width: 60px;
    margin-top: -10px
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover {
    -webkit-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite
}

.blog-box h2,ul.list2 li {
    font-family: "Montserrat",sans-serif;
    color: #333
}

.blog-box h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    margin-bottom: 20px;
    padding-bottom: 0
}

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

ul.list2 li {
    display: block;
    margin: 0 0 20px
}

.left-slider-heading h2 {
    font-size: 42px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 59px;
}

.left-slider-heading h4,.left-slider-heading h5 {
    margin-top: 40px;
    text-transform: uppercase
}

.left-slider-heading h5 {
    color: #fff;
    position: relative;
    /* -webkit-text-stroke: 2px #fff; */
    font-size: 65px;
    font-weight: 600;
    margin-top: -10px;
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    /* display: none; */
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.pding0 {
    padding-left: 0;
    padding-right: 0
}

.about-dec {
    position: relative
}

.about-dec h2 {
    font-weight: 400;
    font-size: 32px;
    line-height: inherit;
    color: #000;
    margin-bottom: 15px;
    padding: 0
}

.about-dec h2 strong {
    font-weight: 800;
    font-size: 50px;
    margin: 0;
    padding: 0;
    line-height: 43px
}

.about-dec p {
    padding-right: 15px;
    margin-bottom: 30px
}

.about-dec p:last-child {
    margin-bottom: 0
}

.about-dec .btn-black,.endtoend-box .btn-black {
    padding: 12px 30px;
    font-weight: 500;
    font-size: 16px;
    border: 2px solid #000
}

.about-dec .btn-black:hover,.endtoend-box .btn-black:hover {
    border: 2px solid #1b4676
}

.about-dec .btn-black img,.endtoend-box .btn-black img {
    margin-left: 10px
}

.about-dec .btn-black i {
    padding-left: 10px
}

.projectssec {
    position: relative;
    margin-left: 60px;
    padding-bottom: 15px
}

.projectssec h2,.projectssec p {
    font-weight: 400;
    text-align: center
}

.projectssec h2 {
    color: #000;
    font-size: 60px;
    margin: 0 0 16px;
    padding: 0;
   font-family: "Montserrat",sans-serif
}

.projectssec p {
    font-size: 16px;
    margin: 0
}

.projectssec-bdrnone {
    border-bottom: none;
    padding-bottom: 0
}

.btn-black {
    border-color: #000;
    background-color: transparent;
    color: #000;
    border-radius: 0
}

.btn-info:hover {
    background-color: #1b4676;
    border-color: #1b4676
}

.tenyears {
    border: 2px solid #000;
    padding: 0;
    border-radius: 0;
    margin-left: 50px
}

.tenyears img {
    margin: 80px auto;
    display: block
}

.container-fluid,.welcome-container .container-fluid {
    padding-right: 50px;
    padding-left: 50px;
}

.read-more2 {
    text-align: center;
    float: none;
    display: table;
    border-radius: 35px;
    padding: 11px 25px;
    color: #fff;
    margin: 0;
    background-color: #f68121
}

.read-more2 a {
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    text-transform: uppercase
}

.read-more2:hover {
    color: #fff;
    background-color: #f4793d
}

.read-more2 i {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    top: 1px;
    left: 5px
}

.read-more2:hover i,ul.list-4 li:hover i {
    margin: 0 0 0 5px
}

.mission_vission_section {
    padding: 50px 0 30px;
    background-color: #0071bc;
    position: relative
}

.mission_vission_section .mission_vission_info {
    padding: 0 60px 0 0
}

.mission_vission_section .mission_vission_info h2 {
    color: #fff
}

#accordion .panel-heading {
    padding: 0;
    background-color: transparent;
    border: 0
}

#accordion .panel-title>a {
    display: block;
    padding: 7px 0;
    outline: 0;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    border: 0
}

#accordion .panel-title>a.accordion-toggle::before,#accordion a[data-toggle=collapse]::before {
    content: "";
    float: right;
    font-family: "fontAwesome";
    margin-right: 4px;
    margin-top: 15px
}

#accordion .panel-title>a.accordion-toggle.collapsed::before,#accordion a.collapsed[data-toggle=collapse]::before {
    content: ""
}

.mission_vission_section .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 0;
    padding: 0
}

.mission_vission_section .panel-default>.panel-heading+.panel-collapse>.panel-body p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding-left: 84px;
    padding-right: 80px;
    padding-bottom: 25px
}

.mission_vission_section .panel-group .panel {
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #87a9b9;
    border-radius: 0
}

.mission_vission_section #accordion .panel-title>a img {
    margin-right: 25px;
    margin-top: -5px
}

.mission_vission_img img {
    width: 100%
}

.mission_vission_img::before {
    content: "";
    position: absolute;
    left: 0;
    top: 82px;
    background-image: url(../images/about-icon.png);
    width: 125px;
    height: 128px
}

.mission_vission_img::after {
    content: "";
    position: absolute;
    right: -90px;
    bottom: 22px;
    background-image: url(../images/about-icon-2.png);
    width: 100px;
    height: 129px
}

.transition,p,ul li i:after,ul li i:before {
    transition: all .25s ease-in-out
}

.flipIn,h1,ul li {
    animation: flipdown .5s ease both
}

.mission_vission_section .no-select,h3 {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

@media (max-width: 550px) {
    body {
        transform:translate(0,0)
    }
}

.home-page-collapse p {
    color: #fff;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    max-height: 800px;
    opacity: 1;
    transform: translate(0,0);
    z-index: 2
}

.home-page-collapse ul {
    list-style: none;
    perspective: 900;
    padding: 0;
    margin: 0
}

.home-page-collapse ul li {
    position: relative;
    margin: 0;
    padding: 10px 0 4px;
    /* border-top: 1px dotted #dce7eb; */
}

.home-page-collapse ul li:nth-of-type(1) {
    animation-delay: .5s
}

.home-page-collapse ul li:nth-of-type(2) {
    animation-delay: .75s
}

.home-page-collapse ul li:nth-of-type(3) {
    animation-delay: 1s
}

.home-page-collapse ul li:last-of-type {
    padding-bottom: 0
}

.home-page-collapse ul li i {
    position: absolute;
    transform: translate(-6px,0);
    margin-top: 6px;
    right: 0
}

.home-page-collapse ul li i:before {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 3px;
    height: 9px;
    transform: translate(-2px,0) rotate(45deg)
}

.home-page-collapse ul li i:after {
    transform: translate(2px,0) rotate(-45deg)
}

.home-page-collapse ul li input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 90%;
    z-index: 1;
    opacity: 0
}

.home-page-collapse ul li input[type=checkbox]:checked~p {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    transform: translate(0,50%)
}

.home-page-collapse ul li input[type=checkbox]:checked~i:before {
    transform: translate(2px,0) rotate(45deg)
}

.home-page-collapse ul li input[type=checkbox]:checked~i:after {
    transform: translate(-2px,0) rotate(-45deg)
}

.home-page-collapse h3 {
    font-size: 22px;
    margin: 0 0 20px;
    line-height: 46px
}

.h1,h1 {
    font-size: 2.5rem
}

.h2,h2 {
    font-size: 2rem;
    font-size: 44px;
    line-height: 46px;
}

.h2,.h3,h1,h2,h3 {
    font-weight: 700;
    font-family: "Montserrat",sans-serif;
}

.h3,h3 {
    font-size: 1.75rem;
    font-size: 26px;
    line-height: 40px
}

.h4,h4 {
    font-size: 1.5rem
}

.h5,h5 {
    font-size: 1.25rem
}

.h6,h6 {
    font-size: 1rem
}

.tabs-hdng img {
    float: left;
    margin: 0 20px 0 0
}

.whatsap {
    right: 10px;
    position: fixed;
    z-index: 100;
    bottom: 50px
}

.home-page-collapse h3,.whatsap a {
    color: #fff;
    font-weight: 600
}

.whatsap a i {
    border-radius: 50%;
    font-size: 26px;
    background: #4caf50;
    padding: 6px;
    height: 40px;
    width: 40px;
    line-height: 30px;
    text-align: center
}

h1 {
    font-size: 50px;
    line-height: 70px;
    font-family: "Montserrat",sans-serif;
}

.hdng-icon,.hdng-icon img {
    margin: 0 auto;
    display: block
}

p.para {
    font-size: 36px;
    font-weight: 300;
    margin-top: 10px;
    line-height: 45px;
    color: #6b6a6a;
    font-family: "Montserrat",sans-serif
}

.mb50 {
    margin-bottom: 50px!important
}

.wt70 {
    width: 70%;
    text-align: center;
    margin: 0 auto
}

.container-digital-marketing {
    background: url(../images/digital-marketing.jpg)no-repeat center;
    background-size: cover;
    position: relative;
    padding: 80px 0
}

.s-box {
    padding-left: 10px
}

.container-app-development h2,.container-digital-marketing h2,.container-domain-hosting h2,.container-web-designing h2,.container-web-development h2 {
    font-size: 60px;
    font-weight: 400;
    font-family: "Montserrat",sans-serif;
    line-height: 70px;
    color: #fff
}

.container-digital-marketing p,.container-web-designing p,.container-web-development p {
    color: #fff;
    margin-bottom: 30px
}

a.know-more,a.know-more2 {
    color: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
    padding: 5px 14px;
    margin-bottom: 14px;
    display: table
}

a.know-more2:hover,a.know-more:hover {
  background: #0071bd;
  color: #fff;
  border: 1px solid #0071bd;
}

a.know-more2 {
    color: #222;
    border: 1px solid #222
}

ul.list-service {
    margin: 0
}

ul.list-service li,ul.list-service2 li {
    color: #fff;
    width: 42%;
    display: inline-block;
    margin: 0 20px 0 0
}

ul.list-2 li a,ul.list-3 li a,ul.list-service li a,ul.list-service2 li a {
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    font-weight: 500;
    text-decoration: underline
}

.whatsap a i,ul.list-service li a:hover {
    color: #fff;
    text-decoration: none
}

ul.list-2,ul.list-service,ul.list-service2 {
    padding: 0;
    list-style: none;
    display: table
}

ul.list-service2 {
    margin: 0;
    width: 100%
}

ul.list-service2 li {
    color: #222
}

ul.list-2 li a,ul.list-3 li a,ul.list-service2 li a {
    color: #222
}

ul.list-2 li a:hover,ul.list-service2 li a:hover {
    color: #222;
    text-decoration: none
}

.container-web-designing,.container-web-development {
    background-size: cover;
    position: relative;
    padding: 80px 0
}

.container-web-designing {
    background: url(../images/web-designing.jpg)no-repeat center; background-size: cover;
}

.container-web-development {
    background: url(../images/web-development.jpg)no-repeat center; background-size: cover;
}

.container-app-development {
    background: url(../images/app-development.jpg)no-repeat center;
    background-size: cover;
    position: relative;
    padding: 80px 0;
    display: none
}

.inner_banner_box h1,.s-n {
    font-weight: 800;
    text-transform: uppercase
}

.container-app-development .s-n,.container-domain-hosting .s-n,.s-n {
    color: transparent;
    -webkit-text-stroke: 2px #fff;
    font-size: 80px;
  font-family: "Montserrat",sans-serif;
    position: absolute;
    left: -30px;
    top: -20px
}

.container-app-development h2,.container-domain-hosting h2 {
    color: #222
}

.container-app-development p,.container-domain-hosting p {
    color: #222;
    margin-bottom: 30px
}

.container-app-development .s-n,.container-domain-hosting .s-n {
    -webkit-text-stroke: 2px #222;
    font-weight: 800;
    text-transform: uppercase
}

.container-domain-hosting {
    background: url(../images/domain-hosting.jpg)no-repeat center;
    background-size: cover;
    position: relative;
    padding: 80px 0
}

.free-hosting {
    margin-top: 150px
}

.next-icon {
    position: absolute;
    z-index: 1000;
    left: 50%;
    bottom: -111px
}

.mb20 {
    margin-botto: 20px
}

.inner_banner_box {
    text-align: center
}

.inner_banner_box h1 span,.inner_banner_box2 h1 span,.innerbannerwhitetext .banner-heading h1 span {
    color: transparent;
    /* -webkit-text-stroke: 1px #fff; */
    color: #fff;
    /* -webkit-text-stroke: 1px #0267ab; */
    font-weight: 400;
}

.inner_banner_box img {
    margin-bottom: 0
}

.inner_page_img {
    width: 100%
}

.inner_banner_box .title img {
    margin: -11px 0 0
}

.inner_banner_box h1 {
    font-size: 60px;
    line-height: 70px;
    color: #fff;
    margin: 75px 0;
}

.inner_banner_box .title_1 {
    font-size: 90px
}

.inner_banner_box .title_1 img {
    margin: -131px 0 0
}

.inner_banner_box .title {
    font-size: 56px
}

.inner_banner_box p {
    font-size: 18px;
    line-height: 30px;
    color: #fff
}

.psdto_html_section {
    padding: 60px 0;
    position: relative
}

.psdto_html_section::after,.psdto_html_section::before {
    content: "";
    width: 260px;
    height: 272px;
    position: absolute;
    bottom: 50px
}

.psdto_html_section::before {
    left: 0
}

.psdto_html_section::after {
    right: 0
}

.psdto_html_section .psdto_html_info {
    text-align: center
}

.inner_banner_box2 h1,.psdto_html_section .psdto_html_info h2 {
    text-transform: uppercase;
    color: #0f5373;
    font-size: 18px;
    margin: 0;
    font-weight: 600
}

.psdto_html_section .psdto_html_info h3 {
    font-size: 40px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 22px
}

.psdto_html_section .psdto_html_info p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #000;
    padding: 0 22px
}

.psdto_html_section .psd_bottom_img {
    display: inline-block;
    margin: 50px 80px 0
}

.bg_1 {
    background-image: url(../images/psd-to-html-banner.jpg)
}

.bg_2 {
    background-image: url(../images/web-designing-services-bg.jpg)
}

.bg_3 {
    background-image: url(../images/ui-ux-design-bg.jpg)
}

.bg_4 {
    background-image: url(../images/landing-page-design-bg.jpg)
}

.bg_5 {
    background-image: url(../images/logo-design-bg.jpg)
}

.bg_6 {
    background-image: url(../images/responsive-web-design-bg.jpg)
}

.bg_7 {
    background-image: url(../images/free-web-hosting.jpg)
}

.bg_8 {
    background-image: url(../images/grow-your-business.jpg)
}

.img1 {
    margin-bottom: 20px
}

.img3 {
    margin-left: -50px;
    margin-top: -50px
}

.img4 {
    bottom: -83px;
    position: absolute
}

.img5,.img5 img {
    display: block;
    margin: 40px auto 0
}

.img5 img {
    margin: 0 auto
}

.img6 {
    position: absolute;
    margin-right: -34px
}

.img9 {
    margin-left: -50px
}

.img7,.img8 {
    position: absolute
}

.img7 {
    bottom: -70px
}

.img8 {
    top: 70px
}

.img10,.img10 img {
    max-width: 240px
}

.btn2:hover:before,.img1 img,.img11 img,.img12 img,.img14 img,.img2 img,.img3 img,.img4 img,.img5 img,.img6 img,.img7 img,.img8 img,.img9 img {
    width: 100%
}

.img11,.img12 {
    position: absolute
}

.img11 {
    bottom: 28px;
    width: 90%
}

.img12 {
    margin-right: -34px;
    bottom: -50px
}

.img13 {
    max-width: 488px;
    margin: 100px 0 0
}

.img14 {
    top: -50px;
    position: absolute
}

.inner_banner_section {
    padding: 80px 0 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.body-text {
    text-align: center
}

ul.list-2 {
    margin: 0 0 0 36px
}

ul.list-2 li,ul.list-3 li {
    color: #000;
    display: block;
    margin: 0 20px 30px 0;
    font-size: 14px;
    position: relative
}

ul.list-2 li:before,ul.list-3 li:before {
    content: "";
    display: inline-block;
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 3px;
    left: -22px
}

.text80 {
    width: 80%;
    margin: 0 auto
}

.gray-container {
    background-color: #fdfbfb;
    padding: 50px 0
}

.box-40mg-left {
    margin-left: 40px
}

.blue-lines-bg {
    background: url(../images/blue-lines-bg.jpg)no-repeat center;
    background-size: cover;
    position: relative;
    padding: 40px 0 70px
}

.text-white-section h2,.text-white-section h3,.text-white-section p,.text-white-section ul.list-2 li,.text-white-section ul.list-2 li a,.text-white-section ul.list-2 li a:hover,.text-white-section ul.list-3 li,.text-white-section ul.list-3 li a,.text-white-section ul.list-3 li a:hover {
    color: #fff
}

.p-mg-tp-100 {
    margin-top: 100px
}

.p-mg-tp-50 {
    margin-top: 50px
}

.black-container {
    background-color: #000;
    padding: 50px 0
}

.black-container-landing-page {
    background-color: #000;
    padding: 50px 0 0
}

ul.list-3 {
    margin: 0 0 0 30px;
    display: table
}

ul.list-3 li a:hover {
    color: #222;
    text-decoration: none
}

.box-smm h4,ul.list-3 li strong {
    font-weight: 700
}

ul.list-3 li:before {
    content: "";
    top: 5px;
    left: -18px;
    font-size: 9px
}

.responsive-blue,.responsive-orange {
    background-color: #0071bc;
    position: relative;
    padding: 40px 0 70px
}

.responsive-orange {
    background-color: #f58220
}

.container-promotion {
    padding: 70px 0 0;
    width: 100%
}

.container-promotion p {
    font-size: 15px
}

.bg-psd-to-html {
    background: url(../images/bg-psd-to-html.jpg)no-repeat center;
    background-size: cover;
    position: relative;
    padding: 55px 0
}

.bg-psd-to-html-box {
    background-color: #0071bd;
    padding: 10px 40px 30px
}

.pd-tp-30 {

    padding-top: 30px
}

.website-Maintenance2 {
    background: url(../images/Website-Maintenance2.jpg)no-repeat center;
    background-size: contain;
    position: relative;
    padding: 20px 0 60px;
    background-position: right;
    background-color: #f58220
}

.website-maintenance3 {
    background-color: #0071bc;
    position: relative;
    padding: 70px 0 0
}

.website-maintenance3 h2 {
    margin-top: 0
}

.website-redesign,.website-redesign-service {
    background-size: contain;
    position: relative;
    padding: 20px 0 60px
}

.website-redesign-service {
    background: url(../images/website-redesign-service.jpg)no-repeat center;
    background-position: right;
    background-color: #0071bc
}

.website-redesign-service h2 {
    font-size: 40px
}

.website-redesign {
    background: url(../images/why-choose-website-redesign.jpg)no-repeat center;
    background-position: right top
}

.importance-of-website-redesign {
    background: url(../images/importance-of-website-redesign.jpg)no-repeat center
}

.importance-of-website-redesign,.lead-generation,.social-media-marketing {
    background-size: contain;
    position: relative;
    padding: 20px 0 60px;
    background-position: right top
}

.social-media-marketing {
    background: url(../images/social-media-marketing.jpg)no-repeat center;
    border-bottom: 5px solid #0071bc
}

.lead-generation {
    background: url(../images/lead-generation.jpg)no-repeat center
}

.box-smm {
    text-align: center;
    box-shadow: 0 0 22px 0#f9f5f5;
    padding: 20px;
    min-height: 344px
}

.box-smm h4 {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 20px
}

.container40 {
    padding: 40px 0 70px;
    width: 100%
}

.ppc-advertising {
    background: url(../images/ppc-advertising.jpg)no-repeat center;
    background-size: cover;
    position: relative;
    padding: 55px 0
}

.ppc-box {
    background-color: #f7f7f7;
    padding: 20px;
    margin-top: 40px;
    min-height: 722px;
    position: relative
}

.ppc-box,.ppc-box h3,.ppc-box p,.whatsap2 i {
    text-align: center
}

.youtube-marketing {
    background: url(../images/why-youtube-marketing.jpg)no-repeat center
}

.domain-registration,.why-social-media-optimization,.youtube-marketing {
    background-size: cover;
    position: relative;
    padding: 55px 0
}

.why-social-media-optimization {
    background: url(../images/why-social-media-optimization.jpg)no-repeat center
}

.domain-registration {
    background: url(../images/domain-registration-bg.jpg)no-repeat center
}

.domain-registration-services,.why-domain-registration {
    position: relative
}

.leading-web-designing-company,.web-hosting-services {
    background-size: cover;
    position: relative;
    padding: 55px 0
}

.web-hosting-services {
    background: url(../images/web-hosting-services.jpg)no-repeat center
}

.container-app-development h2,.container-digital-marketing h2,.container-domain-hosting h2,.container-web-designing h2,.container-web-development h2,.web-application-development-bg h2 {
    margin: 0 0 20px
}

.leading-web-designing-company {
    background: url(../images/leading-web-designing-company.jpg)no-repeat center;
    min-height: 545px
}

.width70 {
    width: 70%;
    margin: 0 auto
}

.wordpress-development {
    background-color: #0071bc;
    position: relative;
    padding: 70px 0
}

.main-menu ul>li .dropdown-menu li h2 a {
    font-weight: 700;
    font-size: 20px;
    color: #0071bc!important;
    line-height: normal;
    text-transform: none;
    margin-bottom: 20px
}

.main-menu ul>li .dropdown-menu li h2 a:hover {
    color: #f58220!important
}

.messagebox {
    color: #333;
    background-color: #f58220;
    animation-name: message;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    width: 100%;
    padding: 12px 50px;
    text-align: center;
    line-height: 40px;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    display: none
}

.wt80 {
    width: 80%;
    text-align: center;
    margin: 0 auto
}

.owl-carousel .owl-item {
    border: 1px solid #0071bc
}

.footer-first {
    margin-bottom: 0;
    background: #1d1d25;
    padding: 70px 0 50px;
}

.mobile-number {
    position: relative;
    border: 0;
    letter-spacing: 6px;
    -webkit-text-stroke: snow;
    margin-bottom: 10px;
    font-size: 41px;
    font-family: "Montserrat",sans-serif;
    line-height: 39px;
    color: #fff;
}

.mobile-number,.whatsap2 {
    font-weight: 400
}

.whatsap2 i {
    border-radius: 50%;
    color: #fff;
    background: #4caf50;
    padding: 3px;
    height: 25px;
    width: 25px
}

.contact-ftr a,.whatsap2,.whatsap2 a {
    color: #fff;
}

.contact-ftr {
    margin: 30px 0 0
}

.email-ftr {
    margin: 20px 0 0;
    font-size: 15px
}

.email-ftr i {
    margin: 0 10px 0 0
}

.email-ftr a:hover,ul.flink2 a:hover {
    color: #0071bc
}

.footer-second {
    padding: 30px 0px;
    background: #15151f;
}

ul.flink2,ul.list-3,ul.list-4 {
    padding: 0;
    list-style: none
}

ul.flink2 {
    margin: 0;
    color: #a7a6a6
}

ul.flink2 li,ul.list-4 li a {
    font-family: "Montserrat",sans-serif
}

ul.flink2 li {
    display: inline-block;
    font-size: 13px;
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 40px 0 0
}

ul.flink2 a,ul.list-4 li i {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease
}

ul.flink2 a {
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: 37px!important
}

.copyright-text {
    text-align: right;
    font-size: 13px;
    margin-top: 7px;
    color: #fff;
}

.search-engine-optimization,.why-digital-marketing {
    background-size: cover;
    position: relative;
    padding: 55px 0
}

.why-digital-marketing {
    background: url(../images/why-digital-marketing.jpg)no-repeat center
}

ul li i:after,ul.s-icons .home-page-collapse ul li i:before {
    content: "";
    position: absolute;
    background-color: none;
    width: 3px;
    height: 9px
}

.search-engine-optimization {
    background: url(../images/search-engine-optimization.jpg)no-repeat center
}

.white-box {
    background-color: #fff;
    padding: 10px 40px 30px
}

.web-application-development-bg {
    background: url(../images/web-application-development-bg.jpg)no-repeat center;
    background-size: cover;
    position: relative;
    padding: 55px 0
}

.benefits-web-application-development {
    background: url(../images/benefits-web-application-development.jpg)no-repeat center;
    background-size: cover;
    position: relative;
    padding: 55px 0
}

.blue-container {
    background-color: #0071bc;
    position: relative;
    padding: 70px 0
}

.why-webbizgrow-custom-web {
    background: url(../images/why-webbizgrow-custom-web.jpg)no-repeat center;
    background-size: cover;
    position: relative;
    padding: 55px 0
}

.btn2,.btn2:hover {
    background-color: transparent;
    color: #fff
}

.btn2,.btn2:before {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.btn2 {
    border: 1px solid #fff;
    position: relative;
    display: inline-block;
    padding: 12px 50px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    letter-spacing: 1.5px;
    margin-top: 20px;
    font-weight: 700;
    font-size: 14px;
    z-index: 1000
}

.btn2 a {
    color: #fff
}

.btn2:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background-color: #0071bc;
    z-index: -1
}

.btn2:hover {
    border: 1px solid #0071bc
}

.carousel-control-next,.carousel-control-prev {
    width: 71px!important;
}

.hosting,ul.list-4 li {
    display: inline-block;
    float: left
}

.hosting {
    font-family: "Open Sans",sans-serif;
    margin: 5px 20px 0 0;
    font-weight: 500;
    animation-name: message2;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    color: #0071bc; display: none;
}

.blog-box {
    margin: 0 0 30px
}

ul.list-4 {
    margin: 0 0 0 30px;
    display: table;
    width: 100%
}

ul.list-4 li {
    text-align: left;
    color: #000;
    font-weight: 600;
    width: 41%;
    margin: 0 20px 31px 0
}

ul.list-4 li a {
    color: #0071bd;
    font-size: 16px;
    text-decoration: underline
}

ul.list-4 li a:hover {
    color: #ef8633;
    text-decoration: none
}

ul.list-4 li i {
    transition: all .3s ease;
    position: relative;
    top: 1px;
    left: 20px
}

.form-outer h3 {
    margin: 0 0 10px;
    font-size: 26px
}

.form-outer {
    padding: 20px;
    width: 94%;
    box-shadow: 0 8px 80px rgb(0 0 0/22%);
    position: relative;
    z-index: 3;
    border-radius: 6px;
    overflow: hidden;
    margin: 70px -18px 0;
    background-color: #fff;
    float: right;
}

.form-tip {
    font-size: 12px
}

.inner_banner_section2 {
    padding: 30px 0 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.inner_banner_box2 {
    text-align: center
}

.inner_banner_box2 h1 {
    font-size: 44px;
    line-height: 70px;
    font-weight: 800;
    color: #fff
}

.form-outer #main-form input {
    height: 41px
}

.form-outer .read-more {
    text-align: left;
    float: left;
    display: table;
    border-radius: 35px;
    padding: 10px 20px;
    color: #fff;
    margin: 0 auto;
    background-color: #0071bd;
    font-size: 14px;
    cursor: pointer;
}

.form-outer .form-group {
    margin-bottom: 10px
}

.banner-heading h1,.innerbannerwhitetext .banner-heading h1 {
    font-size: 60px;
    line-height: 75px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    margin: 138px 0 30px;
}

.banner-heading h1 span {
    color: #fff;
    /* -webkit-text-stroke: 1px #0267ab; */
    font-weight: 400;
}

.seo-offer-border {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 15px
}

.digital-marketing-offer {
    display: block;
    padding: 40px;
    box-sizing: border-box;
    border-radius: 10px;
    margin-bottom: 30px
}

.digital-marketing-offer h2 {
    color: #fff;
    font-size: 34px;
    line-height: 73px
}

.digital-marketing-offer h2 span {
    color: #fff;
    font-size: 55px;
    font-weight: 600;
    display: block
}

.digital-marketing-offer h3 {
    color: #fdfbfb;
    font-size: 36px;
    line-height: 58px
}

.digital-marketing-offer .theme-title h2:before {
    content: "";
    width: 178px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f58220;
    background: -webkit-gradient(linear,left top,right top,color-stop(81%,#fff),color-stop(81%,#e31e24),color-stop(89%,#212121),color-stop(89%,#fff),to(#fff));
    background: linear-gradient(to right,#fff 81%,#e31e24 81%,#e31e24 89%,#fff 89%,#fff 100%)
}

.blue-seo {
    background-color: #0275d8
}

.orange-seo {
    background-color: #f58220
}

.box-smm2 {
    text-align: left;
    box-shadow: 0 0 22px 0#f9f5f5;
    padding: 20px;
    min-height: 344px
}

.box-smm3 {
    text-align: left;
    padding: 20px 20px 10px;
    border: 1px solid #ccc;
    border-radius: 5px
}

.tabs-portfolio{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -20px;
  list-style: none;
  border-bottom: 1px solid #dfdfdf;
}

.tabs-portfolio li {
    width: calc((100% / 5) - 20px);
    box-shadow: none;
    border-radius: 999px;
    margin-bottom: 0px;
    width: 20%;
    text-align: center;
    border-radius: 0;
}

.active-portfolio,.tabs-portfolio li:hover {
  
    box-shadow: none;
    color: #0275d8 !important;
    
    background-color: transparent;
    box-shadow: none;
    border-bottom: 3px solid #0275d8;
 
}

/*.tabs-portfolio li:hover {
    background-image: -moz-linear-gradient(90deg,#3b26db 1%,#7b19cb 100%);
    background-image: -webkit-linear-gradient(90deg,#3b26db 1%,#7b19cb 100%);
    background-image: -ms-linear-gradient(90deg,#3b26db 1%,#7b19cb 100%);
  
    border-radius: 999px
}*/

.tabs-portfolio li a {
  padding: 5px 10px;
  display: block;
  font-size: 18px;
  font-weight: 600;
  border-radius: 0;
  color: #ccc;
}

.active-portfolio, .tabs-portfolio li:hover a {    color: #fff;
  
 
}
.tabs-portfolio li:hover a {
    color: #0275d8;
/*    border-bottom: 3px solid #0275d8;*/
 
 
}
.innerbannerwhitetext .banner-heading h1 {
    color: #fff
}

.landing-page-banner-section {
    border-top: 1px solid #f7f7f7;
    padding: 40px 0 49px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.container-body {
    padding: 70px 0;
}

.pricingtable-style1 .pricingtable-wrapper {
    margin-bottom: 30px
}

.pricingtable-style1 .pricingtable-inner {
    padding: 2px
}

.pricingtable-style1 .pricingtable-title {
    background-color: #fff
}

.pricingtable-style1 .pricingtable-title h3 {
    color: #222;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 10px;
    font-size: 24px
}

.pricingtable-style1 .pricingtable-title p {
    color: #222;
    font-weight: 400;
    text-transform: none
}

.pricingtable-style1 .pricingtable-bx {
    color: #0071bd;
    font-weight: 800;
    position: relative;
    margin-right: 30px
}

.pricingtable-style1 .pricingtable-features, .pricingtable-style1 .pricingtable-features li, .pricingtable-style1 .pricingtable-footer, .pricingtable-style1 .pricingtable-price {
    border: 0;
}

.pricingtable-style1 .pricingtable-features li:nth-child(2n) {
    background-color: #fff
}

.pricingtable-style1 .pricingtable-type {
    text-transform: none
}

.pricingtable-style1 .pricingtable-type:before {
    content: ""
}

.pricingtable-style1 .pricingtable-bx::after {
    background: #afafaf none repeat scroll 0 0; 
    content: "";
    height: 100%;
    position: absolute;
    right: -20px;
    top: 0;
    transform: rotate(15deg);
    width: 1px
}

.pricingtable-inner {
    text-align: center;
}

.pricingtable-price {
    padding: 20px 20px;
    background-color: #f4f7f8;
    border: 1px solid #e9e9e9
}

.pricingtable-bx {
    font-size: 30px;
    color: #666
}

.pricingtable-type {
    font-size: 20px;
    text-transform: uppercase;
    font-size: 16px
}

.pricingtable-type:before {
    content: "/";
    margin-right: 3px
}

.pricingtable-title {
    background-color: #efbb20;
    padding: 20px;
    text-transform: uppercase
}

.pricingtable-title * {
    margin: 0;
    color: #fff;
    font-weight: 800
}

.pricingtable-features {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
    border: 1px solid #e9e9e9
}

.pricingtable-features li {
    padding: 8px 12px;
    border-bottom: 1px solid #e9e9e9
}

.pricingtable-features li i {
    margin: 0 3px
}

.pricingtable-features li:nth-child(even) {
    background-color: #f4f7f8
}

.pricingtable-features li:last-child {
    border-bottom: none
}

.pricingtable-footer {
    margin-top: -1px;
    padding: 20px;
    background-color: #f4f7f8;
    border: 1px solid #e9e9e9
}

.pricingtable-highlight {
    margin: -20px 0;
    -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,.2);
    box-shadow: 0 0 10px 5px rgba(0,0,0,.2);
    position: relative;
    z-index: 99
}

.pricingtable-highlight .pricingtable-price {
    padding: 30px 20px
}

.pricingtable-highlight .pricingtable-footer {
    padding: 30px 20px
}

.no-col-gap .pricingtable-wrapper {
    margin-left: -1px
}

.draw {
    background: 0 0;
    border: 0;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 2px #f6f6f6;
    font-size: inherit;
    position: relative;
    vertical-align: middle;
    -webkit-transition: width .25s ease-out,height .25s ease-out .25s;
    transition: width .25s ease-out,height .25s ease-out .25s
}

.draw > div {
    position: relative;
    z-index: 1
}


.draw:after, .draw:before {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%
}

.draw {
    -webkit-transition: color .25s;
    transition: color .25s
}

.draw:after, .draw:before {
    border: 2px solid transparent;
    width: 0;
    height: 0
}

.draw:before {
    top: 0;
    left: 0
}

.draw:after {
    bottom: 0;
    right: 0
}

.draw:hover:after, .draw:hover:before {
    width: 100%;
    height: 100%
}

.draw:hover:before {
    -webkit-transition: width .25s ease-out,height .25s ease-out .25s;
    transition: width .25s ease-out,height .25s ease-out .25s
}

.draw:hover:after {
    -webkit-transition: border-color 0s ease-out .5s,width .25s ease-out .5s,height .25s ease-out .75s;
    transition: border-color 0s ease-out .5s,width .25s ease-out .5s,height .25s ease-out .75s
}

.draw:hover:before {
    -webkit-transition: width .25s ease-out,height .25s ease-out .25s;
    transition: width .25s ease-out,height .25s ease-out .25s;
}

.draw:hover:after {
    border-bottom-color: #3B55E6;
    border-left-color: #3B55E6;
}

.draw:hover:before {
    border-top-color: #3B55E6;
    border-right-color: #3B55E6;
}

.pricingtable-wrapper.active .pricingtable-inner {
    box-shadow: 0 0 0 2px #3B55E6 inset;
}

.site-button, .site-button-secondry {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    outline: 0;
    cursor: pointer;
    outline: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    line-height: 1.42857
}

.site-button {
    background-color: #efbb20
}

.active > .site-button, .site-button:active, .site-button:focus, .site-button:hover {
    background-color: #d8a409;
    color: #fff
}

.site-button-secondry {
    background-color: #282828
}

.active > .site-button-secondry, .site-button-secondry:active, .site-button-secondry:focus, .site-button-secondry:hover {
    background-color: #494949;
    color: #fff
}

ul.list-bota-details {
    list-style: none;
    margin: 0 0 0 15px;
}

ul.list-bota-details li {
    font-size: 16px;
    line-height: 31px;
    padding-left: 0;
    margin-bottom: 5px;
}

ul.list-bota-details li:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 11px;
    color: #fff;
    position: relative;
    top: -3px;
    left: -13px;
    background: #238ff1;
    border-radius: 100%;
    padding: 6px;
}

.bg_10 {
    background-image: url(../images/website-packages.jpg);
}

.bg_10 .banner-heading h1, .bg_10 .innerbannerwhitetext .banner-heading h1 {
    font-size: 60px;
    line-height: 75px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    margin: 38px 0;
}

.bg_10 .banner-heading h1 span {
    color: transparent;
    -webkit-text-stroke: 1px #fff;
}
ul.pricingtable-features{ text-align:left;}

.websitepackages h3{font-family: 'Montserrat';}
.pricingtable-style1 .pricingtable-title h3 {
    font-family: 'Montserrat';
}

.whatsapp-outer {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    position: relative;
}
.whatsapp-outer span{
    /* float: left; */
    /* display: inline-block; */
    margin-right: 10px;
    padding-top: 0;
    font-weight: 600;
    color: #222;
    line-height: 16px;
    font-size: 16px;
    position: relative;
    text-decoration: underline;
}
.whatsapp-outer span:hover{color: #0071bd}
.whatsapp-outer .whatsap{position: static;float: right;border: 0;right: 0;display: inline-block;}

.whatsapp-outer .whatsap a {
    color: #fff;
    font-weight: 600;
    border-radius: 35px;
    padding: 22px 13px 14px;
    /* border: 1px solid #ccc; */
}

.websitepackages h4 {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 24px;
    margin: 20px 0 10px 15px;
    text-align: left;
}

 .p-relative {
            position: relative;
        }

        .mb-65 {
            margin-bottom: 32px;
        }

        .xc-demo-item {
            padding: 17px;
            padding-bottom: 30px;
            background-color: #f7f7f7;
        }

        .xc-demo-thumb {
            height: 470px;
            overflow: hidden;
            /* border-radius: 10px; */
            margin-bottom: 30px;
            transition: all 5s linear;
            background-size: 100%;
            background-repeat: no-repeat;
            /* box-shadow: 0 10px 20px rgb(195 192 192 / 10%); */
            /* box-shadow: 0 5px 5px rgb(203 201 201 / 10%); */
        }

            .xc-demo-thumb:hover {
                background-position: bottom;
            }

        .xc-demo-thumb-overlay {
            position: relative;
        }

            .xc-demo-thumb-overlay::after {
                position: absolute;
                content: "";
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border-radius: 2px;
                background: rgba(79, 88, 122, 0.5);
                box-shadow: 0px 2px 4px 0px rgba(23, 23, 24, 0.1), 0px -1px 0px 0px rgba(36, 62, 21, 0.5);
                backdrop-filter: blur(12.5px);
            }
.wlink{display: table;width: 100%;font-weight: 600;}
.website-link {float: left;display: inline-block;}
.website-link2 {float: right;display: inline-block;}

.website-link a{text-decoration: underline;}
.website-link a:hover{text-decoration:none;}
.website-link2 a{background-color: #0275d8;border-radius: 5px;color: #fff;padding: 5px 10px;font-size: 12px;}

.website-link2 a:hover{background-color: #ff540b; }


.containerportfolio {
    padding: 30px 0 50px;
    width: 100%;
    position: relative;
}


	.grow-your-business{
    padding: 15px;
    background-color: #212020;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px;
    min-height: 484px;
    border-radius: 5px;
    }
	.boxheading-img{
    margin-right: 0;
    background: #000;
    border-radius: 5px;
    padding: 10px;
    }
	.boxheading h3{
    margin-top: 7px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 28px;
    }
	
	  .grow-your-business:hover { transform: translate3d(0, -10px, 0);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;}





/*about us section*/

.aboutheading h2{font-size: 34px; line-height: 1.4;}
.aboutheading p{font-size: 16px;}

ul.about-man-points{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 50px;
    list-style: none;
    margin: 0;
    padding: 40px 0 0;
    }

ul.about-man-points li{
    position: relative;
    padding: 10px 25px;
    border-left: 1px solid #fc9acc;
    margin: 0;
}

ul.about-man-points li:last-child{
    position: relative;
    padding: 0;
    border-left:none;
    margin: 0;
}

.about-num{
	color: #06f;
	font-weight: 700;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 46px;
	background-image: linear-gradient(to top right, #0071bc 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	height: 44px;
	/* color: #0058BC; */
	/* font-size: 50px; */
}
.about-num span{font-weight: 400}
.about-head{font-weight: 600;
    padding: 20px 0;
    line-height: 1.4;font-size: 18px;}
.about-para{ font-size: 14px; 
	line-height: 1.6;
    font-weight: 400;}

.about-partner{background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);padding: 30px;position: relative;min-height: 198px;border-radius: 5px; position: relative;}
.about-partner-para{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    width: 74%;
    margin-bottom: 40px;
    } 

a.partner-btn{
    background-color:transparent;
    border: 2px solid #fff;
    padding: 11px 20px;
    color: #fff !important;
    font-weight: 600;
    border-radius: 5px;
    font-size: 14px;
    }
a.partner-btn:hover{ background-color: #fff;  color: #6f90d0 !important;  }
.growth{position:absolute;bottom: 20px;right: 20px;}

.about-us-section h2{}
.aboutbg {
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 40px 22px 30px 35px;
}.aboutbg h2 {
    font-size: 30px;
    line-height: 38px;
    margin: 0;
}.aboutbg p {
    padding-top: 5px;
}
.container {
 /* max-width: 100%; */
 /* max-width: 1260px; */
 /* margin: 0 auto; */
 /* padding: 0 15px; */
 /* width: 1190px; */
}

.grow-your-business{}
.grow-your-business h3{color: #fff;}
.grow-your-business p{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}

.boxheading-img img{
    width: 148px;
}


.testimonial-section{position: relative;padding: 10px 0;}

.testimonial-bg {

    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 110px !important;
    padding-bottom: 88px !important;
    background-image: url(../images/testimonial-bg.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.testimonial-carousel .item{ margin: 20px;}

.testimonial-2 p{
    font-weight: 400;
    font-size: 15px;
    color: #3b3b3a;
    line-height: 27px;
    }
.team-testimonial .userdetail {
    display: inline-block;
    position: relative;
    min-height: 60px;
    padding-top: 4px;
    padding-left: 0;
    width: 100%;
}
.userdetail {
    display: inline-block;
    position: relative;
    min-height: 60px;
    padding-top: 4px;
    padding-left: 0;
    width: 100%;
}
.userdetail:before {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    content: "\f10e";
    font-family: "FontAwesome";
    font-size: 67px;
    color: #848484;
    line-height: 1;
    opacity: 0.1;
    bottom: 0;
}


.testimonial-2 {
    background: #F9F9F9;
    border-radius: 4px;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    margin: 20px;
    max-height: 330px;
}.tagline {
    color: #0071bc;
    background: #f3f0f0;
    display: inline-block;
    font-size: 14px;
    padding: 0 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    font-weight: 500;
}
.testimonial-left-text {
    width: 96%;
    padding-top: 65px;
}
.testimonial-section .owl-carousel .owl-item {
    border: none;
}
.testimonial-left-text h2{font-size: 40px;}
.testimonial-left-text h2 span{ font-size: 40px; }
.testimonial-left-text h3 {
 color: #727273;
    font-size: 16px;
    font-weight: 600;
    margin-top: 30px;
}.clients_name {
    float: left;
    font-weight: 600;
    line-height: 24px;
    padding-top: 0px;
}.clients_name span {
    font-weight: 400;
    display: block;
    font-size: 14px;
    color: #777575;
}

.form-enquiry{
    display: table;
    width: 100%;
}
.form-enquiry input{
	display: inline-block;
	padding: 13px 20px 13px 23px;
	width: 100%;
	border: 1px solid #b3b2b2;
	background: 0 0;
	font-size: 14px;
	color: #222;
	margin: 0 0 20px;
	line-height: 1.2;
	background-color: #fff !important;
	height: auto;
	padding: 13px 20px 13px 23px;
	border-radius: 5px;
	}
.form-enquiry select{width: 100%;border: 1px solid #b3b2b2;color: #222;border-radius: 5px;}
.form-enquiry textarea{border: 1px solid #b3b2b2;border-radius: 5px;}

.checkbox-form{
    position: relative;
    margin-bottom: 30px;
    margin-left: -20px;
}
.checkbox-form input{
    float: left;
    width: auto;
    border: 1px solid #ededed;
    width: 20px;
    height: 20px;
    position: relative;
    outline: 0;
    top: 4px;
}
.checkbox-form label{
    padding-left: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 13px;
}
.contact-form-rt{
    padding: 40px;
    width: 100%;
    box-shadow: 0 0px 20px rgb(126 121 121 / 22%);
    z-index: 3;
    border-radius: 6px;
    position: absolute;
    top: -129px;
    background-color: #fff;
    right: 31px;
    }

.contact-bg-color{background-image: linear-gradient(to top right, #EB5AA4 0%, #896DD7 30%, #51BAC7 60%, #D0BD3C 100%);border-radius: 10px;padding: 10px 20px;position: relative;background: #0071bd;}
.contact-bg-color p{
    background: #1188d8;
    display: inline;
    padding: 0px 5px;
    border-radius: 4px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}
.contact-bg-color h2{
    position: relative;
    margin-top: 50px;
    margin-bottom: 0;
    color: #fff;
}
.contact-text-left{
    padding: 20px;
}


.contactbg{
    background: #f7f7f7;
    padding: 0;
    margin-bottom: 70px;
    border-radius: 10px;
    padding-bottom: 30px;
}
.contact-call{
    font-size: 20px;
    margin-top: 30px;
}
.benefits-contact{
    margin-top: 20px;
}
ul.list-benefits-contact{
    list-style-type: none;
    margin: 0 0 0 30px;
    padding: 0;
    width: 100%;
    display: table;
    }

ul.list-benefits-contact li{position: relative;font-size: 14px;line-height: 36px;width: 42%;float: left;}

ul.list-benefits-contact li:before {
  content: "";
  display: inline-block;
  font: 12px / 1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 10px;
  left: -28px;
  background-color: #a5a5a5;
  border-radius: 50px;
  padding: 4px;
  font-weight: 400;
  color: #fff;
  font-size: 11px;
}

.next-contact{
    margin-top: 30px;
    display: block;
}
.contact-text-left h3{
    font-size: 20px;
    margin: 0;
}
ul.list-next{list-style: none;padding: 0;margin: 0;width: 100%;display: table;}
ul.list-next li{
    float: left;
    width: 30%;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-right: 15px;
}
ul.list-next li span{
}
.whn1{
    float: left;
    width: 70%;
    font-size: 12px;
    line-height: 18px;
    padding-top: 11px;
    margin-right: 2px;
}
.whn2{
    float: right;
    /* width: 6%; */
    margin-top: 11px;
}
.whn-num{
    width: 9%;
    display: inline;
    float: left;
    font-size: 22px;
    padding-top: 20px;
    margin-right: 10px;
}


.contact-section{margin-top:70px;} 

.contact-form-rt h3{margin:0 0 20px 0;}
.mobile-number a{color:#fff;}

@media (min-width: 1200px) {
    .container {
        width: 1240px;
        max-width: 100%;
    }
}

header{ z-index:1000; width: 100%;}
.sticky {
    position: fixed !important;    top: 0px;     z-index: 999;    -webkit-animation-fill-mode: both;    animation-fill-mode: both;    -webkit-animation-duration: 1s;    animation-duration: 1s;    -webkit-animation-name: slideInDown;    animation-name: slideInDown;    box-shadow: 0px 6px 5px 0px rgb(0 0 0 / 7%);
background: #000000;}
.sticky .navbar-brand {padding: 10px 10px;}
.sticky .hdr-top{display:none;}
.sticky .navbar-brand>img {
    width: 45px;}
.sticky .logo {
    margin: 9px 0 0;
}
.call-top a{
    color: #fff;
} 

.newslider-hdng{text-align: center;display: block;margin: 90px auto 0;width: 100%;position: relative;}

.newsliderimg{
    width: 80%;
    margin: auto 100px;
}

.newsliderimg img{
    width: 60%;
}

.newslider-hdng .btn2{
    border-radius: 50px;
    margin-bottom: 40px;
    }
.newslider-hdng .btn2 a{} 

.newslider-hdng .btn2, .newslider-hdng .btn2:before { 
    border-radius: 50px;
}
.carousel-indicators {display:none;}



 
	.services-box-img{
    margin-right: 0;
    }

.services-box-img img{}
	.services-box-heading h3{
    margin-top: 7px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 28px;
    }
	
.services-box{
    background-color: #fff;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: left;
    transition: 0.3s;
    border-radius: 5px;
    /* min-height: 330px; */
}


	 .services-box:hover { transform: translate3d(0, -5px, 0);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
/* box-shadow: none;
border: 1px solid #0071bd;*/ background: #f9f9f9;}


.services-box h3 {margin-top:0;line-height: 30px;font-size: 20px;margin-bottom: 10px;}

.services-box .know-more{
    color: #000;
    border: 1px solid #8b8b8b;
    margin-top: 20px;
    padding: 5px 14px;
} 
 
.services-box p{
    font-size: 15px;
    line-height: 26px;
}
.services1{background: url(../images/web-development-bg.png) no-repeat right bottom;background-size: 40%;padding: 20px;min-height: 330px;}
.services2{background: url(../images/app-development-bg.png) no-repeat right bottom;background-size: 50%;padding: 20px;min-height: 330px;}
  
.services3{background: url(../images/web-designing-bg.png) no-repeat right bottom;background-size: 46%;padding: 20px;min-height: 330px;}
.services4{background: url(../images/custom-software-development-bg.png) no-repeat right bottom;background-size: 54%;padding: 20px;min-height: 330px;}
 
.services5{background: url(../images/seo-bg.png) no-repeat right bottom;background-size: 50%;padding: 20px;min-height: 330px;/* background-color: #f7fcff; */border-radius: 5px;} 


.services1 p{width: 55%;}
.services2 p{width: 87%;}
.services3 p{width: 88%;}
.services4 p{width: 85%;}
.services5 p{width: 92%;/* color: #fff; */}
.services5 h3 span{font-size: 18px;font-weight: 500;}

.technewtabs .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    cursor: pointer;
	    background: none;
}


.technewtabs .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: 3px solid #03005d !important;
    border-radius: 0;
    background: #fff;
    position: relative;
    color: #03005d;
}

.technewtabs .nav-tabs .nav-item {
    margin-bottom: -1px;
    float: none;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0px 36px;
    transition: 0.3s;
    font-size: 18px;
    text-align: center;
    margin: 0;
    color: #222;
    display: inline-block;
    width: 24%;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.technewtabs .nav-tabs .nav-link:focus, .technewtabs .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    outline: none;
}

.technewtabs .tab-content{margin-top:17px}


.tech-tabs-services{}

ul.tech-tabs{display: flex;
    gap: 2rem;
    flex-wrap: wrap;display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;}

ul.tech-tabs li{text-align: center;}

 ul.tech-tabs li img {
    width: 90px;
    height: 90px;
    display: block;
    margin: 0 auto 10px;
}

 ul.tech-tabs li p {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    letter-spacing: normal;
    margin: 0;
}

.tech-tabs-services h3 {
    margin-bottom: 2.6rem;
    font-size: 18px;
    font-size: 1.3rem;
    line-height: 1.5;
    color: #333;
    letter-spacing: normal;
}
.tab-tech-content2{     border-left: 1px solid #ccc;
    padding-left: 50px;}

.tech-container {
    padding: 60px 0 80px;
    /* background: #f7f7f7; */
}


.industries-section{
    padding: 70px 0; background: #000; color: #fff;
} 
.industries-section h2{ color: #fff;
} 
ul.list-industries{
    list-style: none;
    display: table;
    margin: 0 -10PX;
    padding: 0;
    width: 100%;
}
ul.list-industries li{
    display: inline-block;
    border-radius: 5px;
    margin: 10px 10px;
    border: 1px solid #494848;
    width: 18.3%;
    text-align: center;
    color: #fff;
}
ul.list-industries li:hover{  
    border: 1px solid #0058BC; 
}
ul.list-industries img {
    display: block;
    width: 40px;
    margin: 20px auto;
}
ul.list-industries p{ 
    line-height: 24px;
    font-weight: 500;
    font-size: 14px;
    text-align: center; color: #fff;
}

.btn-right{float:right;margin-right: 20px;margin-bottom: 20px;margin-top: 0;}

.btn-right .read-more {
    margin: 0;
    padding: 10px 30px;
}
.hdng2span span{    text-transform: uppercase;
    font-weight: 600;}

.grow-business-section{
    background: #000;
    margin-top: 70px;
}
.grow-business-section h2{
    color: #fff;
}
.hdng2span span{}