@font-face {
font-family: Kungfont;
src: url(//webgensis.com/wp-content/themes/webgenis/fonts/Kungfont.eot);
src: url(//webgensis.com/wp-content/themes/webgenis/fonts/Kungfont.eot?#iefix) format("embedded-opentype"), url(//webgensis.com/wp-content/themes/webgenis/fonts/Kungfont.woff2) format("woff2"), url(//webgensis.com/wp-content/themes/webgenis/fonts/Kungfont.woff) format("woff"), url(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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 .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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/images/home/about-banner.jpg) no-repeat;
min-height: 350px;
overflow: hidden;
padding: 0
}
.error404-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/error404-banner.jpg) no-repeat;
min-height: 350px
}
.apps-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/apps.jpg) no-repeat;
min-height: 350px
}
.products-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/products.jpg) no-repeat;
min-height: 350px
}
.less-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/less.jpg) no-repeat;
min-height: 350px
}
.sass-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/sass.jpg) no-repeat;
min-height: 350px
}
.divi-theme-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/divi-theme.jpg) no-repeat;
min-height: 350px
}
.bootstrap-foundation-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/bootstrap-foundation.jpg) no-repeat!important;
min-height: 350px
}
.php-development {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/php-custom-software.jpg) no-repeat!important;
min-height: 350px
}
.we-are-hiring-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/we-are-hiring.jpg) no-repeat;
min-height: 350px
}
.ada-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/ada-banner.jpg) no-repeat!important;
min-height: 350px
}
.bootstrap4-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/bootstrap4-banner.jpg) no-repeat!important;
min-height: 350px
}
.webdesign-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/webdesign-banner.jpg) no-repeat;
min-height: 350px
}
.portfolio-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/portfolio-banner.jpg) no-repeat;
min-height: 350px
}
.contact-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/contact-banner.jpg) no-repeat;
min-height: 400px
}
.career-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/career.jpg) no-repeat;
min-height: 350px
}
.graphic-desiging-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/graphic-desiging.jpg) no-repeat;
min-height: 350px
}
.wordpress-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/wordpress.jpg) no-repeat;
min-height: 350px
}
.web-development-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/web-development.jpg) no-repeat;
min-height: 350px
}
.responsive-design-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/responsive-design.jpg) no-repeat;
min-height: 350px
}
.x-theme-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/x-theme-banner.jpg) no-repeat;
min-height: 350px
}
.graphic-design-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/graphic-designing.jpg) no-repeat;
min-height: 350px
}
.magento-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/magento.jpg) no-repeat;
min-height: 350px
}
.our-team-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/our-team.jpg) no-repeat;
min-height: 350px
}
.html-css-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/html5-css3.jpg) no-repeat;
min-height: 350px
}
.joomla-banner {
background: url(//webgensis.com/wp-content/themes/webgenis/images/home/joomla.jpg) no-repeat;
min-height: 350px
}
.hire-divi-theme-developer {
background: url(//webgensis.com/wp-content/themes/webgenis/images/hire/hire-divi-theme-developer.jpg) no-repeat;
min-height: 350px
}
.hire-gensis-framework-developer {
background: url(//webgensis.com/wp-content/themes/webgenis/images/hire/hire-gensis-framework-developer.jpg) no-repeat;
min-height: 350px
}
.hire-git-developer {
background: url(//webgensis.com/wp-content/themes/webgenis/images/hire/hire-git-developer.jpg) no-repeat;
min-height: 350px
}
.hire-internet-marketing {
background: url(//webgensis.com/wp-content/themes/webgenis/images/hire/hire-internet-marketing.jpg) no-repeat;
min-height: 350px
}
.hire-joomla-developer {
background: url(//webgensis.com/wp-content/themes/webgenis/images/hire/hire-joomla-developer.jpg) no-repeat;
min-height: 350px
}
.hire-magento-developer {
background: url(//webgensis.com/wp-content/themes/webgenis/images/hire/hire-magento-developer.jpg) no-repeat;
min-height: 350px
}
.hire-php-developer {
background: url(//webgensis.com/wp-content/themes/webgenis/images/hire/hire-php-developer.jpg) no-repeat;
min-height: 350px
}
.hire-web-designer {
background: url(//webgensis.com/wp-content/themes/webgenis/images/hire/hire-web-designer.jpg) no-repeat;
min-height: 350px
}
.hire-web-developer {
background: url(//webgensis.com/wp-content/themes/webgenis/images/hire/hire-web-developer.jpg) no-repeat;
min-height: 600px
}
.hire-wordpress-developer {
background: url(//webgensis.com/wp-content/themes/webgenis/images/hire/hire-web-developer.jpg) no-repeat;
min-height: 650px
}
.hire-x-theme-developer {
background: url(//webgensis.com/wp-content/themes/webgenis/images/hire/hire-web-developer.jpg) no-repeat;
min-height: 650px
}
.hire-hubspot-developer {
background: url(//webgensis.com/wp-content/themes/webgenis/images/hire/hire-web-developer.jpg) no-repeat;
min-height: 650px
}
.hire-blockchain-developer {
background: url(//webgensis.com/wp-content/themes/webgenis/images/hire/hire-web-developer.jpg) no-repeat;
min-height: 650px
}
.hire-woocommerce-developer {
background: url(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/images/upwork.png) no-repeat 50%;
font-size: 0
}
.social_widget .social-icon li a.upwork:hover {
background: url(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/images/social-icon-01.png) no-repeat 0;
padding: 4px 0 4px 40px;
margin-bottom: 15px
}
.popup .right_part .social_2 {
background: url(//webgensis.com/wp-content/themes/webgenis/images/social-icon-02.png) no-repeat 0;
padding: 4px 0 4px 40px;
margin-bottom: 15px
}
.popup .right_part .social_3 {
background: url(//webgensis.com/wp-content/themes/webgenis/images/social-icon-03.png) no-repeat 0;
padding: 4px 0 4px 40px;
margin-bottom: 15px
}
.popup .right_part .social_4 {
background: url(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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(//webgensis.com/wp-content/themes/webgenis/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
} .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;
} .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;
} .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;
}.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-block-audio audio{width:100%;min-width:300px}.block-editor-block-list__layout .reusable-block-edit-panel{align-items:center;background:#f8f9f9;color:#555d66;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;top:-14px;margin:0 -14px;padding:8px 14px;position:relative;border:1px dashed rgba(145,151,162,.25);border-bottom:none}.block-editor-block-list__layout .block-editor-block-list__layout .reusable-block-edit-panel{margin:0 -14px;padding:8px 14px}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__spinner{margin:0 5px}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info{margin-right:auto}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label{margin-right:8px;white-space:nowrap;font-weight:600}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title{flex:1 1 100%;font-size:14px;height:30px;margin:4px 0 8px}.block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button{flex-shrink:0}@media (min-width:960px){.block-editor-block-list__layout .reusable-block-edit-panel{flex-wrap:nowrap}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title{margin:0}.block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button{margin:0 0 0 5px}}.editor-block-list__layout .is-selected .reusable-block-edit-panel{border-color:rgba(66,88,99,.4) rgba(66,88,99,.4) rgba(66,88,99,.4) transparent}.is-dark-theme .editor-block-list__layout .is-selected .reusable-block-edit-panel{border-color:hsla(0,0%,100%,.45) hsla(0,0%,100%,.45) hsla(0,0%,100%,.45) transparent}.block-editor-block-list__layout .reusable-block-indicator{background:#fff;border:1px dashed #e2e4e7;color:#555d66;top:-14px;height:30px;padding:4px;position:absolute;z-index:1;width:30px;right:-14px}.wp-block-button{color:#fff;margin-bottom:1.5em}.wp-block-button.aligncenter{text-align:center}.wp-block-button.alignright{text-align:right}.wp-block-button__link{background-color:#32373c;border:none;border-radius:28px;box-shadow:none;color:inherit;cursor:pointer;display:inline-block;font-size:18px;margin:0;padding:12px 24px;text-align:center;text-decoration:none;overflow-wrap:break-word}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited{color:inherit}.is-style-squared .wp-block-button__link{border-radius:0}.is-style-outline{color:#32373c}.is-style-outline .wp-block-button__link{background-color:transparent;border:2px solid}.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{padding:4px;border:1px solid #e2e4e7}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{width:100%;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-calendar table th{font-weight:440;background:#edeff0}.wp-block-calendar a{text-decoration:underline}.wp-block-calendar tfoot a{color:#00739c}.wp-block-calendar table caption,.wp-block-calendar table tbody{color:#40464d}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-columns{display:flex;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-column{flex-grow:1;margin-bottom:1em;flex-basis:100%;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (min-width:600px){.wp-block-column{flex-basis:calc(50% - 16px);flex-grow:0}.wp-block-column:nth-child(2n){margin-left:32px}}@media (min-width:782px){.wp-block-column:not(:first-child){margin-left:32px}}.wp-block-cover,.wp-block-cover-image{position:relative;background-color:#000;background-size:cover;background-position:50%;min-height:430px;width:100%;margin:0 0 1.5em;display:flex;justify-content:center;align-items:center;overflow:hidden}.wp-block-cover-image.has-left-content,.wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover-image.has-left-content .wp-block-cover-text,.wp-block-cover-image.has-left-content h2,.wp-block-cover.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,.wp-block-cover.has-left-content h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content,.wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover-image.has-right-content .wp-block-cover-text,.wp-block-cover-image.has-right-content h2,.wp-block-cover.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,.wp-block-cover.has-right-content h2{margin-right:0;text-align:right}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover-image .wp-block-cover-text,.wp-block-cover-image h2,.wp-block-cover .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,.wp-block-cover h2{color:#fff;font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:610px;padding:14px;text-align:center}.wp-block-cover-image .wp-block-cover-image-text a,.wp-block-cover-image .wp-block-cover-image-text a:active,.wp-block-cover-image .wp-block-cover-image-text a:focus,.wp-block-cover-image .wp-block-cover-image-text a:hover,.wp-block-cover-image .wp-block-cover-text a,.wp-block-cover-image .wp-block-cover-text a:active,.wp-block-cover-image .wp-block-cover-text a:focus,.wp-block-cover-image .wp-block-cover-text a:hover,.wp-block-cover-image h2 a,.wp-block-cover-image h2 a:active,.wp-block-cover-image h2 a:focus,.wp-block-cover-image h2 a:hover,.wp-block-cover .wp-block-cover-image-text a,.wp-block-cover .wp-block-cover-image-text a:active,.wp-block-cover .wp-block-cover-image-text a:focus,.wp-block-cover .wp-block-cover-image-text a:hover,.wp-block-cover .wp-block-cover-text a,.wp-block-cover .wp-block-cover-text a:active,.wp-block-cover .wp-block-cover-text a:focus,.wp-block-cover .wp-block-cover-text a:hover,.wp-block-cover h2 a,.wp-block-cover h2 a:active,.wp-block-cover h2 a:focus,.wp-block-cover h2 a:hover{color:#fff}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:fixed}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:inherit;opacity:.5;z-index:1}.wp-block-cover-image.has-background-dim.has-background-dim-10:before,.wp-block-cover.has-background-dim.has-background-dim-10:before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20:before,.wp-block-cover.has-background-dim.has-background-dim-20:before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30:before,.wp-block-cover.has-background-dim.has-background-dim-30:before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40:before,.wp-block-cover.has-background-dim.has-background-dim-40:before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50:before,.wp-block-cover.has-background-dim.has-background-dim-50:before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60:before,.wp-block-cover.has-background-dim.has-background-dim-60:before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70:before,.wp-block-cover.has-background-dim.has-background-dim-70:before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80:before,.wp-block-cover.has-background-dim.has-background-dim-80:before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90:before,.wp-block-cover.has-background-dim.has-background-dim-90:before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100:before,.wp-block-cover.has-background-dim.has-background-dim-100:before{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:305px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{display:block;content:"";font-size:0;min-height:inherit}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container{width:calc(100% - 70px);z-index:1;color:#f8f9f9}.wp-block-cover-image .wp-block-subhead,.wp-block-cover-image h1,.wp-block-cover-image h2,.wp-block-cover-image h3,.wp-block-cover-image h4,.wp-block-cover-image h5,.wp-block-cover-image h6,.wp-block-cover-image p,.wp-block-cover .wp-block-subhead,.wp-block-cover h1,.wp-block-cover h2,.wp-block-cover h3,.wp-block-cover h4,.wp-block-cover h5,.wp-block-cover h6,.wp-block-cover p{color:inherit}.wp-block-cover__video-background{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:100%;height:100%;z-index:0;-o-object-fit:cover;object-fit:cover}.block-editor-block-list__block[data-type="core/embed"][data-align=left] .block-editor-block-list__block-edit,.block-editor-block-list__block[data-type="core/embed"][data-align=right] .block-editor-block-list__block-edit,.wp-block-embed.alignleft,.wp-block-embed.alignright{max-width:360px;width:100%}.wp-block-embed{margin-bottom:1em}.wp-block-embed figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper:before{padding-top:66.66%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{margin-bottom:1.5em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file .wp-block-file__button{background:#32373c;border-radius:2em;color:#fff;font-size:13px;padding:.5em 1em}.wp-block-file a.wp-block-file__button{text-decoration:none}.wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.wp-block-file *+.wp-block-file__button{margin-left:.75em}.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0}.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{margin:0 16px 16px 0;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative}.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{margin:0;height:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{display:flex;align-items:flex-end;justify-content:flex-start}}.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{display:block;max-width:100%;height:auto;width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto}}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{position:absolute;bottom:0;width:100%;max-height:100%;overflow:auto;padding:40px 10px 9px;color:#fff;text-align:center;font-size:13px;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent)}.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline}.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{height:100%;flex:1;-o-object-fit:cover;object-fit:cover}}.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{width:calc((100% - 16px)/2)}.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-right:0}.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item{width:100%;margin-right:0}@media (min-width:600px){.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc((100% - 32px)/3);margin-right:16px}@supports (-ms-ime-align:auto){.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc((100% - 32px)/3 - 1px)}}.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc((100% - 48px)/4);margin-right:16px}@supports (-ms-ime-align:auto){.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc((100% - 48px)/4 - 1px)}}.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc((100% - 64px)/5);margin-right:16px}@supports (-ms-ime-align:auto){.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc((100% - 64px)/5 - 1px)}}.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc((100% - 80px)/6);margin-right:16px}@supports (-ms-ime-align:auto){.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc((100% - 80px)/6 - 1px)}}.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc((100% - 96px)/7);margin-right:16px}@supports (-ms-ime-align:auto){.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc((100% - 96px)/7 - 1px)}}.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc((100% - 112px)/8);margin-right:16px}@supports (-ms-ime-align:auto){.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc((100% - 112px)/8 - 1px)}}.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-right:0}.wp-block-gallery .blocks-gallery-item.has-add-item-button{width:100%}.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:305px;width:100%}.wp-block-gallery.aligncenter,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{display:flex}.wp-block-gallery.aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-image{max-width:100%;margin-bottom:1em;margin-left:0;margin-right:0}.wp-block-image img{max-width:100%}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.is-resized{display:table;margin-left:0;margin-right:0}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.is-resized>figcaption{display:table-caption;caption-side:bottom}.wp-block-image .alignleft{float:left;margin-right:1em}.wp-block-image .alignright{float:right;margin-left:1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-block-latest-comments__comment{font-size:15px;line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{min-height:36px;list-style:none}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:52px}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:14px;line-height:1.8;margin:5px 0 20px}.wp-block-latest-comments__comment-date{color:#8f98a1;display:block;font-size:12px}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:24px;display:block;float:left;height:40px;margin-right:12px;width:40px}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-latest-posts.is-grid li{margin:0 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - 16px)}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-latest-posts.columns-4 li{width:calc(25% - 16px)}.wp-block-latest-posts.columns-5 li{width:calc(20% - 16px)}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-latest-posts__post-date{display:block;color:#6c7781;font-size:13px}.wp-block-media-text{display:grid;grid-template-rows:auto;align-items:center;grid-template-areas:"media-text-media media-text-content";grid-template-columns:50% auto}.wp-block-media-text.has-media-on-the-right{grid-template-areas:"media-text-content media-text-media";grid-template-columns:auto 50%}.wp-block-media-text .wp-block-media-text__media{grid-area:media-text-media;margin:0}.wp-block-media-text .wp-block-media-text__content{word-break:break-word;grid-area:media-text-content;padding:0 8%}.wp-block-media-text>figure>img,.wp-block-media-text>figure>video{max-width:unset;width:100%;vertical-align:middle}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important;grid-template-areas:"media-text-media" "media-text-content"}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right{grid-template-areas:"media-text-content" "media-text-media"}}.is-small-text{font-size:14px}.is-regular-text{font-size:16px}.is-large-text{font-size:36px}.is-larger-text{font-size:48px}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em .1em 0 0;text-transform:uppercase;font-style:normal}.has-drop-cap:not(:focus):after{content:"";display:table;clear:both;padding-top:14px}p.has-background{padding:20px 30px}p.has-text-color a{color:inherit}.wp-block-pullquote{padding:3em 0;margin-left:0;margin-right:0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:305px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:20px}.wp-block-pullquote p{font-size:28px;line-height:1.6}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote:not(.is-style-solid-color){background:none}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;text-align:left;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{margin-top:0;margin-bottom:0;font-size:32px}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin:0 0 16px;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:24px;font-style:italic;line-height:1.6}.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:18px;text-align:right}.wp-block-rss.alignleft{margin-right:2em}.wp-block-rss.alignright{margin-left:2em}.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-rss.is-grid li{margin:0 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-rss.columns-2 li{width:calc(50% - 16px)}.wp-block-rss.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-rss.columns-4 li{width:calc(25% - 16px)}.wp-block-rss.columns-5 li{width:calc(20% - 16px)}.wp-block-rss.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{color:#6c7781;font-size:13px}.wp-block-search{display:flex;flex-wrap:wrap}.wp-block-search .wp-block-search__label{width:100%}.wp-block-search .wp-block-search__input{flex-grow:1}.wp-block-search .wp-block-search__button{margin-left:10px}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none;border:none;text-align:center;max-width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"\00b7 \00b7 \00b7";color:#191e23;font-size:20px;letter-spacing:2em;padding-left:2em;font-family:serif}p.wp-block-subhead{font-size:1.1em;font-style:italic;opacity:.75}.wp-block-table.has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table.has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table.has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table.has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;background-color:transparent;border-bottom:1px solid #f3f4f5}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tr:nth-child(odd),.wp-block-table.is-style-stripes tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td{border-color:transparent}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 16px;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}pre.wp-block-verse{white-space:nowrap;overflow:auto}.wp-block-video{margin-left:0;margin-right:0}.wp-block-video video{max-width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.has-pale-pink-background-color.has-pale-pink-background-color{background-color:#f78da7}.has-vivid-red-background-color.has-vivid-red-background-color{background-color:#cf2e2e}.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color{background-color:#ff6900}.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color{background-color:#fcb900}.has-light-green-cyan-background-color.has-light-green-cyan-background-color{background-color:#7bdcb5}.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color{background-color:#00d084}.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color{background-color:#8ed1fc}.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color{background-color:#0693e3}.has-very-light-gray-background-color.has-very-light-gray-background-color{background-color:#eee}.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color{background-color:#abb8c3}.has-very-dark-gray-background-color.has-very-dark-gray-background-color{background-color:#313131}.has-pale-pink-color.has-pale-pink-color{color:#f78da7}.has-vivid-red-color.has-vivid-red-color{color:#cf2e2e}.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color{color:#ff6900}.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color{color:#fcb900}.has-light-green-cyan-color.has-light-green-cyan-color{color:#7bdcb5}.has-vivid-green-cyan-color.has-vivid-green-cyan-color{color:#00d084}.has-pale-cyan-blue-color.has-pale-cyan-blue-color{color:#8ed1fc}.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color{color:#0693e3}.has-very-light-gray-color.has-very-light-gray-color{color:#eee}.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color{color:#abb8c3}.has-very-dark-gray-color.has-very-dark-gray-color{color:#313131}.has-small-font-size{font-size:13px}.has-normal-font-size,.has-regular-font-size{font-size:16px}.has-medium-font-size{font-size:20px}.has-large-font-size{font-size:36px}.has-huge-font-size,.has-larger-font-size{font-size:42px}.wp-block-code{font-size:14px;padding:.8em 1em;border:1px solid #e2e4e7;border-radius:4px}.wp-block-code,.wp-block-preformatted pre{font-family:Menlo,Consolas,monaco,monospace;color:#23282d}.wp-block-preformatted pre{font-size:16px}@media (min-width:600px){.wp-block-preformatted pre{font-size:14px}}.wp-block-pullquote{border-top:4px solid #555d66;border-bottom:4px solid #555d66;color:#40464d}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:#40464d;text-transform:uppercase;font-size:13px;font-style:normal}.wp-block-quote{border-left:4px solid #000;margin:20px 0;padding-left:1em}.wp-block-quote__citation,.wp-block-quote cite,.wp-block-quote footer{color:#6c7781;font-size:13px;margin-top:1em;position:relative;font-style:normal}.wp-block-quote[style*="text-align:right"],.wp-block-quote[style*="text-align: right"]{border-left:none;border-right:4px solid #000;padding-left:0;padding-right:1em}.wp-block-quote[style*="text-align:center"],.wp-block-quote[style*="text-align: center"]{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-separator{border:none;border-bottom:2px solid #8f98a1;margin:1.65em auto}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-width:100px}.wp-block-table{width:100%;min-width:240px;border-collapse:collapse}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:break-all}div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//webgensis.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}