@font-face {
    font-family: Kungfont;
    src: url(../fonts/Kungfont.eot);
    src: url(../fonts/Kungfont.eot?#iefix) format("embedded-opentype"), url(../fonts/Kungfont.woff2) format("woff2"), url(../fonts/Kungfont.woff) format("woff"), url(../fonts/Kungfont.svg#Kungfont) format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-007a
}

body,
html {
    height: 100%;
    margin: 0
}

body {
    position: relative;
    overflow-x: hidden;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .02em;
    color: #333334;
    line-height: 24px
}

a {
    text-decoration: none;
    color: #222;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

a.color,
a:hover {
    color: #0c70cd
}

img {
    vertical-align: middle!important;
    border: 0;
    height: auto
}

b,
strong {
    font-weight: 700
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style-position: inside
}

ul {
    list-style-type: square
}

ol li,
ul li {
    margin-bottom: 10px
}

ul li ul {
    list-style-type: disc;
    padding-left: 20px;
    margin: 10px 0 0
}

p {
    line-height: 24px;
    margin: 0 0 15px;
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222;
    line-height: normal;
    margin: 0 0 15px;
    font-weight: 500
}

h1 {
    font-size: 60px
}

h1,
h2 {
    text-transform: uppercase
}

h2 {
    font-size: 45px
}

h3 {
    font-size: 35px
}

h4 {
    font-size: 30px
}

h5 {
    font-size: 22px
}

h6 {
    font-size: 18px
}

input:-webkit-autofill,
input:-webkit-autofill:focus input:-webkit-autofill,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #000
}

.underline {
    text-decoration: underline;
    color: #0c70cd
}

.underline:hover {
    text-decoration: none
}

.container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-left: 15px;
    padding-right: 15px
}

.container.container_full_width {
    width: 100%;
    padding-left: 150px;
    padding-right: 50px
}

.column {
    margin: 0 2% 0 0;
    float: left;
    min-height: 1px;
    position: relative
}

.column .error {
    color: red
}

#captcha-fail-error {
    clear: both
}

.column.last {
    margin-right: 0
}

.one-column {
    width: 100%
}

.column.one-column {
    margin-right: 0
}

.one-fourth {
    width: 23.4%
}

.one-half {
    width: 48.9%
}

.one-third {
    width: 31.9%
}

.three-fourth {
    width: 74.5%
}

.two-third {
    width: 65.8%
}

.one-fifth {
    width: 18.3%
}

.four-fifth {
    width: 79.6%
}

.three-fifth {
    width: 59.2%
}

.two-fifth {
    width: 38.8%
}

.one-sixth {
    width: 15%
}

.two-sixth {
    width: 30%
}

.three-sixth {
    width: 45%
}

.four-sixth {
    width: 60%
}

.five-sixth {
    width: 75%
}

.one-fourth iframe,
.one-half iframe,
.one-third iframe,
.three-fourth iframe,
.two-third iframe,
embed,
iframe,
img,
object,
video {
    max-width: 100%
}

.column.no-space {
    margin-right: 1px
}

.column.no-space.one-fourth {
    width: 24.8%
}

.column.no-space.one-third {
    width: 33.2%
}

.column.no-space.one-half {
    width: 49.8%
}

.column.no-space.one-fifth {
    width: 19.8%
}

.column.no-space.one-sixth {
    width: 16.5%
}

.column.no-space.three-fourth {
    width: 74.9%
}

.column.no-space.two-third {
    width: 66.5%
}

.column.no-space.four-fifth {
    width: 79.9%
}

.column.no-space.three-fifth {
    width: 60%
}

.column.no-space.two-fifth {
    width: 40%
}

.column.no-space.two-sixth {
    width: 33.4%
}

.column.no-space.three-sixth {
    width: 50%
}

.column.no-space.four-sixth {
    width: 66.6%
}

.column.no-space.five-sixth {
    width: 83.2%
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: transparent
}

.toggled {
    overflow: hidden
}

.wrapper {
    padding-left: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.wrapper.toggled #sidebar-wrapper {
    width: 100%;
    position: absolute
}

#sidebar-wrapper {
    display: none;
    text-align: center;
    float: left;
    width: 100%
}

.toggled .header {
    overflow: auto;
    height: 100%;
    position: fixed
}

#sidebar-wrapper>ul {
    margin: 50px 0
}

.sub-toggle {
    height: 25px;
    left: 50%;
    position: absolute;
    top: 0;
    width: 190px;
    cursor: pointer;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.sub-toggle:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -4px 0 0;
    content: "";
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease
}

.sub-toggle.open-submenu:before {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: "";
    border-top: none
}

.sidebar-nav li .sub-menu li {
    margin: 10px 0
}

.sidebar-nav li .sub-menu li a {
    font-size: 18px
}

.toggled #sidebar-wrapper {
    display: block
}

#sidebar-wrapper::-webkit-scrollbar {
    display: none
}

#page-content-wrapper {
    width: 100%
}

.sidebar-nav li {
    line-height: 20px;
    width: 100%;
    padding: 0;
    margin: 15px 0
}

.sidebar-nav li,
.sidebar-nav li a {
    display: inline-block;
    position: relative
}

.sidebar-nav li a {
    color: #fff;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    font-size: 25px;
    font-weight: 300;
    padding: 0 15px;
    text-decoration: none;
    text-transform: capitalize
}

.sidebar-nav .dropdown-menu {
    background-color: #222;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus,
.sidebar-nav li.open a:hover {
    background-color: transparent;
    text-decoration: none
}

.sidebar-nav>.sidebar-brand {
    font-size: 20px;
    height: 100px;
    line-height: 44px
}

.sidebar-nav>.sidebar-brand>a {
    line-height: normal;
    height: inherit;
    padding: 25px 30px
}

.sidebar-nav>.sidebar-brand>a>img {
    display: inline-block
}

.menubar {
    float: right;
    max-width: 270px;
    width: 100%
}

.menubar .button-block {
    margin-top: 29px;
    display: inline-block
}

.menubar .button-block .main-button {
    color: #fff;
    border-color: #fff
}

.menubar .button-block .main-button:hover {
    border-color: #0563bc
}

.hamburger {
    float: right;
    background: 0 0!important;
    border: none;
    display: block;
    height: 55px;
    position: relative;
    top: 0;
    z-index: 999;
    width: 55px;
    cursor: pointer
}

.hamburger:active,
.hamburger:focus,
.hamburger:hover {
    outline: 0
}

.hamburger.is-closed:before {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    content: "";
    font-size: 14px;
    line-height: 32px;
    -ms-opacity: 0;
    opacity: 0;
    text-align: center;
    width: 100px
}

.hamburger.is-closed:before,
.hamburger.is-closed:hover before {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    display: block
}

.hamburger.is-closed:hover before {
    -webkit-transform: translate3d(-100px, 0, 0);
    -moz-transform: translate3d(-100px, 0, 0);
    -ms-transform: translate3d(-100px, 0, 0);
    -o-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
    -ms-opacity: 1;
    opacity: 1
}

.hamburger.is-closed:hover .hamb-top {
    top: 0
}

.hamburger.is-closed:hover .hamb-bottom,
.hamburger.is-closed:hover .hamb-top {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.hamburger.is-closed:hover .hamb-bottom {
    bottom: 0
}

.hamburger.is-closed .hamb-top {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    top: 5px
}

.hamburger.is-closed .hamb-middle {
    margin-top: -2px;
    top: 50%
}

.hamburger.is-closed .hamb-bottom {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    bottom: 5px
}

.hamburger.is-closed .hamb-bottom,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-top,
.hamburger.is-open .hamb-bottom,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-top {
    height: 6px;
    left: 0;
    background-color: #fff;
    position: absolute;
    width: 50px
}

.hamburger.is-open .hamb-top {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
    -moz-transition: -moz-transform .2s cubic-bezier(.73, 1, .28, .08);
    -ms-transition: -ms-transform .2s cubic-bezier(.73, 1, .28, .08);
    -o-transition: -o-transform .2s cubic-bezier(.73, 1, .28, .08);
    transition: transform .2s cubic-bezier(.73, 1, .28, .08);
    margin-top: -2px;
    top: 50%
}

.hamburger.is-open .hamb-middle {
    display: none
}

.hamburger.is-open .hamb-bottom {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
    -moz-transition: -moz-transform .2s cubic-bezier(.73, 1, .28, .08);
    -ms-transition: -ms-transform .2s cubic-bezier(.73, 1, .28, .08);
    -o-transition: -o-transform .2s cubic-bezier(.73, 1, .28, .08);
    transition: transform .2s cubic-bezier(.73, 1, .28, .08);
    margin-top: -2px;
    top: 50%
}

.hamburger.is-open:before {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    content: "";
    font-size: 14px;
    line-height: 32px;
    -ms-opacity: 0;
    opacity: 0;
    text-align: center;
    width: 100px
}

.hamburger.is-open:before,
.hamburger.is-open:hover before {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    display: block
}

.hamburger.is-open:hover before {
    -webkit-transform: translate3d(-100px, 0, 0);
    -moz-transform: translate3d(-100px, 0, 0);
    -ms-transform: translate3d(-100px, 0, 0);
    -o-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
    -ms-opacity: 1;
    opacity: 1
}

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: #000
}

.hamb-bottom,
.hamb-middle,
.hamb-top {
    background-color: #000
}

.header {
    position: absolute;
    width: 100%;
    z-index: 99;
    top: 35px
}

.header .logo {
    float: left;
    position: relative;
    z-index: 99;
    margin-top: 0;
    width: 100%;
    max-width: 365px
}

.header .navbar-default {
    background: 0 0;
    box-shadow: none;
    border: none;
    margin-top: 10px
}

.header .navbar-default .navbar-toggle {
    border: none;
    margin: 0
}

.header .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    height: 6px;
    width: 50px;
    margin: 12px 0;
    border-radius: 0
}

.header .navbar-default .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 3px
}

.header .navbar-default .navbar-toggle .text {
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    margin: -6px 20px 0 0;
    position: relative
}

.header .navbar-default .navbar-toggle .text:after {
    position: absolute;
    content: "";
    right: -10px;
    top: 5px;
    z-index: 99;
    width: 1px;
    height: 20px;
    background-color: #fff
}

.header .navbar-default .navbar-toggle .icon-block {
    float: right;
    margin: 0
}

.header .navbar-default .navbar-toggle:focus,
.header .navbar-default .navbar-toggle:hover {
    background-color: transparent
}

.header .navbar-default .navbar-collapse {
    padding: 0;
    background-color: #fff
}

.header .navbar-default .nav a {
    font-weight: 700;
    padding: 20px;
    text-transform: uppercase
}

.navbar-header {
    float: none
}

.navbar-toggle {
    display: block
}

.navbar-collapse.collapse {
    display: none!important
}

.navbar-nav {
    float: none!important
}

.navbar-nav>li {
    float: none
}

.navbar-collapse.collapse.in {
    display: block!important
}

.home-banner {
    background: url(../images/home/banner.jpg) no-repeat;
    min-height: 860px
}

.banner-text {
    max-width: 65%;
    width: 100%;
    text-align: left;
    color: #fff;
    margin-top: 150px;
    float: left;
    padding-right: 15px
}

.banner-text>img {
    display: inline-block;
    margin: 10px 32px 60px;
    width: 100px
}

.banner-text h1 {
    margin: 0;
    font-weight: 700;
    color: #fff;
    font-size: 60px;
    text-transform: uppercase
}

.typewriter h1 {
    font-size: 72px;
    color: #fff;
    overflow: hidden;
    border-right: .15em solid orange;
    white-space: nowrap;
    margin: 0 auto;
    letter-spacing: .08em;
    animation: typing 3.5s steps(30), blink-caret .5s step-end infinite;
    -moz-animation: typing 3.5s steps(30), blink-caret .5s step-end infinite;
    -ms-animation: typing 3.5s steps(30), blink-caret .5s step-end infinite;
    -o-animation: typing 3.5s steps(30), blink-caret .5s step-end infinite;
    -webkit-animation: typing 3.5s steps(30), blink-caret .5s step-end infinite
}

