.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.popup-template .modal {
opacity: 0;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.popup-template .modal.is-open {
opacity: 1;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}@font-face {
font-family: "Nunito-Regular";
src: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Regular.eot); src: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Regular.eot?#iefix) format("embedded-opentype"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Regular.otf) format("opentype"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Regular.svg) format("svg"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Regular.ttf) format("truetype"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Regular.woff) format("woff"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Regular.woff2) format("woff2"); font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Nunito-SemiBold";
src: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-SemiBold.eot); src: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-SemiBold.eot?#iefix) format("embedded-opentype"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-SemiBold.otf) format("opentype"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-SemiBold.svg) format("svg"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-SemiBold.ttf) format("truetype"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-SemiBold.woff) format("woff"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-SemiBold.woff2) format("woff2"); font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Nunito-Light";
src: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Light.eot); src: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Light.eot?#iefix) format("embedded-opentype"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Light.otf) format("opentype"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Light.svg) format("svg"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Light.ttf) format("truetype"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Light.woff) format("woff"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Light.woff2) format("woff2"); font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Nunito-Bold";
src: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Bold.eot); src: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Bold.eot?#iefix) format("embedded-opentype"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Bold.otf) format("opentype"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Bold.svg) format("svg"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Bold.ttf) format("truetype"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Bold.woff) format("woff"), url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/Nunito-Bold.woff2) format("woff2"); font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "CircularStd-Black";
src: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/fonts/CircularStd-Black.ttf); } .grpHead img {
width: 140px;
margin-right: 20px;
}
.grpHead {
font-size: 28px;
line-height: 38px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: left;
}
section.our_group_cont {
padding: 100px 0 0px;
}
.ourGrpRight img {
border-radius: 16px;
width: 100%;
}
.dflxcentr {
display: flex;
align-items: center;
justify-content: right;
}
.our_group_left .morebann a {
text-transform: capitalize;
width: auto;
height: auto;
padding: 10px 25px;
margin: 20px 0 0;
}
section.our_group_cont:nth-child(even) .rwReverse {
flex-direction: row-reverse;
}
section.our_group_cont:nth-child(even) .rwReverse .our_group_left {
padding-left: 25px;
}
section.our_group_cont .rwReverse {
background: #F5F8FF;
border-radius: 16px;
padding: 30px;
}
section.our_group_cont.first-jewellery {
padding-bottom: 100px;
}
section.our_group_cont.first-jewellery .morebann {
display: none;
} .joinchat__button {
display: none !important;
}
div#tab5 .tpiMd .touch_point_item:nth-child(2) li.loc-phn a.callLoc:before {
display: none;
}
body,
.h1 {
font-family: "Nunito-Light";
}
.h2,
h2 {
font-size: 3.5rem;
line-height: 3.8rem;
}
img {
max-width: 100%;
height: auto;
}
body {
font-size: 1.1rem;
line-height: 1.9rem;
color: #000;
}
ul:after {
content: "";
display: block;
clear: both;
}
.tp-banner .h1 {
font-size: 88px;
line-height: 99px;
color: #fff;
max-width: 600px;
white-space: normal;
margin-top: -27px;
}
.btn-red {
background: #0d428e;
color: #fff;
}
header a,
header li,
header div,
header ul,
header img,
header strong,
header small,
header span {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
} body#post-7 .tabbable {
position: absolute;
top: 800px;
}  .banner-captn.blog-details h1 {
padding: 0;
width: 50%;
text-shadow: 1px 8px 9px rgba(0, 0, 0, 0.9);
}
section.testimonials.inner-test .quote_cont {
height: 790px;
}
.locDscr li.vwMap {
padding: 10px 0 0 0;
position: absolute;
left: 78px;
bottom: 26px;
}
.locDscr li.vwMap a {
background: #0d428e;
color: #fff;
}
.locDscr li.vwMap a:hover {
background: #55565a;
color: #fff;
border-color: #55565a;
}
.errorpage section.inner_banner {
background: #142e54;
}
.errorpage section.inner_banner .container {
height: 295px;
}
.errorpage section.inner_banner .container h1 {
margin: 0;
}
section.innerpage.errorpage .connectFormCvr {
padding: 0 0;
}
.errorpage section.inner_banner .container h1 small {
display: block;
font-size: 24px;
}
#post-7 .quote_cont {
height: 400px;
}
.tarrifCvr {
padding: 100px 0px;
text-align: center;
}
.tarrifCvr a.btn:hover {
background: #55565a;
color: #fff;
}
@media (max-width: 1600px) {
section.blog-details-content .container {
max-width: 1338px;
}
}
.blog-details p {
font-size: 16px;
margin-bottom: 30px;
}
ul.policy.blog_details li b {
font-size: 24px;
font-weight: normal;
}
.search_box .input-group {
border-bottom: 1px solid #ccc;
margin-bottom: 2.5rem !important;
}
.search_box .input-group span.input-group-text {
border: none;
background: none;
}
.search_box .input-group input.form-control {
border: none;
color: #777;
font-size: 18px;
font-family: 'Nunito-Light';
}
.blog_details_sec .blg_det_rt:before {
content: "";
background: #ccc;
width: 1px;
height: 52%;
position: absolute;
left: 23px;
top: 20px; }
.blog_details_sec .blg_det_rt {
padding: 0px 70px;
}
.most_vw {
font-size: 27px;
margin-bottom: 1.5rem;
}
section.detail-img-sldr {
margin-bottom: 30px;
}
ul.Categories li {
font-size: 16px;
margin-bottom: 10px;
}
.latest-post-area {
padding-top: 25px;
}
.latest-post-area .date {
font-size: 12px;
color: #777;
line-height: 20px;
}
.latest-post-area p {
font-size: 16px;
line-height: 24px;
}
.post_description {
padding-left: 15px;
padding-bottom: 10px;
}
.post_description a {
color: #000;
font-size: 16px;
}
.latest-post-area .row {
border-bottom: 1px solid #efefef;
margin-bottom: 20px;
}
.carousel-control-prev-icon {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/prv.png);
background-size: 25%;
position: absolute;
left: 0;
height: 40px; background-color: rgba(0, 0, 0, 0.6);
}
.carousel-control-next-icon {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/nxt.png);
background-size: 25%;
position: absolute;
right: 0;
height: 40px; background-color: rgba(0, 0, 0, 0.6);
} .banner-captn.hdIcon.spaceIcon.our_connect h1:before {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/connect-icon.png);
background-size: 60%;
}
.banner-captn.hdIcon.spaceIcon.single_soln h1:before {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/single_soln.png);
background-size: 50%;
}
.banner-captn.hdIcon.spaceIcon.integration h1:before {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/integration-icon.png);
background-size: 50%;
}
.banner-captn.hdIcon.spaceIcon.touchpoints h1:before {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/touch-point-icon.png);
background-size: 50%;
}
.conFrmRgt .form-control {
width: 90%;
}
.coinfRgt a {
color: #000;
}
.pddleftcont {
padding-left: 50px;
}
section.connectFormCvr h2,
.coinfRgt .h1 {
font-family: "Nunito-Regular";
}
section.innerpage.soluInner .whtweCont p {
font-size: 32px !important;
line-height: 42px !important;
}
div#tab1 li.loc-phn a:nth-child(2):before,
div#tab5 li.loc-phn a:nth-child(2):before {
content: "";
background: #000;
width: 2px;
height: 15px;
position: absolute;
left: 0;
top: 8px;
}
section.whatwedo.blog-details .whtweCont p {
font-size: 17px !important;
width: 90%;
line-height: 32px !important;
}
.totlogLft .logImg {
margin-right: 25px;
margin-left: 100px;
margin-top: 30px;
background-size: 100%;
}
li.loc-eml a {
color: #000;
}
li.loc-cont span {
text-transform: capitalize;
} .cloud {
position: absolute; }
.tarrifCvr a.btn {
margin-bottom: 10px;
}
.lrg { top: 20rem;
left: -140px;
}
.med { top: 1rem;
left: -110px;
}
.sml { top: 230px;
left: -80px;
} @keyframes cloudDrift {
from {
transform: translateX(0px);
}
to {
transform: translateX(1520px);
}
} @-moz-keyframes cloudDrift {
from {
-moz-transform: translateX(0px);
}
to {
-moz-transform: translateX(540px);
}
} @-webkit-keyframes cloudDrift {
from {
-webkit-transform: translateX(0px);
}
to {
-webkit-transform: translateX(540px);
}
} @-o-keyframes cloudDrift {
from {
-o-transform: translateX(0px);
}
to {
-o-transform: translateX(540px);
}
}
.cloud { -moz-animation: cloudDrift linear infinite; -webkit-animation: cloudDrift linear infinite; -o-animation: cloudDrift linear infinite; animation: cloudDrift linear infinite;
}
.lrg { -moz-animation-duration: 80s; -webkit-animation-duration: 80s; -o-animation-duration: 80s; animation-duration: 80s;
}
.med { -moz-animation-duration: 75s; -webkit-animation-duration: 75s; -o-animation-duration: 75s; animation-duration: 75s;
}
.sml { -moz-animation-duration: 70s; -webkit-animation-duration: 70s; -o-animation-duration: 70s; animation-duration: 70s;
}
.plane-animation {
animation: animationFrames linear 3s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
-webkit-animation: animationFrames linear 3s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-moz-animation: animationFrames linear 3s;
-moz-animation-iteration-count: 1;
-moz-transform-origin: 50% 50%;
-o-animation: animationFrames linear 3s;
-o-animation-iteration-count: 1;
-o-transform-origin: 50% 50%;
-ms-animation: animationFrames linear 2s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%;
}
@keyframes animationFrames {
0% {
transform: translate(100%, -20px) rotate(0deg);
}
10% {
transform: translate(90%, -30px) rotate(5deg);
}
20% {
transform: translate(80%, -40px) rotate(15deg);
}
30% {
transform: translate(70%, -50px) rotate(10deg);
}
40% {
transform: translate(60%, -60px) rotate(5deg);
}
50% {
transform: translate(50%, -70px) rotate(0deg);
}
60% {
transform: translate(40%, -60px) rotate(-5deg);
}
70% {
transform: translate(30%, -50px) rotate(-10deg);
}
80% {
transform: translate(20%, -40px) rotate(-15deg);
}
90% {
transform: translate(10%, -30px) rotate(-10deg);
}
100% {
transform: translate(0%, 0px) rotate(0deg);
}
}
img.plane-animation {
position: absolute;
right: 146px;
width: 15%;
top: 27px;
}
img.cloud.in-1 {
top: 178px;
left: 124px;
width: 10%; -moz-animation-duration: 80s; -webkit-animation-duration: 80s; -o-animation-duration: 80s; animation-duration: 80s;
}
img.cloud.in-2 {
left: 24rem;
top: 125px;
width: 8%; -moz-animation-duration: 80s; -webkit-animation-duration: 80s; -o-animation-duration: 80s; animation-duration: 80s;
}
img.cloud.in-3 {
left: 40rem;
top: 186px;
width: 10%; -moz-animation-duration: 80s; -webkit-animation-duration: 80s; -o-animation-duration: 80s; animation-duration: 80s;
}
img.cloud.in-4 {
left: 57rem;
top: 36px;
width: 17%; -moz-animation-duration: 80s; -webkit-animation-duration: 80s; -o-animation-duration: 80s; animation-duration: 80s;
} #aeroplane {
position: absolute;
z-index: 99999; width: 15%;
top: 0px;
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/plane-icon.png);
background-repeat: no-repeat;
width: 302px;
height: 239px;
-webkit-animation: movingplane 15s linear infinite;
-moz-animation: movingplane 15s linear infinite;
-o-animation: movingplane 15s linear infinite;
}
@keyframes movingplane {
0% {
left: -10%;
top: -360px;
}
100% {
left: 120%;
top: 1500px;
}
}
@-webkit-keyframes movingplane {
0% {
left: -10%;
top: -360px;
}
100% {
left: 120%;
top: 1500px;
}
}
@-moz-keyframes movingplane {
0% {
left: -10%;
top: -360px;
}
100% {
left: 120%;
top: 1500px;
}
} section.touch_points div#tab1 ul li a,
div#tab5 ul li a {
padding-right: 0px;
}
section.touch_points div#tab1 ul li a:nth-child(2):before {
content: "";
background: #000;
position: absolute;
left: 140px;
top: 131px;
width: 1px;
height: 10px;
}
section.touch_points div#tab5 ul li a:nth-child(2):before {
content: "";
background: #000;
position: absolute;
left: 131px;
top: inherit;
margin-top: 10px;
width: 1px;
height: 10px;
}
.row.tchMainCvr .col-lg-6.col-md-6.col-12:nth-child(1) li.loc-phn a:nth-child(2):before,
.row.tchMainCvr .col-lg-6.col-md-6.col-12:nth-child(8) li.loc-phn a:nth-child(2):before {
content: "";
background: transparent;
width: 1px;
height: 15px;
position: absolute;
left: 0;
top: 7px;
}
.tparrows.hidearrows {
opacity: 1 !important;
}  input#basic-addon2 {
background: #0d428e;
border: none;
color: #fff;
font-size: 18px;
text-transform: uppercase;
margin-left: 5px;
border-radius: 5px;
outline: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.subscribe .wpcf7-form-control-wrap {
position: relative;
width: 74%;
}
.subscribe .input-group.mb-3 {
position: relative;
}
.subscribe .input-group-append {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 23.4%;
}
.subscribe div.wpcf7 .ajax-loader {
position: absolute;
bottom: 13px;
right: -20px;
background-color: #fff;
border-radius: 50%;
}
.subscribe input#basic-addon2 {
margin: 0;
width: 100%;
text-align: center !important;
font-size: 22px;
line-height: 42px;
border-radius: 8px;
background: #d14836;
display: block;
}
.subscribe input#basic-addon2:hover {
background: #55565a;
} header.sticky {
background: rgb(22, 51, 93, 0.9);
}
header a.logo img {
width: 100%;
}
header.sticky a.logo img {
width: 60%;
}
header.sticky .menuD {
padding: 15px 0 0;
}
header.sticky .hdrBtns {
padding: 0px 0 0;
}
header.sticky .hdrBtns ul {
margin-bottom: 0;
position: relative;
top: 3px;
}
section.touch_points {
padding: 100px 0px;
padding-bottom: 0;
}
ul.nav.nav-tabs li a {
font-size: 18px;
color: #000;
font-weight: 300;
text-decoration: none;
text-transform: uppercase;
}
ul.nav.nav-tabs li { margin-right: 5px;
text-align: center;
}
ul.nav.nav-tabs li a button {
background: #f2f4f6;
border-radius: 5px;
width: 125px;
height: 45px;
padding: 3px 0px;
text-align: center;
font-size: 18px;
color: #000;
font-weight: 300;
text-decoration: none;
text-transform: uppercase;
border: none;
cursor: pointer;
outline: none !important;
}
ul.nav.nav-tabs li a.active button {
background: #16335d;
color: #fff;
}
ul.nav.nav-tabs {
border-bottom: none;
padding-top: 0px;
margin-top: -56px;
position: relative;
z-index: 9999;
}
ul.nav.nav-tabs li a button:hover {
background: #16335d;
color: #fff;
border-radius: 5px;
} .touch_point_item {
border: 1px solid #eeee;
padding: 20px;
width: 330px;
margin-bottom: 20px;
}
.faxIcon {
display: inline-block;
padding-left: 33px;
background: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/fax.png) no-repeat 0 3px;
}
section.touch_points .head {
font-size: 150px;
font-family: CircularStd-Black;
color: #eeeeee;
padding-bottom: 70px;
margin-left: -130px;
}
.touch_point_item .title {
font-size: 20px;
text-transform: uppercase;
}
.touch_point_item .title:before {
content: "";
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/line.png);
padding: 2px;
margin-right: 10px;
height: 22px;
width: 4px;
}
.touch_point_item ul {
margin: 10px 0px;
}
.touch_point_item ul li {
background-repeat: no-repeat;
font-size: 14px;
}
li.loc-cont strong {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/loc-contact.png);
background-repeat: no-repeat;
padding-left: 34px;
background-position: 0px -2px;
display: inline-block;
font-size: 14px;
line-height: 23px;
}
.touch_point_item ul li a {
color: #000;
}
.arrow_more {
text-align: right;
margin-right: 38rem;
margin-top: 3rem;
} section.integration { background-size: 100%;
background-repeat: no-repeat;
padding: 177px 0 290px;
margin: 114px 0 0;
overflow: hidden;
}
section.integration .container {
max-width: 1344px;
}
.integration_cont {
width: 40%;
margin-top: 8rem;
}
.integration_cont h3 {
font-size: 72px;
}
.integration_cont .para { margin-top: 20px;
}
.arrow_left {
padding-top: 4rem;
} section.testimonials {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/testimonial-bg.jpg);
background-position: center bottom;
background-repeat: no-repeat;
padding-top: 160px;
padding-bottom: 294px;
}
section.testimonials .head {
font-size: 150px;
margin-right: -16%;
font-family: CircularStd-Black;
color: #eeeeee;
padding-bottom: 100px;
}
section.testimonials .container {
max-width: 1395px;
}
.quote_img:before {
content: "";
background: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/l.png);
padding: 0px 35px;
background-repeat: no-repeat;
position: relative;
top: -7px;
left: -15px;
background-size: 150%;
}
.quote_img img {
float: right;
margin-right: 30px;
margin-top: -7px;
}
.quote_img {
margin-bottom: 30px;
}
.quote_cont {
font-size: 20px;
line-height: 40px;
padding: 0px 45px 40px;
height: 435px;
}
.quote_footer {
background: #00305e;
padding: 15px 0px;
}
.author {
padding-left: 20px;
}
.author .auth {
font-size: 20px;
color: #fff;
}
.author .sub_auth {
font-size: 15px;
color: #fff;
}
.quote_footer img {
max-width: initial;
}
.test_cont {
box-shadow: 0 1px 2px 0 rgba(32, 33, 36, .28);
}
.test_cont:hover {
box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
} section.our_reach {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/map.png);
background-size: 980px;
background-position: center 52px;
background-repeat: no-repeat;
padding: 100px 0px;
margin: 80px 0 0;
text-align: center;
}
.reach_cont h3 {
font-size: 60px;
margin-bottom: 25px;
}
.reach_cont .para {
font-size: 18px;
color: #777777;
max-width: 700px;
margin: 0px auto;
}
section.writings .container {
max-width: 1440px;
}
.rech_icon_item .rec_img {
background: #16335d;
width: 100px;
height: 100px;
border-radius: 50%;
text-align: center;
padding: 30px 0px;
margin: 0px auto;
}
.rech_icon_item .rec_img:hover,
.cn_img:hover,
ul.social_links li:hover {
background: #1877F2;
border-color: #1877F2;
}
ul.social_links li:nth-child(2):hover {
background: #E4405F;
border-color: #E4405F;
}   .writing_itm img:hover {
box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
opacity: 0.8;
}
input.btn.btn-submit:hover,
.subscribe button.input-group-text:hover {
background-color: #56565a;
}
.rech_txt .rec_ct,
.rech_txt span {
color: #011e49;
font-size: 50px;
}
.rech_txt .rec_cap {
font-size: 22px;
margin-top: 20px;
}
.rech_icon_item .rech_txt {
padding-top: 50px; }
.rech_icon_item .rech_txt:after {
content: "";
background: #ccc;
position: absolute;
top: 10rem;
width: 1px;
height: 70px;
}
.reach_icons .col-12.col-sm-6.col-md-6.col-lg-3:nth-child(1) .rech_icon_item .rech_txt:after {
display: none;
}
.reach_icons {
padding-top: 100px;
} section.writings {
text-align: center;
}
section.writings .reach_cont {
margin-bottom: 80px;
}
.wrt_cont {
text-align: left;
position: absolute;
bottom: 20px;
left: 20px;
}
.wrt_cont .wrt_cap {
font-size: 22px;
color: #fff;
} section.our_connect { padding-top: 80px;
}
section.our_connect .container {
max-width: 1340px;
}
section.our_connect>.container>.row {
position: relative;
z-index: 9;
}
.connectMap {
height: 495px;
margin-top: -83px;
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/connect-bg.jpg);
background-position: center bottom;
background-repeat: no-repeat;
position: relative;
background-size: cover;
}
.connectMap iframe {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
section.our_connect .head {
font-size: 170px;
font-family: CircularStd-Black;
color: #eeeeee;
padding-bottom: 100px;
margin-left: -94px;
}
.rota_head {
position: absolute;
top: 19rem;
left: 3rem;
background: none;
transform-origin: 0 0;
transform: rotate(-90deg);
color: #16335d;
font-size: 24px;
text-transform: uppercase;
white-space: nowrap;
}
.rota_head:before {
content: "";
background: #ccc;
width: 1px;
height: 60px;
position: absolute;
top: 1rem;
left: 224px; transform-origin: 0 0;
transform: rotate(-90deg);
}
.connect_links {
padding-bottom: 20px;
}
.cn_img {
background: #16335d;
border-radius: 50%;
height: 48px;
width: 48px;
}
ul.connt_adr li {
font-size: 16px;
}
ul.connt_adr li a {
color: #000;
text-decoration: none;
font-size: 16px;
}
.cnt_cnt_form {
background: #16335d;
padding: 70px;
}
.cnt_cnt_form .cnt_head {
font-size: 24px;
margin-bottom: 30px;
color: #fff;
}
.cnt_cnt_form .form-control {
background: #2e486e;
border: none;
height: 60px;
color: #fff !important;
outline: none !important;
margin-bottom: 0;
font-size: 16px;
}
.cnt_cnt_form ::placeholder {
color: #fff !important;
}
.cnt_cnt_form textarea.form-control {
height: 60px !important;
}
input.btn.btn-submit {
background: #d14836;
text-transform: uppercase;
color: #fff;
font-size: 20px;
float: right;
width: 30%;
height: 60px;
} footer { padding: 137px 0px 0px;
background: #16335d;
position: relative;
z-index: 10;
overflow: hidden;
}
.footer_bg {
position: relative;
z-index: -10;
}
.tp-rightarrow.tparrows {
right: 20px !important;
margin: 0 !important;
bottom: 76px !important;
top: inherit !important;
}
.tp-leftarrow.tparrows {
right: 53px !important;
left: inherit !important;
top: inherit !important;
bottom: 76px !important;
}
.subscribe .subs_head {
font-size: 140px;
line-height: 22px;
font-family: CircularStd-Black;
color: rgba(255, 255, 255, 0.10);
padding-bottom: 15px;
text-transform: uppercase;
}
input[type="submit"] {
cursor: pointer;
}
.subscribe input.form-control {
height: 60px;
font-size: 18px;
color: #222;
}
.subscribe button.input-group-text {
background: #0d428e;
border: none;
color: #fff;
font-size: 18px;
text-transform: uppercase;
margin-left: 5px;
border-radius: 5px;
outline: none;
}
.subscribe {
text-align: center;
border-bottom: 1px solid #436874;
padding-bottom: 80px;
max-width: 783px;
width: 100%;
}
.footer_list {
padding-top: 70px;
padding-bottom: 50px;
}
.footer_list .ftr_capt {
color: #fff;
font-size: 20px;
text-transform: uppercase;
}
.footer_list .ftr_capt:after {
content: "";
border-bottom: 2px solid #fff;
width: 45px;
padding: 5px 0px;
margin-bottom: 20px;
}
.footer_list ul li {
margin-bottom: 10px;
}
.footer_list ul li a {
font-size: 18px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
}
.footer_list ul li a:hover,
.copyright ul li a:hover {
text-decoration: underline;
}
.footer_list ul li a:hover,
.copyright ul li a:hover {
color: #f2f4f6;
}
.copyright ul li {
display: inline-block; padding-left: 20px;
}
.copyright ul li:first-child {
padding-left: 0;
}
.copyright ul li:before {
content: '';
width: 1px;
height: 15px;
background: #fff;
position: absolute;
margin-left: -10px;
top: 15%;
z-index: 1;
}
ul.social_links li:before {
display: none;
}
.copyright ul li:first-child:before {
display: none;
}
.copyright ul li:last-child {
border-right: none;
}
.copyright .copy,
.copyright .copy a,
.copyright ul li a {
color: #fff;
font-size: 18px;
text-transform: uppercase;
text-decoration: none;
padding: 0px 5px;
}
.copyright .copy a {
padding: 0;
}
ul.connt_adr.email li a {
position: relative;
top: 10px;
}
ul.social_links {
float: right;
}
ul.social_links li { border: 1px solid #fff;
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
ul.social_links li:last-child {
border-right: 1px solid #fff;
}
footer hr {
border-color: #436874;
}
.footer_bg img {
max-width: initial;
position: relative;
right: 11rem;
top: 6rem;
z-index: -10;
} .storyExcerpt h1 {
font-size: 72px;
margin-bottom: 20px;
}
.storyExcerpt p { position: relative;
}
.solutions>h2 { }
.solCvr .h2 {
font-size: 40px;
line-height: 1rem;
white-space: nowrap;
}
.morebann a {
font-size: 20px;
text-transform: uppercase;
height: 56px;
width: 185px;
padding: 12px 0px;
font-family: "Nunito-Light";
}
.slnBg li:nth-child(odd):after {
content: "";
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/solution1.png);
width: 170px;
height: 90px;
}
.social_links li a {
background-repeat: no-repeat;
background-position: center center;
display: block;
height: 30px;
width: 30px;
}
.fb {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/facebook-share.png);
}
.insta {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/instagram-share.png);
}
.tw {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/twitter-share.png);
}
ul.social_links li:first-child {
margin-right: 10px;
}
.tab-content img {
max-width: inherit;
}
section.testimonials .row {
padding: 0px 50px;
}
.quote_footer .row {
padding: 0px 15px !important;
}
.writings .row {
padding: 0px 50px;
}
.wrt_cont .row {
padding: 0px 15px;
}
.slnBg li:nth-child(odd) .soluImg:after {
content: "";
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/solution1.png);
width: 170px;
height: 90px;
position: absolute;
right: -50px;
top: 6rem; }
.slnBg li:nth-child(even) .soluImg:before {
content: "";
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/solution2.png);
width: 170px;
height: 90px;
position: absolute;
left: -50px;
top: 20rem; }
.slnBg li:nth-child(2) .soluImg:before {
top: 12rem;
}
.slnBg li:nth-child(5) .soluImg:after {
top: 10rem;
}  .solCvr a img,
a.more img,
.rech_icon_item .rec_img img {
transition: .4s ease;
}
.solCvr:hover a img,
a.more:hover img,
.rech_icon_item .rec_img:hover img {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
transform: scale(1.08);
}
.moreDv .btn:hover {
background: #16335d;
color: #fff;
}
.morebann a.btn:hover {
background: #55565a;
color: #fff;
} header.inner-header {
background: #16335d;
}
section.touch_points.inner {
margin: 50px 0px 100px;
}
section.innerpage_banner {
background-repeat: no-repeat;
background-size: cover; height: 380px;
display: flex;
align-items: center;
justify-content: left;
}
section.innerpage_banner.our_story {
background-repeat: no-repeat !important;
background-size: cover !important;
height: 650px;
background-position: right top !important;
}
.banner-cont h1 {
color: #fff;
font-size: 48px;
font-family: 'CircularStd-Black', sans-serif;
margin-bottom: 0;
}    .banner-cont h2,
.banner-cont h2 a {
color: #fff;
font-size: 18px;
line-height: 45px;
font-family: 'CircularStd-Book', sans-serif;
padding-right: 5px;
}
.touch_innerpara {
padding-bottom: 20px;
}
.bg-none {
background: none!important;
}
section.our_connect.bg-none {
height: auto;
padding-bottom: 100px;
padding-top: 150px;
}
#toTopBtn {
position: fixed;
bottom: 26px;
right: 39px;
z-index: 98;
}
section.testimonials.inner-test {
background: none;
height: auto;
padding: 100px 0px;
}
section.testimonials.inner-test .test_cont {
margin-bottom: 30px;
}
section.writings.innerpage {
padding: 80px 0px;
}
section.writings.innerpage .writing_itm {
margin-bottom: 30px;
} .blog_details_sec {
padding: 100px 0px 0px;
}
.blog-details h2 {
color: #000;
text-transform: capitalize;
font-size: 48px;
margin-bottom: 30px;
}
.blog-details img {
padding: 20px 0px;
}
.blog-details h4 {
color: #000;
text-transform: uppercase;
font-size: 20px;
margin-bottom: 30px;
}
.blog-most-view h5 {
font-size: 22px;
text-transform: uppercase;
margin-bottom: 20px;
color: #000;
}
.blog-single-item { padding: 20px 0px;
}
.blog-most-view {
padding-bottom: 30px;
}
.blog-details img {
width: 100%;
}
.blog-single-item img {
width: 55px;
padding-top: 5px;
height: 40px;
}
ul.policy li::before {
content: "\2022";
color: rgb(22, 51, 93);
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
ul.policy li {
color: #000;
padding-bottom: 20px;
}
ul.policy {
padding: 0px 20px;
}
.head.soln_inner {
font-size: 70px !important;
padding-bottom: 50px !IMPORTANT;
}     .banner-cont.our_st h1 {
font-family: "Nunito-Regular";
font-size: 70px;
}
.banner-cont.our_st h2 p {
font-size: 30px;
font-family: "Nunito-Light";
}
section.our_story_cont .head {
font-size: 65px;
margin-bottom: 50px;
}
.our_story_para p {
font-size: 16px;
}
section.our_story_cont {
padding: 100px 0px;
} .supply_content_wrappaer {
background: #16335d;
padding: 50px 100px 12px;
height: 100%;
}
.supply_content_wrappaer h2 {
font-size: 30px;
line-height: 34px;
text-transform: uppercase;
color: #fff;
font-family: 'Nunito-Light';
margin-bottom: 40px;
}
.supply_content_wrappaer .rec_img img {
width: 15%;
}
.supply_content_wrappaer .rech_txt .rec_ct {
color: #fff;
font-size: 30px;
padding-top: 20px;
}
.supply_content_wrappaer .rech_txt .rec_cap {
font-size: 14px;
margin-top: 0;
color: #fff;
margin-bottom: 30px;
}
.supply_btm_cont {
font-size: 18px;
padding: 80px 0px;
text-align: center;
}
section.footer-bottom {
background: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/contact-bottom.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
height: auto;
padding: 138px 0;
text-align: center;
padding-top: 70px;
}
section.footer-bottom h2 {
color: #fff;
}
section.footer-bottom p {
color: #fff;
font-size: 29px;
line-height: 35px;
}
.cn_btn a {
background: #f2f4f6;
border-radius: 3px;
color: #000;
text-transform: uppercase;
font-size: 18px;
width: 210px;
height: 60px;
padding: 12px 30px;
text-decoration: none;
}
.cn_btn a:hover {
background: #16335d;
color: #fff;
}
.cn_btn {
padding-top: 40px;
}
section.supply_soln {
overflow-x: hidden;
}
.col-md-8.map-img {
height: 670px;
overflow: hidden;
}
.tab-content img {
max-width: 100%;
transition: transform .5s ease;
transform: scale(1.5);
}
.active.show img {
transform: scale(1);
}
section.touch_points .container {
max-width: 1309px;
}
.padngscn .col-md-6:first-child {
padding-right: 5px;
}
.padngscn .col-md-6:nth-child(2) {
padding-left: 5px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
display: none !important;
}
.wpcf7-form-control-wrap {
position: relative;
display: inline-block;
width: 100%;
}
.wpcf7-not-valid-tip {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: 1px #dc3232 solid;
padding: 14px;
background: #2e486e;
border-radius: 5px;
}
div.wpcf7 .ajax-loader {
background-color: #fff;
border-radius: 50%;
}
.tp-bullets {
display: none !important;
}
.supply_img_wrappaer {
height: 100%;
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
}
nav>ul>li.homeCls {
display: none;
}
.innerPage {
min-height: 700px;
} section.inner_banner {
padding: 108px 0 0;
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;
}
section.inner_banner .container {
height: 742px;
max-width: 1718px;
display: table;
}
.banner-captn {
display: table-cell;
vertical-align: middle;
}
.inner_banner h1 {
color: #fff;
padding: 0 0 0 137px;
font-size: 92px;
line-height: 102px;
}
.hdIcon h1 {
position: relative;
}
.hdIcon h1:before {
position: absolute;
content: "";
left: 0;
top: -7px;
width: 115px;
height: 115px;
border-radius: 50%;
background-color: #fff;
background-position: center center;
background-repeat: no-repeat;
}
.coinfRgt .col-lg-6.col-md-6.col-12 {
padding: 0;
}
.spaceIcon h1:before {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/our-space-icon.png);
}
.contentPart.ourSpace {
padding: 176px 0;
text-align: center;
}
.contentPart.ourSpace h2 {
font-size: 48px;
line-height: 52px;
font-family: "Nunito-Light";
}
.contentPart.ourSpace .h2 {
font-size: 72px;
line-height: 67px;
font-family: "Nunito-Light";
margin: -15px 0 0;
}
.contentPart.ourSpace .container {
max-width: 1267px;
}
.logShip {
background-repeat: no-repeat;
background-position: center 0;
height: 875px;
margin-bottom: 355px;
margin-top: 31px;
background-size: cover;
}
.logShip .container {
max-width: 1695px;
padding: 0;
}
.shipCapn {
max-width: 1220px;
text-align: center;
padding-top: 184px;
margin-left: auto;
margin-right: auto;
}
.shipCapn,
.shipCapn p {
color: #fff;
font-size: 20px;
line-height: 39px;
}
.shipImg {
margin: 110px auto 0;
height: 750px;
}
.totallogsol {
padding: 197px 0 90px;
}
.totallogsol .row {
margin: 0;
}
.totlogLft {
padding-left: 0;
}
.totallogsol .container {
max-width: 1700px;
padding: 0;
}
.totallogsol .totlogRgt {
padding-left: 106px;
padding-top: 83px;
padding-right: 117px;
padding-bottom: 119px;
}
.totallogsol .totlogRgt h2 {
font-size: 72px;
padding-right: 22px;
line-height: 83px;
padding-top: 0px;
font-family: "Nunito-Regular";
margin-bottom: 32px;
}
.logImg {
height: 100%;
margin-right: 25px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;
}
.totlogRgt p {
font-size: 20px;
}
.whatwedo {
margin: 90px 0 0;
padding: 144px 0 150px;
background-repeat: no-repeat;
background-position: center 0;
background-size: cover;
}
.whatwedo .container {
max-width: 1738px;
}
.whtweCvr {
max-width: 685px;
}
.whtweCvr h2 {
font-size: 72px;
line-height: 82px;
padding-right: 80px;
font-family: "Nunito-Light";
margin-bottom: 32px;
color: #fff;
}
.whtweCont p {
color: #fff;
line-height: 39px;
font-size: 20px;
}
.whtweCont {
margin: 0 0 50px;
}
.whtweCvr .btn {
text-align: center;
width: 280px;
text-transform: uppercase;
padding: 14px 0;
font-size: 22px;
}
.lookmore {
padding: 279px 0 312px;
text-align: center;
background-position: center 211px;
background-repeat: no-repeat;
}
.lookmore .container {
max-width: 1445px;
}
.lookCvr h3 {
font-size: 100px;
line-height: 125px;
}
.lookMenu {
padding: 25px 0 0;
}
.lookMenu li {
display: inline-block;
margin: 0 22px;
}
.lookMenu a {
display: inline-block;
font-size: 30px;
text-transform: uppercase;
line-height: 41px;
color: #000;
}
.bottomBoxes .container .row {
margin: 0;
}
.bottomBoxes .container {
padding: 0;
overflow: hidden;
max-width: 100%;
}
.btbx {
text-align: center;
height: 610px;
vertical-align: middle;
display: table;
position: relative;
background-size: cover;
background-position: center 0;
background-repeat: no-repeat;
}
.btBxCvr {
vertical-align: middle;
display: table-cell;
position: relative;
}
.btbxSubHdng {
color: #fff;
font-size: 30px;
line-height: 40px;
}
.btBxCvr .h2 {
color: #fff;
font-size: 73px;
line-height: 83px;
}
.btBxCvr .btn {
margin: 38px 0 0;
padding: 16px 0;
text-transform: uppercase;
height: 64px;
width: 220px;
font-size: 22px;
}
.btbx:before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(86, 87, 91, 0.8);
content: "";
}
.soluRgt {
float: right;
width: 42%;
margin-top: 175px;
padding-right: 200px;
}
.soluscnImg {
width: 755px;
float: left;
height: 770px;
overflow: hidden;
position: relative;
transform: rotate(44deg);
}
.soluscnImg img {
transform: scale(1.5) rotate(-44deg);
}
.solutionscn li {
margin: 244px 0 212px;
}
.solutionscn li:nth-child(even) .soluscnImg {
float: right;
}
.solutionscn li:nth-child(even) .soluRgt {
float: left;
width: 42%;
padding-left: 200px;
padding-right: 0;
}
.solutionscn {
overflow: hidden;
}
.intBx {
position: relative;
}
.integrLists li:nth-child(odd) .integrLft {
width: 55%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
background-position: center center;
background-repeat: no-repeat;
}
.integrLists li:nth-child(odd) .integrRgt {
float: right;
width: 40%;
}
.integrLists .container {
max-width: 1655px;
}
.integrLists li:nth-child(even) .integrLft {
width: 55%;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background-position: center center;
background-repeat: no-repeat;
}
.integrLists li:nth-child(even) .integrRgt {
float: left;
width: 40%;
}
.integrLft {
width: 50%;
float: left;
position: relative;
background-size: cover;
}
.integrLft:before,
.integrLft:after {
content: "";
width: 100px;
height: 100px;
position: absolute;
}
.integrLft:before {
right: -25px;
top: -25px;
border-top: 6px #16335d solid;
border-right: 6px #16335d solid;
}
.integrLft:after {
left: -25px;
bottom: -25px;
border-bottom: 6px #16335d solid;
border-left: 6px #16335d solid;
}
.integrLists li:nth-child(even) .integrLft:after {
right: -25px;
bottom: -25px;
border-top: 0 #16335d solid;
border-right: 6px #16335d solid;
border-bottom: 6px #16335d solid;
border-left: 0 #16335d solid;
left: inherit;
}
.integrLists li:nth-child(even) .integrLft:before {
left: -25px;
bottom: -25px;
border-bottom: 0 #16335d solid;
border-left: 6px #16335d solid;
border-top: 6px #16335d solid;
border-right: 0 #16335d solid;
right: inherit;
}
.integrLists li {
margin: 0 0 144px;
}
.integrRgt {
float: right;
width: 50%;
}
.ourint {
padding: 52px 0 15px;
text-align: center;
}
.ourint p {
line-height: 40px;
font-size: 20px;
}
.integrationRgt .h2 {
font-size: 73px;
line-height: 83px;
margin: 0 0 0;
}
.integrationRgt {
padding: 16px 0px 0px 30px;
}
.dscrint {
padding: 31px 0 40px;
}
.dscrint p {
font-size: 20px;
line-height: 39px;
margin: 0 0 41px;
}
.soluInner .integrRgt {
float: left;
}
.soluInner .integrLists li:nth-child(odd) .integrRgt {
float: left;
}
.integrLists li:nth-child(odd) .integrRgt {
float: right;
}
.soluInner .integrLft {
float: right;
}
.soluInner .integrLists li:nth-child(odd) .integrLft {
left: inherit;
right: 0;
} .integrLists li:nth-child(even) .integrRgt {
float: left;
}
.soluInner .integrLists li:nth-child(even) .integrLft {
right: inherit;
}
.soluInner .integrLists li:nth-child(even) .integrRgt {
float: right;
}
.integrationRgt .h2 span {
margin-right: 20px;
background: #16335d;
border-radius: 50%;
height: 115px;
width: 115px;
display: inline-block;
vertical-align: middle;
}
.soluInner .whatwedo .container {
text-align: right;
}
.soluInner .whatwedo .whtweCvr {
text-align: left;
display: inline-block;
}
.ssCvrRgt {
float: right;
}
.ssCvrLft {
float: left;
}
.ssCvrRgt,
.ssCvrLft {
width: 50%;
}
.soluServices li:nth-child(odd) .ssCvrRgt {
float: left;
}
.soluServices li:nth-child(odd) .ssCvrLft {
float: right;
}
.soluInner .whatwedo.knwabt {
margin-top: 36px;
}
.soluInner .whatwedo.knwabt {
padding: 201px 0;
background-size: auto;
background-position: 0 0;
}
.soluServices {
padding: 140px 0 0;
}
.soluServices .container {
max-width: 1520px;
}
.ssCvrRgt .h2 {
font-size: 72px;
line-height: 82px;
margin: 0 0 25px;
max-width: 450px;
}
.ssCvrRgt .dscrint {
padding-top: 0;
padding-bottom: 28px;
}
.soluServices li {
margin: 0 0 214px;
}
.ssCvrRgt .btn {
background: #16335d;
font-size: 22px;
text-transform: uppercase;
padding: 15px 32px;
border-color: #16335d;
}
.ssCvrRgt .btn:hover {
background: #d14836;
border-color: #d14836;
}
.soluServices ul {
margin: 0;
}
.soluServices li:last-child {
margin-bottom: 0;
}
.connectFormCvr .container {
max-width: 1735px;
}
.connectFormCvr {
padding: 157px 0 116px;
}
.coinfRgt .h1 {
margin: 85px 0 67px;
}
.coinfRgt {
padding-left: 61px;
padding-bottom: 122px;
}
.coinfRgt .h1 {
margin: 90px 0 67px;
font-size: 61px;
line-height: 70px;
}
.connectFormCvr h2 {
font-size: 59px;
max-width: 660px;
}
.connectFormCvr h2 {
font-size: 59px;
max-width: 660px;
line-height: 70px;
margin: 0 0 48px;
}
.conFrmLft p {
font-size: 20px;
line-height: 32px;
max-width: 700px;
}
.conFrmRgt .cnt_head {
font-size: 32px;
line-height: 42px;
font-family: 'Nunito-Regular';
margin-top: 15px;
margin-bottom: 44px;
}
.conFrmRgt .row {
margin: 0 0 31px;
}
.conFrmRgt textarea,
.conFrmRgt input[type="text"],
.conFrmRgt input[type="email"],
.conFrmRgt input[type="tel"] {
height: 42px;
border-left: 0px #e5e5e5 solid;
border-top: 0px #e5e5e5 solid;
border-right: 0px #e5e5e5 solid;
border-bottom: 1px #e5e5e5 solid;
border-radius: 0;
padding-left: 0;
font-size: 20px;
}
.conFrmRgt input.btn.btn-submit {
float: none;
padding: 12px 43px;
width: auto;
height: auto;
background: #1f3566;
}
.conFrmRgt input.btn.btn-submit:hover {
background: #d14836;
}
.contInfo .container {
max-width: 100%;
padding: 0;
}
.contInfo .container .row {
margin: 0 0 71px;
}
.contInfo .container .row:last-child {
margin: 0;
}
.coinfRgt .h2 {
padding-left: 48px;
font-size: 28px;
line-height: 40px;
margin: 0 0 24px;
position: relative;
}
.coinfRgt .h2:before {
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 40px;
content: "";
background-color: #16335c;
border-radius: 50%;
background-position: center center;
background-repeat: no-repeat;
}
.coinfLft {
background: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/contact-info.jpg) no-repeat center 0;
background-size: cover;
}
.coinfLft:before {
background: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/contact-info.jpg) no-repeat 0 0;
background-size: cover;
}
.mainoffice:before {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/connect-address.png);
}
.offHrs:before {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/connect-hours.png);
}
.contPhone:before {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/connect-call.png);
}
.contMail:before {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/connect-mail.png);
}
.mapCvr {
padding: 120px 0 0;
}
.mapCvr a {
display: block;
height: 856px;
background: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/contact-map.jpg) no-repeat center 0;
background-size: cover;
}
.tchAddress {
float: right;
width: 30%;
}
.tchCntry {
float: left;
width: 43%;
}
.tab-content .tchCntry img {
max-width: inherit;
transition: transform .5s ease;
transform: scale(0.6);
width: 100%;
}
.tab-content .active.show .tchCntry img {
transform: scale(0.9);
}
.touch_points_inner .container {
position: relative;
max-width: 1700px;
}
.tabbable.tabbTchInnr {
position: absolute;
left: 50%;
width: 300px;
margin-left: -66px;
top: 0;
height: 668px;
}
.tabbable.tabbTchInnr ul.nav.nav-tabs li {
width: 100%;
margin: 0 0 25px;
}
.tabbable.tabbTchInnr ul.nav.nav-tabs li:last-child {
margin: 0 0 0;
}
.tabbable.tabbTchInnr ul.nav.nav-tabs li a.active button {
color: #000;
}
.tabbable.tabbTchInnr ul.nav.nav-tabs li a {
display: block;
}
.tabbable.tabbTchInnr ul.nav.nav-tabs li a button {
width: 100%;
background: transparent;
font-size: 41px;
line-height: 51px;
height: auto;
color: rgba(0, 0, 0, 0.2);
}
.tabbable.tabbTchInnr ul.nav.nav-tabs {
position: absolute;
left: 0;
top: 50%;
margin-top: -200px;
}
.touch_points_inner {
min-height: 800px;
margin-top: 60px;
}
.tpiMdTable {
height: 700px;
display: table;
width: 100%;
}
.tpiMd {
display: table-cell;
vertical-align: middle;
}
.coverLoc {
border: 1px #ebebeb solid;
height: 100%;
padding: 45px 60px 76px;
background: #fff;
}
.tchMainCvr>div {
margin: 0 0 31px;
}
.coverLoc .title {
font-size: 48px;
line-height: 58px;
margin: 0 0 10px;
}
.locDscr li {
padding: 0 0 2px 0;
position: relative;
background-position: 0 3px;
background-repeat: no-repeat;
}
.locDscr li strong {
display: inline-block;
padding: 0 0 0 32px;
position: relative;
background-position: 0 -3px;
background-repeat: no-repeat;
font-size: 14px;
line-height: 20px;
}
.locDscr li.loc-phn {
padding: 0 0 0;
position: relative;
}
.locDscr li.loc-phn a,
.mobcls,
.mailcls {
padding: 0 0 0px 32px;
position: relative;
background-position: 0 3px;
background-repeat: no-repeat;
display: inline-block;
color: #000;
}
li.loc-Addr {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/loc-address.png);
padding-left: 32px;
}
li.loc-cont strong {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/loc-contact.png);
}
li.loc-phn a,
.mobcls {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/loc-phone.png);
}
a.mobcls.phnCls {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/landline.png);
}
li.loc-eml,
.mailcls {
background-image: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/loc-email.png);
}
li.loc-Addr a.mobcls.phnCls {
margin-left: -33px;
}
.tchBtmAddress .container {
max-width: 1700px;
}
.tchBtmAddress .container h2 {
text-transform: uppercase;
text-align: center;
margin: 0;
font-family: CircularStd-Black;
font-size: 200px;
color: #f0f0f0;
}
.tchBtmAddress {
background: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/world-map.jpg) no-repeat center 90px;
clear: both;
padding-top: 40px;
}
.tpiMd .touch_point_item {
width: 82%;
}
.loc-phn a {
color: #000;
display: inline-block;
position: relative; padding-left: 7px;
margin-left: 5px;
}
.loc-phn a:first-child { padding-left: 0;
margin-left: 0;
}
.shareCont {
float: right;
width: 56%;
}
.shareCont h3 {
font-size: 60px;
line-height: 65px;
margin: 0 0 34px;
}
.shareFlield textarea {
height: 38px;
}
.shareFlield input.btn.btn-submit {
float: none;
background: #1f3566;
padding: 12px 43px;
width: auto;
margin-top: 43px;
height: auto;
}
.sharefeedback {
background-repeat: no-repeat;
background-position: 0 bottom;
background-size: cover;
}
.shareFlield input.btn.btn-submit:hover {
background: #d14836;
}
.shareCont {
padding: 168px 0;
}
.sharDscr {
padding: 0 0 74px;
font-size: 20px;
}
.shareFlield input[type="text"],
.shareFlield input[type="email"],
.shareFlield input[type="tel"],
.shareFlield textarea {
height: 42px;
border-left: 0px #e5e5e5 solid;
border-top: 0px #e5e5e5 solid;
border-right: 0px #e5e5e5 solid;
border-bottom: 1px #e5e5e5 solid;
border-radius: 0;
padding-left: 0;
font-size: 20px;
margin-bottom: 24px;
}
.shareFlield .wpcf7-not-valid-tip {
bottom: 24px;
padding: 4px 14px 4px 0;
background: #fff;
font-size: 14px;
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
}
.connectFormCvr .wpcf7-not-valid-tip {
background: #fff;
padding: 6px 11px;
font-size: 14px;
}
.connectFormCvr .container {
padding: 0 40px;
}
.mapHm {
max-width: 634px;
}
.soluInner .hdIcon h1 {
font-size: 75px;
font-family: "Nunito-Regular";
text-shadow: 1px 8px 9px rgba(0, 0, 0, 0.9);
}
.tp-banner .h1 {
text-shadow: 1px 3px 4px rgba(0, 0, 0, 0.9);
}
.touch_points .tab-content>.active.show img {
transform: scale(0.8);
}
.touch_points .tab-content>.active img {
transform: scale(1);
} @media (max-width: 768px) {
div#aeroplane {
display: none;
} .rech_icon_item .rech_txt:after {
display: none;
}
.footer_list {
padding-top: 20px;
padding-bottom: 0;
}
.copyright ul li:before {
display: none;
}
.copyright ul li {
padding-left: 0;
}
header.sticky.aniPos .hdrBtns {
margin-top: -5px !important;
}
header .hdrBtns {
float: right;
width: 100%;
margin-top: -23px;
position: relative;
top: 7px;
text-align: right;
}
.col-md-8.map-img {
height: auto;
}
.tp-rightarrow.default { } section.touch_points .head {
font-size: 40px;
padding-bottom: 40px;
}
.head.soln_inner {
font-size: 36px !important;
padding-bottom: 30px !important;
}
ul.nav.nav-tabs li {
margin-bottom: 10px;
width: 48%;
}
ul.nav.nav-tabs {
margin-top: 0;
position: inherit;
}
.touch_point_item {
width: 100%;
}
section.touch_points {
padding-bottom: 0;
}
.integration_cont h3 {
font-size: 50px;
}
.integration_cont {
width: 100%;
}
section.integration {
padding-bottom: 100px;
margin-top: 0;
}
section.testimonials .head {
font-size: 50px;
padding-bottom: 50px;
}
section.testimonials {
height: 233vh;
}
section.our_reach {
padding: 0;
}
.reach_cont .para {
width: 100%;
}
.rech_icon_item .rech_txt {
padding-bottom: 30px;
}
.rech_txt .rec_ct {
font-size: 40px;
}
.wrt_cont {
bottom: 50px;
}
.writing_itm {
padding-bottom: 30px;
}
section.our_connect .head {
font-size: 50px;
padding-bottom: 50px;
}
.rota_head {
left: 15px;
top: 13rem;
}
.cnt_cnt_form {
padding: 30px;
margin: 50px auto;
}
input.btn.btn-submit {
width: 100%;
}
.subscribe .subs_head {
font-size: 40px;
}
footer {
padding: 80px 0px 0px;
}
.subscribe {
padding-bottom: 30px;
}
.footer_bg {
display: none;
}
ul.social_links {
float: none;
}
section.our_connect { }
.solCvr .h2 {
font-size: 20px;
line-height: 30px;
white-space: normal;
}
.dscr p {
font-size: 14px !important;
line-height: 26px !important;
}
.dscr {
padding: 0;
margin: 0 0 0 0;
}
.slnBg .container {
background-size: 100%;
left: -1px;
height: auto !important;
}
.test_cont {
margin-bottom: 30px;
}
.solutions>h2 {
font-size: 40px !important;
} .tp-banner .h1 {
font-size: 44px !important;
margin-top: 80px !important;
line-height: 60px !important;
}
.tab-content img {
max-width: 100%;
}
section.testimonials .row,
.writings .row {
padding: 0;
}
.slnBg li:nth-child(even) .soluImg:before,
.slnBg li:nth-child(odd) .soluImg:after {
display: none !important;
}
.slnBg li:nth-child(odd) {
padding-right: 50px !important;
}
.slnBg li:nth-child(even) {
padding-left: 50px !important;
} section.touch_points.inner {
margin: 0;
}
.banner-cont h1 {
font-size: 30px;
line-height: 2rem;
}
.banner-cont {
position: relative;
top: 15rem;
} section.innerpage_banner.our_story {
height: 245px;
background-position: 100% 0 !important;
background-size: cover !important;
}
.banner-cont.our_st {
top: 8rem;
}
.banner-cont.our_st h1 {
font-size: 40px;
line-height: 50px;
margin-bottom: 5px;
}
.hide-mobile { } section.our_story_cont .head {
font-size: 50px;
margin-bottom: 30px;
}
.supply_content_wrappaer {
background: #16335d;
padding: 50px 50px 12px;
height: auto;
text-align: center;
}
.supply_content_wrappaer .rec_img img {
width: 20%;
}
.supply_content_wrappaer .rech_txt .rec_ct {
font-size: 24px;
}
.supply_content_wrappaer h2 {
font-size: 24px;
line-height: 30px;
}
section.footer-bottom {
height: auto;
padding-top: 25px;
}
section.footer-bottom p {
color: #fff;
font-size: 14px;
line-height: 20px;
}
.cn_btn {
padding-top: 10px;
padding-bottom: 30px;
}
}
@media only screen and (max-width: 1538px) and (min-width: 1500px) {
.slnBg .container {
background-position: 50% 0 !important;
background-size: 150% !important;
}
.slnBg li:nth-child(4) {
margin-top: 125px !important;
}
section.our_connect {
height: 150vh !important;
}
}
@media (device-width: 768px) { .tp-bgimg {
background-position: center !important;
background-size: 100% !important;
height: 430px !important;
}
.tp-banner .h1 {
color: #000 !important;
text-shadow: none;
font-size: 30px !important;
line-height: 36px !important;
}
.tp-leftarrow.tparrows,
.tp-rightarrow.tparrows {
bottom: 200px !important;
}
section.ourstoryHome {
margin-top: -10rem;
}
.soluServices {
padding: 0px 0 0;
}
.blog_details_sec .blg_det_rt {
padding: 0px 25px;
}
.blog_details_sec .blg_det_rt:before {
display: none;
}
.blog-single-item img {
width: 100%;
height: auto;
} .slnBg .container:before {
height: 285px !important;
}
.banner-captn.blog-details h1 {
font-size: 46px;
}
.row.tchMainCvr .col-lg-6.col-md-6.col-12:nth-child(1) li.loc-phn a:nth-child(2):before,
.row.tchMainCvr .col-lg-6.col-md-6.col-12:nth-child(8) li.loc-phn a:nth-child(2):before,
div#tab1 li.loc-phn a:nth-child(2):before,
div#tab5 li.loc-phn a:nth-child(2):before {
top: 2px;
}
section.touch_points div#tab1 ul li a:nth-child(2):before {
top: 193px;
} section.testimonials {
height: 136vh;
}
.wrt_cont {
left: 2rem;
}
section.our_connect .head {
font-size: 100px;
}
section.our_connect {
height: 120vh;
}
.footer_bg {
display: block;
}
.integration_cont {
margin-top: 21rem;
} section.touch_points .head {
font-size: 80px;
padding-bottom: 70px;
}
.solutions>h2 {
font-size: 72px !important;
line-height: 72px;
}
.tp-banner .h1 {
font-size: 62px !important;
line-height: 72px !important;
margin-top: 30px !important;
}
section.integration {
padding-bottom: 137px !important;
margin-top: 50px !important;
}
.slnBg li:nth-child(odd) .soluImg:after,
.slnBg li:nth-child(even) .soluImg:before {
display: block !important;
}
.slnBg li:nth-child(even) .soluImg:before {
top: 10rem;
}
.slnBg li:nth-child(4) .soluImg:before {
top: 15rem;
} .slnBg li:nth-child(5) .soluImg:after {
top: 1rem;
}
ul.nav.nav-tabs li {
margin-bottom: 10px;
width: 19%;
}
header .hdrBtns {
margin-top: 0px;
}
header.sticky.aniPos .hdrBtns {
margin-top: 0px !important;
}
.tp-rightarrow.default { }
}
@media (device-width: 1024px) {
section.touch_points .head {
font-size: 110px;
}
section.testimonials {
height: 60vh;
}
section.integration {
padding: 137px 0 200px;
}
.integration_cont {
margin-top: 0rem;
}
section.our_connect {
height: 80vh;
}
.subscribe .subs_head {
font-size: 65px;
}
.writings .row {
padding: 0;
}
.slnBg .container {
height: 130rem !important;
}
ul.nav.nav-tabs li {
width: 110px;
}
.menu li a {
padding: 4px 0px;
}
section.innerpage_banner.our_story {
background-repeat: no-repeat !important;
background-size: cover !important;
height: 300px;
}
.banner-cont.our_st {
top: 8rem;
}
section.our_story_cont {
padding-bottom: 100px;
padding-top: 100px;
}
.supply_img_wrappaer img {
max-width: 177%;
float: right;
}
.supply_img_wrappaer {
height: 518px;
overflow: hidden;
}
.supply_content_wrappaer {
background: #16335d;
padding: 40px 44px 12px;
height: 518px;
}
} @media (min-width: 1440px) {
header .container,
footer .container,
section.innerpage_banner.our_story .container {
max-width: 1360px;
padding: 0 15px;
}
}
@media (min-width: 1740px) {
header .container,
footer .container,
section.innerpage_banner.our_story .container {
max-width: 1700px;
padding: 0;
}
}
header {
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 99999;
}
.bannerinside {
width: 90%;
position: absolute;
left: 50%;
margin-left: -45%;
top: 0;
}
.logoRgt {
width: 80%;
float: right;
}
.logo {
float: left;
width: 110px;
}
.menuD {
float: left;
width: 100%;
padding: 37px 0 0;
}
.hdrBtns {
float: right;
width: 20%;
}
ul {
list-style: none;
padding: 0;
}
.hdrBtns {
float: right;
width: 20%;
padding: 25px 0 0;
text-align: right;
}
.hdrBtns a {
display: inline-block;
font-size: 24px;
line-height: 40px;
padding-left: 58px;
padding-top: 4px;
padding-bottom: 4px;
color: #fff;
background: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/phone-icon.png) no-repeat 50% 50%;
border-radius: 50% !important;
width: 45px;
padding: 0;
height: 45px;
overflow: hidden;
text-indent: 99999px;
opacity: 1;
border: 1px transparent solid;
}
.hdrBtns a:hover {
color: #011e48; padding-right: 0;
text-decoration: none;
font-size: 22px;
border-radius: .25rem;
opacity: 0.8; } .ourstoryHome .container {
max-width: 1275px;
}
.h1,
h1 {
font-size: 4.5rem;
line-height: 4.8rem;
margin-bottom: 43px;
}
.storyExcerpt {
max-width: 585px;
}
.moreDv .btn {
font-size: 21px;
text-transform: uppercase;
padding: 13px 39px;
background: #d14836;
color: #fff;
}
.moreDv .btn:hover {
background: #55565a;
}
.moreDv {
padding: 30px 0 0;
}
.ourstoryHome { margin: 0px 0 0;
border-top: 1px solid #e8e2d0;
padding: 137px 0 420px;
animation-name: fadeInUp;
animation-duration: 4s;
animation-delay: 2s;
background-position: right bottom;
background-repeat: no-repeat;
background-color: #f0e9d6;
overflow: hidden;
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.solutions {
margin: 33px 0 0;
overflow: hidden;
}
.slnBg {
margin: 75px 0 0;
background-size: 100%;
}
.solutions>h2 {
text-align: center;
font-size: 72px;
line-height: 72px;
}
.slnBg .container {
background: url(//gulffirst.com/wp-content/themes/Netstager_Creative_Suite-3.0/images/solution-line.png) repeat-y 50.2% 0;
background-size: 196%;
position: relative;
height: 100rem;
}          .slnBg li:nth-child(2) {
margin-top: 290px;
}
.slnBg li:nth-child(3) {
margin-top: 21px;
}
.slnBg li:nth-child(4) {
margin-top: 163px;
}
.slnBg li:first-child {
margin-top: 0;
}
.slnBg li {
width: 50%;
float: left;
position: relative;
}
.slnBg li:nth-child(even) {
text-align: left;
padding-left: 132px;
}
.slnBg li:nth-child(odd) {
text-align: right;
padding-right: 185px;
}
.soluImg {
margin: 0 0 30px;
}
.solCvr {
width: 91%;
display: inline-block;
}
.slnBg li:nth-child(even) .dscr {
margin-left: 0;
}
.dscr {
padding: 41px 0 17px;
margin: 0 0 0 10px;
}
.dscr p {
font-size: 18px;
line-height: 30px;
}
div:after {
clear: both;
display: block;
content: "";
}
@media (max-width: 1739px) {
.integrLists .container {
padding: 0 45px;
}
.hdrBtns a {
font-size: 15px;
line-height: 40px;
background-size: 45px;
padding-left: 47px;
}
.hdrBtns a:hover {
font-size: 15px;
}
.tp-banner .h1 {
font-size: 62px;
line-height: 72px;
color: #fff;
max-width: 445px;
white-space: normal;
margin-top: -27px;
}
.slnBg li:nth-child(odd) { padding-right: 140px;
}
.slnBg li:nth-child(even) { padding-left: 140px;
}
.solCvr {
width: 100%;
display: inline-block;
}
.dscr {
padding: 41px 0 17px;
margin: 0 0 0 0;
}
.ourstoryHome .container {
max-width: 1136px;
}
}
@media (max-width: 1600px) {
@keyframes movingplane {
0% {
left: -10%;
top: -360px;
}
100% {
left: 160%;
top: 1500px;
}
}
@-webkit-keyframes movingplane {
0% {
left: -10%;
top: -360px;
}
100% {
left: 160%;
top: 1500px;
}
}
@-moz-keyframes movingplane {
0% {
left: -10%;
top: -360px;
}
100% {
left: 160%;
top: 1500px;
}
}
.btBxCvr .h2 {
font-size: 55px;
line-height: 66px;
}
.copyright .copy,
.copyright .copy a,
.copyright ul li a {
font-size: 16px;
}
.footer_list ul li a {
font-size: 16px;
line-height: 26px;
}
.coverLoc .title {
font-size: 35px;
line-height: 45px;
margin: 0 0 10px;
}
.tchBtmAddress .container h2 {
font-size: 118px;
line-height: 28px;
}
.solutionscn {
padding-top: 50px;
}
.solutionscn li {
margin: 107px 0;
}
.ssCvrRgtInnr {
margin-bottom: 26px;
}
.ssCvrLft {
padding-top: 109px;
}
.integrLists .container {
max-width: 1140px;
padding: 0px 15px;
}
.soluServices .container,
.tchBtmAddress .container {
padding: 0 45px;
max-width: 1145px;
}
.connectFormCvr .container {
padding: 0 15px;
max-width: 1280px;
}
.integrationRgt .h2 span {
height: 65px;
width: 65px;
}
.integrationRgt .h2,
.ssCvrRgt .h2,
.whtweCvr h2,
.connectFormCvr h2 {
font-size: 50px;
line-height: 60px;
margin: 0 0 20px;
}
.coinfRgt .h1 {
font-size: 50px;
line-height: 60px;
margin: 26px 0 38px;
}
.dscrint {
padding: 0 0 40px;
}
.integrationRgt .h2 span img {
vertical-align: top;
}
.dscrint p,
.ourint p,
.whtweCont p {
font-size: 16px;
line-height: 33px;
margin: 0 0 15px;
}
.tchCntry {
float: left;
width: 38%;
}
.tabbable.tabbTchInnr {
margin-left: -146px;
}
.soluServices li {
margin: 0 0 60px;
}
.soluInner .whatwedo .whtweCvr {
max-width: 600px;
}
.soluServices {
padding: 30px 0 0;
}
.soluInner .whatwedo.knwabt {
padding: 80px 0 250px;
background-size: 1600px;
}
.solutionscn li:nth-child(even) .soluRgt {
float: left;
width: 48%;
padding-left: 114px;
padding-right: 0;
}
.soluscnImg {
width: 550px;
height: 550px;
}
.soluRgt {
float: right;
width: 46%;
margin-top: 175px;
padding-right: 161px;
}
section.inner_banner .container {
height: 471px;
max-width: 1350px;
display: table;
}
.inner_banner h1 {
color: #fff;
padding: 0 0 0 88px;
font-size: 64px;
line-height: 74px;
font-family: 'Nunito-Regular';
}
.hdIcon h1:before {
top: -2px;
width: 78px;
height: 78px;
}
.contentPart.ourSpace {
padding: 96px 0;
text-align: center;
}
.contentPart.ourSpace h2 {
font-size: 40px;
line-height: 50px;
}
.shipCapn {
max-width: 1000px;
padding-top: 75px;
}
.totallogsol {
padding: 15px 0 10px;
}
.whatwedo .container {
max-width: 1338px;
}
.contentPart.ourSpace .container {
max-width: 970px;
}
.lookCvr h3 {
font-size: 80px;
line-height: 98px;
}
.lookmore {
padding: 149px 0 312px;
text-align: center;
background-position: center 93px;
background-repeat: no-repeat;
}
.logShip .container {
max-width: 1295px;
padding: 0;
}
.logShip {
height: 787px;
margin-bottom: 300px;
margin-top: 0;
}
.contentPart.ourSpace .h2 {
font-size: 60px;
line-height: 67px;
margin: 0;
}
}
@media (max-width: 1580px) {
.slnBg li:nth-child(5) .soluImg:after {
top: 7rem;
}
section.integration {
padding: 121px 0 125px;
}
section.testimonials .head {
font-size: 130px;
margin-right: 0;
}
section.our_reach {
padding: 95px 0px;
margin: 9px 0 0;
}
section.our_connect .head {
font-size: 130px;
padding-bottom: 100px;
margin-left: 0;
}
section.touch_points .head {
font-size: 130px;
padding-bottom: 84px;
margin-left: 0;
}
.ourstoryHome {
padding: 70px 0 420px;
}
}
@media (max-width: 1440px) {
.subscribe .input-group-append {
right: -39px;
width: 30.4%;
}
.hdrBtns a {
padding-left: 34px;
}
.shareCont {
padding: 70px 0;
}
.tpiMd .touch_point_item {
width: 100%;
}
.soluInner .integrationRgt .h2,
.ssCvrRgt .h2 {
font-size: 44px;
line-height: 54px;
}
.soluInner .integrationRgt .h2 span {
margin-right: 20px;
border-radius: 50%;
height: 50px;
width: 50px;
display: inline-block;
vertical-align: middle;
}
.soluInner .integrationRgt .h2 span img {
vertical-align: top;
}
.soluInner .dscrint p {
font-size: 20px;
line-height: 39px;
margin: 0 0 17px;
}
.soluServices .container {
max-width: 1300px;
}
.solutionscn li {
margin: 102px 0 163px;
}
.soluscnImg {
width: 490px;
height: 490px;
}
.solutnImg {
overflow: hidden;
}
.solutnImg img {
margin-left: -2px;
}
.slnBg .container {
background-size: 134%;
background-position: 50.6% 0;
}
.slnBg li:nth-child(4) {
margin-top: 129px;
}
}
@media (max-width: 1390px) {
.ssCvrRgt {
padding-bottom: 50px;
}
.soluInner .dscrint p {
font-size: 16px;
line-height: 26px;
margin: 0 0 17px;
}
.soluInner .integrationRgt .h2,
.ssCvrRgt .h2 {
font-size: 44px;
line-height: 41px;
}
.integrLists li:nth-child(odd) .integrLft,
.integrLists li:nth-child(even) .integrLft {
width: 50%;
}
.integrLists li:nth-child(even) .integrRgt,
.integrLists li:nth-child(odd) .integrRgt {
width: 44%;
}
.integrationRgt .h2 {
font-size: 60px;
line-height: 70px;
}
.whtweCvr h2 {
font-size: 60px;
line-height: 60px;
padding-right: 0;
max-width: 535px;
}
section.inner_banner .container {
height: 410px;
max-width: 1100px;
display: table;
}
.contentPart.ourSpace {
padding: 40px 0;
}
.lookMenu a {
font-size: 23px;
}
.lookmore {
padding: 164px 0;
background-size: 900px;
background-repeat: no-repeat;
background-position: center 79px;
}
.logShip {
height: 577px;
margin-bottom: 300px;
margin-top: 0;
}
.shipImg {
max-width: 1000px;
background-size: cover;
background-position: center 0;
background-repeat: no-repeat;
height: 482px;
}
.btBxCvr .btn {
padding: 11px 0;
height: 49px;
width: 175px;
font-size: 18px;
}
.btbx {
height: 425px;
}
.btBxCvr .h2 {
font-size: 60px;
line-height: 70px;
}
.whatwedo {
margin: 40px 0 0;
padding: 80px 0;
}
.totallogsol .totlogRgt {
padding-left: 67px;
padding-top: 46px;
padding-right: 80px;
padding-bottom: 117px;
}
.totallogsol .totlogRgt h2 {
font-size: 55px;
line-height: 60px;
}
.connectMap {
height: 375px;
}
.copyright .copy,
.copyright .copy a,
.copyright ul li a {
font-size: 14px;
}
.footer_list ul li a {
font-size: 14px;
}
.footer_list {
padding-top: 30px;
padding-bottom: 24px;
}
.subscribe input#basic-addon2 {
font-size: 19px;
}
.subscribe .input-group-append {
width: 28.4%;
right: 0;
}
.subscribe .wpcf7-form-control-wrap {
width: 70%;
}
.subscribe {
padding-bottom: 25px;
max-width: 532px;
width: 100%;
}
.subscribe .subs_head {
font-size: 93px;
line-height: 22px;
}
section.testimonials {
padding-top: 74px;
padding-bottom: 307px;
height: auto;
}
.integration_cont {
width: 40%;
margin-top: 0rem;
}
.ourstoryHome {
padding: 60px 0 238px;
background-size: cover;
background-position: 0 bottom;
}
section.touch_points {
padding: 55px 0px;
}
.solutnImg img {
margin-left: -1px;
width: 100%;
}
.tp-rightarrow.default { }
}
@media (max-width: 1300px) {
.quote_cont {
height: 500px;
}
.connectFormCvr .container {
padding: 0 15px;
max-width: 1135px;
}
.ourint {
padding: 40px 0 50px;
}
.ssCvrLft {
padding-top: 25px;
}
section.testimonials .head {
font-size: 95px;
margin-right: 0;
}
.solutions>h2 {
font-size: 55px;
line-height: 65px;
}
section.touch_points .head {
font-size: 95px;
padding-bottom: 84px;
margin-left: 0;
}
section.our_connect .head {
font-size: 95px;
padding-bottom: 50px;
margin-left: 0;
}
.coinfRgt .h2 {
font-size: 23px;
}
section.integration {
margin: 0 0 0;
}
}
@media (max-width: 1230px) {
#post-7 .quote_cont {
height: 515px;
}
.hdrBtns a:hover {
font-size: 12px;
}
.logoRgt {
width: 84%;
float: right;
}
.lookCvr h3 {
font-size: 66px;
line-height: 77px;
}
section.inner_banner .container {
max-width: 920px;
}
.hdrBtns {
float: right;
width: 20%;
padding: 28px 0 0;
text-align: right;
}
.hdrBtns a {
font-size: 12px;
line-height: 40px;
background-size: 27px;
padding-left: 37px;
}
}
@media (max-width: 1184px) {
#post-7 .quote_cont {
height: 550px;
}
.coinfRgt .h2 {
font-size: 20px;
}
.quote_cont {
height: 557px;
}
.integrationRgt .h2,
.ssCvrRgt .h2,
.whtweCvr h2,
.connectFormCvr h2 {
font-size: 43px;
line-height: 53px;
margin: 0 0 20px;
}
.coinfRgt .h1 {
font-size: 43px;
line-height: 53px;
}
.shareFlield input.btn.btn-submit {
margin-top: 0;
}
.shareCont h3 {
font-size: 52px;
line-height: 53px;
margin: 0 0 17px;
}
.sharDscr {
padding: 0 0 27px;
font-size: 20px;
}
.tabbable.tabbTchInnr {
margin-left: -146px;
width: 230px;
}
.tchAddress {
float: right;
width: 37%;
}
.tchCntry {
float: left;
width: 32%;
margin-top: 130px;
}
.coinfRgt>.row>div {
padding-right: 10px !important;
}
.mapCvr a {
height: 500px;
}
.soluInner .whatwedo.knwabt {
padding: 80px 0 195px;
background-size: cover;
background-position: -106px 0;
}
.solutionscn li:nth-child(even) .soluRgt {
float: left;
width: 50%;
padding-left: 75px;
padding-right: 0;
}
.soluRgt {
float: right;
width: 54%;
margin-top: 55px;
padding-right: 120px;
}
.soluscnImg {
width: 380px;
height: 380px;
}
.supply_content_wrappaer {
padding: 40px 43px 12px;
}
input.btn.btn-submit {
width: 40%;
}
section.integration {
padding: 29px 0 78px;
}
.solCvr .h2 {
font-size: 30px;
line-height: 40px;
white-space: normal;
}
.logoRgt {
width: 86%;
float: right;
}
}
@media (max-width: 1090px) {
#post-7 .quote_cont {
height: 625px;
}
section.testimonials.inner-test .quote_cont {
height: 1265px;
}
.pddleftcont {
padding-left: 3px;
}
.mapCvr {
padding: 0 0 0;
}
.coinfRgt {
padding-bottom: 35px;
}
.connectPage .connectFormCvr {
padding: 40px 0;
}
.whtweCvr {
max-width: 520px;
}
.whtweCont br {
display: none;
}
.coinfRgt .h2 {
font-size: 18px;
}
.quote_cont {
height: 663px;
}
.ssCvrLft {
padding-top: 0px;
}
.coverLoc .title {
font-size: 30px;
line-height: 40px;
margin: 0 0 4px;
}
.tchBtmAddress .container h2 {
font-size: 114px;
line-height: 26px;
}
.soluInner .whatwedo .whtweCvr {
background: rgba(0, 0, 0, 0.4);
padding: 20px;
}
.solutionscn li:first-child {
margin-top: 200px;
}
.solutionscn li {
margin: 93px 0 103px;
}
.soluRgt {
float: right;
width: 50%;
margin-top: 55px;
padding-right: 80px;
}
.btBxCvr .h2 {
font-size: 46px;
line-height: 56px;
}
.btbxSubHdng {
font-size: 20px;
line-height: 30px;
}
.inner_banner h1 {
padding: 0 0 0 70px;
font-size: 50px;
line-height: 60px;
}
.hdIcon h1:before {
top: 2px;
width: 55px;
height: 55px;
background-size: 26px;
}
}
@media (max-width: 1023px) {
#post-7 .quote_cont {
height: 690px;
}
section.testimonials.inner-test .quote_cont {
height: 1370px;
}
.locDscr li.loc-phn a {
padding: 0 0 0px 32px;
position: relative;
background-position: 0 -3px;
background-repeat: no-repeat;
display: inline-block;
}
.row.tchMainCvr .col-lg-6.col-md-6.col-12:nth-child(1) li.loc-phn a:nth-child(2):before,
.row.tchMainCvr .col-lg-6.col-md-6.col-12:nth-child(8) li.loc-phn a:nth-child(2):before {
top: 1px;
}
.quote_cont {
height: 695px;
}
.shareFlield input[type="text"],
.shareFlield input[type="email"],
.shareFlield input[type="tel"],
.shareFlield textarea {
margin-bottom: 8px;
background: transparent;
}
.shareCont {
padding: 28px 0;
width: 63%;
}
.shareCont h3 {
font-size: 38px;
line-height: 44px;
margin: 0 0 10px;
}
.contentPart.ourSpace .h2 {
font-size: 50px;
line-height: 60px;
margin: 0 auto;
max-width: 660px;
}
.whtweCvr h2 {
font-size: 45px;
line-height: 55px;
padding-right: 0;
margin-bottom: 32px;
max-width: 400px;
}
.whtweCont {
margin: 0 0 50px;
max-width: 466px;
}
.lookCvr h3 {
font-size: 50px;
line-height: 60px;
}
.lookmore {
padding: 176px 0;
background-size: 800px;
background-repeat: no-repeat;
background-position: center 33px;
}
.shipImg {
max-width: 800px;
height: 365px;
margin-top: 35px;
}
.shipCapn {
max-width: 700px;
padding-top: 75px;
}
.logShip {
height: 577px;
margin-bottom: 135px;
margin-top: 0;
}
.logImg {
margin-right: 0;
}
.totallogsol .totlogRgt {
padding-left: 30px;
padding-top: 25px;
padding-right: 30px;
padding-bottom: 25px;
}
.totallogsol .totlogRgt h2 {
font-size: 45px;
line-height: 50px;
}
}
@media (max-width: 995px) {
.shareCont {
float: right;
width: 60%;
}
.tabbable.tabbTchInnr ul.nav.nav-tabs li a button {
font-size: 29px;
line-height: 51px;
}
.tabbable.tabbTchInnr {
margin-left: -146px;
width: 176px;
}
.tchAddress {
float: right;
width: 43%;
}
.loc-phn a {
padding-left: 3px;
margin-left: 3px;
line-height: 18px;
}
.connectFormCvr h2,
.coinfRgt .h1 {
font-size: 40px;
max-width: 660px;
line-height: 48px;
margin: 0 0 24px;
}
.coinfLft {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.coinfRgt {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.soluInner .whatwedo .whtweCvr {
display: block;
margin: 0 auto;
max-width: 500px;
}
.soluServices li:nth-child(odd) .ssCvrLft {
float: none;
}
.ssCvrRgt .btn {
font-size: 15px;
padding: 10px 20px;
}
.ssCvrRgt {
width: 100%;
text-align: center;
}
.ssCvrLft {
width: 300px;
margin: 0 auto 20px;
display: block;
float: none;
}
.ssCvrRgt .h2 {
max-width: 100%;
margin: 0 0 22px;
}
.integrationRgt .h2 {
font-size: 40px;
line-height: 50px;
}
.ourint {
padding: 50px 0 70px;
}
.integrLists li {
margin: 0 0 1px;
}
.integrLists li:nth-child(odd) .integrLft,
.integrLists li:nth-child(even) .integrLft {
width: 500px;
position: relative;
height: 400px;
margin: 0 auto 35px;
float: none;
}
.integrLists li:nth-child(even) .integrRgt,
.integrLists li:nth-child(odd) .integrRgt {
width: 100%;
text-align: center;
}
.container {
max-width: 720px;
position: relative;
}
.supply_img_wrappaer {
height: 425px;
}
.subscribe .subs_head {
font-size: 91px;
line-height: 9px;
}
footer .col-md-7>.row {
border-top: 1px solid #436874;
}
.subscribe {
margin: 0 auto;
border-bottom: 0px solid #436874;
}
.copyright .col-md-8,
.copyright .col-md-4 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
.copyright .col-md-4 ul.social_links {
display: inline-block;
float: none;
}
.footer_bg img {
max-width: 700px;
position: relative;
right: inherit;
top: 0;
z-index: -10;
margin: 0 auto;
}
footer .col-md-7 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
footer .col-md-7 .col-12 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
footer .col-md-5 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.connectMap {
height: 260px;
margin: 0;
}
section.our_connect .head {
text-align: center;
}
.writings>.row>.col-md-4 .col-8 {
padding: 0;
}
.wrt_cont .wrt_cap {
font-size: 16px;
line-height: 23px;
}
section.testimonials .col-12.col-lg-4 {
margin-bottom: 20px;
}
.integration_cont {
width: 54%;
margin-top: 0rem;
}
section.integration {
background-size: cover;
padding: 29px 0 78px;
background-position: 25% bottom;
}
.arrow_more {
margin-right: 19rem;
}
ul.nav.nav-tabs li a button {
width: 104px;
font-size: 15px;
}
.touch_point_item {
width: 100%;
}
section.touch_points .head {
font-size: 90px;
}
.innerpage_banner .container {
height: 410px;
display: table;
padding-top: 87px;
}
section.innerpage_banner {
background-repeat: no-repeat !important;
background-size: cover !important;
height: auto !important;
background-position: right 0;
}
.banner-cont {
top: inherit !important;
display: table-cell;
vertical-align: middle;
}
.supply_content_wrappaer h2 {
font-size: 18px;
line-height: 28px;
text-transform: uppercase;
color: #fff;
font-family: 'Nunito-Light';
margin-bottom: 13px;
}
.supply_img_wrappaer {
overflow: hidden;
height: 367px;
}
.supply_content_wrappaer {
padding: 22px 48px 12px;
height: 367px;
}
.supply_img_wrappaer img {
max-width: 129%;
float: right;
}
.subscribe .subs_head {
font-size: 63px;
}
.h2,
h2 {
font-size: 3.2rem;
line-height: 3.8rem;
}
.logoRgt {
width: 74%;
float: right;
padding-right: 50px;
}
section.inner_banner .container {
max-width: 720px;
}
header.sticky .hdrBtns {
padding: 0px 18px 0 0;
}
.hdrBtns {
float: right;
width: 60%;
margin-top: 0px;
padding: 21px 24px 0 0;
text-align: right;
}
.hdrBtns a {
font-size: 14px;
white-space: nowrap;
line-height: 40px;
background-size: 27px;
padding-left: 0;
width: 32px;
height: 32px;
}
}
@media (max-width: 991px) {
#post-7 .quote_cont {
height: auto;
}
section.testimonials.inner-test .quote_cont {
height: auto;
}
.col-md-8.map-img {
-ms-flex: 0 0 52.666667%;
flex: 0 0 52.666667%;
max-width: 52.666667%;
}
.col-md-4.detlsRg {
-ms-flex: 0 0 47.333333%;
flex: 0 0 47.333333%;
max-width: 47.333333%;
}
.connectPage .contInfo .coinfLft {
display: none;
}
.quote_cont {
height: auto;
}
section.our_story_cont .col-md-5,
section.our_story_cont .col-md-7 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
.our_story_img {
margin: 0 auto;
width: 500px;
}
section.our_story_cont {
padding-bottom: 50px;
padding-top: 39px;
}
.shareCont {
float: right;
width: 52%;
}
.coverLoc {
padding: 20px 17px 64px;
}
.locDscr li.vwMap {
left: 37px;
bottom: 26px;
}
.tchMainCvr .locDscr li {
font-size: 14px;
}
.tchBtmAddress .container h2 {
font-size: 80px;
line-height: 15px;
}
.dscr {
padding: 10px 0 17px;
margin: 0 0 0 0;
}
.soluRgt {
margin: 99px auto 0;
float: none;
padding: 0 25px;
width: 100%;
text-align: center;
}
.solutionscn li:nth-child(even) .soluscnImg {
float: none;
}
.solutionscn li:nth-child(even) .soluRgt {
float: none;
width: 100%;
padding-left: 25px;
padding-right: 25px;
}
.soluscnImg {
margin: 0 auto;
float: none;
}
.tab-content img {
transform: scale(1);
}
.supply_img_wrappaer {
overflow: hidden;
height: auto;
}
.supply_content_wrappaer {
height: auto;
}
.slnBg .container {
background-size: 113%;
background-position: 49.9% 0;
}
.grpHead {
justify-content: center;
}
.our_group_left {
text-align: center;
margin-bottom: 30px;
}
section.our_group_cont .rwReverse {
padding: 30px 10px;
margin: 0px 15px;
}
section.our_group_cont {
padding: 50px 0 0px;
}
section.our_group_cont.first-jewellery {
padding-bottom: 50px;
}  
}
@media (max-width: 767px) {
section.our_group_cont .rwReverse {
padding: 30px 0px;
margin: 0;
}
.rota_head{top: 13rem;}
body#post-22 section.contInfo .coinfRgt .row {
text-align: left;
padding-left: 50px;
}
body#post-22 .addrDv,body#post-22 .pddleftcont,body#post-22 section.contInfo .coinfRgt .row p {
padding-left: 50px;
}
.joinchat__button {
bottom: 55px !important;
right: 15px !important;
} .tp-banner.revslider-initialised.tp-simpleresponsive ul li:nth-child(2) .tp-bgimg {
background-position: center !important;
}
body#post-2 .banner-cont.our_st {
top: -100px !important;
}
body#post-7 .tabbable {
position: absolute;
top: 47px;
}
input.btn.btn-submit {
float: none;
}
.slot {
display: none !important;
}
.locDscr li a {
color: #000;
display: inline-block;
}
.tpiMd {
display: block;
width: 100%;
}
.cloud {
display: none;
}
html { }
.subscribe input#basic-addon2 {
font-size: 14px;
}
.col-md-8.map-img {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.col-md-4.detlsRg {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.coverLoc {
padding: 20px 17px 20px;
}
.locDscr ul {
margin-bottom: 0;
}
.locDscr li.vwMap {
position: static;
}
.ssCvrRgt {
padding-bottom: 0;
}
.soluServices li {
margin: 0 0 0;
}
.soluServices .container,
.tchBtmAddress .container {
padding: 0 15px;
}
.coinfRgt .h2 {
display: inline-block;
}
.innPoints {
text-align: left;
}
section.innerpage.soluInner .whtweCont p {
line-height: 28px !important;
font-size: 20px !important;
}
section.innerpage {
text-align: center;
}
.storyExcerpt,
.integration_cont {
text-align: center;
}
.whtweCvr h2,
.btBxCvr .h2 {
font-size: 2.4rem;
line-height: 2.7rem;
}
.locDscr li.loc-phn a {
background-position: 0 -3px;
}
.tp-banner,
.tp-banner li,
.slotholder {
height: 330px !important;
overflow: hidden !important;
}
section.tp-banner-container {
height: 430px !important;
}
.bannerinside {
display: none;
}
.writings>.row>.col-md-4 .col-8 {
padding: 0 0 0 25px;
}
section.testimonials.inner-test .quote_cont {
height: auto;
}
section.inner_banner,
section.innerpage_banner.our_story {
height: 310px !important;
}
.copyright .copy,
.copyright .copy a,
.copyright ul li a {
margin: 0 auto !important;
}
.row.mobscHide {
display: none !important;
}
.integrationRgt {
padding: 16px 0px 0px 0px;
} .blog-details h2 {
font-size: 30px;
}
.blog_details_sec {
padding: 10px 0px;
}
.blog_details_sec .blg_det_rt:before {
display: none;
}
.blog_details_sec .blg_det_rt {
padding: 0px 20px;
}
.our_story_img {
margin: 0 auto;
width: 100%;
}
.tp-bgimg {
background-position: -170px 0px !important;
background-size: cover !important;
height: 330px !important;
}
.tp-banner .h1 {
color: #000;
text-shadow: none;
font-size: 30px !important;
line-height: 36px !important;
}
section.ourstoryHome {
margin-top: -100px;
overflow-x: hidden;
width: 100%;
}
.tp-leftarrow.tparrows,
.tp-rightarrow.tparrows {
bottom: 109px !important;
}
.soluInner .hdIcon h1 {
font-size: 40px;
}
div#tab1 li.loc-phn a:nth-child(2):before,
div#tab5 li.loc-phn a:nth-child(2):before {
left: -2px;
top: 2px;
}
header a.logo img {
width: 70%;
}
header {
background: rgb(22, 51, 93, 0.9);
}
.menuD {
top: -5px;
}
section.tp-banner-container {
margin-top: 63px;
}
header.sticky .menuD {
padding: 15px 0 0;
top: 15px;
}
.morebann a {
font-size: 16px;
text-transform: uppercase;
height: 40px;
width: 170px;
padding: 7px 0px;
font-family: "Nunito-Light";
}  .solutionscn li:first-child {
margin-top: 60px;
} .totlogLft .logImg {
height: 200px;
margin-left: 40px;
}
.conFrmRgt .row {
margin: 0 0 0px;
}
.coinfRgt {
padding-left: 40px;
}
.pddleftcont {
padding-left: 0px;
}
.row.tchMainCvr .col-lg-6.col-md-6.col-12:nth-child(1) li.loc-phn a:nth-child(2):before,
.row.tchMainCvr .col-lg-6.col-md-6.col-12:nth-child(8) li.loc-phn a:nth-child(2):before {
display: none;
} section.touch_points .tabbable ul.nav.nav-tabs li {
display: inline-block;
width: 16%;
}
section.touch_points .tabbable ul.nav.nav-tabs {
display: block !important;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
clear: both;
position: static !important;
}
section.touch_points .tabbable {
position: absolute;
left: 0;
top: 47px;
right: 0;
width: 100%;
text-align: center;
}
.touch_points .tab-content {
padding-top: 68px;
position: relative;
}
.shareFlield .row {
margin: 0;
}
.shareCont {
width: 100%;
padding: 30px 10px;
}
.sharefeedback {
position: relative;
}
.sharefeedback:before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.9);
}
.coverLoc .title {
font-size: 25px;
}
.tabbable.tabbTchInnr {
margin-left: 0;
width: 45%;
left: 0;
}
.tabbable.tabbTchInnr {
width: 100%;
top: 0;
height: auto;
margin: 0;
}
.tabbable.tabbTchInnr ul.nav.nav-tabs {
position: absolute;
left: 0;
top: 81px;
margin-top: 0;
text-align: center;
}
.tabbable.tabbTchInnr ul.nav.nav-tabs li {
display: inline-block;
width: auto;
margin: 0 5px 3px;
}
.tabbable.tabbTchInnr ul.nav.nav-tabs li a button {
font-size: 15px;
line-height: 23px;
padding: 4px 3px;
border: 1px #ccc solid;
}
.tpiMdTable {
height: auto;
display: block;
}
.tchAddress {
float: right;
width: 100%;
margin-top: 157px;
}
.touch_points_inner {
height: auto;
margin-top: -49px;
text-align: left;
}
.locDscr {
text-align: left;
}
.tchBtmAddress .container {
padding: 0;
} .tchCntry { width: 100%;
margin-top: 90px;
margin-bottom: -166px;
}
.tchBtmAddress .container h2 {
font-size: 46px;
line-height: 15px;
clear: both;
margin: 60px 0 0;
}
.row.tchMainCvr {
margin: 0;
width: 100%;
}
.submit_btn.col-md-12 {
padding: 0;
text-align: center;
}
.padngscn .col-md-6 {
padding: 0 !important;
}
.contInfo .container .row>div {
margin-bottom: 37px;
}
.contInfo .container .row {
margin: 0 0 0;
}
.mapCvr a {
background-position: 65% 0;
height: 400px;
}
.mapCvr {
padding: 20px 0 0;
}
.coinfRgt .h1 {
margin: 16px 0 17px;
}
.connectFormCvr {
padding: 30px 0;
}
.coinfRgt {
padding-left: 15px;
padding-bottom: 7px;
}
.whtweCont p {
color: #fff;
line-height: 28px;
font-size: 20px;
}
.soluInner .whatwedo .whtweCvr {
background: rgba(0, 0, 0, 0);
}
.soluInner .whatwedo.knwabt {
padding: 19px 0 3px;
background-size: cover;
background-position: -56px 0;
}
.integrLists li:nth-child(even) .integrLft:before {
border-bottom: 0 #000 solid;
border-left: 3px #000 solid;
border-top: 3px #000 solid;
}
.integrLists li:nth-child(even) .integrLft:after {
border-right: 3px #000 solid;
border-bottom: 3px #000 solid;
}
.integrLists li:nth-child(even) .integrLft:before {
left: -15px;
bottom: -15px;
}
.integrLists li:nth-child(even) .integrLft:after {
right: -15px;
bottom: -15px;
}
.integrLft:after {
border-bottom: 3px #000 solid;
border-left: 3px #000 solid;
left: -15px;
bottom: -15px;
}
.integrLft:before {
border-top: 3px #000 solid;
border-right: 3px #000 solid;
right: -15px;
top: -15px;
}
.integrLists li:nth-child(odd) .integrLft,
.integrLists li:nth-child(even) .integrLft {
width: 390px;
position: relative;
height: 220px;
margin: 0 auto 35px;
float: none;
}
.shipImg {
max-width: 91%;
height: 265px;
margin-top: 35px;
}
.logShip {
height: 715px;
margin-bottom: 41px;
margin-top: 0;
}
.shipCapn {
max-width: 700px;
padding: 75px 15px 0;
}
.lookMenu {
padding: 1px 0 0;
}
.lookMenu a {
font-size: 13px;
}
.whtweCvr h2 {
max-width: 100%;
}
.lookCvr h3 {
font-size: 26px;
line-height: 39px;
}
.whtweCvr .btn {
width: 175px;
padding: 10px 0;
font-size: 16px;
}
.whatwedo {
position: relative;
text-align: center;
}
.whatwedo:before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
}
.contentPart.ourSpace .h2 {
font-size: 30px;
line-height: 40px;
max-width: 660px;
}
.contentPart.ourSpace h2 {
font-size: 23px;
line-height: 43px;
}
.logShip .container {
padding: 0 15px;
}
.shipCapn {
max-width: 700px;
padding-top: 35px;
}
.inner_banner h1 {
padding: 0 0 0 54px;
font-size: 35px;
line-height: 45px;
text-align: left;
}
.hdIcon h1:before {
top: 2px;
width: 45px;
height: 45px;
background-size: 22px;
}
section.inner_banner .container {
height: 160px;
}
.innerpage_banner {
padding: 0 0 0;
}
section.footer-bottom {
height: auto;
padding: 37px 10px;
}
.innerpage_banner .container {
height: 295px;
}
section.our_story_cont {
padding: 40px 0px;
}
section.our_story_cont .head {
font-size: 40px;
}
.banner-cont.our_st h2 p {
font-size: 18px;
line-height: 27px;
}
.supply_img_wrappaer {
height: 345px;
}
.arrow_more {
margin-right: 0;
margin-top: 0;
text-align: center;
}
.arrow_left {
text-align: center;
}
header .hdrBtns {
display: none;
}
.joinchat__button {
display: flex !important;
}
.connect_links .col-2 {
padding: 0;
}
footer .col-md-7 .col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.padngscn .col-md-6:nth-child(2) {
padding-left: 15px;
}
.padngscn .col-md-6:first-child {
padding-right: 15px;
}
.subscribe .subs_head {
font-size: 78px;
}
.subscribe {
margin: 0 auto;
padding-bottom: 0;
}
.storyExcerpt h1 {
font-size: 40px;
margin-bottom: 20px;
line-height: 50px;
}
body { }
footer {
text-align: center;
}
.footer_list .ftr_capt:after {
margin-left: auto;
margin-right: auto;
}
section.touch_points .head {
font-size: 32px;
text-align: center;
padding-bottom: 14px;
line-height: 33px;
}
ul.nav.nav-tabs li a button {
width: 100%;
font-size: 11px;
}
ul.nav.nav-tabs li {
margin-bottom: 10px;
width: 18%;
}
.col-md-8.map-img {
max-width: 300px;
margin: 0 auto;
}
section.testimonials .head {
font-size: 40px;
margin-right: 0;
padding: 0 0 21px;
}
section.testimonials {
padding-top: 44px;
height: auto;
background: none;
padding-bottom: 30px;
}
section.testimonials .arrow_left {
padding-top: 0;
}
section.our_reach {
padding-top: 3px;
}
.reach_cont h3 {
font-size: 40px;
line-height: 50px;
margin-bottom: 25px;
}
.integration_cont h3 {
font-size: 40px;
line-height: 50px;
}
section.our_connect .head {
text-align: center;
font-size: 40px;
}
ul.nav.nav-tabs li a.active button {
width: 100%;
}
section.testimonials .head.text-right {
text-align: center !important;
}
.writing_itm {
margin: 0 auto;
max-width: 397px;
}
.slnBg li {
width: 100%;
}
.slnBg li:nth-child(odd) {
padding-right: 0 !important;
text-align: center;
}
.slnBg li:nth-child(even) {
padding-left: 0 !important;
text-align: center;
}
.slnBg li:nth-child(2) {
margin-top: 0;
}
.slnBg li:nth-child(3) {
margin-top: 0;
}
.slnBg li:nth-child(4) {
margin-top: 0;
}
.slnBg .container {
background: #fff;
}
.dscr {
padding: 10px 0 17px;
margin: 0 0 0 0;
}
.tab-content img {
transform: scale(1);
}
.h2,
h2,
.solutions>h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
font-size: 2.4rem;
line-height: 2.7rem;
}
.supply_btm_cont {
padding: 35px 0px;
}
.ourstoryHome {
padding: 26px 0 140px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center bottom;
}
.solutions {
margin: 56px 0 0;
}
.logoRgt {
width: 66%;
padding-right: 61px;
}
.menuD {
float: left;
width: 67%;
padding: 31px 0 0;
}
}
@media (max-width: 479px) {
.tchBtmAddress .container h2 {
font-size: 36px;
line-height: 15px;
clear: both;
margin: 60px 0 0;
}
.integrLists li:nth-child(odd) .integrLft,
.integrLists li:nth-child(even) .integrLft {
width: 97%;
}
.integrLists .container {
padding: 0 25px;
}
.supply_img_wrappaer {
height: 240px;
}
.moreDv .btn {
font-size: 16px;
text-transform: uppercase;
padding: 10px 18px;
background: #d14836;
color: #fff;
}
section.integration {
background-size: 368px;
padding: 29px 0 224px;
background-position: right bottom;
background-color: #f7f7f7;
}
.integration_cont {
width: 100%;
margin-top: 0rem;
}
input.btn.btn-submit {
font-size: 15px;
height: 40px;
width: 120px;
}
.subscribe .subs_head {
font-size: 50px;
line-height: 9px;
margin-bottom: -13px;
}
.subscribe .wpcf7-form-control-wrap {
width: 100%;
}
.subscribe .input-group-append {
width: 30.4%;
}
.subscribe input.form-control {
height: 40px;
font-size: 14px;
color: #222;
}
.subscribe input#basic-addon2 {
font-size: 13px;
padding: 0 10px;
display: block;
line-height: 40px;
}
section.our_group_cont {
padding: 50px 0 0;
}
.grpHead {
display: block;
text-align: center;
font-size: 20px;
line-height: 24px;
}
.grpHead img {
width: 130px;
margin-right: 0;
display: block;
margin: 0px auto 10px;
}
.tarrifCvr a {
margin: 5px 0px;
}
.tarrifCvr {
padding: 20px 0px;
text-align: center;
}
}
@media (max-width: 431px) {
section.tp-banner-container {
margin-top: 59px;
}
.soluscnImg {
width: 300px;
height: 300px;
}
}
@media (max-width: 359px) {
section.tp-banner-container {
margin-top: 48px;
}
.tabbable.tabbTchInnr ul.nav.nav-tabs li a button {
font-size: 12px;
line-height: 23px;
padding: 4px 4px;
}
.shipCapn,
.shipCapn p {
color: #fff;
font-size: 17px;
line-height: 36px;
}
.subscribe .input-group-append {
width: 36.4%;
}
.subscribe .wpcf7-form-control-wrap {
width: 61%;
}
ul.nav.nav-tabs li a button {
width: 100%;
font-size: 9px;
height: 33px;
}
}
@media (min-width: 1990px) {
.supply_content_wrappaer {
height: auto;
}
}
.wpcf7 form.sent .wpcf7-response-output {
display: none !important;
}:root{--joinchat-ico:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0s4.686 12.283 0 16.97a12 12 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12 12 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.85 9.85 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918s-10.075-3.843-13.918 0a9.85 9.85 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22zm6.534-7.003-.933 1.164a9.84 9.84 0 0 1-3.497-3.495l1.166-.933a.79.79 0 0 0 .23-.94L9.561 6.96a.79.79 0 0 0-.924-.445l-2.023.524a.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.79.79 0 0 0-.445-.923L14.6 13.327a.79.79 0 0 0-.94.23z'/%3E%3C/svg%3E");--joinchat-font:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif}.joinchat{--bottom:20px;--sep:20px;--s:60px;display:none;position:fixed;z-index:9000;right:var(--sep);bottom:var(--bottom);font:normal normal normal 16px/1.625em var(--joinchat-font);letter-spacing:0;animation:joinchat_show .5s cubic-bezier(.18,.89,.32,1.28) 10ms both;transform:scale3d(0,0,0);transform-origin:calc(var(--s)/-2) calc(var(--s)/-4);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgb(0 0 0/0)}.joinchat *,.joinchat :after,.joinchat :before{box-sizing:border-box}.joinchat--show{display:block;transform:scaleX(1)}.joinchat--left{right:auto;left:var(--sep)}.joinchat--noanim{animation:none}.joinchat__button{position:absolute;z-index:2;bottom:8px;right:8px;height:var(--s);min-width:var(--s);background:#25d366;color:inherit;border-radius:calc(var(--s)/2);box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);cursor:pointer;transition:background-color .2s linear}.joinchat__button:hover{background:#128c7e}.joinchat__button:active{background:#128c7e;transition:none}.joinchat--left .joinchat__button{right:auto;left:8px}.joinchat__button__open{width:var(--s);height:var(--s);border-radius:50%;background:rgb(0 0 0/0) var(--joinchat-ico) 50% no-repeat;background-size:60%;overflow:hidden}.joinchat__button__image{position:absolute;top:1px;right:1px;width:calc(var(--s) - 2px);height:calc(var(--s) - 2px);border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img{display:block;width:100%;height:100%;object-fit:cover}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--image .joinchat__button__image{opacity:1;animation:none}.joinchat__tooltip{position:absolute;top:calc(var(--s)/2 - 16px);right:calc(var(--s) + 16px);max-width:calc(100vw - var(--s) - 45px);height:32px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);line-height:31px;white-space:nowrap;opacity:0;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));pointer-events:none}.joinchat__tooltip:after{content:"";display:block;position:absolute;top:10px;right:-6px;border:8px solid transparent;border-width:6px 0 6px 8px;border-left-color:#fff}.joinchat__tooltip div{width:-moz-max-content;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.joinchat--left .joinchat__tooltip{right:auto;left:calc(var(--s) + 16px)}.joinchat--left .joinchat__tooltip:after{left:-6px;right:auto;border-color:transparent;border-width:6px 8px 6px 0;border-right-color:#fff}.joinchat__qr{position:absolute;bottom:calc(var(--s) + 16px);right:0;display:none;flex-direction:column-reverse;width:228px;min-height:200px;padding:14px 14px 10px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);text-align:center;white-space:nowrap;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));animation:joinchat_badge_in .4s cubic-bezier(.11,.84,.83,1.01) .5s both;pointer-events:none}.joinchat__qr:after{content:"";display:block;position:absolute;bottom:-6px;right:calc(var(--s)/2 - 6px);border:8px solid transparent;border-width:8px 6px 0;border-top-color:#fff}.joinchat--left .joinchat__qr{left:0;right:auto}.joinchat--left .joinchat__qr:after{left:calc(var(--s)/2 - 6px);right:auto}.joinchat__qr div{font-size:14px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis}.joinchat__qr canvas{display:block;width:200px;height:200px;margin:0}@keyframes joinchat_show{0%{transform:scale3d(0,0,0)}to{transform:scaleX(1)}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes joinchat_image_loop{0%{opacity:0}3%,20%{opacity:1}25%,to{opacity:0}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0)}1%,20%{opacity:1;transform:scaleX(1)}25%,to{opacity:0;transform:scaleX(1)}}.joinchat__woo-btn__wrapper{clear:both}.joinchat__woo-btn{--s:40px;display:inline-block;box-sizing:border-box;height:var(--s);max-width:100%;padding:0 calc(var(--s)/2) 0 var(--s);background:#25d366 var(--joinchat-ico) calc(var(--s)*0.2) 50% no-repeat;background-size:calc(var(--s)*0.6);color:#fff;border-radius:calc(var(--s)/2);font:700 normal calc(var(--s)*0.35)/var(--s) var(--joinchat-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:background-color .2s}.joinchat__woo-btn:empty{padding-right:0}.joinchat__woo-btn:hover{background-color:#128c7e}@media (orientation:landscape) and (height >= 481px),(orientation:portrait) and (width >= 481px){.joinchat--mobile{display:none!important}}@media (width <= 767px){.joinchat--footer-bar{--bottom:76px!important}}@media (orientation:landscape) and (height <= 480px),(width <= 480px){.joinchat{--bottom:6px;--sep:6px}}@media (hover:hover){.joinchat__button:hover .joinchat__tooltip{opacity:1;animation:none;transition:opacity .2s}.joinchat--btn .joinchat__button:hover .joinchat__qr{display:flex}}@media (prefers-reduced-motion){.joinchat{animation:none}}