.nobdr_top {
border-top: none !important;
}
.nomargin {
margin: 0px !important;
}
.nomargin-top {
margin-top: 0 !important;
}
.nomargin-left {
margin-left: 0px !important;
}
.nomargin-right {
margin-right: 0px !important;
}
.nopadding {
padding: 0px !important;
}
.alignbottom {
vertical-align: text-top;
}
img {
height: auto;
border: 0;
}
p {
margin: 0px;
}
ul {
list-style-type: none;
padding: 0;
margin: 0;
}
ul li {
list-style: none;
padding: 0;
margin: 0;
}
a {
text-decoration: none;
outline: none;
}
a:hover {
text-decoration: none !important;
}
aside, details, figcaption, figure, ins, summary, small, mark, title, video, footer, header, hgroup, nav, section, article {
display: block;
}
.clear {
padding: 0;
margin: 0;
clear: both;
}
h1, h2, h3, h4, h5, h6 {
padding: 0;
margin: 0;
}
html, body {
width: 100%;
padding: 0;
margin: 0;
font-family: "proxima_novaregular";
}
.cf:before, .cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
zoom: 1;
}
header {
width: 100%;
padding: 10px 0 0 0;
transition: all ease 600ms;
z-index: 9;
}
header .slicknav_menu {
display: none;
}
header .container-fluid .row {
align-items: center;
}
header .container-fluid .row .logo img {
max-width: 120px;
}
header .container-fluid .row .main_menu {
width: 100%;
list-style: none;
display: flex;
justify-content: flex-end;
padding: 0px 0 0 0;
}
header .container-fluid .row .main_menu li {
width: auto;
position: relative;
}
header .container-fluid .row .main_menu li a {
position: relative;
font-size: 18px;
line-height: 20px;
color: #392F87;
padding: 0 15px;
font-family: "proxima_novabold";
}
header .container-fluid .row .main_menu li a:after {
content: "";
display: block;
width: 0;
height: 4px;
background: #000;
transition: width 0.3s;
bottom: -5px;
position: absolute;
}
header .container-fluid .row .main_menu li a:hover {
color: #000;
}
header .container-fluid .row .main_menu li a:hover:after {
width: 100%;
}
header .container-fluid .row .main_menu li:last-child {
padding-right: 0;
}
header .container-fluid .row .main_menu li.active a {
color: #000;
}
header .container-fluid .row .main_menu li .submenu {
position: absolute;
display: none;
left: 0;
border-radius: 0 0 5px 5px;
padding: 15px 0 0 0;
top: 100%;
width: 250px;
background: #fff;
z-index: 999;
}
header .container-fluid .row .main_menu li .submenu li {
padding: 0;
overflow: hidden;
border-bottom: 1px solid #392F87;
}
header .container-fluid .row .main_menu li .submenu li a {
padding: 15px 15px;
display: block;
}
header .container-fluid .row .main_menu li:nth-child(2):hover .submenu {
display: block;
}
header .blue-bar {
background: #392F87;
width: 100%;
padding: 10px 0;
margin-top: 10px;
}
header .blue-bar span {
color: #fff;
}
header.fixed-header {
position: fixed;
top: 0;
left: 0;
background: #fff;
}
.main_menu.mobile {
display: none;
}
header .toggle-menu {
display: none;
}
.whistle {
font-size: 14px;
line-height: 35px;
color: #fff;
border: 0;
background: #392F87;
font-family: "proxima_novaregular";
display: inline-block;
padding: 5px 35px;
height: 45px;
border-radius: 50px;
transition: all 0.6s;
text-transform: uppercase;
}
.whistle img {
position: relative;
left: 0;
transition: all 0.3s;
}
.whistle:hover {
color: #fff;
}
.whistle:hover img {
left: 10px;
}
header .container-fluid .row .mid {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
header .container-fluid .row .mid .btn-group {
margin-right: 15px;
margin-bottom: 15px;
}
header .container-fluid .row .mid .btn-group a {
font-size: 16px;
line-height: 20px;
color: #fff;
padding: 10px 30px;
font-family: "proxima_novasemibold";
transition: all 0.3s;
background: #392F87;
}
header .container-fluid .row .mid .btn-group .landing {
background: #392F87;
border-radius: 28px 0 0 28px;
border: 1px solid #fff;
}
header .container-fluid .row .mid .btn-group .gulfnet-itc {
border-radius: 0 28px 28px 0;
border: 1px solid #fff;
}
header .container-fluid .row .mid .btn-group a:hover {
color: #392F87;
background: #fff;
border: 1px solid #392F87;
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
.container {
max-width: 90% !important;
}
header .main_menu li {
font-size: 16px;
line-height: 20px;
padding: 0 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.container {
max-width: 100% !important;
}
.whistle {
padding: 5px 15px;
min-width: 180px;
}
footer .top_footer ul.social_media li img {
max-width: 30px;
}
footer .top_footer ul.social_media li a span {
top: 0;
left: 0;
width: 100%;
text-align: center;
line-height: 35px;
}
footer .top_footer h5 {
font-size: 27px;
}
.book_btn {
text-align: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
header .main_menu li {
padding: 0 10px;
}
header {
position: relative;
}
header .toggle-menu {
position: absolute;
top: 34px;
right: 15px;
z-index: 9;
}
header .main_menu {
display: none;
position: absolute;
top: 115px;
width: 100%;
padding: 0;
left: 0;
background: #392f87;
z-index: 9;
}
header .main_menu li {
color: #fff;
}
header .main_menu li a {
color: #fff;
padding: 15px;
display: inline-block;
width: 100%;
}
.last .book_btn {
display: none;
}
header .main_menu li a::after {
height: 1px;
bottom: 0px;
}
header .toggle-menu {
display: block;
}
}
@media only screen and (max-width: 767px) {
h3 {
margin-bottom: 15px;
font-size: 30px;
line-height: 35px;
}
header {
position: relative;
}
header .container-fluid .row .mid {
margin-top: 15px;
justify-content: center;
}
header .container-fluid .row .mid .btn-group {
margin-bottom: 0;
}
header .toggle-menu {
position: absolute;
top: 34px;
right: 15px;
z-index: 9;
border: none;
padding: 0;
background: none;
}
header .container-fluid .row .main_menu {
display: none;
}
header .main_menu {
display: none;
position: absolute;
top: 209px;
width: 100%;
padding: 0;
left: 0;
background: #392f87;
z-index: 9;
}
header .main_menu li {
color: #fff;
padding: 0;
}
.blue-bar span {
font-size: 15px;
line-height: 18px;
text-align: center;
width: 100%;
display: flex;
}
header .main_menu li a {
color: #fff;
padding: 15px;
display: inline-block;
width: 100%;
}
.last .book_btn {
display: none;
}
header .main_menu li a::after {
height: 1px;
bottom: 0px;
}
header .toggle-menu {
display: block;
}
.container {
max-width: 100% !important;
}
footer .top_footer [class*=col-] {
text-align: center;
margin-bottom: 35px;
}
footer .top_footer ul.social_media {
max-width: 260px;
margin: 0 auto;
}
footer .top_footer [class*=col-]:last-child {
margin-bottom: 0;
}
footer .top_footer h5 {
margin-bottom: 10px;
}
footer .top_footer {
padding: 0;
}
footer .top_footer ul.address li {
justify-content: center;
padding-bottom: 5px;
align-items: baseline;
}
footer .top_footer ul li {
line-height: 30px;
}
footer .top_footer ul.social_media {
height: auto;
justify-content: space-between;
display: flex;
}
footer .top_footer ul.social_media li {
line-height: inherit;
text-align: center;
}
footer .top_footer ul.social_media li a span {
display: none;
}
.chooes_us_container .inner {
padding: 15px !important;
margin: 15px 0;
}
.form_container .bottom_text span {
font-size: 18px !important;
line-height: 20px !important;
}
}
@media (max-width: 767px) {
header .container-fluid .row .mid .btn-group a {
padding: 10px 15px;
font-size: 14px;
}
header .slicknav_menu {
display: block;
}
header .slicknav_menu .slicknav_btn {
background: #383086;
border-radius: 0;
padding: 13px 16px;
margin-top: 27px;
}
header .slicknav_menu .slicknav_icon-bar {
width: 22px;
height: 3px;
}
.slicknav_nav .slicknav_row {
border-color: #707070 !important;
}
header .slicknav_nav {
background: #fff;
top: 109px;
}
header .slicknav_nav .slicknav_arrow {
font-size: 12px;
}
header .slicknav_nav a {
border-color: #707070 !important;
color: #000 !important;
font-family: "proxima_novasemibold";
}
}
.inner-banner {
background: linear-gradient(300deg, rgb(255, 255, 255) 0%, rgb(28, 14, 225) 100%);
padding: 0;
}
.inner-banner .row {
display: flex;
align-items: center;
}
.inner-banner .row h1 {
text-align: center;
color: #fff;
font-family: "proxima_novasemibold";
font-size: 50px;
line-height: 50px;
}
.inner-banner .row figure {
margin-bottom: 0;
}
.inner-banner .row figure img {
width: 100%;
border-radius: 300px 0 0 300px;
max-height: 360px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.inner-banner .container-fluid .row figure img {
border-radius: 0;
}
.inner-banner .container-fluid .row h1, .inner-banner .container-fluid .row h1 {
font-size: 35px;
}
}
.container {
max-width: 94%;
}
.banner.home-slider {
width: 100%;
padding: 0;
background: none;
}
.banner.home-slider .outer {
position: relative;
}
.banner.home-slider .outer img {
height: auto;
}
.banner.home-slider .outer .container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.banner.home-slider .outer .container .text_box {
width: 100%;
height: 100%;
display: flex;
flex-direction: column; justify-content: center;
}
.banner.home-slider .outer .container .text_box h3 {
color: #fff;
font-size: 40px;
line-height: 45px;
font-family: "proxima_novaregular";
}
.banner.home-slider .outer .container .text_box span {
display: inline-block;
width: 100%;
color: #B9AFE2;
font-size: 33px;
line-height: 40px;
font-style: italic;
font-family: "proxima_novaregular";
padding: 30px 0;
}
.banner.home-slider .outer .container .text_box .explore {
background: #E2DDEF;
color: #000;
padding: 8px 30px;
border-radius: 25px;
transition: all ease 600ms;
font-family: "proxima_novabold";
display: inline-block;
text-align: center;
width: 120px;
text-transform: capitalize;
}
.banner.home-slider .outer .container .text_box .explore:hover {
box-shadow: inset 150px 0 0 0 rgba(0, 0, 0, 0.8);
color: #fff;
}
.banner.home-slider .slick-dots {
display: flex;
width: 100%;
justify-content: center;
list-style: none;
position: absolute;
bottom: 25px;
}
.banner.home-slider .slick-dots li {
padding: 0 10px;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.banner.home-slider .slick-dots li button {
border: 0;
width: 8px;
height: 8px;
padding: 0;
border-radius: 100%;
font-size: 0;
cursor: pointer;
background: #fff;
}
.banner.home-slider .slick-dots li:hover button {
background: #383086;
}
.banner.home-slider .slick-dots li .slick-active button {
background: #fff;
width: 40px;
height: 6px;
border-radius: 8px;
}
.banner figure {
margin: 0;
text-align: center;
}
.banner figure img {
max-height: 380px;
}
.we_do_container {
width: 100%;
padding: 80px 0;
}
.we_do_container figure {
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
.we_do_container figure img {
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
margin: 0 auto;
display: block;
}
.we_do_container .text_box {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.we_do_container .text_box h3 span {
color: #7A6CAE;
}
.we_do_container .text_box p {
line-height: 30px;
font-size: 20px;
line-height: 24px;
color: #000;
font-family: "proxima_novaregular";
}
.we_do_container .text_box .explore {
background: #392F87;
color: #fff;
}
.solutions {
width: 100%;
padding: 40px 0;
background: #F3F3F3;
}
.solutions .inner-container {
width: 100%;
}
.solutions .inner-container .inner_card {
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.solutions .inner-container .inner_card figure {
width: 100%;
margin: 0 0 15px 0;
position: relative;
cursor: pointer;
overflow: hidden;
}
.solutions .inner-container .inner_card figure figcaption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: left;
padding: 15px;
z-index: 9;
}
.solutions .inner-container .inner_card figure figcaption img {
max-height: inherit;
max-width: 60px;
}
.solutions .inner-container .inner_card figure figcaption span {
color: #fff;
margin-top: 15px;
}
.solutions .inner-container .inner_card figure:before {
display: block;
position: absolute;
content: "";
width: 0;
height: 0;
border-bottom: 220px solid rgba(57, 47, 135, 0.8);
border-right: 220px solid transparent;
z-index: 9;
bottom: 0px;
left: -220px;
transition: all ease 0.3s;
}
.solutions .inner-container .inner_card figure:hover::before {
display: inline-block;
transition: all ease 0.3s;
left: 0;
}
.solutions p {
margin-bottom: 30px;
}
.solutions .inner_card figure:hover figcaption img {
transform: none;
}
.solutions .inner_card figure img {
width: 100%;
height: auto;
transition: all 1s ease;
transform: scale(1);
}
.solutions .inner_card figure:hover img {
transform: scale(1.1);
}
.solutions .inner_card span {
display: inline-block;
width: 100%;
font-size: 16px;
color: #1D1D1D;
line-height: 18px;
font-family: "proxima_novabold";
}
.solutions .inner_card p {
font-size: 16px;
line-height: 18px;
font-family: "proxima_novaregular";
}
.solutions .inner-container .consultancy_slider {
display: flex !important;
}
.solutions .inner-container .consultancy_slider .slick-slide {
padding: 0 15px;
}
.solutions .inner-container .consultancy_slider .slick-track {
margin: 0 -15px;
}
.consultancy_slider .slick-dots {
display: flex;
width: 100%;
justify-content: center;
list-style: none;
position: absolute;
bottom: -20px;
}
.consultancy_slider .slick-dots li button {
border: 0;
width: 8px;
height: 8px;
padding: 0;
border-radius: 100%;
font-size: 0;
cursor: pointer;
background: #000;
}
.consultancy_slider .slick-dots li {
padding: 0 10px;
display: flex;
justify-content: center;
align-items: center;
}
.consultancy_slider .slick-dots li:hover button {
background: #392F87;
}
.consultancy_slider .slick-dots li.slick-active button {
background: #392F87;
width: 40px;
height: 6px;
border-radius: 8px;
}
.industries_container {
width: 100%;
padding: 30px 0;
}
.industries_container h3 {
margin-bottom: 25px;
}
.industries_container .industries_slider {
margin-top: 25px;
}
.industries_container .industries_slider #carousel .flex-direction-nav .flex-next {
right: 0;
background: #000; width: 35px;
height: 35px;
font-size: 0;
cursor: pointer;
transition: all 0.6s;
opacity: 1;
margin: -17px 0 0 0;
display: none;
}
.industries_container .industries_slider #carousel .flex-direction-nav .flex-next.flex-disabled {
opacity: 0.3 !important;
z-index: 1 !important;
pointer-events: none;
}
.industries_container .industries_slider #carousel .flex-direction-nav .flex-next:before {
position: absolute;
left: 9px;
top: 12px;
content: "";
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/right-arrow-1.png) no-repeat 0 0 !important;
width: 31px;
height: 18px;
background-size: 20px !important;
background-position: 0px 0px;
}
.industries_container .industries_slider #carousel .flex-direction-nav .flex-prev {
left: 0;
background: #000;
width: 35px;
height: 35px;
font-size: 0;
cursor: pointer;
transition: all 0.6s;
opacity: 1;
margin: -17px 0 0 0;
display: none;
}
.industries_container .industries_slider #carousel .flex-direction-nav.flex-disabled {
opacity: 0.3 !important;
z-index: 1 !important;
pointer-events: none;
}
.industries_container .industries_slider #carousel .flex-direction-nav:before {
position: absolute;
left: -2px;
top: 7px;
content: "";
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/right-arrow-1.png) no-repeat 0 0;
width: 31px;
height: 18px;
transform: rotate(180deg);
background-size: 20px !important;
background-position: 0px 0px;
}
.industries_container .industries_slider #carousel ul {
width: 100% !important;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
.industries_container .industries_slider #carousel ul li {
margin: 0 !important;
font-size: 16px;
line-height: 22px;
font-family: "proxima_novaregular";
text-align: center;
margin: 0 1px !important;
}
.industries_container .industries_slider #carousel ul li a {
color: #000;
padding: 15px 10px;
display: block;
-webkit-: all 0.3s;
transition: all 0.3s;
font-family: "proxima_novasemibold";
}
.industries_container .industries_slider #carousel ul li a:hover {
background: #383086;
color: #fff;
}
.industries_container .industries_slider #carousel ul li.flex-active-slide a {
background: #383086;
color: #fff;
}
.industries_container .industries_slider #carousel ul li figure {
width: 100%;
margin: 0 0 25px 0;
}
.industries_container .industries_slider #carousel ul li .inner-box {
width: 100%;
}
.industries_container .industries_slider #carousel ul li .inner-box span {
display: inline-block;
width: 100%;
color: #383086;
font-size: 30px;
line-height: 34px;
font-family: "proxima_novasemibold";
margin-bottom: 20px;
}
.industries_slider #carousel, .industries_slider #slider {
margin-bottom: 0;
border: 0;
width: 100% !important;
}
.industries_slider #slider ul li .inner-box span {
display: inline-block;
width: 100%;
color: #383086;
font-size: 30px;
line-height: 34px;
font-family: "proxima_novasemibold";
margin-bottom: 20px;
}
.industries_slider .slick-track {
width: 100% !important;
display: flex;
flex-direction: column;
}
.more_link {
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/black_next_arrow.png) no-repeat right 4px;
padding-right: 35px;
font-size: 18px;
color: #383086;
font-family: "proxima_novasemibold";
line-height: 22px;
text-transform: uppercase;
background-size: 25px;
transition: all 0.6s;
}
.more_link:hover {
color: #000;
}
.service_container {
float: left;
width: 100%;
padding: 50px 0;
}
.service_container .tabbing_container {
float: left;
width: 100%;
}
.service_container .tabbing_container .tabs {
width: 100%;
display: flex;
position: relative;
}
.service_container .tabs .tab-links {
padding-left: 0;
list-style: none;
width: 30%;
padding-right: 25px;
display: flex;
flex-direction: column;
justify-content: center;
}
.service_container .tabs .tab-links li {
float: left;
width: 100%;
color: #000;
font-size: 20px;
line-height: 22px;
font-family: "proxima_novaregular";
padding: 17px 0;
position: relative;
}
.service_container .tabs .tab-links a {
color: #000;
transition: all linear 0.15s;
display: block;
position: relative;
}
.service_container .tabs .tab-links li::after {
content: "";
display: block;
width: 0;
height: 2px;
background: #392F87;
transition: width 0.3s;
bottom: -1px;
position: absolute;
z-index: 9999;
}
.service_container .tab-links li.active::after {
width: 100%;
}
.service_container .tab {
display: none;
}
.service_container .tab.active {
display: block;
}
.service_container .tabbing_container .tab-content {
width: 70%;
padding-left: 25px;
}
.service_container .tabbing_container .tab-content .tab {
position: relative;
}
.service_container .tabbing_container .tab-content .tab .inner-box {
max-width: 390px;
padding: 30px 30px 30px 50px;
background: rgba(255, 255, 255, 0.8);
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.service_container .tabbing_container .tab-content .tab .inner-box .more_link {
font-size: 16px;
padding-right: 27px;
background-size: 19px;
float: right;
}
.service_container .tabbing_container .tab-content figure {
width: 100%;
margin: 0;
}
.service_container .tabbing_container .tab-content figure img {
width: 100%;
height: auto;
border-radius: 30px 0 0 30px;
}
.service_container .tabbing_container .tab-content .inner-box span {
width: 100%;
display: inline-block;
font-size: 20px;
line-height: 24px;
color: #392F87;
padding-bottom: 15px;
color: #392F87;
font-family: "proxima_novasemibold";
}
.service_container .tabbing_container .tab-content .inner-box p {
width: 100%;
display: inline-block;
font-size: 16px;
line-height: 22px;
color: #000;
padding-bottom: 0;
}
.service_container .explore {
background: #392F87;
color: #fff;
}
.service_container .tabs .tab-links a::before {
position: absolute;
top: 6px;
right: 0px;
content: "";
width: 20px;
height: 20px;
background-size: 20px;
opacity: 0;
}
.service_container .tabs .tab-links li.active a::before {
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/blue_arrow.png) no-repeat 0 0;
background-size: 20px !important;
opacity: 1;
}
.service_container .tabs .tab-links li a::before {
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/blue_arrow.png) no-repeat 0 0;
background-size: 20px !important;
opacity: 0;
}
.service_container .tabs .tab-links li:hover a::before {
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/blue_arrow.png) no-repeat 0 0;
background-size: 20px !important;
opacity: 1;
}
.client_partner {
float: left;
width: 100%;
display: flex;
}
.client_partner h4 {
font-size: 30px;
color: #fff;
line-height: 34px;
font-family: "proxima_novabold";
margin-bottom: 30px;
}
.client_partner .left_bg {
background: #392F87;
width: 50%;
padding: 80px 30px 120px;
}
.client_partner .right_bg {
background: #002739;
width: 50%;
padding: 80px 30px 120px;
}
.client_slider .box {
padding: 0 15px;
border: 0;
border-radius: 0;
}
.client_slider .box .inner {
padding: 15px;
background: #fff;
width: 120px;
height: 120px;
display: flex;
justify-content: center;
align-items: center;
}
.client_slider .box .inner img {
width: 100%;
height: auto;
}
.client_slider {
width: 100%;
display: flex;
justify-content: flex-end;
}
.partner_slider {
width: 100%;
display: flex;
}
.partner_slider .box {
padding: 0 15px;
border: 0;
border-radius: 0;
}
.partner_slider .box .inner {
padding: 15px;
background: #fff;
width: 120px;
height: 120px;
display: flex;
justify-content: center;
align-items: center;
}
.partner_slider .box .inner img {
width: 100%;
height: auto;
}
.client_slider .slick-arrow, .partner_slider .slick-arrow {
border: 0;
font-size: 0;
position: relative;
cursor: pointer;
transition: all 0.6s;
}
.client_slider .slick-arrow:hover, .partner_slider .slick-arrow:hover {
opacity: 0.8;
}
.client_slider .slick-next::before, .cpartner_slider .slick-next::before {
content: none;
}
.client_slider .slick-prev::before, .partner_slider .slick-prev::before {
content: none;
}
.client_slider .slick-next, .partner_slider .slick-next {
position: absolute;
top: 150px;
right: 0;
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/next_arrow.png) no-repeat 0 0;
width: 27px;
height: 27px;
}
.client_slider .slick-prev, .partner_slider .slick-prev {
position: absolute;
top: 150px;
right: 35px;
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/prev_arrow.png) no-repeat 0 0;
width: 27px;
height: 27px;
}
.left_bg .wrap {
max-width: 415px;
float: right;
}
.right_bg .wrap {
max-width: 415px;
float: left;
}
.chooes_us_container {
width: 100%;
padding: 40px 0;
}
.chooes_us_container h3 {
margin-bottom: 25px;
}
.chooes_us_container h3 span {
color: #7A6CAE;
}
.chooes_us_container .inner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 40px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
min-height: 395px;
}
.chooes_us_container .inner strong {
display: flex;
width: 120px;
height: 120px;
background: #392F87;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
}
.chooes_us_container .inner strong:hover {
background: #000;
}
.chooes_us_container .inner img {
max-height: 70px;
}
.chooes_us_container .inner span {
display: inline-block;
width: 100%;
color: #1D1D1D;
font-size: 18px;
line-height: 20px;
font-family: "proxima_novabold";
text-align: center;
padding: 25px 0;
}
.chooes_us_container .inner p {
text-align: center;
color: #7C7C7C;
}
.form_container {
width: 100%;
padding: 80px 0;
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/bottom_crv.png) no-repeat bottom center;
background-size: 100% auto;
}
.form_container .form_box form {
width: 100%;
}
.form_container .form_box form h4 {
width: 100%;
font-size: 40px;
color: #002739;
line-height: 34px;
font-family: "proxima_novabold";
}
.form_container .form_box form h4 span {
color: #7A6CAE;
font-size: 20px;
line-height: 22px;
font-family: "proxima_novaregular";
}
.form_container .form_box form p {
color: #262626;
font-size: 18px;
line-height: 22px;
margin: 30px 0;
font-family: "proxima_novaregular";
}
.form_container .form_box form .row {
margin-bottom: 10px;
max-width: 655px;
}
.form_container .form_box form input[type=text], .form_container .form_box form input[type=email] {
width: 100%;
background-color: #D9DAD9;
padding: 8px 15px 8px 50px;
border: 0;
border-radius: 25px;
height: 45px;
color: #818181;
font-size: 16px;
line-height: 20px;
font-family: "proxima_novaregular";
background-size: 20px;
background-position: 20px 10px;
}
::-moz-placeholder {
color: #818181;
opacity: 1; }
::placeholder {
color: #818181;
opacity: 1; }
:-ms-input-placeholder { color: #818181;
}
::-ms-input-placeholder { color: #818181;
}
.form_container .form_box form .name {
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/male-user.png) no-repeat 0 0;
}
.form_container .form_box form .company {
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/award.png) no-repeat 0 0;
}
.form_container .form_box form .phone {
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/phone.png) no-repeat 0 0;
background-position: 20px 12px !important;
}
.form_container .form_box form .select {
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/select_arrow.png) no-repeat right center #D9DAD9;
background-position: right 19px !important;
cursor: pointer;
}
.form_container .form_box form .select-icon {
position: relative;
}
.form_container .form_box form .select-icon::before {
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/select.png) no-repeat 0 0; position: absolute;
top: 12px;
left: 35px;
content: "";
width: 25px;
height: 25px;
z-index: 9;
background-size: 23px;
}
.form_container .form_box form .email {
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/mail.png) no-repeat 0 0;
background-position: 20px 16px !important;
}
.form_container .form_box form select {
width: 100%;
background-color: #D9DAD9;
padding: 8px 35px 8px 50px;
border: 0;
border-radius: 25px;
height: 45px;
color: #818181;
font-size: 16px;
line-height: 20px;
font-family: "proxima_novaregular";
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.form_container .form_box form input[type=submit] {
width: 100%;
background: #392F87;
padding: 8px 15px 8px 15px;
border: 0;
border-radius: 25px;
min-height: 45px;
color: #fff;
font-size: 16px;
line-height: 29px;
font-family: "proxima_novaregular";
cursor: pointer;
transition: all ease 600ms;
}
.form_container .form_box form input[type=submit]:hover {
box-shadow: inset 350px 0 0 0 rgba(0, 0, 0, 0.8);
color: #fff;
}
.form_container .form_box form button[type=submit] img {
position: relative;
top: -3px;
left: 5px;
max-height: 15px;
}
.form_container .container {
position: relative;
}
.form_container .container .phone_img {
position: absolute;
top: 0;
right: 0;
max-width: 400px;
}
.form_container .bottom_text {
max-width: 670px;
margin-top: 180px;
}
.form_container .bottom_text span {
padding: 15px 0;
display: inline-block;
width: 100%;
color: #002739;
font-size: 20px;
line-height: 30px;
font-family: "proxima_novaregular";
}
.form_container .bottom_text .explore {
background: #392F87;
color: #fff;
}
.form_container .form_box form .row .col-md-6 {
position: relative;
}
.form_container .form_box form .row .col-md-6 .parsley-errors-list {
list-style: none;
}
.form_container .form_box form .row .col-md-6 .parsley-errors-list li {
padding-left: 5px !important;
font-size: 16px !important;
line-height: 18px !important;
color: #f00 !important;
}
.success-message {
color: #009900 !important;
font-weight: bold;
}
.thankyou {
float: left;
width: 100%;
padding: 100px 0;
}
.thankyou .inner {
text-align: center;
}
.thankyou .inner h2 {
font-size: 50px;
line-height: 55px;
color: #392F87;
margin-bottom: 25px;
font-family: "proxima_novabold";
}
.inquiry_container {
width: 100%;
padding: 0px 0 0px 0;
}
.inquiry_container h2 {
text-align: center;
font-family: "proxima_novabold";
font-size: 40px;
line-height: 45px;
color: #000;
}
.inquiry_container .form_box {
width: 100%;
background: #fff;
padding: 50px;
}
.inquiry_container .form_box input[type=text], .inquiry_container .form_box input[type=email] {
border: 0;
color: #262626;
font-size: 16px;
line-height: 20px;
text-transform: inherit;
width: 100%;
border-bottom: 1px solid #262626;
padding-bottom: 20px;
}
.inquiry_container .form_box textarea {
border: 0;
color: #262626;
font-size: 16px;
line-height: 20px;
text-transform: inherit;
height: 100px;
width: 100%;
border-bottom: 1px solid #262626;
padding-bottom: 20px;
resize: none;
}
.inquiry_container .form_box textarea:focus {
outline: none;
}
.inquiry_container .form_box input:focus {
outline: none;
}
.inquiry_container .form_box ::-moz-placeholder {
color: #262626;
opacity: 1; }
.inquiry_container .form_box ::placeholder {
color: #262626;
opacity: 1; }
.inquiry_container .form_box :-ms-input-placeholder { color: #262626;
}
.inquiry_container .form_box ::-ms-input-placeholder { color: #262626;
}
.inquiry_container .form_box .row {
margin-bottom: 15px;
}
.inquiry_container .form_box .row span b {
font-weight: normal;
color: #C5C5C5;
}
.inquiry_container .form_box .row input[type=file] {
position: relative;
height: 45px;
top: -45px;
left: 0;
width: 100%;
cursor: pointer;
opacity: 0;
z-index: 999;
}
.inquiry_container .form_box .row select {
width: 100%;
border: 0;
border-bottom: 1px solid #262626;
padding-bottom: 20px;
cursor: pointer;
}
.inquiry_container .form_box .row select option {
font-family: "proxima_novaregular";
}
.inquiry_container .form_box .row select:focus {
outline: none;
}
.inquiry_container .form_box .row input[type=submit] {
min-width: 200px;
border: 2px solid #383086;
background: none;
padding: 8px 20px;
border-radius: 40px;
cursor: pointer;
font-size: 16px;
font-weight: bold;
color: #383086;
transition: all 0.3s;
margin-top: 25px;
}
.inquiry_container .form_box .row input[type=submit]:hover {
background: #383086;
color: #fff;
}
.inquiry_container .form_box .row span.upload_file {
display: inline-block;
width: 100%;
padding-right: 30px;
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/upload_icon.png) no-repeat right 15px;
padding-bottom: 20px;
background-size: 20px;
border-bottom: 1px solid #262626;
}
.wpcf7 form .wpcf7-response-output {
display: flex;
margin-top: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.container {
max-width: 100%;
}
header .main_menu li {
font-size: 14px;
line-height: 20px;
padding: 0 6px;
}
header .main_menu {
justify-content: flex-start;
}
.book_btn {
padding: 8px 10px;
margin-left: 15px;
border-radius: 25px;
font-size: 16px;
min-width: 160px;
}
.blue-bar span {
color: #fff;
font-size: 18px;
}
.banner .text_box span {
font-size: 25px;
line-height: 30px;
padding: 15px 0;
}
.we_do_container figure img {
width: 100%;
}
.we_do_container {
padding: 40px 0;
}
.industries_slider #carousel ul li {
font-size: 14px;
}
.industries_slider #carousel ul li a {
padding: 15px 8px;
display: inline-block;
width: 100%;
}
.chooes_us_container .inner {
padding: 15px;
}
.chooes_us_container .inner p {
font-size: 18px;
}
.form_container {
padding: 40px 0;
}
.form_container .container .phone_img {
max-width: 100%;
}
.form_container .bottom_text {
margin-top: 110px;
}
.form_container {
background-size: 100% 330px;
}
footer .top_footer h5 {
font-size: 20px;
}
footer .top_footer ul.social_media li a span {
font-size: 0;
}
.banner .outer img {
width: 100%;
}
.banner .text_box h3 {
font-size: 25px;
line-height: 30px;
}
.banner .text_box span {
font-size: 20px;
line-height: 30px;
}
.flex-direction-nav .flex-direction-nav {
display: none;
}
}
@media only screen and (max-width: 767px) {
.container {
max-width: 100% !important;
}
.we_do_container .text_box {
padding: 25px 0;
}
.industries_container {
padding: 0 0 40px 0;
}
.industries_slider #slider ul li .inner-box span {
font-size: 25px;
}
.banner.home-slider .outer .container .text_box h3 {
font-size: 25px;
line-height: 30px;
}
.banner.home-slider .outer .container .text_box span {
font-size: 20px;
line-height: 30px;
padding: 15px 0;
}
.banner.home-slider .outer img {
width: 100%;
}
.we_do_container figure {
width: 100%;
}
.we_do_container figure img {
width: 100%;
}
.we_do_container {
padding: 40px 0;
}
.form_container {
padding: 15px 0;
}
.form_container .form_box form .row {
margin-bottom: 0;
max-width: 100%;
}
.form_container .form_box form input[type=text], .form_container .form_box form input[type=email] {
margin-bottom: 25px;
}
.form_container .form_box form .select {
margin-bottom: 25px;
}
.form_container .form_box form button[type=submit] {
max-width: 200px;
}
.form_container .container .phone_img {
position: relative;
max-width: 150px;
}
.form_container .bottom_text {
margin-top: 50px;
}
.banner.home-slider .outer img {
width: 100%;
height: 355px;
-o-object-fit: cover;
object-fit: cover;
}
.form_container .form_box form .row {
margin: 0 !important;
}
.form_container .form_box form .row [class*=col-] {
padding: 0 !important;
}
.form_container .form_box form .row .col-md-6 .parsley-errors-list {
list-style: none;
position: relative;
top: -20px;
}
.industries_slider #carousel ul {
width: auto !important;
margin: 0;
display: inline-flex;
justify-content: center;
align-items: center;
}
.industries_slider #carousel ul {
width: auto !important;
margin: 0;
display: inline-flex;
justify-content: center;
align-items: center;
}
.industries_slider #slider .flex-direction-nav .flex-next {
right: 0;
background: #000; width: 35px;
height: 35px;
font-size: 0;
cursor: pointer;
transition: all 0.6s;
opacity: 1;
margin: -17px 0 0 0;
}
.industries_slider #slider .flex-direction-nav .flex-next::before {
position: absolute;
left: 9px;
top: 12px;
content: "";
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/right-arrow-1.png) no-repeat 0 0 !important;
width: 31px;
height: 18px;
background-size: 20px !important;
background-position: 0px 0px;
}
.industries_slider #slider .flex-direction-nav .flex-prev::before {
position: absolute;
left: -2px;
top: 7px;
content: "";
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/right-arrow-1.png) no-repeat 0 0;
width: 31px;
height: 18px;
transform: rotate(180deg);
background-size: 20px !important;
background-position: 0px 0px;
}
.industries_slider #slider .flex-direction-nav .flex-prev {
left: 0;
background: #000;
width: 35px;
height: 35px;
font-size: 0;
cursor: pointer;
transition: all 0.6s;
opacity: 1;
margin: -17px 0 0 0;
}
.industries_slider #carousel {
display: none;
}
.industries_slider #slider .flex-direction-nav .flex-next, .industries_slider #slider .flex-direction-nav .flex-prev {
margin-top: -177px;
}
.form_container .form_box form .select-icon::before {
top: 14px;
left: 20px;
background-size: 20px;
}
}
.Whistleblower {
padding: 60px 0;
}
.Whistleblower h2 {
font-size: 40px;
line-height: 45px;
color: #000;
font-family: "proxima_novabold";
}
.Whistleblower figure img {
width: 100%;
}
.Whistleblower p {
font-size: 20px;
line-height: 25px;
color: #000;
font-family: "proxima_novaregular";
margin-bottom: 25px;
}
.Whistleblower p a {
background: #383086;
font-size: 20px;
line-height: 30px;
color: #fff;
border: none;
font-family: "proxima_novasemibold";
text-transform: capitalize;
padding: 7px 20px;
min-width: 120px;
text-align: center;
border-radius: 8px;
transition: all 0.6s;
justify-content: center;
margin-left: 15px;
}
.Whistleblower p a:hover {
background: #000;
color: #fff;
}
@media (max-width: 1280px) {
.who_we_are_container {
margin: 0;
}
.who_we_are_container .row .who_we_are img {
width: 100%;
}
.products {
padding-top: 0;
}
.products .product_tabs .tab-links {
flex-wrap: wrap;
}
.products .product_tabs .tab-links li {
display: flex;
margin-bottom: 10px;
}
.inquiry_container {
padding-top: 0;
padding-bottom: 20px;
}
}
@media (max-width: 1025px) {
.home_slider .slick-dots {
bottom: 25px;
}
.home_slider figure .circle {
width: 350px;
height: 350px;
}
}
@media (max-width: 767px) {
.inquiry_container .form_box {
padding: 25px 0;
}
.inquiry_container h2 {
font-size: 30px;
line-height: 40px;
}
.Whistleblower p {
font-size: 18px;
line-height: 30px;
margin-bottom: 15px;
}
.Whistleblower .row {
flex-direction: column-reverse;
}
}
.banner {
width: 100%;
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/consultancy-banner.jpg) no-repeat 0 0;
background-size: cover;
padding: 20px 0;
}
.banner .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.banner .container h1 {
color: #fff;
font-size: 50px;
line-height: 55px;
font-family: "proxima_novabold";
margin: 0;
}
.banner .container img {
max-height: 310px;
}
.breadcrumb {
width: 100%;
background: #fff;
padding: 30px 15px;
margin: 0;
}
.breadcrumb ul {
float: left;
width: 100%;
list-style: none;
display: flex;
}
.breadcrumb ul li {
color: #B8B8B8;
font-size: 16px;
line-height: 20px;
padding: 0 20px;
position: relative;
font-family: "proxima_novasemibold";
}
.breadcrumb ul li a {
color: #7A6CAE;
}
.breadcrumb ul li:before {
position: absolute;
left: -4px;
top: 7px;
content: "";
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/brd-arrow.png) no-repeat 0 0;
width: 12px;
height: 9px;
}
.breadcrumb ul li:first-child {
padding-left: 0;
}
.breadcrumb ul li:first-child::before {
content: none;
}
.list-container {
width: 100%;
padding: 80px 0 40px 0;
}
.list-container .inner {
display: flex;
margin-bottom: 100px;
justify-content: space-between;
}
.list-container .inner figure {
float: left;
width: 40%;
position: relative;
margin: 0;
}
.list-container .inner figure span {
position: absolute;
top: -35px;
right: -35px;
color: #392F87;
font-size: 45px;
line-height: 45px;
font-family: "proxima_novabold";
background: #fff;
padding: 15px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px 1px;
}
.list-container .inner figure img {
float: left;
max-width: 100%;
max-height: 100%;
width: 100%;
}
.list-container .inner .text-box {
float: left;
width: 60%;
padding-left: 85px;
}
.list-container .inner .text-box h3 {
color: #392F87;
}
.list-container .inner.swap {
display: flex;
flex-direction: row-reverse;
}
.list-container .inner.swap figure img {
float: right;
}
.list-container .inner.swap figure span {
left: -35px;
right: auto;
}
.list-container .inner.swap .text-box {
width: 55%;
padding: 0 85px 0 0;
}
.explore {
padding: 12px 30px;
width: 140px;
color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.banner h3 {
font-size: 40px;
line-height: 45px;
}
.container {
max-width: 100%;
}
.list-container .inner figure span {
top: -35px;
right: -35px;
padding: 15px;
}
.list-container .inner .text-box {
padding-left: 50px;
}
.list-container .inner .text-box h3 {
font-size: 30px;
line-height: 35px;
}
.list-container .inner.swap .text-box {
padding: 0 50px 0 0;
}
.list-container .inner figure {
margin: 0 35px 0 0;
}
}
@media only screen and (max-width: 767px) {
body {
font-size: 18px;
line-height: 25px;
}
.list-container .inner figure {
width: 100%;
margin: 0;
}
.list-container .inner .text-box, .list-container .inner.swap .text-box {
float: left;
width: 100%;
padding: 0;
}
.list-container .inner, .list-container .inner.swap {
display: flex;
margin-bottom: 50px;
justify-content: space-between;
flex-direction: column;
}
.list-container .inner figure {
width: 100%;
margin: 0 0 25px 0;
}
.list-container .inner .text-box h3 {
font-size: 25px;
line-height: 30px;
}
.list-container .inner figure span {
top: 10px;
left: 10px;
right: auto;
font-size: 25px;
line-height: 30px;
border-radius: 100%;
}
.list-container .inner.swap figure span {
left: 10px;
top: 10px;
}
.banner .container h1 {
font-size: 25px;
line-height: 30px;
text-align: center;
margin-bottom: 20px;
}
.banner .container > img {
max-height: 200px;
}
.blue-bar span {
font-size: 15px;
text-align: center;
width: 100%;
display: flex;
}
.breadcrumb {
padding: 15px 0;
margin: 0;
}
.breadcrumb ul li {
font-size: 13px;
line-height: 20px;
padding: 0 13px;
}
.list-container .inner figure img {
max-width: 100%;
max-height: inherit;
width: 100%;
}
}
.service-list {
padding: 80px 0 0 0;
}
.service-list h2 {
font: 40px/50px "proxima_novabold";
color: #000;
}
.service-list p {
color: #444444;
font: 20px/30px "proxima_novaregular";
margin-bottom: 55px;
}
.service-list .service-box {
margin-bottom: 100px;
}
.service-list .service-box figure {
position: relative;
}
.service-list .service-box .text-box {
background: #383086;
padding: 25px;
position: relative;
top: 25px;
left: 50px;
padding-right: 80px;
}
.service-list .service-box .text-box span {
width: 121px;
height: 67px;
color: #383086;
font: 49px/60px "proxima_novabold";
background: #fff;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.service-list .service-box .text-box h3 {
font: 40px/50px "proxima_novabold";
color: #fff;
}
.service-list .service-box .text-box p {
font: 25px/35px "proxima_novaregular";
color: #fff;
}
.service-list .service-box .text-box a {
width: 100px;
height: 30px;
background: #fff;
border-radius: 40px;
text-align: center;
color: #383086;
font: 14px/30px "proxima_novabold";
display: block;
transition: all 0.3s;
}
.service-list .service-box .text-box a:hover {
background: #383086;
color: #fff;
border: 1px solid #fff;
}
.service-list .service-box:nth-child(3), .service-list .service-box:nth-child(5) {
flex-direction: row-reverse;
}
.service-list .service-box:nth-child(3) .text-box, .service-list .service-box:nth-child(5) .text-box {
position: relative;
top: 25px;
left: -50px;
padding-left: 80px;
}
.product-section {
padding: 60px 0;
}
.product-section .box {
margin-bottom: 150px;
}
.product-section .box h3 {
margin-bottom: 20px;
font-family: "proxima_novabold";
font-size: 40px;
line-height: 50px;
}
.product-section .box p {
font-size: 20px;
line-height: 30px;
color: #000;
font-family: "proxima_novaregular";
}
.product-section .box figure {
border-radius: 40px;
border: 1px solid #707070;
transition: all 0.3s;
}
.product-section .box figure img {
width: 100%;
border-radius: 40px;
}
.product-section .box figure:hover {
box-shadow: 2px -1px 25px rgba(0, 0, 0, 0.2);
}
.product-section .box a {
background: #fff;
color: #383086;
padding: 10px 25px;
text-align: center;
font-size: 24px;
line-height: 30px;
width: 185px;
height: 50px;
border: 1px solid #383086;
border-radius: 25px;
font-family: "proxima_novaregular";
transition: all 0.3s;
border: 2px solid #383086;
float: right;
}
.product-section .box a:hover {
border: 2px solid #383086;
background: #383086;
color: #fff;
}
.main-content {
padding: 60px 0;
}
.main-content .nav-pills {
width: 25%;
border: 1px solid #BEBEBE;
}
.main-content .nav-pills .nav-link {
text-align: left;
position: relative;
border-bottom: 1px solid #BEBEBE;
padding: 10px 15px;
border-radius: 0;
font: 20px/30px "proxima_novaregular";
color: #000;
}
.main-content .nav-pills .nav-link a {
color: #000;
}
.main-content .tab-content {
width: 74%;
border: 1px solid #848484;
padding: 25px;
}
.main-content .tab-content h2 {
font: 40px/50px "proxima_novabold";
color: #000;
}
.main-content .tab-content .service-box h2 {
font: 40px/50px "proxima_novabold";
color: #000;
}
.main-content .tab-content .service-box p {
font-size: 20px;
line-height: 40px;
color: #000;
margin-bottom: 30px;
}
.main-content .tab-content .Product-box-tab p {
font-size: 20px;
line-height: 27px;
color: #000;
}
.main-content .tab-content .Product-box-tab ul {
display: flex;
list-style-type: none;
border: 1px solid #8F8F8F;
margin-bottom: 25px;
}
.main-content .tab-content .Product-box-tab ul li {
border-right: 1px solid #8f8f8f;
width: 33.3%;
}
.main-content .tab-content .Product-box-tab ul a {
text-align: center;
display: block;
font: 40px/50px "proxima_novabold";
padding: 5px 0;
color: #000;
}
.main-content .tab-content .Product-box-tab .table-box {
background: #F6F6F6;
padding: 20px;
margin-top: 30px;
}
.main-content .tab-content .Product-box-tab .table-box h3 {
color: #383086;
font: 40px/50px "proxima_novasemibold";
margin-bottom: 25px;
}
.main-content .tab-content .Product-box-tab .table-box table thead th {
background: #000;
padding: 10px 15px;
color: #fff;
text-align: center;
font: 22px/40px "proxima_novasemibold";
}
.main-content .tab-content .Product-box-tab .table-box table tbody tr td {
text-align: center;
color: #000;
font-size: 18px;
padding: 10px 15px;
border-right: 1px solid #C4C4C4;
border-bottom: 1px solid #C4C4C4;
}
.main-content .tab-content .Product-box-tab .table-box table tbody tr td:first-child {
background: #383086;
border: none !important;
text-align: center;
color: #fff;
font-size: 18px;
padding: 10px 15px;
}
.main-content .nav-pills .nav-link.active, .main-content .nav-pills .nav-link:hover {
background-color: #383086;
color: #fff;
}
.main-content .nav-pills .nav-link.active a, .main-content .nav-pills .nav-link:hover a {
color: #fff;
}
.main-content .nav-pills .nav-link.active:before, .main-content .nav-pills .nav-link:hover:before {
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/tab-arrow.png) left center no-repeat;
width: 19px;
height: 22px;
display: block;
content: "";
}
.main-content .tab-content .Product-box-tab ul li:last-child {
border-right: none;
}
.main-content .tab-content .Product-box-tab ul li a.active {
background: #383086;
color: #fff;
}
@media (max-width: 1368px) {
.circle_container .circle {
width: 200px;
height: 200px !important;
padding-top: 10px;
}
.circle_container .circle p {
margin-bottom: 0;
}
.circle_container .circle span {
font-size: 16px;
}
}
footer {
width: 100%;
background: #002739;
padding: 40px 0;
}
footer .top_footer {
padding-top: 30px;
width: 100%;
color: #fff;
}
footer .top_footer h5 {
color: #7A6CAE;
font-size: 30px;
line-height: 32px;
margin-bottom: 20px;
font-family: "proxima_novabold";
}
footer .top_footer p {
font-size: 14px;
margin-bottom: 10px;
}
.copy_right {
color: #7A6CAE;
margin-bottom: 20px;
display: inline-block;
}
.footer_logo {
max-width: 100%;
margin-bottom: 15px;
}
footer .top_footer ul {
width: 100%;
list-style: none;
}
footer .top_footer ul li {
width: 100%;
color: #fff;
font-size: 14px;
line-height: 35px;
font-family: "proxima_novaregular";
}
footer .top_footer ul li a {
color: #fff;
transition: all 0.6s;
position: relative;
left: 0;
}
footer .top_footer ul li a:hover {
left: 8px;
}
footer .top_footer ul.address {
width: 100%;
}
footer .top_footer ul.address li {
padding-bottom: 15px;
display: flex;
}
footer .top_footer ul.address li label {
font-size: 14px;
line-height: 16px;
color: #7A6CAE;
font-family: "proxima_novabold";
}
footer .top_footer ul.address li label {
font-size: 14px;
line-height: 16px;
color: #7A6CAE;
font-family: "proxima_novabold";
margin: 8px 0 0 0;
min-width: 60px;
}
footer .top_footer ul.social_media {
width: 100%;
}
footer .top_footer ul.social_media {
width: 100%;
height: 100%;
text-align: left;
}
footer .top_footer ul.social_media li img {
max-width: 60px;
display: inline-block;
vertical-align: top;
}
footer .top_footer ul.social_media li a span {
position: absolute;
top: -24px;
}
footer .top_footer ul.social_media li {
margin-top: 7px;
position: relative;
line-height: 50px;
}
.career-box {
padding: 50px 0;
}
.career-box h2 {
font-size: 40px;
line-height: 45px;
color: #000;
font-family: "proxima_novabold";
margin-bottom: 25px;
}
.career-box p {
font-size: 20px;
color: #000;
margin-bottom: 30px;
}
.career-box ul li {
font-size: 20px;
color: #000;
position: relative;
padding-left: 25px;
}
.career-box ul li:before {
position: absolute;
left: 0;
top: 11px;
display: block;
content: "";
width: 10px;
height: 10px;
border-radius: 10px;
background: #383086;
}
.career-box .image-box img {
width: 100%;
}
.job-list {
padding: 50px 0 100px 0;
}
.job-list .job-slider .detail-box {
float: left;
width: 33.33%;
box-shadow: 7px 1px 8px rgba(0, 0, 0, 0.2);
border: 1px solid #707070;
margin: 0px 10px;
border-radius: 26px 26px 0 0;
}
.job-list .job-slider .detail-box figure img {
width: 100%;
border-radius: 26px 26px 0 0;
}
.job-list .job-slider .detail-box .content {
padding: 40px 20px 80px 20px;
background: #fff;
position: relative;
text-align: center;
}
.job-list .job-slider .detail-box .content h3 {
font-size: 26px;
line-height: 36px;
font-family: "proxima_novasemibold";
color: #000;
margin-bottom: 20px;
}
.job-list .job-slider .detail-box .content p {
font-size: 20px;
color: #000;
}
.job-list .job-slider .detail-box .content .apply-btn a {
position: absolute;
right: -9px;
bottom: -20px;
background: #383086;
border: 1px solid #383086;
font-size: 23px;
font-family: "proxima_novasemibold";
color: #fff;
text-transform: capitalize;
padding: 7px 20px;
min-width: 120px;
text-align: center;
border-radius: 8px;
transition: all 0.6s;
justify-content: center;
}
.job-list .job-slider .detail-box .content .apply-btn a:hover {
color: #383086;
background: #fff;
border: 1px solid #383086;
}
.job-list .job-slider .slick-list {
padding-bottom: 100px;
padding-top: 25px;
}
.job-list .job-slider .slick-prev, .job-list .job-slider .slick-next {
width: 50px;
height: 50px;
background: #fff;
bottom: -60px;
border: 1px solid #000;
top: unset;
right: 0;
border-radius: 12px;
display: flex;
justify-content: center;
align-items: center;
}
.job-list .job-slider .slick-prev {
left: unset !important;
right: 60px !important;
}
.job-list .job-slider .slick-prev:hover, .job-list .job-slider .slick-next:hover {
background: #000;
}
.job-list .job-slider .slick-prev:hover, .job-list .job-slider .slick-prev:focus,
.job-list .job-slider .slick-next:hover, .job-list .job-slider .slick-next:focus {
background: #000;
}
.job-list .job-slider .progress {
margin-top: 45px;
}
.job-list .job-slider .slick-prev:before {
opacity: 1;
font-size: 31px;
content: "";
display: block;
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/right-arrow-prev.png) center center no-repeat;
background-size: 25px auto;
width: 31px;
height: 18px;
}
.job-list .job-slider .slick-prev:hover:before {
opacity: 1;
font-size: 31px;
content: "";
display: block;
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/right-arrow-prev-hover.png) center center no-repeat;
background-size: 25px auto;
width: 31px;
height: 18px;
}
.job-list .job-slider .slick-next:before {
opacity: 1;
font-size: 31px;
content: "";
display: block;
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/right-arrow-next.png) center center no-repeat;
background-size: 25px auto;
width: 31px;
height: 18px;
}
.job-list .job-slider .slick-next:hover:before {
opacity: 1;
font-size: 31px;
content: "";
display: block;
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/itc/images/right-arrow-next-hover.png) center center no-repeat;
background-size: 25px auto;
width: 31px;
height: 18px;
}
.job-list .progress-area {
position: relative;
width: calc(100% - 131px);
}
.job-list .progress {
display: block;
width: 100%;
height: 11px !important;
border-radius: 0px !important;
overflow: hidden;
background-color: transparent;
background-image: linear-gradient(to right, #383086, #383086);
background-repeat: no-repeat;
background-size: 0 100%;
transition: background-size 0.4s ease-in-out;
position: relative;
z-index: 1;
}
.job-list .progress-area:before {
width: 100%;
height: 11px;
background: #CDCCCC;
content: "";
position: absolute;
left: 0;
top: 0px;
} .apply-now {
width: 100%;
padding: 50px 0px 0px;
position: relative;
border-bottom: 1px solid #fff;
}
.apply-now-outer {
position: relative;
display: flex;
width: 100%;
}
.apply-now-left-outer {
width: 50%;
}
.apply-now-left {
width: 100%;
padding-bottom: 100px;
float: left;
padding-right: 35px;
box-sizing: border-box;
max-width: 600px;
}
.apply-now-details {
width: 100%;
}
.apply-box {
width: 100%;
margin-bottom: 35px;
}
.apply-box h5 {
font-size: 20px;
font-family: "proxima_novabold";
line-height: 30px;
margin-bottom: 15px;
color: #000;
}
.apply-box p {
font-size: 20px;
font-family: "proxima_novaregular";
color: #000;
}
.apply-box ul li {
font-size: 20px;
font-family: "proxima_novaregular";
color: #000;
color: #4D4D4F;
position: relative;
padding-left: 20px;
margin-bottom: 15px;
list-style: none;
}
.apply-box ul {
margin-bottom: 0px;
padding-top: 5px;
}
.apply-box ul li:before {
position: absolute;
left: 0;
top: 10px;
content: "";
width: 10px;
height: 10px;
background: #383086;
border-radius: 100%;
}
.apply-now-right-outer {
position: relative;
top: 0;
right: 0px;
width: 50%;
height: 100%;
background: #fafbfe;
}
.apply-now-right {
float: left;
width: 495px;
background: #FAFBFE;
padding: 30px 53px 60px 50px;
}
.job-details {
float: left;
width: 100%;
margin-bottom: 30px;
}
.job-details h5 {
font-size: 20px;
line-height: 30px;
font-family: "proxima_novabold";
margin-bottom: 15px;
color: #000;
}
.job-details span {
display: inline-block;
font-size: 20px;
font-family: "proxima_novaregular";
color: #000;
}
.job-details span p, .job-details p {
font-size: 20px;
font-family: "proxima_novaregular";
color: #000;
}
.apply-now-right button {
background: #383086;
font-size: 20px;
line-height: 30px;
color: #fff;
border: none;
font-family: "proxima_novasemibold";
text-transform: capitalize;
padding: 7px 20px;
min-width: 120px;
text-align: center;
border-radius: 8px;
transition: all 0.6s;
justify-content: center;
cursor: pointer;
}
.apply-now-right a {
border: 1px solid #F26522;
color: #fff;
border-radius: 50px;
width: 200px;
height: 40px;
display: inline-block;
text-align: center;
font: 12px/40px "AvantGardeCE-Demi";
text-transform: uppercase;
transition: all ease 600ms;
z-index: 99;
position: relative;
margin-top: 20px;
background: #F26522;
cursor: pointer;
letter-spacing: 1.5px;
}
.apply-now-right button:hover {
box-shadow: inset 160px 0 0 0 rgba(0, 0, 0, 0.8);
color: #fff;
}
.apply-now-right button:focus {
outline: none;
}
.back-to-vacancies {
float: left;
width: 100%;
border-top: 1px solid #FAFBFE;
padding: 40px 0px;
}
.back-to-vacancies a {
display: inline-block;
font: 14px/15px "proxima_novaregular";
color: #21242B;
position: relative;
z-index: 99;
}
.back-to-vacancies a img {
margin-right: 10px;
transition: all ease 300ms;
position: relative;
top: -3px;
}
.back-to-vacancies a:hover img {
margin-right: 20px;
transition: all ease 300ms;
} #exampleModal1 .modal-dialog {
max-width: 1130px;
align-items: center;
height: 100%;
margin: 4.75rem auto;
}
#exampleModal1 .modal-content {
padding: 50px;
border-radius: 0px;
border: none;
max-width: 800px;
margin: 0 auto;
}
#exampleModal1 .modal-header {
display: block;
border-bottom: none;
margin-bottom: 0;
}
#exampleModal1 .modal-header h5 {
font-size: 40px;
font-family: "proxima_novasemibold";
line-height: 50px;
letter-spacing: -0.02em;
margin-bottom: 25px;
color: #21242B;
text-transform: capitalize;
}
#exampleModal1 .modal-header span {
display: inline-block;
font: 17px/26px "proxima_novasemibold";
color: #6B707E;
}
#exampleModal1 .modal-header .close {
top: 2px;
right: 2px;
position: absolute;
background: #fff;
opacity: 1;
width: 30px;
height: 30px;
border-radius: 100%;
z-index: 999;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
padding: 0px;
}
#exampleModal1 .modal-header .close:focus {
outline: none;
}
#exampleModal1 .modal-header .close span {
display: block;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
#exampleModal1 .modal-header .close span img {
width: 20px;
}
.form-contact {
float: left;
width: 100%;
text-align: left;
}
.form-contact form {
margin-left: -15px;
margin-right: -15px;
}
.form-left {
float: left;
width: 50%;
}
.form-right {
float: right;
width: 50%;
}
.form-box {
padding: 0px 15px;
}
.form-text-area {
padding: 0px 15px;
clear: left;
}
.form-contact .form-group {
margin-bottom: 30px;
position: relative;
}
.form-contact .form-control {
background: #F7F9FB;
border: none;
box-shadow: none;
height: 40px;
}
.form-contact .form-control:focus {
background-color: #F7F9FB;
border-color: transparent;
outline: 0;
box-shadow: none;
}
.form-contact textarea {
resize: none;
background: #F7F9FB;
border: none;
box-shadow: none;
height: 175px !important;
width: 100%;
padding: 15px;
color: #495057;
}
.form-contact label {
text-transform: uppercase;
color: #6B707E;
font: 13px/16px "proxima_novabold";
display: block;
font-weight: 400;
}
.success-message {
width: 100%;
padding-left: 15px;
display: flex;
}
.form-contact .btn-primary {
background: #383086;
font-size: 20px;
line-height: 30px;
color: #fff;
border: none;
font-family: "proxima_novabold";
text-transform: capitalize;
padding: 7px 20px;
min-width: 120px;
text-align: center;
border-radius: 8px;
transition: all 0.6s;
justify-content: center;
cursor: pointer;
}
.form-contact .btn-primary:hover {
box-shadow: inset 160px 0 0 0 rgba(0, 0, 0, 0.8);
color: #fff;
}
.form-contact .btn-primary:focus {
box-shadow: none !important;
}
.form-contact button.btn-primary:not(:disabled):not(.disabled):active {
color: #F26522;
background-color: #fff;
border-color: #F26522;
}
.file-upload-wrapper {
height: 60px;
position: relative;
width: 100%;
}
.file-upload-wrapper input {
background: #F7F9FB;
height: 65px;
position: relative;
z-index: 99;
width: 100%;
padding: 18px;
}
.file-upload-wrapper:after {
content: attr(data-text);
font-size: 18px;
position: absolute;
top: 0;
left: 0;
background: #fff;
padding: 10px 15px;
display: block;
width: calc(100% - 40px);
pointer-events: none;
z-index: 20;
color: #999;
border-radius: 5px 10px 10px 5px;
font-weight: 300;
}
.file-upload-wrapper:before {
content: "Upload";
position: absolute;
top: 0;
right: 0;
display: inline-block;
height: 60px;
color: #fff;
font-weight: 700;
z-index: 25;
font-size: 16px;
padding: 0 15px;
text-transform: uppercase;
pointer-events: none;
border-radius: 0 5px 5px 0;
}
span.file-label {
display: none;
}
.form-contact label span {
color: red;
font-size: 16px;
}
.modal {
z-index: 9999;
}
.Get-in-touch-form.get-prequalification-form {
padding: 0;
width: 100%;
}
.full {
width: 100% !important;
}
.Get-in-touch-form.get-prequalification-form .wpcf7 {
padding: 0 !important;
width: 100% !important;
}
@media (max-width: 767px) {
.career-box .image-box {
margin-bottom: 25px;
}
.job-list {
padding-top: 0;
}
.career-box h2 {
font-size: 30px;
line-height: 40px;
margin-bottom: 15px;
}
.career-box p {
font-size: 18px;
}
.abut-cont {
padding: 25px 15px;
}
.abut-cont h3 {
font-size: 24px;
line-height: 34px;
}
.abut-cont p {
padding: 0;
}
.abut-cont .col.mission, .abut-cont .col.vision {
text-align: center;
width: 100%;
flex: inherit;
}
.abut-cont-top {
padding-bottom: 0;
}
.about-cont-bottom {
padding-top: 25px;
}
.customer-supplier-tab .product_tabs .tab-links li a {
font-size: 20px;
line-height: 30px;
}
.apply-now-outer {
flex-wrap: wrap;
}
.apply-now-left-outer, .apply-now-right-outer {
width: 100%;
}
.apply-now-right-outer {
margin-bottom: 60px;
}
.apply-now-left {
max-width: 100%;
padding-bottom: 0px;
padding-right: 0;
}
.apply-now-right {
width: 100%;
padding: 20px;
}
}
.contact-detail {
padding: 60px 0;
}
.contact-detail .row {
align-items: inherit;
}
.contact-detail .row h2 {
font-size: 40px;
line-height: 45px;
color: #000;
font-family: "proxima_novabold";
}
.contact-detail .row .inquiry_container {
padding: 0;
border-radius: 0 50px 50px 0;
border: 1px solid #000;
width: 66%;
}
.contact-detail .row .inquiry_container h3 {
text-align: left;
font-family: "proxima_novabold";
margin-bottom: 15px;
}
.contact-detail .row .inquiry_container .form_box {
border-radius: 0 50px 50px 0;
}
.contact-detail .row .left-address {
width: 100%;
padding: 30px;
background: #383086;
border-radius: 50px 0 0 50px;
height: 100%;
}
.contact-detail .row .left-address h3, .contact-detail .row .left-address p {
color: #fff !important;
padding: 0 !important;
font-weight: normal !important;
}
.contact-detail .row .left-address ul {
width: 100%;
list-style: none;
margin: 20px 0 0 0;
}
.contact-detail .row .left-address ul li {
width: 100%;
color: #fff;
padding: 0 0 0 0px;
position: relative;
margin-bottom: 30px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.contact-detail .row .left-address ul li a {
color: #fff;
}
.contact-detail .row .left-address ul li span {
display: flex;
}
.contact-detail .row .left-address ul li span img {
filter: brightness(0) invert(1);
max-width: 30px;
margin-right: 15px;
}
.contact-detail .row .left-address ul:last-child {
margin-bottom: 0;
}
.location-map {
width: 100%;
padding-bottom: 60px;
}
.location-map iframe {
width: 100%;
}
.page-not-found {
text-align: center;
padding: 80px 0;
}
.page-not-found a {
background: #383086;
border: 1px solid #383086;
font-size: 23px;
font-family: "proxima_novasemibold";
color: #fff;
text-transform: capitalize;
padding: 10px 30px;
min-width: 120px;
text-align: center;
border-radius: 8px;
transition: all 0.6s;
margin-top: 15px;
display: inline-block;
}
@media (max-width: 767px) {
.contact-detail .row .inquiry_container {
width: 100%;
border-radius: 0;
padding: 0 15px;
}
.contact-detail .row .left-address {
border-radius: 0;
padding: 15px;
}
}
body {
overflow-x: hidden;
}
body {
font-size: 20px;
line-height: 25px;
font-family: "proxima_novaregular";
}
h3 {
font-size: 40px;
line-height: 45px;
color: #000;
margin-bottom: 25px;
font-family: "proxima_novabold";
}
.purple-color {
color: #7A6CAE !important;
}
.head-title h2 {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 121%; text-transform: uppercase;
padding-bottom: 10px;
color: #264796;
display: flex;
align-items: flex-end;
}
.head-title h2 span {
width: 65px;
height: 2px;
background: #E31E24;
margin-left: 5px;
}
.head-title h3 {
font-style: normal;
font-weight: 600;
font-size: 55px;
line-height: 40px; color: #000000;
}
.breadcrumb {
display: flex;
clear: both;
margin: 25px 0;
}
.breadcrumb ul {
display: flex;
}
.breadcrumb ul li {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #8B8B8B;
margin-right: 15px;
}
.breadcrumb ul li a {
color: #222222;
}
.Privacy-content {
padding-bottom: 50px;
}
.Privacy-content h2 {
margin-bottom: 25px;
}
.Privacy-content p {
margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 90%;
margin-left: 0%;
}
}
@media screen and (max-width: 769px) {
.head-title h2 {
padding-bottom: 10px;
}
.head-title h3 {
font-size: 45px;
}
}