.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;
}
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%;
height: 100%;
padding: 0;
margin: 0;
font-family: "proxima_novaregular";
}
.cf:before, .cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
zoom: 1;
}
header {
position: relative;
left: 0;
top: 0;
width: 100%;
padding: 15px 0 0 0;
transition: all ease 600ms;
z-index: 9;
background: #000;
}
header .slicknav_menu {
display: none;
}
header .container-fluid {
padding: 0px !important;
}
header .container-fluid .row {
margin: 0;
}
header .container-fluid .row .logo img {
max-width: 340px;
}
header .container-fluid .row #search-form {
display: none;
}
header .container-fluid .row .button-row {
display: flex;
justify-content: flex-end;
align-items: center;
}
header .container-fluid .row .button-row .btn-group {
display: flex;
margin-right: 0px;
}
header .container-fluid .row .button-row .btn-group a {
font-size: 16px;
line-height: 20px;
color: #fff;
padding: 10px 30px;
font-family: "proxima_novasemibold";
transition: all 0.3s;
}
header .container-fluid .row .button-row .btn-group a:hover {
background: #383086;
border: 1px solid #383086;
}
header .container-fluid .row .button-row .btn-group .landing {
background: #000;
border-radius: 28px 0 0 28px;
border: 1px solid #fff;
}
header .container-fluid .row .button-row .btn-group .gulfnet-itc {
border-radius: 0 28px 28px 0;
border: 1px solid #fff;
}
header .container-fluid .row .button-row .enquiry {
display: inline-block;
padding: 10px 15px;
text-align: center;
font-size: 16px;
line-height: 20px;
background: #F0F0F0;
color: #383086;
min-width: 180px;
border-radius: 25px;
transition: all ease 600ms;
font-family: "proxima_novasemibold";
}
header .container-fluid .row .button-row .enquiry img {
max-width: 25px;
position: relative;
top: 0px;
left: 5px;
}
header .container-fluid .row .main_menu {
width: 100%;
list-style: none;
display: flex;
height: 100%;
align-items: center;
}
header .container-fluid .row .main_menu li {
width: auto;
font-family: "Tahoma";
position: relative;
}
header .container-fluid .row .main_menu li.active a {
color: #383086;
}
header .container-fluid .row .main_menu li a {
color: #000;
transition: all 0.3s;
font-size: 18px;
line-height: 20px;
display: block;
padding: 23px 15px;
font-weight: 700;
}
header .container-fluid .row .main_menu li a:hover {
color: #383086;
}
header .container-fluid .row .main_menu li .submenu {
position: absolute;
top: 100%;
left: 0px;
background: #F0F0F0;
width: 850px;
display: none;
padding: 40px 51px;
float: left;
height: auto;
border-radius: 0px 0 20px 20px;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}
header .container-fluid .row .main_menu li:hover .submenu {
display: flex;
flex-wrap: wrap;
}
header .container-fluid .row .main_menu li:hover .submenu li {
width: 50%;
padding: 0px;
margin: 0px;
position: relative;
padding-left: 35px;
padding-bottom: 20px;
padding-right: 15px;
}
header .container-fluid .row .main_menu li:hover .submenu li a {
font: 15px/15px "proxima_novabold";
color: #262626 !important;
display: block;
padding: 0px;
}
header .container-fluid .row .main_menu li:hover .submenu li a:hover {
text-decoration: underline !important;
}
header .container-fluid .row .main_menu li:hover .submenu li:after {
width: 13px;
height: 13px;
background: #383086;
content: "";
position: absolute;
left: 0px;
top: 0px;
border-radius: 13px;
}
header .container-fluid .row .main_menu li:last-child .submenu {
width: 300px;
padding: 35px 20px;
}
header .container-fluid .row .social_media {
display: flex;
width: 100%;
list-style: none;
justify-content: flex-end;
align-items: center;
border-right: 1px solid #383086;
margin-right: 20px;
}
header .container-fluid .row .social_media li {
padding: 0 15px;
}
header .container-fluid .row input[type=search] {
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/images/search_icon.png) no-repeat 0 0;
width: 40px;
height: 40px;
border: 0;
background-size: 40px;
}
header .container-fluid .row .nav_row {
background: #F0F0F0;
padding: 0px 0;
width: 100%;
display: flex;
margin: 20px 0 0 0;
align-items: center;
}
header .container-fluid .row .nav_row .last {
display: flex;
justify-content: flex-end;
padding-right: 15px;
}
header .container-fluid .row .nav_row .last #search-button {
padding: 0;
border: none;
}
header .container-fluid .row .nav_row .last #search-form {
margin-bottom: 0;
}
header .container-fluid .row .nav_row .last #search-form input {
height: 46px;
border-radius: 5px 0 0 5px !important;
}
header .container-fluid .row .nav_row .last #search-form input[type=submit] {
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/images/search_icon.png) left top no-repeat;
display: block;
border: none;
width: 46px;
height: 46px;
font-size: 0;
}
header .container-fluid header.fixed-header {
position: fixed;
left: 0;
top: 0;
width: 100%;
padding: 10px 0 0 0;
background: rgb(0, 0, 0);
}
header .container-fluid header.fixed-header .enquiry {
padding: 8px 15px;
font-size: 14px;
line-height: 20px;
min-width: 150px;
}
header .container-fluid header.fixed-header .logo img {
max-width: 240px;
}
header .container-fluid header.fixed-header .nav_row {
padding: 5px 0;
}
header .container-fluid header.fixed-header .nav_row ul li {
font-size: 14px;
line-height: 16px;
}
header.fixed-header {
position: fixed;
left: 0;
top: 0;
width: 100%;
padding: 10px 0 0 0;
background: rgb(0, 0, 0);
}
.search-page {
padding: 40px 0;
}
.search-page .search-list {
padding: 60px;
border: 1px solid #BEBEBE;
}
.search-page .search-list h2 {
color: #383086;
font-size: 40px;
line-height: 50px;
font-family: "proxima_novabold";
margin-bottom: 25px;
}
.search-page .search-list .search-box {
display: flex;
align-items: center;
border-bottom: 1px solid #BEBEBE;
padding: 35px 0 20px 0;
}
.search-page .search-list .search-box figure {
min-width: 140px;
height: 140px;
width: 140px;
display: flex;
align-items: center;
border: 1px solid #707070;
margin-bottom: 20px;
margin-right: 20px;
}
.search-page .search-list .search-box figure img {
width: 100%;
}
.search-page .search-list .search-box h3 {
color: #383086;
font-size: 30px;
line-height: 40px;
font-family: "proxima_novabold";
}
.search-page .search-list .search-box h3 a {
color: #383086;
}
.search-page .gulfnet-bulletin-pagination {
width: 100%;
display: flex;
justify-content: flex-end;
margin-top: 20px;
}
.search-page .gulfnet-bulletin-pagination ul {
display: flex;
justify-content: flex-end;
}
.search-page .gulfnet-bulletin-pagination ul li {
margin-right: 3px;
}
.search-page .gulfnet-bulletin-pagination ul li a {
width: 39px;
height: 39px;
border: 1px solid #707070;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
font: 1 "proxima_novaregular";
color: #000;
font-weight: 500;
}
.search-page .gulfnet-bulletin-pagination ul li.active a {
color: #fff;
background: #383086;
}
@media (max-width: 991px) {
header .main_menu li a {
font-size: 16px;
}
header .container-fluid .row .logo img {
max-width: 240px;
}
header .slicknav_menu {
display: block;
}
.nav-menu {
display: none;
}
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;
}
header .slicknav_menu .slicknav_icon {
width: auto;
height: auto;
}
.slicknav_nav .slicknav_row {
border-color: #707070 !important;
}
header .slicknav_nav .slicknav_arrow {
font-size: 12px;
}
header .slicknav_nav a {
border-color: #707070 !important;
color: #000 !important;
font-family: "proxima_novasemibold";
}
header ul li ul {
position: sticky !important;
box-shadow: none !important;
border-radius: 0 !important;
display: block;
width: 100%;
}
header ul li ul li {
width: 100%;
}
header ul li ul {
padding: 20px 20px 0;
}
header ul li ul li a {
border-bottom: none !important;
}
header .slicknav_nav {
top: 55px;
overflow: auto;
max-height: 450px;
border: none;
background: #fff;
}
header ul li a::after {
height: 1px;
bottom: -1px;
}
header .slicknav_menu .slicknav_btn {
padding: 17px 12px 13px;
margin-top: -5px;
min-height: 46px;
border-radius: 5px;
}
header .container-fluid .row .nav_row {
padding: 10px 0;
margin-top: 10px;
}
header .container-fluid .row .nav_row .last {
width: 100%;
}
header .container-fluid .row .nav_row .last .navbar-form {
margin-right: 45px;
position: relative;
z-index: 999;
}
.search-page .search-list {
padding: 25px;
}
.search-page .search-list .search-box figure {
width: 100px;
height: 100px;
min-width: 100px;
}
}
@media (max-width: 767px) {
header .container-fluid .row .button-row .btn-group a {
padding: 5px 15px;
}
header .container-fluid .row .button-row {
justify-content: center;
margin-top: 10px;
}
.search-page .search-list .search-box h3 {
font-size: 24px;
line-height: 34px;
}
}
.inner-banner {
background: linear-gradient(300deg, rgb(255, 255, 255) 0%, rgb(28, 14, 225) 100%);
}
.inner-banner .container-fluid {
padding: 0px !important;
}
.inner-banner .container-fluid .row {
display: flex;
align-items: center;
margin: 0;
}
.inner-banner .container-fluid .row figure {
margin-bottom: 0;
position: relative;
}
.inner-banner .container-fluid .row figure img {
width: 100%;
border-radius: 0;
}
.inner-banner .container-fluid .row figure figcaption {
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
display: flex;
align-items: flex-end;
padding-bottom: 25px;
justify-content: flex-start;
}
.inner-banner .container-fluid .row figure figcaption .head-title {
background: rgba(56, 48, 134, 0.5);
border-radius: 0px 150px 150px 0;
padding: 20px 20px 20px 50px;
width: auto;
min-width: 450px;
}
.inner-banner .container-fluid .row figure figcaption .head-title h1 {
text-align: center;
color: #fff;
font-family: "proxima_novasemibold";
font-size: 50px;
padding: 0 15px;
line-height: 50px;
}
@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,
.inner-banner .container-fluid .row figure figcaption .head-title h1 {
font-size: 30px;
line-height: 40px;
}
.inner-banner .container-fluid .row figure figcaption .head-title {
width: 90%;
padding: 20px;
min-width: 90%;
}
}
.home_slider {
width: 100%;
position: relative;
margin-bottom: 0 !important;
height: calc(100% - 194px);
}
.home_slider .slick-list, .home_slider .slick-track, .home_slider .slick-slide {
height: 100%;
}
.home_slider figure {
width: 100%;
height: 100%;
margin: 0;
position: relative;
}
.home_slider figure img {
width: 100%;
margin: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.home_slider figure .circle {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0px 70px 0 0px;
color: #fff;
position: absolute;
left: 0;
top: 0;
}
.home_slider figure .circle .box {
background: rgba(56, 48, 134, 0.5);
border-radius: 0px 150px 150px 0;
padding: 20px 20px 20px 50px;
}
.home_slider figure .circle .box p {
color: #fff;
font-size: 16px;
line-height: 20px;
font-family: "proxima_novaregular";
}
.home_slider figure .circle .box span {
margin: 0px 0 20px 0;
width: 100%;
display: block;
color: #fff;
font-size: 25px;
line-height: 30px;
font-family: "proxima_novaregular";
}
.home_slider figure .circle .box a {
color: #fff;
font-size: 16px;
line-height: 20px;
font-family: "proxima_novaregular";
display: flex;
}
.home_slider figure .circle .box a img {
height: 12px;
width: auto;
position: relative;
top: 5px;
left: 7px;
}
.home_slider .slick-dots {
display: flex;
width: 100%;
justify-content: center;
list-style: none;
position: absolute;
bottom: 20px;
}
.home_slider .slick-dots li {
padding: 0px;
margin: 0 5px;
}
.home_slider .slick-dots li button {
border: 0;
padding: 0;
border-radius: 15px;
background: #fff;
width: 15px !important;
height: 15px;
cursor: pointer;
display: flex;
}
.home_slider .slick-dots li button:before {
display: none;
}
.home_slider .slick-dots li:hover button {
background: #383086;
}
.home_slider .slick-dots li.slick-active button {
background: #383086;
}
.who_we_are_container {
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/images/who_we_are_bg.png) no-repeat 0 0;
padding: 40px 0;
background-size: 100% auto;
}
.who_we_are_container .row .who_we_are img {
border-radius: 25px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
margin: 0 auto;
display: block;
width: 100%;
}
.who_we_are_container .row .who_we_are span {
display: inline-block;
width: 100%;
text-align: center;
padding: 20px 0 0 0;
}
.who_we_are_container .row .text_box {
padding-left: 25px;
padding-right: 50px;
margin-top: 30px;
}
.who_we_are_container .row .text_box h1 {
font-family: "proxima_novabold";
}
.who_we_are_container .row .text_box p {
font-size: 20px;
line-height: 36px;
color: #000;
font-family: "proxima_novaregular";
}
.who_we_are_container .row .text_box h3 {
margin: 0;
padding: 30px 0 20px;
}
.who_we_are_container .row .text_box .explore {
font-size: 16px;
line-height: 20px;
color: #383086;
font-family: "proxima_novabold";
}
.who_we_are_container .row .text_box .explore img {
max-height: 15px;
position: relative;
top: -2px;
left: 2px;
transition: all 0.3s;
left: 0;
}
.who_we_are_container .row .text_box .explore:hover img {
left: 5px;
}
.products {
width: 100%;
position: relative;
padding: 40px 0px;
}
.products h2 {
text-align: center;
margin-bottom: 35px;
color: #000;
font-size: 40px;
line-height: 50px;
font-family: "proxima_novabold";
}
.products .row {
justify-content: center;
}
.products .row figure {
margin-bottom: 30px;
border: 1px solid #000;
border-radius: 25px;
position: relative;
}
.products .row figure img {
width: 100%;
height: 300px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 25px;
}
.products .row figure figcaption {
position: absolute;
top: 0%;
left: -100%;
width: 0;
height: 100%;
display: none;
transition: all 0.3s;
align-items: center;
justify-content: center;
border-radius: 25px;
background: rgba(56, 48, 134, 0.8);
}
.products .row figure figcaption .text-box {
padding: 25px;
text-align: center;
}
.products .row figure figcaption .text-box h3 {
color: #fff;
}
.products .row figure figcaption .text-box p {
color: #fff;
display: none;
}
.products .row figure figcaption .text-box a {
color: #fff;
}
.products .row figure figcaption .text-box a img {
width: auto;
height: auto;
position: relative;
left: 10px;
transition: all 0.3s;
}
.products .row figure figcaption .text-box a:hover img {
left: 15px;
}
.products .row figure:hover figcaption {
display: flex;
width: 100%;
left: 0;
}
.products.product-home .row figure img {
height: 150px;
}
.products.product-home .row figure figcaption .text-box p {
display: none;
}
.inquiry_container {
width: 100%;
padding: 0px 0 0px 0;
}
.inquiry_container h2 {
text-align: center;
font-family: "proxima_novabold";
font-size: 40px;
line-height: 50px;
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/images/upload_icon.png) no-repeat right 15px;
padding-bottom: 20px;
background-size: 20px;
border-bottom: 1px solid #262626;
}
.Whistleblower {
padding: 40px 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: 30px;
color: #000;
font-family: "proxima_novaregular";
margin-bottom: 30px;
}
.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;
}
.abut-cont {
padding: 60px;
background: #F6F5FF;
}
.abut-cont figure {
border: 1px solid #707070;
margin-bottom: 20px;
}
.abut-cont figure img {
width: 100%;
}
.abut-cont .col.mission, .abut-cont .col.vision {
text-align: center;
}
.abut-cont h3 {
font: 50px/50px "proxima_novabold";
color: #000;
}
.abut-cont p {
font: 20px/36px "proxima_novaregular";
color: #000;
padding: 0 40px;
}
.abut-cont-top {
padding-bottom: 35px;
border-bottom: 2px solid #707070;
}
.about-cont-bottom {
padding-top: 60px;
text-align: center;
}
.about-cont-bottom h3 {
padding-bottom: 25px;
}
.about-cont-bottom figure {
background: #fff;
border: none;
margin-bottom: 22px;
box-shadow: 0 9px 70px rgba(41, 41, 41, 0.2);
}
.about-cont-bottom figure img {
width: 100%;
}
.customer-supplier-tab {
padding: 50px 0 100px 0;
}
.customer-supplier-tab .product_tabs .tab-links {
display: flex;
border-bottom: 1px solid #707070;
}
.customer-supplier-tab .product_tabs .tab-links li {
margin-right: 25px;
}
.customer-supplier-tab .product_tabs .tab-links li a {
font: 30px/40px "Tahoma";
font-weight: 500;
color: #002C6C;
padding: 10px 25px;
display: flex;
}
.customer-supplier-tab .product_tabs .tab-links li.active a {
background: #383086;
color: #fff;
border-radius: 18px 18px 0 0;
}
.customer-supplier-tab .job-slider .detail-box {
float: left;
width: 33.33%;
margin: 0px 10px;
}
.customer-supplier-tab .job-slider .detail-box figure img {
width: 100%;
}
.customer-supplier-tab .job-slider .detail-box .content {
padding: 40px 20px 80px 20px;
background: #fff;
position: relative;
text-align: center;
}
.customer-supplier-tab .job-slider .detail-box .content h3 {
font-size: 26px;
line-height: 36px;
font-family: "proxima_novasemibold";
color: #000;
margin-bottom: 20px;
}
.customer-supplier-tab .job-slider .detail-box .content p {
font-size: 20px;
line-height: 30px;
color: #000;
}
.customer-supplier-tab .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;
}
.customer-supplier-tab .job-slider .detail-box .content .apply-btn a:hover {
color: #383086;
background: #fff;
border: 1px solid #383086;
}
.customer-supplier-tab .job-slider .slick-list {
padding-bottom: 100px;
padding-top: 25px;
}
.customer-supplier-tab .job-slider .slick-prev, .customer-supplier-tab .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;
}
.customer-supplier-tab .job-slider .slick-prev {
left: unset !important;
right: 60px !important;
}
.customer-supplier-tab .job-slider .slick-prev:hover, .customer-supplier-tab .job-slider .slick-next:hover {
background: #000;
}
.customer-supplier-tab .job-slider .slick-prev:hover, .customer-supplier-tab .job-slider .slick-prev:focus,
.customer-supplier-tab .job-slider .slick-next:hover, .customer-supplier-tab .job-slider .slick-next:focus {
background: #000;
}
.customer-supplier-tab .job-slider .progress {
margin-top: 45px;
}
.customer-supplier-tab .job-slider .slick-prev:before {
opacity: 1;
font-size: 31px;
content: "";
display: block;
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/images/right-arrow-prev.png) center center no-repeat;
background-size: 25px auto;
width: 31px;
height: 18px;
}
.customer-supplier-tab .job-slider .slick-prev:hover:before {
opacity: 1;
font-size: 31px;
content: "";
display: block;
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/images/right-arrow-prev-hover.png) center center no-repeat;
background-size: 25px auto;
width: 31px;
height: 18px;
}
.customer-supplier-tab .job-slider .slick-next:before {
opacity: 1;
font-size: 31px;
content: "";
display: block;
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/images/right-arrow-next.png) center center no-repeat;
background-size: 25px auto;
width: 31px;
height: 18px;
}
.customer-supplier-tab .job-slider .slick-next:hover:before {
opacity: 1;
font-size: 31px;
content: "";
display: block;
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/images/right-arrow-next-hover.png) center center no-repeat;
background-size: 25px auto;
width: 31px;
height: 18px;
}
.customer-supplier-tab .progress-area {
position: relative;
width: calc(100% - 131px);
}
.customer-supplier-tab .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;
}
.customer-supplier-tab .progress-area:before {
width: 100%;
height: 11px;
background: #CDCCCC;
content: "";
position: absolute;
left: 0;
top: 0px;
}
.corporate-overview-main h2 {
margin-bottom: 15px;
}
.corporate-overview-main ul {
margin-bottom: 15px;
}
.corporate-overview-main ul li {
font-size: 20px;
line-height: 30px;
color: #000;
}
.corporate-overview-main h3 {
margin-bottom: 15px;
font-size: 30px;
line-height: 40px;
color: #000;
font-family: "proxima_novasemibold";
}
.wpcf7 form .wpcf7-response-output {
display: flex;
margin-top: 25px;
}
@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;
}
.abut-cont {
padding: 0;
}
.abut-cont h3 {
font-size: 25px;
line-height: 35px;
}
.abut-cont p {
padding: 0;
font-size: 18px;
line-height: 28px;
}
.inquiry_container .form_box {
padding: 50px 0;
}
}
@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;
}
.home_slider figure .circle {
width: 450px;
top: 50%;
transform: translateY(-50%);
}
.inquiry_container .form_box .row {
margin-bottom: 0;
}
.about-cont-bottom .col {
width: 25%;
flex: inherit;
}
.inquiry_container .form_box input[type=text], .inquiry_container .form_box textarea, .inquiry_container .form_box input[type=tel],
.inquiry_container .form_box input[type=email], .inquiry_container .form_box .row select, .inquiry_container .form_box .row span.upload_file {
padding: 20px 0;
}
}
.service-list {
padding: 50px 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 figure img {
width: 100%;
}
.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: 150px;
padding: 5px 25px;
background: #fff;
border-radius: 40px;
text-align: center;
color: #383086;
font: 18px/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: 40px 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;
margin-top: 20px;
}
.product-section .box a:hover {
border: 2px solid #383086;
background: #383086;
color: #fff;
}
.main-content {
padding: 60px 0;
}
.main-content ul.nav {
width: 25%;
border: 1px solid #BEBEBE;
flex-wrap: wrap;
flex-direction: column;
}
.main-content ul.nav li {
text-align: left;
position: relative;
width: 100%;
border-bottom: 1px solid #BEBEBE;
padding: 10px 15px;
border-radius: 0;
font: 20px/30px "proxima_novaregular";
color: #000;
}
.main-content ul.nav li 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 h3 {
font: 30px/40px "proxima_novabold";
color: #000;
margin-bottom: 15px;
}
.main-content .tab-content .service-box h4 {
font: 26px/36px "proxima_novabold";
color: #000;
margin-bottom: 15px;
}
.main-content .tab-content .service-box h5 {
font: 22px/32px "proxima_novabold";
color: #000;
margin-bottom: 15px;
}
.main-content .tab-content .service-box p {
font-size: 20px;
line-height: 40px;
color: #000;
margin-bottom: 30px;
}
.main-content .tab-content .service-box ul {
padding-left: 10px;
margin-bottom: 15px;
}
.main-content .tab-content .service-box ul li {
font-size: 20px;
line-height: 30px;
padding-left: 25px;
color: #000;
margin-bottom: 10px;
position: relative;
}
.main-content .tab-content .service-box ul li:before {
width: 10px;
height: 10px;
background: #383086;
border-radius: 100%;
position: absolute;
left: 0px;
top: 10px;
content: "";
border: 1px solid #383086;
}
.main-content .tab-content .service-box ul li:hover {
background: none;
}
.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: 30px/40px "proxima_novabold";
padding: 5px 0;
color: #000;
}
.main-content .tab-content .Product-box-tab ul.nohref {
border: none;
display: block;
}
.main-content .tab-content .Product-box-tab ul.nohref li {
border: none;
width: 100%;
padding-left: 25px;
position: relative;
font-size: 20px;
line-height: 27px;
color: #000;
}
.main-content .tab-content .Product-box-tab ul.nohref li:before {
width: 10px;
height: 10px;
background: #383086;
border-radius: 100%;
position: absolute;
left: 0px;
top: 7px !important;
content: "";
border: 1px solid #383086;
}
.main-content .tab-content .Product-box-tab ul.nohref li:hover {
background: none;
color: #000 !important;
}
.main-content .tab-content .Product-box-tab ul.nohref li:hover:before {
top: 7px !important;
transform: inherit !important;
}
.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 .tab-content .Product-box-tab .material {
background: #B72027;
width: 190px;
}
.main-content .tab-content .Product-box-tab .material ul {
display: block;
border: none;
}
.main-content .tab-content .Product-box-tab .material ul li {
width: 100%;
border: none;
}
.main-content .tab-content .Product-box-tab .material ul li:hover {
background: none;
}
.main-content .tab-content .Product-box-tab .material ul li a {
color: #fff;
font: 16px/26px "proxima_novaregular";
padding: 14px 16px;
display: block;
cursor: auto;
text-align: left;
}
.main-content .tab-content .Product-box-tab .range-size ul {
display: block;
border: none;
}
.main-content .tab-content .Product-box-tab .range-size ul li {
padding: 0px 10px;
min-height: 175px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
border: none;
}
.main-content .tab-content .Product-box-tab .range-size ul li:hover {
background: none;
}
.main-content .tab-content .Product-box-tab .range-size ul li span {
font: 16px/26px "proxima_novaregular";
color: #000000;
}
.main-content .tab-content .Product-box-tab .range-size ul li:first-child {
border-bottom: 1px solid #C4C4C4;
}
.main-content .tab-content .Product-box-tab .range-size {
border-right: 1px solid #C4C4C4;
}
.main-content .tab-content .Product-box-tab .valves-range-area .valves-table {
width: 100%;
overflow: auto;
}
.main-content .tab-content .Product-box-tab .valves-table table thead th {
padding: 17px 16px;
background: #000;
font: 16px/26px "proxima_novabold";
color: #fff;
text-align: center;
}
.main-content .tab-content .Product-box-tab .range-class {
background: #fff;
text-align: center;
}
.main-content .tab-content .Product-box-tab .range-class ul {
display: block;
border: none;
}
.main-content .tab-content .Product-box-tab .range-class ul li {
padding: 0px 10px;
min-height: 175px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
border: none;
}
.main-content .tab-content .Product-box-tab .range-class ul li:hover {
background: none;
}
.main-content .tab-content .Product-box-tab .range-class ul li span {
font: 16px/26px "proxima_novaregular";
color: #000000;
}
.main-content .tab-content .Product-box-tab .range-class ul li:first-child {
border-bottom: 1px solid #C4C4C4;
}
.main-content .tab-content .Product-box-tab .range-class {
border-right: 1px solid #C4C4C4;
}
.main-content .tab-content .Product-box-tab .range-end-type {
background: #fff;
text-align: center;
justify-content: center;
}
.main-content .tab-content .Product-box-tab .range-end-type ul {
display: block;
border: none;
}
.main-content .tab-content .Product-box-tab .range-end-type ul li {
padding: 0px 10px;
min-height: 175px;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
width: 100%;
border: none;
}
.main-content .tab-content .Product-box-tab .range-end-type ul li:hover {
background: none;
}
.main-content .tab-content .Product-box-tab .range-end-type ul li span {
font: 16px/26px "proxima_novaregular";
color: #000000;
display: block;
width: 100%;
}
.main-content .tab-content .Product-box-tab .range-end-type ul li:first-child {
border-bottom: 1px solid #C4C4C4;
}
.main-content .tab-content .Product-box-tab .range-end-type {
border-right: 1px solid #C4C4C4;
}
.main-content .tab-content .Product-box-tab .specs-standred ul {
display: block;
border: none;
}
.main-content .tab-content .Product-box-tab .specs-standred ul li {
font: 16px/26px "proxima_novaregular";
width: 100%;
border: none;
color: #000000;
display: block;
padding: 14px 16px;
text-align: center;
}
.main-content .tab-content .Product-box-tab .specs-standred ul li:hover {
background: none;
}
.main-content .tab-content .valves-area-outer {
clear: left;
display: flex;
width: 100%;
}
.main-content .tab-content .valves-table img {
max-width: 100%;
}
.main-content .tab-content .valves-type-box {
width: 288px;
float: left;
padding: 0px 15px 35px 0;
min-width: 288px;
}
.main-content .tab-content .valves-type-box h3 {
font: 26px/50px "proxima_novasemibold";
color: #383086;
margin-bottom: 10px;
margin-top: 10px;
}
.main-content .tab-content .valves-type-area {
max-height: 450px;
}
.main-content .tab-content .valves-type-area ul {
display: block;
border: none;
}
.main-content .tab-content .valves-type-area ul li {
padding: 0 0 10px 15px;
border-right: none !important;
font: 18px/26px "proxima_novasemibold";
color: #000000;
cursor: auto;
padding-right: 15px;
text-align: left;
width: 100% !important;
position: relative;
}
.main-content .tab-content .valves-type-area ul li:hover {
background: none;
}
.main-content .tab-content .valves-type-area ul li:before {
width: 10px;
height: 10px;
background: #383086;
border-radius: 100%;
position: absolute;
display: block;
content: "";
left: 0;
top: 7px;
}
.main-content .tab-content .valves-type-area ul li:hover:before {
transform: inherit !important;
}
.main-content .tab-content .valves-range-section {
background: #F7F7F7;
padding: 22px 0px 22px 25px;
border-right: 0;
border-bottom: none;
width: 100%;
}
.main-content .tab-content .valves-range-area h3 {
font: 26px/30px "proxima_novasemibold";
color: #383086;
}
.main-content .tab-content .valves-type-area .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
border: 1px solid #CBCBCB;
border-radius: 12px;
width: 15px;
box-shadow: none;
}
.main-content .tab-content .valves-type-area .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
box-shadow: none;
background: none;
}
.main-content .tab-content .valves-type-area .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger_bar {
margin: 0px auto !important;
box-shadow: none;
background-color: #383086 !important;
width: 7px;
}
.main-content .tab-content .valves-type-area .mCSB_inside > .mCSB_container {
margin-right: 0px;
}
.main-content .tab-content .Product-box-tab .valves-range-area .table-box {
padding: 0;
}
.main-content .tab-content .Product-box-tab .valves-range-area .table-box table {
width: 100%;
border: 1px solid #C4C4C4;
border-right: 0px;
}
.main-content .tab-content .Product-box-tab .valves-range-area .table-box table thead th {
padding: 17px 16px;
background: #000;
font: 13px/26px "proxima_novasemibold";
color: #fff;
text-align: center;
}
.main-content .tab-content .Product-box-tab .valves-range-area .table-box table tbody tr td {
font-size: 16px;
}
.material {
background: #383086;
width: 190px;
}
.range-size {
background: #fff;
text-align: center;
}
.main-content ul li.active, .main-content ul li:hover {
background-color: #383086;
color: #fff;
}
.main-content ul li.active a, .main-content ul li:hover a {
color: #fff;
}
.main-content ul li.active:before, .main-content ul li:hover:before {
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/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;
}
.main-content .tab-content .Product-box-tab .abut-cont.our-customer-section {
padding: 45px;
background: #fff;
float: left;
width: 100%;
}
.main-content .tab-content .Product-box-tab .abut-cont.our-customer-section p {
padding: 0px 0px 15px;
font-weight: normal;
}
.main-content .tab-content .Product-box-tab .our-customer-area {
float: left;
width: 100%;
padding-top: 20px;
}
.main-content .tab-content .Product-box-tab .our-customer-area ul li {
background: #F9F9F9;
font: 16px/20px "proxima_novasemibold";
color: #000000;
margin-bottom: 2px;
padding: 15px 30px;
width: calc(100% - 25px);
border: none;
}
.main-content .tab-content .Product-box-tab .our-customer-area ul li:hover::before {
display: none;
}
.main-content .tab-content .Product-box-tab .our-scroll {
max-height: 560px;
display: block;
width: 100%;
border: none;
}
.our-customer-area .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
border: 1px solid #CBCBCB;
border-radius: 12px;
width: 15px;
box-shadow: none;
}
.our-customer-area .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
box-shadow: none;
background: none;
}
.our-customer-area .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger_bar {
margin: 0px auto !important;
box-shadow: none;
background-color: #383086 !important;
width: 7px;
}
.our-customer-area .mCSB_inside > .mCSB_container {
margin-right: 0px;
}
.main-content .tab-content.pumpes-range-section {
border: none;
padding-right: 0;
border-right: none;
}
.main-content .tab-content.pumpes-range-section .tab-content {
width: 100%;
padding: 25px;
}
.main-content .tab-content.pumpes-range-section .tab-content .tab-pane.active {
display: flex;
}
.main-content .tab-content.pumpes-range-section .tab-pane .nav-pills button {
font: 18px/26px "proxima_novaregular";
color: #000000 !important;
padding: 17px 30px;
border: 1px solid #707070;
border-radius: 20px 20px 0px 0px;
}
.main-content .tab-content.pumpes-range-section .tab-pane .nav-pills button.active {
background-color: #000;
color: #fff !important;
}
.main-content .tab-content.pumpes-area-outer {
padding: 25px 0 25px 25px;
flex-wrap: wrap;
}
.pumpes-content-left {
width: 50%;
float: left;
}
.pumpes-content-right {
width: 50%;
float: left;
padding-left: 30px;
}
.pumpes-content-left p {
font: 18px/30px "proxima_novaregular";
color: #000000;
}
.pumpes-content-right ul li {
float: left;
width: 100%;
display: flex;
}
.pumpes-content-right ul li:hover {
background: #fff;
}
.pumpes-content-right ul li .pump-label {
display: inline-block;
font: 18px/30px "proxima_novaregular";
color: #383086;
min-width: 150px;
position: relative;
padding-right: 20px;
}
.pumpes-content-right ul li .pump-label:after {
content: ":";
position: absolute;
right: 15px;
top: 0;
font: 18px/30px "proxima_novaregular";
color: #000000;
}
.pumpes-content-right ul li .pumps-details {
display: inline-block;
word-break: break-word;
font: 18px/30px "proxima_novaregular";
color: #000000;
}
.valves-tab {
margin-bottom: 35px;
}
.valves-tab ul {
float: left;
width: 100%;
border-bottom: 2px solid #707070;
margin-top: -2px;
}
.valves-tab ul li {
float: left;
position: relative;
top: 2px;
}
.valves-tab ul li a {
border: 1px solid #707070;
width: 385px;
display: block;
padding: 15px 0px;
font: 30px/30px "proxima_novasemibold";
color: #000000;
text-align: center;
}
.valves-tab p {
font: 18px/23px "proxima_novasemibold";
color: #000000;
padding-top: 13px;
clear: left;
}
.pumpes-area-outer {
clear: left;
display: flex;
padding-top: 20px;
}
.pumpes-type-box {
min-width: 325px;
float: left;
padding: 0px 32px 30px;
max-width: 325px;
}
.pumpes-type-box h3 {
font: 26px/50px "proxima_novasemibold";
color: #383086;
margin-bottom: 10px;
margin-top: 10px;
text-transform: unset;
}
.pumpes-type-box ul {
border-bottom: none;
}
.pumpes-type-box button {
padding-bottom: 10px !important;
width: 100%;
font: 18px/26px "proxima_novaregular";
color: #000000 !important;
border: none !important;
padding: 0px;
padding-right: 15px;
font-weight: bold;
text-align: left;
}
.pumpes-type-box button span {
position: relative;
}
.pumpes-type-box button.active {
color: #383086 !important;
background-color: #fff !important;
display: inline-block;
position: relative;
}
.pumpes-type-box button.active span:before {
position: absolute;
width: 22px;
height: 4px;
background: #383086;
left: -36px;
top: 9px;
content: "";
}
.pumpes-type-box button.active span:after {
position: absolute;
width: 22px;
height: 4px;
background: #383086;
right: -36px;
top: 9px;
content: "";
}
@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;
}
}
@media (max-width: 1024px) {
.main-content .tab-content .valves-area-outer {
flex-wrap: wrap;
}
.main-content .tab-content .valves-type-box {
width: 100%;
min-width: 100%;
}
}
@media (max-width: 991px) {
.main-content {
padding: 50px 0;
}
.main-content .tab-content {
padding: 5px;
}
.main-content ul.nav {
display: none;
}
.main-content .tab-content {
width: 100%;
}
.main-content .tab-content .service-box p {
font-size: 18px;
line-height: 30px;
}
.pumpes-type-box {
width: 100%;
max-width: 100%;
}
.main-content .tab-content.pumpes-area-outer .d-flex {
flex-wrap: wrap;
}
.valves-tab {
margin-bottom: 0;
}
.main-content .tab-content .valves-range-section {
padding: 25px 0;
}
}
@media (max-width: 767px) {
.main-content .tab-content .Product-box-tab .table-box {
padding: 15px 0;
}
.main-content .tab-content .Product-box-tab p {
font-size: 18px;
}
.main-content .tab-content .Product-box-tab ul.nohref li {
font-size: 18px;
}
.main-content .tab-content .Product-box-tab .table-box h3 {
font-size: 25px;
line-height: 35px;
padding: 0 15px;
}
.main-content .tab-content .Product-box-tab ul a {
font-size: 16px;
line-height: 30px;
}
.main-content .tab-content .Product-box-tab .table-box table thead th,
.main-content .tab-content .Product-box-tab .table-box table tbody tr td,
.main-content .tab-content .Product-box-tab .table-box table tbody tr td:first-child {
padding: 5px;
font-size: 12px;
line-height: 25px;
}
.main-content .tab-content .Product-box-tab .abut-cont.our-customer-section {
padding: 25px;
}
.main-content .tab-content .Product-box-tab .valves-range-area .table-box {
overflow-x: auto;
}
.page-id-283 .main-content .tab-content .Product-box-tab ul li, .page-id-286 .main-content .tab-content .Product-box-tab ul li {
width: 100% !important;
}
}
@media (max-width: 580px) {
.main-content .tab-content.pumpes-range-section .tab-content .tab-pane.active {
flex-wrap: wrap;
}
.pumpes-content-left {
width: 100%;
margin-bottom: 30px;
}
.pumpes-content-right {
width: 100%;
padding-left: 0;
}
}
footer {
width: 100%;
background: #383086;
}
footer .bottom_footer {
padding: 20px 0;
width: 100%;
display: flex;
justify-content: space-between;
}
footer .bottom_footer .left {
list-style: none;
display: flex;
}
footer .bottom_footer .right {
list-style: none;
display: flex;
justify-content: center;
}
footer .bottom_footer ul li {
color: #fff;
font-size: 16px;
line-height: 30px;
padding: 0 15px;
position: relative;
font-family: "proxima_novaregular";
}
footer .bottom_footer ul li:first-child {
padding-left: 0;
}
footer .bottom_footer ul li:last-child {
padding-right: 0;
}
footer .bottom_footer ul li a {
color: #fff;
transition: all 0.6s;
}
footer .bottom_footer ul li a:hover {
color: #000;
}
footer .bottom_footer .social_media {
justify-content: flex-end;
display: flex;
}
footer .bottom_footer .social_media li {
padding: 0 10px;
}
footer .bottom_footer .social_media li a {
display: block;
}
footer .bottom_footer .social_media li a img {
width: 35px;
top: 0;
position: relative;
transition: all 0.3s;
}
footer .bottom_footer .social_media li a:hover img {
top: -5px;
}
footer .bottom_footer .social_media li:last-child {
padding-right: 0;
}
@media (max-width: 991px) {
footer .bottom_footer {
flex-wrap: wrap;
}
footer .bottom_footer .left {
width: 100%;
display: block;
text-align: center;
margin-bottom: 25px;
}
footer .bottom_footer .left li {
padding: 0;
}
footer .bottom_footer .right {
width: 100%;
justify-content: center;
margin-bottom: 25px;
}
footer .bottom_footer .col-md-3 {
justify-content: center;
width: 100%;
}
footer .bottom_footer .social_media {
justify-content: center;
}
}
.landing_container {
width: 100%;
display: flex;
height: 100%;
position: fixed;
left: 0;
top: 0;
}
.landing_container header {
position: fixed;
left: 0;
top: 0;
width: 100%;
padding: 30px 0;
transition: all ease 600ms;
z-index: 9;
min-height: 235px;
width: 100%;
text-align: center;
background: transparent;
}
.landing_container .common_box {
text-align: center;
}
.landing_container .common_box header {
text-align: center;
padding: 50px 0;
position: static;
}
.landing_container .common_box header img {
max-width: 150px;
}
.landing_container .common_box h4 {
font-size: 40px;
line-height: 45px;
color: #fff;
font-family: "proxima_novalight";
}
.landing_container .common_box span {
font-size: 18px;
line-height: 20px;
color: #C0AFFF;
display: inline-block;
width: 100%;
font-family: "proxima_novalight";
}
.landing_container .common_box .mid_text {
height: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.landing_container .common_box .explore {
display: inline-block;
padding: 10px 15px;
text-align: center;
font-size: 20px;
line-height: 24px;
background: #fff;
color: #383086;
min-width: 180px;
border-radius: 25px;
transition: all ease 600ms;
font-family: "proxima_novaregular";
margin-top: 50px;
}
.landing_container .common_box .explore img {
max-width: 25px;
position: relative;
top: -2px;
}
.landing_container .common_box .explore:hover {
box-shadow: inset 190px 0 0 0 rgba(226, 221, 239, 0.8);
}
.landing_container .common_box.left {
width: 50%;
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/images/BG1.jpg) no-repeat 0 0;
background-size: 100%;
background-position: 0px -80px;
padding-top: 350px;
}
.landing_container .common_box.right {
width: 50%;
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/images/BG2.jpg) no-repeat 0 0;
background-size: 100%;
padding-top: 350px;
}
.news-section {
padding: 0px 0 50px 0;
}
.news-section h2 {
font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 128%; color: #000;
margin-bottom: 25px;
}
.news-section .news-box {
margin-bottom: 10px;
}
.news-section .news-box figure {
box-shadow: 0px 14px 24px 10px rgba(0, 0, 0, 0.05);
background: #FFFFFF;
}
.news-section .news-box figure img {
width: 100%;
}
.news-section .news-box figure figcaption {
padding: 30px;
}
.news-section .news-box figure figcaption h3 {
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 30px; color: #222222;
padding-bottom: 15px;
}
.news-section .news-box figure figcaption p {
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 20px; color: #000;
padding-bottom: 15px;
}
.news-section .news-box figure figcaption .cta-box {
display: flex;
justify-content: space-between;
align-items: center;
}
.news-section .news-box figure figcaption .cta-box a {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
letter-spacing: -0.01em;
text-transform: uppercase;
color: #1765B3;
}
.news-section .news-box figure figcaption .cta-box a img {
margin-left: 10px;
width: auto;
}
.news-section .news-box figure figcaption .cta-box span {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 30px; text-align: right;
color: #B1B1B1;
}
.news-section .pagination {
display: flex;
justify-content: flex-end;
margin-bottom: 80px;
margin-top: 20px;
}
.news-section .pagination ul {
display: flex;
}
.news-section .pagination ul li.prev {
background: #264796;
border: 1px solid #264796;
display: flex;
align-items: center;
justify-content: center;
}
.news-section .pagination ul li.prev a img {
transform: rotate(180deg);
}
.news-section .pagination ul li.next {
background: #264796;
border: 1px solid #264796;
display: flex;
align-items: center;
justify-content: center;
}
.news-section .pagination ul li {
width: 40px;
height: 40px;
margin-right: 5px;
background: #FFFFFF;
border: 1px solid #D2D2D2;
}
.news-section .pagination ul li a {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
font-weight: 500;
font-size: 22px;
line-height: 100%; text-align: center;
color: #000000;
}
.news-section .pagination ul li a:hover {
color: #E31E24;
}
.news-section-details {
padding: 0 0 50px 0;
}
.news-section-details h2 {
font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 128%; color: #000;
margin-bottom: 25px;
}
.news-section-details p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 150%; color: #000000;
margin-bottom: 25px;
}
.news-section-details a.back {
width: 142px;
height: 54px;
border: 2px solid #264796;
border-radius: 60px;
font-style: normal;
font-weight: 700;
font-size: 23px;
line-height: 54px;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
color: #000000;
}
.news-section-details a.back img {
transform: rotate(180deg);
margin-right: 10px;
}
.related-head {
border-top: 1px solid #D1D1D1;
padding-top: 30px;
margin-top: 50px;
}
.related-head h2 {
font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 128%;
color: #000;
margin-bottom: 25px;
padding-left: 0;
}
.newsevent-slider {
margin-top: 0px;
padding-bottom: 50px;
}
.newsevent-slider button.slick-prev {
top: unset;
transform: inherit;
bottom: -20px;
left: 50%;
transition: all 0.3s;
transform: translateX(-60px) rotate(180deg) scale(1);
width: 38px;
height: 38px;
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/images/explore-btn.png) left top no-repeat;
background-size: 100% auto;
}
.newsevent-slider button.slick-prev::before {
display: none;
}
.newsevent-slider button.slick-prev:hover {
transform: translateX(-60px) rotate(180deg) scale(1.2);
}
.newsevent-slider button.slick-next {
top: unset;
transform: inherit;
bottom: -20px;
right: 50%;
transition: all 0.3s;
transform: translateX(60px) scale(1);
width: 38px;
height: 38px;
background: url(//www.gulfnetemirates.com/wp-content/themes/gulfnet/assets/images/explore-btn.png) left top no-repeat;
background-size: 100% auto;
}
.newsevent-slider button.slick-next::before {
display: none;
}
.newsevent-slider button.slick-next:hover {
transform: translateX(60px) scale(1.2);
}
.newsevent-slider .news-box {
margin-bottom: 10px;
padding: 0 10px;
}
.newsevent-slider .news-box figure {
box-shadow: 0px 14px 24px 10px rgba(0, 0, 0, 0.05);
background: #FFFFFF;
}
.newsevent-slider .news-box figure img {
width: 100%;
}
.newsevent-slider .news-box figure figcaption {
padding: 30px;
}
.newsevent-slider .news-box figure figcaption h3 {
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 30px; color: #222222;
padding-bottom: 15px;
}
.newsevent-slider .news-box figure figcaption p {
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 20px; color: #000;
padding-bottom: 15px;
}
.newsevent-slider .news-box figure figcaption .cta-box {
display: flex;
justify-content: space-between;
align-items: center;
}
.newsevent-slider .news-box figure figcaption .cta-box a {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
letter-spacing: -0.01em;
text-transform: uppercase;
color: #1765B3;
display: flex;
align-items: center;
}
.newsevent-slider .news-box figure figcaption .cta-box a img {
margin-left: 10px;
width: auto;
}
.newsevent-slider .news-box figure figcaption .cta-box span {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 30px; text-align: right;
color: #B1B1B1;
}
@media screen and (max-width: 1024px) {
.news-box {
padding: 0 10px;
}
}
@media screen and (max-width: 768px) {
.news-section-details a.back {
width: 125px;
height: 45px;
font-size: 20px;
line-height: 45px;
}
}
.career-box {
padding: 50px 0;
}
.career-box h2 {
font-size: 40px;
line-height: 40px;
color: #000;
font-family: "proxima_novabold";
margin-bottom: 30px;
}
.career-box p {
font-size: 20px;
line-height: 30px;
color: #000;
margin-bottom: 30px;
}
.career-box ul li {
font-size: 20px;
line-height: 30px;
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;
line-height: 30px;
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/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/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/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/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";
line-height: 30px;
color: #000;
}
.apply-box ul li {
font-size: 20px;
line-height: 30px;
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";
line-height: 30px;
color: #000;
}
.job-details span p, .job-details p {
font-size: 20px;
line-height: 30px;
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: 991px) {
.apply-now-left {
max-width: 100%;
padding-bottom: 0px;
padding-right: 0;
}
.apply-now-right {
width: 100%;
padding: 20px;
}
#exampleModal1 .modal-content {
padding: 50px 15px;
}
}
@media (max-width: 767px) {
.career-box .image-box {
margin-bottom: 25px;
margin-top: 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;
}
.form-left, .form-right {
width: 100%;
}
.career-box {
padding-bottom: 0;
}
}
.contact-detail {
padding: 40px 0;
}
.contact-detail h2 {
font-size: 40px;
line-height: 45px;
color: #000;
font-family: "proxima_novabold";
}
.contact-detail .inquiry_container {
padding: 0;
border-radius: 0 50px 50px 0;
border: 1px solid #000;
width: 66%;
}
.contact-detail .inquiry_container h3 {
text-align: left;
font-family: "proxima_novasemibold";
margin-bottom: 15px;
}
.contact-detail .inquiry_container .form_box {
border-radius: 0 50px 50px 0;
}
.contact-detail .inquiry_container .form_box textarea {
border: 0;
color: #262626;
font-size: 16px;
line-height: 20px;
text-transform: inherit;
width: 100%;
border-bottom: 1px solid #262626;
height: 100px;
padding-bottom: 20px;
resize: none;
}
.contact-detail .inquiry_container .form_box textarea:focus {
outline: none;
}
.contact-detail .left-address {
width: 100%;
padding: 30px;
background: #383086;
border-radius: 50px 0 0 50px;
height: 100%;
}
.contact-detail .left-address h3, .contact-detail .left-address p {
color: #fff !important;
padding: 0 !important;
font-weight: normal !important;
}
.contact-detail .left-address ul {
width: 100%;
list-style: none;
margin: 20px 0 0 0;
}
.contact-detail .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 .left-address ul li a {
color: #fff;
}
.contact-detail .left-address ul li span {
display: flex;
}
.contact-detail .left-address ul li span img {
filter: brightness(0) invert(1);
max-width: 30px;
margin-right: 15px;
}
.contact-detail .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;
}
body {
overflow-x: hidden;
}
.container-fluid {
padding: 0 5% !important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1200px;
}
.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: 5%;
}
}
@media screen and (max-width: 769px) {
.head-title h2 {
padding-bottom: 10px;
}
.head-title h3 {
font-size: 45px;
}
}