.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
width: 100%;
}  body {
margin: 0;
overflow-x: hidden;
}
:focus {
outline: none!important;
} main {
display: block;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b, strong {
font-family: 'Gilroy-bold', sans-serif;
} code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button, input {
overflow: visible;
} button, select {
text-transform: none;
} button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"], [type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *, *::before, *::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
}
li>ul, li>ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed, iframe, object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
text-decoration: none;
color: #000000;
font-size: 16px;
line-height: 27px;
color: #000000;
}
a:hover, a:focus, a:active {
font-weight: 500;
opacity: 0.6;
transition: opacity 0.3s ease-in-out;
outline: none;
}
a:hover {
text-decoration: none;
cursor: pointer;
}
a.btn, input[type="submit"] {
background: linear-gradient(180deg, #F1FFFB 0%, #ACDDCD 26.06%, #4BBA97 68.64%, #7DC7B0 100%);
box-shadow: 0px 20px 70px #A6E7D2;
border-radius: 50px;
font-family: 'Gilroy', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 18px;
text-align: center;
color: #FFFFFF;
padding: 11px 48px 13px 48px;
border: none;
white-space: nowrap;
}
a.link {
font-weight: 600;
font-size: 22px;
line-height: 54px;
text-transform: capitalize;
color: #4BBA97;
}
a.link::after {
content: url(//coderstaffing.com/wp-content/themes/coder-staffing/assets/img/arrow.svg);
margin-left: 10px;
}
a.meet-toggler {
max-width: 287px;
height: 56px;
background: #FFFFFF;
box-shadow: 0px 14px 40px #DCE6E3;
border-radius: 50px;
display: flex;
font-weight: 600;
font-size: 20px;
line-height: 26px;
color: #000000;
justify-content: space-evenly;
align-items: center;
}
a.meet-toggler img {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #4BBA97;
margin-right: 26px;
} .footer-form-aligner {
width: 100%;
display: flex;
justify-content: space-between;
}
.footer-form-aligner span {
width: 286px;
}
.footer-form-aligner span input {
width: 100%;
max-width: 286px;
}
span input[type="email"], span textarea {
width: 100%;
}
input, textarea {
background: #FAFAFA;
border: 1px solid #E7E7E7;
box-sizing: border-box;
box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 21px 46px;
}
::placeholder {
font-style: normal;
font-weight: 500;
font-size: 21px;
color: #000000;
opacity: 0.3;
} .main-navigation {
display: block;
}
ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul {
display: none;
list-style: none;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover>ul, .main-navigation ul ul li.focus>ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover>ul, .main-navigation ul li.focus>ul {
left: auto;
}
.main-navigation li {
position: relative;
height: 51px;
display: flex;
align-items: center;
}
.main-navigation a {
display: block;
text-decoration: none;
font-weight: 500;
font-size: 16px;
line-height: 27px;
color: #000000;
} .menu-toggle, .main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.page-content, .entry-content, .entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.text-centered {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} @media screen and (min-width: 1201px) {
section:not(#hero-section) {
padding: 60px 0;
}
}
.grey-bg {
background: #F6F6F6;
}
#hero-section {
background: url(//coderstaffing.com/wp-content/themes/coder-staffing/assets/img/hero-bg.svg);
background-repeat: no-repeat;
height: 100vh;
max-height: 100vh;
background-position: 100% 100%;
}
.page-template-homepage2 #hero-section {
background: url(//coderstaffing.com/wp-content/themes/coder-staffing/assets/img/homepage-2.png);
background-repeat: no-repeat;
background-size: contain;
background-position: 100%;
}
@media screen and (min-width: 1300px) {
.container {
max-width: 1255px!important;
}
h1 {
min-width: 612px;
}
}
#hero-section .container {
display: flex;
flex-direction: column;
height: 100%;
}
#hero-section p {
max-width: 408px;
}
#hero-section .container>.row~.row {
flex: 1 auto;
}
header#masthead {
padding-top: 15px;
padding-bottom: 60px;
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
ul.menu.nav-menu {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
border-radius: 50px;
width: 495px;
display: flex;
justify-content: space-evenly;
align-items: center;
background-color: #ffffff;
}
footer #footer-nav-section {
background: #F6F6F6;
padding: 60px 0;
}
footer #footer-nav {
justify-content: space-between;
align-items: center;
}   section#meet-section {
z-index: 1;
position: relative;
}
section#meet-section .container h2 {
max-width: 465px;
}
section#meet-section .container p {
max-width: 637px;
} section#service {
padding: 60px 0;
}
section#service h2 {
max-width: 748px;
margin: 0 auto 15px auto;
}
section#service ul li a {
padding: 15px;
width: 100%;
height: 100%;
display: block;
border-left: 3px solid transparent;
}
section#service ul li a:hover, section#service ul li a:focus, section#service ul li a:active, section#service ul li a.active {
background: #F6F6F6;
box-shadow: 0px 10px 30px rgba(161, 161, 161, 0.25);
border-radius: 10px;
transition: all 0.3s ease-in-out;
cursor: pointer;
opacity: 1;
border-left: 3px solid #4BBA97;
} #spheres {
background-image: url(//coderstaffing.com/wp-content/themes/coder-staffing/assets/img/trophy.svg);
background-repeat: no-repeat;
background-position: 96% 101%;
background-size: 30%;
}
@media screen and (min-width: 1200px) {
#spheres .col-md-7{
min-height: 505px;
}
}
ul.tabs-toggler {
display: flex;
justify-content: space-evenly;
align-items: center;
height: 75px;
border-bottom: 1px solid #000000;
}
ul.tabs-toggler li img {
margin-right: 10px;
}
ul.tabs-toggler li {
display: flex;
align-items: center;
height: 100%;
}
ul.tabs-toggler li a {
display: flex;
align-items: center;
height: 100%;
border-bottom: 6px solid transparent;
transform: translateY(1px);
padding: 0 5px;
}
ul.tabs-toggler li a:active, ul.tabs-toggler li a:focus, ul.tabs-toggler li a:hover, ul.tabs-toggler li a:focus-within {
border-bottom: 6px solid #4BBA97;
transform: translateY(1px);
opacity: 1;
}
.tag-cloud {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 142px;
}
.tag-cloud span {
background: #FFFFFF;
border: 3px solid #4BBA97;
box-sizing: border-box;
box-shadow: 0px 4px 10px #D5EDE6;
border-radius: 50px;
font-weight: 600;
font-size: 18px;
line-height: 26px;
color: #000000;
margin: 0 20px 20px 0;
padding: 10px 32px;
}
.tag-cloud span:hover {
cursor: pointer;
} section#howitworks .row.align-center {
align-items: center;
}
section#howitworks .col-12.text-centered.m-b {
margin: 30px 0 15px 0;
}
section#howitworks .row-space-evenly {
justify-content: space-evenly;
}
section#howitworks .card {
background: #FFFFFF;
box-shadow: 0px 10px 30px rgba(161, 161, 161, 0.25);
border-radius: 10px;
max-width: 353px;
padding: 35px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-around;
}
.svg-holder svg {
transform: scale(0.7);
}
section#howitworks .card p.lead {
margin-top: 0px;
margin-bottom: 15px;
font-size: 18px;
line-height: 26px;
}
section#howitworks .card p.lead + p{
margin-bottom: 51px;
margin-top: 0px;
font-family: 'Gilroy-Medium', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 27px;
color: #4F4F4F;
} .m-b {
margin-bottom: 50px;
}
section#testimonials-section .slide {
background: #FFFFFF;
box-shadow: 0px 10px 30px rgba(161, 161, 161, 0.25);
border-radius: 76px;
padding: 30px 75px;
height: 100%;
}
section#testimonials-section .slide:not(.active) a.btn{
margin-left: 10px;
}
.testimonial-slider {
height: 490px;
}
section#testimonials-section .slide p {
max-width: 708px;
max-height: 160px;
height: 125px;
}
section#testimonials-section .slide h5 {
max-width: 708px;
max-height: 32px;
}
section#testimonials-section .slide.active {
position: absolute;
transition: all 0.3s linear;
left: 0;
width: 100%;
z-index: 1;
}
section#testimonials-section .slide:not(.active) {
position: absolute;
height: inherit;
width: 1000px;
}
section#testimonials-section .slide:not(.active):first-child {
z-index: 2;
width: 1000px;
left: 65%;
}
section#testimonials-section .slide:not(.active)~.slide:not(.active) {
position: absolute;
z-index: 3;
left: 85%;
}
section#testimonials-section .slide:not(.active) a.btn {
color: transparent;
width: 45px;
height: 45px;
border-radius: 50%;
display: block;
padding: 0;
}
section#testimonials-section .slide:not(.active) a.btn:before {
content: url(//coderstaffing.com/wp-content/themes/coder-staffing/assets/img/+.svg);
margin-left: 16px;
line-height: 45px;
}
#slide_1.active~#slide_2 {
left: 65%;
z-index: 1;
}
.slide.active img {
transform: rotate(90deg);
transition: all 0.5s ease-in-out;
}
section#testimonials-section .slide:not(.active) p, section#testimonials-section .slide:not(.active) h5 {
opacity: 0;
}  .page-template-whyus #hero-section .col-md-7.p-0 {
display: flex;
align-items: flex-end;
}
.page-template-whyus section#why_us {
background-image: url(//coderstaffing.com/wp-content/themes/coder-staffing/assets/img/stripe_bg.png);
background-repeat: no-repeat;
background-size: cover;
}
.page-template-whyus section#why_us h1 {
max-width: 1141px;
}
.page-template-whyus section#why_us p {
max-width: 443px;
} #advantage_slider h2 {
max-width: 760px;
margin: 0 auto;
}
#advantage_slider h2, #advantage_slider .container>p {
text-align: center;
}
.advantages_slider {
display: flex;
}
.advantages_slider .slider-card {
background: #FFFFFF;
box-shadow: 0px 10px 30px rgba(161, 161, 161, 0.25);
border-radius: 10px;
width: 100%;
margin-right: 30px;
padding: 30px;
}
.advantages_slider p.pre-heading {
text-align: right;
margin: 0;
}
.advantages_slider img {
height: 142px;
width: auto;
}
.advantages_slider h5 {
height: 64px;
width: auto;
font-size: 21px;
}
.advantages_slider p.small-text {
height: 145px;
} section#our_values {
background: url(//coderstaffing.com/wp-content/themes/coder-staffing/assets/img/our_goals_bg.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}
section#our_values h2 {
margin-bottom: 60px;
}
section#our_values .row {
margin: 0!important;
}
section#our_values .card {
background: #FFFFFF;
box-shadow: 0px 10px 30px rgba(161, 161, 161, 0.25);
border-radius: 10px;
padding: 15px;
margin: 0 15px 5px 0;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
section#our_values .card {
flex: 0 50%;
margin-right: 0;
}
section#our_values .row {
justify-content: space-between;
}
}
@media screen and (min-width: 1024px) {
section#our_values .card {
flex: 0 33%;
margin-right: 0;
}
section#our_values .row {
justify-content: space-between;
}
} section#compare-table p, section#compare-table h2 {
text-align: center;
}
.image-holder {
min-height: 156px;
max-height: 156px;
display: flex;
} .page-template-top_notch section#hero-section#hero-section img.attachment-post-thumbnail {
max-width: 137%;
transform: translateY(-60px);
} .card {
margin-bottom: 30px;
border-left: 3px solid transparent;
}
.card:hover {
cursor: pointer;
filter: drop-shadow(0 0 3.5px rgba(0, 0, 0, 0.02)) drop-shadow(0px 18px 20px rgba(0, 0, 0, 0.13));
z-index: 1;
border-left: 3px solid #4BBA97;
box-sizing: border-box;
}
@media screen and (max-width: 1201px) {
input, textarea {
padding: 30px;
}
.menu-toggle, .main-navigation.toggled ul {
display: block;
}
header a.btn {
display: none;
}
a.btn {
width: 300px;
display: block;
}
header#masthead {
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
}
section#hero-section {
height: auto;
max-height: 100%;
}
section#hero-section p.lead {
margin-bottom: 0;
}
section#hero-section a.btn.scrollTo {
position: absolute;
z-index: 1;
right: 50%;
transform: translate(50%, 50%);
width: 318px;
border: 4px solid #FFFFFF;
box-sizing: border-box;
box-shadow: 0px 20px 70px #A6E7D2;
border-radius: 50px;
margin-top: 55vw;
}
ul#primary-menu {
position: absolute;
left: -160%;
}
button.menu-toggle[aria-expanded="false"] {
border: none;
background: url(//coderstaffing.com/wp-content/themes/coder-staffing/assets/img/mobile-menu-icon.svg);
background-repeat: no-repeat;
width: 21px;
height: 18px;
}
button.menu-toggle[aria-expanded="true"] {
border: none;
background: url(//coderstaffing.com/wp-content/themes/coder-staffing/assets/img/close.svg);
background-repeat: no-repeat;
width: 21px;
height: 18px;
}
button.menu-toggle[aria-expanded="true"]~.menu-menu-1-container ul#primary-menu {
display: flex;
flex-direction: column;
position: absolute;
height: auto;
width: 100%;
left: 0;
transition: all 0.5s ease-in;
z-index: 1;
border-radius: 0;
padding: 30px 15px;
margin-top: 15px;
}
section {
padding: 0 0 25px 0;
}
section#meet-section .container {
padding: 0 15px;
}
ul.tabs-toggler {
border-bottom: none;
flex-wrap: wrap;
}
section#service ul li {
padding: 21px;
}
.footer-form-aligner span {
width: 100%;
}
.footer-form-aligner span:first-child {
margin-bottom: 20px;
}
.footer-form-aligner span input {
max-width: 100%;
}
hr {
display: none;
}
.card {
margin-bottom: 16px;
}
.footer-form-aligner {
flex-wrap: wrap;
}
footer #footer-nav {
padding: 15px;
justify-content: space-between;
align-items: flex-start;
flex-direction: column-reverse;
}
footer .menu-menu-1-container {
width: 100%;
}
footer ul.menu.nav-menu {
width: 100%;
flex-wrap: wrap;
padding: 31px 42px;
justify-content: start;
}
footer ul.menu.nav-menu li {
margin-right: 32px;
}
footer ul {
order: 1;
}
footer span.address {
order: 2;
margin: 39px 0;
}
footer a {
order: 3;
}
.tag-cloud {
justify-content: flex-start;
}
.tag-cloud span {
font-size: 17px;
margin: 0 20px 20px 0;
padding: 10px 15px;
}
#howitworks h3 {
margin-bottom: 25px;
}
section#our_values .card {
width: 100%;
max-width: 100%;
margin-right: 0;
}
}
.content {
display: none;
}
ul.accordion li {
background: #FFFFFF;
box-shadow: 0px 10px 30px rgba(161, 161, 161, 0.25);
border-radius: 10px;
padding: 15px 15px 15px 35px;
margin-bottom: 15px;
}
ul.accordion li a {
width: 100%;
display: flex;
justify-content: space-between;
}
a.toggler.nice {
padding-bottom: 25px;
border-bottom: 1px solid #202020;
}
a.toggler.nice:after {
content: '-';
min-width: 45px;
min-height: 45px;
max-width: 45px;
max-height: 45px;
background: linear-gradient(180deg, #F1FFFB 0%, #ACDDCD 26.06%, #4BBA97 68.64%, #7DC7B0 100%);
box-shadow: 0px 20px 70px #A6E7D2;
border-radius: 50px;
color: #ffffff;
text-align: center;
}
a.toggler:not(.nice):after {
content: '+';
min-width: 45px;
min-height: 45px;
max-width: 45px;
max-height: 45px;
line-height: 45px;
background: linear-gradient(180deg, #F1FFFB 0%, #ACDDCD 26.06%, #4BBA97 68.64%, #7DC7B0 100%);
box-shadow: 0px 20px 70px #A6E7D2;
border-radius: 50px;
color: #ffffff;
text-align: center;
}
.page-template-whyus #hero-section .col-md-7 {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
@media screen and (max-width: 768px) {
.mobile-column-reverse {
flex-direction: column-reverse;
}
}
.centered {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
section#hero-section a.btn.scrollTo {
margin-top: 0;
}
}
.slick-next.slick-arrow {
background: url(//coderstaffing.com/wp-content/themes/coder-staffing/assets/img/btn_next.svg);
background-repeat: no-repeat;
width: 72px;
height: 72px;
}
.slick-prev.slick-arrow {
background: url(//coderstaffing.com/wp-content/themes/coder-staffing/assets/img/btn_prev.svg);
background-repeat: no-repeat;
width: 72px;
height: 72px;
}
#advantage_slider .slick-next.slick-arrow {
color: transparent;
background-color: transparent;
border: none;
bottom: 50%;
position: absolute;
right: 0;
transform: translateX(100%);
}
#advantage_slider .slick-prev.slick-arrow {
color: transparent;
background-color: transparent;
border: none;
position: absolute;
left: 0;
bottom: 50%;
transform: translateX(-100%);
}
#advantage_slider .slick-list.draggable {
padding: 50px;
}
.page-template-articles #hero-section {
background: none;
height: auto;
}
.page-template-articles #hero-section .row:nth-child(2), .page-template-articles section#form-section {
display: none;
}
.article>.row {
padding: 100px 0;
}
.article .row h1 {
min-width: 33%;
}
.article .row p {
max-width: 66%;
}
.article ul {
display: flex;
flex-wrap: wrap;
}
.article ul li {
width: 33%;
max-width: 377px;
min-width: 377px;
background: #FFFFFF;
box-shadow: 0px 10px 30px rgba(161, 161, 161, 0.25);
border-radius: 10px;
margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
.article ul {
justify-content: center;
}
}
.article ul li img {
filter: drop-shadow(0px 10px 30px rgba(161, 161, 161, 0.25));
}
.article ul li .article-item-text {
padding: 43px;
}
.article-item:nth-child(8) {
width: calc(66% - 23px);
max-width: 100%;
}
@media screen and (max-width: 769px) {
.article ul li, .article-item:nth-child(8) {
width: 100%;
}
section#blog-section .first-col {
margin-bottom: 50px;
}
}
.menu-menu-1 li {
height: 51px;
}
section#faq p.pre-heading, section#faq h2, section#example-projects p.pre-heading, section#example-projects h2 {
text-align: center;
}
.left-half {
width: 50%;
}
.left-half img {
height: 100%;
border-radius: 40px 0 0 40px;
object-fit: cover;
}
.right-half {
border-radius: 0px 40px 40px 0px;
width: 50%;
height: 100%;
}
.relative-block {
position: relative;
}
.vertical-button-aligner {
display: flex;
flex-direction: column;
position: absolute;
left: 50%;
top: 100%;
transform: translate(-50%, -75%);
}
@media screen and (min-width: 991px) {
.right-half {
max-height: inherit;
overflow: hidden;
}
.right-half .row {
overflow-y: auto;
max-height: inherit;
padding: 30px 30px 30px 50px;
}
.relative-block {
max-height: 564px;
}
}
@media screen and (max-width: 991px) {
.left-half, .right-half {
width: 100%;
}
.left-half img {
width: 100%;
border-radius: 40px 40px 0 0;
}
.right-half {
border-radius: 0 0 40px 40px;
}
.vertical-button-aligner {
display: none;
}
#scroll_block {
padding: 30px;
}
}
@media screen and (max-width: 1201px) {
section:not(#hero-section) {
padding: 50px 0;
}
}
@media screen and (max-width: 510px) {
.image-holder {
height: auto;
display: flex;
justify-content: flex-start;
min-height: 109px;
}
section#testimonials-section .slide {
padding: 32px;
height: auto;
}
section#testimonials-section .slide p {
max-height: 100%;
font-size: 18px;
}
section#testimonials-section .slide:not(.active) {
width: 100%;
height: unset;
}
#slide_1.active~#slide_2 {
left: 0;
z-index: 0;
}
section#testimonials-section .slide:not(.active)~.slide:not(.active) {
position: absolute;
z-index: 0;
left: 0;
}
section#testimonials-section .slide:not(.active):first-child {
z-index: 1;
width: 100%;
left: 0;
top: 15%;
}
}
#form-section {
background: url(//coderstaffing.com/wp-content/themes/coder-staffing/assets/img/footer-bg.svg);
background-repeat: no-repeat;
background-position: bottom left;
}
#howitworks p.pre-heading, #howitworks span.pre-heading {
margin: 0 auto;
}
ul.menu.nav-menu li a {
height: 51px;
display: flex;
align-items: center;
}
@keyframes wtf {
0% {
filter: grayscale(100%);
}
100% {
filter: grayscale(0%);
}
}
section#developers {
position: relative;
z-index: 1;
}
section#developers h2 {
text-align: center;
}
section#developers p {
text-align: center;
font-size: 16px;
}
section#developers .image-holder {
justify-content: center;
}
.slide-holder {
background-color: #ffffff;
padding: 66px 127px 66px 127px;
border-radius: 10px;
display: flex!important;
min-height: 469px!important;
margin-bottom: 35px;
}
.column-40 {
width: 40%;
}
.column-60 {
width: 60%;
}
.column-33 {
width: 33%;
}
.column-20 {
width: 20%;
}
.dev-slider .column-40 {
display: flex;
flex-direction: column;
}
.dev-slider .slick-prev.slick-arrow {
position: absolute;
left: -40px;
top: 36%;
z-index: 1;
color: transparent;
border: none;
background: url(//coderstaffing.com/wp-content/themes/coder-staffing/assets/img/slide-prev-white.svg);
background-repeat: no-repeat;
width: 100px;
height: 100px;
}
.dev-slider .slick-next.slick-arrow {
position: absolute;
right: -60px;
top: 36%;
z-index: 1;
color: transparent;
border: none;
background: url(//coderstaffing.com/wp-content/themes/coder-staffing/assets/img/slider-next-white.svg);
background-repeat: no-repeat;
width: 100px;
height: 100px;
}
ul.slick-dots {
display: flex;
justify-content: center;
}
ul.slick-dots li button {
color: transparent;
border-radius: 50%;
width: 14px!important;
height: 14px!important;
border: none;
margin: 0 7.5px;
background-color: #C4C4C4;
padding: 0;
}
ul.slick-dots li.slick-active button {
background-color: #20C5A2;
}
.page-template-our_clients .advantages_slider .slider-card {
height: 475px;
}
.page-template-our_clients .advantages_slider .slider-card img {
max-height: 89px;
}
.page-template-our_clients .advantages_slider .slick-prev.slick-arrow {
background: url(//coderstaffing.com/wp-content/themes/coder-staffing/assets/img/slide-prev-white.svg);
background-repeat: no-repeat;
width: 100px;
height: 100px;
}
.page-template-our_clients .advantages_slider .slick-next.slick-arrow {
background: url(//coderstaffing.com/wp-content/themes/coder-staffing/assets/img/slider-next-white.svg);
background-repeat: no-repeat;
width: 100px;
height: 100px;
}
.page-template-our_clients section#advantage_slider.grey-bg {
z-index: 1;
position: relative;
}
.slider_testimonials ul.slick-dots {
position: absolute;
right: 0px;
bottom: 26px;
}
.exper img {
max-width: 83%;
}
.exper {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.column-flex {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
} .svg-holder.first-step {
width: 84px;
height: 82px;
background-repeat: no-repeat;
} .card:hover  svg path#p1 {
animation: fadein 1s linear;
}
.card:hover  svg path#p2 {
animation: fadein 1s linear;
animation-delay: 0.4s;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
} #howitworks .card:hover .svg-holder.second-step svg path#p3 {
animation: heartbeat 0.5s linear infinite;
}
#howitworks .card:hover .svg-holder.second-step svg path#p4 {
animation: heartbeat-2 0.5s linear infinite;
animation-delay: 0.2s;
}
@keyframes heartbeat {
from {
transform: scale(1);
}
to {
transform: scale(1.2);
}
}
@keyframes heartbeat-2 {
from {
transform: scale(0.9);
}
to {
transform: scale(1);
}
} #howitworks .card:hover .svg-holder.third-step svg  {
animation: rotation 10s linear infinite;
}
@keyframes rotation {
from {
transform: rotate(0deg) scale(0.7);
}
to {
transform: rotate(300deg) scale(0.7);
}
} .card-1 svg:hover {
animation: wiggle 2s linear forwards;
cursor: pointer;
}
@keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
}
10% {
-webkit-transform: skewX(-8deg);
}
20% {
-webkit-transform: skewX(7deg);
}
30% {
-webkit-transform: skewX(-6deg);
}
40% {
-webkit-transform: skewX(5deg);
}
50% {
-webkit-transform: skewX(-4deg);
}
60% {
-webkit-transform: skewX(3deg);
}
70% {
-webkit-transform: skewX(-2deg);
}
80% {
-webkit-transform: skewX(1deg);
}
90% {
-webkit-transform: skewX(0deg);
}
100% {
-webkit-transform: skewX(0deg);
}
}
.under-construction img {
transform: scale(0.8);
margin: -100px auto;
}
section#our_idea {
background-image: url(//coderstaffing.com/wp-content/themes/coder-staffing/assets/img/whyus_bg_2.png);
background-repeat: no-repeat;
background-position: 12%;
background-size: 39%;
padding-top: 119px;
padding-bottom: 76px;
}
#our_idea h3{
font-family: 'Gilroy', sans-serif;
font-weight: 600;
font-size: 32px;
line-height: 54px;
}
#our_idea p + p{
margin-bottom: 60px;
}
#our_idea p {
font-size: 21px;
line-height: 32px;
}
.page-template-our_clients .exper {
align-items: center;
}
.single-news #hero-section .container .row+.row, .single-news #form-section {
display: none;
}
.single-news #hero-section {
background: none;
height: 100px;
}
.pros-cons {
background: #F6F6F6;
border-radius: 39px;
padding: 85px;
}
.pros-img, .cons-img {
height: 71px;
line-height: 71px;
}
.numbers {
width: 100%;
background: #F6F6F6;
border-radius: 39px;
padding: 0 30px;
}
.numbers h2 {
font-style: italic;
font-weight: 600;
font-size: 93.628px;
line-height: 124px;
color: #1BA186;
}
.twocols-group {
width: 100%;
}
.teal-quotes {
font-family: 'Gilroy-Bold', sans-serif;
font-style: italic;
font-weight: 600;
font-size: 167.861px;
letter-spacing: 0.01em;
color: #1BA186;
}
.testimonials-text {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 27px;
letter-spacing: 0.01em;
color: #000000;
}
.thick-line {
height: 8px;
background-color: rgba(0, 0, 0, 0.1)!important;
}
.single-news .small-text {
font-size: 16px;
line-height: 31px;
}
.single-news h4 {
font-weight: 600;
font-size: 23.5723px;
line-height: 33px;
letter-spacing: 0.01em;
color: #000000;
}
.single-news .testimonial-author {
font-style: italic;
font-weight: 600;
font-size: 31.5723px;
line-height: 54px;
letter-spacing: 0.01em;
color: #000000;
opacity: 0.4;
}
.page-template-homepage2 header#masthead {
padding-bottom: 89px;
}
.page-template-homepage2 #hero-section h1 {
font-size: 42px;
line-height: 51px;
}
.page-template-homepage2 #hero-section p.lead {
font-size: 20px;
line-height: 32px;
max-width: 457px;
margin-top: 32px;
}
.page-template-homepage2 #hero-section a.btn.scrollTo {
display: block;
line-height: 70px;
width: 318px;
height: 70px;
padding: 0;
}
.page-template-homepage2 h2 {
font-weight: 600;
font-size: 32px;
line-height: 54px;
}
.page-template-homepage2 .pre-heading {
font-weight: 600;
font-size: 18px;
line-height: 41px;
}
.page-template-homepage2 #meet-section p {
font-weight: 500;
font-family: 'Gilroy-Medium', sans-serif;
font-size: 21px;
line-height: 32px;
}
.page-template-homepage2 .column-flex {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
@media screen and (min-width: 768px) {
.person-img {
position: absolute;
right: -10%;
width: 530px;
height: 485px;
transform: translateY(-86%);
z-index: 0;
background: url(//coderstaffing.com/wp-content/themes/coder-staffing/assets/img/person.svg);
background-repeat: repeat;
background-size: auto;
background-repeat: no-repeat;
}
#why_us {
z-index: 1;
padding: 125px 0 90px 0;
}
#why_us h1 {
margin-bottom: 50px;
font-size: 67px;
line-height: 85px;
}
.page-template-whyus #advantage_slider {
padding: 120px 0 60px 0;
}
#hero-section .col-md-5 {
display: flex;
flex-direction: column; padding-top: 100px;
}
}
.hero-section a.btn {
max-width: 318px;
}
.image-holder svg:hover path#left-puzzle {
animation: goingRight 1s ease-in-out forwards;
}
@keyframes goingRight {
0% {
opacity: 0;
transform: translateX(-100px);
}
20% {
opacity: 0;
}
30% {
opacity: 0.1;
}
40% {
opacity: 0.2;
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
.image-holder svg:hover path#right-puzzle {
animation: goingLeft 1s ease-in-out forwards;
}
@keyframes goingLeft {
0% {
opacity: 0;
transform: translateX(100px);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
.card:hover svg path#gear_small {
animation: rotateLeft 12s linear forwards;
transform-origin: center center;
transform-box: fill-box; 
}
@keyframes rotateLeft {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}
.card:hover svg path#gear-large {
animation: rotateRight 12s linear forwards;
transform-origin: center center;
transform-box: fill-box; 
}
@keyframes rotateRight {
from {
transform: rotate(0deg);
}
to {
transform: rotate(300deg);
}
}
.testimonial-slider .slide:not(.active) img {
height: 156px;
}
.testimonial-slider .slide.active img {
height: 100%;
margin-top: -46px;
margin-left: 69px;
}
.card:hover svg path#speed-arrow {
animation: speedRight 2s linear forwards;
transform-origin: center;
transform-box: fill-box; 
}
@keyframes speedRight {
0%{
transform: rotate(-100deg);
}
50% {
transform: rotate(50deg);
}
70% {
transform: rotate(-10deg);
}
100% {
transform: rotate(50deg);
}
}
p.lead + a.btn {
max-width: 318px;
}
#meet-section img {
margin-bottom: 10px;
}
#developers-slider .dev-slider h2, 
#developers-slider .dev-slider p, 
#developers-slider .dev-slider img {
margin-top: 5px;
margin-bottom: 5px;
}
.dev-slider .column-40 {
margin-top: 25px;
}
.dev-slider .column-20 {
margin-top: 22px;
}
#hero-section p.lead {
letter-spacing: 0.3px;
} @media screen and (max-width: 450px) {
#hero-section a.btn{
margin: 75% auto;
position: absolute;
z-index: 1;
left: 50%;
transform: translate(-50%);
}
.exper img {
max-width: 100%;
margin: 0 auto;
transform: scale(1.2) translateY(55px);
}
#meet-section img {
display: none;
}
section#service ul li {
padding: 0;
}
#howitworks a.btn {
margin: 0 auto;
}
section#testimonials-section .slide p {
max-width: 708px;
max-height: 100%;
height: auto;
}
#testimonials-section {
height: 1025px;
}
#testimonials-section .slide {
min-height: 414px;
}
#testimonials-section .slide:not(.active):nth-child(2){
top: 120px;
}
#testimonials-section .slide:not(.active):nth-child(3){
top: 115px;
}
footer form {
padding-bottom: 82%;
}
input, textarea {
padding: 15px;
}
}
a.meet-toggler {
padding-right: 15px;
}
a.meet-toggler img {
margin-right: 8px;
}
.single #hero-section .row:nth-child(2), 
.single #form-section {
display: none;
}
.single #hero-section {
height: auto!important;
background-image: none;
}
.single #page {
display: flex;
flex-direction: column;
height: 100%;
}
.single main {
flex: 2;
}
html, body.single {
height: 100%;
}
#developers-slider {
display: none;
}
.page-id-92 p.lead {
margin-bottom: 15px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.article ul li, .article-item:nth-child(8) {
max-width: 47%;
min-width: 47%;
}
.article ul li {
margin-right: 3%;
}
.article ul li {
margin-bottom: 3%;
}
}
@media screen and (min-width: 1200px) {
.article ul li {
margin-right: 30px;
}
}
@media screen and (max-width: 768px) {
.article ul li, .article-item:nth-child(8) {
max-width: 100%;
min-width: 100%;
}
.article ul li {
margin-right: 0;
}
.article ul li {
margin-bottom: 3%;
}
.article > .row {
flex-direction: column;
padding: 32px 16px;
}
}