@keyframes typing {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes blink-caret {
    0%,
    to {
        border-color: transparent
    }
    50% {
        border-color: orange
    }
}

.home-banner .banner-text .sub-heading,
.home-banner .banner-text h4 {
    margin: 40px auto 50px
}

.home-banner .banner-text .button-block {
    display: block;
    margin: 0 auto 30px
}

.home-banner .banner-text .button-block .main-button {
    padding: 15px 0;
    font-size: 24px;
    margin: 0 20px;
    max-width: 260px;
    width: 100%;
    border-color: #fff;
    color: #fff
}

.home-banner .banner-text .button-block .main-button.active,
.home-banner .banner-text .button-block .main-button:hover {
    border-color: #0563bc;
    background-color: #0563bc
}

.home-banner .banner-text .down-arrow {
    display: table;
    margin: 0 auto;
    background-repeat: no-repeat;
    width: 100px;
    height: 115px;
    padding-top: 25px
}

.home-banner .banner-text .down-arrow span {
    position: relative;
    display: block;
    -webkit-animation: move 2s infinite;
    -ms-animation: move 2s infinite;
    animation: move 2s infinite
}

@keyframes move {
    0% {
        top: 0
    }
    50% {
        top: 20px
    }
    to {
        top: 0
    }
}

@-webkit-keyframes move {
    0% {
        top: 0
    }
    50% {
        top: 20px
    }
    to {
        top: 0
    }
}

@-ms-keyframes move {
    0% {
        top: 0
    }
    50% {
        top: 20px
    }
    to {
        top: 0
    }
}

.features {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.features article {
    width: 33.33%;
    padding: 100px 40px;
    text-align: left;
    vertical-align: top;
    color: #fff
}

.features article .left-block {
    font-size: 160px;
    line-height: 125px;
    padding-right: 10px;
    font-weight: 700
}

.features article .left-block,
.features article .right-block {
    display: table-cell;
    vertical-align: top
}

.features article .right-block .title {
    text-align: left;
    font-weight: 700;
    padding: 0;
    font-size: 35px;
    line-height: normal;
    margin: 0 0 15px;
    color: #fff;
    text-transform: uppercase
}

.features article .right-block p {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0
}

.features article:first-child {
    background: #42a3fe;
    background: -moz-linear-gradient(left, #42a3fe 0, #298ff0 100%);
    background: -webkit-linear-gradient(left, #42a3fe, #298ff0);
    background: linear-gradient(90deg, #42a3fe 0, #298ff0)
}

.features article:nth-child(2) {
    background: #1f84e2;
    background: -moz-linear-gradient(left, #1f84e2 0, #0c70cd 100%);
    background: -webkit-linear-gradient(left, #1f84e2, #0c70cd);
    background: linear-gradient(90deg, #1f84e2 0, #0c70cd)
}

.features article:nth-child(3) {
    background: #0563bc;
    background: -moz-linear-gradient(left, #0563bc 0, #005aaf 100%);
    background: -webkit-linear-gradient(left, #0563bc, #005aaf);
    background: linear-gradient(90deg, #0563bc 0, #005aaf)
}

.services {
    width: 100%;
    background-color: #eeeded;
    padding: 140px 0;
    clear: both
}

.services .container {
    max-width: 1850px;
    margin: auto;
    width: 100%
}

.services .info-text {
    color: #737272;
    margin: 0 auto 40px;
    max-width: 70%;
    text-align: center
}

.servive_provide .column {
    width: calc(25.4% - 30px);
    width: -ms-calc(25.4% - 30px);
    width: -webkit-calc(25.4% - 30px);
    width: -moz-calc(25.4% - 30px);
    margin-right: 30px
}

.servive_provide .column:nth-child(4n) {
    margin-right: 0
}

.services-block {
    width: 100%;
    margin: 15px 0
}

.services-block .main-service {
    position: relative;
    overflow: hidden
}

.services-block .main-service .service-main-inner {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 9;
    transition: opacity .5s ease 0s;
    background: #fff
}

.services-block .main-service .service-main-inner .title-row {
    display: table;
    width: 100%;
    border-top: 2px solid #0c70cd;
    background-color: #0c70cd
}

.services-block .main-service .service-main-inner h3,
.services-block.hire .main-service .service-main-inner p {
    font-size: 24px;
    color: #222;
    text-transform: uppercase;
    font-weight: 300;
    background-color: #fff;
    display: table-cell;
    padding-left: 20px;
    height: 60px;
    vertical-align: middle
}

.services-block .main-service .service-main-inner .icon {
    background-color: #0c70cd;
    display: table-cell;
    text-align: center;
    height: 64px;
    width: 64px;
    vertical-align: middle
}

.services-block .services-block-hover {
    background-color: rgba(12, 112, 205, .75);
    width: 100%;
    height: 100%;
    left: 0;
    top: 2px;
    position: absolute;
    z-index: 10;
    color: #fff;
    text-align: center;
    transform: translateY(100%);
    transition: all .5s ease 0s
}

.services-block .services-block-hover a {
    width: 100%;
    height: 100%;
    display: block;
    color: #fff;
    text-decoration: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -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;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.services-block .services-block-hover .icon {
    display: inline-block
}

.services-block .services-block-hover h3 {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    padding: 0 15px;
    margin: 11px 0;
    width: 100%
}

.services-block .services-block-hover p {
    padding: 0 15px;
    margin: 0
}

.services-block .services-block-hover .symbol {
    margin: 15px auto 0;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -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
}

.services-block .main-service:hover .service-main-inner {
    opacity: 0
}

.services-block .main-service:hover .services-block-hover {
    top: 0;
    transform: translateY(0)
}

.hire.services-block .main-service:hover .service-main-inner {
    opacity: 1
}

.hire.services-block .main-service .service-main-inner {
    position: static;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 9;
    transition: opacity .5s ease 0s;
    background: #fff
}

.hire.services-block .main-service {
    position: relative;
    overflow: hidden;
    box-shadow: 3px 2px 5px rgba(0, 0, 0, .2)
}

.hire-service.services {
    width: 100%;
    background-color: transparent;
    padding: 30px 0;
    clear: both
}

.hire-service.services .classic-heading {
    font-size: 36px;
    color: #222;
    line-height: normal;
    text-transform: uppercase
}

.hire-service.services .one-third {
    width: 48%
}

.entry-details p {
    line-height: 24px
}

.Work-Process {
    background: #24b64d;
    background: -moz-linear-gradient(left, #24b64d 0, #0563bc 100%);
    background: -webkit-linear-gradient(left, #24b64d, #0563bc);
    background: url(../images/Work-Process-icon.png) no-repeat left 8% center, linear-gradient(90deg, #24b64d 0, #0563bc);
    position: relative;
    padding: 43px 0;
    box-shadow: 0 4px 9px rgba(0, 0, 0, .41)
}

.Work-Process h5 {
    transform-origin: left center;
    color: #fff;
    font-size: 24px;
    display: inline-block;
    margin: 0;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    transform: rotate(-90deg) translate(-51%, 72%);
    -webkit-transform: rotate(-90deg) translate(-51%, 72%);
    -moz-transform: rotate(-90deg) translate(-51%, 72%);
    -ms-transform: rotate(-90deg) translate(-51%, 72%)
}

.Work-Process ul {
    list-style: none;
    display: inline-block;
    margin-left: -80px
}

.Work-Process ul li {
    display: inline-block;
    width: 160px;
    height: 160px;
    border: 2px solid #fff;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    padding: 36px 5px 0;
    margin: 0 49px 0 auto;
    position: relative
}

.Work-Process ul li:last-child {
    margin-right: 0
}

.Work-Process ul li:before {
    position: absolute;
    content: "";
    display: block;
    background: url(../images/list-arrow.png) no-repeat;
    right: -48px;
    top: 50%;
    width: 39px;
    height: 24px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.Work-Process ul li:last-child:before {
    display: none
}

.Work-Process ul li p {
    margin: 10px 0 0;
    font-size: 16px;
    color: #fff
}

.why-choose-us {
    width: 100%;
    background-color: #fff;
    padding: 140px 0 62px;
    position: relative
}
/*
.why-choose-us:before {
    content: "";
    position: absolute;
    background-image: url(../images/home/why-choose-us-girl.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    height: 100%;
    max-width: 570px;
    width: 100%;
    left: 90px;
    bottom: -1px
}*/

.why-choose-us .info-text {
    color: #737272;
    margin: 0 auto 40px;
    max-width: 70%;
    text-align: center
}

.why-choose-item {
    display: table;
    margin-bottom: 50px;
    margin-left: 45px
}

.why-choose-detail,
.why-choose-icon {
    display: table-cell;
    vertical-align: middle
}

.why-choose-icon {
    width: 100px;
    text-align: center
}

.why-choose-detail {
    padding-left: 12px
}

.why-choose-detail .title {
    color: #0c70cd
}

.why-choose-detail .description {
    font-size: 15px;
    color: #737272;
    margin: 0
}

.testimonial-sec {
    background: url(../images/home/testominial-bg-1.jpg) no-repeat 0 0;
    background-size: cover;
    padding: 60px 0 40px;
    text-align: center
}

.testimonial-heading {
    font-weight: 700;
    position: relative;
    margin-bottom: 60px
}

.testimonial-heading:before {
    position: absolute;
    content: "";
    width: 110px;
    height: 4px;
    background-color: #0c70cd;
    bottom: -30px;
    left: calc(50% - 55px)
}

.testimonial-sec:after {
    clear: both;
    display: block;
    content: ""
}

.testimonial-slider {
    margin: 0 auto
}

.testimonial-slider li {
    padding: 0;
    margin: 0
}

.testimonial-slider li img {
    max-width: 100px
}

.testimonial-text {
    font-size: 20px;
    letter-spacing: .2px;
    line-height: 32px;
    margin: 40px auto 30px;
    max-width: 850px;
    position: relative
}

.testimonial-text img {
    bottom: 17px;
    position: relative
}

.testimonial-text img+img {
    top: 17px;
    position: relative;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.testimonial-slider .item>img {
    display: block;
    margin: 0 auto
}

.testimonial-name {
    font-size: 24px;
    line-height: normal;
    letter-spacing: .2px;
    display: block;
    margin: 17px 0 0
}

.testimonial-sec .bx-pager {
    display: block;
    margin: 25px 0 0
}

.testimonial-sec .bx-pager-item {
    display: inline-block
}

.testimonial-sec .bx-pager-item a {
    border: 2px solid #222;
    height: 18px;
    margin: 0 3px;
    font-size: 0;
    width: 18px;
    display: inline-block;
    border-radius: 100%
}

.testimonial-sec .bx-pager-item .active {
    background: #222
}

.inspiring-work {
    padding: 90px 0 50px
}

.inspiring-work p {
    color: #737272;
    margin: 0 auto 40px;
    max-width: 600px;
    text-align: center
}

.portfolio-sec {
    overflow: hidden;
    float: left;
    width: 100%
}

.portfolio-item {
    list-style: none;
    padding: 0;
    float: left;
    margin: 0;
    width: 100%
}

.portfolio-item li {
    width: 25%;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0
}

.portfolio-item li>img {
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out
}

.portfolio-item li:hover img {
    z-index: 1;
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2)
}

.portfolio-item li:hover .por_hvr_icon {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0)
}

.portfolio-item li .por_hvr_icon {
    background-color: rgba(12, 112, 205, .85);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 100;
    color: #fff;
    text-align: center;
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s
}

.portfolio-item li .por_hvr_icon>img {
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 64px;
    height: 64px
}

.contact-sec {
    background-image: url(../images/home/contact_sec_bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #fff;
    padding: 125px 0 10px;
    background-size: contain;
    float: left;
    width: 100%;
    text-align: center
}

.contact-sec ul {
    list-style: none;
    padding: 0;
    display: inline-block;
    margin: 0;
    width: 100%;
    max-width: 1400px;
    text-align: left
}

.contact-sec li {
    position: relative;
    float: left;
    width: 30.3333%
}

.contact-sec li:nth-child(2) {
    width: 39.3333%
}

.contact-sec li a {
    font-size: 30px;
    line-height: 36px
}

.contact-sec li a,
.contact-sec li span {
    letter-spacing: .02em;
    color: #363b3e;
    padding-left: 80px;
    display: block
}

.contact-sec li span {
    font-size: 20px;
    line-height: 28px
}

.contact-sec li a:before {
    left: 20px
}

.contact-sec li a:before,
.contact-sec li span:before {
    content: "";
    position: absolute;
    height: 2px;
    background: #a5a5a5;
    width: 103px;
    transform: rotate(-45deg)
}

.contact-sec li span:before {
    left: 25px
}

.footer {
    float: left;
    width: 100%;
    padding: 65px 0 35px;
    background: #363b3e;
    color: #fff
}

.footer .border-heading {
    color: #fff;
    font-size: 28px;
    line-height: normal;
    margin: 0 0 25px;
    text-transform: uppercase
}

.footer .border-heading:before {
    background-color: #fff
}

.footer .link li {
    margin-bottom: 5px
}

.footer .link li a,
.right_link a {
    text-transform: capitalize;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    font-weight: 300;
    text-decoration: none;
    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
}

.footer .link li a:hover {
    padding-left: 5px
}

.forums-logo {
    list-style: none;
    margin: 0;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.forums-logo li {
    text-align: center;
    padding: 15px
}

.forums-logo li img {
    max-height: 100px!important
}

.copyright-section {
    float: left;
    width: 100%;
    margin-top: 30px
}

.copyright-section p {
    margin: 2px 0 0;
    font-size: 15px;
    font-weight: 300
}

.copyright-section .right_link {
    float: left
}

.copyright-section .right_link ul {
    margin: 0;
    padding: 0
}

.copyright-section .right_link ul li {
    float: left;
    display: inline
}

.copyright-section .right_link a:first-of-type {
    margin-right: 15px
}

.copyright-section .right_link a:hover {
    color: #fff;
    text-decoration: underline
}

.copyright-section .social-icon {
    list-style: none;
    padding: 0;
    margin: 0;
    float: right
}

.copyright-section .social-icon li {
    float: left;
    margin-right: 10px;
    padding: 0
}

.copyright-section .social-icon li:last-child {
    margin-right: 0
}

.copyright-section .social-icon li a {
    color: #fff;
    text-decoration: none;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid #fff;
    display: block;
    text-align: center;
    line-height: 30px;
    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
}

.copyright-section .social-icon li a:hover {
    background: #0c70cd;
    border-color: #0c70cd
}

.copyright-section a:hover {
    color: #0c70cd
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.white {
    color: #fff
}

.right-align {
    text-align: right
}

.center-align {
    text-align: center
}

.entry-thumb {
    margin-bottom: 20px
}

ul.dot {
    margin: 0 0 15px
}

ul.dot li {
    position: relative;
    list-style: none;
    padding-left: 20px
}

ul.dot li:last-child {
    margin-bottom: 0
}

ul.dot li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    height: 5px;
    width: 5px;
    display: inline-block;
    background: #333334;
    border: 1px solid #333334
}

button,
input,
select,
textarea {
    background: #fff;
    color: #222;
    font-size: 16px;
    font-family: Roboto, sans-serif;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    outline: 0;
    width: 100%;
    padding: 10px 15px;
    display: block;
    margin: 10px 0;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

input[type=submit] {
    cursor: pointer
}

input[type=submit]:hover {
    box-shadow: inset 0 0 0 3em #fff;
    color: #0c70cd
}

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
    clear: both
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
    display: table;
    content: " "
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto
}

.arrow_btn {
    position: relative;
    font-family: Roboto Mono, monospace;
    letter-spacing: .16em;
    border: 1px solid;
    display: inline-block;
    padding: 10px 20px 10px 33px;
    max-width: 217px;
    text-align: center;
    margin: 75px auto 0!important
}

.arrow_btn:after,
.arrow_btn:before {
    content: "";
    position: absolute;
    top: 50%;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -webkit-transition: all .5s ease
}

.arrow_btn:before {
    left: -15px;
    width: 30px;
    height: 2px
}

.arrow_btn:after {
    left: 13px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    margin: 1px 0 0;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.arrow_btn:hover:before {
    left: 15px;
    width: 100%
}

.arrow_btn:hover:after {
    left: calc(100% + 15px)
}

.arrow_btn.white:before {
    background-color: #fff
}

.arrow_btn.blue:before {
    background-color: #0c70cd
}

.arrow_btn.white:after {
    border-left: 6px solid #fff
}

.arrow_btn.blue:after {
    border-left: 6px solid #0c70cd
}

.arrow_btn.white:hover {
    color: #fff
}

.main-button {
    display: inline-block;
    line-height: normal;
    border: 1px solid #0563bc;
    padding: 10px 25px;
    text-transform: uppercase;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear
}

.main-button:hover {
    box-shadow: inset 0 0 0 3em #0563bc;
    color: #fff
}

.breadcrumb-section {
    width: 100%;
    padding: 20px 0 15px;
    clear: both;
    background: url(../images/breadcrumb.jpg) repeat;
    border-bottom: 5px solid #ddd
}

.breadcrumb-section:after {
    clear: both;
    display: block;
    content: " "
}

.breadcrumb-section .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.breadcrumb {
    width: 100%
}

.breadcrumb .title {
    margin: 0;
    display: inline-block;
    line-height: normal
}

.breadcrumb .title,
.breadcrumb a {
    text-transform: uppercase;
    font-size: 18px
}

.breadcrumb a {
    line-height: 24px
}

.breadcrumb .fa {
    margin: 5px 10px 0;
    text-align: center;
    color: #333334;
    font-size: 14px
}

.main-phone-no {
    background: url(../images/phone-ico-big.png) 0 0 no-repeat;
    margin: 0;
    padding: 0 0 0 30px;
    min-height: 47px
}

.main-phone-no p {
    font-size: 24px;
    font-weight: 700;
    margin: 0
}

.main-phone-no p a {
    color: #787878;
    font-size: 20px;
    font-weight: 400
}

.classic-heading {
    padding: 0;
    font-size: 45px;
    line-height: normal;
    font-weight: 700;
    margin: 0 0 80px;
    text-align: center;
    text-transform: uppercase;
    position: relative
}

.classic-heading:before {
    position: absolute;
    content: "";
    width: 110px;
    height: 4px;
    background-color: #0c70cd;
    bottom: -30px;
    left: calc(50% - 55px)
}

.border-heading {
    position: relative;
    font-weight: 400;
    padding-bottom: 15px
}

.border-heading span {
    font-weight: 700
}

.border-heading:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background-color: #0c70cd
}

.top-banner {
    width: 100%;
    position: relative;
    padding: 145px 0 30px;
    background-size: cover!important;
    background-position: 50%!important
}

.top-banner:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(54, 59, 62, .65);
    top: 0;
    left: 0
}

.top-banner h4 {
    color: #fff;
    line-height: 40px;
    margin: 20px auto 0;
    max-width: 600px
}

.top-banner .sub-heading {
    color: #fff;
    line-height: 36px;
    margin: 20px auto 0;
    max-width: 100%;
    font-size: 22px;
    font-weight: 500
}

.text_center .banner-text {
    text-align: center;
    margin: 50px auto auto;
    float: none;
    padding: 0 15px;
    max-width: 800px;
    position: relative;
    z-index: 1
}

.about-banner video {
    width: 100%;
    margin-top: -22%;
	min-height:300px
}

.about-banner .banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.home-banner.text_center .banner-text {
    max-width: 1030px
}

.about-banner {
    background: url(../images/home/about-banner.jpg) no-repeat;
    min-height: 350px;
    overflow: hidden;
    padding: 0
}

.error404-banner {
    background: url(../images/error404-banner.jpg) no-repeat;
    min-height: 350px
}

.apps-banner {
    background: url(../images/home/apps.jpg) no-repeat;
    min-height: 350px
}

.products-banner {
    background: url(../images/home/products.jpg) no-repeat;
    min-height: 350px
}

.less-banner {
    background: url(../images/home/less.jpg) no-repeat;
    min-height: 350px
}

.sass-banner {
    background: url(../images/home/sass.jpg) no-repeat;
    min-height: 350px
}

.divi-theme-banner {
    background: url(../images/home/divi-theme.jpg) no-repeat;
    min-height: 350px
}

.bootstrap-foundation-banner {
    background: url(../images/home/bootstrap-foundation.jpg) no-repeat!important;
    min-height: 350px
}

.php-development {
    background: url(../images/home/php-custom-software.jpg) no-repeat!important;
    min-height: 350px
}

.we-are-hiring-banner {
    background: url(../images/home/we-are-hiring.jpg) no-repeat;
    min-height: 350px
}

.ada-banner {
    background: url(../images/home/ada-banner.jpg) no-repeat!important;
    min-height: 350px
}

.bootstrap4-banner {
    background: url(../images/home/bootstrap4-banner.jpg) no-repeat!important;
    min-height: 350px
}

.webdesign-banner {
    background: url(../images/home/webdesign-banner.jpg) no-repeat;
    min-height: 350px
}

.portfolio-banner {
    background: url(../images/home/portfolio-banner.jpg) no-repeat;
    min-height: 350px
}

.contact-banner {
    background: url(../images/home/contact-banner.jpg) no-repeat;
    min-height: 400px
}

.career-banner {
    background: url(../images/home/career.jpg) no-repeat;
    min-height: 350px
}

.graphic-desiging-banner {
    background: url(../images/home/graphic-desiging.jpg) no-repeat;
    min-height: 350px
}

.wordpress-banner {
    background: url(../images/home/wordpress.jpg) no-repeat;
    min-height: 350px
}

.web-development-banner {
    background: url(../images/home/web-development.jpg) no-repeat;
    min-height: 350px
}

.responsive-design-banner {
    background: url(../images/home/responsive-design.jpg) no-repeat;
    min-height: 350px
}

.x-theme-banner {
    background: url(../images/home/x-theme-banner.jpg) no-repeat;
    min-height: 350px
}

.graphic-design-banner {
    background: url(../images/home/graphic-designing.jpg) no-repeat;
    min-height: 350px
}

.magento-banner {
    background: url(../images/home/magento.jpg) no-repeat;
    min-height: 350px
}

.our-team-banner {
    background: url(../images/home/our-team.jpg) no-repeat;
    min-height: 350px
}

.html-css-banner {
    background: url(../images/home/html5-css3.jpg) no-repeat;
    min-height: 350px
}

.joomla-banner {
    background: url(../images/home/joomla.jpg) no-repeat;
    min-height: 350px
}

.hire-divi-theme-developer {
    background: url(../images/hire/hire-divi-theme-developer.jpg) no-repeat;
    min-height: 350px
}

.hire-gensis-framework-developer {
    background: url(../images/hire/hire-gensis-framework-developer.jpg) no-repeat;
    min-height: 350px
}

.hire-git-developer {
    background: url(../images/hire/hire-git-developer.jpg) no-repeat;
    min-height: 350px
}

.hire-internet-marketing {
    background: url(../images/hire/hire-internet-marketing.jpg) no-repeat;
    min-height: 350px
}

.hire-joomla-developer {
    background: url(../images/hire/hire-joomla-developer.jpg) no-repeat;
    min-height: 350px
}

.hire-magento-developer {
    background: url(../images/hire/hire-magento-developer.jpg) no-repeat;
    min-height: 350px
}

.hire-php-developer {
    background: url(../images/hire/hire-php-developer.jpg) no-repeat;
    min-height: 350px
}

.hire-web-designer {
    background: url(../images/hire/hire-web-designer.jpg) no-repeat;
    min-height: 350px
}

.hire-web-developer {
    background: url(../images/hire/hire-web-developer.jpg) no-repeat;
    min-height: 600px
}

.hire-wordpress-developer {
    background: url(../images/hire/hire-web-developer.jpg) no-repeat;
    min-height: 650px
}

.hire-x-theme-developer {
    background: url(../images/hire/hire-web-developer.jpg) no-repeat;
    min-height: 650px
}

.hire-hubspot-developer {
    background: url(../images/hire/hire-web-developer.jpg) no-repeat;
    min-height: 650px
}

.hire-blockchain-developer {
    background: url(../images/hire/hire-web-developer.jpg) no-repeat;
    min-height: 650px
}

.hire-woocommerce-developer {
    background: url(../images/hire/hire-web-developer.jpg) no-repeat;
    min-height: 650px
}

.col-md-offset-3 {
    margin-left: 25%
}

#main {
    width: 100%;
    margin: 0;
    padding: 50px 0;
    float: left
}

#primary {
    width: 810px;
    float: left
}

#primary.content-full-width {
    width: 100%
}

#secondary {
    width: 330px;
    float: right
}

#secondary .widget {
    display: block;
    clear: both;
    margin: 0 0 30px
}

#secondary .widget h5 {
    padding: 0 0 10px;
    font-size: 24px;
    position: relative;
    text-transform: uppercase
}

#main #secondary br {
    display: none
}

#secondary .widget h5:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 90px;
    background-color: #0c70cd
}

.blog-single-entry .entry-body h2 {
    font-size: 36px;
    position: relative;
    padding: 0 0 17px;
    margin-bottom: 20px
}

.blog-single-entry .entry-body h2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 90px;
    background-color: #0c70cd
}

.blog-single-entry .entry-body h3,
.blog-single-entry .entry-body h4,
.blog-single-entry .entry-body h5,
.blog-single-entry .entry-body h6 {
    font-size: 28px
}

.enquiry_form_sidebar {
    display: inline-block;
    width: 100%;
    padding: 5px 15px
}

.enquiry_form_sidebar input[type=email],
.enquiry_form_sidebar input[type=text],
.enquiry_form_sidebar textarea {
    width: 100%!important;
    height: auto
}

.enquiry_form_sidebar input[type=reset],
.enquiry_form_sidebar input[type=submit] {
    float: left;
    max-width: 48%;
    border: none;
    background-color: #ff4500;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    text-transform: uppercase
}

.enquiry_form_sidebar input[type=reset] {
    margin-left: 4%;
    background-color: #000;
    border: none
}

.enquiry_form_sidebar input[type=reset]:hover,
.enquiry_form_sidebar input[type=submit]:hover {
    box-shadow: inset 0 0 0 3em #fff;
    color: #000
}

.widget_hire_professionals ul li,
.widget_services ul li {
    list-style: none;
    border-bottom: 1px dotted #222
}

.widget_hire_professionals ul li a,
.widget_services ul li a {
    padding: 13px 0 15px 25px;
    position: relative;
    display: block;
    font-weight: 500
}

.widget_hire_professionals ul li a:hover,
.widget_services ul li a:hover {
    padding: 13px 0 15px 30px
}

.widget_hire_professionals ul li a:before,
.widget_services ul li a:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 16px;
    position: absolute;
    top: 14px;
    left: 1px;
    content: "\f0a4"
}

.product_list_widget li {
    list-style: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

.product_list_widget li:after {
    content: "";
    display: block;
    clear: both
}

.product_list_widget li .widget-thumb {
    position: relative;
    float: left;
    margin: 0 15px 0 0
}

.product_list_widget li .widget-thumb a:before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -moz-box-shadow: inset 0 0 0 5px hsla(0, 0%, 100%, .7);
    -webkit-box-shadow: inset 0 0 0 5px hsla(0, 0%, 100%, .7);
    box-shadow: inset 0 0 0 5px hsla(0, 0%, 100%, .7);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.product_list_widget li .widget-thumb:hover a:before {
    -moz-box-shadow: inset 0 0 0 5px hsla(0, 0%, 100%, .4);
    -webkit-box-shadow: inset 0 0 0 5px hsla(0, 0%, 100%, .4);
    box-shadow: inset 0 0 0 5px hsla(0, 0%, 100%, .4)
}

.widget-content h6 {
    text-transform: none;
    margin: 0 0 5px
}

.services_provide .container,
.services_provide .right_text ul li,
.services_provide .right_text ul li a,
.welcome_part {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.welcome_part {
    margin: 50px 0 80px;
    position: relative
}

.welcome_part .left_img {
    max-width: 500px;
    width: 100%;
    position: relative;
    z-index: 1
}

.welcome_part .right_text {
    padding: 25px 75px 25px 40px;
    width: 100%
}

.welcome_part .right_text h3 {
    text-transform: none
}

.welcome_part .right_text:before {
    content: "";
    border: 1px solid #616568;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 270px);
    z-index: 0
}

.welcome_part .right_text p {
    font-family: Roboto Mono, monospace;
    color: #848484;
    font-size: 18px;
    line-height: 30px;
    position: relative
}

.services_provide .left_img {
    max-width: 500px;
    width: 100%;
    background-image: url(../images/home/heading_bg.png);
    background-repeat: no-repeat;
    background-position: 0 20px;
    padding: 80px 0
}

.services_provide .left_img h2 {
    margin: 0;
    color: #222;
    font-size: 72px;
    line-height: 90px;
    font-weight: 700;
    text-transform: uppercase;
    max-width: 430px
}

.services_provide .right_text {
    padding: 0 40px;
    width: 100%
}

.services_provide .right_text ul {
    background-image: url(../images/home/services_line.png);
    background-repeat: no-repeat;
    padding: 30px 0 30px 25px;
    background-position: 0
}

.services_provide .right_text ul li {
    list-style: none;
    margin: 0;
    padding: 16px 0
}

.services_provide .right_text ul li:nth-child(2) {
    margin-left: 28px
}

.services_provide .right_text ul li:nth-child(3),
.services_provide .right_text ul li:nth-child(4) {
    margin-left: 40px
}

.services_provide .right_text ul li:nth-child(5) {
    margin-left: 30px
}

.services_provide .right_text ul li a {
    position: relative;
    text-transform: uppercase;
    font-size: 24px
}

.services_provide .right_text ul li a span {
    position: relative;
    border: 5px solid #fff;
    background-color: #0c70cd;
    width: 48px;
    height: 48px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    margin: 0 50px 0 0
}

.services_provide .right_text ul li a:before {
    content: "";
    background: #0c70cd;
    width: 22px;
    height: 3px;
    position: absolute;
    left: 36px;
    top: 50%;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    z-index: 1
}

.services_provide .right_text ul li a:hover:before {
    width: 90%
}

.services_provide .right_text ul li a span img {
    max-height: 20px;
    margin: 8px auto 0
}

.happy-clients {
    position: relative;
    text-align: center;
    margin: 120px 0 80px;
    padding: 120px 0 110px;
    background-image: url(../images/home/happy-clients-bg.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed;
    background-size: cover
}

.happy-clients:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    background-color: rgba(12, 112, 205, .85)
}

.happy-clients .icon_box {
    position: relative;
    padding-left: 70px;
    display: inline-block;
    text-align: left
}

.happy-clients .icon_box img {
    position: absolute;
    top: 0;
    left: 0
}

.happy-clients .icon_box h2 {
    font-weight: 700;
    color: #fff;
    line-height: 24px
}

.happy-clients .icon_box span {
    color: #fff;
    font-family: Roboto Mono, monospace;
    font-size: 18px;
    font-weight: 400
}

.who-we-are {
    text-align: center
}

.who-we-are h5 {
    margin: 10px 0 50px;
    text-transform: uppercase
}

.who-we-count .count {
    color: #525252;
    font-size: 60px!important;
    font-weight: 700
}

.career .left-part {
    float: left;
    width: 60%
}

.career .right-part {
    float: right;
    margin: 50px 60px 0 0
}

.job-post:after {
    clear: both;
    content: "";
    display: block
}

.job-post {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 20px 0 30px
}

.career .last-post {
    margin-bottom: 0
}

.less-step-img {
    width: 150px;
    display: block;
    margin: 0 0 10px
}

.blockquote-less,
.blockquote-sass {
    background-color: transparent;
    border: 1px solid #d9d9d9;
    display: block;
    padding: 25px
}

blockquote {
    line-height: 22px;
    font-style: italic;
    font-size: 16px;
    padding: 3px 0 0;
    margin: 10px 0 30px;
    float: left
}

.left_blog .rotate_date {
    margin-left: -102px
}

.right_blog .rotate_date {
    left: -32px
}

ul.post-meta li {
    list-style: none
}

#pagination {
    text-align: center;
    margin: 40px 0 0
}

#pagination .all-pages,
#pagination .next-page {
    width: auto;
    padding: 0 14px
}

#pagination a,
#pagination span {
    display: inline-block;
    text-align: center;
    height: 34px;
    width: 34px;
    color: #222;
    line-height: 33px;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    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
}

#pagination span.current {
    border-color: #0c70cd;
    background-color: #0c70cd;
    color: #fff
}

#pagination a:hover {
    color: #0c70cd
}

.post-share span {
    margin-right: 15px
}

.related_posts {
    padding: 40px 0 100px
}

ul.products>li {
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

ul.products>li:not(:last-child) {
    padding: 0 0 100px
}

.project_content {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.project_opinion {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 32%;
    flex: 1 1 32%
}

.product_thumb {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.project_view {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 68%;
    flex: 1 1 68%;
    padding: 0 3%
}

.project_view>a {
    display: inline-block;
    position: relative;
    padding-left: 5%
}

.project_animated_image {
    top: 50%;
    left: 0;
    right: auto;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: 2
}

.project_image {
    display: block;
    position: relative;
    overflow: hidden
}

ul.products>li ul {
    padding-left: 0
}

ul.products>li h3 {
    font-weight: 700
}

ul.products>li h3 span {
    display: block;
    font-weight: 400
}

.product_icons {
    padding: 50px 0 0
}

.product_icons img {
    margin: 0 0 15px
}

.product_thumb .project_status {
    padding: 0 15px 0 50%;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: normal;
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    left: -100%;
    overflow: hidden;
    z-index: 1;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.product_thumb .project_status .blue {
    margin-right: 5px;
    font-weight: 600
}

ul.products li:hover .product_thumb .project_status {
    right: 0;
    left: 0
}

.sucsess {
    color: #090;
    font-size: 20px;
    margin: 0 0 13px;
    padding: 15px;
    background: hsla(0, 0%, 100%, .8)
}

.fail,
.sucsess {
    float: left;
    text-align: center;
    width: 100%
}

.fail {
    color: red;
    font-size: 25px;
    margin: 12px 0 13px;
    padding: 0
}

.blue {
    color: #0c70cd
}

.black {
    color: #000
}

.classic-title {
    margin-bottom: 16px;
    padding-bottom: 8px;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 30px
}

.classic-title span {
    padding-bottom: 8px;
    border-bottom: 1px solid #0563bc
}

.rotate-title {
    text-transform: uppercase;
    font-size: 78px;
    line-height: 80px;
    color: #fff;
    opacity: .15;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    margin: 275px 0 0 -200px;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg)
}

.contact_us {
    float: left;
    width: 100%;
    background-image: url(../images/home/map-bg.jpg);
    background-repeat: no-repeat;
    background-position: center 90px;
    overflow: hidden;
    margin: 30px 0 0
}

.contact_us,
.contact_us .blue_bg {
    background-size: contain;
    position: relative
}

.contact_us .blue_bg {
    background-image: url(../images/home/blue-bg.png);
    background-repeat: repeat;
    padding: 85px 0 40px 85px;
    width: 59.8%;
    margin-right: 8%
}

.contact_us .blue_bg:before {
    content: "";
    position: absolute;
    top: 0;
    background-image: url(../images/home/blue-circle.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    left: 100%;
    bottom: 0;
    width: 100%
}

.contact-details {
    color: #565656;
    text-align: right;
    padding: 70px 0 0 50px
}

.contact-details strong {
    color: #222
}

ul.contact_tabs {
    list-style: none;
    text-align: center;
    margin: 0
}

ul.contact_tabs li {
    display: inline-block;
    font-size: 30px;
    line-height: 40px;
    padding: 0
}

ul.contact_tabs li:first-child {
    padding-right: 60px;
    margin-right: 60px;
    border-right: 1px solid #565656
}

ul.contact_tabs li span {
    cursor: pointer
}

ul.contact_tabs li.current {
    color: #0c70cd
}

.tab-content {
    display: none
}

.tab-content.current {
    display: inherit
}

ul.icons-list {
    margin-bottom: 6px
}

ul.icons-list li,
ul.list-unstyled li {
    margin-bottom: 4px;
    list-style: none
}

ul.icons-list li i {
    font-size: 16px;
    margin-right: 4px;
    color: #0563bc
}

.hr1 {
    height: 1px
}

.connect_form input[type=email],
.connect_form input[type=number],
.connect_form input[type=tel],
.connect_form input[type=text],
.connect_form input[type=url],
.connect_form textarea {
    box-shadow: none;
    background: 0 0;
    color: #fff;
    border: none;
    border-bottom: 1px solid;
    padding-left: 0;
    font-size: 16px;
    padding-right: 0;
    padding: 10px 0!important;
    margin: 0 0 15px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    caret-color: #fff
}


.connect_form textarea {
    resize: none
}

.connect_form input[type=submit] {
    min-width: 150px;
    border: 1px solid;
    max-width: 200px;
    float: right;
    margin: 30px 0 0
}

.connect_form div.wpcf7-acceptance-missing,
.connect_form div.wpcf7-validation-errors {
    display: none!important
}

.connect_form .invalid .wpcf7-validates-as-required {
    border-bottom: 1px solid red
}

.connect_form div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    background-color: #398f14;
    text-align: center;
    position: relative;
    bottom: -15px
}

.connect_form input:-webkit-autofill,
.connect_form input:-webkit-autofill:focus,
.connect_form input:-webkit-autofill:hover,
.connect_form select:-webkit-autofill,
.connect_form select:-webkit-autofill:focus,
.connect_form select:-webkit-autofill:hover,
.connect_form textarea:-webkit-autofill,
.connect_form textarea:-webkit-autofill:focus,
.connect_form textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s
}

.fileupload {
    position: relative
}

.fileupload input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.fileupload label {
    display: block;
    color: #fff;
    cursor: pointer;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px solid;
    padding: 10px 0;
    margin: 0 0 30px;
}
.connect_form input.wpcf7-form-control::placeholder {
    color: #fff;
    opacity: 1;
    text-transform: capitalize;
}
.connect_form textarea.wpcf7-form-control::placeholder  {
    color: #fff;
    opacity: 1;
    text-transform: capitalize;
}
.connect_form::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
    text-transform: capitalize;
}

.connect_form::-moz-placeholder {
    color: #fff;
    opacity: 1;
    text-transform: capitalize;
}

.connect_form:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
    text-transform: capitalize;
}

.connect_form:-moz-placeholder {
    color: #fff;
    opacity: 1;
    text-transform: capitalize;
}

.main-testimonial {
    text-align: center;
    margin: 50px 0 0;
    display: inline-block;
    width: 100%
}

.main-testimonial .bx-wrapper {
    position: relative
}

.main-testimonial ul li {
    background: #f9f9f9;
    margin: 0;
    mix-blend-mode: multiply;
    -webkit-mix-blend-mode: multiply
}

.main-testimonial ul li .align-items-center {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.testimonial-author {
    background: #0c70cd;
    width: 40%;
    position: relative;
    padding: 100px 0
}

.testimonial-author:after {
    content: "";
    background-image: url(../images/team/testimonial-blue-circle.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    width: 100%
}

.testimonial-author .author_img {
    overflow: hidden;
    display: inline-block;
    width: 160px;
    height: 160px;
    border-radius: 100%;
    border: 3px solid #fff
}

.testimonial-author h3 {
    font-weight: 700;
    color: #fff;
    margin: 30px 0 20px
}

.testimonial-author span {
    font-family: Roboto Mono, monospace;
    font-size: 18px;
    color: #fff
}

.testimonial-author .star_block {
    font-size: 25px;
    color: #fff;
    margin: 20px 0 0;
    display: inline-block;
    width: 100%
}

.testimonial-content {
    width: 60%;
    padding: 0 0 0 60px;
    position: relative;
    z-index: 1
}

.testimonial-content .text-content {
    font-family: Roboto Mono, monospace;
    color: #333;
    font-size: 18px;
    line-height: 30px;
    max-width: 320px
}

.testimonial-content .fa {
    color: #bfbfbf;
    font-size: 40px
}

.testimonial-content .fa-quote-left {
    vertical-align: bottom
}

.testimonial-content .fa-quote-right {
    vertical-align: top
}

.main-testimonial .right_img {
    position: absolute;
    right: -60px;
    bottom: 0
}

.main-testimonial .bx-pager {
    position: absolute;
    right: 27%;
    bottom: 40px;
    z-index: 99
}

.main-testimonial .bx-pager .bx-pager-item {
    display: block
}

.main-testimonial .bx-pager .bx-pager-item .bx-pager-link {
    background: #333;
    height: 5px;
    width: 26px;
    float: right;
    font-size: 0;
    margin: 10px 0 0
}

.main-testimonial .bx-pager .bx-pager-item .bx-pager-link.active {
    background: #0c70cd;
    width: 36px
}

.team-member {
    font-family: Roboto Mono, monospace;
    border: 1px solid #ccc;
    padding: 60px 0 20px;
    text-align: center;
    position: relative
}

.team-member:before {
    content: "";
    border: 1px solid #ccc;
    position: absolute;
    top: 4px;
    left: -6px;
    right: 4px;
    bottom: -6px;
    z-index: -1
}

.team-member .member-photo {
    overflow: hidden;
    display: inline-block;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    position: relative
}

.team-member .member-photo:before {
    content: "";
    background: rgba(0, 0, 0, .56);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.team-member .member-photo:before,
.team-member .member-socail {
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.team-member:hover .member-photo:before,
.team-member:hover .member-socail {
    opacity: 1;
    visibility: visible
}

.team-member .member-info {
    margin: 35px 0 20px
}

.team-member .member-info .member-name {
    font-size: 20px;
    line-height: 23px
}

.team-member .member-info span {
    font-size: 14px;
    line-height: 23px
}

.team-member .member-socail {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -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
}

.team-member .member-socail a {
    color: #d1d1d1;
    font-size: 18px;
    margin: 0 7px
}

.team-member .member-socail a:hover {
    color: #222
}

.our_skills {
    background: #f9f9f9;
    margin: 90px 0 0;
    position: relative
}

.our_skills:before {
    content: "";
    background: #023d88;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    bottom: 0
}

.our_skills .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.our_skills .one-half {
    padding: 40px 0
}

.our_skills .classic-heading {
    margin-bottom: 55px;
    color: #fff;
    text-align: left
}

.our_skills .classic-heading:before {
    background-color: #fff;
    left: 0
}

.our_skills .content_box {
    max-width: 430px;
    margin: 0 0 35px
}

.our_skills .content_box p {
    font-family: Roboto Mono, monospace;
    font-size: 20px;
    line-height: 30px;
    color: #fff
}

.portfolio_tabs {
    text-align: center;
    clear: both;
    margin: 0 0 20px
}

.portfolio_tabs li {
    margin: 0 15px 15px;
    display: inline-block;
    list-style: none;
    color: #333;
    text-transform: uppercase;
    cursor: pointer
}

.portfolio_tabs li.active a {
    color: #0c70cd
}

.portfolio {
    margin: 0 -15px
}

.grid_sizer,
.portfolio .light_box {
    width: 33.3333%;
    margin-bottom: 0;
    list-style: none
}

.portfolio .light_box {
    height: 282px;
    float: left;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.portfolio .light_box.w2 {
    width: 66.6667%
}

.portfolio .light_box.h2 {
    height: 564px
}

.portfolio_imgbox {
    position: relative;
    height: 100%;
    overflow: hidden
}

.portfolio_imgbox>img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    object-position: center;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.overlay_box {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px
}

.overlay_content {
    position: relative;
    height: 100%;
    text-align: center;
    -webkit-flex-direction: column;
    flex-direction: column
}

.overlay_content:after,
.overlay_content:before {
    border: 1px solid transparent;
    width: 0;
    height: 0;
    box-sizing: inherit;
    content: "";
    position: absolute
}

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

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

.overlay_content .portfolio_logo {
    position: relative;
    z-index: 1
}

.overlay_content .flex-center-wrapper,
.overlay_content .portfolio_logo,
.overlay_content .portfolio_logo img {
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.overlay_content .flex-center-wrapper {
    position: absolute;
    bottom: -100px;
    opacity: 0;
    visibility: hidden;
    z-index: 1
}

.overlay_content .flex-center-wrapper .zoom {
    margin-right: 15px
}

.portfolio_imgbox:hover .portfolio_logo img {
    max-width: 70%;
    width: auto;
    max-height: 140px
}

.portfolio_imgbox:hover .overlay_content .flex-center-wrapper {
    position: relative;
    opacity: 1;
    visibility: visible;
    margin-top: 15px;
    bottom: 0
}

.portfolio_imgbox:hover>img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

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

.portfolio_imgbox:hover .overlay_content:before {
    border-top-color: #fff;
    border-right-color: #fff;
    transition: width .25s ease-out, height .25s ease-out .25s
}

.portfolio_imgbox:hover .overlay_content:after {
    border-bottom-color: #fff;
    border-left-color: #fff;
    transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s
}

.social_widget {
    text-align: center;
    background: #363b3e;
    padding: 20px 15px
}

.social_widget .social-icon,
.social_widget .title {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    color: #fff
}

.social_widget .title {
    font-size: 30px;
    line-height: normal
}

.social_widget .social-icon li {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    margin: 0 5px
}

.social_widget .social-icon li a {
    display: block;
    color: #000;
    background: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 27px;
    border-radius: 100%
}

.social_widget .social-icon li:nth-child(5) a {
    position: relative
}

.social_widget .social-icon li:nth-child(5) a:after {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin: -30px auto auto -30px;
    bottom: 0;
    right: 0;
    z-index: 2;
    opacity: 0;
    border: 1px solid hsla(0, 0%, 100%, 0);
    -webkit-animation: pulsejg2 4s linear infinite;
    -moz-animation: pulsejg2 4s linear infinite;
    animation: pulsejg2 4s linear infinite;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    -webkit-box-shadow: inset 0 0 12px 5px #ff0;
    -moz-box-shadow: inset 0 0 12px 5px #ff0;
    box-shadow: inset 0 0 12px 5px #ff0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: ""
}

@-webkit-keyframes pulsejg2 {
    0% {
        -webkit-transform: scale(.6);
        opacity: 0
    }
    40% {
        -webkit-transform: scale(.8);
        opacity: .05
    }
    50% {
        -webkit-transform: scale(1);
        opacity: .1
    }
    60% {
        -webkit-transform: scale(1.1);
        opacity: .3
    }
    80% {
        -webkit-transform: scale(1.2);
        opacity: .1
    }
    to {
        -webkit-transform: scale(1.3);
        opacity: 0
    }
}

@-moz-keyframes pulsejg2 {
    0% {
        -moz-transform: scale(.6);
        opacity: 0
    }
    40% {
        -moz-transform: scale(.8);
        opacity: .05
    }
    50% {
        -moz-transform: scale(1);
        opacity: .1
    }
    60% {
        -moz-transform: scale(1.1);
        opacity: .3
    }
    80% {
        -moz-transform: scale(1.2);
        opacity: .1
    }
    to {
        -moz-transform: scale(1.3);
        opacity: 0
    }
}

@keyframes pulsejg2 {
    0% {
        transform: scale(.6);
        opacity: 0
    }
    40% {
        transform: scale(.8);
        opacity: .05
    }
    50% {
        transform: scale(1);
        opacity: .1
    }
    60% {
        transform: scale(1.1);
        opacity: .3
    }
    80% {
        transform: scale(1.2);
        opacity: .1
    }
    to {
        transform: scale(1.3);
        opacity: 0
    }
}

.social_widget .social-icon li a:hover {
    background: #0462ba;
    color: #fff
}

.social_widget .social-icon li a.upwork {
    background: url(../images/upwork.png) no-repeat 50%;
    font-size: 0
}

.social_widget .social-icon li a.upwork:hover {
    background: url(../images/upwork_hvr.png) no-repeat 50%
}

.featured_services {
    background: #0c70cd;
    padding: 35px 0;
    text-align: center
}

.featured_services h2 {
    color: #fff;
    margin-bottom: 25px
}

.featured_services ul li {
    list-style: none;
    display: inline-block;
    vertical-align: top
}

.featured_services ul li a {
    color: #fff;
    padding: 12px 15px;
    min-width: 245px;
    display: block;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 10px 0;
    margin: 0 5px
}

.featured_services ul li a:hover {
    background: #fff;
    color: #0c70cd;
    border-radius: 0 10px
}

.enquiry_form_bottom .enquiry_form {
    position: relative;
    padding: 30px 50px;
    width: 100%;
    border-radius: 10px;
    max-width: 900px;
    margin: 80px auto 50px;
    background: #fff
}

.enquiry_form_header {
    padding: 0 50px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    display: block;
    clear: both
}

.enquiry_form_header:after {
    display: block;
    clear: both;
    content: ""
}

.enquiry_form_header img {
    display: none
}

.enquiry_popup .popup_outer.enquiry_form_bottom {
    background: #fff;
    text-align: left
}

.enquiry_popup .popup_outer .full_field label input,
.enquiry_popup .popup_outer .full_field label textarea {
    margin-top: 7px
}

.enquiry_form_bottom .enquiry_modal {
    cursor: pointer;
    background: url(../images/close_btn.png) no-repeat;
    width: 53px;
    height: 53px;
    font-size: 0;
    float: none;
    margin: 0;
    position: absolute;
    top: 10px;
    right: 10px
}

.enquiry_btn {
    position: static;
    background: #0563bc;
    clear: both;
    text-align: center;
    display: block;
    padding: 17px 20px;
    max-width: 280px;
    margin: 15px auto auto;
    font-size: 23px;
    color: #fff;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -99px
}

.why-hire .form-outer {
    background: hsla(0, 0%, 100%, .8);
    padding: 17px 0 30px;
    margin: 30px auto -87px;
    max-width: 1200px;
    text-align: center;
    position: relative;
    border-radius: 0
}

.botton_heading {
    clear: both;
    color: #000;
    text-align: center;
    display: block;
    line-height: normal;
    margin: 0;
    padding: 10px 0;
    font-size: 35px;
    text-transform: capitalize
}

.enquiry_btn:hover {
    box-shadow: inset 0 0 0 3em #ef6c31;
    color: #fff;
    background: #ef6c31
}

.form-outer .enquiry_btn {
    background: #ef6c31;
    position: relative;
    top: 15px
}

.form-outer .enquiry_btn:hover {
    box-shadow: inset 0 0 0 3em #0563bc;
    color: #fff
}

.popup_outer {
    display: none
}

.enquiry_popup {
    overflow: hidden
}

.enquiry_popup .popup_outer {
    position: fixed;
    left: 0!important;
    top: 0;
    display: block;
    width: 100%;
    overflow: auto;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 9999
}

.enquiry_form {
    margin: 0 auto
}

.top-banner .enquiry_form {
    position: relative;
    padding: 30px 50px;
    width: 100%;
    border-top: 5px solid #0563bc;
    border-radius: 10px;
    max-width: 900px;
    margin: 80px auto 50px;
    background: #fff
}

.enquiry_form h2 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #0563bc;
    margin-bottom: 10px
}

.enquiry_form p {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 30px;
    padding-bottom: 20px;
    margin: 0 auto 30px;
    max-width: 600px;
    background: url(../images/border.png) no-repeat bottom
}

.enquiry_form p a {
    color: #1b76cc;
    transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all ease-in-out .35s;
    -ms-transition: all ease-in-out .35s;
    font-weight: 600
}

.enquiry_form p a:hover {
    color: #4c9de8
}

.enquiry_form_sidebar_submit {
    overflow: hidden
}

.enquiry_form>.enquiry_modal {
    position: absolute;
    right: -20px;
    cursor: pointer;
    top: -20px;
    background: url(../images/close_btn.png) no-repeat;
    width: 53px;
    height: 53px;
    font-size: 0
}

.full_field:after {
    clear: both;
    content: "";
    display: block
}

.full_field {
    width: 100%
}

.full_field .field {
    float: left;
    width: 48.5%;
    margin-bottom: 15px
}

.full_field .field.first {
    margin-right: 3%
}

.enquiry_form .enquiry_form_sidebar {
    padding: 0;
    display: block
}

.full_field label {
    font-weight: 600;
    font-size: 20px;
    color: #000;
    display: block;
    margin-bottom: 5px
}

.full_field label span {
    color: red
}

.full_field input[type=email],
.full_field input[type=text],
.full_field textarea {
    border: 1px solid #d6d6d6;
    padding: 12px 15px;
    margin: 0
}

.full_field input[type=email],
.full_field input[type=text],
.full_field textarea {
    color: #222!important
}

.full_field input[type=email]:focus,
.full_field input[type=text]:focus,
.full_field textarea:focus {
    border-color: #0563bc
}

.full_field textarea {
    min-height: 150px
}

.bottom_bar:after {
    clear: both;
    content: "";
    display: block
}

.bottom_bar {
    padding-top: 20px
}

.bottom_bar>div {
    float: left
}

.bottom_bar input[type=submit] {
    float: right;
    background: #0563bc;
    padding: 14px 15px;
    max-width: 240px;
    font-size: 22px;
    text-shadow: 0 1px 0 #000;
    border-radius: 0;
    box-shadow: none;
    font-family: Roboto, sans-serif;
    transition: all .56s ease-in-out;
    -webkit-transition: all .56s ease-in-out;
    -moz-transition: all ease-in-out .56s;
    -ms-transition: all ease-in-out .56s
}

.enquiry_form div.wpcf7-acceptance-missing,
.enquiry_form div.wpcf7-spam-blocked,
.enquiry_form div.wpcf7-validation-errors {
    display: none!important
}

.enquiry_form .invalid .wpcf7-validates-as-required {
    border: 1px solid red
}

.enquiry_form div.wpcf7-mail-sent-ok {
    color: #fff;
    text-align: center;
    background-color: #398f14
}

.enquiry_form .bottom_bar input[type=submit]:hover {
    background: #ef6c31;
    color: #fff;
    box-shadow: inset 0 0 0 3em #ef6c31
}

.text_center .banner-text.left-sec {
    float: left;
    width: 57%;
    text-align: left;
    margin-top: 0
}

.text_center .banner-text.left-sec a.enquiry_btn.enquiry_modal {
    margin-left: 0;
    text-align: center
}

.top-banner .right-form {
    float: right;
    width: 40%;
    margin-left: 3%;
    background: rgba(0, 0, 0, .5);
    padding: 20px 20px 25px;
    border-radius: 5px
}

.top-banner .right-form .title {
    font-size: 22px;
    line-height: normal;
    color: #fff;
    display: block;
    text-align: center;
    margin: 0
}

.top-banner .right-form .title+span {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin: 0 0 12px;
    padding: 0 0 15px;
    position: relative;
    text-align: center;
    display: block
}

.right-form .title+span:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 80px;
    margin-left: -40px;
    background: #fff;
    content: ""
}

.top-banner .right-form .sub-heading {
    line-height: 23px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: 0 0 10px
}

.top-banner .right-form form .field {
    margin: 0 0 15px;
    width: 100%;
    max-width: 100%
}

.top-banner .right-form form .field input[type=text],
.top-banner .right-form form .field input[type=email],
.top-banner .right-form form .field input[type=tel] {
    width: 100%;
    height: auto;
    padding: 10px 15px!important;
    color: hsla(0, 0%, 100%, .8)!important;
    font-size: 16px !important;
    background: 0 0;
    border: 1px solid #fff;
    margin: 0;
	border-radius:0 !important;
}

.top-banner .right-form form .field textarea {
    width: 100%;
    height: auto;
    padding: 8px 15px;
    color: hsla(0, 0%, 100%, .8)!important;
    font-size: 16px;
    background: 0 0;
    border: 1px solid #fff;
    height: 90px;
    min-height: 0
}

.top-banner .right-form form .submit_btn input[type=submit] {
    position: relative;
    background: #ef6c31;
    display: block;
    padding: 10px 20px;
    max-width: 100%;
    margin: 35px auto auto;
    font-size: 20px;
    border: none;
    color: #fff;
    border-radius: 0;
    line-height: normal;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    box-shadow: none!important
}

.top-banner .right-form form .submit_btn input[type=submit]:hover {
    background: #0563bc!important;
    color: #fff
}

.top-banner .right-form form::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .8)!important;
    opacity: 1;
    text-transform: capitalize
}

.top-banner .right-form form::-moz-placeholder {
    color: hsla(0, 0%, 100%, .8)!important;
    opacity: 1;
    text-transform: capitalize
}

.top-banner .right-form form:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .8)!important;
    opacity: 1;
    text-transform: capitalize
}

.top-banner .right-form form:-moz-placeholder {
    color: hsla(0, 0%, 100%, .8)!important;
    opacity: 1;
    text-transform: capitalize
}

.top-banner .right-form form input:-webkit-autofill {
    -webkit-text-fill-color: #fff;
    color: hsla(0, 0%, 100%, .8)!important
}

.top-banner .right-form .sub-heading+p {
    display: block;
    text-align: center;
    color: #fff!important;
    background: green;
    padding: 5px
}

.top-menu {
    position: absolute;
    top: -21px;
    right: 0;
    width: 100%;
    max-width: 861px
}

.contact-no {
    float: left;
    color: #fff;
    background: #2d9bd3;
    padding: 0 5px;
    border-radius: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.contact-no a {
    color: #fff;
    padding: 0 8px 0 5px
}

.top-menu ul:after {
    clear: both;
    display: table;
    content: ''
}

.toggled .top-menu {
    opacity: 0;
    visibility: hidden
}

.top-menu>ul>li {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none
}

.top-menu>ul>li>a,
.top-menu>ul>li>a:not([href]):not([tabindex]) {
    color: #fff;
    font-size: 18px;
    padding:0 17px 0 13px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    z-index: 999999
}

.top-menu>ul>li ul.sub-menu {
    position: absolute;
    background: #fff;
    top: 100%;
    margin: 10px 0 0;
    padding: 15px 0;
    list-style: none;
    width: 90%;
    left: 5%;
    z-index: 99999;
    border-radius: 5px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    text-align: left
}

.top-menu>ul>li ul.sub-menu li {
    display: block;
    margin: 0;
    padding: 0
}

.top-menu>ul>li ul.sub-menu li a {
    font-size: 18px;
    color: #000;
    padding: 7px 15px;
    display: block;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear
}

.top-menu>ul>li ul.sub-menu li a:hover {
    background: #0563bc;
    color: #fff
}

.top-menu .sub-toggle {
    width: 10px;
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    left: -15px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    height: 24px;
    margin: 0
}

.top-menu>ul>li .sub-toggle:before {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-top: none
}

.top-menu>ul>li .sub-toggle:before,
.top-menu>ul>li ul.sub-menu[style="display: none;"]+.sub-toggle:before {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -3px 0 0;
    content: "";
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease
}

.top-menu>ul>li ul.sub-menu[style="display: none;"]+.sub-toggle:before {
    border: 6px solid transparent;
    border-top-color: #fff;
    border-bottom: none
}

.hamburger {
    margin-top: 20px
}

.why-hire {
    min-height: 650px;
    background-position: top;
    background-size: cover;
    padding: 55px 0 0;
    margin-top: 50px;
    clear: both;
    background-color: #2e3132
}

.why-hire ul.middle {
    background: url(../images/hire-step-bg.png) no-repeat top/100%;
    width: 100%;
    display: none;
    margin-bottom: 30px
}

.why-hire ul {
    list-style: none
}

.why-hire ul li .title {
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px
}

.why-hire ul li .img {
    width: 75px;
    float: left
}

.why-hire ul li .desc {
    width: calc(100% - 75px);
    width: -webkit-calc(100% - 75px);
    width: -ms-calc(100% - 75px);
    width: -moz-calc(100% - 75px);
    float: right
}

.why-hire ul li .img img {
    max-width: 60px
}

.why-hire ul li p {
    font-size: 16px;
    font-weight: 400;
    color: #fff
}

.why-hire ul.first {
    width: 100%
}

.why-hire ul.first li {
    max-width: 300px;
    float: left
}

.why-hire ul.first li:first-child {
    margin-left: 60px;
    margin-right: 100px
}

.why-hire ul.first li:nth-child(2) {
    max-width: 320px;
    margin-right: 70px
}

.why-hire ul.last {
    width: 100%
}

.why-hire ul.last li {
    float: left
}

.why-hire ul.last li:first-child {
    margin-left: 230px;
    max-width: 360px
}

.why-hire ul.last li:nth-child(2) {
    max-width: 340px;
    margin-left: 135px
}

.why-hire ul.middle li {
    width: 20%;
    min-height: 226px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -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
}

.why-hire h3 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    font-size: 32px;
    margin-bottom: 40px
}

.why-hire h3 span {
    font-weight: 700
}

.top-banner .right-form form .field.enquiry-recaptcha div#recaptcha1>div {
    height: auto!important
}

.top-banner .right-form form .field.enquiry-recaptcha div#recaptcha1>div iframe,
.top-banner .right-form form .field.enquiry-recaptcha div#recaptcha31>div iframe,
.top-banner .right-form form .field.enquiry-recaptcha div#recaptcha32>div iframe,
.top-banner .right-form form .field.enquiry-recaptcha div#recaptcha33>div iframe {
    vertical-align: top;
    transform: scale(.8) translate(-38px);
    -moz-transform: scale(.8) translate(-38px);
    -ms-transform: scale(.8) translate(-38px);
    -webkit-transform: scale(.8) translate(-38px)
}

.top-banner .right-form form .field.enquiry-recaptcha {
    margin: 0 0 15px
}

.popuo-outer {
    padding-bottom: 8px
}

.popup {
    background: #fff;
    border-radius: 60px;
    max-width: 408px;
    box-shadow: 0 2px 0 3px #000;
    padding-bottom: 30px;
    margin: 48px auto 0 360px
}

.popup:after {
    clear: both;
    display: block;
    content: ""
}

.popup .left_part {
    float: left;
    margin-top: -29px
}

.popup .left_part img {
    vertical-align: middle;
    max-width: 100%
}

.popup .right_part {
    float: right;
    padding-right: 10px
}

.popup .right_part .popup_heading {
    margin: -38px -35px 15px 0
}

.popup .right_part p {
    font-family: Roboto Mono, monospace;
    font-weight: 500;
    font-size: 18px;
    margin: 0
}

.popup .right_part .social_1 {
    background: url(../images/social-icon-01.png) no-repeat 0;
    padding: 4px 0 4px 40px;
    margin-bottom: 15px
}

.popup .right_part .social_2 {
    background: url(../images/social-icon-02.png) no-repeat 0;
    padding: 4px 0 4px 40px;
    margin-bottom: 15px
}

.popup .right_part .social_3 {
    background: url(../images/social-icon-03.png) no-repeat 0;
    padding: 4px 0 4px 40px;
    margin-bottom: 15px
}

.popup .right_part .social_4 {
    background: url(../images/social-icon-04.png) no-repeat 0;
    background-size: 24px;
    padding: 4px 0 4px 40px;
    margin-bottom: 15px
}

.popup .right_part .form_button {
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    color: #fff;
    background: #ef6c31;
    max-width: 181px;
    margin: 0 auto;
    font-size: 22px;
    font-family: Roboto Mono, monospace;
    padding: 11px 5px 10px;
    border-radius: 12px;
    box-shadow: 3px 5px 0 #aa3405;
    transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all ease-in-out .35s;
    -ms-transition: all ease-in-out .35s
}

.popup .right_part .form_button:hover {
    box-shadow: 3px 3px 0 rgba(170, 52, 5, .7)
}

.top-banner .social-hire {
    margin-top: 46px
}

.top-banner .social-hire .hire-img {
    display: inline-block
}

.top-banner .social-hire .social-media {
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px
}

.top-banner .social-hire .social-media .social-1 {
    display: block
}

.top-banner .social-hire .social-media .social-2 {
    display: block;
    margin: 8px 0
}

.top-banner .social-hire .social-media a p.social-icon {
    background: 0 0;
    margin-left: 0;
    padding: 0;
    position: relative;
    z-index: 1
}

.top-banner .social-hire .social-media a p {
    display: inline-block;
    background: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    color: #0563bc;
    margin: 0 0 0 -8px;
    padding: 0 33px 5px 26px;
    font-size: 28px;
    line-height: normal;
    vertical-align: middle;
    transition: all .56s ease-in-out;
    -webkit-transition: all .56s ease-in-out;
    -moz-transition: all ease-in-out .56s;
    -ms-transition: all ease-in-out .56s
}

.top-banner .social-hire .social-media a p:hover {
    box-shadow: inset 0 0 0 3em #0563bc;
    color: #fff
}

.top-banner .social-hire .social-media a:hover p.social-icon {
    box-shadow: none;
    color: #fff
}

.top-banner .social-hire .social-media .social-2 p {
    padding-top: 3px;
    padding-bottom: 2px
}

.why-none~section.why-hire {
    display: none
}

.contact-sec-top {
    padding-bottom: 50px!important
}

.why-none~.contact-sec {
    padding: 25px 0 10px
}

.toggled .popup {
    display: none
}

.full_field label.error {
    display: none!important
}

.hiring_section {
    width: 598px!important;
    float: right!important
}

.hiring_section .hire .left_part {
    list-style: none;
    float: left;
    position: relative;
    vertical-align: middle;
    margin-right: 84px
}

.hiring_section .hire .left_part:before {
    background: #a2a2a2;
    position: absolute;
    top: 50%;
    right: 21px;
    width: 6px;
    height: 497px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    display: block;
    content: "";
    z-index: -1
}

.hiring_section .hire .left_part .left_content:first-child,
.hiring_section .hire .left_part .left_content:nth-child(4),
.hiring_section .hire .left_part .left_content:nth-child(5) {
    margin-bottom: 0
}

.hiring_section .hire .left_part .left_content:nth-child(2),
.hiring_section .hire .left_part .left_content:nth-child(4) {
    margin-left: 50px;
    position: relative
}

.hiring_section .hire .left_part .left_content {
    margin-bottom: 10px;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -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
}

.hiring_section .hire .left_part .left_content:before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 65%;
    background: url(../images/left_content-border.png) no-repeat;
    width: 117px;
    height: 2px;
    transform: translate(-65%, -50%);
    -webkit-transform: translate(-65%, -50%);
    -moz-transform: translate(-65%, -50%);
    -ms-transform: translate(-65%, -50%);
    z-index: -1
}

