@charset "UTF-8";
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list {
background: #fff url(https://www.datacom-networking.com/wp-content/themes/datacom/assets/sass/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(https://www.datacom-networking.com/wp-content/themes/datacom/assets/sass/fonts/slick.eot);
src: url(https://www.datacom-networking.com/wp-content/themes/datacom/assets/sass/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://www.datacom-networking.com/wp-content/themes/datacom/assets/sass/fonts/slick.woff) format("woff"), url(https://www.datacom-networking.com/wp-content/themes/datacom/assets/sass/fonts/slick.ttf) format("truetype"), url(https://www.datacom-networking.com/wp-content/themes/datacom/assets/sass/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal;
} .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
[dir=rtl] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir=rtl] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir=rtl] .slick-next:before {
content: "←";
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}.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: "Apex New", sans-serif;
}
.cf:before, .cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
zoom: 1;
}
@font-face {
font-family: "apex_newmedium";
src: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/sass/fonts/apexnew-medium-webfont.woff2) format("woff2"), url(//www.datacom-networking.com/wp-content/themes/datacom/assets/sass/fonts/apexnew-medium-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "apex_newbook";
src: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/sass/fonts/apexnew-book-webfont.woff2) format("woff2"), url(//www.datacom-networking.com/wp-content/themes/datacom/assets/sass/fonts/apexnew-book-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "apex_newbook";
src: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/sass/fonts/apexnew-book-webfont.woff2) format("woff2"), url(//www.datacom-networking.com/wp-content/themes/datacom/assets/sass/fonts/apexnew-book-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "apex_newbold";
src: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/sass/fonts/apexnew-bold-webfont.woff2) format("woff2"), url(//www.datacom-networking.com/wp-content/themes/datacom/assets/sass/fonts/apexnew-bold-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
}
.font-class10 {
font-size: 10px;
}
.font-class11 {
font-size: 11px;
}
.font-class12 {
font-size: 12px;
}
.font-class13 {
font-size: 13px;
}
.font-class14 {
font-size: 14px;
}
.font-class15 {
font-size: 15px;
}
.font-class16 {
font-size: 16px;
}
.font-class17 {
font-size: 17px;
}
.font-class18 {
font-size: 18px;
}
.font-class19 {
font-size: 19px;
}
.h3-head {
font-size: 20px;
}
.font-class21 {
font-size: 21px;
}
.font-class22 {
font-size: 22px;
}
.font-class23 {
font-size: 23px;
}
.font-class24 {
font-size: 24px;
}
.font-class25 {
font-size: 25px;
}
.font-class26 {
font-size: 26px;
}
.font-class27 {
font-size: 27px;
}
.font-class28 {
font-size: 28px;
}
.font-class29 {
font-size: 29px;
}
.font-class30 {
font-size: 30px;
}
.font-class31 {
font-size: 31px;
}
.font-class32 {
font-size: 32px;
}
.font-size-big {
font-size: 45px;
}
.data-flex, .get-in-touch-outer-page .get-in-touch-main-page, .product-cables {
display: flex;
}
.header .header-strip {
display: flex;
justify-content: end;
}
.header .header-strip .login-area {
display: flex;
padding-top: 25px;
}
.header .header-strip .login-area .login-sec {
position: relative;
border-radius: 26px;
background: #274BA0;
height: 40px;
padding: 8px 25px;
margin-right: 30px;
}
.header .header-strip .login-area .login-sec a {
color: #fff;
font-family: "apex_newbook";
}
.header .header-strip .login-area .login-sec a i {
margin-right: 12px;
}
.header .header-strip .login-area .login-sec::after {
content: "";
border: 1px solid #8F8F8F;
height: 21px;
position: absolute;
right: -15px;
width: 1px;
top: 13px;
}
.header .header-strip .login-area .login-input {
margin-right: 30px;
width: 300px;
position: relative;
}
.header .header-strip .login-area .login-input a {
background: linear-gradient(90deg, #4C2685 44.27%, #274BA0 100%);
border-radius: 26px;
height: 40px;
font-family: "apex_newbook";
padding: 8px 25px;
display: block;
color: #fff;
}
.header .header-strip .login-area .login-input::after {
content: "";
border: 1px solid #8F8F8F;
height: 21px;
position: absolute;
right: -15px;
width: 1px;
top: 13px;
}
.header .header-strip .login-area .search-area {
position: relative;
}
.header .header-strip .login-area .search-area a {
position: absolute;
right: 8%;
font-family: "apex_newbook";
top: 26%;
}
.header .header-strip .login-area .search-box {
border-radius: 26px;
border: 1px solid #ACACAC;
height: 40px;
padding: 7px 11px;
}
.header .header-strip .login-area .search-box input {
border: none;
outline: none;
}
.header .header-strip .login-area .search-box input::-moz-placeholder {
color: #274BA0;
font-family: "apex_newbook";
font-size: 16px;
font-style: normal;
font-weight: 550;
}
.header .header-strip .login-area .search-box input::placeholder {
color: #274BA0;
font-family: "apex_newbook";
font-size: 16px;
font-style: normal;
font-weight: 550;
}
.header .header-strip .login-area .search-box .frm-submit {
width: auto;
border: none;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/search-ico.png) no-repeat center;
width: 30px;
height: 30px;
position: absolute;
right: 4px;
top: 5px;
padding: 0;
}
.header .header-main {
display: flex;
justify-content: space-between;
align-items: center;
padding: 21px 0px 0px;
position: relative;
}
.header .header-main .nav {
display: flex;
justify-content: space-between;
align-items: center;
}
.header .header-main .nav .tmimenu_btn {
display: none;
}
.header .header-main .nav .menu {
display: flex;
}
.header .header-main .nav .menu ul {
display: flex;
}
.header .header-main .nav .menu ul li {
padding: 20px 15px;
position: relative;
}
.header .header-main .nav .menu ul li::after {
content: "";
position: absolute;
height: 23px;
transition: all 0.1s ease-in-out 0s;
width: 11px;
}
.header .header-main .nav .menu ul li:hover::after {
background-image: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/menu-hover.png);
background-repeat: no-repeat;
top: 65%;
left: 41%;
}
.header .header-main .nav .menu ul li a {
font-family: "apex_newmedium";
font-size: 16px;
line-height: 16px;
color: #000;
text-transform: uppercase;
letter-spacing: 0.5px;
position: relative;
}
.header .header-main .nav .menu ul li a:hover {
color: #274BA0;
}
.header .header-main .nav .menu ul li > a.active {
color: #274BA0;
}
.header .header-main .nav .menu ul li.dropdown {
position: static;
}
.header .header-main .nav .menu ul li.dropdown a {
padding-right: 10px;
position: relative;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/drop-down.png) no-repeat right center;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out {
position: absolute;
width: 1228px;
background: #274BA0;
left: 0;
top: 0;
right: 0;
margin: 0 auto;
top: 95px;
z-index: 9;
opacity: 0;
transition-duration: 200ms;
transition-timing-function: ease-in;
transition-property: opacity, margin-top, visibility;
visibility: hidden;
z-index: 999;
padding: 0;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left {
padding: 0px 0px 15px 15px;
float: left;
width: 883px;
overflow: auto;
max-height: 488px;
min-height: 488px;
display: flex;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul {
display: block;
justify-content: unset;
position: relative;
padding: 0;
max-height: 500px;
width: 260px;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li {
display: block;
width: 100%;
margin: 0px;
position: static;
padding: 12px 0px;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li:first-child {
padding-top: 30px;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li a {
text-transform: unset;
color: #fff;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/mega-li-bg.png) no-repeat 0px 0px;
padding-left: 30px;
display: block;
line-height: 24px;
padding-right: 0px;
font-size: 15px;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li ul {
display: none;
position: absolute;
left: 100%;
top: 0px;
border-left: 1px solid #759EFF;
bottom: 0;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li:hover a {
color: #759EFF;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/mega-li-hover-bg.png) no-repeat 0px 0px;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li:hover ul {
display: block;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li:hover ul li {
padding-left: 25px;
padding: 8px 0px 8px 25px;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li:hover ul li:first-child {
padding-top: 30px;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li:hover ul li a {
font-size: 14px;
line-height: 24px;
border: none;
color: #fff;
background: none;
position: relative;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li:hover ul li a::before {
width: 11px;
height: 12px;
content: "";
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/mega-li-bg.png) no-repeat 0px;
left: 0;
position: absolute;
top: 6px;
display: inline-block;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li:hover ul li ul {
display: none;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li:hover ul li:hover a {
color: #759EFF;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li:hover ul li:hover a::before {
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/mega-li-bg.png) no-repeat 0px;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li:hover ul li:hover ul {
display: block;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li:hover ul li:hover ul li a {
color: #fff;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li:hover ul li:hover ul li:hover a {
color: #759EFF;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li:hover ul li::after {
display: none;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li a::after {
display: none;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-left ul li:hover::after {
display: none;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-right {
width: 345px;
float: left;
background-color: #fff;
min-height: 488px;
display: flex;
align-items: center;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-right figure {
width: 100%;
margin: 0px;
display: flex;
max-height: 400px;
}
.header .header-main .nav .menu ul li.dropdown .megamenu-out .megamenu-box-right figure img {
width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media only screen and (max-width: 1440px) {
.header .header-main .nav .menu ul li.dropdown .megamenu-out::after {
left: -149px;
}
}
.header .header-main .nav .menu ul li.dropdown:hover .megamenu-out {
opacity: 1;
visibility: visible;
}
.header .header-main .nav .menu ul li.dropdown::after {
display: none;
}
.header .header-main .nav .menu ul li.dropdown:hover a::after {
width: 32px;
height: 27px;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/mega-menu-arrow.png);
bottom: -43px;
left: 0px;
right: 0;
margin: 0 auto;
content: "";
position: absolute;
}
.header .header-main .nav .menu ul li.simple-dropdown {
position: relative;
}
.header .header-main .nav .menu ul li.simple-dropdown .submenu {
position: absolute;
opacity: 0;
width: 295px;
padding: 10px 0px;
top: 61px;
left: -87px;
margin-top: 10px;
box-shadow: 0px 1px 5px #c4c6ca;
border-radius: 10px;
background: #fff;
transition-duration: 200ms;
transition-timing-function: ease-in;
transition-property: opacity, margin-top, visibility;
visibility: hidden;
text-align: left;
display: block;
z-index: 99;
}
.header .header-main .nav .menu ul li.simple-dropdown .submenu li {
display: block;
width: 100%;
padding: 0px;
margin: 0;
border-bottom: 1px solid #dde2ee;
padding: 7px 35px;
}
.header .header-main .nav .menu ul li.simple-dropdown .submenu li a {
background: none;
color: #555555;
letter-spacing: 0;
display: block;
text-transform: unset;
line-height: 30px;
padding-right: 0px;
}
.header .header-main .nav .menu ul li.simple-dropdown .submenu li a:hover {
color: #0056a9;
}
.header .header-main .nav .menu ul li.simple-dropdown .submenu li:last-child {
border: none;
}
.header .header-main .nav .menu ul li.simple-dropdown .submenu li:hover::after {
display: none;
}
.header .header-main .nav .menu ul li.simple-dropdown .submenu li ul.depth_1 {
display: none;
left: -100%;
top: 0;
}
.header .header-main .nav .menu ul li.simple-dropdown .submenu li ul.depth_1::before {
display: none;
}
.header .header-main .nav .menu ul li.simple-dropdown .submenu li ul.depth_1 li ul.depth_2 {
display: none;
left: -100%;
top: 0;
}
.header .header-main .nav .menu ul li.simple-dropdown .submenu li ul.depth_1 li ul.depth_2::before {
display: none;
}
.header .header-main .nav .menu ul li.simple-dropdown .submenu li ul.depth_1 li:hover ul.depth_2 {
display: block;
}
.header .header-main .nav .menu ul li.simple-dropdown .submenu li:hover ul.depth_1 {
display: block;
}
.header .header-main .nav .menu ul li.simple-dropdown .submenu::before {
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/submenu-arrow.png) no-repeat;
position: absolute;
content: "";
top: -16px;
left: 45%;
width: 36px;
height: 16px;
}
.header .header-main .nav .menu ul li.simple-dropdown:hover .submenu {
opacity: 1;
visibility: visible;
margin-top: 0px;
}
.header .header-main .nav .menu ul li.simple-dropdown:hover a::after {
display: none;
}
.header .header-main .nav .login-area {
display: flex;
}
.header .header-main .nav .login-area .search-area {
padding-left: 20px;
padding-right: 10px;
position: relative;
}
.header .header-main .nav .login-area .search-area::after {
width: 1px;
height: 21px;
content: "";
position: absolute;
right: 0;
top: 0px;
background: #353535;
}
.header .header-main .nav .login-area .search-area a {
color: #000;
}
.header .header-main .nav .login-area .search-area .search-box {
position: absolute;
top: 31px;
width: 250px;
right: 0;
padding: 15px;
background: #fff;
box-shadow: 0px 4px 43px rgba(0, 0, 0, 0.11);
border-radius: 5px;
display: none;
z-index: 1;
}
.header .header-main .nav .login-area .search-area .search-box input {
width: 100%;
height: 45px;
padding: 0px 15px;
padding-right: 15px;
font-weight: 700;
font-family: "apex_newmedium";
font-size: 16px;
line-height: 120%;
text-transform: capitalize;
padding-right: 40px;
}
.header .header-main .nav .login-area .search-area .search-box input.search-submit {
position: absolute;
width: auto;
border: none;
background: none;
top: 19px;
right: 15px;
padding: 0px;
width: 35px;
height: 35px;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/li_search.png) no-repeat center;
cursor: pointer;
}
.header .header-main .nav .login-area .search-area.active .search-box {
display: block;
}
.header .header-main .nav .login-area .search-area.active.is-hidden .search-box {
display: none;
}
.header .header-main .nav .login-area .login-sec {
padding-left: 10px;
}
.header .header-main .nav .login-area .login-sec a {
font-size: 16px;
line-height: 16px;
text-transform: capitalize;
color: #274BA0;
}
.header .header-main .nav .menu ul li.simple-dropdown .submenu li ul li ul {
display: none;
}
@media only screen and (max-width: 1366px) {
.header .header-main .nav .menu ul li.simple-dropdown .submenu li ul.depth_1 li:nth-child(5) .depth_2 {
top: -100px !important;
}
}
@media only screen and (max-width: 1440px) {
.header .header-main .logo {
max-width: 275px;
}
.header .header-main .logo img {
max-width: 100%;
}
.header .header-main .nav .menu ul li {
padding: 20px 11px;
}
.header .header-main .nav .menu ul li a {
font-size: 15px;
}
}
@media only screen and (max-width: 1440px) and (max-width: 1150px) {
.header .header-main .nav .menu ul li a {
font-size: 14px;
}
}
@media only screen and (max-width: 1440px) {
.header .header-strip .login-area {
display: flex;
}
.header .header-strip .login-area .login-sec a {
font-size: 15px;
}
.header .header-strip .login-area .login-input a {
font-size: 15px;
}
.header .header-strip .login-area .search-area .search-box input {
font-size: 15px;
}
}
@media only screen and (max-width: 1100px) {
.header .header-main .logo {
max-width: 250px;
}
.header .header-main .logo img {
max-width: 100%;
}
.header .header-main .nav .menu ul li {
padding: 0px 9px;
}
.header .header-main .nav .menu ul li a {
font-size: 14px;
}
.header .header-strip .login-area {
display: flex;
}
.header .header-strip .login-area .login-sec a {
font-size: 15px;
}
.header .header-strip .login-area .login-input {
width: 260px;
}
.header .header-strip .login-area .login-input a {
font-size: 14px;
}
.header .header-strip .login-area .search-area .search-box input {
font-size: 14px;
}
}
@media only screen and (max-width: 1100px) {
.header .header-main .nav .menu {
display: none;
}
.header .header-main .nav .tmimenu_btn {
display: block;
}
.header .header-main .nav .tmimenu_btn .tmimenu_icon {
margin: 0px;
}
.header .header-main .nav .tmimenu_btn .tmimenu_icon .tmimenu_icon-bar {
border-radius: 5px;
background-color: #274BA0;
display: block;
height: 4px;
width: 32px;
margin-top: 4px;
}
.header .header-main .nav .u-vmenu {
display: block;
position: absolute;
width: 100%;
left: 0;
top: 96px;
background: #fff;
z-index: 999;
padding: 0px;
}
.header .header-main .nav .u-vmenu ul {
padding-right: 0;
flex-wrap: wrap;
}
.header .header-main .nav .u-vmenu ul li {
width: 100%;
margin: 0;
border-bottom: 0.5px solid #405da2;
position: relative;
background: #264796;
}
.header .header-main .nav .u-vmenu ul li span {
cursor: pointer;
position: absolute;
z-index: 99;
right: 15px;
top: 13px;
display: flex;
width: 25px;
height: 25px;
}
.header .header-main .nav .u-vmenu ul li a {
font-size: 22px;
line-height: 50px;
display: block;
padding: 0 25px;
color: #fff;
text-transform: capitalize;
}
.header .header-main .nav .u-vmenu ul li ul {
display: none;
padding: 0px;
}
.header .header-main .nav .u-vmenu ul li ul li {
background: #314d93;
}
.header .header-main .nav .u-vmenu ul li ul li a {
padding-left: 50px;
font-size: 20px;
}
.header .header-main .nav .u-vmenu ul li ul li ul li a {
padding-left: 75px;
font-size: 18px;
}
}
@media only screen and (max-width: 1100px) and (max-width: 767px) {
.header .header-strip .login-area .login-sec {
padding: 0;
}
.header .header-strip .login-area .login-sec a {
font-size: 0;
width: 40px;
border-radius: 100%;
height: 40px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.header .header-strip .login-area .login-sec a i {
font-size: 20px;
margin: 0;
}
.header .header-strip .login-area .login-input {
width: auto;
}
.header .header-strip .login-area .login-input a {
background: #274BA0 url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/distribution-partner.png) no-repeat center;
font-size: 0;
width: 40px;
border-radius: 100%;
height: 40px;
padding: 0;
}
}
@media only screen and (max-width: 1100px) and (max-width: 414px) {
.header .header-strip .login-area .login-sec {
margin-right: 15px;
}
.header .header-strip .login-area .login-sec::after {
display: none;
}
.header .header-strip .login-area .login-input {
margin-right: 15px;
}
.header .header-strip .login-area .login-input::after {
display: none;
}
}
.our-solution-outer {
padding: 75px 0px;
float: left;
width: 100%;
background: #F6FAFF;
}
@media only screen and (max-width: 1100px) {
.our-solution-outer {
padding: 50px 0px;
}
}
.our-solution-outer .head {
text-align: center;
}
.our-solution-outer .head h3 {
font-size: 20px;
line-height: 126%;
text-transform: capitalize;
color: #00206B;
font-family: "apex_newbook";
padding-bottom: 5px;
display: inline-block;
position: relative;
margin-bottom: 12px;
}
.our-solution-outer .head h3::after {
width: 52px;
height: 2px;
background: #274BA0;
position: absolute;
bottom: -2px;
left: 0;
right: 0;
margin: auto;
content: "";
}
.our-solution-outer .head h1 {
font-size: 45px;
line-height: 126%;
text-transform: capitalize;
color: #133A55;
font-family: "apex_newbook";
padding-bottom: 35px;
margin-bottom: 12px;
}
@media only screen and (max-width: 1100px) {
.our-solution-outer .head h1 {
font-size: 40px;
}
}
@media only screen and (max-width: 1025px) {
.our-solution-outer .head h1 {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 768px) {
.our-solution-outer .head h1 {
font-size: 30px;
padding-bottom: 15px;
}
}
.our-solution-outer .our-solution-main .our-sloution-slider .our-slution-bx {
width: 33.33%;
float: left;
margin: 0px 15px;
}
.our-solution-outer .our-solution-main .our-sloution-slider .our-slution-bx .our-slution-ara figure {
margin-bottom: 23px;
overflow: hidden;
}
.our-solution-outer .our-solution-main .our-sloution-slider .our-slution-bx .our-slution-ara figure img {
width: 100%;
transition: all 1s ease-in;
}
.our-solution-outer .our-solution-main .our-sloution-slider .our-slution-bx .our-slution-ara .our-solution-text {
text-align: center;
padding-bottom: 15px;
}
.our-solution-outer .our-solution-main .our-sloution-slider .our-slution-bx .our-slution-ara .our-solution-text h4 {
font-size: 24px;
line-height: 133.5%;
text-align: center;
color: #254A64;
font-family: "apex_newmedium";
padding-bottom: 68px;
}
@media only screen and (max-width: 1024px) {
.our-solution-outer .our-solution-main .our-sloution-slider .our-slution-bx .our-slution-ara .our-solution-text h4 {
padding-bottom: 25px;
}
}
.our-solution-outer .our-solution-main .our-sloution-slider .our-slution-bx .our-slution-ara .our-solution-text h4 a {
color: #254A64;
}
.our-solution-outer .our-solution-main .our-sloution-slider .our-slution-bx .our-slution-ara .our-solution-text > a {
font-size: 22px;
line-height: 112.5%;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #423F45;
display: inline-block;
position: relative;
padding-right: 8px;
transition: all 0.5s ease-in;
}
.our-solution-outer .our-solution-main .our-sloution-slider .our-slution-bx .our-slution-ara .our-solution-text > a::after {
width: 32px;
height: 32px;
background: #E6E5E6;
position: absolute;
content: "";
right: 0;
top: -2px;
border-radius: 100%;
transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.our-solution-outer .our-solution-main .our-sloution-slider .our-slution-bx .our-slution-ara .our-solution-text > a:hover {
color: #4C2685;
}
.our-solution-outer .our-solution-main .our-sloution-slider .our-slution-bx .our-slution-ara .our-solution-text > a:hover::after {
background: transparent;
}
.our-solution-outer .our-solution-main .our-sloution-slider .our-slution-bx .our-slution-ara .our-solution-text > a img {
position: relative;
z-index: 1;
display: inline-block;
margin-left: 10px;
width: auto;
}
@media only screen and (max-width: 767px) {
.our-solution-outer .our-solution-main .our-sloution-slider .our-slution-bx .our-slution-ara .our-solution-text > a img {
width: 26px;
}
}
@media only screen and (max-width: 767px) {
.our-solution-outer .our-solution-main .our-sloution-slider .our-slution-bx .our-slution-ara .our-solution-text > a {
font-size: 16px;
}
.our-solution-outer .our-solution-main .our-sloution-slider .our-slution-bx .our-slution-ara .our-solution-text > a::after {
top: -1px;
width: 22px;
height: 22px;
}
}
.our-solution-outer .our-solution-main .our-sloution-slider .our-slution-bx .our-slution-ara:hover figure img {
transform: scale(1.1);
}
.our-solution-outer .our-solution-main .our-sloution-slider .our-slution-bx.slick-current .our-slution-ara .our-solution-text h4 {
color: #274BA0;
}
.our-solution-outer .our-solution-main .our-sloution-slider .our-slution-bx.slick-current .our-slution-ara .our-solution-text h4 a {
color: #274BA0;
}
.our-solution-outer .our-solution-main .our-sloution-slider button.slick-prev {
transform: inherit;
transition: all 0.3s;
transform: translateX(-70px) scale(1);
width: 56px;
height: 32px;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/explore-arrow-bfr.png) left top no-repeat;
background-size: 100% auto;
z-index: 9;
}
.our-solution-outer .our-solution-main .our-sloution-slider button.slick-prev::before {
display: none;
}
.our-solution-outer .our-solution-main .our-sloution-slider button.slick-prev:hover {
transform: translateX(-70px) scale(1.1);
}
@media only screen and (max-width: 1440px) {
.our-solution-outer .our-solution-main .our-sloution-slider button.slick-prev {
left: 48px;
}
}
.our-solution-outer .our-solution-main .our-sloution-slider button.slick-next {
transform: inherit;
transition: all 0.3s;
transform: translateX(60px) rotate(180deg) scale(1);
width: 56px;
height: 32px;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/explore-arrow-bfr.png) left top no-repeat;
background-size: 100% auto;
z-index: 9;
}
.our-solution-outer .our-solution-main .our-sloution-slider button.slick-next::before {
display: none;
}
.our-solution-outer .our-solution-main .our-sloution-slider button.slick-next:hover {
transform: translateX(60px) rotate(180deg) scale(1.1);
}
@media only screen and (max-width: 1440px) {
.our-solution-outer .our-solution-main .our-sloution-slider button.slick-next {
right: 48px;
}
}
.our-product-outer {
clear: left;
padding: 75px 0px;
float: left;
width: 100%;
}
@media only screen and (max-width: 1100px) {
.our-product-outer {
padding: 50px 0px;
}
}
.our-product-outer .head {
text-align: center;
}
.our-product-outer .head h3 {
font-size: 20px;
line-height: 126%;
text-transform: capitalize;
color: #00206B;
font-family: "apex_newbook";
padding-bottom: 5px;
display: inline-block;
position: relative;
margin-bottom: 12px;
}
.our-product-outer .head h3::after {
width: 52px;
height: 2px;
background: #274BA0;
position: absolute;
bottom: -2px;
left: 0;
right: 0;
margin: auto;
content: "";
}
.our-product-outer .head h2 {
font-size: 45px;
line-height: 126%;
text-transform: capitalize;
color: #133A55;
font-family: "apex_newbook";
padding-bottom: 35px;
margin-bottom: 12px;
}
@media only screen and (max-width: 1100px) {
.our-product-outer .head h2 {
font-size: 40px;
}
}
@media only screen and (max-width: 1025px) {
.our-product-outer .head h2 {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 768px) {
.our-product-outer .head h2 {
font-size: 30px;
padding-bottom: 15px;
}
}
.our-product-outer .our-product-bx {
width: 33.33%;
float: left;
margin: 0 15px 15px;
text-align: center;
}
.our-product-outer .our-product-bx .our-product-ara {
background: linear-gradient(180.09deg, #FFFFFF 0.07%, #FEFEFF 30.24%, #EFF6FF 99.93%);
border: 1px solid #DFDFDF;
}
.our-product-outer .our-product-bx .our-product-ara .pro-title {
background: #274BA0;
padding: 21px 15px 15px;
}
.our-product-outer .our-product-bx .our-product-ara .pro-title h3 {
font-size: 24px;
line-height: 111%;
font-family: "apex_newmedium";
min-height: 56px;
}
.our-product-outer .our-product-bx .our-product-ara .pro-title h3 a {
margin: 0;
color: #fff;
}
.our-product-outer .our-product-bx .our-product-ara .pro-title h3 a::after {
display: none;
}
.our-product-outer .our-product-bx .our-product-ara figure {
max-width: 250px;
height: 160px;
margin: 30px auto 0px;
overflow: hidden;
}
.our-product-outer .our-product-bx .our-product-ara figure img {
-o-object-fit: contain;
object-fit: contain;
transition: all 1s ease-in;
}
.our-product-outer .our-product-bx .our-product-ara figure a::after {
display: none;
}
.our-product-outer .our-product-bx .our-product-ara .our-product-text {
padding: 40px 70px 70px;
}
.our-product-outer .our-product-bx .our-product-ara .our-product-text p {
font-size: 16px;
line-height: 150%;
color: #353535;
font-family: "apex_newbook";
}
@media only screen and (max-width: 1024px) {
.our-product-outer .our-product-bx .our-product-ara .our-product-text {
padding: 20px 20px 20px;
}
}
.our-product-outer .our-product-bx .our-product-ara:hover {
box-shadow: -1px 7px 15px rgba(0, 0, 0, 0.14);
background: #FFFFFF;
}
.our-product-outer .our-product-bx .our-product-ara:hover img {
transform: scale(1.1);
}
.our-product-outer .our-product-bx > a {
font-size: 22px;
line-height: 112.5%;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #423F45;
display: inline-block;
position: relative;
padding-right: 8px;
transition: all 0.5s ease-in;
margin-top: 45px;
}
.our-product-outer .our-product-bx > a::after {
width: 32px;
height: 32px;
background: #E6E5E6;
position: absolute;
content: "";
right: 0;
top: -2px;
border-radius: 100%;
transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.our-product-outer .our-product-bx > a:hover {
color: #4C2685;
}
.our-product-outer .our-product-bx > a:hover::after {
background: transparent;
}
.our-product-outer .our-product-bx > a img {
position: relative;
z-index: 1;
display: inline-block;
margin-left: 10px;
width: auto;
}
@media only screen and (max-width: 767px) {
.our-product-outer .our-product-bx > a img {
width: 26px;
}
}
@media only screen and (max-width: 767px) {
.our-product-outer .our-product-bx > a {
font-size: 16px;
}
.our-product-outer .our-product-bx > a::after {
top: -1px;
width: 22px;
height: 22px;
}
}
.our-product-outer .our-product-slider button.slick-prev {
transform: inherit;
transition: all 0.3s;
transform: translateX(-70px) scale(1);
width: 56px;
height: 32px;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/explore-arrow-bfr.png) left top no-repeat;
background-size: 100% auto;
z-index: 9;
}
.our-product-outer .our-product-slider button.slick-prev::before {
display: none;
}
.our-product-outer .our-product-slider button.slick-prev:hover {
transform: translateX(-70px) scale(1.1);
}
@media only screen and (max-width: 1440px) {
.our-product-outer .our-product-slider button.slick-prev {
left: 48px;
}
}
.our-product-outer .our-product-slider button.slick-next {
transform: inherit;
transition: all 0.3s;
transform: translateX(60px) rotate(180deg) scale(1);
width: 56px;
height: 32px;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/explore-arrow-bfr.png) left top no-repeat;
background-size: 100% auto;
z-index: 9;
}
.our-product-outer .our-product-slider button.slick-next::before {
display: none;
}
.our-product-outer .our-product-slider button.slick-next:hover {
transform: translateX(60px) rotate(180deg) scale(1.1);
}
@media only screen and (max-width: 1440px) {
.our-product-outer .our-product-slider button.slick-next {
right: 48px;
}
}
.about-us-outer {
padding: 75px 0px;
float: left;
width: 100%;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/about-us-bg-2.webp) no-repeat;
background-size: cover;
}
@media only screen and (max-width: 1100px) {
.about-us-outer {
padding: 50px 0px;
}
}
.about-us-outer .align-items-center {
margin: 0;
}
.about-us-outer .about-us-left .head {
text-align: left;
}
.about-us-outer .about-us-left .head h3 {
font-size: 20px;
line-height: 126%;
text-transform: capitalize;
color: #00206B;
font-family: "apex_newbook";
padding-bottom: 5px;
display: inline-block;
position: relative;
margin-bottom: 12px;
padding-left: 45px;
}
.about-us-outer .about-us-left .head h3::after {
width: 52px;
height: 2px;
background: #274BA0;
position: absolute;
bottom: -2px;
left: 0;
right: 0;
margin: auto;
content: "";
}
.about-us-outer .about-us-left .head h3:after {
background: #fff;
right: -35px;
}
.about-us-outer .about-us-left .head h2 {
font-size: 45px;
line-height: 126%;
text-transform: capitalize;
color: #133A55;
font-family: "apex_newbook";
padding-bottom: 35px;
margin-bottom: 12px;
padding-bottom: 0px;
}
@media only screen and (max-width: 1100px) {
.about-us-outer .about-us-left .head h2 {
font-size: 40px;
}
}
@media only screen and (max-width: 1025px) {
.about-us-outer .about-us-left .head h2 {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 768px) {
.about-us-outer .about-us-left .head h2 {
font-size: 30px;
padding-bottom: 15px;
}
}
.about-us-outer .about-us-left p {
font-size: 16px;
line-height: 211%;
color: #fff;
font-family: "apex_newbook";
margin-bottom: 20px;
}
.about-us-outer .about-us-left a {
margin-top: 52px;
background: transparent;
border-radius: 49px;
padding: 12px 30px;
display: inline-block;
letter-spacing: 0.005em;
border: 1px solid #FFFFFF;
text-transform: uppercase;
color: #FFFFFF;
font-size: 22px;
font-family: "apex_newbook";
position: relative;
transition: all 0.5s ease-in;
}
.about-us-outer .about-us-left a::after {
width: 32px;
height: 32px;
background: #6269A5;
position: absolute;
content: "";
right: 21px;
top: 13px;
border-radius: 100%;
transition: all 0.5s ease-in;
}
.about-us-outer .about-us-left a:hover {
background: #274BA0;
color: #fff;
}
.about-us-outer .about-us-left a:hover::after {
background: transparent;
}
.about-us-outer .about-us-left a img {
margin-left: 10px;
position: relative;
z-index: 1;
margin-top: -5px;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.about-us-outer .about-us-left a img {
max-width: 26px;
}
}
@media only screen and (max-width: 1100px) {
.about-us-outer .about-us-left a {
padding: 7px 30px;
}
.about-us-outer .about-us-left a:after {
top: 7px;
}
}
@media only screen and (max-width: 767px) {
.about-us-outer .about-us-left a {
font-size: 16px;
}
.about-us-outer .about-us-left a::after {
top: 7px;
width: 22px;
height: 22px;
}
}
@media only screen and (max-width: 768px) {
.about-us-outer .about-us-left {
width: 100%;
margin-bottom: 30px;
}
}
.about-us-outer .about-us-right figure {
padding-left: 65px;
}
.about-us-outer .about-us-right figure img {
max-width: 100%;
}
@media only screen and (max-width: 768px) {
.about-us-outer .about-us-right figure {
padding-left: 0;
}
}
@media only screen and (max-width: 768px) {
.about-us-outer .about-us-right {
width: 100%;
}
}
.datacom-advantage-outer {
padding: 75px 0px;
float: left;
width: 100%;
background: linear-gradient(180deg, #EFF6FF 0%, #fff 100%);
}
@media only screen and (max-width: 1100px) {
.datacom-advantage-outer {
padding: 50px 0px;
}
}
.datacom-advantage-outer .head {
text-align: center;
}
.datacom-advantage-outer .head h3 {
font-size: 20px;
line-height: 126%;
text-transform: capitalize;
color: #00206B;
font-family: "apex_newbook";
padding-bottom: 5px;
display: inline-block;
position: relative;
margin-bottom: 12px;
}
.datacom-advantage-outer .head h3::after {
width: 52px;
height: 2px;
background: #274BA0;
position: absolute;
bottom: -2px;
left: 0;
right: 0;
margin: auto;
content: "";
}
.datacom-advantage-outer .head h2 {
font-size: 45px;
line-height: 126%;
text-transform: capitalize;
color: #133A55;
font-family: "apex_newbook";
padding-bottom: 35px;
margin-bottom: 12px;
}
@media only screen and (max-width: 1100px) {
.datacom-advantage-outer .head h2 {
font-size: 40px;
}
}
@media only screen and (max-width: 1025px) {
.datacom-advantage-outer .head h2 {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 768px) {
.datacom-advantage-outer .head h2 {
font-size: 30px;
padding-bottom: 15px;
}
}
.datacom-advantage-outer .datacom-advantage-main {
margin: 0;
align-items: flex-start;
}
.datacom-advantage-outer .datacom-advantage-main .datacom-bx {
padding: 0px 15px;
width: 20%;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
}
.datacom-advantage-outer .datacom-advantage-main .datacom-bx::after {
width: 1px;
height: 222px;
background: rgba(201, 201, 201, 0.68);
position: absolute;
right: 0;
top: 50px;
content: "";
}
.datacom-advantage-outer .datacom-advantage-main .datacom-bx:last-child::after {
display: none;
}
.datacom-advantage-outer .datacom-advantage-main .datacom-bx figure {
background: #274BA0;
width: 149px;
height: 149px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 12px;
margin: 0px;
transition: all 0.5s ease-in;
border: 1px solid #274BA0;
transition: all 0.5s;
border-radius: 100%;
}
.datacom-advantage-outer .datacom-advantage-main .datacom-bx figure img {
transition: all 0.5s ease-in;
}
.datacom-advantage-outer .datacom-advantage-main .datacom-bx .datacom-text {
padding: 35px 10px 0px;
}
.datacom-advantage-outer .datacom-advantage-main .datacom-bx .datacom-text h3 {
font-size: 20px;
line-height: 121%;
color: #3F4045;
font-family: "apex_newmedium";
padding-bottom: 8px;
}
@media only screen and (max-width: 675px) {
.datacom-advantage-outer .datacom-advantage-main .datacom-bx .datacom-text h3 {
font-size: 20px;
}
}
.datacom-advantage-outer .datacom-advantage-main .datacom-bx .datacom-text p {
font-size: 16px;
line-height: 180%;
color: #4D4D4D;
font-family: "apex_newbook";
}
.datacom-advantage-outer .datacom-advantage-main .datacom-bx:hover figure {
background: transparent;
}
.datacom-advantage-outer .datacom-advantage-main .datacom-bx:hover figure img {
filter: invert(100%);
}
@media only screen and (max-width: 1100px) {
.datacom-advantage-outer .datacom-advantage-main .datacom-bx {
width: 33.33%;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 675px) {
.datacom-advantage-outer .datacom-advantage-main .datacom-bx {
width: 50%;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 480px) {
.datacom-advantage-outer .datacom-advantage-main .datacom-bx {
width: 100%;
margin-bottom: 20px;
display: block;
}
.datacom-advantage-outer .datacom-advantage-main .datacom-bx::after {
display: none;
}
.datacom-advantage-outer .datacom-advantage-main .datacom-bx figure {
margin: 0 auto;
}
}
.datacom-advantage-outer .reference-outer {
padding-top: 0px;
padding-bottom: 90px;
}
.datacom-advantage-outer .reference-outer .reference-slider .slick-list .slick-track {
margin: 0;
}
.datacom-advantage-outer .reference-outer .reference-slider button.slick-prev {
transform: inherit;
transition: all 0.3s;
transform: translateX(-70px) scale(1);
width: 56px;
left: -6px;
height: 32px;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/explore-arrow-bfr.png) left top no-repeat;
background-size: 100% auto;
z-index: 9;
}
.datacom-advantage-outer .reference-outer .reference-slider button.slick-prev::before {
display: none;
}
.datacom-advantage-outer .reference-outer .reference-slider button.slick-prev:hover {
transform: translateX(-70px) scale(1.1);
}
@media only screen and (max-width: 1440px) {
.datacom-advantage-outer .reference-outer .reference-slider button.slick-prev {
left: 48px;
}
}
.datacom-advantage-outer .reference-outer .reference-slider button.slick-next {
transform: inherit;
transition: all 0.3s;
transform: translateX(60px) rotate(180deg) scale(1);
width: 56px;
right: 0;
height: 32px;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/explore-arrow-bfr.png) left top no-repeat;
background-size: 100% auto;
z-index: 9;
}
.datacom-advantage-outer .reference-outer .reference-slider button.slick-next::before {
display: none;
}
.datacom-advantage-outer .reference-outer .reference-slider button.slick-next:hover {
transform: translateX(60px) rotate(180deg) scale(1.1);
}
@media only screen and (max-width: 1440px) {
.datacom-advantage-outer .reference-outer .reference-slider button.slick-next {
right: 48px;
}
}
.datacom-advantage-outer .reference-outer .reference-bx .reference-ara {
position: relative;
overflow: hidden;
margin-right: 30px;
}
.datacom-advantage-outer .reference-outer .reference-bx .reference-ara figure img {
width: 100%;
}
.datacom-advantage-outer .reference-outer .reference-bx .reference-ara .reference-text {
position: absolute;
bottom: -110px;
padding: 0px 17px 18px;
z-index: 1;
transition: all 0.5s ease-in;
}
.datacom-advantage-outer .reference-outer .reference-bx .reference-ara .reference-text .catagory {
border: 1px solid #FFFFFF;
border-radius: 27.5px;
padding: 6px 14px;
display: inline-block;
font-size: 16px;
font-family: "apex_newmedium";
line-height: 126%;
margin-bottom: 14px;
}
.datacom-advantage-outer .reference-outer .reference-bx .reference-ara .reference-text h3 {
font-size: 20px;
line-height: 126%;
text-transform: capitalize;
color: #FFECEC;
font-family: "apex_newmedium";
padding-bottom: 8px;
}
.datacom-advantage-outer .reference-outer .reference-bx .reference-ara .reference-text p {
font-size: 16px;
line-height: 180%;
color: #fff;
font-family: "apex_newbook";
padding-right: 50px;
padding-bottom: 15px;
}
.datacom-advantage-outer .reference-outer .reference-bx .reference-ara .reference-text a {
font-size: 14px;
line-height: 150%;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #fff;
display: inline-block;
position: relative;
padding-right: 8px;
transition: all 0.5s ease-in;
font-family: "apex_newmedium";
}
.datacom-advantage-outer .reference-outer .reference-bx .reference-ara .reference-text a::after {
width: 14px;
height: 14px;
background: #6269A5;
position: absolute;
content: "";
right: 3px;
top: 5px;
border-radius: 100%;
transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.datacom-advantage-outer .reference-outer .reference-bx .reference-ara .reference-text a:hover {
color: #274BA0;
}
.datacom-advantage-outer .reference-outer .reference-bx .reference-ara .reference-text a:hover::after {
background: #274BA0;
}
.datacom-advantage-outer .reference-outer .reference-bx .reference-ara .reference-text a img {
position: relative;
z-index: 1;
display: inline-block;
margin-left: 4px;
}
.datacom-advantage-outer .reference-outer .reference-bx .reference-ara::after {
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
position: absolute;
background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 69.53%);
}
.datacom-advantage-outer .reference-outer .reference-bx .reference-ara:hover .reference-text {
bottom: 0;
}
@media only screen and (max-width: 600px) {
.datacom-advantage-outer .reference-outer .reference-bx .reference-ara {
margin-right: 0;
}
}
.datacom-advantage-outer .reference-outer .reference-exp {
text-align: center;
padding-top: 65px;
}
.datacom-advantage-outer .reference-outer .reference-exp a {
font-size: 22px;
line-height: 112.5%;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #423F45;
display: inline-block;
position: relative;
padding-right: 8px;
transition: all 0.5s ease-in;
}
.datacom-advantage-outer .reference-outer .reference-exp a::after {
width: 32px;
height: 32px;
background: #E6E5E6;
position: absolute;
content: "";
right: 0;
top: -2px;
border-radius: 100%;
transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.datacom-advantage-outer .reference-outer .reference-exp a:hover {
color: #4C2685;
}
.datacom-advantage-outer .reference-outer .reference-exp a:hover::after {
background: transparent;
}
.datacom-advantage-outer .reference-outer .reference-exp a img {
position: relative;
z-index: 1;
display: inline-block;
margin-left: 10px;
width: auto;
}
@media only screen and (max-width: 767px) {
.datacom-advantage-outer .reference-outer .reference-exp a img {
width: 26px;
}
}
@media only screen and (max-width: 767px) {
.datacom-advantage-outer .reference-outer .reference-exp a {
font-size: 16px;
}
.datacom-advantage-outer .reference-outer .reference-exp a::after {
top: -1px;
width: 22px;
height: 22px;
}
}
.news-blog-outer {
padding-top: 90px;
padding-bottom: 90px;
clear: both;
background: #F8F4FF;
}
.news-blog-outer .news-main {
margin: 0;
}
.news-blog-outer .news-main .news-big-blog {
width: 62%;
}
.news-blog-outer .news-main .news-big-blog .news-big-area {
position: relative;
overflow: hidden;
}
.news-blog-outer .news-main .news-big-blog .news-big-area figure {
margin: 0;
}
.news-blog-outer .news-main .news-big-blog .news-big-area figure img {
width: 100%;
transition: all 1s ease-in;
}
.news-blog-outer .news-main .news-big-blog .news-big-area .news-blog-text {
padding: 19px 30px;
}
@media only screen and (max-width: 600px) {
.news-blog-outer .news-main .news-big-blog .news-big-area .news-blog-text {
padding: 10px 9px;
}
}
.news-blog-outer .news-main .news-big-blog .news-big-area:hover figure img {
transform: scale(1.1);
}
@media only screen and (max-width: 1024px) {
.news-blog-outer .news-main .news-big-blog {
width: 100%;
margin-bottom: 20px;
}
}
.news-blog-outer .news-main .news-big-right {
width: 38%;
}
.news-blog-outer .news-main .news-big-right .news-blog-small {
margin-bottom: 19px;
width: 50%;
}
.news-blog-outer .news-main .news-big-right .news-blog-small .news-blog-small-area {
position: relative;
overflow: hidden;
}
.news-blog-outer .news-main .news-big-right .news-blog-small .news-blog-small-area figure {
margin: 0;
}
.news-blog-outer .news-main .news-big-right .news-blog-small .news-blog-small-area figure img {
width: 100%;
transition: all 1s ease-in;
}
.news-blog-outer .news-main .news-big-right .news-blog-small .news-blog-small-area .news-blog-text {
padding: 12px 9px;
}
.news-blog-outer .news-main .news-big-right .news-blog-small .news-blog-small-area .news-blog-text h4 {
font-size: 14px;
}
.news-blog-outer .news-main .news-big-right .news-blog-small .news-blog-small-area:hover figure img {
transform: scale(1.1);
}
@media only screen and (max-width: 540px) {
.news-blog-outer .news-main .news-big-right .news-blog-small {
width: 100%;
}
}
.news-blog-outer .news-main .news-big-right .news-blog-small.full {
width: 100%;
}
.news-blog-outer .news-main .news-big-right .news-blog-small.full .news-blog-text {
padding: 21px 15px;
}
.news-blog-outer .news-main .news-big-right .news-blog-small.full .news-blog-text h4 {
font-size: 24px;
}
@media only screen and (max-width: 768px) {
.news-blog-outer .news-main .news-big-right .news-blog-small.full .news-blog-text h4 {
font-size: 20px;
}
}
@media only screen and (max-width: 540px) {
.news-blog-outer .news-main .news-big-right .news-blog-small.full .news-blog-text {
padding: 10px 9px;
}
}
@media only screen and (max-width: 1024px) {
.news-blog-outer .news-main .news-big-right {
width: 100%;
padding: 0px;
margin: 0px;
}
}
.news-blog-outer .news-main .news-blog-text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: rgba(255, 255, 255, 0.74);
}
.news-blog-outer .news-main .news-blog-text h6 {
font-size: 14px;
line-height: 100.9%;
color: #302C2C;
padding-bottom: 8px;
font-family: "apex_newbook";
}
.news-blog-outer .news-main .news-blog-text h4 {
font-size: 36px;
line-height: 120%;
text-transform: capitalize;
}
.news-blog-outer .news-main .news-blog-text h4 a {
color: #404144;
font-family: "apex_newbook";
}
@media only screen and (max-width: 768px) {
.news-blog-outer .news-main .news-blog-text h4 {
font-size: 25px;
}
}
@media only screen and (max-width: 600px) {
.news-blog-outer .news-main .news-blog-text h4 {
font-size: 18px;
}
}
.news-blog-outer .news-main .news-blog-text:hover h4 a {
color: #4C2685;
}
@media only screen and (max-width: 1024px) {
.news-blog-outer {
padding-top: 50px;
padding-bottom: 50px;
}
}
.get-in-touch-outer {
padding: 75px 0px;
float: left;
width: 100%;
background: #fff;
}
@media only screen and (max-width: 1100px) {
.get-in-touch-outer {
padding: 50px 0px;
}
}
.get-in-touch-outer .head {
text-align: center;
}
.get-in-touch-outer .head h3 {
font-size: 20px;
line-height: 126%;
text-transform: capitalize;
color: #00206B;
font-family: "apex_newbook";
padding-bottom: 5px;
display: inline-block;
position: relative;
margin-bottom: 12px;
}
.get-in-touch-outer .head h3::after {
width: 52px;
height: 2px;
background: #274BA0;
position: absolute;
bottom: -2px;
left: 0;
right: 0;
margin: auto;
content: "";
}
.get-in-touch-outer .head h2 {
font-size: 45px;
line-height: 126%;
text-transform: capitalize;
color: #133A55;
font-family: "apex_newbook";
padding-bottom: 35px;
margin-bottom: 12px;
}
@media only screen and (max-width: 1100px) {
.get-in-touch-outer .head h2 {
font-size: 40px;
}
}
@media only screen and (max-width: 1025px) {
.get-in-touch-outer .head h2 {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 768px) {
.get-in-touch-outer .head h2 {
font-size: 30px;
padding-bottom: 15px;
}
}
.get-in-touch-outer .get-in-touch-main {
display: flex;
padding: 0px 40px;
justify-content: space-between;
}
.get-in-touch-outer .get-in-touch-main .get-in-touch-left {
width: 45%;
display: flex;
}
.get-in-touch-outer .get-in-touch-main .get-in-touch-left .get-add-row {
margin-bottom: 78px;
display: flex;
align-items: self-start;
}
.get-in-touch-outer .get-in-touch-main .get-in-touch-left .get-add-row .get-ico {
background: #4C2685;
border-radius: 12px;
width: 56px;
height: 56px;
display: flex;
justify-content: center;
align-items: center;
}
.get-in-touch-outer .get-in-touch-main .get-in-touch-left .get-add-row .get-text {
padding-left: 18px;
}
.get-in-touch-outer .get-in-touch-main .get-in-touch-left .get-add-row .get-text h4 {
font-size: 16px;
line-height: 100%;
letter-spacing: 0.008em;
color: #92929D;
font-family: "apex_newmedium";
padding-bottom: 7px;
}
.get-in-touch-outer .get-in-touch-main .get-in-touch-left .get-add-row .get-text a {
font-family: "apex_newbook";
letter-spacing: 0.005em;
color: #000000;
font-size: 16px;
line-height: 100%;
}
.get-in-touch-outer .get-in-touch-main .get-in-touch-left .get-add-row:last-child {
margin-bottom: 0px;
}
.get-in-touch-outer .get-in-touch-main .get-in-touch-left figure {
margin-bottom: 0;
display: flex;
}
.get-in-touch-outer .get-in-touch-main .get-in-touch-left figure img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media only screen and (max-width: 767px) {
.get-in-touch-outer .get-in-touch-main .get-in-touch-left {
display: none;
}
}
.get-in-touch-outer .get-in-touch-main .get-touch-form {
width: 50%;
background: linear-gradient(0deg, #EFF6FF 60.65%, #FFFFFF 96.34%);
border-radius: 0px;
padding: 0 40px;
}
.get-in-touch-outer .get-in-touch-main .get-touch-form h3 {
font-size: 40px;
line-height: 125%;
color: #133A55;
font-family: "apex_newmedium";
padding-bottom: 40px;
}
@media only screen and (max-width: 768px) {
.get-in-touch-outer .get-in-touch-main .get-touch-form h3 {
font-size: 25px;
}
}
.get-in-touch-outer .get-in-touch-main .get-touch-form .get-input-bx {
margin-bottom: 30px;
}
.get-in-touch-outer .get-in-touch-main .get-touch-form .get-input-bx input {
padding: 5px 0px;
color: #040404;
font-size: 16px;
line-height: 160.5%;
font-family: "apex_newbook";
width: 100%;
border: none;
border-bottom: 1px solid rgba(91, 91, 91, 0.24);
outline: none !important;
background: transparent;
}
.get-in-touch-outer .get-in-touch-main .get-touch-form .get-input-bx input::-moz-placeholder {
color: #040404;
opacity: 1;
}
.get-in-touch-outer .get-in-touch-main .get-touch-form .get-input-bx input::placeholder {
color: #040404;
opacity: 1;
}
.get-in-touch-outer .get-in-touch-main .get-touch-form .get-input-bx select {
padding: 5px 0px;
color: #040404;
font-size: 16px;
line-height: 160.5%;
font-family: "apex_newbook";
width: 100%;
border: none;
border-bottom: 1px solid rgba(91, 91, 91, 0.24);
outline: none !important;
background: transparent;
}
.get-in-touch-outer .get-in-touch-main .get-touch-form .get-input-bx textarea {
padding: 5px 0px;
color: #040404;
font-size: 16px;
line-height: 160.5%;
font-family: "apex_newbook";
width: 100%;
border: none;
border-bottom: 1px solid rgba(91, 91, 91, 0.24);
outline: none !important;
resize: none;
background: transparent;
}
.get-in-touch-outer .get-in-touch-main .get-touch-form .get-input-bx textarea::-moz-placeholder {
color: #040404;
opacity: 1;
}
.get-in-touch-outer .get-in-touch-main .get-touch-form .get-input-bx textarea::placeholder {
color: #040404;
opacity: 1;
}
.get-in-touch-outer .get-in-touch-main .get-touch-form .get-input-bx .submit {
background: #4C2685;
border-radius: 50px;
padding: 13px 49px;
font-size: 16px;
line-height: 26px;
text-align: center;
text-transform: capitalize;
color: #FFFFFF;
width: auto;
font-family: "apex_newmedium";
margin: 0 auto;
display: block;
background: #274BA0;
}
.get-in-touch-outer .get-in-touch-main .get-touch-form .get-input-bx .submit:hover {
background: #274BA0;
}
@media only screen and (max-width: 767px) {
.get-in-touch-outer .get-in-touch-main .get-touch-form .get-input-bx .submit {
padding: 7px 30px;
}
}
.get-in-touch-outer .get-in-touch-main .get-touch-form .get-input-bx.country-code {
display: flex;
}
.get-in-touch-outer .get-in-touch-main .get-touch-form .get-input-bx.country-code .wpcf7-form-control-wrap {
width: 100%;
}
.get-in-touch-outer .get-in-touch-main .get-touch-form .get-input-bx.country-code .wpcf7-form-control-wrap:first-child {
width: 90px;
}
.get-in-touch-outer .get-in-touch-main .get-touch-form .get-input-bx.country-code .wpcf7-form-control-wrap:first-child select {
padding: 7px 0px 6px;
}
@media only screen and (max-width: 767px) {
.get-in-touch-outer .get-in-touch-main .get-touch-form {
width: 100%;
}
}
@media only screen and (max-width: 540px) {
.get-in-touch-outer .get-in-touch-main .get-touch-form {
padding: 0px 15px;
}
}
@media only screen and (max-width: 1024px) {
.get-in-touch-outer .get-in-touch-main {
padding: 0px 15px;
}
}
@media only screen and (max-width: 1440px) {
.datacom-advantage-outer .datacom-advantage-main .datacom-bx .datacom-text {
padding: 35px 19px 0px;
}
}
.search__list.blog-main-sec {
font-family: "apex_newbook";
}
.search__list.blog-main-sec .head {
font-family: "apex_newbook";
}
.section.article.blog-main-outer h1 {
font-family: "apex_newbook";
}
.section.article.blog-main-outer h1 span {
font-family: "apex_newbook";
}
.latest-blog {
padding: 60px 0 0 0;
clear: both;
}
.latest-blog h2 {
font-weight: 600;
font-size: 50px;
line-height: 107.5%; text-align: center;
letter-spacing: 0.005em;
text-transform: capitalize;
color: #000000;
margin-bottom: 30px;
}
.latest-blog .blog-listing .pagination {
display: flex;
justify-content: center;
align-items: center;
margin: 50px 0;
}
.latest-blog .blog-listing .pagination ul {
display: flex;
}
.latest-blog .blog-listing .pagination ul li {
margin-right: 45px;
display: flex;
align-items: center;
justify-content: center;
}
.latest-blog .blog-listing .pagination ul li a {
font-family: "Jost";
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 20px; display: flex;
align-items: center;
text-align: center;
color: #000000;
width: 100%;
height: 100%;
display: flex;
}
.latest-blog .blog-listing .pagination ul li a:hover {
color: #e74011;
}
.latest-blog .blog-listing .pagination ul li a.current {
color: #e74011;
}
.latest-blog .blog-listing .pagination ul li.prev {
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #b1b1b1;
border-radius: 100%;
background: #fff url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/prev-red.png) center center no-repeat;
}
.latest-blog .blog-listing .pagination ul li.prev:hover {
background: #e74011 url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/prev-white.png) center center no-repeat;
border: 1px solid #e74011;
}
.latest-blog .blog-listing .pagination ul li.next {
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #b1b1b1;
border-radius: 100%;
background: #fff url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/next-red.png) center center no-repeat;
}
.latest-blog .blog-listing .pagination ul li.next:hover {
background: #e74011 url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/next-white.png) center center no-repeat;
border: 1px solid #e74011;
}
.latest-blog .blog-listing .blog-box {
margin-bottom: 50px;
}
.latest-blog .blog-listing .blog-box figure img {
width: 100%;
}
.latest-blog .blog-listing .blog-box span {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%; color: #878787;
margin-bottom: 15px;
}
.latest-blog .blog-listing .blog-box h3 {
font-family: "Jost";
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%; color: #000000;
margin-bottom: 15px;
min-height: 50px;
}
.latest-blog .blog-listing .blog-box h3 a {
color: #000000;
}
.latest-blog .blog-listing .blog-box p {
font-style: normal;
font-family: "apex_newbook";
font-weight: 400;
font-size: 14px;
line-height: 150%; color: #878787;
margin-bottom: 15px;
}
.latest-blog .blog-listing .blog-box a.read-more {
border: 1px solid #e74011;
border-radius: 49px;
width: 156px;
height: 41px;
font-family: "Jost";
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 112.5%; letter-spacing: 0.005em;
text-transform: uppercase;
color: #000000;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
}
.latest-blog .blog-listing .blog-box a.read-more:hover {
background: linear-gradient(270deg, #861723 0%, #e74011 100%);
color: #fff;
}
.related-blog {
padding: 0 0 60px 0;
}
.related-blog h2 {
font-weight: 600;
font-size: 50px;
line-height: 107.5%; text-align: center;
letter-spacing: 0.005em;
text-transform: capitalize;
color: #000000;
margin-bottom: 30px;
}
.related-blog .blog-box {
margin-bottom: 50px;
}
.related-blog .blog-box span {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%; color: #878787;
margin-bottom: 15px;
}
.related-blog .blog-box h3 {
font-family: "Jost";
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%; color: #000000;
margin-bottom: 15px;
}
.related-blog .blog-box p {
font-family: "Jost";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%; color: #878787;
margin-bottom: 15px;
}
.related-blog .blog-box a {
border: 1px solid #e74011;
border-radius: 49px;
width: 156px;
height: 41px;
font-family: "Jost";
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 112.5%; letter-spacing: 0.005em;
text-transform: uppercase;
color: #000000;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
}
.related-blog .blog-box a:hover {
background: linear-gradient(270deg, #861723 0%, #e74011 100%);
color: #fff;
}
.blog-featured {
margin-top: 70px;
}
.blog-featured img {
width: 100%;
}
.blog-featured h1 {
font-style: normal;
font-weight: 500;
font-size: 50px;
line-height: 65px; font-family: "apex_newbook";
letter-spacing: 0.005em;
text-transform: capitalize;
color: #000000;
margin-bottom: 15px;
}
.blog-details {
padding: 50px 0 80px 0;
}
.blog-details .related-head {
margin-top: 80px;
}
.blog-details .related-head h2 {
font-size: 60px;
line-height: 126%; text-transform: capitalize;
font-family: "apex_newbook";
color: #000000;
}
@media only screen and (max-width: 1100px) {
.blog-details .related-head h2 {
font-size: 40px;
}
}
@media only screen and (max-width: 1024px) {
.blog-details .related-head h2 {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 768px) {
.blog-details .related-head h2 {
font-size: 30px;
padding-bottom: 15px;
}
}
.blog-details h2 {
font-size: 30px;
line-height: 126%;
text-transform: capitalize;
font-family: "apex_newmedium";
color: #133A55;
padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.blog-details h2 {
font-size: 25px;
}
}
.blog-details h3 {
font-family: "apex_newmedium";
font-size: 25px;
line-height: 150%;
color: #133A55;
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.blog-details h3 {
font-size: 20px;
}
}
.blog-details h4,
.blog-details h5 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 150%;
color: #133A55;
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.blog-details h4,
.blog-details h5 {
font-size: 17px;
}
}
.blog-details h5.date {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%; color: #878787;
margin-bottom: 15px;
}
.blog-details p {
font-style: normal;
font-weight: 400;
font-family: "apex_newbook";
font-size: 16px;
line-height: 150%;
color: #878787;
margin-bottom: 15px;
}
.blog-details p span {
color: #274ba0;
}
.blog-details p a {
color: #274ba0;
}
.blog-details .dark-btn {
color: #878787;
background: #274BA0;
border-radius: 49px;
padding: 12px 30px;
display: inline-block;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #FFFFFF;
font-size: 22px;
font-family: "apex_newmedium";
position: relative;
transition: all 0.5s ease-in;
margin-top: 20px;
}
.blog-details .dark-btn::after {
width: 32px;
height: 32px;
background: #6269A5;
position: absolute;
content: "";
right: 21px;
top: 13px;
border-radius: 100%;
transition: all 0.5s ease-in;
}
.blog-details .dark-btn:hover {
background: #274BA0;
color: #fff;
}
.blog-details .dark-btn:hover::after {
background: transparent;
}
.blog-details .dark-btn img {
margin-left: 10px;
position: relative;
z-index: 1;
margin-top: -5px;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.blog-details .dark-btn img {
width: 26px;
}
}
@media only screen and (max-width: 1100px) {
.blog-details .dark-btn {
padding: 7px 30px;
font-size: 20px;
}
.blog-details .dark-btn::after {
top: 8px;
}
}
@media only screen and (max-width: 767px) {
.blog-details .dark-btn {
padding: 7px 30px;
font-size: 16px;
}
.blog-details .dark-btn::after {
top: 7px;
width: 22px;
height: 22px;
}
}
.blog-details .dark-btn img {
margin-left: 0;
margin-right: 10px;
}
.blog-details .dark-btn::after {
left: 22px;
right: unset;
top: 9px;
}
.blog-details ul {
list-style-type: none;
margin-bottom: 15px;
}
.blog-details ul li {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #878787;
padding-left: 20px;
position: relative;
margin-bottom: 10px;
}
.blog-details ul li:before {
width: 6px;
height: 6px;
border: 2px solid #274ba0;
border-radius: 100%;
position: absolute;
left: 0;
top: 8px;
content: "";
display: block;
}
.blog-details ol {
list-style-type: none;
margin-bottom: 15px;
}
.blog-details ol li {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #878787;
padding-left: 20px;
position: relative;
margin-bottom: 10px;
}
.blog-details ol li:before {
width: 6px;
height: 6px;
border: 2px solid #274ba0;
border-radius: 100%;
position: absolute;
left: 0;
top: 8px;
content: "";
display: block;
}
.blog-details h6 {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 203%; color: #000000;
margin: 0px 0 15px;
}
.blog-details h6 span {
color: #274ba0;
}
.blog-details .share-blog ul {
display: none;
padding-left: 15px;
margin-bottom: 5px;
}
.blog-details .share-blog ul li {
padding-left: 0;
margin-left: 15px;
}
.blog-details .share-blog ul li:before {
display: none;
}
.blog-details .share-blog ul li a {
width: 46px;
height: 46px;
border-radius: 100%;
border: 1px solid #274ba0;
display: flex;
align-items: center;
justify-content: center;
}
.blog-details .share-blog ul li a img.hover {
display: none;
}
.blog-details .share-blog ul li a:hover {
background: #274ba0;
}
.blog-details .share-blog ul li a:hover img {
display: none;
}
.blog-details .share-blog ul li a:hover img.hover {
display: block;
}
.blog-details .share-blog ul.show {
display: flex;
}
.blog-details .share-blog button {
border: 1px solid #274ba0;
border-radius: 49px;
width: 173px;
height: 41px;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 41px;
letter-spacing: 0.005em;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
color: #000000;
transition: all 0.3s;
background: #fff;
}
.blog-details .share-blog button:hover {
background: #274ba0;
color: #fff;
}
.newsevent-slider {
margin-top: 0;
padding-bottom: 60px;
}
.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-size: 20px;
line-height: 125%;
padding-bottom: 15px;
color: #353535;
font-family: "apex_newmedium";
}
.newsevent-slider .news-box figure figcaption p {
font-weight: 500;
font-size: 20px;
line-height: 125%;
color: #686868;
font-family: "apex_newbook";
padding-bottom: 25px;
}
.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-size: 22px;
line-height: 112.5%;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #423F45;
display: inline-block;
position: relative;
padding-right: 8px;
transition: all 0.5s ease-in;
font-size: 16px;
}
.newsevent-slider .news-box figure figcaption .cta-box a::after {
width: 32px;
height: 32px;
background: #E6E5E6;
position: absolute;
content: "";
right: 0;
top: -2px;
border-radius: 100%;
transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.newsevent-slider .news-box figure figcaption .cta-box a:hover {
color: #4C2685;
}
.newsevent-slider .news-box figure figcaption .cta-box a:hover::after {
background: transparent;
}
.newsevent-slider .news-box figure figcaption .cta-box a img {
position: relative;
z-index: 1;
display: inline-block;
margin-left: 10px;
width: auto;
}
@media only screen and (max-width: 767px) {
.newsevent-slider .news-box figure figcaption .cta-box a img {
width: 26px;
}
}
@media only screen and (max-width: 767px) {
.newsevent-slider .news-box figure figcaption .cta-box a {
font-size: 16px;
}
.newsevent-slider .news-box figure figcaption .cta-box a::after {
top: -1px;
width: 22px;
height: 22px;
}
}
.newsevent-slider .news-box figure figcaption .cta-box a::after {
top: -6px;
}
@media only screen and (max-width: 767px) {
.newsevent-slider .news-box figure figcaption .cta-box a::after {
top: 0;
}
}
.newsevent-slider .news-box figure figcaption .cta-box span {
font-size: 16px;
line-height: 30px;
text-align: right;
color: #b1b1b1;
font-family: "apex_newmedium";
}
.newsevent-slider button.slick-prev {
top: unset;
transform: inherit;
bottom: -20px;
left: 50%;
transition: all 0.3s;
transform: translateX(-70px) scale(1);
width: 56px;
height: 32px;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/explore-arrow-bfr.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(-70px) scale(1.2);
}
.newsevent-slider button.slick-next {
top: unset;
transform: inherit;
bottom: -20px;
right: 50%;
transition: all 0.3s;
transform: translateX(60px) rotate(180deg) scale(1);
width: 56px;
height: 32px;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/explore-arrow-bfr.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) rotate(180deg) scale(1.2);
}
.blog-main-outer {
padding-bottom: 50px;
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box {
margin-bottom: 40px;
padding: 0 10px;
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure {
box-shadow: 0px 14px 24px 10px rgba(0, 0, 0, 0.05);
background: #ffffff;
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure > a {
display: block;
overflow: hidden;
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure > a:hover img {
transform: scale(1.1);
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure img {
width: 100%;
transition: all 1s ease-in;
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure figcaption {
padding: 30px;
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure figcaption h3 {
font-size: 20px;
line-height: 125%;
padding-bottom: 15px;
color: #353535;
font-family: "apex_newmedium";
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure figcaption h3 a {
color: #353535;
font-family: "apex_newmedium";
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure figcaption h3 a:hover {
color: #274BA0;
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure figcaption p {
font-weight: 500;
font-size: 20px;
line-height: 125%;
color: #686868;
font-family: "apex_newbook";
padding-bottom: 25px;
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure figcaption .cta-box {
display: flex;
justify-content: space-between;
align-items: center;
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure figcaption .cta-box a {
font-size: 22px;
line-height: 112.5%;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #423F45;
display: inline-block;
position: relative;
padding-right: 8px;
transition: all 0.5s ease-in;
font-size: 16px;
font-family: "apex_newmedium";
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure figcaption .cta-box a::after {
width: 32px;
height: 32px;
background: #E6E5E6;
position: absolute;
content: "";
right: 0;
top: -2px;
border-radius: 100%;
transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure figcaption .cta-box a:hover {
color: #4C2685;
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure figcaption .cta-box a:hover::after {
background: transparent;
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure figcaption .cta-box a img {
position: relative;
z-index: 1;
display: inline-block;
margin-left: 10px;
width: auto;
}
@media only screen and (max-width: 767px) {
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure figcaption .cta-box a img {
width: 26px;
}
}
@media only screen and (max-width: 767px) {
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure figcaption .cta-box a {
font-size: 16px;
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure figcaption .cta-box a::after {
top: -1px;
width: 22px;
height: 22px;
}
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure figcaption .cta-box a::after {
top: -6px;
}
@media only screen and (max-width: 767px) {
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure figcaption .cta-box a::after {
top: 0px;
}
}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure figcaption .cta-box span {
font-size: 16px;
line-height: 30px;
text-align: right;
color: #b1b1b1;
font-family: "apex_newmedium";
}
.blog-main-outer .blog-main-sec .pagination-outer {
padding-bottom: 50px;
padding-top: 20px;
}
.blog-main-outer .blog-main-sec .pagination-outer .pagination {
margin: 0px;
display: flex;
justify-content: center;
align-items: center;
}
.blog-main-outer .blog-main-sec .pagination-outer .pagination .page-item {
margin-right: 3px;
}
.blog-main-outer .blog-main-sec .pagination-outer .pagination .page-item .page-link {
font-size: 16px;
color: #133A55;
border: 1px solid #D2D2D2;
margin: 0;
outline: none !important;
box-shadow: none !important;
}
@media only screen and (max-width: 767px) {
.blog-main-outer .blog-main-sec .pagination-outer .pagination .page-item .page-link img {
width: 26px;
}
}
@media only screen and (max-width: 767px) {
.blog-main-outer .blog-main-sec .pagination-outer .pagination .page-item .page-link {
font-size: 12px;
}
}
.blog-main-outer .blog-main-sec .pagination-outer .pagination .page-item .page-link.doted {
border: none;
font-family: "apex_newmedium";
}
.blog-main-outer .blog-main-sec .pagination-outer .pagination .page-item:first-child .page-link {
border: none;
background: none !important;
}
.blog-main-outer .blog-main-sec .pagination-outer .pagination .page-item:last-child .page-link {
border: none;
background: none !important;
}
.single-post .blog-details h5.date {
font-size: 14px;
}
.single-post .blog-details p {
font-size: 18px;
}
@media screen and (max-width: 992px) {
.related-blog .blog-box figure img,
.latest-blog .blog-listing .blog-box figure img {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.latest-blog .blog-listing .pagination ul li {
margin-right: 15px;
}
.latest-blog .blog-listing .pagination {
margin-top: 0;
}
.blog-featured h1 {
font-size: 35px;
line-height: 45px;
}
.blog-featured {
margin-top: 50px;
}
}
.filter {
margin-top: 100px;
padding-bottom: 100px;
}
.col-lg-3 .choose {
display: none;
}
.col-lg-3 .datasheet-list {
background: #f0f0f0;
}
.col-lg-3 .datasheet-list ul li {
background-color: #e8e8e8;
position: relative;
}
.col-lg-3 .datasheet-list ul li a {
padding: 6px 28px 7px 15px;
font-size: 17px;
border-bottom: 1px solid #e1dede;
font-family: "apex_newmedium";
display: block;
color: #353535;
}
.col-lg-3 .datasheet-list ul li .check {
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/Down.png) no-repeat center;
display: inline-block;
width: 35px;
height: 35px;
position: absolute;
z-index: 2;
top: 0;
right: 0;
}
.col-lg-3 .datasheet-list ul li ul {
display: none;
}
.col-lg-3 .datasheet-list ul li ul li {
background: #f0f0f0;
}
.col-lg-3 .datasheet-list ul li ul li a {
padding: 6px 0px 7px 30px;
color: #133A55;
font-family: "apex_newbook";
}
.col-lg-3 .datasheet-list ul li ul li ul {
display: none;
}
.col-lg-3 .datasheet-list ul li ul li ul li a {
padding: 6px 0px 7px 45px;
color: #353535;
font-weight: normal;
}
.col-lg-3 .datasheet-list ul li.active > span {
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/Up.png) no-repeat center;
}
.col-lg-3 .datasheet-list ul li.active > a {
color: #274BA0;
}
@media only screen and (max-width: 1100px) {
.col-lg-3 {
width: 33.33%;
}
}
@media only screen and (max-width: 991px) {
.col-lg-3 {
width: 100%;
position: relative;
}
.col-lg-3 .choose {
display: block;
font-style: normal;
font-weight: 550;
font-size: 20px;
line-height: 26px;
text-align: center;
color: #fff;
margin-bottom: 15px;
text-align: left;
cursor: pointer;
background: #274BA0;
padding: 10px 28px;
border-radius: 4px;
position: relative;
}
.col-lg-3 .choose::after {
position: absolute;
width: 35px;
height: 35px;
right: 4px;
top: 3px;
content: "";
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/choose-Down.png) no-repeat center;
}
.col-lg-3 .datasheet-list {
display: none;
position: absolute;
top: 46px;
left: 0;
width: calc(100% - 30px);
right: 0;
margin: 0 auto;
z-index: 99;
max-height: 300px;
overflow: auto;
}
.col-lg-3 .datasheet-list.open {
display: block;
}
}
@media only screen and (max-width: 991px) {
.col-lg-3.is-active .choose::after {
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/choose-up.png) no-repeat center;
}
.col-lg-3.is-active .datasheet-list {
display: block;
}
}
.form-group-submit {
position: relative;
width: 300px;
float: right;
}
.form-group-submit::after {
display: none;
}
.form-group-submit input {
height: 39px;
border: 1px solid #274BA0;
border-radius: 20px;
padding: 0px 35px 0px 18px;
box-sizing: border-box;
width: 100%;
}
.form-group-submit .frm-submit {
width: auto;
border: none;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/search-ico.png) no-repeat center;
width: 30px;
height: 30px;
position: absolute;
right: 4px;
top: 5px;
padding: 0;
}
.col-lg-9 .filter-grid {
display: flex;
text-align: center;
flex-wrap: wrap;
margin-top: 50px;
float: left;
width: 100%;
}
.col-lg-9 .filter-grid .col-lg-4 {
margin-bottom: 50px;
padding: 0px 0px 0px;
position: relative;
border: 1px solid #eee;
width: 31.3%;
margin-right: 18px;
}
.col-lg-9 .filter-grid .col-lg-4 figure {
min-height: 180px;
margin-bottom: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.col-lg-9 .filter-grid .col-lg-4 figure img {
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
max-height: 100%;
}
.col-lg-9 .filter-grid .col-lg-4 h3 {
font-style: normal;
font-weight: 550;
min-height: 78px;
font-family: "apex_newmedium";
font-size: 18px;
line-height: 26px;
text-align: center;
color: #254A64;
margin-bottom: 15px;
}
@media only screen and (max-width: 991px) {
.col-lg-9 .filter-grid .col-lg-4 h3 {
font-size: 18px;
}
}
.col-lg-9 .filter-grid .col-lg-4 .btn-group {
display: flex;
justify-content: center;
position: relative;
left: 0;
bottom: 0;
width: 100%;
}
.col-lg-9 .filter-grid .col-lg-4 .btn-group a {
width: 60px;
border: none;
box-shadow: none;
background: #fff;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.col-lg-9 .filter-grid .col-lg-4 .btn-group a img:last-child {
display: none;
}
.col-lg-9 .filter-grid .col-lg-4 .btn-group a:first-child {
border: 1px solid #a0a0a0;
border-radius: 23px 0px 0px 23px;
}
.col-lg-9 .filter-grid .col-lg-4 .btn-group a:last-child {
background: #274ba0;
border-radius: 0px 23px 23px 0px;
border: 1px solid #274ba0;
}
@media only screen and (max-width: 1100px) {
.col-lg-9 .filter-grid .col-lg-4 {
width: 50%;
}
}
@media only screen and (max-width: 479px) {
.col-lg-9 .filter-grid .col-lg-4 {
width: 100%;
}
}
.col-lg-9 .filter-grid .col-lg-12 {
width: 100%;
}
@media only screen and (max-width: 1100px) {
.col-lg-9 {
width: 66.66%;
}
}
@media only screen and (max-width: 991px) {
.col-lg-9 {
width: 100%;
}
}
.banner-outer {
position: relative;
margin-top: 35px;
}
.banner-outer .banner-slider {
margin: 0px;
}
.banner-outer .banner-slider .banenr-item figure {
margin: 0;
}
.banner-outer .banner-slider .banenr-item figure img {
width: 100%;
}
@media only screen and (max-width: 768px) {
.banner-outer .banner-slider .banenr-item figure img {
height: 350px;
-o-object-fit: cover;
object-fit: cover;
}
}
.banner-outer .banner-slider .banenr-item .banner-text-outer {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 1;
bottom: 0;
display: flex;
align-items: center;
}
.banner-outer .banner-slider .banenr-item .banner-text-outer .banner-text {
max-width: 594px;
}
.banner-outer .banner-slider .banenr-item .banner-text-outer .banner-text h1 {
font-family: "apex_newbook";
}
.banner-outer .banner-slider .banenr-item .banner-text-outer .banner-text h2 {
font-size: 50px;
line-height: 126%;
color: #133A55;
padding-bottom: 37px;
font-family: "apex_newmedium";
}
@media only screen and (max-width: 1100px) {
.banner-outer .banner-slider .banenr-item .banner-text-outer .banner-text h2 {
font-size: 40px;
}
}
@media only screen and (max-width: 768px) {
.banner-outer .banner-slider .banenr-item .banner-text-outer .banner-text h2 {
font-size: 30px;
}
}
@media only screen and (max-width: 479px) {
.banner-outer .banner-slider .banenr-item .banner-text-outer .banner-text h2 {
font-size: 25px;
padding-bottom: 20px;
}
}
.banner-outer .banner-slider .banenr-item .banner-text-outer .banner-text p {
font-weight: 500;
font-size: 16px;
line-height: 150%;
color: #353535;
font-family: "apex_newbook";
padding-bottom: 25px;
}
.banner-outer .banner-slider .banenr-item .banner-text-outer .banner-text .dark-btn {
background: #274BA0;
border-radius: 49px;
padding: 12px 30px;
display: inline-block;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #FFFFFF;
font-size: 22px;
font-family: "apex_newmedium";
position: relative;
transition: all 0.5s ease-in;
}
.banner-outer .banner-slider .banenr-item .banner-text-outer .banner-text .dark-btn::after {
width: 32px;
height: 32px;
background: #6269A5;
position: absolute;
content: "";
right: 21px;
top: 13px;
border-radius: 100%;
transition: all 0.5s ease-in;
}
.banner-outer .banner-slider .banenr-item .banner-text-outer .banner-text .dark-btn:hover {
background: #274BA0;
color: #fff;
}
.banner-outer .banner-slider .banenr-item .banner-text-outer .banner-text .dark-btn:hover::after {
background: transparent;
}
.banner-outer .banner-slider .banenr-item .banner-text-outer .banner-text .dark-btn img {
margin-left: 10px;
position: relative;
z-index: 1;
margin-top: -5px;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.banner-outer .banner-slider .banenr-item .banner-text-outer .banner-text .dark-btn img {
width: 26px;
}
}
@media only screen and (max-width: 1100px) {
.banner-outer .banner-slider .banenr-item .banner-text-outer .banner-text .dark-btn {
padding: 7px 30px;
font-size: 20px;
}
.banner-outer .banner-slider .banenr-item .banner-text-outer .banner-text .dark-btn::after {
top: 8px;
}
}
@media only screen and (max-width: 767px) {
.banner-outer .banner-slider .banenr-item .banner-text-outer .banner-text .dark-btn {
padding: 7px 30px;
font-size: 16px;
}
.banner-outer .banner-slider .banenr-item .banner-text-outer .banner-text .dark-btn::after {
top: 7px;
width: 22px;
height: 22px;
}
}
@media only screen and (max-width: 767px) {
.banner-outer .banner-slider .banenr-item .banner-text-outer {
position: static;
padding: 20px 0px 60px;
}
}
.banner-outer .slider-dots-box {
position: absolute;
bottom: 55px;
right: 0;
left: 0;
width: 100%;
}
.banner-outer .slider-dots-box .slider-dots {
display: flex;
justify-content: center;
align-items: center;
min-height: 40px;
}
.banner-outer .slider-dots-box .slider-dots li button {
width: 20px;
height: 20px;
border-radius: 50%;
display: block;
border: 0;
background-color: transparent;
margin: 0 10px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 0;
transition: 0.3s all;
position: relative;
z-index: 0;
}
.banner-outer .slider-dots-box .slider-dots li button:after {
content: "";
display: block;
width: 19px;
height: 19px;
border-radius: 50%;
background: #274BA0;
border: 2px solid #FFFFFF;
}
@media only screen and (max-width: 767px) {
.banner-outer .slider-dots-box .slider-dots li button:after {
border-color: #274BA0;
}
}
@media only screen and (max-width: 991px) {
.banner-outer .slider-dots-box .slider-dots li button .progress-svg {
display: none !important;
}
}
.banner-outer .slider-dots-box .slider-dots .slick-active button {
width: 51px;
height: 51px;
}
.banner-outer .slider-dots-box .slider-dots .slick-active button:after {
content: none;
display: none;
}
.banner-outer .slider-dots-box .slider-dots .slick-active button:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
border: 2px solid #fff;
border-radius: 50%;
}
@media only screen and (max-width: 767px) {
.banner-outer .slider-dots-box .slider-dots .slick-active button:before {
border-color: #274BA0;
}
}
@media only screen and (max-width: 991px) {
.banner-outer .slider-dots-box .slider-dots .slick-active button {
width: 30px;
height: 30px;
}
}
.banner-outer .slider-dots-box .circle-bg {
fill: rgba(255, 255, 255, 0);
stroke: rgba(0, 0, 0, 0.05);
stroke-width: 2;
stroke-linecap: butt;
}
.banner-outer .slider-dots-box .circle-go {
fill: rgba(255, 255, 255, 0);
stroke: #274BA0;
stroke-width: 2;
stroke-linecap: round;
animation: progress 22s;
stroke-dasharray: 360px;
stroke-dashoffset: 360;
}
.banner-outer .slider-dots-box .circle-tx {
fill: #E8E8E8;
stroke-width: 1;
font: bold 15px "Jost", sans-serif;
text-anchor: middle;
display: none;
}
@media only screen and (max-width: 991px) {
.banner-outer .slider-dots-box {
bottom: 0;
}
}
.page-template-template-csr .banner-outer.inner-page-banner .banner-row .container .banner-text h1 {
font-size: 18px;
}
@keyframes progress {
from {
stroke-dashoffset: 360;
}
to {
stroke-dashoffset: 0;
}
}
.banner-outer.inner-page-banner {
height: auto;
margin-top: 35px;
}
.banner-outer.inner-page-banner .banner-row {
height: auto;
align-items: flex-start;
width: 100%;
}
.banner-outer.inner-page-banner .banner-row img {
position: relative;
height: auto;
-o-object-fit: inherit;
object-fit: inherit;
width: 100%;
}
@media only screen and (max-width: 767px) {
.banner-outer.inner-page-banner .banner-row img {
height: 300px;
-o-object-fit: cover;
object-fit: cover;
}
}
.banner-outer.inner-page-banner .banner-row .container {
position: absolute;
top: 0;
display: flex;
align-items: center;
height: 100%;
width: 100%;
max-width: 100%;
justify-content: center;
}
.banner-outer.inner-page-banner .banner-row .container .banner-text {
width: 1280px;
}
.banner-outer.inner-page-banner .banner-row .container .banner-text h1 {
font-size: 45px;
line-height: 126%;
color: #133A55;
max-width: 498px;
padding-bottom: 22px;
font-family: "apex_newmedium";
display: block;
}
.banner-outer.inner-page-banner .banner-row .container .banner-text .banner-main {
font-size: 45px;
line-height: 126%;
color: #133A55;
padding-bottom: 22px;
font-family: "apex_newmedium";
display: block;
}
@media only screen and (max-width: 767px) {
.banner-outer.inner-page-banner .banner-row .container .banner-text .banner-main {
font-size: 28px;
}
}
@media only screen and (max-width: 1280px) {
.banner-outer.inner-page-banner .banner-row .container .banner-text {
width: 100%;
}
}
.banner-outer.inner-page-banner .banner-row .container .banner-text span {
font-weight: 500;
font-size: 16px;
line-height: 24px;
display: block;
max-width: 498px;
text-transform: capitalize;
color: #353535;
}
@media only screen and (max-width: 767px) {
.banner-outer.inner-page-banner .banner-row .container .banner-text span {
max-width: 360px;
}
}
@media only screen and (max-width: 767px) {
.banner-outer.inner-page-banner .banner-row .container {
position: static;
padding: 20px 15px;
}
}
.breadcrumb {
padding: 25px 0 10px 0;
}
.breadcrumb ul {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.breadcrumb ul li {
color: #274BA0;
padding-right: 25px;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/breadcrumb-arrow.png) no-repeat right center;
padding-left: 10px;
}
.breadcrumb ul li a {
color: #888;
font-family: "apex_newbook";
}
.breadcrumb ul li:last-child {
background: none;
font-family: "apex_newbook";
padding-right: 0;
}
.breadcrumb ul li:first-child {
padding-left: 0;
}
.breadcrumb ul li img {
margin: 0px 7px 0px 13px;
}
.about-full-back {
padding: 50px 0px;
background: linear-gradient(180.09deg, #FFFFFF 0.07%, #F6FAFF 30.24%, #F6FAFF 99.93%);
}
.about-full-back .corporate-overview {
position: relative;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/mission-center.png) no-repeat center;
}
.about-full-back .corporate-overview .head {
text-align: left;
}
.about-full-back .corporate-overview .head h2 {
padding-bottom: 0;
}
.about-full-back .corporate-overview .container .row {
margin-bottom: 105px;
}
.about-full-back .corporate-overview .container .row .col-lg-8 .coporate-left {
padding-right: 179px;
}
.about-full-back .corporate-overview .container .row .col-lg-8 .coporate-left .head h2 {
padding-bottom: 10px;
}
.about-full-back .corporate-overview .container .row .col-lg-8 .coporate-left p {
font-size: 16px;
line-height: 150%;
color: #353535;
font-family: "apex_newbook";
text-align: justify;
margin-bottom: 10px;
}
@media only screen and (max-width: 1024px) {
.about-full-back .corporate-overview .container .row .col-lg-8 .coporate-left {
padding-right: 70px;
}
}
@media only screen and (max-width: 991px) {
.about-full-back .corporate-overview .container .row .col-lg-8 .coporate-left {
padding-right: 0px;
padding-bottom: 35px;
}
}
.about-full-back .corporate-overview .container .row .col-lg-4 .coporate-right {
padding-left: 102px;
position: relative;
}
.about-full-back .corporate-overview .container .row .col-lg-4 .coporate-right figure {
position: relative;
}
.about-full-back .corporate-overview .container .row .col-lg-4 .coporate-right figure img {
max-width: 100%;
}
@media only screen and (max-width: 991px) {
.about-full-back .corporate-overview .container .row .col-lg-4 .coporate-right figure {
float: left;
}
}
.about-full-back .corporate-overview .container .row .col-lg-4 .coporate-right .corporate-small {
position: absolute;
bottom: -60px;
left: 0;
}
@media only screen and (max-width: 991px) {
.about-full-back .corporate-overview .container .row .col-lg-4 .coporate-right .corporate-small {
position: static;
}
}
@media only screen and (max-width: 1024px) {
.about-full-back .corporate-overview .container .row .col-lg-4 .coporate-right {
padding-left: 70px;
}
}
@media only screen and (max-width: 991px) {
.about-full-back .corporate-overview .container .row .col-lg-4 .coporate-right {
padding-left: 0px;
padding-bottom: 35px;
display: flex;
align-items: center;
}
}
.about-full-back .corporate-overview .container .row:nth-child(2) {
flex-direction: row-reverse;
}
.about-full-back .corporate-overview .container .row:nth-child(2) .col-lg-8 .coporate-left {
padding-right: 0;
padding-left: 179px;
}
.about-full-back .corporate-overview .container .row:nth-child(2) .col-lg-8 .coporate-left .head h3.text-end {
padding-left: 0px;
padding-right: 11px;
}
.about-full-back .corporate-overview .container .row:nth-child(2) .col-lg-8 .coporate-left .head h3.text-end::after {
left: unset;
}
@media only screen and (max-width: 991px) {
.about-full-back .corporate-overview .container .row:nth-child(2) .col-lg-8 .coporate-left .head h3.text-end {
padding-right: 0px;
padding-left: 11px;
}
.about-full-back .corporate-overview .container .row:nth-child(2) .col-lg-8 .coporate-left .head h3.text-end::after {
left: 0;
}
}
.about-full-back .corporate-overview .container .row:nth-child(2) .col-lg-8 .coporate-left .head {
text-align: right;
}
@media only screen and (max-width: 991px) {
.about-full-back .corporate-overview .container .row:nth-child(2) .col-lg-8 .coporate-left .head {
text-align: left;
}
}
@media only screen and (max-width: 1024px) {
.about-full-back .corporate-overview .container .row:nth-child(2) .col-lg-8 .coporate-left {
padding-left: 70px;
}
}
@media only screen and (max-width: 991px) {
.about-full-back .corporate-overview .container .row:nth-child(2) .col-lg-8 .coporate-left {
padding-left: 0px;
}
}
@media only screen and (max-width: 991px) {
.about-full-back .corporate-overview .container .row:nth-child(2) .col-lg-8 .coporate-left .text-end {
text-align: left !important;
}
}
.about-full-back .corporate-overview .container .row:nth-child(2) .col-lg-4 .coporate-right {
padding-left: 0px;
position: relative;
}
.about-full-back .corporate-overview .container .row:nth-child(2) .col-lg-4 .coporate-right .corporate-small {
position: relative;
bottom: 0;
left: unset;
right: 0;
}
@media only screen and (max-width: 991px) {
.about-full-back .corporate-overview .container .row:nth-child(2) .col-lg-4 .coporate-right {
padding-bottom: 0px;
}
}
.about-full-back .corporate-overview .container .row:last-child {
margin-bottom: 50px;
}
@media only screen and (max-width: 991px) {
.about-full-back .corporate-overview .container .row:last-child {
margin-bottom: 0px;
}
}
.about-full-back .corporate-overview .container .row:last-child .col-lg-4 .coporate-right .corporate-small {
position: relative;
bottom: 0;
}
@media only screen and (max-width: 991px) {
.about-full-back .corporate-overview .container .row:last-child .col-lg-4 .coporate-right {
padding-bottom: 0px;
}
}
@media only screen and (max-width: 991px) {
.about-full-back .corporate-overview .container .row {
margin-bottom: 30px;
}
}
.core-values {
padding: 75px 0px;
float: left;
width: 100%;
}
@media only screen and (max-width: 1100px) {
.core-values {
padding: 50px 0px;
}
}
.core-values .head {
text-align: left;
}
.core-values .head h2 {
padding-bottom: 0;
}
.core-values p {
font-size: 16px;
line-height: 150%;
color: #353535;
font-family: "apex_newbook";
}
.core-values .core-value-grid {
display: flex;
justify-content: space-between;
margin-top: 35px;
}
.core-values .core-value-grid li {
border: 1px solid #C6D7FF;
width: 17%;
background: #FFF;
padding: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.core-values .core-value-grid li figure {
margin-bottom: 0;
}
.core-values .core-value-grid li figure img {
width: 115px;
}
.core-values .core-value-space {
display: flex;
align-items: center;
justify-content: space-between;
}
.certificates {
padding: 75px 0px;
float: left;
width: 100%;
}
@media only screen and (max-width: 1100px) {
.certificates {
padding: 50px 0px;
}
}
.certificates .certificate-bx {
margin: 0px 15px;
}
.certificates .certificate-bx .certificate-outer {
border: 1px solid #D2D2D2;
padding: 20px;
text-align: center;
}
.certificates .certificate-bx .certificate-outer figure {
margin: 0;
}
.certificates .certificate-bx .certificate-outer figure img {
margin: 0 auto;
}
.certificates .certificate-bx .certificate-outer:hover {
box-shadow: -1px 7px 15px rgba(0, 0, 0, 0.14);
}
.csr {
padding: 75px 0px;
float: left;
width: 100%;
background: linear-gradient(0deg, #f6faff, #f6faff);
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 1100px) {
.csr {
padding: 50px 0px;
}
}
.csr .col-lg-7 {
padding-right: 50px;
}
.csr .col-lg-7 .head {
text-align: left;
}
.csr .col-lg-7 .head h2 {
padding-bottom: 0;
}
.csr .col-lg-7 p {
font-size: 16px;
line-height: 150%;
color: #353535;
font-family: "apex_newbook";
margin-bottom: 25px;
text-align: justify;
}
.csr .col-lg-7 a {
background: #274BA0;
border-radius: 49px;
padding: 12px 30px;
display: inline-block;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #FFFFFF;
font-size: 22px;
font-family: "apex_newmedium";
position: relative;
transition: all 0.5s ease-in;
}
.csr .col-lg-7 a::after {
width: 32px;
height: 32px;
background: #6269A5;
position: absolute;
content: "";
right: 21px;
top: 13px;
border-radius: 100%;
transition: all 0.5s ease-in;
}
.csr .col-lg-7 a:hover {
background: #274BA0;
color: #fff;
}
.csr .col-lg-7 a:hover::after {
background: transparent;
}
.csr .col-lg-7 a img {
margin-left: 10px;
position: relative;
z-index: 1;
margin-top: -5px;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.csr .col-lg-7 a img {
width: 26px;
}
}
@media only screen and (max-width: 1100px) {
.csr .col-lg-7 a {
padding: 7px 30px;
font-size: 20px;
}
.csr .col-lg-7 a::after {
top: 8px;
}
}
@media only screen and (max-width: 767px) {
.csr .col-lg-7 a {
padding: 7px 30px;
font-size: 16px;
}
.csr .col-lg-7 a::after {
top: 7px;
width: 22px;
height: 22px;
}
}
@media only screen and (max-width: 991px) {
.csr .col-lg-7 {
padding-right: 0px;
padding-bottom: 30px;
}
}
.csr .col-lg-5 figure img {
max-width: 100%;
}
.csr::before {
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/globe.webp) left top no-repeat;
width: 1190px;
height: 589px;
display: block;
position: absolute;
content: "";
left: 0;
top: 0;
}
.form-group-submit {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.product-second {
padding-bottom: 20px;
}
}
.product-cables {
padding: 10px 0px 70px;
clear: both;
}
.product-cables .product-fig {
border: 1px solid rgba(207, 207, 207, 0.8117647059);
padding: 44px 35px 15px;
min-width: 400px;
min-height: 320px;
display: flex;
max-width: 400px;
justify-content: center;
}
.product-cables .product-fig figure img {
width: 100%;
}
@media (max-width: 991px) {
.product-cables .product-fig {
min-width: 320px;
}
}
@media (max-width: 767px) {
.product-cables .product-fig {
width: 100%;
border-bottom: none;
min-width: 100%;
}
}
.product-cables .cables-detail {
border: 1px solid rgba(207, 207, 207, 0.8117647059);
padding: 15px 70px 15px;
background: linear-gradient(73deg, #F6FAFF 6.65%, rgba(247, 242, 255, 0) 96.34%);
display: flex;
flex-wrap: wrap;
align-content: center;
}
.product-cables .cables-detail h3 {
font-size: 40px;
line-height: 125%;
color: #133A55;
font-family: "apex_newbook";
padding-bottom: 10px;
}
@media (max-width: 991px) {
.product-cables .cables-detail h3 {
font-size: 30px;
}
}
@media (max-width: 767px) {
.product-cables .cables-detail h3 {
font-size: 25px;
}
}
.product-cables .cables-detail p {
font-size: 16px;
line-height: 180%;
color: #353535;
font-family: "apex_newbook";
}
@media (max-width: 991px) {
.product-cables .cables-detail p {
min-width: 100% !important;
}
}
@media (max-width: 1100px) {
.product-cables .cables-detail {
padding: 15px 30px 15px;
}
}
@media (max-width: 767px) {
.product-cables .cables-detail {
padding: 30px 15px 30px;
}
}
.product-cables .main-box-cate p {
min-width: 714px;
}
@media (max-width: 991px) {
.product-cables .main-box-cate p {
min-width: 585px;
}
}
@media (max-width: 991px) {
.product-cables {
padding-bottom: 50px;
}
}
@media (max-width: 767px) {
.product-cables {
flex-wrap: wrap;
padding-bottom: 30px;
}
}
.product-category-cable {
padding: 0px 0px 70px;
}
@media (max-width: 991px) {
.product-category-cable .col-md-4 {
width: 50%;
}
}
@media (max-width: 640px) {
.product-category-cable .col-md-4 {
width: 100%;
}
}
.product-category-cable .our-product-bx {
margin: 0 15px 50px;
text-align: center;
}
.product-category-cable .our-product-bx .our-product-ara {
background: linear-gradient(180.09deg, #FFFFFF 0.07%, #FEFEFF 30.24%, #EFF6FF 99.93%);
border: 1px solid #DFDFDF;
}
.product-category-cable .our-product-bx .our-product-ara .pro-title {
background: #274BA0;
padding: 21px 15px 15px;
}
.product-category-cable .our-product-bx .our-product-ara .pro-title h3 {
font-size: 23px;
}
@media (max-width: 640px) {
.product-category-cable .our-product-bx .our-product-ara .pro-title h3 {
font-size: 18px;
}
}
.product-category-cable .our-product-bx .our-product-ara .pro-title h3 a {
color: #fff;
font-family: "apex_newbook";
}
.product-category-cable .our-product-bx .our-product-ara figure {
max-width: 280px;
height: 150px;
margin: 30px auto 30px;
display: flex;
justify-content: center;
}
.product-category-cable .our-product-bx .our-product-ara figure a {
display: flex;
justify-content: center;
}
.product-category-cable .our-product-bx .our-product-ara figure img {
-o-object-fit: contain;
object-fit: contain;
}
.product-category-cable .our-product-bx .our-product-ara .our-product-text {
min-height: 100px;
padding: 0px 27px 18px;
}
.product-category-cable .our-product-bx .our-product-ara .our-product-text p {
font-size: 16px;
line-height: 150%;
color: #353535;
text-align: justify;
font-family: "apex_newbook";
}
.product-category-cable .our-product-bx .our-product-ara .our-product-text p br {
display: none;
}
.product-category-cable .our-product-bx .our-product-ara .our-product-text ul {
text-align: left;
}
.product-category-cable .our-product-bx .our-product-ara:hover {
box-shadow: -1px 7px 15px rgba(0, 0, 0, 0.14);
background: #FFFFFF;
}
.product-category-cable .our-product-bx > a {
font-size: 22px;
line-height: 112.5%;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #423F45;
display: inline-block;
position: relative;
padding-right: 8px;
transition: all 0.5s ease-in;
margin-top: 45px;
}
.product-category-cable .our-product-bx > a::after {
width: 32px;
height: 32px;
background: #E6E5E6;
position: absolute;
content: "";
right: 0;
top: -2px;
border-radius: 100%;
transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.product-category-cable .our-product-bx > a:hover {
color: #4C2685;
}
.product-category-cable .our-product-bx > a:hover::after {
background: transparent;
}
.product-category-cable .our-product-bx > a img {
position: relative;
z-index: 1;
display: inline-block;
margin-left: 10px;
width: auto;
}
@media only screen and (max-width: 767px) {
.product-category-cable .our-product-bx > a img {
width: 26px;
}
}
@media only screen and (max-width: 767px) {
.product-category-cable .our-product-bx > a {
font-size: 16px;
}
.product-category-cable .our-product-bx > a::after {
top: -1px;
width: 22px;
height: 22px;
}
}
.product-category-cable .col-par {
position: relative;
}
.product-category-cable .col-par .product-search {
padding-bottom: 20px;
display: flex;
position: absolute;
right: 0;
top: 30px;
}
.product-category-cable .col-par .product-search input {
border-radius: 26px 0px 0px 26px;
height: 40px;
outline: none;
padding: 1px 8px;
position: relative;
border: 1px solid #274BA0;
font-size: 16px;
line-height: 150%;
color: #353535;
font-family: "apex_newbook";
}
.product-category-cable .col-par .product-search button {
border: none;
background: #274ba0;
outline: none;
width: 55px;
border-radius: 0px 26px 26px 0px;
}
.product-category-cable .col-par .product-search button i {
color: #fff;
}
.product-listing {
padding-bottom: 50px;
}
.product-listing .product-cables .product-fig {
width: 25%;
padding: 20px 49px 20px;
}
.product-listing .product-cables .product-fig figure {
text-align: center;
height: 262px;
display: flex;
justify-content: center;
}
.product-listing .product-cables .product-fig figure img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
.product-listing .product-cables .product-fig figure a {
display: flex;
}
@media (max-width: 1150px) {
.product-listing .product-cables .product-fig {
padding: 44px 15px 15px;
min-width: 250px;
}
}
@media (max-width: 767px) {
.product-listing .product-cables .product-fig {
width: 100%;
}
}
.product-listing .product-cables .cables-detail {
padding: 65px 70px 65px;
position: relative;
width: 75%;
background: #fff;
}
.product-listing .product-cables .cables-detail h3 {
padding-right: 190px;
margin-bottom: 10px;
font-size: 36px;
}
@media (max-width: 1100px) {
.product-listing .product-cables .cables-detail h3 {
font-size: 30px;
}
}
@media (max-width: 991px) {
.product-listing .product-cables .cables-detail h3 {
padding-right: 0px;
}
}
@media (max-width: 767px) {
.product-listing .product-cables .cables-detail h3 {
font-size: 25px;
}
}
.product-listing .product-cables .cables-detail h3 a {
color: #133A55;
font-family: "apex_newbook";
}
.product-listing .product-cables .cables-detail .cable-prduct-dis {
width: 100%;
}
.product-listing .product-cables .cables-detail .cable-prduct-dis .cat6a-detail {
display: flex;
margin-bottom: 10px;
}
.product-listing .product-cables .cables-detail .cable-prduct-dis .cat6a-detail p {
color: #274BA0;
font-weight: 600;
white-space: nowrap;
font-family: "apex_newbook";
}
@media (max-width: 767px) {
.product-listing .product-cables .cables-detail .cable-prduct-dis .cat6a-detail p {
min-width: 100px;
}
}
.product-listing .product-cables .cables-detail .cable-prduct-dis .cat6a-detail span {
color: #353535;
font-weight: 400;
padding-left: 10px;
font-family: "apex_newbook";
}
@media (max-width: 767px) {
.product-listing .product-cables .cables-detail .cable-prduct-dis .cat6a-detail {
align-items: flex-start;
}
}
.product-listing .product-cables .cables-detail .download-date {
text-align: right;
margin-bottom: 10px;
float: right;
position: absolute;
top: 26px;
right: 25px;
width: 223px;
}
.product-listing .product-cables .cables-detail .download-date .download-sheet {
font-size: 16px !important;
line-height: 26px;
border: 1px solid #274BA0;
font-family: "apex_newmedium";
padding: 7px 15px;
display: inline-block;
border-radius: 22px;
color: #133A55 !important;
}
.product-listing .product-cables .cables-detail .download-date .download-sheet img {
margin-left: 10px;
vertical-align: middle;
}
@media only screen and (max-width: 767px) {
.product-listing .product-cables .cables-detail .download-date .download-sheet img {
width: 15px;
}
}
@media only screen and (max-width: 767px) {
.product-listing .product-cables .cables-detail .download-date .download-sheet {
line-height: 21px !important;
}
}
.product-listing .product-cables .cables-detail .download-date .dark-btn {
background: #274BA0;
border-radius: 49px;
padding: 12px 30px;
display: inline-block;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #FFFFFF;
font-size: 22px;
font-family: "apex_newmedium";
position: relative;
transition: all 0.5s ease-in;
float: right;
padding: 10px 38px;
font-size: 16px;
margin-top: 15px;
}
.product-listing .product-cables .cables-detail .download-date .dark-btn::after {
width: 32px;
height: 32px;
background: #6269A5;
position: absolute;
content: "";
right: 21px;
top: 13px;
border-radius: 100%;
transition: all 0.5s ease-in;
}
.product-listing .product-cables .cables-detail .download-date .dark-btn:hover {
background: #274BA0;
color: #fff;
}
.product-listing .product-cables .cables-detail .download-date .dark-btn:hover::after {
background: transparent;
}
.product-listing .product-cables .cables-detail .download-date .dark-btn img {
margin-left: 10px;
position: relative;
z-index: 1;
margin-top: -5px;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.product-listing .product-cables .cables-detail .download-date .dark-btn img {
width: 26px;
}
}
@media only screen and (max-width: 1100px) {
.product-listing .product-cables .cables-detail .download-date .dark-btn {
padding: 7px 30px;
font-size: 20px;
}
.product-listing .product-cables .cables-detail .download-date .dark-btn::after {
top: 8px;
}
}
@media only screen and (max-width: 767px) {
.product-listing .product-cables .cables-detail .download-date .dark-btn {
padding: 7px 30px;
font-size: 16px;
}
.product-listing .product-cables .cables-detail .download-date .dark-btn::after {
top: 7px;
width: 22px;
height: 22px;
}
}
.product-listing .product-cables .cables-detail .download-date .dark-btn::after {
top: 6px;
right: 30px;
}
@media (max-width: 1100px) {
.product-listing .product-cables .cables-detail .download-date .dark-btn::after {
right: 21px;
}
}
@media (max-width: 991px) {
.product-listing .product-cables .cables-detail .download-date {
width: 100%;
position: static;
}
.product-listing .product-cables .cables-detail .download-date .dark-btn {
margin-top: 0px;
margin-left: 10px;
margin-bottom: 25px;
}
}
@media (max-width: 767px) {
.product-listing .product-cables .cables-detail .download-date {
order: 2;
}
.product-listing .product-cables .cables-detail .download-date .dark-btn::after {
top: 8px;
}
}
@media (max-width: 479px) {
.product-listing .product-cables .cables-detail .download-date {
margin-top: 25px;
}
.product-listing .product-cables .cables-detail .download-date .download-sheet {
width: 100%;
text-align: center;
margin-bottom: 15px;
}
.product-listing .product-cables .cables-detail .download-date .dark-btn {
width: 100%;
text-align: center;
margin-bottom: 0px;
margin-left: 0;
}
.product-listing .product-cables .cables-detail .download-date .dark-btn::after {
display: none;
}
}
@media (max-width: 1100px) {
.product-listing .product-cables .cables-detail {
padding: 35px 70px 35px 30px;
}
}
@media (max-width: 991px) {
.product-listing .product-cables .cables-detail {
padding: 30px;
align-content: flex-start;
}
}
@media (max-width: 767px) {
.product-listing .product-cables .cables-detail {
width: 100%;
padding: 30px 15px;
}
}
.product-listing .pagnation {
margin-top: 0px;
}
.product-warranty-page-outer {
padding: 75px 0px;
float: left;
width: 100%;
}
@media only screen and (max-width: 1100px) {
.product-warranty-page-outer {
padding: 50px 0px;
}
}
.product-warranty-page-outer .product-warranty-page .product-warranty-page-main h2 {
font-size: 32px;
line-height: 128%;
color: #353535;
font-family: "apex_newmedium";
padding-bottom: 50px;
}
.product-warranty-page-outer .product-warranty-page .product-warranty-page-main h3 {
font-size: 24px;
line-height: 128%;
color: #353535;
font-family: "apex_newmedium";
padding-bottom: 15px;
}
.product-warranty-page-outer .product-warranty-page .product-warranty-page-main h4 {
font-size: 24px;
line-height: 128%;
color: #353535;
font-family: "apex_newmedium";
padding-bottom: 15px;
}
.product-warranty-page-outer .product-warranty-page .product-warranty-page-main h5 {
font-size: 21px;
line-height: 160%;
color: #353535;
font-family: "apex_newbook";
padding-bottom: 15px;
}
.product-warranty-page-outer .product-warranty-page .product-warranty-page-main p {
color: #353535;
font-family: "apex_newbook";
text-align: justify;
font-size: 16px;
line-height: 150%;
margin-bottom: 30px;
}
.product-warranty-page-outer .product-warranty-page .product-warranty-page-main ul {
padding: 0px 0px;
}
.product-warranty-page-outer .product-warranty-page .product-warranty-page-main ul li {
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/design-ico.webp) no-repeat;
font-size: 16px;
line-height: 150%;
color: #353535;
padding-left: 30px;
margin-bottom: 20px;
font-family: "apex_newbook";
}
.product-warranty-page-outer .product-warranty-page .product-warranty-page-main figure {
margin-top: 70px;
}
.product-warranty-page-outer .product-warranty-page .product-warranty-page-main figure img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.main-box-cate p {
width: 100%;
}
.CSR-details {
padding: 15px 0 60px 0;
}
.CSR-details h2 {
font-size: 18px;
line-height: 150%;
color: #353535;
font-family: "apex_newmedium";
margin-bottom: 15px;
}
.CSR-details p {
font-size: 16px;
line-height: 150%;
color: #353535;
font-family: "apex_newbook";
}
.CSR-details .csr-listing-bx .csr-box {
margin-top: 35px;
padding: 20px;
border: 1px solid #8C8C8C;
border-radius: 9px;
}
.CSR-details .csr-listing-bx .csr-box figure {
margin-bottom: 20px;
}
.CSR-details .csr-listing-bx .csr-box figure img {
width: 100%;
border-radius: 9px;
}
.CSR-details .csr-listing-bx .csr-box h3 {
font-size: 18px;
line-height: 150%;
color: #353535;
font-family: "apex_newmedium";
margin-bottom: 15px;
}
.CSR-details .csr-listing-bx .csr-box p {
font-size: 16px;
line-height: 150%;
color: #353535;
font-family: "apex_newbook";
margin-bottom: 20px;
}
.CSR-details .csr-listing-bx .csr-box a {
font-size: 22px;
line-height: 112.5%;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #423F45;
display: inline-block;
position: relative;
padding-right: 8px;
transition: all 0.5s ease-in;
font-size: 16px;
}
.CSR-details .csr-listing-bx .csr-box a::after {
width: 32px;
height: 32px;
background: #E6E5E6;
position: absolute;
content: "";
right: 0;
top: -2px;
border-radius: 100%;
transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.CSR-details .csr-listing-bx .csr-box a:hover {
color: #4C2685;
}
.CSR-details .csr-listing-bx .csr-box a:hover::after {
background: transparent;
}
.CSR-details .csr-listing-bx .csr-box a img {
position: relative;
z-index: 1;
display: inline-block;
margin-left: 10px;
width: auto;
}
@media only screen and (max-width: 767px) {
.CSR-details .csr-listing-bx .csr-box a img {
width: 26px;
}
}
@media only screen and (max-width: 767px) {
.CSR-details .csr-listing-bx .csr-box a {
font-size: 16px;
}
.CSR-details .csr-listing-bx .csr-box a::after {
top: -1px;
width: 22px;
height: 22px;
}
}
.CSR-details .csr-listing-bx .csr-box a img {
width: 35px;
}
.CSR-details .csr-listing-bx .csr-box a::after {
width: 25px;
height: 25px;
right: 2px;
}
@media only screen and (max-width: 991px) {
.CSR-details .csr-listing-bx {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.CSR-details .csr-listing-bx {
width: 100%;
}
}
.csr-details-page {
padding: 30px 0px 50px;
}
.csr-details-page h2 {
font-size: 30px;
line-height: 126%;
text-transform: capitalize;
font-family: "apex_newmedium";
color: #133A55;
padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.csr-details-page h2 {
font-size: 25px;
}
}
.csr-details-page h3 {
font-family: "apex_newmedium";
font-size: 25px;
line-height: 150%;
color: #133A55;
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.csr-details-page h3 {
font-size: 20px;
}
}
.csr-details-page h4,
.csr-details-page h5 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 150%;
color: #133A55;
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.csr-details-page h4,
.csr-details-page h5 {
font-size: 18px;
}
}
.csr-details-page p {
font-size: 16px;
line-height: 150%;
color: #353535;
margin-bottom: 25px;
}
.csr-details-page p span {
color: #274ba0;
}
.csr-details-page p a {
color: #878787;
background: #274BA0;
border-radius: 49px;
padding: 12px 30px;
display: inline-block;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #FFFFFF;
font-size: 22px;
font-family: "apex_newmedium";
position: relative;
transition: all 0.5s ease-in;
margin-top: 20px;
}
.csr-details-page p a::after {
width: 32px;
height: 32px;
background: #6269A5;
position: absolute;
content: "";
right: 21px;
top: 13px;
border-radius: 100%;
transition: all 0.5s ease-in;
}
.csr-details-page p a:hover {
background: #274BA0;
color: #fff;
}
.csr-details-page p a:hover::after {
background: transparent;
}
.csr-details-page p a img {
margin-left: 10px;
position: relative;
z-index: 1;
margin-top: -5px;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.csr-details-page p a img {
width: 26px;
}
}
@media only screen and (max-width: 1100px) {
.csr-details-page p a {
padding: 7px 30px;
font-size: 20px;
}
.csr-details-page p a::after {
top: 8px;
}
}
@media only screen and (max-width: 767px) {
.csr-details-page p a {
padding: 7px 30px;
font-size: 16px;
}
.csr-details-page p a::after {
top: 7px;
width: 22px;
height: 22px;
}
}
.csr-details-page p a img {
margin-left: 0;
margin-right: 10px;
}
.csr-details-page p a::after {
left: 22px;
right: unset;
top: 9px;
}
.csr-details-page ul {
list-style-type: none;
margin-bottom: 15px;
}
.csr-details-page ul li {
font-size: 16px;
line-height: 150%;
color: #353535;
padding-left: 20px;
position: relative;
margin-bottom: 10px;
}
.csr-details-page ul li:before {
width: 6px;
height: 6px;
border: 2px solid #274ba0;
border-radius: 100%;
position: absolute;
left: 0;
top: 8px;
content: "";
display: block;
}
.csr-details-page ol {
list-style-type: none;
margin-bottom: 15px;
}
.csr-details-page ol li {
font-size: 16px;
line-height: 150%;
color: #353535;
padding-left: 20px;
position: relative;
margin-bottom: 10px;
}
.csr-details-page ol li:before {
width: 6px;
height: 6px;
border: 2px solid #274ba0;
border-radius: 100%;
position: absolute;
left: 0;
top: 8px;
content: "";
display: block;
}
.whistleblower {
padding: 15px 0 60px 0;
}
.whistleblower .whistleblower-maine .row {
margin-bottom: 30px;
}
.whistleblower .whistleblower-maine .row .col-lg-8 h3 {
font-size: 18px;
line-height: 150%;
color: #353535;
font-family: "apex_newmedium";
margin-bottom: 15px;
}
.whistleblower .whistleblower-maine .row .col-lg-8 p {
font-size: 16px;
text-align: justify;
line-height: 150%;
color: #353535;
font-family: "apex_newbook";
margin-bottom: 25px;
}
.whistleblower .whistleblower-maine .row .col-lg-8 p a {
width: 192px;
height: 40px;
background: #274BA0;
text-align: center;
padding: 8px 10px 8px 10px;
font-size: 16px;
line-height: 40px;
text-transform: lowercase;
color: #FFFFFF;
font-family: "apex_newmedium";
margin-left: 10px;
}
.whistleblower .whistleblower-maine .row .col-lg-4 figure img {
width: 100%;
}
.whistleblower .whistleblower-maine .row.whistleblower-reverse-row {
flex-direction: row-reverse;
}
.text-with-images figure {
margin-bottom: 0;
border: 1px solid #CFCFCF;
display: flex;
justify-content: center;
}
.text-with-images figure img {
width: auto;
}
.text-with-images .col-lg-8 {
display: flex;
align-items: center;
padding: 0 50px;
background: linear-gradient(90deg, #F6FAFF 0%, rgba(247, 242, 255, 0) 100%);
border: 1px solid #CFCFCF;
}
.text-with-images .col-lg-8 .text-box h2 {
font-weight: 500;
font-size: 36px;
line-height: 126%; text-transform: capitalize;
color: #000000;
}
.text-with-images .col-lg-8 .text-box p {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%; color: #353535;
}
.category-sec {
padding: 60px 0;
}
.category-sec .category-desc h3 {
background: #274BA0;
font-weight: 550;
font-size: 20px;
line-height: 60px;
text-transform: uppercase;
color: #FFFFFF;
width: 100%;
text-align: center;
}
.category-sec .category-desc figure {
text-align: center;
padding: 25px 0;
background: linear-gradient(180.09deg, #FFFFFF 0.07%, #FEFEFF 30.24%, #F6FAFF 99.93%);
border: 1px solid #DFDFDF;
}
.category-sec .category-desc figure figcaption {
padding: 10px 70px;
}
.category-sec .category-desc .btn {
display: flex;
justify-content: center;
}
.category-sec .category-desc .btn a {
font-weight: 500;
font-size: 22px;
line-height: 112.5%; letter-spacing: 0.005em;
text-transform: uppercase;
color: #000000;
display: flex;
align-items: center;
}
.category-sec .category-desc .btn a img {
margin-left: 8px;
}
.footer-outer {
padding: 75px 0px;
float: left;
width: 100%;
padding-bottom: 35px;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/footer-bg.webp) no-repeat;
background-size: cover;
}
@media only screen and (max-width: 1100px) {
.footer-outer {
padding: 50px 0px;
}
}
.footer-outer .footer-main {
border-bottom: 1px solid #fff;
padding-bottom: 45px;
margin: 0px;
}
.footer-outer .footer-main .footer-logo {
width: 20%;
}
.footer-outer .footer-main .footer-logo img {
max-width: 100%;
}
@media only screen and (max-width: 1024px) {
.footer-outer .footer-main .footer-logo {
width: 33.33%;
padding-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.footer-outer .footer-main .footer-logo {
width: 50%;
}
}
@media only screen and (max-width: 480px) {
.footer-outer .footer-main .footer-logo {
width: 100%;
}
}
.footer-outer .footer-main .footer-bx {
width: 20%;
}
.footer-outer .footer-main .footer-bx h3 {
font-size: 24px;
line-height: 154%;
letter-spacing: 0.005em;
color: #EFEFEF;
font-family: "apex_newbold";
padding-bottom: 25px;
}
.footer-outer .footer-main .footer-bx p {
font-family: "apex_newbook";
letter-spacing: 0.005em;
color: #FFFFFF;
font-size: 15px;
line-height: 153%;
}
.footer-outer .footer-main .footer-bx ul li {
padding-bottom: 15px;
}
.footer-outer .footer-main .footer-bx ul li a {
font-family: "apex_newbook";
letter-spacing: 0.005em;
color: #FFFFFF;
font-size: 15px;
line-height: 153%;
display: inline-block;
position: relative;
transition: all 0.5s ease-in;
}
.footer-outer .footer-main .footer-bx ul li a::after {
width: 0;
height: 1px;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
content: "";
transition: all 0.5s ease-in;
}
.footer-outer .footer-main .footer-bx ul li:hover a::after {
width: 100%;
}
@media only screen and (max-width: 1024px) {
.footer-outer .footer-main .footer-bx {
width: 33.33%;
padding-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.footer-outer .footer-main .footer-bx {
width: 50%;
}
}
@media only screen and (max-width: 480px) {
.footer-outer .footer-main .footer-bx {
width: 100%;
}
}
.footer-outer .footer-main .footer-bx.address-footer ul li {
padding-bottom: 15px;
display: flex;
align-items: flex-start;
}
.footer-outer .footer-main .footer-bx.address-footer ul li .footer-ico {
min-width: 18px;
display: flex;
align-items: flex-start;
}
.footer-outer .footer-main .footer-bx.address-footer ul li p {
font-family: "apex_newbook";
letter-spacing: 0.005em;
color: #FFFFFF;
font-size: 15px;
line-height: 153%;
padding-left: 10px;
}
.footer-outer .footer-main .footer-bx.address-footer ul li a {
font-family: "apex_newbook";
letter-spacing: 0.005em;
color: #FFFFFF;
font-size: 15px;
line-height: 153%;
padding-left: 10px;
display: inline-block;
}
.footer-outer .footer-main .footer-bx.address-footer ul li a:hover {
text-decoration: underline;
}
.footer-outer .footer-main .footer-bx.socail-footer ul {
display: flex;
}
.footer-outer .footer-main .footer-bx.socail-footer ul li {
padding-right: 18px;
}
.footer-outer .footer-main .footer-bx.socail-footer ul li a {
border: 1.5px solid #FFFFFF;
background: #FFFFFF;
width: 42px;
height: 42px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s ease-in;
}
.footer-outer .footer-main .footer-bx.socail-footer ul li a::after {
display: none !important;
}
.footer-outer .footer-main .footer-bx.socail-footer ul li a i {
color: #274BA0;
font-size: 19px;
font-weight: 500;
transition: all 0.5s ease-in;
}
.footer-outer .footer-main .footer-bx.socail-footer ul li a:hover {
background: linear-gradient(180deg, #274BA0 0%, #4C2685 79.76%);
}
.footer-outer .footer-main .footer-bx.socail-footer ul li a:hover i {
color: #fff;
}
.footer-outer .footer-main .footer-bx.socail-footer ul li:last-child {
padding-left: 40px;
}
@media only screen and (max-width: 1024px) {
.footer-outer .footer-main {
padding-bottom: 5px;
}
}
.footer-outer .copy-right {
padding-top: 15px;
margin: 0;
}
.footer-outer .copy-right p {
font-family: "apex_newbook";
letter-spacing: 0.002em;
color: #FFFFFF;
font-size: 16px;
line-height: 229%;
padding: 0px;
}
.get-in-touch-side {
background: linear-gradient(180deg, #274BA0 0%, #4C2685 100%);
width: 226px;
height: 57px;
transform: rotate(90deg);
right: -85px;
position: fixed;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
padding: 20px;
transition: all 0.5s ease-out;
z-index: 99;
}
.get-in-touch-side:hover {
background: linear-gradient(90deg, #4C2685 44.27%, #274BA0 100%);
}
.get-in-touch-side a {
font-size: 24px;
line-height: 87.5%;
text-align: center;
color: #fff;
font-family: "apex_newmedium";
letter-spacing: 0.005em;
text-transform: uppercase;
transform: rotate(-180deg);
display: block;
}
@media only screen and (max-width: 1440px) {
.get-in-touch-side {
height: 44px;
padding: 11px 10px;
right: -77px;
width: 200px;
}
.get-in-touch-side a {
font-size: 20px;
line-height: 88.5%;
}
}
.product-details-outer {
padding: 75px 0px;
float: left;
width: 100%;
background: linear-gradient(360deg, #F6FAFF 0%, #FFF 100%);
}
@media only screen and (max-width: 1100px) {
.product-details-outer {
padding: 50px 0px;
}
}
.product-details-outer .product-details-main .product-gallery-details .thumb-nav {
max-width: 107px;
float: left;
}
.product-details-outer .product-details-main .product-gallery-details .thumb-nav .slick-slide {
height: 90px;
border: 1px solid #9E9E9E;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.product-details-outer .product-details-main .product-gallery-details .thumb-nav .slick-arrow {
width: 30px;
height: 30px;
z-index: 9;
}
.product-details-outer .product-details-main .product-gallery-details .thumb-nav .slick-arrow::before {
color: #274BA0;
line-height: 28px;
font-weight: bold;
font-family: "Font Awesome 6 Pro";
font-size: 33px;
opacity: 1;
}
}
@media (max-width: 767px) {
.product-details-outer .product-details-main .product-gallery-details .thumb-nav .slick-prev.slick-arrow {
left: -9px;
z-index: 9;
}
.product-details-outer .product-details-main .product-gallery-details .thumb-nav .slick-prev.slick-arrow::before {
content: "\f0a8";
}
}
@media (max-width: 767px) {
.product-details-outer .product-details-main .product-gallery-details .thumb-nav .slick-next.slick-arrow {
right: -5px;
}
.product-details-outer .product-details-main .product-gallery-details .thumb-nav .slick-next.slick-arrow::before {
content: "\f0a9";
}
}
.product-details-outer .product-details-main .product-gallery-details .thumb-nav .slick-slide.slick-current {
background: #F8F4FF;
}
@media (max-width: 1210px) {
.product-details-outer .product-details-main .product-gallery-details .thumb-nav {
max-width: 80px;
}
}
@media (max-width: 1100px) {
.product-details-outer .product-details-main .product-gallery-details .thumb-nav {
max-width: 70px;
}
}
@media (max-width: 1024px) {
.product-details-outer .product-details-main .product-gallery-details .thumb-nav {
max-width: 60px;
}
}
@media (max-width: 991px) {
.product-details-outer .product-details-main .product-gallery-details .thumb-nav {
max-width: 100%;
width: 100%;
min-width: 100%;
float: none;
clear: both;
}
}
.product-details-outer .product-details-main .product-gallery-details .main-img-slider {
max-width: 366px;
float: right;
min-height: 355px;
border: 1px solid rgb(39, 75, 160);
box-shadow: rgba(0, 0, 0, 0.0144);
background: #FFFFFF;
display: flex;
}
.product-details-outer .product-details-main .product-gallery-details .main-img-slider .slick-list .slick-track {
height: 100%;
}
.product-details-outer .product-details-main .product-gallery-details .main-img-slider .slick-list .slick-track figure.slick-slide a {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
padding: 5px;
}
.product-details-outer .product-details-main .product-gallery-details .main-img-slider .slick-list .slick-track figure.slick-slide a img {
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 1210px) {
.product-details-outer .product-details-main .product-gallery-details .main-img-slider {
max-width: 340px;
}
}
@media (max-width: 1100px) {
.product-details-outer .product-details-main .product-gallery-details .main-img-slider {
max-width: 313px;
}
}
@media (max-width: 991px) {
.product-details-outer .product-details-main .product-gallery-details .main-img-slider {
max-width: 100%;
width: 100%;
}
}
.product-details-outer .product-details-main .product-gallery-details .slick-slide img {
max-width: 100%;
max-height: 100%;
}
.product-details-outer .product-details-main .product-gallery-details .pswp__bg {
background: #fff;
}
@media (max-width: 767px) {
.product-details-outer .product-details-main .product-gallery-details {
margin-bottom: 35px;
float: left;
width: 100%;
}
}
.product-details-outer .product-details-main .product-details-area {
position: relative;
padding-top: 48px;
}
.product-details-outer .product-details-main .product-details-area h2 {
font-size: 36px;
color: #274BA0;
line-height: 45px;
font-family: "apex_newmedium";
margin-bottom: 20px;
}
@media (max-width: 1100px) {
.product-details-outer .product-details-main .product-details-area h2 {
font-size: 30px;
}
}
@media (max-width: 991px) {
.product-details-outer .product-details-main .product-details-area h2 {
font-size: 25px;
margin-bottom: 15px;
}
}
.product-details-outer .product-details-main .product-details-area ul li {
font-size: 20px;
color: #133A55;
font-family: "apex_newbook";
line-height: 25px;
margin-bottom: 26px;
}
.product-details-outer .product-details-main .product-details-area ul li span {
font-size: 24px;
color: #353535;
font-family: "apex_newmedium";
line-height: 30px;
}
@media (max-width: 1100px) {
.product-details-outer .product-details-main .product-details-area ul li {
font-size: 18px;
margin-bottom: 20px;
}
.product-details-outer .product-details-main .product-details-area ul li span {
font-size: 20px;
}
}
@media (max-width: 991px) {
.product-details-outer .product-details-main .product-details-area ul li {
font-size: 16px;
margin-bottom: 10px;
}
.product-details-outer .product-details-main .product-details-area ul li span {
font-size: 18px;
}
}
.product-details-outer .product-details-main .product-details-area .download-datesheet {
font-size: 16px !important;
line-height: 26px;
border: 1px solid #274BA0;
font-family: "apex_newmedium";
padding: 7px 15px;
display: inline-block;
border-radius: 22px;
color: #133A55 !important;
position: absolute;
top: 0;
right: 0;
}
.product-details-outer .product-details-main .product-details-area .download-datesheet img {
margin-left: 10px;
vertical-align: middle;
}
@media only screen and (max-width: 767px) {
.product-details-outer .product-details-main .product-details-area .download-datesheet img {
width: 15px;
}
}
@media only screen and (max-width: 767px) {
.product-details-outer .product-details-main .product-details-area .download-datesheet {
line-height: 21px !important;
}
}
.product-details-outer .product-details-main .product-details-area .product-area-area .qtySelector {
width: 170px;
float: left;
margin-right: 10px;
}
.product-details-outer .product-details-main .product-details-area .product-area-area .qtySelector .fa {
padding: 12px 5px;
width: 62px;
height: 100%;
float: left;
cursor: pointer;
border: 1px solid #A0A0A0;
border-radius: 23px;
height: 40px;
color: #353535;
}
.product-details-outer .product-details-main .product-details-area .product-area-area .qtySelector .fa:hover {
background: #274BA0;
color: #fff;
}
@media (max-width: 767px) {
.product-details-outer .product-details-main .product-details-area .product-area-area .qtySelector .fa {
width: 45px;
height: 38px;
padding: 10px 5px;
}
}
.product-details-outer .product-details-main .product-details-area .product-area-area .qtySelector .fa-minus {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.product-details-outer .product-details-main .product-details-area .product-area-area .qtySelector .fa-plus {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.product-details-outer .product-details-main .product-details-area .product-area-area .qtySelector .qtyValue {
border: none;
padding: 5px;
width: 45px;
height: 100%;
float: left;
text-align: center;
border: 1px solid #A0A0A0;
height: 40px;
}
@media (max-width: 767px) {
.product-details-outer .product-details-main .product-details-area .product-area-area .qtySelector .qtyValue {
height: 38px;
}
}
.product-details-outer .product-details-main .product-details-area .add-quote {
margin-left: 0px;
float: left;
display: flex;
}
.product-details-outer .product-details-main .product-details-area .add-quote a {
font-size: 16px !important;
line-height: 26px;
border: 1px solid #274BA0;
font-family: "apex_newmedium";
padding: 7px 15px;
display: inline-block;
border-radius: 22px;
color: #133A55 !important;
line-height: 24px !important;
min-width: 166px;
text-align: center;
text-align: center;
background: none !important;
font-weight: normal !important;
margin-top: 0px;
}
.product-details-outer .product-details-main .product-details-area .add-quote a img {
margin-left: 10px;
vertical-align: middle;
}
@media only screen and (max-width: 767px) {
.product-details-outer .product-details-main .product-details-area .add-quote a img {
width: 15px;
}
}
@media only screen and (max-width: 767px) {
.product-details-outer .product-details-main .product-details-area .add-quote a {
line-height: 21px !important;
}
}
.product-details-outer .product-details-main .product-details-area .add-quote a:hover {
background: #274BA0 !important;
color: #fff !important;
}
.product-details-outer .product-details-main .product-details-area .add-quote .summary.entry-summary {
width: auto !important;
float: none;
}
.product-details-outer .product-details-main .product-details-area .add-quote .yith-ywraq-add-to-quote {
margin-top: 0px !important;
}
.product-details-outer .product-details-main .product-details-area .add-quote .cart {
display: flex;
}
.details-specifcation-outer {
clear: left;
padding: 75px 0px;
float: left;
width: 100%;
}
@media only screen and (max-width: 1100px) {
.details-specifcation-outer {
padding: 50px 0px;
}
}
.details-specifcation-outer .specifcation-details-main #myTab {
margin-bottom: 80px;
justify-content: center;
border: none;
}
.details-specifcation-outer .specifcation-details-main #myTab li {
border: 1px solid #CACACA;
border-right: none;
}
.details-specifcation-outer .specifcation-details-main #myTab li .nav-link {
border: none;
margin: 0px;
font-size: 24px;
line-height: 126%;
color: #133A55;
padding: 18px 27px;
font-family: "apex_newmedium";
border-radius: 0px;
position: relative;
}
@media (max-width: 1150px) {
.details-specifcation-outer .specifcation-details-main #myTab li .nav-link {
font-size: 18px;
padding: 15px 20px;
}
}
.details-specifcation-outer .specifcation-details-main #myTab li .nav-link.active {
background: #274BA0;
box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.25);
color: #FFFFFF;
}
.details-specifcation-outer .specifcation-details-main #myTab li .nav-link.active::after {
width: 24px;
height: 24px;
position: absolute;
bottom: -11px;
left: 0;
right: 0;
margin: 0 auto;
content: "";
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/tab-li-arrow.png) no-repeat;
}
.details-specifcation-outer .specifcation-details-main #myTab li:last-child {
border-right: 1px solid #CACACA;
}
@media (max-width: 1150px) {
.details-specifcation-outer .specifcation-details-main #myTab {
margin-bottom: 40px;
}
}
.details-specifcation-outer .specifcation-details-main .accordion-item {
border: none;
}
.details-specifcation-outer .specifcation-details-main .accordion-item .accordion-body {
border-radius: 27px;
background: linear-gradient(120deg, rgba(246, 241, 255, 0.93) 0%, rgba(250, 250, 250, 0) 100%);
padding: 35px 38px;
}
.details-specifcation-outer .specifcation-details-main .accordion-item .accordion-body h3 {
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/specifection-ico.png) no-repeat 0px 0px;
font-size: 24px;
line-height: 126%;
font-family: "apex_newmedium";
color: #274BA0;
padding-left: 34px;
margin-bottom: 20px;
}
.details-specifcation-outer .specifcation-details-main .accordion-item .accordion-body ul {
padding-left: 51px;
}
.details-specifcation-outer .specifcation-details-main .accordion-item .accordion-body ul li {
line-height: 192%;
font-family: "apex_newbook";
font-size: 20px;
color: #353535;
list-style: disc;
}
.details-specifcation-outer .specifcation-details-main .accordion-item .accordion-body p {
font-size: 20px;
line-height: 150%;
color: #353535;
margin-bottom: 25px;
text-align: justify;
font-family: "apex_newbook";
}
@media (max-width: 991px) {
.details-specifcation-outer .specifcation-details-main .accordion-item .accordion-body {
border-radius: 0px;
}
}
@media (max-width: 991px) {
.details-specifcation-outer .specifcation-details-main .accordion-item h2 .accordion-button {
border-radius: 0px;
background: #274BA0;
color: #fff;
border-bottom: 1px solid #becdf0;
font-size: 18px;
font-family: "apex_newmedium";
box-shadow: none !important;
}
.details-specifcation-outer .specifcation-details-main .accordion-item h2 .accordion-button::after {
color: #fff;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/choose-Down.png) no-repeat center;
}
}
.related-product-outer {
padding: 75px 0px;
float: left;
width: 100%;
}
@media only screen and (max-width: 1100px) {
.related-product-outer {
padding: 50px 0px;
}
}
.related-product-outer .releated-product-main .head {
text-align: left;
}
.related-product-outer .releated-product-main .related-product-slider {
margin-left: -20px;
margin-right: -20px;
}
.related-product-outer .releated-product-main .related-product-slider .slick-track {
margin: 0;
}
.related-product-outer .releated-product-main .related-product-slider .slick-track .related-product {
margin: 0px 20px;
float: left;
}
.related-product-outer .releated-product-main .related-product-slider .slick-track .related-product .related-bx {
border: 1px solid #CFCFCF;
padding: 20px;
}
.related-product-outer .releated-product-main .related-product-slider .slick-track .related-product .related-bx figure {
display: flex;
justify-content: center;
width: 100%;
height: 188px;
align-items: center;
}
.related-product-outer .releated-product-main .related-product-slider .slick-track .related-product .related-bx figure img {
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
max-height: 100%;
}
.related-product-outer .releated-product-main .related-product-slider .slick-track .related-product .related-bx h3 {
line-height: 126%;
text-transform: capitalize;
font-size: 16px;
color: #133A55;
text-align: center;
font-family: "apex_newmedium";
margin-top: 20px;
min-height: 40px;
}
.related-product-outer .releated-product-main .related-product-slider button.slick-prev {
top: unset;
transform: inherit;
bottom: -50px;
left: 50%;
transition: all 0.3s;
transform: translateX(-70px) scale(1);
width: 56px;
height: 32px;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/explore-arrow-bfr.png) left top no-repeat;
background-size: 100% auto;
}
.related-product-outer .releated-product-main .related-product-slider button.slick-prev::before {
display: none;
}
.related-product-outer .releated-product-main .related-product-slider button.slick-prev:hover {
transform: translateX(-70px) scale(1.2);
}
.related-product-outer .releated-product-main .related-product-slider button.slick-next {
top: unset;
transform: inherit;
bottom: -50px;
right: 50%;
transition: all 0.3s;
transform: translateX(60px) rotate(180deg) scale(1);
width: 56px;
height: 32px;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/explore-arrow-bfr.png) left top no-repeat;
background-size: 100% auto;
}
.related-product-outer .releated-product-main .related-product-slider button.slick-next::before {
display: none;
}
.related-product-outer .releated-product-main .related-product-slider button.slick-next:hover {
transform: translateX(60px) rotate(180deg) scale(1.2);
}
@media (max-width: 991px) {
.tab-content > .tab-pane {
display: block;
opacity: 1;
}
}
.get-in-touch-outer-page {
padding: 75px 0px;
float: left;
width: 100%;
}
@media only screen and (max-width: 1100px) {
.get-in-touch-outer-page {
padding: 50px 0px;
}
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-left-page {
width: 39.84375%;
padding-right: 43px;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-left-page h3 {
color: #274BA0;
font-family: "apex_newmedium";
font-size: 20px;
line-height: 126%;
text-transform: capitalize;
padding-bottom: 33px;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-left-page ul {
margin-bottom: 28px;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-left-page ul li {
display: flex;
padding-bottom: 28px;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-left-page ul li .icone-get {
min-width: 28px;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-left-page ul li .contact-details {
padding-left: 21px;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-left-page ul li .contact-details h4 {
color: #133A55;
font-family: "apex_newmedium";
font-size: 16px;
line-height: 126%;
text-transform: uppercase;
padding-bottom: 5px;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-left-page ul li .contact-details p {
color: #133A55;
font-family: "apex_newbook";
font-size: 16px;
line-height: 126%;
text-transform: capitalize;
padding-bottom: 5px;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-left-page ul li .contact-details p a {
color: #133A55;
}
@media only screen and (max-width: 767px) {
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-left-page {
width: 100%;
padding-left: 0px;
}
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page {
width: 60.15625%;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page h2 {
font-size: 45px;
line-height: 109%;
color: #133A55;
font-family: "apex_newbook";
padding-bottom: 20px;
padding-left: 60px;
}
@media only screen and (max-width: 1100px) {
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page h2 {
font-size: 40px;
}
}
@media only screen and (max-width: 1024px) {
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page h2 {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 991px) {
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page h2 {
padding-left: 30px;
}
}
@media only screen and (max-width: 768px) {
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page h2 {
font-size: 30px;
padding-bottom: 15px;
}
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page .form-contact {
border: 1px solid #DFDFDF;
border-bottom: none;
border-right: none;
padding: 50px 60px;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page .form-contact .form-contact-bx {
margin-bottom: 35px;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page .form-contact .form-contact-bx input {
padding: 5px 0px;
color: #040404;
font-size: 16px;
line-height: 160.5%;
font-family: "apex_newbook";
width: 100%;
border: none;
border-bottom: 1px solid #E0E0E0;
outline: none !important;
background: transparent;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page .form-contact .form-contact-bx select {
padding: 5px 0px;
color: rgba(0, 0, 0, 0.69);
font-size: 16px;
line-height: 160.5%;
font-family: "apex_newbook";
width: 100%;
border: none;
border-bottom: 1px solid #E0E0E0;
outline: none !important;
background: #fff url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/arrow-select.png) no-repeat right center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page .form-contact .form-contact-bx textarea {
padding: 5px 0px;
color: #040404;
font-size: 16px;
line-height: 160.5%;
font-family: "apex_newbook";
width: 100%;
border: none;
border-bottom: 1px solid #E0E0E0;
outline: none !important;
background: transparent;
resize: none;
height: 50px;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page .form-contact .form-contact-bx .submit {
background: #4C2685;
border-radius: 50px;
padding: 13px 49px;
font-size: 16px;
line-height: 26px;
text-align: center;
text-transform: capitalize;
color: #FFFFFF;
width: auto;
font-family: "apex_newmedium";
display: block;
background: #274BA0;
padding: 8px 49px;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page .form-contact .form-contact-bx .submit:hover {
background: #274BA0;
}
@media only screen and (max-width: 767px) {
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page .form-contact .form-contact-bx .submit {
padding: 7px 30px;
}
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page .form-contact .form-contact-bx:last-child {
margin-bottom: 0px;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page .form-contact .form-contact-bx.country-code {
display: flex;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page .form-contact .form-contact-bx.country-code .wpcf7-form-control-wrap {
width: 90px;
padding: 0px;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page .form-contact .form-contact-bx.country-code .wpcf7-form-control-wrap select {
padding-right: 15px;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page .form-contact .form-contact-bx.country-code .wpcf7-form-control-wrap:last-child {
width: 100%;
}
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page .form-contact .form-contact-bx.country-code .wpcf7-form-control-wrap:last-child input {
padding-left: 15px;
}
@media only screen and (max-width: 991px) {
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page .form-contact {
padding: 40px 30px;
}
}
@media only screen and (max-width: 767px) {
.get-in-touch-outer-page .get-in-touch-main-page .get-in-touch-right-page {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.get-in-touch-outer-page .get-in-touch-main-page {
flex-wrap: wrap;
}
}
.map-outer {
padding-bottom: 70px;
float: left;
width: 100%;
}
.distributor-form {
background: none !important;
padding: 75px 0px 30px !important;
float: none !important;
}
.distributor-form .apply-submit {
border: none !important;
}
.distributor-form .carrer-listing-form .career-row .career-input-bx select {
padding: 11px 17px !important;
}
.distributor-form .carrer-listing-form .career-row .career-input-bx .select2-selection--multiple {
background: none;
border: none;
}
.distributor-form .carrer-listing-form .career-row .career-input-bx .select2-selection--multiple ul li {
padding-left: 0;
}
.distributor-form .carrer-listing-form .career-row .career-input-bx .select2-selection--multiple ul li::before {
display: none;
}
.distributor-form .carrer-listing-form .career-row .career-input-bx .select2-selection--multiple ul li .select2-search__field {
width: 595px !important;
}
.fw-large-container {
position: relative;
}
.fw-large-container .fw-textarea {
padding: 10px 20px 10px 20px !important;
}
.fw-large-container .fw-progress-bar .fw-progress-step {
color: #353535 !important;
font-size: 16px !important;
font-family: "apex_newmedium" !important;
}
.fw-large-container .fw-progress-bar .fw-progress-step .fw-txt-ellipsis {
font-family: "apex_newmedium" !important;
}
.fw-large-container .fw-progress-bar .fw-progress-step:before {
height: 45px !important;
top: -67px !important;
border: none;
background: #294b9f !important;
width: 45px !important;
font-size: 25px !important;
display: flex;
justify-content: center;
align-items: center;
}
.fw-large-container .fw-step-part {
border-color: #294b9f !important;
background: #FBFCFF none repeat scroll 0 0 !important;
}
.fw-large-container .fw-step-part-body input {
width: 100% !important;
font-size: 20px;
border-radius: 12px;
border: 1px solid #EDEDED;
height: 57px !important;
font-family: "apex_newmedium" !important;
padding-left: 20px !important;
padding: 17px 17px;
background: #ffffff;
line-height: 100%;
color: #353535;
font-family: "apex_newbook";
}
.fw-large-container .fw-wizard-button-container .fw-wizard-buttons {
display: flex;
}
.fw-large-container .fw-wizard-button-container .fw-button-next {
width: auto !important;
font-family: "apex_newmedium" !important;
background: #274BA0 !important;
border-radius: 50px !important;
}
.fw-large-container .fw-wizard-button-container .fw-button-next i {
display: none;
}
.fw-large-container .fw-wizard-button-container .fw-button-previous {
width: auto !important;
font-family: "apex_newmedium" !important;
background: #274BA0 !important;
border-radius: 50px !important;
}
.fw-large-container .fw-wizard-button-container .fw-button-previous i {
display: none;
}
.fw-large-container .fa.form-control-feedback {
display: none !important;
}
.fw-large-container .fw-alert-user {
position: absolute !important;
background-color: #2d459b !important;
left: 40% !important;
font-size: 18px !important;
width: 40% !important;
margin-left: 0 !important;
bottom: 0% !important;
}
.fw-large-container .fw-summary-container .fw-toggle-summary {
background: #274BA0 !important;
color: #fff !important;
}
.fw-large-container .fw-summary-container .fw-toggle-summary:hover {
color: #fff;
}
.fw-large-container .fw-paragraph-container p {
color: #353535;
}
.fw-large-container .fw-btn-submit {
background: #274BA0 !important;
color: #fff;
font-family: "apex_newmedium" !important;
color: #fff;
font-family: "apex_newmedium" !important;
}
.fw-large-container .fw-step-summary-field {
border-color: #274ba0 !important;
background-color: #fbfcff !important;
}
.fw-large-container .fw-progress-step.fw-visited .fw-txt-ellipsis {
color: #294b9f !important;
}
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step .fw-txt-ellipsis[data-title]:hover:after {
background: #294b9f !important;
}
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step .fw-txt-ellipsis[data-title]:hover:before {
border-bottom-color: #294b9f !important;
}
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:after {
background-color: #294b9f !important;
}
.fw-progress-bar li.fw-active:after, li.fw-progress-step::after {
background-color: #294b9f !important;
}
.fw-large-container .fw-progress-bar .fw-progress-step:last-child:before {
font-size: 23px;
padding-top: 1px;
}
.fw-large-container ul.fw-progress-bar li.fw-active:before {
background: linear-gradient(180deg, #274BA0 0%, #4C2685 100%) !important;
}
.fw-large-container ul.fw-progress-bar li.fw-active .fw-txt-ellipsis {
font-family: "apex_newmedium";
color: #133A55 !important;
}
@media (max-width: 1024px) {
.distributor-form .carrer-listing-form .career-row .career-input-bx .select2-selection--multiple ul li .select2-search__field {
width: 450px !important;
}
}
@media (max-width: 767px) {
.fw-large-container .fw-progress-bar .fw-progress-step:before {
top: 5px !important;
}
.distributor-form .carrer-listing-form .career-row .career-input-bx .select2-selection--multiple ul li .select2-search__field {
width: 323px !important;
}
}
@media (max-width: 676px) {
.distributor-form .carrer-listing-form .career-row .career-input-bx label {
font-size: 16px !important;
}
.distributor-form .carrer-listing-form .career-row .career-input-bx .select2-selection--multiple ul li .select2-search__field {
width: 278px !important;
}
}
.catalogues-and-Brochures {
padding: 80px 0px;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row {
padding-bottom: 30px;
margin-bottom: 10px;
border-bottom: 1px solid #e1dede;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row {
align-items: center;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-broucher {
position: relative;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-broucher .df-container {
background: none !important;
padding-top: 60px;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-broucher .df-container .df-book-stage {
padding: 60px 20px 30px !important;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-broucher .df-container .df-ui-controls {
position: absolute;
top: 0;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-broucher .df-container .df-ui-controls .df-ui-prev {
display: none;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-broucher .df-container .df-ui-controls .df-ui-page {
display: none;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-broucher .df-container .df-ui-controls .df-ui-next {
display: none;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-broucher .df-container .df-ui-controls .df-ui-outline {
display: none;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-broucher .df-container .df-ui-controls .df-ui-thumbnail {
display: none;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-broucher .df-container .df-ui-controls .df-ui-share {
display: none;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-broucher .df-container .df-ui-controls .df-ui-more {
display: none;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-broucher .df-container .df-ui-controls .df-ui-btn {
color: #fff !important;
background-color: #274BA0 !important;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-broucher img {
display: block;
margin: 0 auto;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-broucher h4 {
font-size: 20px;
color: #133A55;
font-family: "apex_newmedium";
text-align: center;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-content h2 {
color: #133A55;
font-size: 24px;
font-style: normal;
font-family: "apex_newmedium";
line-height: 129%;
padding-bottom: 20px;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-content p {
font-size: 16px;
color: #133A55;
text-align: justify;
font-family: "apex_newbook";
line-height: 150%;
padding-right: 10%;
margin-bottom: 30px;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-content a {
background: #4C2685;
border-radius: 50px;
padding: 13px 49px;
font-size: 16px;
line-height: 26px;
text-align: center;
text-transform: capitalize;
color: #FFFFFF;
width: auto;
font-family: "apex_newmedium";
background: #274BA0;
padding: 8px 49px;
display: inline-block;
}
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-content a:hover {
background: #274BA0;
}
@media only screen and (max-width: 767px) {
.catalogues-and-Brochures .catalogues-Brochures-main .catlog-row .row .catalogues-content a {
padding: 7px 30px;
}
}
.boucher-model .modal-dialog {
margin-top: 79px;
}
.boucher-model .modal-dialog .modal-content .modal-body .btn-close {
position: absolute;
top: -12px;
right: -14px;
background: #274BA0;
color: #fff;
width: 30px;
height: 30px;
border-radius: 30px;
opacity: 1;
}
.boucher-model .modal-dialog .modal-content .modal-body .carre-form-outer {
border: none;
padding: 30px 21px;
}
.boucher-model .modal-dialog .modal-content .modal-body .carre-form-outer .carrer-listing-form .career-row .career-input-bx {
width: 100%;
}
.boucher-model .modal-dialog .modal-content .modal-body .carre-form-outer .carrer-listing-form .career-row .apply-submit {
margin: 0px;
padding: 12px 65px;
}
.boucher-model .modal-dialog .modal-content .modal-body .wpcf7 form .wpcf7-response-output {
clear: left;
}
.search__list .search-item {
padding: 15px 0;
border-bottom: 1px solid #e3e2e2;
}
.search__list .search-item .search-item__title {
font-size: 18px;
line-height: 133.5%;
color: #274BA0;
font-family: "apex_newmedium";
display: block;
padding-bottom: 10px;
}
.search__list .search-item .search-item__desc {
font-size: 16px;
line-height: 180%;
color: #4D4D4D;
font-family: "apex_newbook";
}
.pagnation {
margin-top: 50px;
}
.pagnation ul {
display: flex;
align-items: center;
justify-content: center;
}
.pagnation ul li {
margin-right: 5px;
}
.pagnation ul li a {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 100%; text-align: center;
color: #00206B;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #d2d2d2;
}
@media only screen and (max-width: 767px) {
.pagnation ul li a {
width: 30px;
height: 30px;
}
}
.pagnation ul li a.current {
background: #274BA0;
color: #fff;
}
.pagnation ul li.prev {
margin-right: 10px;
}
.pagnation ul li.prev a {
width: auto;
height: auto;
border: none;
position: relative;
}
.pagnation ul li.prev a img {
transform: rotate(180deg);
width: 48px;
position: relative;
z-index: 99;
}
.pagnation ul li.prev a:after {
width: 32px;
height: 32px;
background: #e6e5e6;
position: absolute;
content: "";
left: -8px;
top: -8px;
border-radius: 100%;
transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
@media only screen and (max-width: 767px) {
.pagnation ul li.prev a::after {
width: 25px;
height: 25px;
left: -7px;
top: -7px;
}
}
.pagnation ul li.next {
margin-left: 5px;
}
.pagnation ul li.next a {
width: auto;
height: auto;
border: none;
position: relative;
}
.pagnation ul li.next a img {
width: 48px;
position: relative;
z-index: 99;
}
.pagnation ul li.next a:after {
width: 32px;
height: 32px;
background: #e6e5e6;
position: absolute;
content: "";
right: -8px;
top: -8px;
border-radius: 100%;
transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
@media only screen and (max-width: 767px) {
.pagnation ul li.next a::after {
width: 25px;
height: 25px;
right: -7px;
top: -7px;
}
}
@media only screen and (max-width: 767px) {
.pagnation ul img {
width: 35px !important;
}
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
margin-right: 2px !important;
}
.select2-dropdown {
left: 5px !important;
}
.select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
background-color: #274BA0 !important;
}
@media (max-width: 1366px) {
.select2-dropdown .select2-dropdown {
top: 20px !important;
left: 5px !important;
}
.select2-dropdown .select2-container--default .select2-selection--multiple .select2-selection__choice {
margin-right: 2px !important;
}
}
.career-page-outer {
padding: 75px 0px;
float: left;
width: 100%;
padding-top: 30px;
}
@media only screen and (max-width: 1100px) {
.career-page-outer {
padding: 50px 0px;
}
}
.career-page-outer .career-page-list .career-list-bx {
border-radius: 12px;
border: 1px solid #E8E8E8;
background: #FBFCFF;
padding: 30px 43px;
margin-bottom: 30px;
}
.career-page-outer .career-page-list .career-list-bx .title-bx {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.career-page-outer .career-page-list .career-list-bx .title-bx h3 {
font-size: 36px;
line-height: 120%;
font-weight: 500;
font-family: "apex_newmedium";
text-transform: uppercase;
color: #133A55;
margin-bottom: 25px;
}
@media only screen and (max-width: 991px) {
.career-page-outer .career-page-list .career-list-bx .title-bx h3 {
font-size: 30px;
width: 100%;
margin-bottom: 5px;
}
}
@media only screen and (max-width: 768px) {
.career-page-outer .career-page-list .career-list-bx .title-bx h3 {
font-size: 22px;
width: 100%;
margin-bottom: 5px;
}
}
.career-page-outer .career-page-list .career-list-bx .title-bx h5 {
color: #686868;
font-size: 20px;
text-align: right;
font-family: "apex_newbook";
padding-left: 15px;
margin-top: 10px;
}
@media only screen and (max-width: 991px) {
.career-page-outer .career-page-list .career-list-bx .title-bx h5 {
font-size: 16px;
width: 100%;
padding-left: 0;
text-align: left;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 991px) {
.career-page-outer .career-page-list .career-list-bx .title-bx {
flex-wrap: wrap;
}
}
.career-page-outer .career-page-list .career-list-bx p {
font-size: 14px;
line-height: 120%;
font-family: "apex_newbook";
color: #353535;
margin-bottom: 25px;
}
.career-page-outer .career-page-list .career-list-bx a {
background: #274BA0;
border-radius: 49px;
padding: 12px 30px;
display: inline-block;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #FFFFFF;
font-size: 22px;
font-family: "apex_newmedium";
position: relative;
transition: all 0.5s ease-in;
font-size: 16px;
}
.career-page-outer .career-page-list .career-list-bx a::after {
width: 32px;
height: 32px;
background: #6269A5;
position: absolute;
content: "";
right: 21px;
top: 13px;
border-radius: 100%;
transition: all 0.5s ease-in;
}
.career-page-outer .career-page-list .career-list-bx a:hover {
background: #274BA0;
color: #fff;
}
.career-page-outer .career-page-list .career-list-bx a:hover::after {
background: transparent;
}
.career-page-outer .career-page-list .career-list-bx a img {
margin-left: 10px;
position: relative;
z-index: 1;
margin-top: -5px;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.career-page-outer .career-page-list .career-list-bx a img {
width: 26px;
}
}
@media only screen and (max-width: 1100px) {
.career-page-outer .career-page-list .career-list-bx a {
padding: 7px 30px;
font-size: 20px;
}
.career-page-outer .career-page-list .career-list-bx a::after {
top: 8px;
}
}
@media only screen and (max-width: 767px) {
.career-page-outer .career-page-list .career-list-bx a {
padding: 7px 30px;
font-size: 16px;
}
.career-page-outer .career-page-list .career-list-bx a::after {
top: 7px;
width: 22px;
height: 22px;
}
}
.career-page-outer .career-page-list .career-list-bx a::after {
top: 7px;
}
@media only screen and (max-width: 1100px) {
.career-page-outer .career-page-list .career-list-bx a::after {
width: 25px;
height: 25px;
}
.career-page-outer .career-page-list .career-list-bx a img {
width: 35px;
}
}
@media only screen and (max-width: 600px) {
.career-page-outer .career-page-list .career-list-bx {
padding: 20px 15px;
}
}
.career-details-outer {
padding: 75px 0px;
float: left;
width: 100%;
}
@media only screen and (max-width: 1100px) {
.career-details-outer {
padding: 50px 0px;
}
}
.career-details-outer .career-details-bx {
margin-bottom: 30px;
padding-right: 50px;
}
.career-details-outer .career-details-bx h1 {
font-size: 32px;
line-height: 128%;
color: #133A55;
font-family: "apex_newmedium";
padding-bottom: 50px;
}
@media only screen and (max-width: 991px) {
.career-details-outer .career-details-bx h1 {
font-size: 28px;
}
}
.career-details-outer .career-details-bx h2 {
font-size: 24px;
line-height: 128%;
color: #133A55;
font-family: "apex_newmedium";
padding-bottom: 15px;
}
@media only screen and (max-width: 991px) {
.career-details-outer .career-details-bx h2 {
font-size: 20px;
}
}
.career-details-outer .career-details-bx h3 {
font-size: 24px;
line-height: 128%;
color: #133A55;
font-family: "apex_newmedium";
padding-bottom: 15px;
}
@media only screen and (max-width: 991px) {
.career-details-outer .career-details-bx h3 {
font-size: 18px;
}
}
.career-details-outer .career-details-bx p {
font-size: 15px;
line-height: 160%;
color: #353535;
font-family: "apex_newbook";
padding-bottom: 15px;
}
.career-details-outer .career-details-bx h5 {
font-size: 21px;
line-height: 160%;
color: #133A55;
font-family: "apex_newbook";
padding-bottom: 15px;
}
@media only screen and (max-width: 991px) {
.career-details-outer .career-details-bx h5 {
font-size: 17px;
}
}
.career-details-outer .career-details-bx ul li {
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/list-arrow.webp) no-repeat 0px 6px;
padding-left: 35px;
font-size: 15px;
line-height: 160%;
color: #353535;
font-family: "apex_newbook";
margin-bottom: 20px;
}
.career-details-outer .career-details-bx a {
background: #274BA0;
border-radius: 49px;
padding: 12px 30px;
display: inline-block;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #FFFFFF;
font-size: 22px;
font-family: "apex_newmedium";
position: relative;
transition: all 0.5s ease-in;
font-size: 16px;
text-transform: capitalize;
}
.career-details-outer .career-details-bx a::after {
width: 32px;
height: 32px;
background: #6269A5;
position: absolute;
content: "";
right: 21px;
top: 13px;
border-radius: 100%;
transition: all 0.5s ease-in;
}
.career-details-outer .career-details-bx a:hover {
background: #274BA0;
color: #fff;
}
.career-details-outer .career-details-bx a:hover::after {
background: transparent;
}
.career-details-outer .career-details-bx a img {
margin-left: 10px;
position: relative;
z-index: 1;
margin-top: -5px;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.career-details-outer .career-details-bx a img {
width: 26px;
}
}
@media only screen and (max-width: 1100px) {
.career-details-outer .career-details-bx a {
padding: 7px 30px;
font-size: 20px;
}
.career-details-outer .career-details-bx a::after {
top: 8px;
}
}
@media only screen and (max-width: 767px) {
.career-details-outer .career-details-bx a {
padding: 7px 30px;
font-size: 16px;
}
.career-details-outer .career-details-bx a::after {
top: 7px;
width: 22px;
height: 22px;
}
}
.career-details-outer .career-details-bx a img {
margin-right: 10px;
margin-left: 0px;
}
.career-details-outer .career-details-bx a::after {
right: unset;
left: 18px;
top: 8px;
}
@media only screen and (max-width: 767px) {
.career-details-outer .career-details-bx a::after {
left: 22px;
}
}
.career-details-outer .career-form {
background: #F5F5F5;
padding: 46px 34px;
}
.career-details-outer .career-form h3 {
font-size: 32px;
line-height: 128%;
color: #133A55;
font-family: "apex_newmedium";
padding-bottom: 50px;
text-transform: uppercase;
text-align: center;
}
@media only screen and (max-width: 991px) {
.career-details-outer .career-form h3 {
font-size: 28px;
padding-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.career-details-outer .career-form h3 {
font-size: 25px;
}
}
.career-details-outer .career-form .career-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.career-details-outer .career-form .career-row .career-input-bx {
width: calc(50% - 15px);
margin-bottom: 30px;
}
.career-details-outer .career-form .career-row .career-input-bx label {
display: block;
font-size: 20px;
line-height: 100%;
color: #133A55;
font-family: "apex_newmedium";
padding-bottom: 10px;
}
.career-details-outer .career-form .career-row .career-input-bx select {
border-radius: 12px;
border: 1px solid #EDEDED;
width: 100%;
font-size: 20px;
line-height: 100%;
color: #353535;
font-family: "apex_newbook";
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/select-bg.png) no-repeat 95% center;
height: 57px;
padding: 17px 17px;
}
.career-details-outer .career-form .career-row .career-input-bx input {
border-radius: 12px;
border: 1px solid #EDEDED;
width: 100%;
font-size: 20px;
line-height: 100%;
color: #353535;
font-family: "apex_newbook";
height: 57px;
padding: 17px 17px;
background: #ffffff;
}
.career-details-outer .career-form .career-row .career-input-bx .file-input .file-input__input {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
padding: 0px;
}
.career-details-outer .career-form .career-row .career-input-bx .file-input .file-input-label {
border-radius: 12px;
border: 1px solid #EDEDED;
width: 100%;
font-size: 20px;
line-height: 100%;
color: #353535;
font-family: "apex_newbook";
height: 57px;
padding: 17px 17px !important;
background-color: #ffffff;
cursor: pointer;
}
.career-details-outer .career-form .career-row .career-input-bx .file-input .file-input-label svg {
float: right;
margin-top: -4px;
}
@media only screen and (max-width: 991px) {
.career-details-outer .career-form .career-row .career-input-bx {
width: 100%;
margin-bottom: 25px;
}
}
.career-details-outer .career-form .career-row .career-input-bx.country-code .career-mobile {
display: flex;
}
.career-details-outer .career-form .career-row .career-input-bx.country-code .career-mobile .wpcf7-form-control-wrap:first-child {
width: 113px;
padding-right: 10px;
}
.career-details-outer .career-form .career-row .career-input-bx.full {
width: 100%;
}
.career-details-outer .career-form .career-row .career-text-area {
width: 100%;
}
.career-details-outer .career-form .career-row .career-text-area textarea {
border-radius: 12px;
border: 1px solid #EDEDED;
width: 100%;
font-size: 20px;
line-height: 100%;
color: #353535;
font-family: "apex_newbook";
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF;
height: 157px;
padding: 26px 17px;
resize: none;
}
.career-details-outer .career-form .career-row .apply-submit {
background: #274BA0;
border-radius: 49px;
padding: 12px 30px;
display: inline-block;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #FFFFFF;
font-size: 22px;
font-family: "apex_newmedium";
position: relative;
transition: all 0.5s ease-in;
margin: 50px auto auto;
border: none;
}
.career-details-outer .career-form .career-row .apply-submit::after {
width: 32px;
height: 32px;
background: #6269A5;
position: absolute;
content: "";
right: 21px;
top: 13px;
border-radius: 100%;
transition: all 0.5s ease-in;
}
.career-details-outer .career-form .career-row .apply-submit:hover {
background: #274BA0;
color: #fff;
}
.career-details-outer .career-form .career-row .apply-submit:hover::after {
background: transparent;
}
.career-details-outer .career-form .career-row .apply-submit img {
margin-left: 10px;
position: relative;
z-index: 1;
margin-top: -5px;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.career-details-outer .career-form .career-row .apply-submit img {
width: 26px;
}
}
@media only screen and (max-width: 1100px) {
.career-details-outer .career-form .career-row .apply-submit {
padding: 7px 30px;
font-size: 20px;
}
.career-details-outer .career-form .career-row .apply-submit::after {
top: 8px;
}
}
@media only screen and (max-width: 767px) {
.career-details-outer .career-form .career-row .apply-submit {
padding: 7px 30px;
font-size: 16px;
}
.career-details-outer .career-form .career-row .apply-submit::after {
top: 7px;
width: 22px;
height: 22px;
}
}
@media only screen and (max-width: 767px) {
.career-details-outer .career-form {
padding: 35px 20px;
}
}
.carre-form-outer {
background: #FBFCFF;
padding: 75px 0px;
float: left;
width: 100%;
border-top: 1px solid #E8E8E8;
}
@media only screen and (max-width: 1100px) {
.carre-form-outer {
padding: 50px 0px;
}
}
.carre-form-outer .carrer-listing-form .career-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.carre-form-outer .carrer-listing-form .career-row .career-input-bx {
width: calc(50% - 15px);
margin-bottom: 30px;
}
.carre-form-outer .carrer-listing-form .career-row .career-input-bx label {
display: block;
font-size: 20px;
line-height: 100%;
color: #353535;
font-family: "apex_newmedium";
padding-bottom: 10px;
}
.carre-form-outer .carrer-listing-form .career-row .career-input-bx select {
border-radius: 12px;
border: 1px solid #EDEDED;
width: 100%;
font-size: 20px;
line-height: revert;
color: #353535;
font-family: "apex_newbook";
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/select-bg.png) no-repeat 95% center;
height: 57px;
padding: 14px 17px;
}
.carre-form-outer .carrer-listing-form .career-row .career-input-bx input {
border-radius: 12px;
border: 1px solid #EDEDED;
width: 100%;
font-size: 20px;
line-height: 100%;
color: #353535;
font-family: "apex_newbook";
height: 57px;
padding: 17px 17px;
background: #ffffff;
}
.carre-form-outer .carrer-listing-form .career-row .career-input-bx .file-input .file-input__input {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
padding: 0px;
}
.carre-form-outer .carrer-listing-form .career-row .career-input-bx .file-input .file-input-label {
border-radius: 12px;
border: 1px solid #EDEDED;
width: 100%;
font-size: 20px;
line-height: 100%;
color: #353535;
font-family: "apex_newbook";
height: 57px;
padding: 17px 17px !important;
background-color: #ffffff;
cursor: pointer;
}
.carre-form-outer .carrer-listing-form .career-row .career-input-bx .file-input .file-input-label svg {
float: right;
margin-top: -4px;
}
@media only screen and (max-width: 600px) {
.carre-form-outer .carrer-listing-form .career-row .career-input-bx {
width: 100%;
margin-bottom: 25px;
}
}
.carre-form-outer .carrer-listing-form .career-row .career-input-bx.country-code .career-mobile {
display: flex;
}
.carre-form-outer .carrer-listing-form .career-row .career-input-bx.country-code .career-mobile .wpcf7-form-control-wrap {
width: 100%;
}
.carre-form-outer .carrer-listing-form .career-row .career-input-bx.country-code .career-mobile .wpcf7-form-control-wrap:first-child {
width: 113px;
padding-right: 10px;
}
.carre-form-outer .carrer-listing-form .career-row .career-text-area {
width: 100%;
}
.carre-form-outer .carrer-listing-form .career-row .career-text-area textarea {
border-radius: 12px;
border: 1px solid #EDEDED;
width: 100%;
font-size: 20px;
line-height: 100%;
color: #353535;
font-family: "apex_newbook";
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF;
height: 157px;
padding: 26px 17px;
resize: none;
}
.carre-form-outer .carrer-listing-form .career-row .apply-submit {
background: #274BA0;
border-radius: 49px;
padding: 12px 30px;
display: inline-block;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #FFFFFF;
font-size: 22px;
font-family: "apex_newmedium";
position: relative;
transition: all 0.5s ease-in;
margin: 50px auto auto;
border: none;
}
.carre-form-outer .carrer-listing-form .career-row .apply-submit::after {
width: 32px;
height: 32px;
background: #6269A5;
position: absolute;
content: "";
right: 21px;
top: 13px;
border-radius: 100%;
transition: all 0.5s ease-in;
}
.carre-form-outer .carrer-listing-form .career-row .apply-submit:hover {
background: #274BA0;
color: #fff;
}
.carre-form-outer .carrer-listing-form .career-row .apply-submit:hover::after {
background: transparent;
}
.carre-form-outer .carrer-listing-form .career-row .apply-submit img {
margin-left: 10px;
position: relative;
z-index: 1;
margin-top: -5px;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.carre-form-outer .carrer-listing-form .career-row .apply-submit img {
width: 26px;
}
}
@media only screen and (max-width: 1100px) {
.carre-form-outer .carrer-listing-form .career-row .apply-submit {
padding: 7px 30px;
font-size: 20px;
}
.carre-form-outer .carrer-listing-form .career-row .apply-submit::after {
top: 8px;
}
}
@media only screen and (max-width: 767px) {
.carre-form-outer .carrer-listing-form .career-row .apply-submit {
padding: 7px 30px;
font-size: 16px;
}
.carre-form-outer .carrer-listing-form .career-row .apply-submit::after {
top: 7px;
width: 22px;
height: 22px;
}
}
@media only screen and (max-width: 1100px) {
.carre-form-outer .carrer-listing-form {
padding: 0px 15px;
}
}
.rma-form .career-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.rma-form .career-row .career-input-bx {
width: calc(50% - 15px);
margin-bottom: 30px;
}
.rma-form .career-row .career-input-bx label {
display: block;
font-size: 20px;
line-height: 100%;
color: #353535;
font-family: "apex_newmedium";
padding-bottom: 10px;
}
.rma-form .career-row .career-input-bx select {
border-radius: 12px;
border: 1px solid #EDEDED;
width: 100%;
font-size: 20px;
line-height: 100%;
color: #353535;
font-family: "apex_newbook";
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/select-bg.png) no-repeat 95% center;
height: 57px;
padding: 17px 17px;
}
.rma-form .career-row .career-input-bx input {
border-radius: 12px;
border: 1px solid #EDEDED;
width: 100%;
font-size: 20px;
line-height: 100%;
color: #353535;
font-family: "apex_newbook";
height: 57px;
padding: 17px 17px;
background: #ffffff;
}
.rma-form .career-row .career-input-bx .file-input .file-input__input {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
padding: 0px;
}
.rma-form .career-row .career-input-bx .file-input .file-input-label {
border-radius: 12px;
border: 1px solid #EDEDED;
width: 100%;
font-size: 20px;
line-height: 100%;
color: #353535;
font-family: "apex_newbook";
height: 57px;
padding: 17px 17px !important;
background-color: #ffffff;
cursor: pointer;
}
.rma-form .career-row .career-input-bx .file-input .file-input-label svg {
float: right;
margin-top: -4px;
}
.rma-form .career-row .career-input-bx .date {
position: relative;
}
.rma-form .career-row .career-input-bx .date .input-group-append {
position: absolute;
right: 5px;
top: 11px;
}
.rma-form .career-row .career-input-bx .date .input-group-append .input-group-text.bg-light.d-block {
background: none !important;
border: none !important;
}
@media only screen and (max-width: 600px) {
.rma-form .career-row .career-input-bx {
width: 100%;
margin-bottom: 25px;
}
}
.rma-form .career-row .career-input-bx.country-code .career-mobile {
display: flex;
}
.rma-form .career-row .career-input-bx.country-code .career-mobile .wpcf7-form-control-wrap:first-child {
width: 113px;
padding-right: 10px;
}
.rma-form .career-row .career-text-area textarea {
border-radius: 12px;
border: 1px solid #EDEDED;
width: 100%;
font-size: 20px;
line-height: 100%;
color: #353535;
font-family: "apex_newbook";
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF;
height: 157px;
padding: 26px 17px;
resize: none;
}
.rma-form .career-row .apply-submit {
background: #274BA0;
border-radius: 49px;
padding: 12px 30px;
display: inline-block;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #FFFFFF;
font-size: 22px;
font-family: "apex_newmedium";
position: relative;
transition: all 0.5s ease-in;
margin: 50px auto auto;
}
.rma-form .career-row .apply-submit::after {
width: 32px;
height: 32px;
background: #6269A5;
position: absolute;
content: "";
right: 21px;
top: 13px;
border-radius: 100%;
transition: all 0.5s ease-in;
}
.rma-form .career-row .apply-submit:hover {
background: #274BA0;
color: #fff;
}
.rma-form .career-row .apply-submit:hover::after {
background: transparent;
}
.rma-form .career-row .apply-submit img {
margin-left: 10px;
position: relative;
z-index: 1;
margin-top: -5px;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.rma-form .career-row .apply-submit img {
width: 26px;
}
}
@media only screen and (max-width: 1100px) {
.rma-form .career-row .apply-submit {
padding: 7px 30px;
font-size: 20px;
}
.rma-form .career-row .apply-submit::after {
top: 8px;
}
}
@media only screen and (max-width: 767px) {
.rma-form .career-row .apply-submit {
padding: 7px 30px;
font-size: 16px;
}
.rma-form .career-row .apply-submit::after {
top: 7px;
width: 22px;
height: 22px;
}
}
@media only screen and (max-width: 1100px) {
.rma-form {
padding: 0px 15px;
}
}
.datepicker {
margin: 0px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
font-size: 16px;
}
.datepicker .datepicker-days th {
padding: 5px 10px;
}
.datepicker .datepicker-days th.dow {
font-size: 12px;
padding: 5px 10px;
}
.datepicker .datepicker-days td.day {
font-size: 12px;
padding: 5px 10px;
}
.distribution-partner-outer {
padding: 75px 0px;
float: left;
width: 100%;
}
@media only screen and (max-width: 1100px) {
.distribution-partner-outer {
padding: 50px 0px;
}
}
.distribution-partner-outer .form-group-submit {
margin-bottom: 30px;
}
.distribution-partner-outer .distribution-partner-table {
float: left;
width: 100%;
}
.distribution-partner-outer .distribution-partner-table table .table-dark tr th {
background-color: #4C2685;
padding: 14px 20px;
text-align: center;
font-family: "apex_newbook";
}
.distribution-partner-outer .distribution-partner-table table tbody tr td {
padding: 14px 20px;
text-align: center;
vertical-align: middle;
word-break: break-all;
font-family: "apex_newbook";
}
.distribution-partner-outer .distribution-partner-table table tbody tr td:first-child {
color: #274BA0;
font-family: "apex_newbold";
}
@media (max-width: 767px) {
.distribution-partner-outer .distribution-partner-table table {
min-width: 767px;
}
}
.page-id-1730 .head h1 {
padding-top: 50px;
}
.solution-page-outer {
padding: 75px 0px;
float: left;
width: 100%;
padding-top: 20px;
background: linear-gradient(179deg, #FFF 43.21%, #F6FAFF 58.59%);
}
@media only screen and (max-width: 1100px) {
.solution-page-outer {
padding: 50px 0px;
}
}
.solution-page-outer .solution-main .solution-row {
display: flex;
align-items: center;
margin-bottom: 80px;
}
.solution-page-outer .solution-main .solution-row .solution-left {
width: 60%;
padding-right: 115px;
}
.solution-page-outer .solution-main .solution-row .solution-left .head {
text-align: left;
}
.solution-page-outer .solution-main .solution-row .solution-left .head h2 {
padding-bottom: 10px;
}
.solution-page-outer .solution-main .solution-row .solution-left p {
font-size: 16px;
text-align: justify;
line-height: 150%;
color: #353535;
font-family: "apex_newbook";
margin-bottom: 20px;
}
.solution-page-outer .solution-main .solution-row .solution-left h3 {
font-size: 20px;
line-height: 126%;
color: #353535;
font-family: "apex_newbook";
}
.solution-page-outer .solution-main .solution-row .solution-left h4 {
font-size: 18px;
line-height: 126%;
color: #353535;
font-family: "apex_newbook";
}
.solution-page-outer .solution-main .solution-row .solution-left ul li {
padding-left: 20px;
font-size: 15px;
line-height: 160%;
color: #353535;
font-family: "apex_newbook";
margin-bottom: 8px;
position: relative;
}
.solution-page-outer .solution-main .solution-row .solution-left ul li::after {
width: 6px;
height: 6px;
border: 2px solid #274BA0;
border-radius: 100%;
position: absolute;
left: 0;
top: 8px;
content: "";
display: block;
}
@media only screen and (max-width: 991px) {
.solution-page-outer .solution-main .solution-row .solution-left {
width: 100%;
padding-right: 0px;
padding-bottom: 50px;
}
}
.solution-page-outer .solution-main .solution-row .solution-right {
width: 40%;
}
.solution-page-outer .solution-main .solution-row .solution-right img {
width: 100%;
}
@media only screen and (max-width: 991px) {
.solution-page-outer .solution-main .solution-row .solution-right {
width: 100%;
}
}
@media only screen and (max-width: 991px) {
.solution-page-outer .solution-main .solution-row {
flex-wrap: wrap;
margin-bottom: 40px;
border-bottom: 1px solid #c7c6c6;
padding-bottom: 50px;
}
}
.solution-page-outer .solution-main .solution-row.solution-row-direction .solution-left {
padding-right: 0px;
padding-left: 115px;
}
@media only screen and (max-width: 991px) {
.solution-page-outer .solution-main .solution-row.solution-row-direction .solution-left {
padding-left: 0px;
text-align: left;
}
.solution-page-outer .solution-main .solution-row.solution-row-direction .solution-left .head {
text-align: left;
}
}
@media only screen and (max-width: 991px) {
.solution-page-outer .solution-main .solution-row.solution-row-direction {
padding-bottom: 0;
}
.solution-page-outer .solution-main .solution-row.solution-row-direction .solution-right {
margin-bottom: 30px;
}
}
.solution-inner-link {
display: flex;
flex-wrap: wrap;
margin-top: 30px;
}
.solution-inner-link .solution-link-bx {
width: 50%;
padding: 0px 15px;
margin-bottom: 10px;
padding-left: 23px;
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/menu-hover.png) no-repeat 0px 0px;
}
.solution-inner-link .solution-link-bx a {
color: #274BA0;
font-size: 16px;
line-height: 24px;
word-break: break-all;
font-family: "apex_newbook";
}
.solution-inner-link .solution-link-bx a:hover {
color: #4C2685;
}
@media only screen and (max-width: 600px) {
.solution-inner-link .solution-link-bx {
width: 100%;
}
}
.partner-outer {
padding-top: 30px;
}
.partner-outer .partner-main {
width: 1000px;
margin: 0 auto;
}
.partner-outer .partner-main h2 {
font-size: 45px;
line-height: 126%;
text-transform: capitalize;
color: #133A55;
font-family: "apex_newbook";
padding-bottom: 35px;
margin-bottom: 12px;
color: #274BA0;
font-family: "apex_newmedium";
font-size: 50px;
padding-bottom: 25px;
}
@media only screen and (max-width: 1100px) {
.partner-outer .partner-main h2 {
font-size: 40px;
}
}
@media only screen and (max-width: 1025px) {
.partner-outer .partner-main h2 {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 768px) {
.partner-outer .partner-main h2 {
font-size: 30px;
padding-bottom: 15px;
}
}
.partner-outer .partner-main .partner-form h3 {
font-size: 24px;
color: #353535;
font-family: "apex_newmedium";
padding-bottom: 18px;
}
.partner-outer .partner-main .partner-form .partner-row {
margin-left: -15px;
margin-right: -15px;
display: flex;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx {
position: relative;
width: 50%;
padding: 0px 15px;
margin-bottom: 15px;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx .dropdown.bootstrap-select {
width: 100%;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx .dropdown.bootstrap-select .btn.dropdown-toggle {
padding: 0px;
display: flex;
align-items: center;
border-radius: 30px;
border: 1px solid #D1D1D1;
width: 100%;
height: 50px;
padding: 0px 25px;
box-shadow: none;
background: none !important;
outline: none;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx input {
border-radius: 30px;
border: 1px solid #D1D1D1;
width: 100%;
height: 50px;
padding: 0px 25px;
color: #133A55;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx input::-webkit-input-placeholder { color: black;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx input::-webkit-input-placeholder:focus::-webkit-input-placeholder { color: #133A55;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx input:-moz-placeholder { color: black;
opacity: 1;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx input:-moz-placeholder:focus:-moz-placeholder { color: #133A55;
opacity: 1;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx input::-moz-placeholder { color: black;
opacity: 1;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx input::-moz-placeholder:focus::-moz-placeholder { color: #133A55;
opacity: 1;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx input:-ms-input-placeholder { color: black;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx input:-ms-input-placeholder:focus:-ms-input-placeholder { color: #133A55;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx .dropdown .selectpicker {
display: none !important;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx .dropdown .dropdown-menu {
min-height: unset !important;
max-height: 350px !important;
width: 100%;
padding: 0;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx .dropdown .dropdown-menu .inner.show {
overflow: hidden !important;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx .dropdown .dropdown-menu.inner.show {
border: none;
overflow: visible auto !important;
position: relative;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx .partner-code .dropdown.bootstrap-select .btn.dropdown-toggle {
border-right: none;
border-radius: 30px 0px 0px 30px;
padding: 0px 15px;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx .partner-code-input {
width: 100%;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx .partner-code-input input {
border-radius: 0px 30px 30px 0px;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx textarea {
border-radius: 30px;
border: 1px solid #D1D1D1;
width: 100%;
height: 150px;
padding: 10px 25px;
color: #133A55;
resize: none;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx textarea::-webkit-input-placeholder { color: black;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx textarea::-webkit-input-placeholder:focus::-webkit-input-placeholder { color: #133A55;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx textarea:-moz-placeholder { color: black;
opacity: 1;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx textarea:-moz-placeholder:focus:-moz-placeholder { color: #133A55;
opacity: 1;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx textarea::-moz-placeholder { color: black;
opacity: 1;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx textarea::-moz-placeholder:focus::-moz-placeholder { color: #133A55;
opacity: 1;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx textarea:-ms-input-placeholder { color: black;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx textarea:-ms-input-placeholder:focus:-ms-input-placeholder { color: #133A55;
}
.partner-outer .partner-main .partner-form .partner-row .partner-bx .help-block {
font-size: 12px;
color: red;
}
.partner-outer .partner-main .partner-form .partner-row.full {
margin: 0;
width: 100%;
}
.partner-outer .partner-main .partner-form .partner-row.full .partner-bx {
width: 100%;
padding: 0px;
}
.partner-outer .partner-main .partner-form .submit-btn-partner {
clear: both;
text-align: center;
margin-top: 15px;
margin-bottom: 50px;
}
.partner-outer .partner-main .partner-form .submit-btn-partner .dark-btn {
background: #274BA0;
border-radius: 49px;
padding: 12px 30px;
display: inline-block;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #FFFFFF;
font-size: 22px;
font-family: "apex_newmedium";
position: relative;
transition: all 0.5s ease-in;
}
.partner-outer .partner-main .partner-form .submit-btn-partner .dark-btn::after {
width: 32px;
height: 32px;
background: #6269A5;
position: absolute;
content: "";
right: 21px;
top: 13px;
border-radius: 100%;
transition: all 0.5s ease-in;
}
.partner-outer .partner-main .partner-form .submit-btn-partner .dark-btn:hover {
background: #274BA0;
color: #fff;
}
.partner-outer .partner-main .partner-form .submit-btn-partner .dark-btn:hover::after {
background: transparent;
}
.partner-outer .partner-main .partner-form .submit-btn-partner .dark-btn img {
margin-left: 10px;
position: relative;
z-index: 1;
margin-top: -5px;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.partner-outer .partner-main .partner-form .submit-btn-partner .dark-btn img {
width: 26px;
}
}
@media only screen and (max-width: 1100px) {
.partner-outer .partner-main .partner-form .submit-btn-partner .dark-btn {
padding: 7px 30px;
font-size: 20px;
}
.partner-outer .partner-main .partner-form .submit-btn-partner .dark-btn::after {
top: 8px;
}
}
@media only screen and (max-width: 767px) {
.partner-outer .partner-main .partner-form .submit-btn-partner .dark-btn {
padding: 7px 30px;
font-size: 16px;
}
.partner-outer .partner-main .partner-form .submit-btn-partner .dark-btn::after {
top: 7px;
width: 22px;
height: 22px;
}
}
.partner-outer .partner-main .partner-form .submit-btn-partner .alredy-user {
margin-top: 30px;
}
.partner-outer .partner-main .partner-form .submit-btn-partner .alredy-user span {
font-size: 17px;
line-height: 20px;
color: #353535;
}
.partner-outer .partner-main .partner-form .submit-btn-partner .alredy-user span a {
color: #353535;
margin-left: 10px;
font-weight: bold;
text-decoration: underline;
}
.partner-outer .partner-main .partner-form .partner-ragistration-area {
margin-bottom: 30px;
}
.partner-outer .partner-main.partner-form-login {
max-width: 800px;
margin: 0 auto;
}
.welcome-dashboard-outer {
padding: 50px 0px;
}
.welcome-dashboard-outer .welcome-dashboard h2 {
font-size: 45px;
line-height: 126%;
text-transform: capitalize;
color: #133A55;
font-family: "apex_newbook";
padding-bottom: 35px;
margin-bottom: 12px;
color: #274BA0;
font-family: "apex_newmedium";
font-size: 50px;
padding-bottom: 25px;
}
@media only screen and (max-width: 1100px) {
.welcome-dashboard-outer .welcome-dashboard h2 {
font-size: 40px;
}
}
@media only screen and (max-width: 1025px) {
.welcome-dashboard-outer .welcome-dashboard h2 {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 768px) {
.welcome-dashboard-outer .welcome-dashboard h2 {
font-size: 30px;
padding-bottom: 15px;
}
}
.welcome-dashboard-outer .welcome-dashboard .list-dashboard ul {
display: flex;
flex-wrap: wrap;
}
.welcome-dashboard-outer .welcome-dashboard .list-dashboard ul li {
width: 33.33%;
padding: 0px 15px 30px;
transition: all 1s ease;
}
.welcome-dashboard-outer .welcome-dashboard .list-dashboard ul li a {
height: 144px;
display: block;
border-radius: 14px;
border: 1px solid #C8C8C8;
padding: 30px;
text-align: center;
background: linear-gradient(0deg, #345AB1 0%, #345AB1 100%), #FFF;
display: flex;
justify-content: center;
align-items: center;
transition: all 1s ease;
}
.welcome-dashboard-outer .welcome-dashboard .list-dashboard ul li a span {
line-height: 120%;
letter-spacing: -0.48px;
font-family: "apex_newmedium";
color: #FFF;
font-size: 24px;
}
.welcome-dashboard-outer .welcome-dashboard .list-dashboard ul li:nth-child(2) a {
background: linear-gradient(0deg, #1D4295 0%, #1D4295 100%), #FFF;
}
.welcome-dashboard-outer .welcome-dashboard .list-dashboard ul li:nth-child(3) a {
background: linear-gradient(0deg, #003AC1 0%, #003AC1 100%), #FFF;
}
.welcome-dashboard-outer .welcome-dashboard .list-dashboard ul li:nth-child(4) a {
background: linear-gradient(0deg, #18007B 0%, #18007B 100%), #FFF;
}
.welcome-dashboard-outer .welcome-dashboard .list-dashboard ul li:hover a {
border: 1px solid #4C2685;
background: #FFF;
box-shadow: 0px 14px 29px 0px rgba(0, 0, 0, 0.17);
transition: all 1s ease;
}
.welcome-dashboard-outer .welcome-dashboard .list-dashboard ul li:hover a span {
color: #4C2685;
}
.welcome-dashboard-outer .welcome-dashboard .data-sheet-table img {
max-width: 100%;
}
.welcome-dashboard-outer .welcome-dashboard .Register-project-table .dataTables_length {
display: none;
}
.welcome-dashboard-outer .welcome-dashboard .Register-project-table .dataTables_filter {
display: none;
}
.welcome-dashboard-outer .welcome-dashboard .Register-project-table table {
background: #FAFAFA;
}
.welcome-dashboard-outer .welcome-dashboard .Register-project-table table thead tr th {
line-height: 120%;
letter-spacing: -0.32px;
color: #2C2C2C;
font-size: 16px;
font-family: "apex_newmedium";
font-weight: 500;
padding: 14px 37px 14px 14px;
border-bottom: 3px solid #A6A6A6;
}
.welcome-dashboard-outer .welcome-dashboard .Register-project-table table thead tr th:last-child {
max-width: 100px;
padding-right: 20px;
}
.welcome-dashboard-outer .welcome-dashboard .Register-project-table table thead tr th:first-child {
max-width: 60px;
}
.welcome-dashboard-outer .welcome-dashboard .Register-project-table table tbody {
border-bottom: 3px solid #A6A6A6;
}
.welcome-dashboard-outer .welcome-dashboard .Register-project-table table tbody tr td {
line-height: 120%;
letter-spacing: -0.32px;
color: #3F3F3F;
font-size: 16px;
font-family: "apex_newbook";
padding: 14px 7px 14px 14px;
border: none;
}
.welcome-dashboard-outer .welcome-dashboard .Register-project-table table tbody tr td a {
color: #274BA0;
}
.welcome-dashboard-outer .welcome-dashboard .Register-project-table table tbody tr td .view-btn {
background: #274BA0;
width: 82px;
height: 30px;
line-height: 30px;
letter-spacing: -0.32px;
color: #fff;
display: inline-block;
text-align: center;
}
.welcome-dashboard-outer .welcome-dashboard .Register-project-table table tbody tr td .view-btn i {
font-size: 12px;
margin-right: 5px;
}
.welcome-dashboard-outer .welcome-dashboard .Register-project-table table tbody tr td:last-child {
text-align: center;
padding-right: 20px;
max-width: 100px;
}
.welcome-dashboard-outer .welcome-dashboard .Register-project-table table tbody tr td:first-child {
max-width: 60px;
}
.welcome-dashboard-outer .welcome-dashboard .Register-project-table #example_info {
float: left;
}
.welcome-dashboard-outer .welcome-dashboard .Register-project-table #example_paginate .previous {
color: #3F3F3F;
font-size: 16px;
line-height: 120%;
text-transform: capitalize;
font-family: "apex_newmedium";
margin-right: 10px;
}
.welcome-dashboard-outer .welcome-dashboard .Register-project-table #example_paginate .next {
color: #3F3F3F;
font-size: 16px;
line-height: 120%;
text-transform: capitalize;
font-family: "apex_newmedium";
margin-left: 10px;
}
.welcome-dashboard-outer .welcome-dashboard .Register-project-table #example_paginate span {
display: inline-block;
}
.welcome-dashboard-outer .welcome-dashboard .Register-project-table #example_paginate span .paginate_button {
border: 0.5px solid #9A9A9A;
background: linear-gradient(180deg, #EDEDED 0%, rgba(240, 240, 240, 0) 100%);
font-size: 13px;
line-height: 15px;
text-transform: capitalize;
font-family: "apex_newmedium";
display: inline-block;
padding: 2px;
margin-right: 5px;
min-width: 22px;
height: 22px;
text-align: center;
color: #9A9A9A;
}
.distribution-partner-table .distribution-row {
margin-bottom: 35px;
}
.distribution-partner-table .distribution-row .distribution-head h3 {
font-size: 45px;
color: #274BA0;
margin-bottom: 35px;
text-transform: capitalize;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.distribution-partner-table .distribution-row .distribution-head h3 {
font-size: 40px;
}
}
@media screen and (max-width: 576px) {
.distribution-partner-table .distribution-row .distribution-head h3 {
font-size: 30px;
}
}
.distribution-partner-table .distribution-row .distribution-area-main {
display: flex;
flex-wrap: wrap;
margin-left: -30px;
margin-right: -30px;
}
.distribution-partner-table .distribution-row .distribution-area-main .distribution-box {
width: 33.33%;
padding: 0px 24px 60px;
display: flex;
}
.distribution-partner-table .distribution-row .distribution-area-main .distribution-box .distribution-area {
display: flex;
border: 1px solid #E8E8E8;
background: linear-gradient(180deg, #FFF 0.07%, #FEFEFF 30.24%, #F6FAFF 99.93%);
padding: 20px 27px;
align-items: flex-start;
width: 100%;
}
.distribution-partner-table .distribution-row .distribution-area-main .distribution-box .distribution-area .disribtution-logo {
min-width: 90px;
max-width: 90px;
padding-right: 20px;
}
.distribution-partner-table .distribution-row .distribution-area-main .distribution-box .distribution-area .disribtution-logo img {
max-width: 100%;
display: block;
margin: 0 auto;
-o-object-fit: contain;
object-fit: contain;
}
.distribution-partner-table .distribution-row .distribution-area-main .distribution-box .distribution-area .distribution-content {
width: 100%;
}
.distribution-partner-table .distribution-row .distribution-area-main .distribution-box .distribution-area .distribution-content h4 {
font-size: 18px;
font-weight: 600;
line-height: 120%;
text-transform: capitalize;
margin-bottom: 35px;
color: #274BA0;
padding-top: 20px;
}
.distribution-partner-table .distribution-row .distribution-area-main .distribution-box .distribution-area .distribution-content span {
font-size: 15px;
font-weight: 400;
line-height: 150%;
display: block;
margin-bottom: 20px;
color: #353535;
}
.distribution-partner-table .distribution-row .distribution-area-main .distribution-box .distribution-area .distribution-content span img {
margin-right: 10px;
}
@media screen and (max-width: 576px) {
.distribution-partner-table .distribution-row .distribution-area-main .distribution-box .distribution-area .distribution-content {
width: 100%;
}
}
@media screen and (max-width: 1200px) {
.distribution-partner-table .distribution-row .distribution-area-main .distribution-box .distribution-area {
width: 100%;
}
}
.distribution-partner-table .distribution-row .distribution-area-main .distribution-box .distribution-area:hover {
background: #FFF;
box-shadow: 0px 12px 47.2px 0px rgba(0, 87, 255, 0.15);
}
@media screen and (max-width: 576px) {
.distribution-partner-table .distribution-row .distribution-area-main .distribution-box .distribution-area {
flex-wrap: wrap;
}
}
@media screen and (max-width: 1200px) {
.distribution-partner-table .distribution-row .distribution-area-main .distribution-box {
width: 50%;
}
}
@media screen and (max-width: 991px) {
.distribution-partner-table .distribution-row .distribution-area-main .distribution-box {
padding: 0px 15px 30px;
}
}
@media screen and (max-width: 768px) {
.distribution-partner-table .distribution-row .distribution-area-main .distribution-box {
width: 100%;
}
}
@media screen and (max-width: 991px) {
.distribution-partner-table .distribution-row .distribution-area-main {
margin-left: -15px;
margin-right: -15px;
}
}
@media screen and (max-width: 991px) {
.distribution-partner-table .distribution-row {
margin-bottom: 15px;
}
}
.container {
max-width: 1280px;
}
@media (max-width: 1024px) {
.container {
max-width: 960px;
}
}
.head {
text-align: center;
}
.head h3 {
font-size: 20px;
line-height: 126%;
text-transform: capitalize;
color: #00206B;
font-family: "apex_newbook";
padding-bottom: 5px;
padding-left: 8px;
display: inline-block;
position: relative;
margin-bottom: 12px;
}
.head h3:after {
width: 52px;
height: 2px;
background: #274BA0;
position: absolute;
bottom: -2px;
left: 0;
right: 0;
margin: auto;
content: "";
}
.head h1, .head h2 {
font-size: 45px;
line-height: 126%;
text-transform: capitalize;
color: #133A55;
font-family: "apex_newbook";
padding-bottom: 35px;
margin-bottom: 12px;
}
@media only screen and (max-width: 1100px) {
.head h1, .head h2 {
font-size: 40px;
}
}
@media only screen and (max-width: 1024px) {
.head h1, .head h2 {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 768px) {
.head h1, .head h2 {
font-size: 30px;
padding-bottom: 15px;
}
}
.pswp__button,
.pswp__button:before,
.pswp__button--close:before,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: none !important;
background-size: 100%;
width: 44px;
height: 44px;
font-family: "icomoon";
}
.pswp__button {
color: #000 !important;
opacity: 0.4 !important;
transition: opacity 0.25s;
}
.pswp__button:hover {
opacity: 0.65 !important;
}
.pswp__button:before {
opacity: 1 !important;
}
.pswp__button.pswp__button--arrow--left:before, .pswp__button.pswp__button--arrow--right:before {
font-size: 44px;
}
.pswp__button.pswp__button--arrow--left:before {
content: "\f104";
font: normal normal normal 30px/1 FontAwesome;
}
.pswp__button.pswp__button--arrow--right:before {
content: "\f105";
font: normal normal normal 30px/1 FontAwesome;
}
.pswp__button.pswp__button--close {
top: 10px;
right: 20px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
}
.pswp__button.pswp__button--close:before {
content: "\f00d";
font: normal normal normal 30px/1 FontAwesome;
}
.pswp__button.pswp__button--close:hover {
color: red;
}
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
background-color: #fff;
}
.error-page {
float: left;
width: 100%;
padding: 110px 0px 100px;
text-align: center;
background: #274BA0;
}
.page_not_found {
max-width: 980px;
margin: 0 auto;
}
.error-page h1 {
font: 50px/60px "Apex New", sans-serif;
color: #F6F7F7;
padding-bottom: 30px;
letter-spacing: 0.0636364px;
max-width: 675px;
margin: 0 auto;
}
.error-page p {
font: 18px/32px "Apex New", sans-serif;
font-weight: normal;
letter-spacing: 0.0309091px;
color: #F6F7F7;
font-weight: 500;
padding-bottom: 15px;
max-width: 675px;
margin: 0 auto !important;
padding-bottom: 35px;
}
.error-page a {
font: 15px/30px "Apex New", sans-serif;
display: inline-block;
padding: 10px 30px;
text-transform: uppercase;
letter-spacing: -0.5px;
background-color: #4C2685;
color: #fff;
border-radius: 50px;
transition: all ease 0.3s;
font-weight: bold;
}
.u-vmenu ul li span[data-option=on] {
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/menu-Minus.png) no-repeat center center;
}
.u-vmenu ul li span[data-option=off] {
background: url(//www.datacom-networking.com/wp-content/themes/datacom/assets/images/menu-Plus.png) no-repeat center center;
}.datasheet-list li.active > ul {
display: block;
}
.woocommerce-product-gallery {
display: none !important;
}
h1.product_title.entry-title {
display: none !important;
}
.product_meta {
display: none !important;
}
.single-product .woocommerce-product-details__short-description {
display: none;
}
.about-us-outer .about-us-left p {text-align: justify;}
img.pswp__img {
object-fit: cover;
width: auto !important;
}
.pswp__zoom-wrap {
transform: none !important;
}
.product-details-outer .product-details-main .product-gallery-details .main-img-slider .slick-list .slick-track figure.slick-slide a i{
position: absolute;
right: 16px;
color: #40328e;
bottom: 10px;
font-size: 25px;
transition: all 0.5s;
}
.product-details-outer .product-details-main .product-gallery-details .main-img-slider .slick-list .slick-track figure.slick-slide a i:hover{right: 26px;}
.blog-main-outer .blog-main-sec .blog-box-outer .news-box figure figcaption{min-height: 260px;}
.blog-details .yith-ywraq-mail-form-wrapper h2{
font-size: 45px;
line-height: 109%;
color: #133A55;
font-family: "apex_newbook";
padding-bottom: 20px;
padding-left: 60px;
}
.blog-details .yith-ywraq-mail-form-wrapper form{
border: 1px solid #DFDFDF;
border-bottom: none;
border-right: none;
padding: 50px 60px;
}
.blog-details .yith-ywraq-mail-form-wrapper form input{
padding: 5px 0px;
color: #040404;
font-size: 16px;
line-height: 160.5%;
font-family: "apex_newbook";
width: 100%;
border: none;
border-bottom: 1px solid #E0E0E0;
outline: none !important;
background: transparent;
}
.blog-details .yith-ywraq-mail-form-wrapper form label{font-family: "apex_newbook";}
.blog-details .yith-ywraq-mail-form-wrapper form textarea {
padding: 5px 0px;
color: #040404;
font-size: 16px;
line-height: 160.5%;
font-family: 'apex_newbook',sans-serif;
width: 100%;
border: none;
border-bottom: 1px solid #E0E0E0;
outline: none !important;
background: transparent;
resize: none;
height: 50px;
}
.blog-details .shop_table th{
font-family: "apex_newmedium";
font-size: 18px;
color: #133A55;
}
.blog-details .shop_table td a{
font-family: "apex_newmedium";
font-size: 1rem;
color: #133A55;  
}
.blog-details .update-list-wrapper .button{
border-radius: 50px;
font-size: 16px;
line-height: 26px;
text-align: center;
text-transform: capitalize;
color: #FFFFFF;
width: auto;
font-family: 'apex_newbook',sans-serif;
display: block;
background: #274BA0;
padding: 8px 49px;
}
.blog-details .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper{padding: 0;}
.blog-details .yith-ywraq-mail-form-wrapper form .button {
border-radius: 50px;
font-size: 16px;
line-height: 26px;
text-align: center;
text-transform: capitalize;
color: #FFFFFF;
width: auto;
font-family: 'apex_newbook',sans-serif;
display: block;
background: #274BA0;
padding: 8px 49px;
}
.blog-details .woocommerce-message{border-top-color: #274ba0;color: #133A55;
font-family: "apex_newbook";
font-size: 16px;
line-height: 126%;
text-transform: capitalize;
padding-bottom: 5px;}
.blog-details .woocommerce-message::before{color: #274ba0;}
.blog-details .return-to-shop .button{
border-radius: 50px;
padding: 13px 49px;
font-size: 16px;
line-height: 26px;
text-align: center;
text-transform: capitalize;
color: #FFFFFF;
width: auto;
font-family: "apex_newmedium";
display: block;
background: #274BA0;
padding: 8px 49px;
}
.ywraq-with-form{margin-top: 60px;}
.ywraq-with-form .button{
border-radius: 50px!important;
padding: 13px 49px!important;
font-size: 16px!important;
font-weight: 400!important;
line-height: 26px!important;
text-align: center!important;
text-transform: capitalize!important;
color: #FFFFFF!important;
width: auto!important;
font-family: "apex_newmedium"!important;
display: block!important;
background: #274BA0!important;
padding: 8px 49px!important;
}
#yith-ywraq-form .update-list-wrapper input[type="submit"]{margin-top: 44px!important
;}
.return-to-shop{display: flex;}
.menu-item-759{
ul{
display: none; 
&::before{
display: none;
}
}
&:hover{
ul{
display: block;
}
}
}
.menu-item-760{
ul{
display: none; 
&::before{
display: none;
}
}
&:hover{
ul{
display: block;
}
}
}
.depth_1 li ul{
display: none;
} .datasheet-back{background: #e8e8e8;padding: 15px 4px;}
@media (max-width:600px){
.pswp__img{
top: 130px;
left: 28px;
}
}
.request-a-qoute-form .form-contact{
background: #F5F5F5!important;
padding: 46px 34px!important;
border: none!important;
}
.request-a-qoute-form .form-contact input, .request-a-qoute-form .form-contact  textarea{
display: block!important;
border-radius: 12px!important;
border: 1px solid #EDEDED!important;
width: 100%!important;
font-size: 20px!important;
line-height: 100%!important;
font-family: "apex_newbook"!important;
height: 57px!important;
padding: 17px 14px!important;
background: #ffffff!important;
font-size: 20px!important;
line-height: 100%!important;
}
.ywraq-form-title{padding-left: 34px!important;color: #133A55!important;}
.request-a-qoute-form .form-contact .submit{
border-radius: 50px!important;
padding: 13px 49px!important;
font-size: 16px!important;
height: auto!important;
line-height: 26px!important;
text-align: center!important;
text-transform: capitalize!important;
color: #FFFFFF!important;
width: auto!important;
font-family: "apex_newmedium"!important;
display: block!important;
background: #274BA0!important;
padding: 8px 49px!important;
}
.request-a-qoute-form{padding: 25px 34px 30px;;}
.ywraq-empty{ padding-bottom: 50px; }
.ywraq-empty .ywraq-before-form{border: none !important;}
.ywraq-empty .return-to-shop{ text-align: center; margin-top: 40px;}
.ywraq-empty .return-to-shop a{border-radius: 26px; background: #274BA0; height: 40px; padding: 8px 25px; color: #fff; font-family: "apex_newbook";
line-height: 22px; display: inline-block; margin: 0 auto; }
#ywraq-other-form .request-a-qoute-form .form-contact .country-code .wpcf7-form-control-wrap select{
border: 1px solid #EDEDED;width: 100% ;
font-size: 20px ;
line-height: 100% ;
font-family: "apex_newbook" ;
height: 57px ;
padding: 17px 7px !important;
font-size: 20px;
line-height: 100%;
background-position: 94% center;
border-radius: 12px;
}
#ywraq-other-form .request-a-qoute-form .form-contact .country-code .wpcf7-form-control-wrap:first-child{ padding-right: 10px !important; }
#ywraq-other-form .request-a-qoute-form .form-contact .form-contact-bx{ margin-bottom: 15px !important; }
#ywraq-other-form .request-a-qoute-form .form-contact .form-contact-bx .submit{
margin-top: 30px !important;
}
.fw-step-block label{
display: block;
}
.main-inner-sec #multi-step-form .select2.select2-container.select2-container--default.select2-container--focus, 
.main-inner-sec #multi-step-form .select2.select2-container.select2-container--default.select2-container--below, 
.main-inner-sec #multi-step-form .select2.select2-container.select2-container--default{width: 99% !important;}
.main-inner-sec #multi-step-form .select2-container--default .select2-selection--single{ height: 57px !important;border-radius: 12px !important;
padding: 11px 7px !important; }
.select2-container--default .select2-selection--single .select2-selection__placeholder{ color:#000 !important; }
#multi-step-form .select2-container--default .select2-selection--single .select2-selection__arrow b{
margin-top: 7px;
} .woocommerce .woocommerce-ResetPassword.lost_reset_password{
max-width: 800px;
margin: 50px auto;
}
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text{
border-radius: 30px;
border: 1px solid #D1D1D1;
width: 100%;
height: 50px;
padding: 0px 25px;
color: #000000;
}
.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {
width: 100%;
}
.woocommerce form.woocommerce-ResetPassword.lost_reset_password .form-row-first, .woocommerce form.woocommerce-ResetPassword.lost_reset_password .form-row-last, 
.woocommerce-page form.woocommerce-ResetPassword.lost_reset_password .form-row-first, .woocommerce-page form.woocommerce-ResetPassword.lost_reset_password .form-row-last{
width: 100%;
}
.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button.button{
background: #274BA0;
border-radius: 49px;
padding: 19px 30px;
display: inline-block;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #FFFFFF;
font-size: 22px;
font-family: "apex_newmedium";
position: relative;
transition: all 0.5s ease-in;
}
.woocommerce form.woocommerce-ResetPassword.lost_reset_password{
max-width: 800px;
margin: 50px auto;
}
.woocommerce form.woocommerce-ResetPassword.lost_reset_password.woocommerce-Button.button{
background: #274BA0;
border-radius: 49px;
padding: 19px 30px;
display: inline-block;
letter-spacing: 0.005em;
text-transform: uppercase;
color: #FFFFFF;
font-size: 22px;
font-family: "apex_newmedium";
position: relative;
transition: all 0.5s ease-in;
}
.page-id-609 .woocommerce{margin: 50px auto;}
.page-id-609 .woocommerce .woocommerce-message {border-top-color: #274BA0;margin: 0 0 1em;}
.page-id-609 .woocommerce .woocommerce-message::before {color: #274BA0;}
.page-id-609 .woocommerce p {padding: 0em 2em 1em 3.5em;font-size: 16px;line-height: 211%;color: #353535;font-family: "apex_newbook";}
.logoutButton{
position: relative;
border-radius: 26px;
background: #274BA0;
height: 40px;
padding: 8px 25px;
margin-left: 15px;
color: #fff;
}
.logoutButton:hover{
color:#fff;
}
.submit-btn-partner > a{color: #274BA0;margin-top: 8px; display:block;
margin-left: 10px;
font-weight: bold;
text-decoration: underline;} .footer-outer .copy-right{
display: flex;
justify-content: space-between;
}
.footer-outer .copy-right .bottom-link ul{display: flex;}
.footer-outer .copy-right a{
font-family: "apex_newbook";
letter-spacing: 0.002em;
color: #FFFFFF;
font-size: 16px;
position: relative;
margin-right:10px;
transition: all 0.5s ease-in;
line-height: 229%;
padding: 0px;
}
.footer-outer .bottom-link ul li a::after {
width: 0;
height: 1px;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
content: "";
transition: all 0.5s ease-in;
}
.footer-outer .bottom-link ul li:hover a::after {
width: 100%;
}  @media (max-width:1366px){
#yith-ywraq-form .update-list-wrapper input[type="submit"] {
margin-top: 114px!important;
}
.request-a-qoute-form .get-in-touch-main-page .get-in-touch-right-page {
width: 100%!important;
}
.footer-outer .bottom-link{margin-right: 100px;}
}
@media (max-width:991px){
#yith-ywraq-form .update-list-wrapper input[type="submit"] {
margin-top: 44px!important;
margin-left: 29px!important;
}
#yith-ywraq-form .update-list-wrapper{display: block!important;}
}
@media (max-width:567px){
.footer-outer .copy-right{flex-wrap: wrap;}
}