@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;
}@media (max-width:1800px) {
.why-choose-us:before {
left: 40px;
max-width: 500px
}
}
@media (max-width:1600px) {
.testimonial-text {
margin-bottom: 40px;
padding: 0 15px
}
.features article, .features article .left-block, .features article .right-block {
display: inline-block
}
.why-choose-us:before {
left: 15px;
max-width: 410px
}
.project_animated_image img {
max-width: 80%
}
.about-banner video {
width: 100%;
margin-top: -10%
}
.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 4% center, linear-gradient(90deg, #24b64d 0, #0563bc);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#24b64d", endColorstr="#0563bc", GradientType=1)
}
.Work-Process h5 {
transform: rotate(-90deg) translate(-51%, 74px);
-webkit-transform: rotate(-90deg) translate(-51%, 74px);
-moz-transform: rotate(-90deg) translate(-51%, 74px);
-ms-transform: rotate(-90deg) translate(-51%, 74px)
}
.Work-Process ul {
margin-left: -40px
}
.services-block.hire .main-service .service-main-inner p, .services-block .main-service .service-main-inner h3 {
font-size: 20px
}
}
@media (max-width:1400px) {
.home-banner {
min-height: 540px
}
.banner-text>img {
margin: 10px 32px 30px;
width: 80px
}
.typewriter h1 {
font-size: 57px
}
.home-banner .banner-text .sub-heading {
margin: 10px auto 20px;
line-height: 30px
}
.home-banner .banner-text .button-block {
margin: 0 auto
}
.home-banner .banner-text .down-arrow {
width: 50px;
height: 85px;
padding-top: 20px
}
}
@media (max-width:1366px) {
.servive_provide .column {
width: calc(34% - 30px);
width: -ms-calc(34% - 30px);
width: -webkit-calc(34% - 30px);
width: -moz-calc(34% - 30px);
margin-right: 30px
}
.servive_provide .column:nth-child(3n) {
margin-right: 0
}
.servive_provide .column:nth-child(4n) {
margin-right: 30px
}
.why-choose-us:before {
max-width: 335px
}
.features article {
padding: 60px 40px
}
.home-banner .banner-text .button-block {
display: block;
margin: 0 auto 40px
}
.blog-post:before {
bottom: -15px
}
.right_blog .blog-post:after {
right: -15px
}
.left_blog .blog-post:after {
left: -15px
}
.project_animated_image img {
max-width: 60%
}
.home-banner .banner-text .button-block {
margin: 0 auto
}
.popup {
margin: 48px auto 0 90px
}
.Work-Process ul {
margin-left: -40px
}
}
@media (max-width:1200px) {
.hire-service .container {
max-width: 100%
}
}
@media (max-width:1199px) {
#primary.content-full-width, .container {
width: 100%
}
#primary {
width: 69%
}
#secondary {
width: calc(31% - 20px)
}
#secondary .widget h3.widgettitle {
font-size: 22px
}
.banner-text>img {
margin: 250px 32px 30px
}
.banner-text h1 {
font-size: 55px
}
.home-banner .banner-text h4 {
margin: 30px auto 50px;
font-size: 25px
}
.home-banner .banner-text .sub-heading {
margin: 30px auto 50px;
font-size: 18px
}
.services {
padding: 70px 0
}
.why-choose-us {
padding: 70px 0 62px
}
.why-choose-us:before {
display: none
}
.why-choose-us .five-sixth.col-md-offset-3 {
margin: 0;
width: 100%
}
.why-choose-item {
margin-bottom: 20px
}
.inspiring-work, .testimonial-sec {
padding: 70px 0 50px
}
.inspiring-work p {
margin-bottom: 0
}
.contact-sec li a {
font-size: 24px
}
.contact-sec li span {
font-size: 16px
}
.features article .left-block {
font-size: 100px
}
.features article .right-block .title {
font-size: 28px
}
.features article .right-block p {
font-size: 16px;
line-height: 26px
}
.contact_us .blue_bg {
width: 55.8%;
margin-right: 12%
}
.contact_us .blue_bg:before {
background-size: 20% 100%
}
.container.container_full_width {
padding-left: 15px;
padding-right: 15px
}
ul.products>li h3 {
font-size: 24px
}
.home-banner {
min-height: 678px
}
.home-banner .banner-text .down-arrow {
width: 100px;
height: 115px;
padding-top: 25px
}
.banner-text>img {
margin-top: 15px
}
.why-choose-item {
margin-left: 0
}
.why-choose-us .info-text {
max-width: 100%
}
.why-hire ul.first li:first-child {
margin-left: 0;
margin-right: 30px;
max-width: 290px
}
.why-hire ul.first li:nth-child(2) {
max-width: 330px;
margin-right: 30px
}
.why-hire ul.first li {
max-width: 280px
}
.why-hire ul.last li:first-child {
margin-left: 150px;
max-width: 350px
}
.why-hire ul.last li:nth-child(2) {
margin-left: 30px
}
.why-hire ul.middle li {
min-height: 182px
}
.about-banner {
min-height: 450px;
height: 460px
}
.popup {
margin: 48px auto 0 30px
}
.top-banner .social-hire .social-media a p {
padding: 0 23px 5px 21px;
font-size: 19px
}
.why-hire .form-outer {
max-width: 760px
}
.hiring_section, .hiring_section_left {
width: 100%!important;
float: none!important
}
.hiring_section {
text-align: center
}
.hiring_section .hire:after {
display: block;
clear: both;
content: ""
}
.hiring_section .hire {
max-width: 592px;
margin: 0 auto
}
.Work-Process ul li {
width: 150px;
height: 150px;
padding: 25px 5px 0;
margin-right: 9px
}
.Work-Process ul li:before {
display: none
}
.Work-Process h5 {
transform: rotate(-90deg) translate(-51%, 40px);
-webkit-transform: rotate(-90deg) translate(-51%, 40px);
-moz-transform: rotate(-90deg) translate(-51%, 40px);
-ms-transform: rotate(-90deg) translate(-51%, 40px)
}
.Work-Process ul {
margin-left: -50px
}
}
@media (max-width:991px) {
.top-menu {
position: static;
top: 0;
right: 0;
width: 100%;
max-width: 840px;
margin: 0 auto 10px;
}
.header .logo{
max-width:270px;
}
.hamburger {
margin-top: 10px;
}
.contact-no {
max-width: 352px;
width: 100%;
margin: 0 auto 10px;
float: none;
}
.top-menu ul {
text-align: center;
margin-bottom: 10px;
}
.top-menu ul li {
display: inline-block;
float: none;
}
.banner-text h1, .single_post .post-content h2, h1, h2 {
font-size: 36px
}
h3 {
font-size: 30px
}
h4 {
font-size: 24px
}
.services-block.hire .main-service .service-main-inner p, .services-block .main-service .service-main-inner h3, .services-block .services-block-hover h3, h5 {
font-size: 18px
}
h6 {
font-size: 16px
}
.classic-heading, .testimonial-heading {
font-size: 36px
}
.classic-title {
font-size: 20px
}
#main {
padding: 50px 0
}
#primary {
width: 62%
}
#secondary {
width: calc(38% - 20px)
}
#secondary .widget h3.widgettitle {
font-size: 20px
}
.banner-text>img {
margin: 60px 10px 30px;
width: 90px
}
.home-banner .banner-text h4 {
padding: 0;
margin: 20px auto 50px;
font-size: 24px
}
.home-banner .banner-text .sub-heading {
padding: 0;
margin: 20px auto 50px;
font-size: 16px
}
.features article {
display: block;
width: 100%
}
.features {
display: block
}
.features article .left-block, .features article .right-block {
display: table-cell;
vertical-align: middle
}
.portfolio-item li {
width: 50%
}
.why-choose-us .one-half {
width: 100%;
margin: 0
}
.col-md-offset-3 {
margin-left: 25%
}
.contact-sec {
padding: 125px 15px 10px
}
.why-none~.contact-sec {
padding: 25px 15px 10px
}
.contact-sec li:nth-child(2) {
width: 36.333%
}
.contact-sec li:last-child {
width: 33.333%
}
.contact-sec li img {
max-width: 40px
}
.contact-sec li a:before, .contact-sec li span:before {
width: 60px
}
.contact-sec li a {
padding-left: 60px;
font-size: 18px
}
.contact-sec li span {
padding-left: 60px;
font-size: 13px;
line-height: 20px
}
.contact-sec li span:before {
left: 20px
}
.footer h2 {
font-size: 23px
}
.contact-details, .right_link a {
font-size: 14px
}
.contact-details {
padding: 30px 0 0
}
.contact_us .blue_bg {
padding: 15px 15px 15px 50px
}
.rotate-title {
font-size: 40px;
line-height: normal;
margin: 140px 0 0 -100px
}
.contact_us .column.one-half {
width: 100%;
margin: 0
}
.welcome_part .left_img {
max-width: 300px
}
.welcome_part .right_text {
padding: 25px 15px 25px 25px
}
.welcome_part .right_text p {
font-size: 14px;
line-height: 24px
}
.services_provide .left_img {
max-width: 35%;
padding: 50px 0;
background-size: 100% 90%
}
.services_provide .left_img h2 {
font-size: 36px;
line-height: 45px;
max-width: 230px;
margin: 0 auto
}
.main-testimonial .right_img img {
width: 90%
}
.main-testimonial .bx-pager {
right: 37%
}
.services .row .column {
width: 48.9%;
margin: 0 2% 0 0
}
.services .row .column:nth-of-type(2n+2) {
margin: 0
}
.services-block .services-block-hover p {
font-size: 14px;
line-height: normal
}
ul.products>li {
-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
}
.project_content {
padding-bottom: 20px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.project_info {
padding-right: 30px
}
.product_icons, .project_info {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%
}
.product_icons {
padding: 0
}
.project_view {
padding: 0 30px 0 0
}
.connect_form input[type=submit] {
float: none;
margin: 30px 0
}
.enquiry_popup .popup_outer {
padding: 20px
}
.top-banner .enquiry_form {
padding: 20px 30px
}
.about-banner {
min-height: 100%;
padding: 120px 0
}
.why-hire ul.last li:nth-child(2) {
margin-left: 0;
max-width: 390px
}
.why-hire ul.last li:first-child {
margin-left: 20px;
max-width: 330px
}
.why-hire ul.first li:first-child {
margin-left: 0;
margin-right: 30px;
max-width: 340px;
width: 100%
}
.why-hire ul.first li:nth-child(2) {
max-width: 320px;
margin-right: 0
}
.why-hire ul.first li {
max-width: 350px
}
.why-hire ul.middle li {
min-height: 139px
}
.why-hire ul.middle {
max-width: 770px;
margin: 30px auto
}
.top-banner .right-form form .field.enquiry-recaptcha div#recaptcha1>div {
transform: scale(.84);
-moz-transform: scale(.84);
-webkit-transform: scale(.84);
-ms-transform: scale(.84);
margin: -6px 0 -6px -24px
}
.top-banner .social-hire .hire-img {
display: none
}
.top-banner .social-hire .social-media {
margin-left: 0
}
.top-banner .social-hire .social-media a p {
padding: 0 33px 5px 26px;
font-size: 26px
}
.hiring_section .hire:after {
display: block;
content: "";
clear: both
}
.Work-Process h5 {
transform: rotate(0deg) translate(0);
-webkit-transform: rotate(0deg) translate(0);
-moz-transform: rotate(0deg) translate(0);
-ms-transform: rotate(0deg) translate(0);
display: block;
text-align: center
}
.Work-Process ul {
margin-left: 0
}
.page-template-template-demo-portfolio .main_manu{
width:100%;
text-align: right;
max-width: 480px;
margin: auto;
float: none;
}
.page-template-template-demo-portfolio .submenu li a{
text-align:left;
}
.page-template-template-demo-portfolio .main_manu:nth-of-type(1){
margin-bottom:20px;
}
}
@media (max-width:767px) {
body {
font-size: 14px;
line-height: 20px
}
.contact-no {
max-width: 313px;
padding: 6px 2px 6px 8px;
}
.menubar {
max-width: 230px;
}
.menubar .button-block {
margin-top: 9px;
}
#primary, #secondary {
width: 100%
}
#secondary {
margin-top: 35px
}
.column {
margin-right: 0
}
.five-sixth, .four-fifth, .four-sixth, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifth, .three-fourth, .three-sixth, .two-fifth, .two-sixth, .two-third {
width: 100%;
margin-bottom: 20px
}
.classic-heading {
font-size: 24px!important;
line-height: normal;
margin: 0 0 50px
}
.botton_heading, .why-hire h3 {
font-size: 24px
}
.classic-heading:before {
bottom: -15px
}
.services_provide .left_img h2, .single_post .post-content h2, h1, h2 {
font-size: 24px!important;
line-height: normal
}
h3 {
font-size: 20px
}
h3, h4 {
line-height: normal
}
h4 {
font-size: 18px
}
h5 {
font-size: 16px
}
h5, h6 {
line-height: normal
}
h6 {
font-size: 14px
}
.header {
top: 45px
}
.top-menu {
top: -30px
}
.hamburger {
top: 0;
height: 38px;
width: 40px;
margin-top: 7px
}
.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: 4px;
width: 38px
}
.hamburger.is-closed:hover .hamb-top {
top: 5px
}
.hamburger.is-closed:hover .hamb-bottom {
bottom: 5px
}
#main {
padding: 40px 0
}
.home-banner .banner-text {
top: 50%
}
.banner-text {
padding: 0 15px
}
.top-banner .sub-heading, .top-banner h4 {
line-height: normal;
font-size: 16px;
margin: 15px auto 0
}
.top-banner .sub-heading br, .top-banner h4 br {
display: none
}
.col-md-offset-3 {
margin-left: 0
}
.top-banner.home-banner {
min-height: 500px;
max-height: 100%
}
.features article {
width: 100%;
display: block
}
.why-choose-item {
width: 100%;
margin: 0 auto 20px
}
.why-choose-us {
padding: 40px 0 20px
}
.services-block .main-service {
max-width: 480px;
width: 100%;
margin: auto
}
.contact-sec li:last-child {
width: 100%
}
.contact-sec li span {
font-size: 18px;
line-height: 26px
}
.contact-sec li, .contact-sec li:nth-child(2) {
position: relative;
float: none;
width: 100%;
max-width: 300px;
margin: 0 auto 20px
}
.contact-sec li img {
width: 48px
}
.why-hire ul li .img {
float: none
}
.why-hire ul li .desc {
width: 100%;
float: none
}
.why-hire ul.last li:nth-child(2) {
margin-bottom: 0!important
}
.footer {
padding: 40px 0 20px
}
.footer .border-heading {
margin: 0 0 15px;
font-size: 22px
}
.footer .link {
width: 100%!important
}
.footer h2 {
margin: 0 auto 20px;
text-align: left;
width: 100%;
font-size: 7vmin
}
.footermenu-section .one-third {
width: 100%
}
.copyright-section .right_link {
float: none
}
.copyright-section {
float: none;
width: 100%;
text-align: center;
max-width: 320px;
margin: auto;
overflow: hidden
}
.copyright-section .social-icon {
list-style: none;
padding: 0;
width: 100%;
margin: auto;
max-width: 320px;
clear: both;
content: "";
display: block
}
.copyright-section .social-icon li {
float: none;
display: inline-block;
margin: 0 5px
}
.header .logo {
max-width: 215px
}
.banner-text>img {
width: 50px;
margin: 0 10px 20px
}
.banner-text h1 {
font-size: 6vmin;
letter-spacing: 0;
font-size: 23px !important;
}
.home-banner .banner-text .sub-heading, .home-banner .banner-text h4 {
margin: 20px auto;
font-size: 3vmin;
line-height: normal
}
.home-banner .banner-text .button-block .main-button {
font-size: 19px;
margin-bottom: 15px;
max-width: 200px;
padding-left: 15px;
padding-right: 15px
}
.testimonial-name {
font-size: 25px
}
.home-banner .banner-text .button-block {
margin-bottom: 0
}
.services-block .main-service .service-main-inner h3 {
font-size: 5vmin
}
.why-choose-us .info-text {
margin: 0 auto 20px;
max-width: 100%;
padding: 0 15px
}
.why-choose-detail .title {
margin: 0 0 5px
}
.testimonial-heading {
font-size: 24px;
line-height: normal;
margin: 0 0 40px
}
.testimonial-heading:before {
bottom: -15px
}
.testimonial-text {
font-size: 18px
}
.inspiring-work {
padding: 40px 0
}
.features article .right-block .title {
text-align: center;
font-size: 24px
}
.features article .right-block p {
font-size: 15px
}
.features article .left-block {
font-size: 23vmin
}
.features article {
padding: 25px
}
.features article .left-block, .features article .right-block {
display: block;
text-align: center;
padding: 0;
margin: 0 0 15px
}
.services {
padding: 40px 0
}
.services .row .column {
width: 100%;
margin: 0
}
.services .info-text {
margin: 0 auto 20px;
padding: 0 15px;
max-width: 100%
}
.testimonial-sec {
padding: 40px 0
}
.home-banner .banner-text .down-arrow {
width: 70px;
height: 80px;
padding-top: 14px;
background-size: 70px
}
.home-banner .banner-text .down-arrow span img {
width: 40px
}
.contact-sec li a:before, .contact-sec li span:before {
height: 1px;
width: 75px
}
.contact-sec {
padding: 25px 0 10px;
background-size: auto
}
.contact-sec li a {
font-size: 24px
}
ul.contact_tabs li:first-child {
padding-right: 20px;
margin-right: 20px
}
ul.contact_tabs li {
font-size: 20px;
line-height: 30px
}
.contact_us .blue_bg {
width: 100%;
margin: 0
}
.contact_us .blue_bg:before {
display: none
}
.contact-details, .right_link a {
font-size: 16px
}
.contact-details {
text-align: center;
max-width: 350px;
margin: 0 auto
}
.blog_timeline:after {
left: 12px
}
.blog_timeline>li:after {
left: -12px
}
.left_blog .rotate_date, .right_blog .rotate_date {
left: -25px;
margin: 0
}
.blog_timeline>li {
width: 100%;
left: 0!important;
padding: 0 0 30px 70px!important
}
.blog_timeline>li:last-child {
padding-bottom: 0!important
}
.single_post .post-content h2, .single_post .post-share {
margin: 15px 0
}
.single_post ul.post-meta li:not(:last-child) {
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #737272
}
.single_post ul.post-meta li {
font-size: 14px;
margin-bottom: 0
}
.related_posts {
padding: 20px 0 50px
}
.post-share a {
margin: 0 7px;
font-size: 20px
}
.respond {
padding: 40px 30px 20px
}
.respond h3 {
font-size: 24px;
top: -30px
}
.breadcrumb-section .container, .main-testimonial ul li .align-items-center, .our_skills .container, .services_provide .container, .welcome_part, ul.post-meta li {
display: block
}
.welcome_part {
padding: 15px;
margin: 0 0 40px
}
.welcome_part .left_img {
max-width: 100%
}
.welcome_part .right_text {
padding: 25px 0 0
}
.welcome_part .left_img img, .welcome_part .right_text:before {
width: 100%
}
.services_provide .left_img {
max-width: 100%;
background-size: contain;
background-position: 50%
}
.services_provide .left_img h2 {
max-width: 160px
}
.services_provide .right_text {
padding: 0;
text-align: center
}
.services_provide .right_text ul {
display: inline-block;
margin: 0 auto
}
.happy-clients {
padding: 50px 0 10px;
margin: 30px 0
}
.happy-clients .icon_box {
min-height: 110px
}
.who-we-are h5 {
margin: 20px 0
}
.our_skills:before {
display: none
}
.our_skills .one-half:first-child {
background: #023d88;
padding: 20px 20px 0
}
.our_skills .content_box {
max-width: 100%
}
.right-align {
text-align: center
}
.breadcrumb-section {
padding: 15px 0
}
.breadcrumb {
padding: 0 0 15px;
text-align: center
}
.breadcrumb .fa, .breadcrumb a, .breadcrumb h1 {
float: none;
display: inline-block
}
.breadcrumb .fa {
margin: 3px 5px 0
}
.main-phone-no p a {
font-size: 14px
}
.main-testimonial ul li .align-items-center .testimonial-author {
width: 100%;
padding: 30px 0
}
.main-testimonial ul li .align-items-center .testimonial-author:after {
transform: rotate(0deg)
}
.main-testimonial ul li .align-items-center .testimonial-content {
width: 100%;
padding: 30px 0
}
.testimonial-content .text-content {
max-width: 60%;
margin: 0 auto;
font-size: 4vmin;
line-height: normal
}
.main-testimonial .bx-pager {
right: auto;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%)
}
.main-testimonial .bx-pager .bx-pager-item {
display: inline-block;
margin: 0 5px
}
.main-testimonial .right_img {
max-width: 20%;
right: 0
}
.testimonial-content .fa {
font-size: 7vmin
}
.career .left-part {
width: 100%
}
.career .right-part {
margin: 0;
width: 100%;
text-align: center
}
.main-testimonial {
margin: 0
}
.our_skills {
margin: 20px 0 0
}
.our_skills .one-half {
padding: 0
}
.show_more {
margin: 40px 0 0
}
ul.products {
text-align: center
}
.product_icons {
padding-top: 0
}
ul.products li:not(:last-child) {
border-bottom: 1px solid #cfcfcf;
margin-bottom: 30px;
padding: 0 0 20px
}
.product_thumb, .project_content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.project_view, .project_view>a {
padding: 0
}
.project_animated_image {
-webkit-transform: none;
transform: none;
position: static
}
.project_animated_image img {
max-width: 100%
}
.product_thumb .project_status {
display: none
}
.project_image {
display: inline-block;
margin: 15px 0
}
.portfolio .light_box {
width: 50%!important
}
.portfolio .light_box.h2 {
height: 282px
}
.social_widget .social-icon, .social_widget .title {
display: block;
margin: 0 auto
}
.social_widget .title {
margin-bottom: 20px;
font-size: 18px
}
.social_widget .social-icon li a {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 20px
}
.happy-clients .icon_box h2 {
font-size: 36px
}
.top-banner {
padding: 150px 0 50px
}
.banner-text {
text-align: center;
margin-top: 20px;
margin-bottom: 30px
}
.banner-text, .top-banner .enquiry_form {
max-width: 100%
}
.full_field .field {
width: 100%
}
.full_field .field.first {
margin-right: auto
}
.bottom_bar>div, .bottom_bar input[type=submit] {
float: none
}
.about-banner {
padding: 0!important;
margin: 0
}
.hire-web-developer {
min-height: 100%;
padding: 120px 0!important
}
.main-phone-no {
text-align: center;
max-width: 230px;
margin: 0 auto
}
.ada-banner, .apps-banner, .career-banner, .contact-banner, .divi-theme-banner, .genesis-framework, .graphic-design-banner, .hire-divi-theme-developer, .hire-gensis-framework-developer, .hire-git-developer, .hire-internet-marketing, .hire-joomla-developer, .hire-magento-developer, .hire-php-developer, .hire-web-designer, .hire-wordpress-developer, .hire-x-theme-developer, .html-css-banner, .joomla-banner, .less-banner, .magento-banner, .portfolio-banner, .products-banner, .responsive-design-banner, .sass-banner, .we-are-hiring-banner, .web-development-banner, .webdesign-banner, .wordpress-banner, .x-theme-banner {
min-height: 100%;
padding: 150px 0 60px!important
}
.services-block .main-service .service-main-inner .title-row {
border-top: none
}
.why-hire ul.middle {
display: none
}
.why-hire {
background-size: cover
}
.why-hire ul li .img {
margin: 0 auto 15px;
display: block
}
.why-hire ul li {
margin: 0 auto 40px!important;
max-width: 350px!important;
float: none!important
}
.top-menu, .why-hire ul li {
width: 100%;
text-align: center
}
.top-menu {
top: 0;
position: static;
margin: -20px 0 20px
}
.top-menu>ul>li {
float: none;
display: inline-block;
margin: 0 3px
}
.top-menu>ul>li>a {
font-size: 17px;
padding: 0 5px
}
.text_center .banner-text.left-sec {
width: 100%;
text-align: center;
margin-top: 50px;
padding: 0
}
.top-menu .sub-toggle {
margin: 0;
left: 0
}
.top-banner .right-form {
width: 100%;
margin-left: 0;
margin-top: 60px;
margin-bottom: -95px
}
.text_center .banner-text.left-sec a.enquiry_btn.enquiry_modal {
margin-left: auto
}
.top-banner .right-form form .field.enquiry-recaptcha div#recaptcha1>div {
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
margin: 0
}
.about-banner {
height: 350px
}
.about-banner video {
margin-top: 0;
transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-webkit-transform: scale(2)
}
.top-banner .social-hire .social-media {
margin: 60px 0 0;
text-align: left
}
.top-banner .social-hire {
margin-top: 0;
text-align: left
}
.top-banner .social-hire .hire-img {
display: block;
position: relative;
text-align: center
}
.top-banner .social-hire .hire-img:before {
content: "hire us now";
font-weight: 700;
font-size: 25px;
color: #fff;
text-transform: uppercase;
top: 15px;
left: 0;
width: auto;
position: absolute;
right: auto;
display: block
}
.top-banner .social-hire .hire-img img {
display: none
}
.enquiry_btn {
margin: 0 auto
}
.banner-text .enquiry_btn {
margin: 20px auto 0
}
.form-outer .enquiry_btn {
top: 0
}
.why-hire .form-outer {
padding: 17px 0 25px
}
.why-hire ul li .title {
font-size: 18px
}
.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: 21px
}
.top-banner .social-hire .social-media a p {
font-size: 22px
}
.widget_services h5 {
font-size: 24px
}
.enquiry_form_header {
padding: 0 10px;
max-width: 100%;
margin: 0 auto
}
.enquiry_form_bottom .enquiry_form {
margin: 20px auto 50px;
padding: 30px 10px
}
.enquiry_form_bottom .enquiry_modal {
z-index: 99;
top: 0;
right: 0
}
.top-banner:before {
z-index: 0
}
.why-hire .form-outer {
max-width: 100%;
margin: 50px 0 0
}
.hiring_section .hire .left_part .left_content:before, .hiring_section .hire .left_part .left_content:last-child:after {
display: none
}
.hiring_section .hire .left_part .left_content:last-child {
margin-bottom: 0!important
}
.hiring_section .hire .left_part .left_content:after {
position: absolute;
display: block;
content: "";
bottom: -17%;
top: auto;
left: 49.9%;
background: url(//webgensis.com/wp-content/themes/webgenis/images/responsive-border.png) no-repeat;
width: 2px;
height: 26px;
transform: translate(17%, -49.9%);
-webkit-transform: translate(17%, -49.9%);
-moz-transform: translate(17%, -49.9%);
-ms-transform: translate(17%, -49.9%);
z-index: -1
}
.hiring_section .hire .left_part .left_content .content {
margin: 30px 0 0!important;
font-size: 22px;
padding: 10px;
background: url(//webgensis.com/wp-content/themes/webgenis/images/content-bg-mobile-new.png) no-repeat 50%;
width: 188px;
height: 216px;
font-weight: 400
}
.hiring_section .hire .left_part .left_content .content_icon {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0
}
.hiring_section .hire .left_part:before {
display: none
}
.hiring_section .hire .left_part .left_content:nth-child(2), .hiring_section .hire .left_part .left_content:nth-child(4) {
margin-left: 0
}
.hiring_section .hire .left_part .left_content {
margin-bottom: 35px!important;
position: relative
}
.hiring_section .hire .left_part {
display: block
}
.hiring_section .hire .right-part .right_content_img:before {
display: none
}
.hiring_section .hire .right-part {
float: none;
margin: 0 0 30px
}
.hiring_section .hire .left_part {
float: none;
margin-right: 0
}
.hire-blockchain-developer .banner-text .sub-heading, .hire-blockchain-developer .banner-text h1, .hire-divi-theme-developer .banner-text .sub-heading, .hire-divi-theme-developer .banner-text h1, .hire-gensis-framework-developer .banner-text .sub-heading, .hire-gensis-framework-developer .banner-text h1, .hire-git-developer .banner-text .sub-heading, .hire-git-developer .banner-text h1, .hire-hubspot-developer .banner-text .sub-heading, .hire-hubspot-developer .banner-text h1, .hire-internet-marketing .banner-text .sub-heading, .hire-internet-marketing .banner-text h1, .hire-joomla-developer .banner-text .sub-heading, .hire-joomla-developer .banner-text h1, .hire-magento-developer .banner-text .sub-heading, .hire-magento-developer .banner-text h1, .hire-php-developer .banner-text .sub-heading, .hire-php-developer .banner-text h1, .hire-web-designer .banner-text .sub-heading, .hire-web-designer .banner-text h1, .hire-web-developer .banner-text .sub-heading, .hire-web-developer .banner-text h1, .hire-woocommerce-developer .banner-text .sub-heading, .hire-woocommerce-developer .banner-text h1, .hire-wordpress-developer .banner-text .sub-heading, .hire-wordpress-developer .banner-text h1, .hire-x-theme-developer .banner-text .sub-heading, .hire-x-theme-developer .banner-text h1, .we-are-hiring-banner .banner-text .sub-heading, .we-are-hiring-banner .banner-text h1 {
display: none
}
.hiring_section .hire .right-part .right_content p {
font-size: 15px;
max-width: 130px
}
.forums-logo:after {
clear: both;
content: "";
display: table
}
.forums-logo li {
width: 25%;
float: left
}
.breadcrumb .title, .breadcrumb a {
font-size: 14px
}
.breadcrumb a {
line-height: normal
}
.copyright-section .right_link ul li {
float: none
}
.copyright-section .right_link a:first-of-type {
font-size: 14px;
margin: 0 10px
}
.banner-text>img{
display:none;
}
.top-menu>ul>li>a, .top-menu>ul>li>a:not([href]):not([tabindex]){
font-size:15px;
}
.page-template-template-demo-portfolio .main_manu{
max-width:500px;
}
.page-template-template-demo-portfolio .main_manu .drop-down{
width:100%;
margin-left:0;
}
.page-template-template-demo-portfolio .main_manu .drop-down > a{
max-width:500px;
width:100%;
}
.page-template-template-demo-portfolio .submenu{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.page-template-template-demo-portfolio .main_manu .drop-down{
position:relative;
}
}
@media (max-width:600px) {
.hamburger {
position: absolute;
right: 10px;
top: 62px !important;
}
.menubar {
max-width: 100%;
}
.menubar .button-block {
display: block;
text-align: center;
}
.home-banner .banner-text {
margin-top: 90px;
}
.page-template-template-email .modal-dialog {
max-width: calc(100% - 30px);
max-width: -ms-calc(100% - 30px);
max-width: -webkit-calc(100% - 30px);
max-width: -moz-calc(100% - 30px);
width: 100%;
margin: 35px 15px ;
}
.top-menu>ul>li ul.sub-menu{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}
@media (max-width:480px) {
.forums-logo {
display: block;
margin: 0 auto 20px;
max-width: 200px;
width: 100%
}
.forums-logo li {
width: 100%;
margin: 0
}
.copyright-section .right_link ul li {
float: none
}
p {
font-weight: 400;
font-size: 14px;
line-height: normal
}
.testimonial-text {
font-size: 16px;
line-height: normal
}
.hamburger {
top: 0;
height: 40px;
width: 40px
}
.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 {
width: 35px;
height: 4px
}
#pagination, ul.post-meta li {
font-size: 15px
}
.portfolio-item li {
max-width: 100%;
margin: auto;
width: 100%;
float: none
}
.services_provide .right_text ul li a span {
margin: 0 30px 0 0
}
.services_provide .right_text ul li a {
font-size: 4vmin
}
.single_post ul.post-meta.flex-center {
display: block
}
.single_post ul.post-meta li:not(:last-child) {
margin: 0 0 15px;
padding-right: 0;
border-right: none
}
.single_post ul.post-meta li {
font-size: 18px
}
.related_posts {
padding: 10px 0 30px
}
.respond {
padding: 30px 15px 20px
}
.respond input, .respond textarea {
margin: 0 0 15px
}
.respond form .column.one-half {
margin-bottom: 0
}
.respond input[type=submit] {
margin: 0 auto
}
.rotate-heading {
width: 100px;
height: 40px;
font-size: 13px;
right: -31px
}
.portfolio .light_box {
width: 100%!important
}
.home-banner .banner-text .sub-heading, .home-banner .banner-text h4 {
font-size: 16px
}
.about-banner {
padding: 0!important;
background: #000;
height: 270px
}
.about-banner .banner-text {
top: 100px
}
.ada-banner, .apps-banner, .career-banner, .contact-banner, .divi-theme-banner, .genesis-framework, .graphic-design-banner, .hire-divi-theme-developer, .hire-gensis-framework-developer, .hire-git-developer, .hire-internet-marketing, .hire-joomla-developer, .hire-magento-developer, .hire-php-developer, .hire-web-designer, .hire-web-developer, .hire-wordpress-developer, .hire-x-theme-developer, .html-css-banner, .joomla-banner, .less-banner, .magento-banner, .portfolio-banner, .products-banner, .responsive-design-banner, .sass-banner, .we-are-hiring-banner, .web-development-banner, .webdesign-banner, .wordpress-banner, .x-theme-banner {
padding: 60px 0!important
}
.top-menu>ul>li ul.sub-menu li a {
font-size: 17px
}
.top-menu {
margin: -30px 0 15px
}
.text_center .banner-text {
margin-top: 150px;
}
.home-banner .text_center .banner-text {
margin-top: 120px;
}
.top-menu ul {
max-width: 400px;
margin: auto;
}
.hamburger {
top: 87px !important;
}
.text_center .banner-text.left-sec {
margin-top: 140px
}
.top-banner .right-form {
margin-bottom: -40px;
margin-top:30px;
}
.top-banner .social-hire .social-media a p {
padding: 0 20px 5px;
font-size: 17px
}
.top-banner .social-hire .social-media a p.social-icon {
max-width: 20%
}
.botton_heading {
font-size: 20px
}
.home-banner .banner-text .down-arrow{
height:60px;
}
.contact-no {
max-width: 183px;
padding: 6px 2px 6px 8px;
display: block;
}
.contact-banner .banner-text {
margin-top: 140px;
}
.page-template-template-demo-portfolio .main_manu{
max-width:350px;
text-align:center
}
.page-template-template-demo-portfolio .submenu {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
width:100%;
}
.page-template-template-demo-portfolio .main_manu h4{
font-size:20px;
margin-bottom:10px;
}
}
@media (max-width:400px) {
.contact_us .column.one-half iframe {
transform: scale(.93);
margin: 0 0 0 -12px
}
.top-banner .right-form form .enquiry-recaptcha iframe {
transform: scale(.8);
margin-left: -30px
}
.top-banner .right-form form .enquiry-recaptcha {
overflow: hidden
}
.top-banner .right-form form .field.enquiry-recaptcha {
margin: -8px 0 5px
}
}
@media (max-width:375px) {
.classic-heading, .services_provide .left_img h2, .single_post .post-content h2, .testimonial-heading, h2 {
font-size: 20px
}
h3 {
font-size: 18px
}
h3, h4 {
line-height: normal
}
h4 {
font-size: 17px
}
.contact-sec li a {
font-size: 22px
}
.top-banner .enquiry_form {
padding: 20px 15px
}
.enquiry_form h2 {
font-size: 35px
}
.enquiry_form p {
font-family: 18px;
line-height: 27px
}
.full_field label {
font-size: 16px
}
.contact_us .column.one-half iframe {
transform: scale(.88);
margin: 0 0 0 -19px
}
.top-menu>ul>li>a {
color: #fff;
font-size: 17px
}
.top-banner .right-form form .field.enquiry-recaptcha div#recaptcha1>div {
transform: scale(.95);
-moz-transform: scale(.95);
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
margin: -2px 0 -2px -7px
}
.enquiry_form_bottom .enquiry_modal {
top: -10px;
right: -10px
}
}
@media (max-width:359px) {
#wrapper.toggled #sidebar-wrapper {
width: 260px
}
.sidebar-nav {
width: 100%
}
.home-banner .banner-text .down-arrow span img {
width: 25px
}
.home-banner .banner-text .down-arrow {
background-position: center 0;
background-size: 60px auto
}
.social_widget .social-icon li {
margin: 0 2px
}
.enquiry_form_sidebar iframe {
transform: scale(.85);
position: relative;
right: 22px
}
.contact_us .column.one-half iframe {
transform: scale(.75);
margin: 0 0 0 -37px
}
.top-menu>ul>li ul.sub-menu {
left: 4%
}
.top-banner .right-form form .field.enquiry-recaptcha div#recaptcha1>div {
transform: scale(.83);
-moz-transform: scale(.83);
-webkit-transform: scale(.83);
-ms-transform: scale(.83);
margin: -6px 0 -6px -27px
}
.enquiry_form_bottom .enquiry_modal {
margin: 0;
background-size: contain;
height: 43px;
width: 43px
}
.botton_heading {
font-size: 27px
}
}.fa.fa-pull-left,.fa.pull-left{margin-right:.3em}.fa,.fa-stack{display:inline-block}.fa-fw,.fa-li{text-align:center}@font-face{font-family:FontAwesome;src:url(//webgensis.com/wp-content/themes/webgenis/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(//webgensis.com/wp-content/themes/webgenis/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(//webgensis.com/wp-content/themes/webgenis/fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(//webgensis.com/wp-content/themes/webgenis/fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(//webgensis.com/wp-content/themes/webgenis/fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(//webgensis.com/wp-content/themes/webgenis/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");font-weight:400;font-style:normal}.fa{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa.fa-pull-right,.fa.pull-right{margin-left:.3em}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right,.pull-right{float:right}.pull-left{float:left}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)";-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)";-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{position:relative;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before,.fa-resistance:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-y-combinator:before,.fa-yc:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before{content:"\f2a3"}.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-address-card:before,.fa-vcard:before{content:"\f2bb"}.fa-address-card-o:before,.fa-vcard-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bath:before,.fa-bathtub:before,.fa-s15:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}