.hiring_section .hire .left_part .left_content:nth-child(2):before,
.hiring_section .hire .left_part .left_content:nth-child(4):before {
    background: url(../images/left_content-border-2.png) no-repeat;
    left: 67%;
    transform: translate(-67%, -50%);
    -webkit-transform: translate(-67%, -50%);
    -moz-transform: translate(-67%, -50%);
    -ms-transform: translate(-67%, -50%);
    width: 68px
}

.hiring_section .hire .left_part .left_content .content {
    margin: 0 128px 0 0;
    text-align: center;
    font-size: 15px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    color: #000;
    background: url(../images/content-bg.png) no-repeat 50%;
    width: 100px;
    padding: 10px;
    line-height: normal;
    height: 116px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -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
}

.hiring_section .hire .left_part .left_content:nth-child(2) .content,
.hiring_section .hire .left_part .left_content:nth-child(4) .content {
    margin: 0 78px 0 0
}

.hiring_section .hire .left_part .left_content .content br {
    display: block!important
}

.hiring_section .hire .left_part .left_content .content_icon {
    display: inline-block;
    margin: 0
}

.hiring_section .hire .right-part {
    float: right;
    list-style: none;
    text-align: center;
    margin: 96px 0 0
}

.hiring_section .hire .right-part .right_content .title {
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 36px;
    line-height: normal;
    color: #000;
    font-family: Roboto, sans-serif
}

