.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 .hidden-fields-container {
display: none;
}
.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;
}.mailerlite-form {
}
.mailerlite-form .mailerlite-form-description {
margin-bottom: 10px;
}
.mailerlite-form .mailerlite-form-field {
margin-bottom: 10px;
}
.mailerlite-form .mailerlite-form-field label {
display: block;
}
.mailerlite-form .mailerlite-subscribe-button-container {
text-align: center;
}
.mailerlite-form input.error {
color: #ff0000;
border-color: #ff0000;
}
.mailerlite-form label.error {
color: #ff0000;
}
.mailerlite-form-response {
margin-top: 20px;
display: none;
text-align: center;
color: #00a154;
}
.mailerlite-form-loader {
display: none;
text-align: center;
font-weight: bold;
margin: 0 20px;
}
.mailerlite-form-error {
display: block;
color: #ff0000;
}
.mailerlite-subscribe-submit{
max-width: 100%;
}body {
margin: 0;
-webkit-font-smoothing: auto;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 2.5rem;
}
hr {
box-sizing: content-box;
height: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} h1, h2, h3, h4, h5, h6 {
clear: both;
color: #24292e;
font-weight: 600;
margin-top: 24px;
margin-bottom: 15px;
}
h1 {
font-size: 32px;
padding-bottom: 10px;
}
h2 {
font-size: 24px;
padding-bottom: 0.3em;
line-height: 1.25;
}
h3 {
font-size: 18px;
line-height: 25px;
}
h4 {
font-size: 16px;
line-height: 20px;
}
h5 {
font-size: 14px;
line-height: 17.5px;
}
p {
margin-bottom: 1.5em;
}
h1.entry-title {
font-size: 1.31rem;
border-bottom: 1px solid #eaecef;
}
h2.entry-title {
border-bottom: 1px solid #eaecef;
}
h3.widget-title {
font-size: 1.2rem;
} body {
background: #fff; }
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
}  header#masthead {
margin-bottom: 0;
background-color: #563d7c ;
box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
padding: .74rem 1rem;
}
.navbar-brand > a {
color: rgba(0, 0, 0, 0.9);
font-size: 1.1rem;
outline: medium none;
text-decoration: none;
color: #fff;
font-weight: 700;
}
.navbar-brand > a:visited, .navbar-brand > a:hover {
text-decoration: none;
}
#page-sub-header {
position: relative;
padding-top: 5rem;
padding-bottom: 0;
text-align: center;
font-size: 1.25rem;
background-size: cover !important;
}
body:not(.theme-preset-active) #page-sub-header h1 {
line-height: 1.6;
font-size: 4rem;
color: #563e7c;
margin: 0 0 1rem;
border: 0;
padding: 0;
}
#page-sub-header p {
margin-bottom: 0;
line-height: 1.4;
font-size: 1.25rem;
font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
color: #212529;
}
a.page-scroller {
color: #333;
font-size: 2.6rem;
display: inline-block;
margin-top: 2rem;
}
@media screen and (min-width: 768px) {
body:not(.theme-preset-active) #page-sub-header h1 {
font-size: 3.750rem;
}
body:not(.theme-preset-active) #page-sub-header {
font-size: 1.25rem;
}
}
@media screen and (min-width: 992px) {
#page-sub-header p {
max-width: 43rem;
margin: 0 auto;
}
}  #masthead nav {
padding-left: 0;
padding-right: 0;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
color: #cdbfe3;
padding: 0.5rem;
font-weight: 500;
font-size: 0.875rem;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
color: #fff;
font-weight: 600; }
.navbar-brand {
height: auto;
}
.navbar-toggle .icon-bar {
background: #000 none repeat scroll 0 0;
}
.dropdown-menu .dropdown-toggle::after {
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
border-top: 0.3em solid transparent;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children {
position: relative;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
display: block;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {
border-left-color: #fff;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
float: none;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.dropdown-item {
line-height: 1.2;
padding-bottom: 0.313rem;
padding-top: 0.313rem;
}
.dropdown-menu {
min-width: 12.500rem;
}
.dropdown .open .dropdown-menu {
display: block;
left: 12.250em;
top: 0;
}
.dropdown-menu .dropdown-item {
white-space: normal;
background: transparent;
line-height: 1.6;
}
.dropdown-menu .dropdown-item:hover {
background: transparent;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
}
@media screen and (min-width: 769px) {
.dropdown-menu li > .dropdown-menu {
right: -9.875rem;
top: 1.375rem;
}
}
@media screen and (max-width: 991px) {
.navbar-nav .dropdown-menu {
border: medium none;
margin-left: 1.250rem;
padding: 0;
}
.dropdown-menu li a {
padding: 0;
}
#masthead .navbar-nav > li > a {
padding-bottom: 0.625rem;
padding-top: 0.313rem;
}
.navbar-light .navbar-toggler {
border: medium none;
outline: none;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.comment-content.card-block {
padding: 20px;
}
.navigation.post-navigation {
padding-top: 1.875rem;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
border: 1px solid #ddd;
border-radius: 0.938rem;
display: inline-block;
padding: 0.313rem 0.875rem;
text-decoration: none;
}
.post-navigation .nav-next a::after {
content: " \2192";
}
.post-navigation .nav-previous a::before {
content: "\2190 ";
}
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
background: #eee none repeat scroll 0 0;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
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;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 0.313rem;
line-height: normal;
padding: 0.938rem 1.438rem 0.875rem;
text-decoration: none;
top: 0.313rem;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
a img.alignright {
float: right;
margin: 0.313rem 0 1.25rem 1.25rem;
}
a img.alignnone {
margin: 0.313rem 1.25rem 1.25rem 0;
}
a img.alignleft {
float: left;
margin: 0.313rem 1.25rem 1.25rem 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption.alignnone {
margin: 0.313rem 1.25rem 1.25rem 0;
}
.wp-caption.alignleft {
margin: 0.313rem 1.25rem 1.25rem 0;
}
.wp-caption.alignright {
margin: 0.313rem 0 1.25rem 1.25rem;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1.5em;
font-size: 0.875rem; }
.widget select {
max-width: 100%;
}
.widget_search .search-form input[type="submit"] {
display: none;
}
.nav > li > a:focus,
.nav > li > a:hover {
background-color: #eee;
text-decoration: none;
}
.half-rule {
width: 6rem;
margin: 2.5rem 0;
}
.widget_categories .nav-link {
display: inline-block;
}  #content.site-content {
padding-bottom: 3.75rem;
padding-top: 4.125rem;
}
.sticky .entry-title::before {
content: '\f08d';
font-family: "Font Awesome\ 5 Free";
font-size: 1.563rem;
left: -2.5rem;
position: absolute;
top: 0.375rem;
font-weight: 900;
}
.sticky .entry-title {
position: relative;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
margin-top: 0;
}
.post.hentry {
margin-bottom: 4rem;
}
.posted-on, .byline, .comments-link {
color: #9a9a9a;
}
.entry-title > a {
color: inherit;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comment-body .pull-left {
padding-right: 0.625rem;
}
.comment-list .comment {
display: block;
}
.comment-list {
padding-left: 0;
}
.comments-title {
font-size: 1.125rem;
}
.comment-list .pingback {
border-top: 1px solid rgba(0, 0, 0, 0.125);
padding: 0.563rem 0;
}
.comment-list .pingback:first-child {
border: medium none;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
background: #f1f1f1 none repeat scroll 0 0;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 0.313rem 0.313rem 0;
text-align: center;
}
.wp-caption img[class*="wp-image-"] {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text {
font-size: 0.688rem;
line-height: 1.063rem;
margin: 0;
padding: 0.625rem;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-item .gallery-columns-2 {
max-width: 50%;
}
.gallery-item .gallery-columns-3 {
max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
max-width: 25%;
}
.gallery-item .gallery-columns-5 {
max-width: 20%;
}
.gallery-item .gallery-columns-6 {
max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
max-width: 11.11111%;
}
.gallery-caption {
display: block;
}  .woocommerce-cart-form .shop_table .coupon .input-text {
width: 8.313rem !important;
}
.variations_form .variations .value > select {
margin-bottom: 0.625rem;
}
.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
max-width: 100%;
} .elementor-page article .entry-footer {
display: none;
}
.elementor-page.page-template-fullwidth #content.site-content {
padding-bottom: 0;
padding-top: 0;
}
.elementor-page .entry-content {
margin-top: 0;
} .vc_desktop article .entry-footer {
display: none;
}
.vc_desktop #content.site-content {
padding-bottom: 0;
padding-top: 0;
}
.vc_desktop .entry-content {
margin-top: 0;
} footer#colophon {
font-size: 85%;
}
body:not(.theme-preset-active) footer#colophon {
color: #99979c;
background-color: #f7f7f7;
}
.navbar-dark .site-info {
color: #fff;
}
.copyright {
font-size: 0.875rem;
margin-bottom: 0;
text-align: center;
}
.copyright a, footer#colophon a {
color: inherit;
}
@media screen and (max-width: 767px) {
#masthead .navbar-nav > li > a {
padding-bottom: 0.938rem;
padding-top: 0.938rem;
}
}  @media only screen and (max-width: 1280px) {
html {
font-size: 95%;
}
}
@media screen and (max-width: 1199px) {
.navbar-dark .dropdown-item {
color: #fff;
}
.navbar-nav .dropdown-menu {
background: transparent;
box-shadow: none;
border: none;
}
} @media only screen and (max-width: 1024px) {
html {
font-size: 90%;
}
} @media only screen and (max-width: 960px) {
html {
font-size: 85%;
}
} @media only screen and (max-width: 768px) {
html {
font-size: 80%;
}
} @media only screen and (max-width: 480px) {
html {
font-size: 75%;
}
}html {
scroll-behavior: smooth;
}
body {
font-family: 'Poppins';
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 200%;
color: #00002A;
opacity: 1;
overflow-x: hidden;
}
@media (max-width: 992px) {
body, ul li {
font-size: 13px; line-height: 180%;
}
}
.site {  }
#content.site-content {
padding-bottom: 0;
padding-top: 0rem;
overflow: hidden;
}
body:not(.theme-preset-active) footer#colophon {
color: #00002A;
background-color: #F3F4F4;
font-family: 'Poppins';
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
text-align: right;
padding-top: 81px;
padding-bottom: 81px;
position: relative;
}
.site-info .widget {
margin: 0;
}
header#masthead {
margin-bottom: 0;
background-color: #ffffff;
box-shadow: none;
padding: 50px 0;   }
header#masthead.fixedmenu {
margin-bottom: 0;
background-color: #ffffff;
box-shadow: none;  position: fixed;
top: 0;
z-index: 9999999;
width: 100%;
padding-top: 0px;
padding-bottom: 10px;
box-shadow: 0px 0px 10px #00002a3d;
}
@media (max-width: 576px) {
header#masthead.fixedmenu {
padding: 0;
}
}
.home .site-content {
padding-top:140px!important;
}
.home header#masthead.fixedmenu {  background-color: #ffffffed;
padding-top: 20px;
padding-bottom: 20px;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: #03709F;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: #00002A;
}
@media (max-width: 1599px) {
header#masthead {
margin-bottom: 0;
background-color: transparent;
box-shadow: none;
padding: 0px;
max-height: initial;
}
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0 0;
margin: .125rem 0 0;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: #00002A;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #00002A;
border-radius: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
color: #ffffff;
text-decoration: none;
background-color: #03709F !important;
}
.navbar-light .navbar-toggler {
color: rgb(255 255 255);
border-color: rgba(0,0,0,.1);
width: 64px;
height: 64px;
background: #0472A1;
border-radius: 150px;
outline: 0;
}
@media (max-width: 1600px) {
.navbar-light .navbar-toggler {
color: rgb(255 255 255);
border-color: rgba(0,0,0,.1);
width: 50px;
height: 50px;
background: #0472A1;
border-radius: 150px;
padding: 0;
z-index: 1;
outline: 0;
}
.navbar-light .navbar-toggler-icon {
background-position: center center !important;
background-size: 100% 60% !important;
margin-left: auto;
margin-right: auto;
width: 18px;
}
.main_nav {
margin-top: 24px;
margin-bottom: 24px;
}
}
.navbar-light .navbar-toggler-icon {
background-image: none;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/menu_hamburger.svg);
background-repeat: no-repeat;
background-position: center;
width: 24px;
height: 24px;
}
h1 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 64px;
line-height: 130%;
color: #00002A;
}
@media (max-width: 554px) {
h1 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 130%;
color: #00002A;
}
}
h2 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 130%;
color: #00002A;
}
@media (max-width: 554px) {
h2 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 28px; color: #00002A;
}    
}
.btn.btn-primary {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 22px;
text-align: center;
letter-spacing: -0.01em;
color: #FFFFFF;
display: flex;
flex-direction: row;
align-items: center;
padding: 19px 32px;
width: auto;
height: auto;
background: #03709F;
border-radius: 32px;
border: none;
display: inline-block;
outline: none;
z-index: 1;
position: relative;
}
.btn-primary:hover {
color: #fff;
background-color: #00002A;
border-color: #00002A;
outline: none;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #00002A;
border-color: #00002A;
outline: none;
}
.btn-primary:focus, .btn-primary:active {
outline: none;
box-shadow: none;
}
@media (max-width: 554px) {
.btn.btn-primary {
padding: 14px 24px;
}
}
#mobile_menu {
position: absolute;
width: 46px;
height: 46px;
background-color: #0472A1;
background: linear-gradient(45deg, #03709F, #0472A1);
color: #FFFFFF;
float: left;
padding-right: 65px;
right: 0px;
z-index: 0;
padding: 5px;
padding-left: 20px;
top: 2px;
border-radius: 150px;
overflow: initial;
display: none;
max-width: calc(100% - 60px); overflow: scroll hidden; -ms-overflow-style: none; scrollbar-width: none; }
#mobile_menu::-webkit-scrollbar {
display: none;
}
#mobile_menu #menu-mobile-menu-1 {
margin: 0;
padding: 2px;
display: none;
min-width: max-content; }
#mobile_menu #menu-mobile-menu-1 li {
display: inline-block; margin: 0;
padding: 0;
list-style: none;
text-align: center;
overflow: initial;
position: relative;
font-size: 15px;
}
#mobile_menu #menu-mobile-menu-1 li {
padding-right: 16px; 
}
#mobile_menu #menu-mobile-menu-1 li a {
color:#FFFFFF;
}
#mobile_menu #menu-mobile-menu-1 li:hover svg, #mobile_menu #menu-mobile-menu-1 li:hover i {
background-color: #378DB1;
}
@media (min-width: 1600px) {
.homesite.navbar-expand-xl .navbar-toggler {
display: block;
right: 0;
position: absolute;
z-index: 1;
outline: none;
}
.homesite #main-nav {
display: none !important;
}
.homesite #mobile_menu { top: 50%;
transform: translate(0, -50%);
}
}
.mainphoto_home {
position: relative !important;
background-repeat: no-repeat;
top: 0px;
background-size: auto;
background-position: 0px 0px;
right: 0;
margin-top: -378px;
height: 994px;
width: 893px !important;
z-index: -1;
padding-top: 190px;
}
@media (max-width: 543px) {
.mainphoto_home {
max-height: 585px;
}
}
.home header#masthead {
background-color: transparent;
}
#home_main_photo {
display: none;
}
@media (min-width: 543px) {
#home_main_photo {
display: block;
position: absolute;
top: -150px;
z-index: -1;
width: 87%;
right: 0;
}
} #home_main_photo_place {
height: 53vw;
-webkit-mask-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg.svg);
mask-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg.svg);
-webkit-mask-position: 510px -2010px;
-webkit-mask-repeat: no-repeat;
background-size: auto;
background-position: 100% 0px;
background-repeat: no-repeat;
}
@media (max-width: 554px) {
#home_main_photo_place {
height: 440px;
-webkit-mask-position: 47vw -630px !important;
-webkit-mask-size: 1670px;
}
.mainphoto_home {
height: 440px;
}
}
@media (min-width: 555px) and (max-width: 767px) {
#home_main_photo_place {
height: 440px;
-webkit-mask-position: 47vw -630px !important;
-webkit-mask-size: 1693px;
}
.mainphoto_home {
height: 440px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#home_main_photo_place {
height: 440px;
-webkit-mask-position: 27vw -815px !important;
-webkit-mask-size: 1950px;
}
} @media (min-width: 992px) and (max-width: 1200px) {
#home_main_photo_place {
height: 630px;
-webkit-mask-position: 34vw -930px !important;
-webkit-mask-size: 2400px;
}
}
@media (min-width: 1200px) and (max-width: 1450px) {
#home_main_photo_place {
height: 750px;
-webkit-mask-position: 25vw -1400px !important;
-webkit-mask-size: 3250px;
}
}
@media (min-width: 1450px) {
#home_main_photo_place {
height: 750px;
-webkit-mask-position: 27vw -1400px !important;
-webkit-mask-size: 3300px;
}
}
@media (min-width: 1600px) {
#home_main_photo_place {
height: 930px; -webkit-mask-position: 22vw -1750px !important;
-webkit-mask-size: 4100px;
}
}
@media (min-width: 1600px) {
#home_main_photo_place {
height: 930px; -webkit-mask-position: 22vw -1750px !important;
-webkit-mask-size: 4100px;
}
}
@media (min-width: 1790px) {
#home_main_photo_place {
height: 930px; -webkit-mask-position: 25vw -1750px !important;
-webkit-mask-size: 4100px;
}
}
@media (min-width: 1900px) {
#home_main_photo_place {
height: 1430px; -webkit-mask-position: 27vw -1830px !important;
-webkit-mask-size: 4200px;
}
}
.left_sign_logo::before {
content: "";
width: 1476px;
height: 948px;
object-fit: contain;
position: absolute;
z-index: 1;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg.svg);
background-repeat: no-repeat;
background-size: contain;
left: -1100px;
top: 20px;
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
animation-name: vce-o-animate--fadeInLeft;
pointer-events: none;
}
.circles_info {
list-style: none;
width: 560px;
margin-top: -130px;
margin-left: -10px !important;
list-style: none;
margin-left: 0;
padding-left: 0;
z-index: 1;
position: relative;
display: block;
}
@media (max-width: 375px) {
.circles_info {
margin-right: auto!important;
margin-bottom: 30px!important;
margin-left: auto!important;
width: 450px;
}
}
.circles_info li {
background: #00002A;
border-radius: 444px;
font-family: 'Poppins';
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 170%;
text-align: center;
color: #FFFFFF;
display: inline-block;
margin: 10px;
}
@media (max-width: 375px) {
.circles_info li {
margin: 0px 0px 20px 0px;
padding: 20px!important;
height: 180px!important;
width: 180px!important;
display: flex;
justify-content: center;
flex-direction: column;
}
.circles_info li {     }
}
@media (max-width: 375px) {
.circles_info li h5, .circles_info li h4{
font-size: 32px;
line-height: 130%;
}
}
.circles_info li:hover { background-color: #378DB1;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
animation-name: vce-o-animate--pulse;
}
.circles_info .big {
padding: 50px;
width: 280px;
height: 280px;
display: inline-flex;
flex-direction: column;
justify-content: center;
}
.circles_info .small {
padding: 40px;
width: 180px;
height: 180px;
display: inline-flex;
flex-direction: column;
justify-content: center;
}
.circles_info h4 {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 80px;
line-height: 130%;
text-align: center;
letter-spacing: -0.01em;
color: #FFFFFF;
}
.circles_info h5 {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 38px;
line-height: 130%;
text-align: center;
letter-spacing: -0.01em;
color: #FFFFFF;
}
.circles_info .big .text {
width: 180px;
min-height: auto;
display: block;
}
.circles_info .small .text {
width: 117px;
min-height: auto;
display: block;
margin: 0;
padding: 0;
margin-left: -7px;
margin-right: auto;
}
.left_sign_logo [data-vcv-o-animated=true][data-vce-animate=vce-o-animate--fadeInUp] {
animation-name: vce-o-animate--fadeInUp;
position: relative;
z-index: 2;
}
@media (max-width: 375px) {
.circles_info {
list-style: none;
width: 100%;
text-align: center;
}
.left_sign_logo::before {
width: 374px;
height: 768px;
left: -20px;
top: 90px;
background-size: 1150px;
background-position: 101% center;
}
.circles_info .big .text, .circles_info .small .text {
width: 100%;
min-height: auto;
display: block;
margin: 0;
padding: 0 0 16px 0;
margin-left: 0px;
}
.circles_info .small {
padding: 40px;
padding-top: 20px !important;
}
}
@media (max-width: 991px) {
.circles_info {
margin-top: 100px;
margin-bottom: 100px;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.left_sign_logo::before {
width: 986px;
height: 768px;
left: -640px;
top: 20px;
}
}
@media (min-width: 376px) and (max-width: 1599px) {
.circles_info {
margin-top: 100px;
margin-bottom: 100px;
width: 100%;
}
.circles_info .big {
padding: 35px;
padding-top: 24px;
width: 180px;
height: 180px;
}
.circles_info li {
background: #00002A;
border-radius: 444px;
font-family: 'Poppins';
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
text-align: center;
color: #FFFFFF;
display: inline-block;
margin: 7px;
display: inline-flex;
flex-direction: column;
justify-content: center;
}
.circles_info h4 {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 75px;
line-height: 72px;
text-align: center;
letter-spacing: -0.01em;
color: #FFFFFF;
}
.circles_info .big .text {
width: 125px;
min-height: 60px;
display: block;
}
.circles_info .small .text {
width: auto;
min-height: auto;
display: block;
margin: 0;
padding: 0;
margin-left: 0px; }
.circles_info .small {
padding: 30px;
padding-top: 20px;
height: 130px;
width: 130px;
}
.circles_info h5 {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 36px;
text-align: center;
letter-spacing: -0.01em;
color: #FFFFFF;
margin-bottom: 0.2rem
}
.circles_info .big .text {
width: 130px;
min-height: auto;
display: block;
margin: 0;
padding: 0;
margin-left: -10px;
}
}
@media (min-width: 520px) and (max-width: 992px) {
.circles_info { margin-left: auto!important;
margin-right: auto;
padding-left: 50px;
width: 480px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.left_sign_logo::before {
width: 695px;
height: 448px;
left: -510px;
top: 20px;
}
}
@media (min-width: 992px) and (max-width: 1599px) {
.left_sign_logo::before {
left: -1230px;
top: -140px;
}
.circles_info {
margin-top: -130px;
margin-bottom: 100px;
width: 480px;
margin-left: -50px !important;
}
}
.darkbg {
padding: 130px;
padding-left: 0;
padding-right: 0;
background-color: #00002A;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 150%;
color: #FFFFFF;
}
.darkbg h2 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 130%;
text-align: center;
color: #FFFFFF;
margin-bottom: 70px;
}
.darkbg i {
font-size: 40px;
}
@media (max-width: 992px) {
.darkbg {
font-size: 18px;
}
.darkbg i {
font-size: 24px;
}
.darkbg h2 {
font-size: 28px;
line-height: 130%;
}
}
@media (min-width: 1599px) {
.darkbg {    }
}
.iconsection i {
font-size: 40px;
}
@media (max-width: 992px) {
.iconsection i {
font-size: 24px;
}
}
.iconsection h4 {
line-height: 130%;
margin-top: 20px;
margin-bottom: 20px; min-height: min-content;
}
.iconsection h2 {
margin-bottom: 60px;
display: block;
}
.graybg {
background-color: #F3F4F4;
padding-top: 112px;
padding-bottom: 112px;
padding-left: 82px;
padding-right: 82px;
z-index: 0;
}
.stack_technology h3 {
margin-bottom: 50px;
display: block;
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 130%;
color: #00002A;
}
.stack_technology h5 {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 130%;
text-align: right;
color: #00002A;
float: left;
width: 290px;
margin-right: 20px;
margin-top: 24px;
} .stack_technology ul {
width: 65%;
list-style: none;
margin: 0;
padding: 0;
float: left;
margin-top: 24px;
}
.stack_technology ul li {
float: left;
background: #FFFFFF;
border-radius: 27px;
flex: none;
order: 0;
flex-grow: 0;
margin: 0px 4px;
padding-left: 16px;
padding-right: 16px;
padding-top: 5px;
padding-bottom: 5px;
font-family: 'Poppins';
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: normal;
color: #00002A;
margin-bottom: 10px;
border: solid 1px #FFFFFF;
}
.stack_technology ul li:hover {
background: #f3f4f4;
border: solid 1px #FFFFFF;
}
@media (max-width: 1599px) {
.stack_technology h5 {
text-align: center;
width: 100%;
margin-right: 0px;
margin-top: 20px;
}
.stack_technology ul {
width: 100%;
text-align: center !important;
}
.stack_technology ul li {
float: none;
display: inline-block;
}
}
@media (max-width: 991px) {
.graybg {
padding-top: 48px;
padding-bottom: 48px;
padding-left: 22px;
padding-right: 22px;
}
.stack_technology h3 {
margin-bottom: 10px;
font-size: 28px;
}
.stack_technology h5 {
font-size: 18px;
}  }
.right_sign_logo::before {
content: "";
width: 1476px;
height: 948px;
object-fit: contain;
position: absolute;
z-index: 0;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg.svg);
background-repeat: no-repeat;
background-size: contain; left: 70%;
top: -450px;
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
animation-name: vce-o-animate--fadeInRight;
}
@media (max-width: 1599px) {
.right_sign_logo::before {
display: none !important;
}
}
.left_sign_logo_3::before {
content: "";
width: 1476px;
height: 948px;
object-fit: contain;
position: absolute;
z-index: 1;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg.svg);
background-repeat: no-repeat;
background-size: contain;
left: -1330px;
top: 20px;
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
animation-name: vce-o-animate--fadeInLeft;
pointer-events: none;
}
@media (max-width: 1200px) {
.left_sign_logo_3::before {
display: none !important;
}
}
.right_sign_logo_3::before {
content: "";
width: 1476px;
height: 948px;
object-fit: contain;
position: absolute;
z-index: 0;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg.svg);
background-repeat: no-repeat;
background-size: contain; left: 88%;
top: -450px;
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
animation-name: vce-o-animate--fadeInRight;
}
@media (max-width: 1200px) {
.right_sign_logo_3::before {
display: none !important;
}
}
.left_sign_logo_4::before {
content: "";
width: 1476px;
height: 948px;
object-fit: contain;
position: absolute;
z-index: 1;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg.svg);
background-repeat: no-repeat;
background-size: contain;
left: -1500px;
top: 20px;
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
animation-name: vce-o-animate--fadeInLeft;
pointer-events: none;
}
@media (max-width: 1200px) {
.left_sign_logo_4::before {
display: none !important;
}
}
.right_sign_logo_4::before {
content: "";
width: 1476px;
height: 948px;
object-fit: contain;
position: absolute;
z-index: 0;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg.svg);
background-repeat: no-repeat;
background-size: contain; left: 97%;
top: -450px;
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
animation-name: vce-o-animate--fadeInRight;
}
@media (max-width: 1200px) {
.right_sign_logo_4::before {
display: none !important;
}
}
.right_sign_logo_5::before {
content: "";
width: 1476px;
height: 948px;
object-fit: contain;
position: absolute;
z-index: 0;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg.svg);
background-repeat: no-repeat;
background-size: contain; left: 97%;
top: 130px;
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
animation-name: vce-o-animate--fadeInRight;
}
@media (max-width: 1200px) {
.right_sign_logo_5::before {
display: none !important;
}
}
.last_projects_owl .last_projects_owl_list {
list-style: none;
margin: 0;
padding: 0; overflow: hidden;   }
.last_projects_owl .last_projects_owl_list .owl-stage-outer {
overflow: visible;
}
.last_projects_owl .last_projects_owl_list .item {
margin-bottom: 40px;
}
.flipitem .card-flip {
perspective: 1000px;
}
.flipitem .card-flip:hover .flip, .flipitem .card-flip.hover .flip {  }
.flipitem .card-flip,
.flipitem .front,
.flipitem .back {
width: 100%;
height: 450px!important;
}
@media (min-width: 767px) {
.flipitem .card-flip,
.flipitem .front,
.flipitem .back {
height: 599px!important;
}
}
@media (min-width: 992px) {
.flipitem .card-flip,
.flipitem .front,
.flipitem .back {
height: 560px!important;
}
}
@media (min-width: 1200px) {
.flipitem .card-flip,
.flipitem .front,
.flipitem .back {
height: 600px!important;
}
}
.flipitem .flip {
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
}
.flipitem .front,
.flipitem .back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
}
.flipitem .front {
z-index: 2;
transform: rotateY(0deg);
transition: 0.5s;
}
.flipitem .front:hover {
opacity: 0;
}
.flipitem .back { display: flex !important;
align-items: stretch;
justify-content: space-between;
flex-direction: column;
}
.flipitem .back .img_logo {
display: flex !important; align-items: center !important;
width: 100%;
}
.flipitem .back h3 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 130%;
display: flex;
align-items: flex-end;
color: #FFFFFF;
height: auto;
}
body .flipitem .owl-item:nth-child(2n+1) .item_cont.back { }
body .flipitem .owl-item:nth-child(2n) .item_cont.back { }
.back {
display: none;
}
body .mobile {
overflow: initial !important;
}
body .mobile .owl-stage-outer {
overflow: initial !important;
}
body .mobile .item_cont.front {
overflow: initial !important;
}
body .mobile h3 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 130%;
display: flex;
align-items: flex-end;
color: #FFFFFF;
}
body .mobile .photo {
width: 314px !important;
height: 633px !important;
margin-top: -170px !important;
margin-bottom: 12px !important;
margin-right: 0 !important;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/img/mobile_silver.png) !important;
background-repeat: no-repeat !important;
float: right;
}
body .mobile .photo .photo_item {
width: 275px !important;
height: 599px !important;
background-image: url();
background-position: center center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
float: right !important;
margin-top: 17px !important;
margin-right: 20px !important;
border-radius: 38px;
}
body .mobile.flipitem .back h3 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 140%;
display: flex;
align-items: flex-end;
color: #FFFFFF;
}
body .mobile .btn.btn-primary, body .mobile .btn.btn-secondary {
float: left;
width: auto;
max-width: 200px;
}
@media (max-width: 992px) {
body .mobile .photo .photo_item { margin-left: auto !important;
margin-right: auto !important;
display: block !important;
float: none !important;
margin-top: 5.5% !important;
}
body .mobile .photo {
margin-top: -160px !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
body .mobile .item {
height: auto !important;
margin-bottom: 160px !important;
margin-top: 160px !important;
background-position: center;
}
body .mobile h3 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 130%;
display: flex;
align-items: flex-end;
color: #FFFFFF;
}
} body .mobile .flexdesign {
display: flex;
flex-direction: column;
justify-content: space-between;
}
body .mobile .flexdesign * {
margin-bottom: 18px;
}
body .mobile .flexdesign h3 {
max-width: 450px;
}
.case_study__mobile_lenart {
width: 55%;
margin-left: 25px;
}
@media (min-width: 768px) {
.case_study__mobile_lenart {
width: 300px!important;
}   
}
.case_study__mobile_lenart_wrap {
width: 100%;
margin-top: -85px;
margin-bottom: -65px;
display: flex;
justify-content: flex-end;
}
@media (min-width: 576px) {
.case_study__mobile_lenart_wrap {
margin-top: -150px;
margin-bottom: -40px;
justify-content: center;
}
}
@media (min-width: 992px) {
.case_study__mobile_lenart_wrap {
justify-content: flex-end;
}
}
@media (min-width: 1200px) {
.case_study__mobile_lenart_wrap {
margin-top: -170px;
margin-bottom: -20px;
justify-content: center;
}
}
.last_projects_owl .last_projects_owl_list .item .item_cont {
background: #00002A;
border-radius: 16px;
padding: 24px;
overflow: hidden;
}
@media (min-width: 767px) {
.last_projects_owl .last_projects_owl_list .item .item_cont {
padding: 53px;
}
}
.last_projects_owl .last_projects_owl_list .item:nth-child(2n+1) .item_cont {
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg_rotate90.svg);
background-repeat: no-repeat;
background-size: 810px;
background-position: 220px 180px;
}
.last_projects_owl .last_projects_owl_list .item:nth-child(1n+1) .item_cont {
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg.svg);
background-repeat: no-repeat;
background-size: 1500px;
background-position: 580px -20px;
}
.flipitem .front  {
background-position: 90px -10px!important;
}
.flipitem .back  {
background-position: 90px -10px!important;
}
.last_projects_owl .last_projects_owl_list .item .item_cont .photo {
width: 629px;
height: 369px;
margin-top: 50px;
margin-bottom: 12px;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/img/devicebg_big.png);
background-repeat: no-repeat;
}
.last_projects_owl .last_projects_owl_list .item .item_cont .photo .photo_item {
height: 83%;
width: 475px;
background-image: url();
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
float: right;
margin-top: 15px;
margin-right: 75px;
}
.last_projects_owl .last_projects_owl_list .item .item_cont .img_logo {
height: 62px;
display: flex;
align-items: center;
}
.last_projects_owl .last_projects_owl_list .item .item_cont .img_logo img {
width: auto;
max-width: 270px;
max-height: 70px;
}
.last_projects_owl .last_projects_owl_list .item:nth-child(1n+1) {
padding-left: 32px;
padding-right: 0px;
}
.last_projects_owl .last_projects_owl_list .item:nth-child(2n+1) {
padding-left: 0px; }
@media (max-width: 991px) {
.last_projects_owl .last_projects_owl_list .item:nth-child(1n+1) {
padding-left: 0px;
padding-right: 0px;
}
.last_projects_owl .last_projects_owl_list .item:nth-child(2n+1) {
padding-left: 0px;
padding-right: 0px;
}
}
.last_projects_owl {
margin-top: -130px;
}
.marginzero {
margin-top: 0px !important;
}
.navigation {
position: relative;
margin-bottom: 80px;
}
.nav {
height: auto;
z-index: 2;
position: relative;
}
@media (min-width: 767px)  and (max-width: 992px) {
.nav {
transform: translate(70px, 10px);
}
}
@media (min-width: 1600px) {
.nav {
transform: translate(16px, 50px);
}
}
.prev a {
width: 56px;
height: 56px;
opacity: 1;
background-color: #ffffffb0;
border: 1px solid #0300002A;
box-sizing: border-box;
transform: matrix(-1, 0, 0, 1, 0, 0);
display: block;
border-radius: 150px;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/arrow.svg);
background-repeat: no-repeat;
background-position: center;
float: right;
transition: 0.2s;
}
.prev {
padding-right: 5px;
}
.next {
padding-left: 0;
}
.next a {
width: 56px;
height: 56px;
opacity: 1;
background-color: #ffffffb0;
border: 1px solid #0300002A;
box-sizing: border-box;
transform: matrix(-1, 0, 0, 1, 0, 0);
display: block;
border-radius: 150px;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/arrow.svg);
background-repeat: no-repeat;
background-position: center;
transform: rotate(0deg);
float: left;
transition: 0.2s;
}
.prev a:hover, .next a:hover {
background-color: #ffffff;
}
.testimonials_owl .testimonials_owl_list {
list-style: none;
margin: 0;
padding: 0; 
overflow: hidden!important;
}
@media (min-width: 765px) {
.testimonials_owl .testimonials_owl_list {
padding: 0 16px; 
}
}
@media (min-width: 992px) {
.testimonials_owl .testimonials_owl_list {
overflow: visible!important;
padding: 0;
}
}
.testimonials_owl .owl-stage-outer {
overflow: visible!important;
}
.testimonials_owl .testimonials_owl_list .item { }
.testimonials_owl .testimonials_owl_list .item .item_cont {
background: #FFFFFF;
border: 1px solid rgba(0, 0, 42, 0.12);
box-sizing: border-box;
border-radius: 16px;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
min-height: 370px; display: flex;
flex-direction: column;
align-content: space-between;
justify-content: space-between;
} .testimonials_owl .testimonials_owl_list .item .item_cont .text {
width: 100%;
height: 170px;
max-height: 170px;
margin-top: 0px;
margin-bottom: 12px; overflow-y: auto;
scrollbar-color: #0300002A #F5F5F5;
scrollbar-width: thin;
}
.testimonials_owl .testimonials_owl_list .item .item_cont .text::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
.testimonials_owl .testimonials_owl_list .item .item_cont .text::-webkit-scrollbar
{
width: 8px;
background-color: transparent;
}
.testimonials_owl .testimonials_owl_list .item .item_cont .text::-webkit-scrollbar-thumb
{
border-radius: 10px;
background-color: #5d178a; 
} 
.testimonials_owl .testimonials_owl_list .item .item_cont .text .text_item {
min-height: 160px;
height: 100%;
width: 100%;
padding-right: 5px;
}
.testimonials_owl .testimonials_owl_list .item .item_cont .img_logo {
height: 40px;
width: 40px; display: none;
align-items: center;
background-color: #f3f4f4;
border-radius: 150px;
overflow: hidden;
float: left;
margin-right: 12px;
}
.testimonials_owl .testimonials_owl_list .item .item_cont .img_logo img {
width: auto;
object-fit: cover;
}
.testimonials_owl .testimonials_owl_list .item:nth-child(1n+1) {
padding-left: 32px;
padding-right: 0px;
}
.testimonials_owl .testimonials_owl_list .item:nth-child(2n+1) {
padding-left: 0px; }
@media (max-width: 991px) {
.testimonials_owl .testimonials_owl_list .item:nth-child(1n+1) {
padding-left: 0px;
padding-right: 0px;
}
.testimonials_owl .testimonials_owl_list .item:nth-child(2n+1) {
padding-left: 0px;
padding-right: 0px;
}
}
.testimonials_owl {
margin-top: -130px;
}
.testimonials_owl .testimonials_owl_list .item .item_cont .desc {
float: left;
height: 70px;
}
@media (min-width: 380px) {
.testimonials_owl .testimonials_owl_list .item .item_cont .desc {
height: 50px;
}
}
@media (min-width: 576px) {
.testimonials_owl .testimonials_owl_list .item .item_cont .desc {
height: 40px;
}
}
.testimonials_owl .testimonials_owl_list .item .name {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 170%;
color: #00002A;
float: left;
width: 100%;
}
.testimonials_owl .testimonials_owl_list .item .title {
font-family: 'Poppins';
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 170%;
color: #03709F;
float: left;
width: 100%;
}
@media (max-width: 1599px) {
.last_projects_owl {
margin-top: 0px;
}
.testimonials_owl {
margin-top: 0px;
}
.navigation {
position: relative;
margin-bottom: 40px;
}
}
.last_projects_owl .owl-theme .owl-dots .owl-dot.active span, .last_projects_owl .owl-theme .owl-dots .owl-dot:hover span {
background: #03709F;
outline: none;
}
.testimonials_owl .owl-theme .owl-dots .owl-dot.active span, .testimonials .owl-theme .owl-dots .owl-dot:hover span {
background: #03709F;
outline: none;
}
.last_projects_owl .owl-theme .owl-dots .owl-dot {
outline: none;
}
.testimonials_owl .owl-theme .owl-dots .owl-dot {
outline: none;
}
@media (max-width: 767px) { .last_projects_owl .last_projects_owl_list .item .item_cont {
height: 390px;
}
.last_projects_owl .last_projects_owl_list .item .item_cont .photo {
transform: scale(0.7) translate(0px, -115px);
}
}
@media (max-width: 574px) { 
.last_projects_owl .last_projects_owl_list .item .item_cont {
height: 390px;
}
.last_projects_owl .last_projects_owl_list .item .item_cont .photo {
transform: scale(0.7) translate(-80px, -115px);
}
}   
@media (max-width: 450px) {
.last_projects_owl .last_projects_owl_list .item .item_cont { height: 420px;
}
.last_projects_owl .last_projects_owl_list .item .item_cont .photo {
transform: scale(0.7) translate(-80px, -115px);
}
}
@media (max-width: 991px) {
.last_projects_owl .owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
float: right;
}
.testimonials_owl .owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
float: right;
}
}
.btn.btn-secondary {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 22px;
text-align: center;
letter-spacing: -0.01em;
color: #00002A;
display: flex;
flex-direction: row;
align-items: center;
padding: 19px 32px;
width: auto;
height: auto;
background: #ffffff;
border-radius: 32px;
border: none;
display: inline-block;
outline: none;
z-index: 1;
position: relative;
}
.btn-secondary:hover {
color: #fff;
background-color: #03709F;
border-color: #ffffff;
outline: none;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
color: #fff;
background-color: #00002A;
border-color: #00002A;
outline: none;
}
.btn-secondary:focus, .btn-secondary:active {
outline: none;
box-shadow: none;
}
@media (max-width: 554px) {
.btn.btn-secondary {
padding: 14px 24px;
}
}
.darkbg2 {
padding: 130px;
padding-left: 0;
padding-right: 0;
background-color: #00002A;
font-family: 'Poppins';
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 200%;
text-align: center;
color: #FFFFFF;
z-index: 0;
}
.darkbg2 h2 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 130%;
text-align: center;
color: #FFFFFF;
margin-bottom: 20px;
}
.darkbg2 i {
font-size: 40px;
}
@media (max-width: 1599px) {
.darkbg2 {
padding-left: 63px;
padding-right: 63px;
padding-top: 84px;
padding-bottom: 53px;
}
}
.left_sign_logo2::before {
content: "";
width: 1476px;
height: 948px;
object-fit: contain;
position: absolute;
z-index: 0;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg.svg);
background-repeat: no-repeat;
background-size: contain;
left: -1070px;
top: -370px;
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
animation-name: vce-o-animate--fadeInLeft;
pointer-events: none;
}
.right_sign_logo2::after {
content: "";
width: 1476px;
height: 948px;
object-fit: contain;
position: absolute;
z-index: -2;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg.svg);
background-repeat: no-repeat;
background-size: contain; left: 80%; top: -70px;
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
animation-name: vce-o-animate--fadeInRight;
pointer-events: none;
}
@media (max-width: 1599px) {
.right_sign_logo2::before {
width: 986px;
height: 626px;
left: -730px;
top: -430px;
}
.right_sign_logo2::after {
display: none;
}
}
@media (max-width: 991px) {
.darkbg2 h2 {
font-size: 28px;
}
}
body i {
font-size: 40px;
margin-bottom: 30px;
margin-right: 10px;
}
@media (max-width: 991px) {
body i {
font-size: 24px;
margin-bottom: 10px;
margin-right: 10px;
}
}
a {
color: #03709F;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #00002A;
}
.contactarea h4 {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-size: 40px;
line-height: 140%;
color: #00002A;
}
@media (max-width: 991px) {
.contactarea h4 {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-size: 28px;
line-height: 140%;
color: #00002A;
}
}
.contactarea h4 strong {
font-weight: 500;
}
.rightline {
border-right: 1px solid #e0e0e5;
padding-right: 20px;
}
@media (max-width: 457px){
.rightline {
border-right: none;
padding-right: 0px;
}
}
.leftline {
border-left: 1px solid #e0e0e5;
}
.form-control {
font-family: 'Poppins';
font-weight: 500;
font-size: 15px;
line-height: 22px;
letter-spacing: -0.01em;
color: #00002A;
border: none;
border-bottom: 1px solid #e0e0e5;
outline: none;
padding-top: 30px;
padding-bottom: 30px;
}
textarea.form-control {
min-height: 96px;
height: 96px;
padding-top: 0;
}
.form-control.wpcf7-not-valid {
color: #dc3232;
border-bottom-color: #dc3232;
border-left: solid 5px #dc3232;
}
.wpcf7 > form > div.container > div > div > p:nth-child(2) > label {
width: 100%;
}
.wpcf7-list-item {
margin: 0;
}
.wpcf7-list-item > label {
max-width: 550px;
line-height: 1.9;
}
.darkform .wpcf7-list-item > label {
max-width: 100%;
}
.darkform__wrapper {
max-width: 815px;
margin: 0 auto;
}
.your-file {
min-width: 180px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { color: #dc3232;
font-size: 12px;
font-weight: normal;
display: block;
border: none;
margin: 0;
padding: 0;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
box-shadow: none !important;
}
.form-control:focus {
outline: 0;
box-shadow: none !important;
border-color: #03709F;
background-color: #fbfbfb;
background: linear-gradient(180deg, rgba(251,251,251,1) 0%, rgba(255,255,255,1) 100%);
}
.left_sign_logo_photo::before {
content: "";
width: 1476px;
height: 948px;
object-fit: contain;
position: absolute;
z-index: 1;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg.svg);
background-repeat: no-repeat;
background-size: contain;
left: -1100px;
top: 420px;
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
animation-name: vce-o-animate--fadeInLeft;
pointer-events: none;
}
.right_sign_logo_photo::after {
content: "";
width: 1476px;
height: 948px;
object-fit: contain;
position: absolute;
z-index: 1;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg.svg);
background-repeat: no-repeat;
background-size: contain; left: 80vw;
top: 190px;
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
animation-name: vce-o-animate--fadeInLeft;
pointer-events: none;
}
.darkbg_quotes {
background: #00002A;
border: 1px solid rgba(0, 0, 42, 0.12);
box-sizing: border-box;
border-radius: 16px;
font-family: 'Poppins';
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 170%;
color: #FFFFFF;
margin-bottom: 70px;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/quotes_sign.svg);
background-repeat: no-repeat;
background-size: auto;
background-position: 80%-90px;
padding: 75px;
transition: 0.2s;
}
.darkbg_quotes:hover {
background: #03709F;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/quotes_sign2.svg);
background-repeat: no-repeat;
background-size: auto;
background-position: 80%-90px;
}
.darkbg_quotes h4 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 130%;
text-align: center;
color: #FFFFFF;
}
.darkbg_quotes .small, .darkbg_quotes small {
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 170%;
display: block;
}
.darkbg_quotes .foto {
max-width: 250px;
max-height: 250px;
left: 0px;
top: 0px;
background: #C4C4C4;
border-radius: 160px;
overflow: hidden;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
@media (max-width: 1599px) {
.darkbg_quotes {
padding-left: 23px;
padding-right: 23px;
padding-top: 54px;
padding-bottom: 53px;
}
}  @media (max-width: 992px) {
.left_sign_logo_photo::before {
display: none;
}
.right_sign_logo_photo::after {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.left_sign_logo_photo::before {
left: -480px;
top: 100px;
width: 654px;
}
.right_sign_logo_photo::after {
left: 340px;
top: 0px;
width: 654px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.left_sign_logo_photo::before {
left: -530px;
top: 60px;
width: 754px;
}
.right_sign_logo_photo::after { left: 610px;
top: -50px;
width: 754px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.left_sign_logo_photo::before {
left: -530px;
top: 120px;
width: 754px;
}
.right_sign_logo_photo::after {
left: 750px;
top: 0px;
width: 754px;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.left_sign_logo_photo::before {
left: -530px;
top: 600px;
width: 754px;
}
.right_sign_logo_photo::after { left: 75vw;
top: 480px;
width: 1155px;
}
}
.mainphoto h1 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 80px;
line-height: 130%;
color: #FFFFFF;
margin-bottom: 40px;
position: relative;
z-index: 1;
text-shadow: 4px 2px 8px #373737a3;
}
.mainphoto h2 {
font-family: 'Poppins';
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 130%;
color: #FFFFFF;
margin-bottom: 0;
position: relative;
z-index: 1;
text-shadow: 4px 2px 8px #373737a3;
}
.zindexup {
z-index: 1;
}
.oveflowelement {
overflow: hidden;
}
@media (max-width: 767px) {
.oveflowelement_mobile {
overflow: hidden;
}
}
@media (max-width: 767px) {
.mainphoto h1 {
font-size: 32px;
line-height: 130%;
font-weight: 600;
margin-bottom: 40px;
}
.mainphoto h2 {
font-size: 13px;
line-height: 18px;
font-weight: normal;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.mainphoto h1 {
font-size: 32px;
line-height: 130%;
font-weight: 600;
margin-bottom: 40px;
}
.mainphoto h2 {
font-size: 13px;
line-height: 18px;
font-weight: normal;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.mainphoto h1 {
font-size: 32px;
line-height: 130%;
font-weight: 600;
margin-bottom: 40px;
}
.mainphoto h2 {
font-size: 13px;
line-height: 18px;
font-weight: normal;
}
}
.benefits h4 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 150%;
color: #00002A;
margin-bottom: 60px;
margin-top: 0;
padding-top: 0;
line-height: 0.5;
}
@media (max-width: 992px) {
.benefits h4 {
font-size: 28px;
line-height: 150%;
}
}
.benefits .desc {
cursor: default;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 150%;
color: #00002A;
padding: 25px;
}
@media (max-width: 992px) {
.benefits .desc {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
color: #00002A;
padding: 10px;
}
}
.benefits .desc {
cursor: default;
background: transparent;
border-radius: 10px;
padding: 25px;
}
.benefits .desc:hover {
background: #F3F4F4;
border-radius: 10px;
padding: 25px;
}
.benefits .item {
margin-bottom: 60px;
}
@media (max-width: 992px) {
.benefits .item {
margin-bottom: 10px;
}
}
.benefits i {
padding-left: 25px;
}
.darkbg_info {
background: #00002A;
border: 1px solid rgba(0, 0, 42, 0.12);
box-sizing: border-box;
border-radius: 16px;
font-family: 'Poppins';
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 160%;
text-align: center;
color: #FFFFFF;
margin-bottom: 70px;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg_rotate90.svg);
background-repeat: no-repeat;
background-size: auto;
background-position: -212px -340px;
background-size: 340px;
padding: 75px;
}
.darkbg_info:hover {
background: #03709F;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg_rotate90.svg);
background-repeat: no-repeat;
background-size: auto;
background-position: 80%-90px;
}
.darkbg_info h3 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 130%;
text-align: center;
color: #FFFFFF;
margin-bottom: 30px;
}
.darkbg_info h6 {
font-family: 'Poppins';
font-weight: 500;
font-size: 18px;
line-height: 150%;
text-align: center;
color: #FFFFFF;
}
.darkbg_info .small, .darkbg_info small {
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 170%;
display: block;
}
.darkbg_info .foto {
max-width: 164px;
max-height: 164px;
left: 0px;
top: 0px;
background: #C4C4C4;
border-radius: 160px;
overflow: hidden;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
@media (max-width: 1599px) {
.darkbg_info {
padding-left: 23px;
padding-right: 23px;
padding-top: 54px;
padding-bottom: 53px;
}
}
.evidance {
border-radius: 15px;
position: relative;
margin-bottom: -100px;
}
.evidance .photo_item {
background-position: center;
background-size: cover;
display: flex;
justify-content: space-between;
flex-direction: column;
padding-top: 30px;
padding-bottom: 48px;
padding-left: 40px;
padding-right: 40px;
height: 420px;
border-radius: 15px !important;
}
.evidance .photo_item img {
z-index: 1;
position: relative;
}
.evidance .photo_item .photo {
text-align: left;
}
.evidance .photo:before {
content: "";
background: linear-gradient(180deg, rgba(51, 50, 62, 0.3) 0%, rgba(51, 50, 62, 0.9) 100%);
border-radius: 3.50538px;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
border-radius: 15px !important;
}
.evidance h6 {
font-family: 'Poppins';
text-align: left;
z-index: 1;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 140%;
display: flex;
align-items: flex-end;
color: #FFFFFF;
}
.circle_button {  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100%' ry='100%' stroke='%23787689FF' stroke-width='3' stroke-dasharray='6%2c9' stroke-dashoffset='100' stroke-linecap='butt'/%3e%3c/svg%3e");
border-radius: 100%;
box-sizing: border-box;
border-radius: 444px;
width: 422px;
height: 422px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
padding: 80px;
transition: 0.2s;
}
.circle_button .desc {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 130%;
text-align: center;
letter-spacing: -0.01em;
color: #00002A;
}
.circle_button:hover, .circle_button--active {
background: #00002A;
cursor: pointer;
color: #FFFFFF;  border: 0px solid transparent;
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
animation-name: vce-o-animate--pulse;
z-index: 1;
position: relative;    
} .circle_button:hover .desc, .circle_button--active .desc {
color: #ffffff;
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
animation-name: vce-o-animate--fadeInUp;
}
.circle_button:hover i {
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
animation-name: vce-o-animate--fadeInUp; padding: 10px;
border-radius: 150px;
height: 60px;
width: 60px;
text-align: center;
}
@keyframes spinanim {
0% {
width: 320px;
height: 320px;
border: dashed 2px #03709F;
}
50% {
width: 410px;
height: 410px;
border: dashed 4px #0472A1;
}
100% {
width: 320px;
height: 320px;
border: dashed 2px #03709F;
}
100% { 
transform: rotateZ(360deg);
}
}
.circle_button {
width: 90vw;
height: 90vw;
max-width: 400px;
max-height: 400px;
margin-left: auto;
margin-right: auto;
margin-top: -50px;
}
@media (max-width: 1250px) {
.circle_button .desc {
font-size: 15px;
}
.circle_button i {
font-size: 20px;
margin-bottom: 10px;
padding-left: 0px;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
@keyframes spinanim {
0% {
width: 160px;
height: 160px;
border: dashed 2px #03709F;
}
50% {
width: 210px;
height: 210px;
border: dashed 4px #0472A1;
}
100% {
width: 160px;
height: 160px;
border: dashed 2px #03709F;
}
100% { 
transform: rotateZ(360deg);
}
}
}
.circle_button .icon {
text-align: center;
color: #00002a!important;
}
.circle_button--active .icon {
color: white!important;
}
.circle_button a {
color: white!important;
}
@media (min-width: 756px) {
.circle_button {
width: 45vw;
height: 45vw;
max-width: 310px;
max-height: 310px;
margin-top: 0;
}
}
@media (min-width: 1200px) {
.circle_button {
max-width: 400px;
max-height: 400px;
}
}
@media (min-width: 1500px) {
.circle_button {
max-width: 450px;
max-height: 450px;
}
}
.history { background-color: #00002a;
padding-bottom: 100px;
padding-top: 120px;
}
.history_owl .history_owl_list {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.history_owl .history_owl_list::before {
content: "";
height: 100%;
width: 0px;
background-color: #00002a;
background: linear-gradient(90deg, #00002a, #00002a00);
position: absolute;
left: -5px;
z-index: 1;
}
.history_owl .history_owl_list::after {
content: "";
height: 100%;
width: 0px;
background-color: #00002a;
background: linear-gradient(90deg,#00002a00, #00002a);
position: absolute; right: -5px;
top: 0;
z-index: 2;
}
@media (min-width: 576px) {
.history_owl .history_owl_list::before,
.history_owl .history_owl_list::after {
width: 200px;
}
}
.history_owl .history_owl_list .item {
margin-bottom: 40px;
}
.history_owl .history_owl_list .item .item_cont {
background: #00002A;
border: 0px solid rgba(0, 0, 42, 0.12);
box-sizing: border-box;
border-radius: 0px;
padding-top: 20px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
min-height: auto;
height: auto;
display: flex;
flex-direction: column;
align-content: space-between;
justify-content: space-between;
} .history_owl .history_owl_list .item .item_cont .text {
width: 95%; max-height: 180px;
margin-top: 0px;
margin-bottom: 12px;
overflow: hidden;
}
.history_owl .history_owl_list .item .item_cont .text .text_item {
height: 100%;
width: 100%;
font-family: 'Poppins';
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 200%;
color: #FFFFFF;
opacity: 0.9;
}
@media (min-width: 576px) {
.history_owl .history_owl_list .item .item_cont .text .text_item {
max-width: 300px;
}
}
.history_owl .history_owl_list .item .item_cont .img_logo {
height: 40px;
width: 40px;
display: flex;
align-items: center;
background-color: #f3f4f4;
border-radius: 150px;
overflow: hidden;
float: left;
margin-right: 12px;
}
.history_owl .history_owl_list .item .item_cont .img_logo img {
width: auto;
object-fit: cover;
}
.history_owl .history_owl_list .item:nth-child(1n+1) {
padding-left: 0px;
padding-right: 0px;
}
.history_owl .history_owl_list .item:nth-child(2n+1) {
padding-left: 0px;
padding-right: 0px;
}
@media (max-width: 991px) {
.history_owl .history_owl_list .item:nth-child(1n+1) {
padding-left: 0px;
padding-right: 0px;
}
.history_owl .history_owl_list .item:nth-child(2n+1) {
padding-left: 0px;
padding-right: 0px;
}
}
.history_owl {
background-color: #00002a !important;
padding-top: 30px;
margin-top: 0;
}
.history_owl .history_owl_list .item .item_cont .desc {
float: left;
}
.history_owl .history_owl_list .item .year {
float: left;
width: 100%;
margin-top: 60px;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 130%;
letter-spacing: -0.01em;
color: #FFFFFF;
margin-bottom: 18px;
}
.history_owl .history_owl_list .item .title {
font-family: 'Poppins';
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 170%;
color: #03709F;
float: left;
width: 100%;
}
@media (max-width: 1599px) {
.history_owl {
margin-top: 0px;
}
}
.history_owl .owl-theme .owl-dots .owl-dot.active span, .testimonials .owl-theme .owl-dots .owl-dot:hover span {
background: #03709F;
outline: none;
}
.history_owl .owl-theme .owl-dots .owl-dot {
outline: none;
}
@media (max-width: 991px) {
.history_owl .owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
float: right;
}
}
.history_owl .line {
width: 100%;
height: 2px;
background: #0472A1;
}
.history_owl .line::before {
content: "";
width: 16px;
height: 16px;
position: absolute;
z-index: 0;
background-color: #03709F;
top: 13px;
border-radius: 150px;
}
.history_owl .tit {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 130%;
color: #ffffff;
}
.history_owl .owl-item.active .line {
width: 100%;
height: 2px;
background: #0472A1;
margin-top: 0px; }
@keyframes widthline {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
.history_owl .owl-carousel .owl-item::after {
content: "";
width: 100%;
height: 2px;
background: #0472A1; background: linear-gradient(90deg, #0472A1, #00002a);
position: absolute;
top: 20px;
left: 100%;
z-index: 999;
}
.history_owl .owl-item:hover .desc .year {
color: #0472A1;
z-index: 1;
padding-top: 0px;
}
.history_owl .owl-item:hover .line {
width: 100%;
height: 2px;
margin-top: 0px;
background-color: #0472A1 !important;
}
.history_owl .owl-item.active.center .line {
width: 100%;
height: 2px;
margin-top: 0px;
background-color: #0472A1 !important;
}
.history_owl .owl-item.active.center .line::before {
content: "";
width: 40px;
height: 40px;
position: absolute;
z-index: 0;
background-color: #ffffff;
border: solid 15px #03709F;
margin-top: -13px;
border-radius: 150px;
-webkit-animation: dotanim 4s ease infinite;
animation: dotanim 4s ease infinite;
} @keyframes dotanim {
0% {
border: solid 10px #03709F;
background-color: #ffffff;
}
50% { background-color: #03709F; transform: rotateZ(360deg);
}
100% {
border: solid 10px #03709F;
background-color: #ffffff;
}
}
@media(min-width:992px) {
.history_owl_list .owl-item {
margin-right: -1px;
}
}
.history_owl .prev {
}
.history_owl .next {
}
.history_owl .prev a {
width: 59px;
height: 59px;
opacity: 1;
border: 1px solid #00002A;
box-sizing: border-box;
transform: matrix(-1, 0, 0, 1, 0, 0);
display: block;
border-radius: 150px;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/arrow_light.svg);
background-repeat: no-repeat;
background-position: center;
float: right;
}
.history_owl .next a {
width: 59px;
height: 59px;
opacity: 1;
border: 1px solid #00002A;
box-sizing: border-box;
transform: matrix(-1, 0, 0, 1, 0, 0);
display: block;
border-radius: 150px;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/arrow_light.svg);
background-repeat: no-repeat;
background-position: center;
transform: rotate(0deg);
float: left;
}
.history_owl .prev a, .history_owl .next a {
background-color: transparent;
}
.history_owl .prev a:hover, .history_owl .next a:hover {
background-color: transparent;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/arrow_light_hover.svg);
}
.team_owl .foto { max-width: 290px; max-height: 290px;
left: 0px;
top: 0px;
background: #C4C4C4;
border-radius: 160px;
overflow: hidden;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.team_owl .name {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 24px; line-height: 100%;
text-align: center;
color: #00002A;
}
.team_owl .desc {
font-family: 'Poppins';
font-weight: 500;
font-size: 18px;
line-height: 180%;
text-align: center;
color: #03709F;
}
.team_owl .text_item {
margin-top: 0px;
margin-bottom: 40px;
font-family: 'Poppins';
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 180%;
text-align: center;
color: #00002A;
}
@media (min-width: 854px) {
.team_owl .text_item {
margin-top: 24px;
margin-bottom: 0;
}
}
.darkform {
display: none;
}
.darkform .wpcf7-form-control-wrap.your-cv {
display: none;
}
.darkform .svgbtnform {
margin-right: 10px;
}
.darkform .btn.btn-primary {
margin-right: 10px;
}
.darkform input {
border-bottom: solid 2px #1f1f44;
background: transparent;
font-family: 'Poppins';
font-weight: 500;
font-size: 15px;
line-height: 22px;
letter-spacing: -0.01em;
color: #FFFFFF;
}
.darkform .form-control:focus {
outline: 0;
box-shadow: none !important;
border-color: #03709F;
background: transparent !important;
color: #fff;
}
.privacy_valid {
line-height: 1.9;
}
.darkform .form-control.wpcf7-not-valid {
color: #dc3232;
border-bottom: solid 1px #dc3232;
border-left: solid 5px #dc3232;
}
.darkbg2 .wpcf7 form.invalid .wpcf7-response-output, .darkbg2 .wpcf7 form.unaccepted .wpcf7-response-output { color: #dc3232;
font-size: 13px;
font-weight: normal;
display: block;
border: none;
margin: 0;
padding: 0;
}
.graybg2 {
background-color: #F3F4F4;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
z-index: 0;
}
.whatwedo h4 {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 170%;
color: #00002A;
}
.whatwedo h4:hover {
color: #03709F;
}
.gryline_vertical::after {
content: "";
width: 1px;
height: 100%;
background-color: #dedfdf;
margin-left: auto;
margin-right: auto;
margin-left: -50%;
}
.logos {
padding-top: 50px;
padding-bottom: 50px;
}
.logos_owl .img_logo {
filter: grayscale(1.0);
-webkit-filter: grayscale(1.0);
opacity: 0.5;
}
.logos_owl .img_logo:hover {
filter: grayscale(0.0);
-webkit-filter: grayscale(0.0);
transition: .3s ease-in-out;
opacity: 1.0;
}
.upbtn {
text-align: center;
align-items: center;
justify-content: center;
display: flex;
width: 60px;
height: 60px;
position: fixed;
background-color: #03709F;
bottom: 30px;
right: 20px;
border-radius: 150px;
cursor: pointer;
transition: background-color .3s, 
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden; 
}
.upbtn.show {
opacity: 1;
visibility: visible;
z-index: 100;
}
.upbtn i {
font-size: 30px;
color: #FFFFFF;
padding: 0;
margin: 0;
}
.contactviewarea {
line-height: 0;
}
.contactviewarea h5 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 140%;
color: #FFFFFF;
margin-bottom: 40px;
text-shadow: 2px 2px 8px #373737;
}
.area404 h1 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 80px;
line-height: 130%;
color: #00002A;
margin-bottom: 56px;
}
.right_sign_logo_photo2::after {
content: "";
width: 1476px;
height: 948px;
object-fit: contain;
position: absolute;
z-index: 0;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg.svg);
background-repeat: no-repeat;
background-size: contain;
left: 1240px;
top: 190px;
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
animation-name: vce-o-animate--fadeInLeft;
}
body .owl-theme .owl-dots .owl-dot.active span, body .owl-theme .owl-dots .owl-dot:hover span {
background: #03709F;
}
body .owl-theme .owl-dots .owl-dot {
outline: none !important;
}
.icon {
font-size: 38px;
margin-bottom: 30px;
height: 40px;
}
@media (max-width: 991px) {
.icon {
text-align: center;
}
}
.benefitsection .icon {
margin-left: 30px;
margin-bottom: 10px;
}
.tip {
position: absolute;
z-index: 1;
width: 130px;
height: auto;
top: 40px;
background-color: #FFFF;
border-radius: 10px;
color: #03709F;
font-weight: 500;
font-size: 12px;
padding: 3px;
display: none;
left: -30px;
box-shadow: 0px 0px 10px #00002a3d;
}
#mobile_menu #menu-mobile-menu-1 li:hover .tip {
display: block;
}
.page-template-cppage h2 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 150%;
color: #00002A;
margin-top: 60px;
margin-bottom: 40px;
}
.page-template-cppage .leadstyle {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 170%;
color: #00002A;
margin-bottom: 90px;
}
.page-template-cppage .nagstyle {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 170%;
color: #00002A;
}
ul {
font-family: 'Poppins';
font-size: 15px;
line-height: 230%;
color: #00002A;
opacity: 1;
background-repeat: no-repeat;
list-style-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/li.svg);
margin-top: 32px;
margin-bottom: 32px;
margin-left: 0;
}
ul li {
padding-left: 20px;
margin-bottom: 1rem;
}
h1 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600; font-size: 64px;
line-height: 130%;
color: #00002A;
}
.page-template-cppage .header_title {
border-bottom: 1px solid rgba(0, 0, 42, 0.12);
margin-bottom: 80px;
padding-bottom: 25px;
}
.right_sign_logo_header::after {
content: "";
width: 1476px;
height: 948px;
object-fit: contain;
position: absolute;
z-index: 0;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg.svg);
background-repeat: no-repeat;
background-size: contain;
left: 70% !important;
top: -35px;
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
animation-name: vce-o-animate--fadeInLeft;
}
.cppage_footer_widget {
margin-top: 30px;
margin-bottom: 30px;
}
.cppage_footer_widget h4 {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-size: 40px;
line-height: 140%;
color: #00002A;
}
.cppage_footer_widget h4 strong {
font-weight: 500;
}
.page-template-cppage .widget {
width: 100%;
}
.single-case-study .mainphoto {
width: 100%;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
padding-top: 500px;
margin-bottom: 100px;
}
.casestudies {
font-size: 18px;
}
.casestudies h2 {
margin-bottom: 30px;
}
.graybg.casestudies {
padding-top: 100px;
padding-bottom: 100px;
}
.casestudies h4 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 150%;
text-align: center;
color: #00002A;
}
.container__ {  }
.container__max {
max-width: 1600px!important;
margin-left: auto!important;
margin-right: auto!important;
padding-left: 16px;
padding-right: 16px;
}
@media (max-width: 992px) {
.container__max--p0, .container__fluid .vce-row-content {
padding-left: 16px;
padding-right: 16px;
}
}
.container__max--p0, .container__fluid .vce-row-content {
max-width: 1600px!important;
margin-left: auto!important;
margin-right: auto!important;
}
.min-content-width {
max-width: min-content;
}
.dont_underline,
.dont_underline:hover,
.dont_underline:hover a{
text-decoration: none;
color: inherit;
}
.link_indicator {
position: absolute;
margin-left: 10px;
bottom: 5px;
}
@media (min-width: 767px) {
.link_indicator {
bottom: 10px;
}
}
.wt-100 > .vce-row-content {
width: 100%;
}
.navbar-nav {
margin-top: 0;
}
.navbar ul li {
margin-bottom: 0;
}
.navbar-brand {
padding-top: 0;
}
.navbar-brand img{
max-width: 226px;
width: 100%;
height: auto;
}
.site-header {
height: 140px;
}
.fixed_nav_t {
position: fixed;
width: 100%;
background-color: #ffffff00;
box-shadow: 0px 0px 0px #00002a3d;
transition:0.5s;
z-index: 100;
}
.fixedmenu_t {
background-color: #ffffffed!important;
box-shadow: 0px 0px 10px #00002a3d!important;
transition:0.5s;
height: 90px;
}
.main_nav {
margin-top: 40px;
transition: 0.5s;
}
.fixedmenu_t .main_nav {
margin-top: 20px;
}
@media (min-width: 1600px) {
.main_nav {
margin-top: 0px;
}
}
.fixedmenu_t {
padding: 5px 0 0 0!important;
}
.entry-content {
margin-top: 0;
}
.spacer-nav {
height: 140px;
}
.last_projects_owl_list_hero .item_cont{
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/svg/logo_signet_bg.svg);
background-repeat: no-repeat;
background-size: 1500px;
background-position: 484px -20px!important;
} .testimonials__logowrap {
height: 65px;
align-self: start;
display: flex;
}
.testimonials__logo {  display: block;
max-width: 180px;
max-height: 50px;
width: auto!important;
height: auto!important;
margin-bottom: 20px;
align-self: start;
}
.menu-item a {
font-weight: 500;
}
@media (max-width: 1200px){
.hero-text h1 {
width: min-content;
}
}
@media (max-width: 490px){
.hero-text h1 {
font-size: 48px;
width: 100%;
}
}
.wpcf7 .ajax-loader {
margin: 18px 24px;
position: absolute;
}
#mobile_menu_f {
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; top: 0;
left: 150vw;
width: 100vw;
height: 100vh; background: #00002a;
z-index: 2;
transition: 0.25s;
}
@media (max-width: 576px){
#mobile_menu_f {
}
}
#mobile_menu_f ul {
text-decoration: none;
list-style: none;
padding: 0;
}
#mobile_menu_f ul li {
padding: 0;
margin-bottom: 30px;
}
#mobile_menu_f ul li a{
color: white;
font-size: 36px;
}
#mobile_menu_f::before {
content: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/img/monochrome_logo_code_provider.svg);
position: absolute;
height: 28px;
width: 226px;
z-index: 100;
top: 50px;
left: 22px;
}
#mobile_menu_f::after {
content: "✕";
position: absolute;
color: white;
font-size: 32px;
z-index: 100; top: 50px;
right: 45px;
cursor: pointer;
}
.mobile_menu__fullscreen { left: 0!important;
}
@media (min-width: 576px){
.mobile_menu__fullscreen {
left: calc( 8px + 105vw )!important;
}
}
.max-p-750 {
max-width: 750px;
}
.featured_projects .last_projects_owl .last_projects_owl_list .item .item_cont .img_logo {
height: 62px;
display: flex;
align-items: center;
}
.featured_projects .last_projects_owl .last_projects_owl_list .item .item_cont .photo {
width: 629px;
height: 369px;
margin-top: 50px;
margin-bottom: 12px;
background-image: url(//rank-provider.com/wp-content/themes/wp-bootstrap-starter-child/img/devicebg_big.png);
background-repeat: no-repeat;
}
@media (max-width: 767px) {
.featured_projects .last_projects_owl_list .item .item_cont .photo {
transform: scale(1.0) translate(0px, 0px)!important;
}
}
@media (max-width: 574px) { 
.featured_projects .last_projects_owl_list .item .item_cont .photo {
transform: scale(1.0) translate(0px, 0px)!important;
}
}   
@media (max-width: 450px) {
.featured_projects .last_projects_owl_list .item .item_cont .photo {  transform: scale(0.65) translate(20%, 0)!important;
margin-bottom: -110px!important;
}
}
@media (max-width: 767px) {
.featured_projects .last_projects_owl_list .item .item_cont {
height: auto;
}
}
@media (max-width: 574px) { 
.featured_projects .last_projects_owl_list .item .item_cont {
height: auto;
}
}   
@media (max-width: 450px) {
.featured_projects .last_projects_owl_list .item .item_cont {
height: auto;
}
}
@media (max-width: 450px){
.featured_projects .mobile .item {
height: auto !important;
margin-bottom: 160px !important;
margin-top: 80px !important;
background-position: center;
}
}
@media (max-width: 992px){
.featured_projects .mobile .item {
height: auto !important;
margin-bottom: 46px !important; background-position: center;
}
}
@media (max-width: 576px){
.d-flex-center {
margin: 0 auto;
}
}
@media (min-width: 450px) and (max-width: 576px){
.d-flex-float-none {
display: flex;
float: none!important;
}
}
@media (max-width: 450px){
.flipitem .back h3 {
font-size: 24px;
}
}
.t_link_indicator:after {
content: "\6d";
font-family: "dripicons-v2"!important;
pointer-events:none;
}
.f_t_link_indicator {
position: relative;
}
.f_t_link_indicator:after {
content: "\6d";
position: absolute;
color: white;
right: 20px;
bottom: 20px;
font-family: "dripicons-v2"!important;
font-size: 40px;
text-shadow: 2px 2px 5px black;
cursor: pointer;
transition: 0.3s;
pointer-events:none;
}
.f_t_link_indicator:hover:after {
right: 15px;
} 
.footer_wrap {
display: flex;
flex-direction: column;
}
@media (min-width:576px) {
.footer_wrap {
flex-direction: row;
}
}
.footer_wrap__prov {
display: flex;
flex-direction: column; 
}
@media (min-width:992px) {
.footer_wrap__prov {
flex-direction: row; 
}
}
.footer__porvider_group { display: flex;
justify-content: center;
}
@media (min-width:576px) {
.footer__porvider_group {
justify-content: start;
}
}
.footer__porvider_group_2 {
display: flex;
align-items: center;
margin-top: 1rem;
flex-wrap: wrap;
flex-direction: column;
}
@media (min-width:576px) {
.footer__porvider_group_2 {
align-items: start;
}
}
@media (min-width:992px) {
.footer__porvider_group_2 {
flex-wrap: nowrap;
flex-direction: row; }
}
.footer__porvider_group_2 a{
margin-top: 1rem;
}
@media (min-width:992px) {
.footer__porvider_group_2 a{
margin-top: 0;
}
}
.footer__provider_group_logo {
height: 24px;
width: 214px;
margin-top: 0.4rem;
}
@media (min-width:992px) {
.footer__provider_group_logo {
margin-top: 0;
margin-right: 3rem;
}
}
.footer__provider_logo {
height: 16px;
width: auto;
}
@media (min-width:992px) {
.footer__provider_logo {
margin-right: 3rem;
}
}
.footer-text {
text-align: center;
align-items: center;
justify-content: center;
margin-top: 2rem;
}
@media (min-width:576px) {
.footer-text {
text-align: end;
margin-top: 0rem;
}
}
.job-rank {
}
.job-rank  ul {
text-decoration: none;
list-style: none;
margin: 0;
padding: 0 10px;
display: flex;
flex-direction: column;
justify-content: space-around;
background-color: #F3F4F4;
padding-top: 35px;
padding-bottom:35px;
border-radius: 12px;
align-items: center;
width: max-content;
margin: 0 auto;
}
@media (min-width: 475px) {
.job-rank  ul {
flex-direction: row;
width: 100%;
}
}
.job-rank li {
margin: 20px 10px;
padding: 0;
width: 100px;
text-align: center;
}
@media (min-width: 475px) {
.job-rank li {
margin: 0 0;
}
}
.job-rank--not-active {
filter: grayscale(100%);
opacity: 0.35;
}
.job-rank .tester::before {
content: url('data:image/svg+xml; utf8, <svg width="100%" height="100%" viewBox="0 0 28 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M13.99,0L17.292,10.164L27.979,10.164L19.333,16.446L22.636,26.61L13.99,20.328L5.344,26.61L8.646,16.446L0,10.164L10.687,10.164L13.99,0Z" style="fill:rgb(92,23,138);"/></svg>');
display:block;
width:20px;
height:25px;
margin: 0 auto;
}
.job-rank .junior::before {
content: url('data:image/svg+xml; utf8, <svg width="100%" height="100%" viewBox="0 0 58 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M13.99,0L17.292,10.164L27.979,10.164L19.333,16.446L22.636,26.61L13.99,20.328L5.344,26.61L8.646,16.446L0,10.164L10.687,10.164L13.99,0Z" style="fill:rgb(92,23,138);"/><path d="M43.496,0L46.798,10.164L57.485,10.164L48.839,16.446L52.142,26.61L43.496,20.328L34.849,26.61L38.152,16.446L29.506,10.164L40.193,10.164L43.496,0Z" style="fill:rgb(92,23,138);"/></svg>');
display:block;
width:40px;
height:25px;
margin: 0 auto;
}
.job-rank .mid::before {
content: url('data:image/svg+xml; utf8, <svg width="100%" height="100%" viewBox="0 0 87 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M13.99,0L17.292,10.164L27.979,10.164L19.333,16.446L22.636,26.61L13.99,20.328L5.344,26.61L8.646,16.446L0,10.164L10.687,10.164L13.99,0Z" style="fill:rgb(92,23,138);"/><path d="M43.496,0L46.798,10.164L57.485,10.164L48.839,16.446L52.142,26.61L43.496,20.328L34.849,26.61L38.152,16.446L29.506,10.164L40.193,10.164L43.496,0Z" style="fill:rgb(92,23,138);"/><path d="M73.001,0L76.304,10.164L86.991,10.164L78.345,16.446L81.647,26.61L73.001,20.328L64.355,26.61L67.658,16.446L59.012,10.164L69.699,10.164L73.001,0Z" style="fill:rgb(92,23,138);"/></svg>');
display:block;
width:60px;
height:25px;
margin: 0 auto;
}
.job-rank .senior::before {
content: url('data:image/svg+xml; utf8, <svg width="100%" height="100%" viewBox="0 0 117 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M13.99,0L17.292,10.164L27.979,10.164L19.333,16.446L22.636,26.61L13.99,20.328L5.344,26.61L8.646,16.446L0,10.164L10.687,10.164L13.99,0Z" style="fill:rgb(92,23,138);"/><path d="M43.496,0L46.798,10.164L57.485,10.164L48.839,16.446L52.142,26.61L43.496,20.328L34.849,26.61L38.152,16.446L29.506,10.164L40.193,10.164L43.496,0Z" style="fill:rgb(92,23,138);"/><path d="M73.001,0L76.304,10.164L86.991,10.164L78.345,16.446L81.647,26.61L73.001,20.328L64.355,26.61L67.658,16.446L59.012,10.164L69.699,10.164L73.001,0Z" style="fill:rgb(92,23,138);"/><path d="M102.507,0L105.81,10.164L116.497,10.164L107.851,16.446L111.153,26.61L102.507,20.328L93.861,26.61L97.164,16.446L88.517,10.164L99.205,10.164L102.507,0Z" style="fill:rgb(92,23,138);"/></svg>');
display:block;
width:80px;
height:25px;
margin: 0 auto;
}
.job-rank .expert::before {
content: url('data:image/svg+xml; utf8, <svg width="100%" height="100%" viewBox="0 0 147 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M13.99,0L17.292,10.164L27.979,10.164L19.333,16.446L22.636,26.61L13.99,20.328L5.344,26.61L8.646,16.446L0,10.164L10.687,10.164L13.99,0Z" style="fill:rgb(92,23,138);"/><path d="M43.496,0L46.798,10.164L57.485,10.164L48.839,16.446L52.142,26.61L43.496,20.328L34.849,26.61L38.152,16.446L29.506,10.164L40.193,10.164L43.496,0Z" style="fill:rgb(92,23,138);"/><path d="M73.001,0L76.304,10.164L86.991,10.164L78.345,16.446L81.647,26.61L73.001,20.328L64.355,26.61L67.658,16.446L59.012,10.164L69.699,10.164L73.001,0Z" style="fill:rgb(92,23,138);"/><path d="M102.507,0L105.81,10.164L116.497,10.164L107.851,16.446L111.153,26.61L102.507,20.328L93.861,26.61L97.164,16.446L88.517,10.164L99.205,10.164L102.507,0Z" style="fill:rgb(92,23,138);"/><path d="M132.013,0L135.315,10.164L146.003,10.164L137.356,16.446L140.659,26.61L132.013,20.328L123.367,26.61L126.669,16.446L118.023,10.164L128.71,10.164L132.013,0Z" style="fill:rgb(92,23,138);"/></svg>');
display:block;
width:100px;
height:25px;
margin: 0 auto;
}
.stack_technology_job ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
margin-top: 24px;
}
.stack_technology_job ul li {
float: left;
background: #f3f4f4;
border-radius: 27px;
flex: none;
order: 0;
flex-grow: 0;
margin: 0px 4px;
padding-left: 16px;
padding-right: 16px;
padding-top: 5px;
padding-bottom: 5px;
font-family: 'Poppins';
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: normal;
color: #00002A;
margin-bottom: 10px;
border: solid 1px #FFFFFF;
}
.stack_technology ul li:hover {
background: #fdfdfd;
border: solid 1px #f3f4f4;
}
.darkbg_quotes_job {
background: #00002A;
max-width: 350px;
border: 1px solid rgba(0, 0, 42, 0.12);
box-sizing: border-box;
border-radius: 16px;
font-family: 'Poppins';
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 170%;
color: #FFFFFF;
margin-bottom: 0;
padding: 50px;
transition: 0.2s;
margin-left: auto;
} .darkbg_quotes_job h4 {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 130%;
text-align: left;
color: #FFFFFF;
}
.darkbg_quotes_job .small, .darkbg_quotes_job small {
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 170%;
display: block;
}
.darkbg_quotes_job .foto {
max-width: 250px;
max-height: 250px;
left: 0px;
top: 0px;
background: #C4C4C4;
border-radius: 160px;
overflow: hidden;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.darkbg_quotes_job .btn:hover {
background: white;
color: black;
}
@media (max-width: 1599px) {
.darkbg_quotes_job {
padding-left: 23px;
padding-right: 23px;
padding-top: 54px;
padding-bottom: 53px;
}
}
.place::before {
content: url('data:image/svg+xml; utf8, <svg width="100%" height="100%" viewBox="0 0 58 75" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M28.663,0C44.482,0 57.325,12.843 57.325,28.663C57.325,44.482 28.663,74.086 28.663,74.086C28.663,74.086 0,44.482 0,28.663C0,12.843 12.843,0 28.663,0ZM28.663,18.065C34.296,18.065 38.87,22.639 38.87,28.272C38.87,33.906 34.296,38.479 28.663,38.479C23.029,38.479 18.455,33.906 18.455,28.272C18.455,22.639 23.029,18.065 28.663,18.065Z" style="fill:white;"/></svg>');
display:inline-block;
width: 12px;
height: 15px;
margin-right: 10px;
position: relative;
bottom: -2px;
}
.incognito_link {
color: inherit!important;
}
.incognito_link:hover {
color: inherit!important;
text-decoration: inherit!important;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
border-radius: 10px;
background-color: #46b450;
color: white;
text-align: center;
width: 120%;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232;
border-radius: 10px;
background-color: #dc3232;
color: white;
text-align: center;
width: 120%;
}
.stick-this > .vce-col-inner > .vce-col-content, .stick-this-direct input, .stick-this-direct .ajax-loader {
position: sticky!important;
top: 100px;
z-index: 1!important;
}
.stick-this-direct .ajax-loader {
transform: translateY(11px);
margin: 0px 30px;
}
.site, #content.site-content {
overflow: visible;
}
.job_offers_list ul {
list-style: none;
padding: 0;
}
.job_offers_list li a {
display: block;
font-size: 18px!important;
width: 100%;
color: white;
background-color: #00002A;
border-radius: 16px;
padding: 18px 45px 18px 18px;
position: relative;
cursor: pointer;
text-align: left !important;
}
@media (min-width: 576px) {
.job_offers_list li a {
border-radius: 16px;
padding: 28px 45px 28px 28px;
font-size: 40px;
}
}
.job_offers_list li a::after {
content: "\6d";
position: absolute;
color: white;
right: 20px;
bottom: 50%;
transform: translate(0, 50%);
font-family: "dripicons-v2" !important;
font-size: 30px;
text-shadow: 2px 2px 5px black;
transition: 0.3s;
pointer-events: none;
}
.job_offers_list li a:hover::after {
right: 15px;
}
.job_offers_list li a:hover {
color: white;
text-decoration: none;
}
.wpcf7-response-output {
width: 815px!important;
max-width: 100%;
margin: 0 auto !important;
padding-left: 18px !important;
}
.darkbg_quotes_job {
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.vce-text-block.darkbg_quotes_job {
min-width: 300px;
}
} .overflow-hidden {
overflow: hidden;
}
.tts {
position: relative;
}
#tts-close {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
z-index: 1000;
}
@media (min-width: 576px ) {
#tts-close {
}
} #tts-close:after {
content: "✕";
position: absolute;
color: white;
font-size: 32px;
z-index: 100;
top: 50px;
right: 45px;
cursor: pointer;
} .contact-modal {
height: 100%;
}
.tts {
height: 100vh;
overflow-y: auto;
}
.contact-modal .tts__top {
position: relative;
}
.contact-modal .tts__bottom {
min-height: 100%;
display: flex;
align-content: center;
padding-top: 7rem;
width: 100%;
}
@media (min-width: 768px) {
.contact-modal .tts__bottom {
padding-top: 6rem;
}
}
.contact-modal {
position: fixed;
overflow-y: visible;
width: 100%;
min-height: 100vh;
top: 0;
left: 100vw;
background-color: #00002a;
z-index: 100;
transition: left 0.3s ease-in-out, opacity 0.3s ease-in-out;
opacity: 0;
color: white;
}
.contact-modal h1, .contact-modal h2, .contact-modal h3 {
color: white;
}
.contact-modal-active {
left: 0;
opacity: 1;
}
@media (min-width: 576px ) {
#contact-modal-button {
margin-left: auto;
}
}
@media (min-width: 768px) {
.vertical-line-md {
width: 2px;
background-color: gray;
height: calc( 100% - 2rem );
opacity: 0.5;
margin-top: 1rem;
margin-bottom: 1rem;
}
}
.tts .form-control {
background-color: #ffffff30;
color: #fff;
}
.tts .form-control:focus,
.tts .form-control:active {
background-color: #ffffff4d;
background: #ffffff4d;
color: #fff;
border-color: #fff;
}
.tts textarea.form-control {
padding-top: 1rem;
}
.tts label {
width: 100%;
}
.tts .wpcf7-form-control-wrap {
display: block;
}
.tts .wpcf7 input[type=text],
.tts .wpcf7 input[type=tel],
.tts .wpcf7 input[type=email],
.tts .wpcf7 textarea {
width: 100%;
margin-bottom: calc( 2rem + 2px );
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.02);
box-shadow: none;
color: white;
outline: none;
padding: 0.5rem;
resize: none;
}
.tts .wpcf7 input[type=text]:focus,
.tts .wpcf7 input[type=tel]:focus,
.tts .wpcf7 input[type=email]:focus,
.tts .wpcf7 textarea:focus {
border: none;
border-bottom: 2px solid white;
background-color: rgba(255, 255, 255, 0.1);
box-shadow: none;
outline: none;
margin-bottom: 2rem;
}
.tts .wpcf7-submit {
width: max-content!important;
}
.tts .wpcf7-not-valid-tip { bottom: 1rem;
color: #fff;
font-size: 1rem;
font-weight: normal;
display: block;
margin-left: 0.2rem;
}
.tts .wpcf7 .ajax-loader {
background-color: transparent;
border: 2.5px solid white;
bottom: -0.35rem;
}
.tts .wpcf7 .ajax-loader::before {
background-color: #fff;
}
.tts .wpcf7 form .wpcf7-response-output {
margin: 2em 0 1em;
}
.on-hover-wwd-wrap:hover .on-hover-wwd {
display: block;
}
.on-hover-wwd-wrap:hover .icon, .on-hover-wwd-wrap:hover .desc {
display: none;
}
.on-hover-wwd {
display: none;
position: absolute;  box-sizing: border-box; padding: 20px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: max-content;
z-index: 100; user-select: none;
text-transform: capitalize;
}
.on-hover-wwd ul, .on-hover-wwd ul li  {
list-style: none;
padding: 0;
margin: 0px 8px;
list-style-type: none!important;
color: white;
text-align: center;
}
@media (min-width: 1120px) {
.on-hover-wwd ul, .on-hover-wwd ul li  {
margin: -5px 8px;
}
}
.how-we-work:after {
content: "";
display: block;
position: absolute;
inset: 30px;
border: 5px solid black;
border-radius: 50%
}  
@media (min-width: 1600px) { }
.types-of-ppc ul li {
margin-bottom: 0;
}
.social-ppc {
max-width: 180px;
}
@media (min-width: 475px) {
.social-ppc {
max-width: 185px;
}
}
@media (min-width: 992px) {
.social-ppc {
max-width: 190px;
transform: translateY(-23px);
}
}
.how-we-work {
max-width: 1400px;
margin: 0 auto;
} 
.circle-seo:hover .icon {
color: white!important;
z-index: 100;
} :target[id]:before {
content:' ';
display: block;    
position: relative;     
top: -100px;
visibility: hidden; 
} .form-style-opt .form-control {
background-color: #f8f8f8;
}
.form-style-opt label { font-size: 12px;
}
.form-style-opt small {
top: -5px;
position: relative;
color: gray;
line-height: 110%!important;
}
.form-style-opt textarea.form-control {
padding-top: 10px;
}
.form-style-opt .wpcf7-checkbox, .wpcf7-checkbox {
height: auto;
background-color: transparent!important;
padding: 0;
border-bottom: none;
}
.form-style-opt .wpcf7-list-item, .wpcf7-list-item  {
padding: 10px 15px 0px 0px;
font-size: 12px;
}
.form-style-opt .wpcf7-list-item input, .wpcf7-list-item input {
margin-right: 5px;
}
.form-style-opt .wpcf7-list-item label, .wpcf7-list-item > label {
margin-bottom: 0!important;
}
.head-title-wrap {   }
.head-title-small {
font-size: 40px!important;
}
@media (min-width: 992px) {
.head-title-small {
font-size: 60px!important;
}
}
.head-title-small-button {
margin-bottom: 70px;
}
@media (min-width: 992px) {
.head-title-small-button { }
}
.wpcf7-form-control {
font-family: 'Poppins', sans-serif;
}
.tts_modal_two {
display: none;  padding: 2rem;
width: 100%;
top: 50%;
background: #FFFFFF;
border: 1.5px solid rgba(0, 0, 42, 0.12);
box-sizing: border-box;
border-radius: 16px;
}
.tts_modal_two--show {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.tts_modal_two--show label {
margin-bottom: 0;
}
.tts_modal_two * {
color:black;
font-size: 16px;
}
#thank_you_note_2 {
color:#46b450;
font-size: 22px;
}
.tts_modal_two .ajax-loader {
margin: 24px!important;
margin-left: auto!important;
position: relative;
}
.tts_modal_two .wpcf7-response-output {
line-height: 1.8!important;
}
.your-service {
display: inline-block!important;
}
.your-service label {
font-size: 16px;
}
.your-service a:hover, .tts a:hover{
color:white!important;
}
.page-id-2180 .site-header, .page-id-2180 .spacer-nav,
.page-id-2178 .site-header, .page-id-2178 .spacer-nav,
.page-id-1887 .site-header, .page-id-1887 .spacer-nav{
display: none;
}