.hiring_section .hire .right-part .right_content p {
    margin: 0 auto;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 13px;
    line-height: normal;
    color: #000;
    font-family: Roboto, sans-serif;
    background: #fff;
    max-width: 119px;
    text-align: center;
    border: 2px solid #0563bc;
    padding: 4px 13px
}

.hiring_section .hire .right-part .right_content_img {
    margin: -27px 0 0;
    position: relative;
    z-index: -1
}

.hiring_section .hire .right-part .right_content_img:before {
    background: url(../images/left_content-border.png) no-repeat;
    left: -46px;
    transform: translate(-67%, -50%);
    -webkit-transform: translate(-67%, -50%);
    -moz-transform: translate(-67%, -50%);
    -ms-transform: translate(-67%, -50%);
    width: 117px;
    height: 2px;
    display: block;
    content: "";
    position: absolute;
    top: 50%
}

.hiring_section .hire .right-part .right_content {
    margin: 0;
    position: relative
}

.hiring_section_left {
    width: 542px!important;
    float: left!important
}

.hiring_section_left h2 {
    font-size: 36px;
    position: relative;
    padding: 0 0 17px;
    margin-bottom: 20px
}

.hiring_section_left h2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 90px;
    background-color: #0c70cd
}

.hiring_section_left h3,
.hiring_section_left h4,
.hiring_section_left h5,
.hiring_section_left h6 {
    font-size: 28px
}

.servive_provide .column.one-third:nth-child(3n),
.why_choose .column.one-half:nth-child(2n) {
    margin-right: 0
}

.footermenu-section {
    width: 100%;
    float: left
}

.footermenu-section .one-third:first-child {
    width: 38.8%
}

.footermenu-section .one-third:last-child,
.happy-clients .one-third:last-child {
    margin-right: 0;
    width: 23.4%
}

.who-we-are .column.one-third:nth-child(3n) {
    margin-right: 0
}

.blog_timeline {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none
}

.blog_timeline:after {
    content: "";
    position: absolute;
    width: 6px;
    background-color: #ebebeb;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    z-index: 0
}

.blog_timeline>li {
    position: relative;
    width: 50%;
    margin: 0
}

.blog_timeline>li:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    right: -22px;
    background-color: #0c70cd;
    top: 50%;
    margin-top: -22px;
    border-radius: 50%;
    z-index: 1;
    border: 7px solid #fff
}

.left_blog {
    left: 0;
    padding-right: 80px
}

.left_blog .rotate_date {
    left: 100%;
    margin-left: -130px
}

.right_blog {
    left: 50%;
    padding-left: 80px
}

.right_blog .rotate_date {
    left: -45px
}

.right_blog:after {
    left: -22px
}

.blog-post {
    border: 1px solid #cacaca;
    position: relative
}

.blog-post:after,
.blog-post:before {
    content: "";
    position: absolute;
    z-index: 1;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -webkit-transition: all .5s ease
}

.blog-post:before {
    border-left: 1px solid #0c70cd;
    bottom: -50px;
    height: 35%
}

.blog-post:after {
    border-bottom: 1px solid #0c70cd;
    bottom: -1px;
    width: 35%
}

.left_blog .blog-post:before {
    left: -1px
}

.left_blog .blog-post:after {
    left: -50px
}

.left_blog .blog-post:hover:before {
    bottom: 0;
    height: 100%
}

.left_blog .blog-post:hover:after {
    left: 0;
    width: 100%
}

.right_blog .blog-post:before {
    right: -1px
}

.right_blog .blog-post:after {
    right: -50px
}

.right_blog .blog-post:hover:before {
    bottom: 0;
    height: 100%
}

.right_blog .blog-post:hover:after {
    right: 0;
    width: 100%
}

.blog-post .post-head {
    overflow: hidden;
    position: relative
}

.blog-post .post-head a>img {
    width: 100%
}

.rotate-heading {
    background: #0c70cd;
    color: #fff;
    padding: 8px 12px 9px;
    margin: 0;
    display: inline-block;
    position: absolute;
    top: -50px;
    right: -40px;
    z-index: 1;
    text-transform: none;
    width: 120px;
    height: 42px;
    text-align: center;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.rotate_date {
    font-family: Roboto Mono, monospace;
    font-size: 17.75px;
    line-height: 23.67px;
    color: #adadad;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.rotate_date span {
    width: 180px;
    text-align: center;
    height: 25px;
    position: absolute;
    white-space: nowrap;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.blog-post .post-content {
    padding: 30px 25px;
    position: relative
}

.blog-post .post-content p,
ul.post-meta {
    color: #737272;
    font-family: Roboto Mono, monospace
}

ul.post-meta {
    margin: 0;
    padding: 0
}

ul.post-meta li {
    display: inline-block
}

ul.post-meta pre {
    display: none
}

ul.post-meta li .fa {
    padding-right: 3px
}

ul.post-meta li a {
    color: #0c70cd
}

.show_more {
    text-align: center;
    margin: 40px 0
}

.flex-center,
.flex-center-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.flex-center-wrapper {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.single_post ul.post-meta li {
    font-size: 24px;
    margin-bottom: 0
}

.single_post ul.post-meta li:not(:last-child) {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 2px solid #737272
}

.single_post .post-content h2 {
    font-size: 44px;
    margin: 50px 0
}

.single_post ul.post-meta li .fa {
    padding-right: 7px
}

.single_post .post-share {
    margin: 50px 0
}

.post-share span {
    margin-right: 0;
    font-size: 20px;
    color: #000;
    text-transform: uppercase
}

.post-share a {
    margin: 0 10px;
    color: #737272;
    font-size: 25px;
    display: inline-block;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    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
}

.post-share a:hover {
    color: #0c70cd
}

.related_posts {
    display: inline-block;
    width: 100%;
    padding: 40px 0 20px
}

.related_posts .blog-post:after,
.related_posts .blog-post:before {
    display: none
}

.related_posts .blog-post .post-content {
    padding: 20px 15px;
    font-size: 11px;
    line-height: normal
}

.related_posts .blog-post .post-content p {
    line-height: 24px;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    text-align: justify
}

.related_posts ul.post-meta li {
    font-size: 15px
}

.related_posts .arrow_btn {
    font-size: 14px;
    display: block;
    margin: 0 auto;
    max-width: 165px
}

.single_post_content ul li {
    position: relative;
    list-style: none;
    padding-left: 20px
}

.single_post_content ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    height: 5px;
    width: 5px;
    display: inline-block;
    background: #333334;
    border: 1px solid #333334
}

.related_posts>ul>li {
    list-style: none
}

.related_posts>ul>li:nth-child(3n+3) {
    margin-right: 0
}

.respond {
    border: 1px solid #cdcdcd;
    padding: 80px 60px 50px;
    position: relative
}

.respond,
.respond form {
    display: inline-block;
    width: 100%
}

.respond .comment-form .column.one-half.last {
    float: right
}

.respond .comment-form .comment-notes,
.respond .comment-form .form-submit {
    width: 100%;
    float: left
}

.respond .comment-form .form-submit {
    text-align: center;
    margin-bottom: 0
}

.respond h3 {
    font-size: 36px;
    position: absolute;
    top: -37px;
    left: 10px;
    text-transform: capitalize;
    padding: 10px;
    background-color: #fff
}

.respond::-webkit-input-placeholder {
    color: #888;
    text-transform: uppercase;
    letter-spacing: .03em
}

.respond::-moz-placeholder {
    color: #888;
    text-transform: uppercase;
    letter-spacing: .03em
}

.respond:-ms-input-placeholder {
    color: #888;
    text-transform: uppercase;
    letter-spacing: .03em
}

.respond:-moz-placeholder {
    color: #888;
    text-transform: uppercase;
    letter-spacing: .03em
}

.respond input,
.respond textarea {
    display: inline-block;
    margin: 10px 0 20px;
    min-height: 50px;
    border-radius: 0;
    border: 1px solid #cdcdcd
}

.respond textarea {
    height: 210px
}

.respond input[type=submit] {
    letter-spacing: .03em;
    width: 100%;
    border: 1px solid #000;
    background-color: #000;
    max-width: 150px;
    color: #fff;
    margin: 20px auto;
    text-transform: uppercase
}

.respond input[type=submit]:hover {
    box-shadow: inset 0 0 0 3em #fff;
    color: #0c70cd
}

#wb-load-more-btn {
    cursor: pointer;
    max-width: 220px;
    margin: 75px auto 0!important;
    display: block
}

.job-post:last-child {
    margin-bottom: 0
}

.tor_1 {
    display: none
}

.tor_1.display {
    display: inline-block
}

#loadMore {
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center
}

#loadMore a {
    border: 1px solid #e61b2e;
    background: #e61b2e;
    color: #fff;
    display: inline-block;
    padding: 10px 35px;
    transition: all .25s ease-out;
    -webkit-font-smoothing: antialiased;
    font-size: 24px
}

#loadMore a:hover {
    background: 0 0;
    border: 1px solid #e61b2e;
    color: #e61b2e;
    text-decoration: none
}

.team-members .one-third:last-child {
    margin-right: 0
}

.wpcf7-response-output {
    clear: both!important
}

#wpcf7-f312-o1 .wpcf7-response-output,
.connect_form .wpcf7-response-output {
    color: #fff
}

.big-demo .portfolio_tabs button {
    text-transform: uppercase;
    font-size: 14px
}

.big-demo button {
    display: inline-block;
    margin: 0 auto 10px;
    width: auto;
    cursor: pointer;
    transition: all .5s ease;
    -ms-transition: all ease .5s;
    -webkit-transition: all .5s ease
}

.big-demo button .big-demo .is-checked,
.big-demo button:focus,
.big-demo button:hover {
    background: #000;
    color: #fff
}

.error404 .contact-sec,
.error404 .why-hire {
    display: none
}

.error-msz {
    padding: 10px 0 40px;
    text-align: center
}

.section-front {
    overflow: hidden;
    background: #ededeb;
    text-align: center;
    border-bottom: 0;
    color: #000;
    line-height: 1.5;
    border-top: 1px solid #ddd;
}
.section-front .container {
    max-width: 981px;
    margin: 0 auto;
    padding: 20px 0 40px;
}
.section-front h3 {
    font-size: 24px;
	font-weight:bold;
}
.section-front-bottom {
    overflow: hidden;
    background: #ededeb;
    text-align: center;
    border-bottom: 1px dotted #b3b3b3;
    color: #000;
    line-height: 1.5;
    border-top: 0;
}
.section-front-bottom .container {
    max-width: 981px;
    margin: 0 auto;
    padding: 0px 0 40px;
}
.section-front-bottom .project-content strong {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
.fdetails-options {margin:0px;}
.fdetails-options .container {
    max-width: 958px;
    margin: 0 auto;
    padding: 20px 0 40px;
}
.fdetails-options h2 {
    font-size: 24px;
    font-weight: bold;
    position: relative;
    padding-bottom: 10px;
}
.fdetails-options h2:before {
    position: absolute;
    bottom: 0;
    content: "";
    background: #0563bc;
    height: 3px;
    width: 55px;
    left: 47%;
}
.fdetails-options .fdetails {
    text-align: center;
    margin-bottom: 40px;
}
.number-count {
    background: #e6e7e8;
    padding: 10px;
    clear: both;
}
.number-count1 {
    background: #e6e7e8;
    padding: 10px;
    clear: both;
}
.details-form input[type=number] {
    width: 100%;
    padding: 15px !important;
    border-radius: 7px !important;
    font-size: 15px !important;
    margin-bottom: 5px;
	margin-left: 0;
}

.optiondetails ul.accordion {list-style:none;} 
.optiondetails ul.accordion li input.option_name {
    display: none;
}
.acc ul li a.toggle {
    position: relative;
    width: 100%;
    display: block;
    background: #0563bc;
    color: #fefefe;
    padding: 0.75em;
    border-radius: 4px 4px 0 0;
    transition: background 0.3s ease;
}
div .inner {
    display: block;
    background: #fff;
    border: solid 1px #ccc;
    padding: 25px;
}
.inner > #Framework ul {
	list-style: none;
    padding: 0px;
}
.inner > #Framework ul li {
	display:block;
}
.inner > #Framework ul li span {
	float:left;
}


div .inner > .sub_op > h6 {
    font-size: 19px;
    margin: 20px 0 30px;
    border-bottom: dotted 2px #ddd;
    padding-bottom: 11px;
}

div .inner > .sub_op {position:relative;}
div .inner > .sub_op > input#FrameworkCheck {
    position: absolute;
    top: 0px;
    right: 0px;
    float: right;
    width: auto;
}
.inner > #Framework ul li {
    display: block;
}
.inner > #Framework ul li span {
    float: left;
    width: 235px;
}
.inner > #Framework ul li input.alloptionvalue {
    width: auto;
    float: left;
    margin: 0 10px;
    margin-top: 6px;
}
div .inner > .sub_op > input#CompatibilityCheck {
    position: absolute;
    top: 0px;
    right: 0px;
    float: right;
    width: auto;
}
.inner > #Compatibility ul {
	list-style: none;
    padding: 0px;
}
.inner > #Compatibility ul li {
    display: block;
}
.inner > #Compatibility ul li span {
    float: left;
    width: 235px;
	font-size: 14px;
}
.inner > #Compatibility ul li input.alloptionvalue {
    width: auto;
    float: left;
    margin: 0 10px;
    margin-top: 6px;
}
div .inner > .sub_op > input#JS / CSS Interactivity OptionsCheck {
    position: absolute;
    top: 0px;
    right: 0px;
    float: right;
    width: auto;
}
.inner > #JS / CSS Interactivity OptionsCheck ul {
	list-style: none;
    padding: 0px;
}
.inner > #JS / CSS Interactivity OptionsCheck ul li {
    display: block;
}
.inner > #JS / CSS Interactivity OptionsCheck ul li span {
    float: left;
    width: 235px;
	font-size: 14px;
}
.inner > #JS / CSS Interactivity OptionsCheck ul li input.alloptionvalue {
    width: auto;
    float: left;
    margin: 0 10px;
    margin-top: 6px;
}

div .inner > .sub_op > input.interactivity-input {
    position: absolute;
    top: 0px;
    right: 0px;
    float: right;
    width: auto;
}

.inner > .interactivity-options ul {
	list-style: none;
    padding: 0px;
}
.inner > .interactivity-options ul li {
    display: block;
}
.inner > .interactivity-options ul li span {
    float: left;
    width: 235px;
	font-size: 14px;
}
.inner > .interactivity-options ul li input.alloptionvalue {
    width: auto;
    float: left;
    margin: 0 10px;
    margin-top: 6px;
}



div .inner.show {
    display: block;
    background: #fff;
    border: solid 1px #ccc;
}
.acc ul li a.toggle:after{
    content: "";
    margin: 0 0.5em;
    display: inline-block;
    border: 7px solid transparent;
    border-top: 8px solid #fff;
    border-bottom: 0 none;
    right: 0;
    position: absolute;
    top: 21px;
}
.acc ul li {
    margin: 0.5em 0;
    position: relative;
}

input[type=radio] {
		display:none;
}
.first_radio_button input[type=radio] {
		display:block;
}

input[type=radio] + label, input[type=checkbox] + label {
	display: inline-block;
    margin: -3px;
    padding: 14px 21px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
    color: #333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #fff;
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #b3b3b3;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    width: 25%;
	}

	 input[type=radio]:checked + label, input[type=checkbox]:checked + label{
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
    background-color: #000; 
    color: #fff;
    padding: 14px 21px;
	}
	
.forms-section {margin:0px;} 
.forms-section .container {
    max-width: 981px;
    margin: 0 auto;
    padding: 40px 0 40px;
}
.forms-section input, input[type=email] {
    width: 46%;
    float: left;
    margin: 0 10px;
    padding: 15px !important;
    border-radius: 7px !important;
    margin-bottom: 20px;
    font-size: 15px !important;
}

.forms-section textarea {
    width: 94%;
    float: left;
    margin: 0 10px;
    padding: 15px !important;
    border-radius: 7px !important;
    margin-bottom: 20px;
	min-height:150px;
    font-size: 15px;
}
.forms-section input[type=file] {
    width: 94%;
    float: left;
    margin: 0 10px;
    padding: 15px !important;
    border-radius: 7px !important;
    margin-bottom: 20px;
    font-size: 15px;
}
.forms-section ul.agreement {
    list-style: none;
    clear: both;
}
.forms-section ul.agreement li input {
    width: 2%;
    margin-left: 8px;
    display: block;
    float: left;
    margin-top: 4px;
}
.forms-section ul.agreement li {
	display: inline-block;
    width: 100%;
    clear: both;
}
.allsubmit {
    display: block;
    text-align: center;
    margin: auto;
    width: 25%;
}
.allsubmit input.submitprojects {
    background: #ef6c31;
    clear: both;
    text-align: center;
    display: block;
    padding: 17px 20px;
    max-width: 320px;
    margin: 15px auto auto;
    width: 100%;
    font-size: 23px;
    color: #fff;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out; 
}
.allsubmit input.submitprojects:hover {
    box-shadow: inset 0 0 0 3em #0563bc;
    color: #fff;
}

.order-now-section form .first_radio_button {
    text-align: center
}

.order-now-section form .first_project_class {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 20px
}

.order-now-section form .first_project_class p {
    max-width: 150px;
    width: 100%;
    background: #000;
    margin: 0;
    padding: 10px 15px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    text-align: left;
    cursor: pointer
}

.order-now-section form .first_project_class input[type=radio]:checked+p {
    background: #ef6c31
}

.order-now-section form .first_project_class input[type=radio] {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.page-template-template-email .grid_sizer,
.page-template-template-email .portfolio .light_box {
    width: 50%
}

.page-template-template-email .portfolio-banner {
    min-height: 400px
}

.page-template-template-email .portfolio .light_box {
    height: 500px
}

.page-template-template-email .portfolio_imgbox>img {
    height: auto
}

.page-template-template-email .overlay_box {
    background: rgba(0, 0, 0, .44)
}

.page-template-template-email .modal-dialog {
    max-width: 600px;
    width: 100%;
    margin: 5% auto
}

.page-template-template-demo-portfolio .menu_outer {
    position: relative
}

.page-template-template-demo-portfolio .menu_outer:after {
    content: '';
    clear: both;
    display: table
}

.page-template-template-demo-portfolio .main_manu {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 50%;
    float: left
}

.page-template-template-demo-portfolio .main_manu .drop-down {
    width: 220px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: super
}

.page-template-template-demo-portfolio .main_manu h4 {
    display: inline-block;
    font-size: 24px
}

.page-template-template-demo-portfolio .main_manu .drop-down>a {
    background: #222 url(https://webgensis.com/wp-content/themes/webgenis/images/drop-down-arrow.png) no-repeat right 10px center/15px;
    width: 220px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    padding: 8px 15px
}

.page-template-template-demo-portfolio .submenu li {
    margin-bottom: 0;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

.page-template-template-demo-portfolio .submenu li a {
    color: #fff;
    padding: 8px 15px;
    display: block;
    background-color: #222;
    transition: all ease .5s;
    -ms-transition: all ease .5s;
    -webkit-transition: all ease .5s
}

.page-template-template-demo-portfolio .submenu li a:hover {
    background-color: #000
}

.page-template-template-demo-portfolio .submenu {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    right: 0;
    top: 40px;
    display: none;
    background-color: #222;
    z-index: 9999;
    width: 100%;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    padding: 10px
}

.page-template-template-demo-portfolio .show_list.opne+.submenu {
    display: block
}

.page-template-template-demo-portfolio .portfolio-banner {
    min-height: 400px
}

/*employee-dashboard-page-css*/
.dashboard-banner.portfolio-banner {
    min-height: 450px;
}
.dashboard-table td a.view-project {
    padding: 5px 15px;
    background: #000;
    color: #fff;
	transition:all ease-in-out 0.35s;
	-webkit-transition:all ease-in-out 0.35s;
	-moz-transition:all ease-in-out 0.35s;
	-ms-transition:all ease-in-out 0.35s;
}
.dashboard-table td a.view-project:hover{
	background-color:#3a474e;
}
.content-area.dashbo form .acf-fields .acf-input .wp-editor-tools.hide-if-no-js .wp-editor-tabs button[type="button"]{
	float:right;
	margin:0 0 5px 5px;
}
.single-project .carder h1{
	font-size:30px;
}
.content-area.dashbo form .acf-fields .acf-input .wp-editor-container .quicktags-toolbar input {
    width: auto;
}
.content-area.dashbo form .acf-fields .acf-input .acf-radio-list li input[type="radio"] {
    display: block;
}
.content-area.dashbo form .acf-fields .acf-input .acf-actions .acf-button {
    padding: 6px 15px;
    background-color: #000;
    color: #fff;
    display: inline-block;
	transition:all ease-in-out 0.35s;
	-webkit-transition:all ease-in-out 0.35s;
	-moz-transition:all ease-in-out 0.35s;
	-ms-transition:all ease-in-out 0.35s;
}
.content-area.dashbo form .acf-fields .acf-input .acf-actions .acf-button:hover{
	background-color:#3a474e;
}



/*---dashbo-new css---*/

.single-project .dashbo .carder {
    padding: 60px 30px !important;
}
.single-project .dashbo .carder h1 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #0563bc;
    margin-bottom: 30px;
}
.single-project .dashbo .carder h4 {
    text-align: center;
    font-size: 24px;
    color: #444;
    line-height: normal;
    margin-bottom: 20px;
}
.single-project .dashbo .carder p {
    text-align: center;
    max-width: 620px;
    margin: 0px auto 15px;
}
.single-project .dashbo .carder .acf-label label {
    font-weight: 600;
    font-size: 20px;
    color: #000;
    display: block;
    margin-bottom: 5px;
}
.single-project .dashbo form .acf-fields .acf-input .acf-radio-list li input[type="radio"] {
    display: inline-block;
    float: left;
    width: auto;
    position: relative;
    top: 5px;
}
.single-project .dashbo .carder .select2-container--default .select2-selection--single,.single-project .dashbo .carder .select2-container--default .select2-selection--multiple{
    background: #fff;
    color: #222;
    font-size: 16px;
    font-family: Roboto, sans-serif;
    border: 1px solid #ddd !important;
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -o-border-radius: 2px !important;
    outline: 0;
    width: 100%;
    padding: 10px 15px;
    display: block;
    margin: 0;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    height: auto;
}
.single-project .dashbo .carder .acf-input-wrap input{
    background: #fff;
    color: #222;
    font-size: 16px;
    font-family: Roboto, sans-serif;
    border: 1px solid #ddd !important;
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -o-border-radius: 2px !important;
    outline: 0;
    width: 100%;
    padding: 10px 15px;
    display: block;
    margin: 0;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    height: auto;
}
.single-project .dashbo .carder .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -14px;
    margin-top: 10px;
    position: absolute;
    top: 50%;
    width: 0;
}
.single-project .dashbo .carder .select2-container.-acf .select2-selection--multiple .select2-selection__choice {
    background-color: #2d9bd3;
    border-color: #2d9bd3;
    max-width: 100%;
    overflow: hidden;
    word-wrap: normal !important;
    white-space: normal;
    color: #fff;
}
.single-project .dashbo .carder .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    }
.single-project .dashbo .carder .select2-container--default .select2-selection--single:focus{
        border: 1px solid #0563bc !important;
}

.single-project .dashbo .carder form .acf-fields .acf-input .acf-actions .acf-button {
    float: right;
    background: #449447;
    padding: 11px 36px;
    max-width: 240px;
    font-size: 17px;
    text-shadow: 0 1px 0px #000;
    box-shadow: none;
    border-radius: 4px;
    font-family: Roboto, sans-serif;
    transition: all .56s ease-in-out;
    -webkit-transition: all .56s ease-in-out;
    -moz-transition: all ease-in-out .56s;
    -ms-transition: all ease-in-out .56s;
    text-transform: uppercase;
}
.single-project .dashbo .carder .wp-editor-tools .wp-editor-tabs .wp-switch-editor {
    float: right;
    width: 64px;
}
.single-project .dashbo .carder .html-active .switch-html, .single-project .dashbo .carder .tmce-active .switch-tmce {
    background: #309cf3;
    color: #fff;
    border-bottom-color: #309cf3;
}

input.button-primary{
    position: static;
    background: #0563bc;
    clear: both;
    text-align: center;
    display: block;
    padding: 17px 20px;
    max-width: 280px;
    margin: 15px auto auto;
    font-size: 23px;
    color: #fff;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -99px;
}
.single-project .dashbo .carder  .acf-form-submit input.button-primary{
    background: #ef6c31; 
    position: relative;
    top: 15px;
}
.single-project .dashbo .carder  .acf-form-submit input.button-primary:hover{
    box-shadow: inset 0 0 0 3em #0563bc;
    color: #fff;
}



/*--dashbord employ new css --*/
.page-template-template-dashboard h4.export-client-csv a {
    width: 15% !important;
    font-size: 14px !important;
    float: right;
    background: #ef6c31 !important;
    color: #fff;
    padding: 11px 20px !important;
    margin: 2px;
    text-align: center;
}
.page-template-template-dashboard .dashboard-table td a.view-project {
    padding: 6px 15px;
    background: #00b053;
    color: #fff;
    transition: all ease-in-out 0.35s;
    -webkit-transition: all ease-in-out 0.35s;
    -moz-transition: all ease-in-out 0.35s;
    -ms-transition: all ease-in-out 0.35s;
    border-radius: 4px;
}
.page-template-template-dashboard .dashbo #main {
    width: 100%;
    margin: 0;
    padding: 100px 0;
    float: left;
}
.page-template-template-dashboard .dashbo .pagination {
    margin: 30px auto 0px !important;
}
.page-template-template-dashboard .dashbo .pagination a.page-numbers {
    padding: 10px 15px !important;
    background: none !important;
    border-radius: 4px !important;
    margin: 0 5px !important;
    color: #aaaaaa !important;
    font-weight: 700 !important;
    font-size: 19px !important;
    text-align: center !important;
    transition: 1s;
    outline: none;
}
.page-template-template-dashboard .dashbo .pagination span.page-numbers.current{
    background: #3399ff !important;
    color: #fff !important;
    padding: 10px 15px !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    font-size: 19px !important;
    text-align: center !important;
}
.page-template-template-dashboard .dashbo .pagination a.page-numbers:hover,.page-template-template-dashboard .dashbo .pagination a.page-numbers:focus{
    background: #eaeaea !important;
    border:solid 1px #eaeaea !important;
}