.magnific-img img {
width: 100%;
height: auto;
}
.mfp-bottom-bar,*{
font-family: "apex_newbook", sans-serif;
}
.magnific-img {
display: inline-block;
width: 32.3%;
}
a.image-popup-vertical-fit {
cursor: -webkit-zoom-in;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: 0.98;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-arrow-left:before {
border-right: none !important;
}
.mfp-arrow-right:before {
border-left: none !important;
}
button.mfp-arrow, .mfp-counter {
opacity: 0 !important;
transition: opacity 200ms ease-in, opacity 2000ms ease-out;
}
.mfp-container:hover button.mfp-arrow, .mfp-container:hover .mfp-counter{
opacity: 1 !important;
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.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;}
}@font-face {
font-family: "dearflip";
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SB/AAAAC8AAAAYGNtYXDV1NUQAAABHAAAAGxnYXNwAAAAEAAAAYgAAAAIZ2x5ZvnmsZUAAAGQAAATFGhlYWQkauJPAAAUpAAAADZoaGVhB8ID8QAAFNwAAAAkaG10eLYAG/QAABUAAAAAwGxvY2FUik8GAAAVwAAAAGJtYXhwADoAmgAAFiQAAAAgbmFtZWTWXU4AABZEAAABknBvc3QAAwAAAAAX2AAAACAAAwP1AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADq0QPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAUAAAABAAEAADAAAAAQAg6Sjqk+rK6tH//f//AAAAAAAg6QDqk+rK6tH//f//AAH/4xcEFZoVZBVeAAMAAQAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAVYAqwKSAqsABQAAJQcJARcHApI8/wABADzE5zwBAAEAPMQAAAAAAQFuAKsCqgKrAAUAACU3JzcJAQFuxMQ8AQD/AOfExDz/AP8AAAAAAAEBAAEBAwACPQAFAAABFzcXCQEBPMTEPP8A/wACPcTEPP8AAQAAAAABAQABGQMAAlUABQAAAScJAQcnATw8AQABADzEARk8AQD/ADzEAAAAAQAAAAUB8gNRAAUAAAkCBwkBAfL+pgFaTP5aAaYDBf6m/qZMAaYBpgAAAAABAg4ABQQAA1EABQAAJQkBNwkBAg4BWv6mTAGm/lpRAVoBWkz+Wv5aAAAAAAIBAACrAxICqwADAAkAAAEzESMlBwkBFwcBAFZWAhI8/wABADzEAqv+ADw8AQABADzEAAACAO4AqwMAAqsAAwAJAAABMxEjATcJASc3AqpWVv5EPAEA/wA8xAKr/gABxDz/AP8APMQAAQFWAIEDKgLVAAIAAAkCAVYB1P4sAtX+1v7WAAIBAACBAwAC1QADAAcAAAEzESMhETMRAlaqqv6qqgLV/awCVP2sAAACAGoAqwNWAqsAAgAFAAAJAREhCQEB6gFs/oD+lAFsAasBAP4AAQABAAAAAAIAqgCrA5YCqwACAAUAAAkCIREBAioBbP6U/oABbAKr/wD/AAIA/wAAAAAAAQDWAIEDKgLVAAsAAAEHFwcnByc3JzcXNwMq7u487u487u487u4Cme7uPO7uPO7uPO7uAAMAVgABA6oDVQAPAB8AKwAAJTI3NjU0JyYjIgcGFRQXFhMyFxYVFAcGIyInJjU0NzYXFTMVIxUjNSM1MzUCAIxlZWVljIxlZWVljLB9fX19sLB9fX192qysVKysVWVljIxlZWVljIxlZQMAfX2wsH19fX2wsH191KxUrKxUrAAAAwBWAAEDqgNVAA8AHwAjAAAlMjc2NTQnJiMiBwYVFBcWEzIXFhUUBwYjIicmNTQ3NgMhFSECAIxlZWVljIxlZWVljLB9fX19sLB9fX19JgGs/lRVZWWMjGVlZWWMjGVlAwB9fbCwfX19fbCwfX3+gFQAAAABANYAgQMqAtUACwAAASERIxEhNSERMxEhAyr/AFT/AAEAVAEAAYH/AAEAVAEA/wAAAAAAAQDWAYEDKgHVAAMAAAEhNSEDKv2sAlQBgVQAAAYAagBrA4AC6wADAAcACwAbACsAOwAAASEVIRE1IRUBNSEVJTIXFhUUBwYjIicmNTQ3NhMyFxYVFAcGIyInJjU0NzYTMhcWFRQHBiMiJyY1NDc2ASoCVv2qAlb9qgJW/SoaExMTExoaExMTExoaExMTExoaExMTExoaExMTExoaExMTEwLVVP8AVFT/AFRUahMTGhoTExMTGhoTEwIAEhIcHBISEhIcHBIS/wASEhwcEhISEhwcEhIAAAAABAEAAKsDAAKrAAMABwALAA8AAAEzNSMhFTM1AzM1IwUzNSMBAODgASDg4ODg/uDg4AHL4ODg/gDg4OAACACAACsDgAMrAAMABwALAA8AEwAXABsAHwAAJTUjFQMhESEBNSMVAyERIQM1IxUDIREhATUjFQMhESEDKqpWAVb+qgEAqlYBVv6qqqpWAVb+qgEAqlYBVv6qgaqqAQD+qgIAqqoBAP6q/qyqqgEA/qoCAKqqAQD+qgAAAAkAqgBVA1YDAQADAAcACwAPABMAFwAbAB8AIwAAJTUzFQM1MxUBNTMVNzMVIwE1MxUhNTMVAzUzFTM1MxUBNTMVAqqsrKz+VKxUrKz/AKz+VKysrFSs/lSsVaysAQCsrAEArKysrP8ArKysrP8ArKysrAIArKwAAAIAKgAVA9YC6wAJACkAACURJiMiBxE2MzIDMhcRFAcGIyInJiMiByYjIgciBwYjIicmNRE2MzIXNgOAQlSCaGiCTk6YVAcHCAYEUnqCaFaUbGACAwMCCAcHVpaUVlaVAewUQP4WQAJAQP2SCAcHAixAQC4BAQYGCAJyQEBAAAAABQAqABUD1gLrAAkAEwAdACcARwAAATIXFSYjIgc1Nic2MzIXFSYjIgc3Igc1NjMyFxUmExEmIyIHETYzMgMyFxEUBwYjIicmIyIHJiMiByIHBiMiJyY1ETYzMhc2Auo0OChEeEhMTFRsNDgoRHhIwHhIUHA0ODBaQlSCaGiCTk6YVAcHCAYEUnqCaFaUbGACAwMCCAcHVpaUVlYBRwpACipIIlAiCkAKKpwqRiQKQgz+qgHsFED+FkACQED9kggHBwIsQEAuAQEGBggCckBAQAAAAAACAKoAAQNWA1UAAgATAAABMyclIQERFAcGIyEiJyY1EzQ3NgIq7Oz+1gFWAQAaGiL+ACIaGgIZGQIr6kD/AP4AIhkZGRkiAqwiGRkAAwCAAEEDagMrAAMAEwAsAAABMxUjFzI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcGBxcBKtbWbFA4ODg4UFA4ODg4AVDUQNQMTGh0UVFRUXR0UFAUFBoMAisqrDg4UFA4ODg4UFA4ONRA1CIMQlBQdHRRUVFRdCo1NSAMAAMAgABBA2oDKwALABsANAAAASMVIzUjNTM1MxUzBzI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcGBxcCAFYqVlYqVmpQODg4OFBQODg4OAFQ1EDUDExodFFRUVF0dFBQFBQaDAIBVlYqVlbWODhQUDg4ODhQUDg41EDUIgxCUFB0dFFRUVF0KjU1IAwAAwCqAVUDVgIBAA8AHwAvAAABMhcWFRQHBiMiJyY1NDc2ITIXFhUUBwYjIicmNTQ3NiEyFxYVFAcGIyInJjU0NzYCACIaGhoaIiIaGhoaASIiGhoaGiIiGhoaGv4iIhoaGhoiIhoaGhoCARoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGhoaIiIaGgAAAgCqACsDVgMrAAMACgAANyEVIQEHJzMRMxGqAqz9VAIAqqqAVIFWAVasrAGq/lYAAwCAADUDgAMhABEAGAAeAAABFhcWFRQHBgc1Njc2NTQnJicTFAcRFhcWJTM3EScjAlaCVFRUVIJeOzs7O15qaiwfH/3AqtbWqgMhHGlpiIhpaRxYHE5OZmZOThz+4ng0AVgWMjJO1v1U1gAAAQCAAAMDgANVADMAACUyFxYVFAcGIyInJjU0NyUGIyInJjU0NzYzMhclJjU0NzYzMhcWFRQHBiMiJwUWFRQHBTYDADQkJCUlMjIlJQL+0iYyNCYmJiY0MiYBLAQmJjQ0JiYmJjQwKP7UBAQBMCT9JSUyNCUlJSU0FAiwIiYmNDQmJiKuFAo0JiYmJjQ0JiYksBQKChSwIAAFAFYAVQOqAwEAAwANABcAIQArAAABESERExUjIicmPQEzFSUzFRQHBisBNTMBIzU0NzY7ARUjJTMyFxYdASM1IwMA/gAqgCIZGVQCrFQZGSKAgP1UVBkZIoCAAiyAIhkZVIACVf6sAVT+VlYaGiJWVlZWIhoaVgGqViIaGlZWGhoiVlYAAAAABACAACsDgAMrAAYADQAUABsAAAERITcnNxcFIREXNxcHAxEhBxcHJyUhEScHJzcDgP8AYnw+ev5i/wBiej58ngEAYnw+egGeAQBiej58ASv/AGJ6PnyeAQBifD56AZ4BAGJ6Pnye/wBifD56AAAAAAEBKwBVAqsDAAAXAAABMxUjESMRIzUzNTQ2Nz4BOwEVIyIGHQECK4CAgICAGBcYPCNaWhAWAgCA/tUBK4A2JlUaGxqAFhBaAAEAgABzA4AC4gBNAAABPgE3DgEHLgEjIgYHDgEVFBYXJicuAScmJw4BFRQWFy4BJxQWFx4BFw4BIyImJx4BFx4BMw4BIyImJx4BMzI2Nz4BNz4BPQE+ATcOAQcDJhoiCBkyGRY5IiI4FxcXAgMxLS1SJCQgCwsjIxQjDxESES0cChULCg4EBxwUFC4aK2E4DRMGNnlDRXk0NU4YGhgZJw8WLRcCfxAsGw0SBRgYFxcXNyEKEQgCCwspHh4nEygUKkIYAgoIHTMWFRwGAgMCAhgoDw8QIiEBASQjIyMiVTIyaDcUEikXCgwEAAAABABWAAEDqgNVAB0ALQA9AEEAAAEyFxYVFAcGFSM0NzY3Njc2NTQnJiMiBwYVIzQ3NhMyNzY1NCcmIyIHBhUUFxYTMhcWFRQHBiMiJyY1NDc2EzUzFQIARjIyQEBUFBQYGBQUGhoiIhoaVDIyRoxlZWVljIxlZWVljLB9fX19sLB9fX19hlQCqzIyRjY5OS4uISEPDxYWHCIZGRkZIkYyMv2qZWWMjGVlZWWMjGVlAwB9fbCwfX19fbCwfX39VlZWAAAAAAMAVgABA6oDVQAcACAAMAAAATY1NCcmIyIHBhUzNDc2MzIXFhUUDwEGHQEzNDcDNSMVEzIXFhUUBwYjIicmNTQ3NgKCKDIyRkYyMlQaGiIiGhoaNDJUMjJUKrB9fX19sLB9fX19AcsoOEYyMjIyRiIaGhoaIiIaNjZCFkI2/t5UVALUfX2wsH19fX2wsH19AAIAgABBA2oDKwAPACgAAAEyNzY1NCcmIyIHBhUUFxYhFwcnNScGIyInJjU0NzYzMhcWFRQHBgcXAZZQODg4OFBQODg4OAFQ1EDUDExodFFRUVF0dFBQFBQaDAFVODhQUDg4ODhQUDg41EDUIgxCUFB0dFFRUVF0KjU1IAwAAAAABABWACsDqgMrAAMAEwAXACcAAAEVITUBMjc2NTQnJiMiBwYVFBcWAzUhFQEyFxYVESMVITUjETQ3NjMDAP4AAioSDQ0NDRISDAwMDG7+rAHUNCYmqv4AqiYmNAMrqqr+gAwMEhINDQ0NEhIMDP7W1NQB1CYmNP8AqqoBADQmJgADAFYAVQOqAwEAAgAHABsAAAElIQERBSURATIXFhURFAcGIyEiJyY1ETQ3NjMCAAFW/VQCrP6q/qoCrCIZGRkZIv1UIhkZGRkiAdXW/gABqtTU/lYCVhoaIv4AIhoaGhoiAgAiGhoAAAIAVgBVA6oDAQAFABkAAAE1BSUVBQEyFxYVERQHBiMhIicmNRE0NzYzA1b+qv6qAVYBViIZGRkZIv1UIhkZGRkiAlVW1tZW1AGAGhoi/gAiGhoaGiICACIaGgAAAwCAAKsDgAKrAAMABwALAAATIRUhFTUhFQU1IRWAAwD9AAMA/QADAAKrVtRUVNZWVgAAAAMAA/+rA/4DqwAoAFAAlwAAASYnLgEnJiMiBw4BBwYVFBYXAyUeATMxOAExMjc+ATc2NTQnLgEnJicBMSImLwEHNycuATU0Nz4BNzYzMhceARcWFxYXHgEXFhUUBw4BBwYjEy4BJyYiBw4BBw4BJy4BJy4BJyY2Nz4BNz4BNzYmJy4BJy4BIyoBIyIGBw4BFRQWFxYXHgEXFhceARcWMjc+ATc+AScuAScDaSQpKlsxMTNpXF2JKCgiIkgBDTd7QGlcXYooKAoKJhscJP6ZOW0xD6ArCiAhIiFyTU1XKygpTCIjHh0XFyAICCEick1NV+cJRAkJDQcGHAYGDAkKOCQdJAYGBwUECgUEBQMDAQMCHQgHEAUGDAcGEwgJJC8FAhEQOCcnMBYkDhcoERI7CAgCAgMMCgMWJBwbJgoKKCiKXF1pQ4E5/vlGHiAoKIpdXGkzMTFbKSok/PMeHQkqnBAycjxXTU1zISEICCAXFx4dIyJMKSkqV01NcyEhATwFIQMDCQohBwYCBQUZIRk1CgkMBAUMBgUJBwYLBQVGExMDBgkKMS8vTgYDFxc8Hx8VCQ0FBwIDIxcWIgQEBgUAAAADAED/6wPAAysAGQAdACkAAAEzFTM+ATMyFx4BFxYVESMRNCYjIgYVESMRITMRIxMUBiMiJjU0NjMyFgGAsQMSWUNHKyswCQi5GUdIJrn+wMDAwDgoKDg4KCg4AitbIToVFEgxMTn+zAERMWRZN/7qAkD9wALgKDg4KCc5OQAAAAEARP/vA7wDZgBuAAABIgcOAQcGFRQXHgEXFhcuATc2Nz4BNzYxMCY1NDYzMhYVFAYHBhYzMjY1NCYjIgYVFBYXHgEHDgEHDgEnLgE1NDc+ATc2MzIXHgEXFhUUBw4BBwYjIiYnMAYHDgEHHgEzMjc+ATc2NTQnLgEnJiMCAFxRUHkjIxUVSzQ0PQIDBwMICRIHBw0vIRwcGwoIKSE7UGdSXmoTDgMBAQMIAQIHBiowExNKNjdIOTIyShUVERE9KyoyIjkLFwQIIg0fQiJcUVB5IyMjI3lQUVwDZiMieVFQXEdAQGwpKRgaSB0NJCRMHh0lHS4+JRocUCchL3FaUGR3SR04EQMGAwsjBQYDAxRnMTUwMUoWFhMTRS8vNzkyM0oWFh8UWg8dQRYKCiMjeFFRW1xRUXkiIwAAAAABAAAAAQAASQUJd18PPPUACwQAAAAAAOClzv4AAAAA4KXO/gAA/6sEAAOrAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAAwBAAAAAAAAAAAAAAAAgAAAAQAAVYEAAFuBAABAAQAAQAEAAAABAACDgQAAQAEAADuBAABVgQAAQAEAABqBAAAqgQAANYEAABWBAAAVgQAANYEAADWBAAAagQAAQAEAACABAAAqgQAACoEAAAqBAAAqgQAAIAEAACABAAAqgQAAKoEAACABAAAgAQAAFYEAACABAABKwQAAIAEAABWBAAAVgQAAIAEAABWBAAAVgQAAFYEAACABAAAAwQAAEAEAABEAAAAAAAKABQAHgAyAEYAWgBuAIQAmgC0AM4A3ADwAQYBHAE2AXYBsAHKAdgCNgJUApICzgMOA3gDngPiBC4EdgSOBMQFEAVUBYwFsAYmBogG0AcQB1AHhAeyB8wIrAjsCYoAAAABAAAAMACYAAkAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACAAAAAEAAAAAAAIABwBpAAEAAAAAAAMACAA5AAEAAAAAAAQACAB+AAEAAAAAAAUACwAYAAEAAAAAAAYACABRAAEAAAAAAAoAGgCWAAMAAQQJAAEAEAAIAAMAAQQJAAIADgBwAAMAAQQJAAMAEABBAAMAAQQJAAQAEACGAAMAAQQJAAUAFgAjAAMAAQQJAAYAEABZAAMAAQQJAAoANACwZGVhcmZsaXAAZABlAGEAcgBmAGwAaQBwVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwZGVhcmZsaXAAZABlAGEAcgBmAGwAaQBwZGVhcmZsaXAAZABlAGEAcgBmAGwAaQBwUmVndWxhcgBSAGUAZwB1AGwAYQByZGVhcmZsaXAAZABlAGEAcgBmAGwAaQBwRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=df-icon-]:before, [class*=" df-icon-"]:before,
.df-ui-btn[class^=ti-]:before, .df-ui-btn[class*=" ti-"]:before { font-family: "dearflip" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.df-icon-arrow-left:before {
content: "\e900";
}
.df-icon-arrow-right:before {
content: "\e901";
}
.df-icon-arrow-down:before {
content: "\e902";
}
.df-icon-arrow-up:before {
content: "\e903";
}
.df-icon-arrow-left1:before {
content: "\e904";
}
.df-icon-arrow-right1:before {
content: "\e905";
}
.df-icon-first-page:before {
content: "\e906";
}
.df-icon-last-page:before {
content: "\e907";
}
.df-icon-play:before, .df-icon-play-popup:before {
content: "\e908";
}
.df-icon-pause:before {
content: "\e909";
}
.df-icon-fast-rewind:before {
content: "\e90a";
}
.df-icon-fast-forward:before {
content: "\e90b";
}
.df-icon-close:before {
content: "\e90c";
}
.df-icon-add-circle:before {
content: "\e90d";
}
.df-icon-minus-circle:before {
content: "\e90e";
}
.df-icon-add:before {
content: "\e90f";
}
.df-icon-minus:before {
content: "\e910";
}
.df-icon-list:before {
content: "\e911";
}
.df-icon-grid:before {
content: "\e912";
}
.df-icon-grid-view:before {
content: "\e913";
}
.df-icon-apps:before {
content: "\e914";
}
.df-icon-double-page:before {
content: "\e915";
}
.df-icon-book:before {
content: "\e916";
}
.df-icon-file:before {
content: "\e917";
}
.df-icon-zoom-out:before {
content: "\e918";
}
.df-icon-zoom-in:before {
content: "\e919";
}
.df-icon-more:before {
content: "\e91a";
}
.df-icon-download:before, .df-ui-btn.ti-download:before {
content: "\e91b";
}
.df-icon-volume:before {
content: "\e91c";
}
.df-icon-share:before {
content: "\e91d";
}
.df-icon-fit-screen:before {
content: "\e91e";
}
.df-icon-fullscreen:before {
content: "\e91f";
}
.df-icon-facebook:before {
content: "\e920";
}
.df-icon-twitter:before {
content: "\e921";
}
.df-icon-help-outline:before {
content: "\e922";
}
.df-icon-help:before {
content: "\e923";
}
.df-icon-search:before, .df-ui-btn.ti-search:before {
content: "\e924";
}
.df-icon-print:before, .df-ui-btn.ti-printer:before {
content: "\e925";
}
.df-icon-mail-outline:before {
content: "\e926";
}
.df-icon-mail:before {
content: "\e927";
}
.df-icon-menu:before {
content: "\e928";
}
.df-icon-linkedin:before {
content: "\eaca";
}
.df-icon-pinterest:before {
content: "\ead1";
}
.df-icon-whatsapp:before {
content: "\ea93";
} .df-searching .df-search-info, .df-hybrid-viewer:not(.df-zoom-active) .df-loading + .df-zoomview::after, .df-thumb.df-thumb-requested:before, .df-flipbook-3d.df-loading:after, .df-page.df-loading:after, .df-fetch-pdf .df-loading-info, .df-container .df-loading-icon {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='48px' height='48px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%2307abcc' stroke-width='9' r='30' stroke-dasharray='141.37166941154067 49.12388980384689'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C!-- %5Bldio%5D generated by https://loading.io/ --%3E%3C/svg%3E");
}
.df-hidden {
display: none !important;
}
.has-text-align-center, .df-text-align-center {
text-align: center;
}
.df-app {
min-height: 220px;
position: relative;
overflow: hidden;
width: 100%; image-rendering: auto;
direction: ltr;
line-height: 1.5;
}
.df-container {
height: 100%;
}
.df-container * {
box-sizing: border-box !important;
}
.df-container i {
font-style: normal;
}
.df-container a {
outline: none;
text-decoration: none;
box-shadow: none;
}
.df-container .df-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: no-repeat 50%;
background-size: cover;
}
.df-container .df-loading-info {
position: absolute;
top: -300px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-webkit-transition-property: opacity;
transition-property: opacity;
max-width: 200px;
margin-top: 20px;
padding: 10px 15px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
background-color: #f7f7f7;
border-radius: 5px;
font-size: 12px;
color: #222;
word-break: break-word;
letter-spacing: 0.5px;
opacity: 0;
}
.df-container.df-init .df-loading-info {
top: 50%;
opacity: 1;
max-width: 300px;
}
.df-container.df-init .df-viewer {
display: none;
}
.df-container.df-error .df-loading-info {
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
margin: 0;
color: #b00;
}
.df-container .df-loading-icon {
-moz-transition: 0.3s 0.1s opacity;
-o-transition: 0.3s 0.1s opacity;
-webkit-transition: 0.3s 0.1s opacity;
transition: 0.3s 0.1s opacity;
opacity: 0;
height: 50px;
width: 50px;
left: 50%;
top: 50%;
margin: -45px -25px -25px;
box-sizing: border-box;
position: absolute;
pointer-events: none;
background-repeat: no-repeat;
background-size: 32px;
background-position: 50%;
background-color: white;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.df-container.df-loading .df-loading-icon {
opacity: 1;
z-index: 100;
}
.df-fetch-pdf .df-loading-info {
opacity: 1;
top: 0px;
z-index: 4;
background-repeat: no-repeat;
padding-left: 36px;
background-size: 24px;
background-position: 6px 6px;
}
.df-viewer .df-3dcanvas {
right: 0;
position: absolute;
}
.df-ui {
color: #666;
bottom: 0;
width: 100%;
height: 42px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
background-color: #fff;
position: absolute;
vertical-align: top;
box-sizing: border-box;
text-align: center;
padding: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 4;
display: block;
}
.df-ui .df-logo {
height: 100%;
}
.df-ui .df-logo.df-logo-img {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 2px 5px;
}
.df-ui .df-logo.df-logo-img img {
max-height: 100%;
max-width: 120px;
}
.df-ui .df-ui-page {
padding: 0;
font-size: 12px;
width: 50px;
min-width: 50px;
line-height: 42px;
margin: 0 0;
border-radius: 0;
background-color: rgba(0, 0, 0, 0.03);
}
.df-ui .df-ui-page label {
position: absolute;
right: 0;
top: 0;
min-width: 50px;
height: 100%;
text-align: center;
display: block;
line-height: inherit !important;
color: #999;
font-weight: normal;
cursor: pointer;
background-color: transparent;
z-index: 1;
box-sizing: border-box;
word-break: normal;
}
.df-ui .df-ui-page input {
width: 100%;
background-color: transparent;
height: 100%;
margin: 0;
padding: 0 !important;
border: 1px solid #8f8f8f;
text-align: center;
vertical-align: top;
line-height: inherit !important;
color: transparent;
font-size: 14px;
top: 0;
box-sizing: border-box;
z-index: -1;
display: block;
opacity: 0;
}
.df-ui .df-ui-page input:focus {
z-index: 2;
opacity: 1;
color: inherit;
}
.df-ui .df-ui-page input:focus + label {
opacity: 0;
display: none;
}
.df-ui-btn {
color: #777;
vertical-align: top;
background-color: #fff;
box-sizing: border-box;
text-align: center;
position: relative;
width: 40px;
height: 100%;
font-size: 20px;
cursor: pointer;
z-index: 2;
display: inline-block;
padding: 10px 5px; line-height: 1.2;
transition: 0.3s;
transition-property: opacity, color, background-color;
}
.df-ui-btn:before {
box-sizing: border-box;
}
.df-ui-btn:hover, .df-ui-btn.df-active {
color: #00ACCE;
background-color: #eee;
}
.df-ui-btn.df-active {
background-color: #e7e7e7;
}
.df-ui-btn.disabled, .df-ui-btn.disabled:hover {
color: #bbb;
}
.df-ui-btn span {
display: none;
}
.df-more-container {
display: none;
position: absolute;
bottom: 100%;
margin-bottom: 8px !important;
right: 10px;
background-color: #f7f7f7;
z-index: 20;
border-radius: 5px;
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
}
.df-more-container:before {
content: " ";
position: absolute;
border: 7px solid transparent;
border-top-color: #eee;
height: 0;
width: 0;
bottom: -14px;
right: 13px;
margin-right: -8px;
pointer-events: none;
}
.df-more-container > .df-ui-btn {
width: 170px;
text-align: left;
padding: 6px 8px;
height: 36px;
border-top: 1px solid #e4e4e4;
border-radius: 0;
line-height: 16px;
}
.df-more-container > .df-ui-btn span {
font-size: 12px;
padding-left: 24px;
vertical-align: middle;
display: inline-block;
}
.df-more-container > .df-ui-btn:before {
position: absolute;
top: 7px;
font-size: 20px;
width: 1em;
text-align: center;
}
.df-more-container > .df-ui-btn:first-child {
border-radius: 5px 5px 0 0;
border-top: none;
}
.df-more-container > .df-ui-btn:last-child {
border-radius: 0 0 5px 5px;
}
.df-ui-more.df-active .df-more-container {
display: block;
}
.df-ui-search.df-active .df-search-container {
display: block;
padding: 5px;
}
.df-ui-nav {
top: 50%;
margin-top: -50px;
position: absolute;
opacity: 0.8;
height: 100px;
font-size: 36px;
width: 50px;
z-index: 2;
cursor: pointer;
}
.df-ui-nav:hover {
opacity: 1;
}
.df-ui-nav .df-ui-btn {
height: auto;
height: initial;
position: absolute;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
padding: 15px 5px;
width: auto;
font-size: inherit;
background-color: transparent !important;
}
.df-ui-nav .df-ui-btn:before {
color: white;
filter: drop-shadow(0 0 3px black);
}
.df-ui-nav.df-ui-prev {
left: 0;
right: auto;
border-radius: 0;
}
.df-ui-nav.df-ui-prev .df-ui-btn {
left: 10px;
}
.df-ui-nav.df-ui-prev .df-ui-btn:before {
text-align: left;
}
.df-ui-nav.df-ui-next {
right: 0;
}
.df-ui-nav.df-ui-next .df-ui-btn {
right: 10px;
}
.df-ui-nav.df-ui-next .df-ui-btn:before {
text-align: right;
}
.df-slider, .df-zoomview, .df-flipbook-3d, .df-flipbook-2d, .df-viewer-container {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.df-flipbook-2d {
-webkit-filter: blur(0);
-moz-filter: blur(0);
-ms-filter: blur(0);
-o-filter: blur(0);
filter: blur(0);
}
.df-flipbook-2d .df-viewer-wrapper {
position: relative;
margin: 0 auto;
height: 100%;
-moz-transition: 0.3s left;
-o-transition: 0.3s left;
-webkit-transition: 0.3s left;
transition: 0.3s left;
}
.df-flipbook-2d .df-book-shadow {
position: absolute;
z-index: -1;
height: 100%;
display: none;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.df-page-content {
overflow: hidden;
opacity: 0.5;
}
.df-page.df-loading:after {
content: "";
background-size: 22px;
height: 22px;
width: 22px;
display: block;
top: 50%;
left: 50%;
margin: -11px;
position: absolute;
z-index: 0;
}
.df-page.df-loading .df-page-content {
display: none;
}
.df-page > canvas {
width: 100%;
height: 100%;
position: relative;
z-index: 0;
}
.df-page .df-page-content {
position: absolute;
height: 100%;
display: block;
top: 0;
width: 100%;
z-index: 1;
}
.df-sheet {
position: absolute;
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.df-sheet .df-page, .df-sheet .df-page-front, .df-sheet .df-page-back, .df-sheet .df-sheet-wrapper, .df-sheet .df-sheet-fold-inner-shadow, .df-sheet .df-sheet-fold-outer-shadow {
position: absolute;
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.df-sheet .df-sheet-wrapper {
overflow: hidden;
}
.df-sheet .df-page {
width: 100%;
height: 100%;
background-color: white;
box-sizing: border-box;
z-index: 0;
background-size: 100% 100%;
}
.df-sheet .df-page:before {
content: "";
position: absolute;
display: block;
top: 0;
width: 15%;
height: 100%;
z-index: 5;
opacity: 0.5;
pointer-events: none;
}
.df-sheet .df-page > canvas {
z-index: -1;
}
.df-sheet .df-page-front:before {
left: 0;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) 15%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) 15%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) 15%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
}
.df-sheet .df-page-back:before {
right: 0;
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 70%);
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 70%);
background-image: -ms-linear-gradient(right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 70%);
}
.df-sheet.df-left-side {
right: 50%;
-webkit-transform-origin: right;
-moz-transform-origin: right;
transform-origin: right;
}
.df-sheet.df-left-side .df-page-front {
z-index: 1;
}
.df-sheet.df-left-side .df-page-back {
z-index: 2;
}
.df-sheet.df-right-side {
left: 50%;
-webkit-transform-origin: left;
-moz-transform-origin: left;
transform-origin: left;
}
.df-sheet.df-right-side .df-page-front {
z-index: 2;
}
.df-sheet.df-right-side .df-page-back {
z-index: 1;
}
.df-sheet .df-sheet-fold-inner-shadow {
position: absolute;
z-index: 5;
display: none;
}
.df-sheet .df-sheet-fold-outer-shadow {
z-index: -1;
width: 100%;
height: 100%;
}
.df-sheet.df-flipping, .df-sheet.df-folding {
z-index: 200 !important;
}
.df-sheet.df-folding.df-left-side .df-page-front, .df-sheet.df-folding.df-right-side .df-page-back {
z-index: 3;
}
.df-sheet.df-folding .df-sheet-fold-inner-shadow {
display: block;
}
.df-sheet.df-folding .df-page-content {
display: none;
}
.df-pending .df-page-content, .df-pendingresize .df-page-content {
display: none !important;
}
.df-sheet.df-left-side.df-folding:not(.df-hard-sheet) .df-page-front {
z-index: 3;
}
.df-hard-sheet .df-sheet-wrapper {
width: 100% !important;
height: 100% !important;
overflow: visible;
transform-style: preserve-3d;
-webkit-transform-origin: 0 50% 0;
-moz-transform-origin: 0 50% 0;
transform-origin: 0 50% 0;
}
.df-hard-sheet .df-sheet-fold-inner-shadow, .df-hard-sheet .df-sheet-fold-outer-shadow {
display: none !important;
}
.df-hard-sheet .df-page-front, .df-hard-sheet .df-page-back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.df-hard-sheet.df-right-side .df-page-back {
-webkit-transform-origin: right 50%;
-moz-transform-origin: right 50%;
transform-origin: right 50%;
z-index: 3 !important;
}
.df-hard-sheet.df-right-side .df-page-front {
-webkit-transform-origin: left 50%;
-moz-transform-origin: left 50%;
transform-origin: left 50%;
z-index: 4;
}
.df-hard-sheet.df-left-side .df-page-back {
-webkit-transform-origin: right 50%;
-moz-transform-origin: right 50%;
transform-origin: right 50%;
}
.df-hard-sheet.df-left-side .df-page-front {
-webkit-transform-origin: left 50%;
-moz-transform-origin: left 50%;
transform-origin: left 50%;
}
.df-flipbook-3d.df-loading:after {
content: "";
background-size: 22px;
height: 22px;
width: 22px;
display: block;
top: 50%;
left: 50%;
margin: -11px;
position: absolute;
z-index: 0;
}
.df-link-content, .df-text-content, .df-auto-link-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
pointer-events: none;
width: auto !important;
height: auto !important;
}
.df-page-content.df-double-internal:not(.df-double-internal-fix) > div {
right: -100%;
}
.df-page-content.df-double-internal-fix > div {
left: -100%;
}
.annotationLayer section, .df-link-content section, .customLinkAnnotation, .customHtmlAnnotation, .customVideoAnnotation, .linkAnnotation, .highlightAnnotation, .popupAnnotation {
position: absolute;
z-index: 5;
cursor: pointer;
pointer-events: all;
border: none !important;
padding: 0 !important;
}
section.linkAnnotation a,
a.linkAnnotation,
.buttonWidgetAnnotation a,
a.customLinkAnnotation,
.customHtmlAnnotation,
.customVideoAnnotation, a.df-autolink {
background-color: #ff0;
display: block;
height: 100%;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
section.linkAnnotation a:hover,
a.linkAnnotation:hover,
.buttonWidgetAnnotation a:hover,
a.customLinkAnnotation:hover,
.customHtmlAnnotation:hover,
.customVideoAnnotation:hover, a.df-autolink:hover {
border-color: transparent;
background-color: #2196F3;
}
a.df-autolink {
display: inline;
pointer-events: all;
color: transparent !important;
}
.df-sidemenu-wrapper {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
left: 0;
top: 0;
bottom: 0;
width: 220px;
position: absolute;
z-index: 3;
}
.df-sidemenu-wrapper .df-sidemenu-buttons {
z-index: 6;
position: relative;
top: 0;
left: 0;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.df-sidemenu-wrapper .df-sidemenu-buttons .df-ui-close {
float: right;
display: none;  background-color: transparent;
padding: 6px 5px;
}
.df-sidemenu-wrapper:before {
content: " ";
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(238, 238, 238, 0.9);
z-index: 3;
left: 0;
}
.df-sidemenu-open .df-ui-nav.df-ui-prev {
left: 220px;
}
.df-sidemenu-open .df-sidemenu-wrapper {
display: block;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
left: 0;
}
.df-sidemenu-open .df-sidemenu-wrapper:before {
box-shadow: 1px 0 4px rgba(102, 102, 102, 0.38);
}
.df-sidemenu-open .df-sidemenu-buttons .df-ui-close {
display: block;
}
.df-sidemenu-open .df-flipbook-3d.df-loading:after {
margin-left: 99px;
}
.df-sidemenu {
width: 100%;
height: auto !important;
position: absolute !important;
top: 0;
bottom: 0;
z-index: 3;
opacity: 0;
color: #666;
font-size: 12px;
}
.df-sidemenu > .df-wrapper {
overflow: auto;
position: absolute !important;
top: 40px;
bottom: 0;
left: 0;
right: 0;
height: auto !important;
}
.df-sidemenu.df-sidemenu-visible {
opacity: 1;
z-index: 5;
}
.df-outline-container .df-wrapper {
padding: 10px;
}
.df-outline-items > .df-outline-item {
margin-left: 18px;
}
.df-outline-item a {
color: inherit !important;
text-decoration: none !important;
display: block;
padding: 5px 0 5px 5px;
overflow: hidden;
text-overflow: ellipsis; border: none !important;
box-shadow: none !important;
margin-bottom: 1px;
}
.df-outline-item a:hover {
text-decoration: underline !important;
color: #2196F3 !important;
}
.df-outline-toggle {
cursor: pointer;
float: left;
width: 28px;
padding: 0 5px 0 10px;
margin-left: -28px;
text-align: center;
}
.df-outline-toggle:before {
content: "\e902";
font-size: 18px;
font-family: "dearflip";
}
.df-outline-toggle.df-outlines-hidden:before {
content: "\e901";
}
.df-outline-toggle.df-outlines-hidden ~ .df-outline-items {
display: none;
}
.df-outline-item a:hover, .df-outline-toggle:hover, .df-outline-toggle:hover + a, .df-outline-toggle:hover ~ .df-outline-items {
background-color: rgba(100, 100, 100, 0.05);
}
.df-thumb {
margin: 0;
cursor: pointer;
width: 100%;
position: relative;
text-align: center;
}
.df-thumb .df-wrapper {
box-sizing: content-box !important;
margin: 6px;
border-radius: 3px;
transition: 0.2s background;
display: inline-block;
vertical-align: middle;
border: 2px dashed rgba(0, 0, 0, 0.3);
position: relative;
}
.df-thumb .df-wrapper .df-thumb-number {
position: absolute;
bottom: 8px;
background-color: rgba(238, 238, 238, 0.85);
color: #444;
font-size: 14px;
left: 50%;
transform: translateX(-50%);
padding: 5px;
opacity: 0;
}
.df-thumb .df-bg-image {
height: 100%;
background-size: 100%;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.df-thumb.df-thumb-requested:before {
content: "";
background-size: 22px;
height: 22px;
width: 22px;
display: block;
top: 50%;
left: 50%;
margin: -11px;
position: absolute;
z-index: 0;
}
.df-thumb.df-thumb-loaded {
height: auto !important;
}
.df-thumb.df-thumb-loaded .df-wrapper {
border: none;
margin: 0;
padding: 8px;
}
.df-thumb.df-thumb-loaded:hover .df-wrapper .df-thumb-number {
opacity: 1;
}
.df-thumb.df-thumb-loaded:hover .df-wrapper, .df-thumb.df-selected .df-wrapper {
background-color: #ccc;
background-color: rgba(0, 0, 0, 0.1);
opacity: 1;
}
.df-lightbox-wrapper {
position: fixed !important;
top: 0;
bottom: 0;
right: 0;
height: auto !important;
left: 0;
z-index: 99999;
}
.df-lightbox-wrapper.df-lightbox-padded {
top: 20px;
left: 20px;
bottom: 20px;
right: 20px;
}
.df-lightbox-wrapper .df-lightbox-bg {
background: #eee;
position: fixed !important;
top: 0;
bottom: 0;
right: 0;
height: auto !important;
left: 0;
}
.df-lightbox-wrapper .df-lightbox-controls {
float: right;
padding: 5px;
z-index: 1000;
position: relative;
}
.df-lightbox-wrapper .df-app {
position: absolute !important;
width: 100%;
top: 0;
bottom: 0;
height: auto !important;
}
.df-lightbox-wrapper .df-container.df-transparent {
height: 100%;
}
.df-lightbox-wrapper .df-lightbox-close {
float: right;
text-align: center;
font-size: 32px;
padding: 8px 0;
height: 48px;
width: 46px;
cursor: pointer;
color: #444;
border-color: transparent;
background-color: transparent;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0.8;
}
.df-lightbox-wrapper .df-lightbox-close:hover {
color: white;
background-color: rgba(0, 0, 0, 0.21);
border-color: black;
opacity: 1;
}
.df-lightbox-wrapper .df-lightbox-close:before {
color: white;
filter: drop-shadow(0 0 3px black);
}
.df-share-wrapper {
z-index: 2;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.35);
display: none;
}
.df-share-box {
position: absolute;
top: 50%;
width: 280px;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
left: 50%;
background-color: #fff;
border-radius: 10px;
padding: 10px 15px 5px;
text-align: center;
}
span.df-share-title {
color: #777;
margin-bottom: 10px;
display: block;
}
.df-share-url { background-color: #fff;
height: 60px;
color: #666;
padding: 2px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
font-size: 12px;
box-sizing: border-box;
margin-bottom: 0;
}
.df-share-button {
display: inline-block;
text-align: center;
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 5px 10px; font-size: 20px;
color: #aaa;
}
.df-share-button:hover {
color: #444;
}
.df-reader {
overflow: auto;
position: absolute;
-webkit-overflow-scrolling: touch;
}
.df-reader .df-viewer-wrapper {
cursor: grab;
}
.df-reader .df-page {
position: relative;
transform-origin: initial;
margin: -10px auto -10px;
border: 10px solid transparent;
left: auto;
left: initial;
box-sizing: content-box !important;
}
.df-reader .df-page:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.df-reader ~ .df-ui-nav {
display: none;
}
.df-reader:not(.df-noscroll) {
margin-right: -12px;
}
.df-reader-scrollbar {
position: absolute;
top: 0;
height: auto;
right: 0;
width: auto;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
border-radius: 20px 0 0 20px;
padding: 6px 8px 6px 12px;
z-index: 100;
cursor: ns-resize;
}
.df-reader-scrollbar:hover, .df-reader-scrollbar.df-active {
background-color: #fff;
}
.df-reader-scroll-page-number {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
background-color: #ddd;
border-radius: 10px;
padding: 20px;
font-size: 24px;
z-index: 100;
text-align: center;
color: #333;
}
.df-reader-scroll-page-number.df-active {
display: block;
}
.df-reader-scroll-page-number div {
margin-top: 6px;
padding-top: 6px;
border-top: 1px solid #aaa;
font-size: 16px;
font-style: italic;
}
.df-ios .df-viewer.df-reader {
margin-right: 0;
}
.df-no-transition {
-moz-transition: none !important;
-o-transition: none !important;
-webkit-transition: none !important;
transition: none !important;
}
.df-float .df-ui {
bottom: 10px;
width: auto;
width: intial;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
margin: 0 auto;
display: table;
display: flex;
border-radius: 5px;
}
.df-float .df-ui > .df-ui-btn:first-child {
border-radius: 5px 0 0 5px;
}
.df-float .df-ui > .df-ui-btn:last-child {
border-radius: 0 5px 5px 0;
}
.df-controls-top .df-ui {
bottom: auto;
bottom: intial;
top: 0;
}
.df-controls-top.df-float .df-ui {
top: 10px;
}
.df-controls-top .df-more-container {
bottom: auto;
top: 100%;
margin: 8px 0 0 !important;
}
.df-controls-top .df-more-container:before {
border-bottom-color: #eee;
border-top: 0;
bottom: auto;
top: -7px;
}
.df-controls-hidden .df-ui {
display: none;
}
.df-float-off.df-controls-top .df-sidemenu-wrapper {
top: 42px;
bottom: 0;
}
.df-float-off.df-controls-bottom .df-sidemenu-wrapper {
top: 0;
bottom: 42px;
}
.df-float-off .df-ui-left {
justify-content: flex-start;
display: flex;
flex: 1;
}
.df-float-off .df-ui-right {
justify-content: flex-end;
display: flex;
flex: 1;
}
.df-float-off .df-ui-center {
display: flex;
justify-content: center;
align-items: center;
}
.df-float-off .df-ui {
display: flex;
}
.df-link-content .annotationTextContent {
color: transparent;
}
.df-link-content .popupWrapper {
position: absolute;
width: 20em;
}
.df-link-content .popup {
position: absolute;
z-index: 200;
max-width: 20em;
background-color: #FFFF99;
box-shadow: 0 2px 5px #333;
border-radius: 2px;
padding: 0.6em;
margin-left: 5px;
cursor: pointer;
word-wrap: break-word;
}
.df-link-content .popup h1 {
font-size: 1em;
border-bottom: 1px solid #000000;
padding-bottom: 0.2em;
}
.df-link-content .popup p {
padding-top: 0.2em;
}
html.df-lightbox-open, body.df-lightbox-open {
overflow: hidden !important;
}
.df-zoomview {
display: none;
cursor: move;
}
.df-zoomview .df-viewer-wrapper {
position: relative;
margin: 0 auto;
}
.df-zoomview .df-viewer-wrapper .df-book-shadow {
position: absolute;
z-index: -1;
height: 100%;
display: none;
-webkit-box-shadow: 0px 1px 15px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 15px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 15px 1px rgba(0, 0, 0, 0.5);
}
.df-zoomview .df-page {
position: absolute;
top: 0;
right: 50%;
background-color: #fff;
}
.df-zoomview .df-page:before {
width: 10%;
opacity: 0.5;
}
.df-zoomview .df-page.df-page-front {
left: 50%;
}
.df-zoom-active .df-viewer {
cursor: move;
cursor: -webkit-grab;
}
.df-zoom-active .df-flipbook {
display: none;
}
.df-zoom-active .df-zoomview {
display: block;
}
.df-hybrid-viewer .df-zoomview .df-page:before {
display: none;
}
.df-hybrid-viewer:not(.df-zoom-active) .df-flipbook.df-loading + .df-zoomview {
display: none;
}
.df-hybrid-viewer:not(.df-zoom-active) .df-zoomview {
display: block;
pointer-events: none;
}
.df-hybrid-viewer:not(.df-zoom-active) .df-zoomview .df-page:before {
display: none;
}
.df-hybrid-viewer:not(.df-zoom-active) .df-loading + .df-zoomview::after {
content: "";
background-size: 22px;
height: 22px;
width: 22px;
display: block;
top: 50%;
left: 50%;
margin: -11px;
position: absolute;
z-index: 0;
}
.df-hybrid-viewer:not(.df-zoom-active).df-pending .df-zoomview, .df-hybrid-viewer:not(.df-zoom-active).df-pendingresize .df-zoomview, .df-hybrid-viewer:not(.df-zoom-active).df-hide-zoomview .df-zoomview {
display: none;
}
.df-container ::-webkit-scrollbar {
width: 12px;
height: 12px;
cursor: pointer;
}
.df-container ::-webkit-scrollbar-button {
height: 0;
width: 0;
cursor: pointer;
}
.df-container ::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.5);
border-radius: 50px;
}
.df-container ::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.8);
}
.df-container ::-webkit-scrollbar-thumb:active {
background: rgba(0, 0, 0, 0.8);
}
.df-container ::-webkit-scrollbar-thumb,
.df-container ::-webkit-scrollbar-thumb:hover,
.df-container ::-webkit-scrollbar-thumb:active {
border-right: 1px;
border-left: 1px;
border-style: solid;
border-color: transparent;
}
.df-container ::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.05);
border-radius: 50px;
}
.df-container ::-webkit-scrollbar-track:hover {
background: rgba(0, 0, 0, 0.1);
}
.df-container ::-webkit-scrollbar-track:active {
background: rgba(0, 0, 0, 0.15);
}
.df-container ::-webkit-scrollbar-corner {
background: transparent;
}
.df-sidemenu-wrapper ::-webkit-scrollbar {
width: 10px;
}
.df-container.df-transparent.df-fullscreen {
background: #aaa;
}
.df-container.df-fullscreen {
position: fixed !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 2147483647;
}
.df-container.df-rtl .df-sidemenu-wrapper {
left: auto;
left: initial;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
right: -50px;
direction: rtl;
}
.df-container.df-rtl input.df-search-text {
padding: 0 15px 0 45px;
}
.df-container.df-rtl .df-sidemenu-title {
text-align: right;
}
.df-container.df-rtl .df-search-clear {
right: auto;
left: 60px;
}
.df-container.df-rtl.df-sidemenu-open .df-sidemenu-wrapper {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
right: 0;
}
.df-container.df-rtl.df-sidemenu-open .df-sidemenu-wrapper .df-sidemenu-buttons .df-ui-close {
float: left;
}
.df-container.df-rtl.df-sidemenu-open .df-ui-nav.df-ui-prev {
left: 0;
}
.df-container.df-rtl.df-sidemenu-open .df-ui-nav.df-ui-next {
right: 220px;
}
.df-container.df-rtl.df-sidemenu-open .df-flipbook-3d.df-loading:after {
margin-left: -122px;
}
.df-container.df-rtl .df-outline-item {
margin: 0 18px 0 0;
text-align: right;
direction: rtl;
}
.df-container.df-rtl .df-outline-item .df-outline-toggle {
float: right;
margin: 0 -18px 0 0;
}
.df-container.df-rtl .df-outline-item .df-outline-toggle.df-outlines-hidden:before {
content: "\e900";
}
.df-container.df-rtl .df-viewer .df-3dcanvas {
left: 0;
right: auto;
right: initial;
}
.df-container.df-rtl .df-more-container .df-ui-btn {
text-align: right;
direction: rtl;
}
.df-container.df-rtl .df-more-container .df-ui-btn:before {
right: 10px;
}
.df-container.df-rtl .df-more-container .df-ui-btn span {
padding: 0 24px 0 0;
}
.df-lightbox-wrapper.df-rtl .df-lightbox-controls {
float: left;
} .df-element[data-lightbox], .df-element[data-df-lightbox] {
cursor: pointer;
}
.df-popup-thumb {
display: inline-block;
box-sizing: border-box;
margin: 30px 15px 15px !important;
text-align: center;
border: 0;
width: 140px;
height: auto;
word-break: break-word;
vertical-align: bottom;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-moz-perspective: 800px;
perspective: 800px;
}
.df-popup-thumb .df-book-wrapper {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: 0.2s;
box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.2);
transform-origin: 30%;
background-color: #fff;
width: 100%;
display: inline-block;
}
.df-popup-thumb .df-book-page1, .df-popup-thumb .df-book-page2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: 100% 100%;
-webkit-transform-origin: left;
-moz-transform-origin: left;
transform-origin: left;
background-color: #fff;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
z-index: 1;
}
.df-popup-thumb .df-book-cover {
background-size: 100% 100%;
-webkit-transform-origin: left;
-moz-transform-origin: left;
transform-origin: left;
top: 0;
position: relative;
overflow: hidden;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.24);
z-index: 1;
}
.df-popup-thumb .df-book-cover.df-thumb-not-found {
height: 200px;
position: relative;
}
.df-popup-thumb .df-book-cover:after {
display: block;
content: " ";
height: 100%;
width: 100%;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 1%, rgba(0, 0, 0, 0.15) 3%, rgba(255, 255, 255, 0.15) 5%, rgba(255, 255, 255, 0) 7%);
box-shadow: inset 0px -1px 3px 0px #5050508c;
z-index: 3;
position: absolute;
top: 0;
left: 0;
}
.df-popup-thumb .df-book-title {
bottom: -100%;
position: absolute;
width: 100%;
left: 0;
padding: 5px;
font-size: 0.75em;
background: rgba(255, 255, 255, 0.9);
box-sizing: border-box;
display: block;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-webkit-transition: 0.4s;
transition: 0.4s;
opacity: 0;
}
.df-popup-thumb img {
display: block;
width: 100%;
height: auto;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
.df-popup-thumb:hover .df-book-title, .df-popup-thumb.df-thumb-not-found .df-book-title, .df-popup-thumb.df-tl-book-title-fixed .df-book-title {
opacity: 1;
bottom: 0;
}
.df-popup-thumb.df-tl-book-title-fixed .df-book-title {
position: relative;
}
.df-popup-thumb.df-thumb-not-found .df-book-wrapper {
width: 100%;
}
.df-popup-thumb.df-tl-book-title-bottom .df-thumb-not-found, .df-popup-thumb.df-tl-cover-title .df-thumb-not-found {
height: 170px;
}
.df-popup-thumb.df-tl-book-title-bottom .df-book-wrapper, .df-popup-thumb.df-tl-cover-title .df-book-wrapper {
position: relative;
z-index: 1;
}
.df-popup-thumb.df-tl-book-title-bottom .df-book-title, .df-popup-thumb.df-tl-cover-title .df-book-title {
position: relative;
bottom: 0;
opacity: 1;
height: 3em;
background: transparent;
}
.df-popup-thumb:hover .df-book-page1 {
transform: rotateY(-8deg) rotateZ(0);
box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.2);
}
.df-popup-thumb:hover .df-book-page2 {
transform: rotateY(-14deg) rotateZ(0);
box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.2);
}
.df-popup-thumb:hover .df-book-wrapper {
transform: rotateY(-15deg) rotateZ(0);
}
.df-popup-thumb:hover .df-book-cover {
-webkit-transform: rotateY(-18deg) rotateZ(0);
-moz-transform: rotateY(-18deg) rotateZ(0);
-ms-transform: rotateY(-18deg) rotateZ(0);
transform: rotateY(-18deg) rotateZ(0);
}
.df-popup-thumb.df-tl-cover-title .df-book-wrapper {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.df-popup-thumb.df-tl-cover-title .df-book-cover {
box-shadow: none;
}
.df-popup-thumb.df-tl-cover-title .df-book-cover:after {
display: none;
}
.df-popup-thumb.df-tl-cover-title:hover .df-book-wrapper {
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
transform: none;
}
.df-popup-thumb.df-tl-cover-title:hover .df-book-cover {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
box-shadow: none;
}
.df-popup-thumb.df-tl-cover-title:hover .df-book-page1, .df-popup-thumb.df-tl-cover-title:hover .df-book-page2 {
display: none;
}
.df-popup-button {
width: auto;
display: inline-block;
background: #ddd;
border-radius: 5px;
padding: 5px 15px;
margin: 5px;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-moz-transition-property: background;
-o-transition-property: background;
-webkit-transition-property: background;
transition-property: background;
}
.df-popup-button:hover {
background: #aaa;
}
.df-popup-hidden {
display: none;
}
.df-icon-play-popup {
position: relative;
}
.df-icon-play-popup:before {
top: 50%;
position: absolute;
left: 50%;
font-size: 40px;
background: #777;
border-radius: 50%;
padding: 10px;
box-shadow: 0px 1px 5px #777;
margin-top: -30px;
margin-left: -30px;
display: block;
color: #fff;
z-index: 1;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-webkit-transition-property: opacity;
transition-property: opacity;
pointer-events: none;
}
.df-icon-play-popup:hover:before {
opacity: 0;
}
.df-posts {
max-width: 1140px;
margin: 0 auto;
}
.df-posts > .df-popup-thumb {
width: calc(20% - 30px);
min-width: 100px;
position: relative;
z-index: 1;
}
df-post-shelf {
display: none;
height: 160px;
background-color: transparent;
z-index: 0;
margin: -105px -40px -40px -40px;
position: relative;
background-repeat: no-repeat;
}
df-post-shelf:nth-of-type(5n) {
display: block;
}
df-post-shelf:after {
content: " ";
height: 160px;
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 240px;
z-index: 1;
background-position: 0 -160px;
background-repeat: no-repeat;
background-image: inherit;
background-size: inherit;
}
df-post-shelf:before {
content: " ";
display: block;
position: absolute;
left: 240px;
bottom: 0;
right: 240px;
height: 160px;
z-index: 1;
background-image: inherit;
background-size: inherit;
background-repeat: repeat-x;
background-position: 0 -320px;
}
.df-posts.df-has-shelf {
padding: 0 40px 50px 40px;
}
@media screen and (max-width: 1100px) {
.df-posts > .df-popup-thumb {
width: calc(25% - 30px);
}
df-post-shelf:nth-of-type(n) {
display: none;
}
df-post-shelf:nth-of-type(4n) {
display: block;
}
}
@media screen and (max-width: 900px) {
.df-posts > .df-popup-thumb {
width: calc(33% - 30px);
}
df-post-shelf:nth-of-type(n) {
display: none;
}
df-post-shelf:nth-of-type(3n) {
display: block;
}
}
@media screen and (max-width: 600px) {
.df-posts > .df-popup-thumb {
width: calc(50% - 30px);
}
df-post-shelf:nth-of-type(n) {
display: none;
}
df-post-shelf:nth-of-type(2n) {
display: block;
}
df-post-shelf {
background-size: 120px 480px;
}
df-post-shelf:before {
left: 120px;
right: 120px;
}
df-post-shelf:after {
width: 120px;
}
}
@media screen and (max-width: 420px) {
.df-posts > .df-popup-thumb, .df-popup-thumb {
width: calc(100% - 30px);
}
df-post-shelf:nth-of-type(n) {
display: block;
}
}
df-post-shelf:nth-last-of-type(1) {
display: block;
}
.df-posts {
container-type: inline-size;
container-name: dfposts;
width: 100%;
box-sizing: border-box !important;
}
@container dfposts (max-width: 1020px) {
.df-posts > .df-popup-thumb {
width: calc(25% - 30px);
}
df-post-shelf:nth-of-type(n) {
display: none;
}
df-post-shelf:nth-of-type(4n) {
display: block;
}
}
@container dfposts (max-width: 820px) {
.df-posts > .df-popup-thumb {
width: calc(33% - 30px);
}
df-post-shelf:nth-of-type(n) {
display: none;
}
df-post-shelf:nth-of-type(3n) {
display: block;
}
}
@container dfposts (max-width: 520px) {
.df-posts > .df-popup-thumb {
width: calc(50% - 30px);
}
df-post-shelf:nth-of-type(n) {
display: none;
}
df-post-shelf:nth-of-type(2n) {
display: block;
}
df-post-shelf {
background-size: 120px 480px;
}
df-post-shelf:before {
left: 120px;
right: 120px;
}
df-post-shelf:after {
width: 120px;
}
}
@container dfposts (max-width: 320px) {
.df-posts > .df-popup-thumb {
width: calc(100% - 30px);
}
df-post-shelf:nth-of-type(n) {
display: block;
}
}
@container dfposts (max-width: 150px) {
.df-posts.df-has-shelf > .df-popup-thumb {
width: 100%;
margin: 30px -35px 15px !important;
}
}
df-post-shelf:nth-last-of-type(1) {
display: block;
}
.df-page-content {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.df-text-content, .df-auto-link-content {
line-height: 1;
}
.df-text-content span,
.df-text-content br,
.df-auto-link-content span {
color: transparent !important;
position: absolute;
white-space: pre;
cursor: text;
transform-origin: 0% 0%;
}
.df-auto-link-content > span {
overflow: hidden;
}
.df-text-content .highlight {
margin: -1px;
padding: 1px;
background-color: #b400aa;
border-radius: 4px;
}
.df-text-content .highlight.appended {
position: initial;
}
.df-text-content .highlight.begin {
border-radius: 4px 0 0 4px;
}
.df-text-content .highlight.end {
border-radius: 0 4px 4px 0;
}
.df-text-content .highlight.middle {
border-radius: 0;
}
.df-text-content .highlight.selected {
background-color: darkgreen;
}
.df-text-content .endOfContent {
display: block;
position: absolute;
left: 0;
top: 100%;
right: 0;
bottom: 0;
z-index: -1;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.df-text-content .endOfContent.active {
top: 0;
}
body.admin-bar .df-lightbox-wrapper, body.admin-bar .df-lightbox-bg {
top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar .df-lightbox-wrapper, body.admin-bar .df-lightbox-bg {
top: 46px;
}
}
@media screen and (max-width: 600px) {
body.admin-bar .df-lightbox-wrapper, body.admin-bar .df-lightbox-bg {
top: 0px;
}
}
.df-single-content {
width: 100%;
} .df-link-content section.textWidgetAnnotation {
display: none;
}
.df-viewer::-webkit-scrollbar-button {
height: 50px;
}
.df-viewer::-webkit-scrollbar-thumb {
min-height: 50px;
}
.df-container .df-reader ::-webkit-scrollbar-track, .df-container .df-reader ::-webkit-scrollbar-thumb {
background: transparent;
}
.df-container.df-pinch-zoom ::-webkit-scrollbar-track, .df-container.df-pinch-zoom ::-webkit-scrollbar-thumb {
background: transparent;
}
.df-container.df-pinch-zoom .df-page-content {
display: none;
}
section.squareAnnotation .popupWrapper, section.textAnnotation .popupWrapper {
display: none;
}
section.squareAnnotation svg, section.textAnnotation svg {
display: block;
}
.df-comment-popup {
display: none;
position: absolute;
width: 360px;
background-color: #FFFF99;
box-shadow: 0 2px 5px #333;
border-radius: 2px;
z-index: 9;
padding: 10px;
word-break: break-word;
}
.df-comment-popup.df-active {
display: block;
}
.df-comment-popup .popup {
background-color: transparent !important;
}
.df-comment-popup p {
margin: 0;
}
.df-comment-popup h1 {
padding-bottom: 5px;
border-bottom: 1px solid;
margin-top: 0;
font-size: 1em;
}
.df-sidemenu-wrapper.df-sidemenu-center {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
display: none;
top: auto;
height: 360px;
bottom: 52px; }
.df-sidemenu-center .df-sidemenu-buttons {
box-shadow: none;
text-align: center;
}
.df-sidemenu-center .df-sidemenu-buttons .df-icon-close {
display: block;
margin: -55px auto 0 auto;
float: none;
border-radius: 50px;
width: 44px;
}
.df-sidemenu-wrapper.df-sidemenu-center:before {
background-color: rgba(255, 255, 255, 0.9);
}
.df-sidemenu-open .df-sidemenu-wrapper.df-sidemenu-center {
display: block;
}
.df-sidemenu-center:before, .df-sidemenu-center .sidemenu {
border-radius: 10px 10px 0 0;
}
.df-slider {
-webkit-filter: blur(0);
-moz-filter: blur(0);
-ms-filter: blur(0);
-o-filter: blur(0);
filter: blur(0);
}
.df-slider .df-viewer-wrapper {
position: relative;
margin: 0 auto;
height: 100%;
-moz-transition: 0.3s left;
-o-transition: 0.3s left;
-webkit-transition: 0.3s left;
transition: 0.3s left;
}
.df-slider .df-sheet {
-moz-transition: transform 0.5s;
-o-transition: transform 0.5s;
-webkit-transition: transform 0.5s;
transition: transform 0.5s;
}
.df-slider .df-sheet.df-left-side, .df-slider .df-sheet.df-right-side {
left: 50% !important;
}
.df-slider .df-sheet:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.df-slider .df-page:before {
display: none;
}
.df-slider .df-page.df-page-front {
z-index: 3;
}
.df-slider + .df-zoomview .df-page:before {
display: none;
}
.df-has-shelf df-post-shelf {
background: none;
perspective: 400px;
margin: 5px 0px 30px 0px; height: 0px;
box-shadow: 0px 5px 40px 15px #00000050;
}
.df-has-shelf df-post-shelf:before, .df-has-shelf df-post-shelf:after {
background-size: auto;
left: -40px;
right: -40px;
width: auto;
background-repeat: repeat-x;
transform-style: preserve-3d;
background-position: 0 0;
}
.df-has-shelf df-post-shelf:before {
transform: translateY(-15px) rotateX(50deg);
height: 50px;
transform-origin: bottom;
box-shadow: inset 0px 3px 15px 0px #0000009c;
}
.df-has-shelf df-post-shelf:after {
transform: translateZ(0);
height: 15px;
box-shadow: inset 0px 3px 3px #f3f3f352;
background-position: 0 -50px;
}
.df-search-highlight {
position: relative !important;
background-color: #00f;
}
.df-search-results {
top: 125px !important;
padding: 0 10px 10px;
}
.df-search-result {
color: inherit !important;
text-decoration: none !important;
overflow: hidden;
border: none !important;
box-shadow: none !important;
margin-bottom: 1px;
padding: 5px 10px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.df-search-result.df-active, .df-search-result:hover {
background-color: rgba(100, 100, 100, 0.2);
}
.df-sidemenu-title {
padding: 8px 20px;
text-transform: uppercase;
text-align: left;
}
.df-search-hits {
z-index: 10;
display: none;
}
.df-search-open .df-search-hits {
display: inline-block;
}
.df-search-form {
display: flex;
padding: 10px;
position: relative;
}
.df-search-clear {
position: absolute;
right: 55px;
top: 22px;
cursor: pointer;
display: none;
}
input.df-search-text {
flex-grow: 1;
margin: 0;
border-radius: 4px 0 0 4px;
outline: 0;
border: 0;
height: 40px;
padding: 0 45px 0 15px;
width: 100%;
}
input.df-search-text:not(:placeholder-shown) ~ a.df-search-clear {
display: block;
}
.df-ui-btn.df-search-btn {
height: 40px;
padding: 10px;
background-color: #f7f7f7;
}
.df-search-info {
padding: 5px 20px;
}
.df-searching .df-search-info {
background-repeat: no-repeat;
background-size: 24px;
background-position: 176px;
}
.df-popup-thumb img.df-lazy {
transform: scale(1.2);
opacity: 0.5;
}
@media (prefers-reduced-motion: no-preference) {
.df-popup-thumb img {
transition: opacity 1.5s ease, transform 1.5s ease;
}
}
.df-trigger {
cursor: pointer;
}
.df-element:hover a.df-edit-link {
display: inline-block;
}
a.df-edit-link {
display: none;
position: absolute;
bottom: 0px;
right: 0px;
z-index: 50;
padding: 5px;
background: #eee;
}
.df-element[data-lightbox], .df-element[data-df-lightbox] {
position: relative;
}
.df-element[data-lightbox] .df-edit-link, .df-element[data-df-lightbox] .df-edit-link {
right: 0;
bottom: 0;
padding: 0 5px;
transform: translateY(100%);
margin: 0 !important;
}
.df-element[data-lightbox=thumb] .df-edit-link, .df-element[data-df-lightbox=thumb] .df-edit-link {
padding: 10px 5px 5px;
height: 30px;
} .df-posts [skip-parse] {
display: none;
}
.df-posts {
text-align: center;
position: relative;
}
.df-load-more-button-wrapper {
text-align: center;
display: none;
margin-top: 20px;
}
.df-posts [skip-parse] ~ .df-load-more-button-wrapper {
display: block;
}
.df-load-more-button {
padding: 10px 15px;
display: inline-block;
margin: 0 auto;
cursor: pointer;
background: #0085ba;
color: white;
}
._df_book {
min-height: 400px;
}@font-face {
font-family: 'ywraq-quote-icon';
src: url(//www.datacom-networking.com/wp-content/plugins/yith-woocommerce-request-a-quote-premium/assets/icons/ywraq-quote-icon.eot?ygyboi);
src: url(//www.datacom-networking.com/wp-content/plugins/yith-woocommerce-request-a-quote-premium/assets/icons/ywraq-quote-icon.eot?ygyboi#iefix) format('embedded-opentype'),
url(//www.datacom-networking.com/wp-content/plugins/yith-woocommerce-request-a-quote-premium/assets/icons/ywraq-quote-icon.ttf?ygyboi) format('truetype'),
url(//www.datacom-networking.com/wp-content/plugins/yith-woocommerce-request-a-quote-premium/assets/icons/ywraq-quote-icon.woff?ygyboi) format('woff'),
url(//www.datacom-networking.com/wp-content/plugins/yith-woocommerce-request-a-quote-premium/assets/icons/ywraq-quote-icon.svg?ygyboi#ywraq-quote-icon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="ywraq-quote-icon-"], [class*=" ywraq-quote-icon-"] { font-family: 'ywraq-quote-icon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ywraq-quote-icon-more_horizontal:before {
content: "\e901";
color: #000;
}
.ywraq-quote-icon-icon_quote:before {
content: "\e900";
color: #777;
}
.ajax-loading,
.product-remove a.yith-ywraq-item-remove.remove {
display: inline-block;
}
.product-remove {
width: 1%;
}
.product-remove .ajax-loading {
vertical-align: text-bottom;
}
#yith-ywraq-form table.cart .product-thumbnail {
display: table-cell;
}
#yith-ywraq-form .product-name ul li {
font-size: .9rem;
}
#yith-ywraq-form .product-subtotal,
#yith-ywraq-form .product-quantity,
#yith-ywraq-form .product-price {
text-align: right;
padding: 30px 15px;
}
.woocommerce #yith-ywraq-form table.shop_table.cart div.product-thumbnail img {
max-width: 60px;
}
.add-request-quote-button.disabled {
opacity: .5 !important;
cursor: not-allowed;
}
#ywraq_cart_quote.button,
#ywraq_checkout_quote_button.button {
background: var(--ywraq_checkout_button_bg_color);
color: var(--ywraq_checkout_button_color);
border: 1px solid var(--ywraq_checkout_button_color);
width: 100%;
}
#ywraq-request-a-quote-on-cart p.form-row.form-row-wide.raq-send-request-row {
text-align: right;
}
#ywraq-request-a-quote-on-cart p.form-row.form-row-wide.raq-send-request-row input {
margin-right: 0px;
text-transform: uppercase;
}
.yith-ywraq-mail-form-wrapper input::placeholder,
.yith-ywraq-mail-form-wrapper textarea::placeholder {
color: #ccc !important;
font-size: 1em !important;
}
#ywraq_cart_quote.button:hover,
#ywraq_checkout_quote_button.button:hover {
background: var(--ywraq_checkout_button_bg_color_hover);
color: var(--ywraq_checkout_button_color_hover);
border: 1px solid var(--ywraq_checkout_button_color);
}
.raq-totals-row {
border: 0 !important;
}
.hide-modal {
display: none;
}
.woocommerce .related ul li.product img, .woocommerce .related ul.products li.product img.ajax-loading {
width: auto;
}
.g-recaptcha {
margin-bottom: 20px;
}
.ywraq-form-table-wrapper.vertical .nf-form-content {
margin: 0 !important;
}
.ywraq-form-table-wrapper.wide .nf-form-cont {
margin-left: 50px;
}
.woocommerce ul.products li.product a.add-request-quote-button.button,
.wp-block-post.product a.add-request-quote-button.button,
a.add-request-quote-button.button {
font-size: 1em;
display: inline-block;
text-align: center;
word-break: break-word;
padding: 1rem 2rem;
margin-top: 1rem;
text-decoration: none;
cursor: pointer;
}
.wp-block-post.product a.button,
.wp-block-post.product .add-request-quote-button.button,
.wp-block-post.product .add-request-quote-button-addons.button,
.woocommerce .add-request-quote-button.button, .woocommerce .add-request-quote-button-addons.button {
background-color: var(--ywraq_layout_button_bg_color) !important;
color: var(--ywraq_layout_button_color) !important;
border: 1px solid var(--ywraq_layout_button_border_color) !important;
}
.woocommerce .add-request-quote-button.button:hover, .woocommerce .add-request-quote-button-addons.button:hover {
background-color: var(--ywraq_layout_button_bg_color_hover) !important;
color: var(--ywraq_layout_button_color_hover) !important;
border: 1px solid var(--ywraq_layout_button_border_color_hover) !important;
} ul.yith-ywraq-list li {
position: relative;
padding-left: 2em;
position: relative;
padding-top: 0;
padding-bottom: 0px;
display: flex !important;
}
ul.yith-ywraq-list li a {
display: block;
font-weight: 700;
}
ul.yith-ywraq-list a.yith-ywraq-item-remove.remove {
position: absolute;
top: 0;
left: 0;
}
ul.yith-ywraq-list img {
display: inline-block;
float: right;
margin-left: 4px;
width: 32px;
height: auto;
box-shadow: none;
}
ul.yith-ywraq-list .yith-ywraq-list-info .quantity {
display: block;
}
.woocommerce.ywraq-wrapper .cart a.button.wc-backward {
float: left;
}
.woocommerce.ywraq-wrapper .cart input.button.btn.btn-default {
float: right;
}
.payment_method_yith-request-a-quote {
display: none;
} .widget_ywraq_mini_list_quote {
position: relative;
padding: 0;
display: inline-block;
margin: 25px 0;
vertical-align: top;
z-index: 10;
}
.widget_ywraq_mini_list_quote .raq-info {
display: block;
margin: 2px;
padding: 10px 12px;
color: #000;
font-size: 16px;
border: 1px solid #efefef;
cursor: pointer;
}
.widget_ywraq_mini_list_quote .yith-ywraq-list-wrapper {
position: absolute;
left: 0;
left: auto;
margin-right: -1px;
bottom: -12px;
width: 300px;
padding-top: 15px;
}
.widget_ywraq_mini_list_quote .yith-ywraq-list-content {
position: absolute;
min-width: 280px;
box-shadow: 3px 0 15px rgb(0 0 0 / 15%);
right: 0;
padding: 15px;
background: var(--proteo-header_bg_color, #ffffff);
border-radius: 5px;
top: calc(100%);
opacity: 0;
visibility: hidden;
transition: opacity ease .3s;
font-size: 16px;
}
.widget_ywraq_list_quote ul.yith-ywraq-list li .quantity, .widget_ywraq_mini_list_quote ul.yith-ywraq-list li .quantity {
display: block;
}
.widget_ywraq_mini_list_quote .yith-ywraq-list-content:before {
content: "";
display: block;
width: 50px;
height: 15px;
top: -15px;
position: absolute;
right: 0
}
.widget_ywraq_mini_list_quote .yith-ywraq-list {
margin-bottom: 15px;
}
.widget_ywraq_mini_list_quote .yith-ywraq-list-content.scrollbar-outer {
overflow-y: scroll;
}
.widget_ywraq_mini_list_quote .yith-ywraq-list-content ul li {
position: relative;
border-bottom: 1px solid;
padding: 2px 0 15px 23px;
clear: both;
display: flex !important;
align-items: flex-start;
}
.yith-ywraq-list-item-product-info {
font-size: 0.9em;
}
.widget_ywraq_mini_list_quote img.ywraq-custom-icon {
max-width: 50px;
}
body.theme-yith-proteo section.widget_ywraq_mini_list_quote .yith-ywraq-list-wrapper {
position: absolute;
min-width: 280px;
box-shadow: 3px 0 15px rgb(0 0 0 / 15%);
right: 0;
padding: 15px;
background: var(--proteo-header_bg_color, #ffffff);
border-radius: 5px;
top: calc(100%);
opacity: 0;
visibility: hidden;
transition: all ease .3s;
font-size: 16px;
margin: 0;
bottom: auto;
width: auto;
pointer-events: none;
}
body.theme-yith-proteo section.widget_ywraq_mini_list_quote:hover .yith-ywraq-list-wrapper {
top: calc(100% + 15px);
opacity: 1;
visibility: visible;
z-index: 10;
pointer-events: auto;
}
body.theme-yith-proteo .widget_ywraq_mini_list_quote .yith-ywraq-list-content {
position: static;
box-shadow: none;
background: none;
margin: 0;
padding: 0;
transition: none;
border-radius: 0;
min-width: auto;
z-index: auto;
}
body.theme-yith-proteo .widget_ywraq_mini_list_quote .yith-ywraq-list-wrapper:before {
content: "";
display: block;
width: 100%;
height: 15px;
top: -15px;
position: absolute;
right: 0;
}
body.theme-yith-proteo .widget_ywraq_mini_list_quote .yith-ywraq-list-content:before {
display: none;
}
body.theme-yith-proteo .widget_ywraq_mini_list_quote ul.yith-ywraq-list li.no-product {
padding: 15px 0;
}
.theme-yith-proteo #ywraq_cart_quote,
.theme-yith-proteo #ywraq_checkout_quote {
width: 100%;
text-transform: uppercase;
font-size: 1.25rem;
padding: 1.25rem;
vertical-align: middle;
}
@media only screen
and (min-width: 1024px) {
body.theme-yith-wonder .widget_ywraq_mini_list_quote:hover .yith-ywraq-list-wrapper {
min-height: 250px;
top: 40px;
}
body.theme-yith-wonder .widget_ywraq_mini_list_quote .yith-ywraq-list-wrapper {
left: -200px;
}
body.theme-yith-wonder .widget_ywraq_mini_list_quote:hover .yith-ywraq-list-content {
top: 30px;
}
body.theme-yith-wonder .widget.woocommerce.widget_ywraq_mini_list_quote:hover .yith-ywraq-list-wrapper .yith-ywraq-list-content * {
pointer-events: all !important;
}
}
@media ( min-width: 769px ) {
.widget_ywraq_mini_list_quote:hover .yith-ywraq-list-content {
top: calc(100% + 15px);
opacity: 1;
visibility: visible;
z-index: 10;
}
}
.widget_ywraq_mini_list_quote ul.yith-ywraq-list {
position: relative;
max-height: 30vh;
overflow-y: scroll;
}
.widget_ywraq_mini_list_quote ul.yith-ywraq-list::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
.widget_ywraq_mini_list_quote ul.yith-ywraq-list::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .3);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.widget_ywraq_mini_list_quote .raq-items-number {
font-weight: bold;
}
.ywraq-select2 {
z-index: 111111111 !important;
}
#ywraq_checkout_quote {
margin-bottom: 20px;
text-align: center;
}
a#ywraq_checkout_quote {
padding: 20px 0;
display: block;
}
.mobile-price {
display: none;
}
.raq-totals {
text-align: right;
padding: 15px 15px !important;
}
#yith-ywraq-form table {
margin-top: 10px;
margin-bottom: 10px;
}
#yith-ywraq-form .update-list-wrapper {
text-align: right;
margin-bottom: 30px;
}
#yith-ywraq-form .update-list-wrapper .after-table-right {
display: flex;
}
#yith-ywraq-form .update-list-wrapper .after-table-right .button {
margin-bottom: 0;
}
@media screen and (max-width: 768px) { .ywraq_responsive thead {
display: none;
}
.mobile-price {
display: block;
}
.ywraq_responsive .product-quantity {
text-align: right;
}
.ywraq_responsive .product-subtotal,
.ywraq_responsive .product-price {
display: none;
}
table.shop_table.ywraq_responsive tbody tr td {
border: 0;
}
#yith-ywraq-form .actions a {
text-align: center;
}
.ywraq_responsive .raq-totals {
text-align: right;
padding: 15px 15px !important;
}
.ywraq_responsive .product-name {
font-weight: 600;
font-size: 0.8rem;
}
.ywraq_responsive .product-name span {
font-weight: normal;
color: #a7a7a7;
font-size: 0.9rem;
}
table.shop_table.ywraq_responsive .product-remove {
max-width: 20px;
padding: 10px;
}
table.shop_table.ywraq_responsive tbody tr td.actions {
padding: 0;
}
} .yith-ywraq-list-widget-wrapper .yith-ywraq-list-wrapper ul li.yith-ywraq-list-item .ywcp_component_child_item {
margin-left: 10px;
margin-top: 5px;
position: relative;
}
.yith-ywraq-list-widget-wrapper .yith-ywraq-list-wrapper ul li.yith-ywraq-list-item .ywcp_component_child_item strong,
.yith-ywraq-list-widget-wrapper .yith-ywraq-list-wrapper ul li.yith-ywraq-list-item .ywcp_component_child_item a {
display: block;
max-width: 180px;
}
.yith-ywraq-list-widget-wrapper .yith-ywraq-list-wrapper ul li.yith-ywraq-list-item .ywcp_component_child_item span.product-quantity {
position: absolute;
top: 10px;
right: 2px;
}
.ywraq-mobile-opened.widget_ywraq_mini_list_quote {
position: inherit;
}
.ywraq-mobile-opened ul.yith-ywraq-list {
height: auto;
max-height: 60vh;
padding: 30px;
}
.yith-ywraq-list-wrapper .close {
display: none;
}
.ywraq-mobile-opened .yith-ywraq-list-wrapper .close {
width: 30px;
height: 30px;
font-size: 20px;
color: #707070;
position: absolute;
top: -50px;
right: 50px;
z-index: 10001;
display: block;
}
.ywraq-mobile-opened.widget_ywraq_mini_list_quote:hover .yith-ywraq-list-wrapper {
width: 100%;
}
.ywraq-mobile-opened.widget_ywraq_mini_list_quote:hover .yith-ywraq-list-content {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 180px;
opacity: 1;
z-index: 10000;
}
.ywraq-mobile-opened .items-count {
padding-left: 35px;
}
.ywraq-form-table-wrapper th.product-name {
text-align: left;
}
.yith_ywraq_add_item_browse_message a:after {
display: none;
} .ywraq-empty .ywraq-form-table-wrapper.wide {
display: grid;
overflow: hidden;
grid-template-columns: repeat(1, 1fr);
grid-auto-rows: 1fr;
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.ywraq-form-table-wrapper.wide .yith-ywraq-mail-form-wrapper {
flex-basis: 48%;
margin-left: 5%;
}
.ywraq-form-table-wrapper.wide form#yith-ywraq-form {
flex-basis: 48%;
}
.ywraq-form-table-wrapper.wide .nf-form-cont {
flex: 1;
}
.ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper {
padding: 25px;
}
.theme-yith-proteo .ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper {
background: #f5f5f5;
}
#yith-ywraq-form .update-list-wrapper {
display: flex;
align-items: center;
}
#yith-ywraq-form .update-list-wrapper input[type="submit"] {
margin-right: 0;
margin-top: 20px;
}
button#ywraq-list-to-pdf {
display: flex;
align-items: center;
background: #EDEDED;
border-color: #D1D1D1;
}
button#ywraq-list-to-pdf svg {
margin-left: -10px;
}
button#ywraq-list-to-pdf:hover {
filter: brightness(95%);
}
@media screen and (min-width: 1024px) {
.ywraq-with-form .ywraq-form-table-wrapper.wide {
display: grid;
overflow: hidden;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 1fr;
grid-column-gap: 5px;
grid-row-gap: 5px;
}
}
@media screen and (max-width: 1024px) {
.yith-ywraq-mail-form-wrapper {
margin-top: 30px;
}
} .ywraq-quote-icon-icon_quote:before {
font-size: 28px;
color: rgb(64, 64, 64);
}
.theme-yith-proteo #yith-ywraq-default-form .woocommerce-error.woocommerce-message {
box-shadow: none;
margin-top: 30px;
}
ul.products li.product img.ywraq-loader {
margin-top: -10px;
}
.theme-yith-proteo span.yith-proteo-myaccount-icons.ywraq-quote-icon-icon_quote:before {
font-size: 40px;
}
.theme-yith-proteo .widget_ywraq_mini_list_quote ul.yith-ywraq-list li a {
margin-bottom: 10px;
}
.theme-yith-proteo .ywraq-view-quote-wrapper table.shop_table tbody tr td.product-name a {
color: var(--proteo-general_link_color, #448a85);
}
.theme-yith-proteo .quotes-total a.button.accept {
border: 1px solid var(--proteo-general_link_color, #009E8D);
color: var(--proteo-general_link_color, #009E8D);
}
.theme-yith-proteo table.shop_table a.yith-ywraq-item-remove.remove {
text-decoration: none;
color: #c7c7c7;
display: inline-block;
vertical-align: middle;
font-size: 30px;
opacity: 1;
}
.theme-yith-proteo table.shop_table a.yith-ywraq-item-remove.remove:hover {
color: #32373c;
}
.theme-yith-proteo .entry-title-icon {
background: url(//www.datacom-networking.com/wp-content/plugins/yith-woocommerce-request-a-quote-premium/assets/icons/raq-thankyou.svg) no-repeat;
width: 50px;
display: block;
height: 50px;
margin: 0 auto;
}
.theme-yith-proteo button#ywraq-list-to-pdf {
color: var(--proteo-general_link_color, #448a85)
}
.ywraq-wrapper.ywraq-empty .ywraq-before-form,
.ywraq-wrapper.ywraq-with-form.ywraq-empty .ywraq-before-form {
padding: 30px;
border: 2px dashed #aaa;
height: 100%;
align-items: center;
text-align: center;
display: block;
}
.ywraq-form-table-wrapper.vertical .ywraq-before-form {
margin-bottom: 40px;
}
.ywraq-wrapper.ywraq-with-form .ywraq-before-form {
display: none;
}
.ywraq-before-form:before {
content: '';
text-align: center;
width: 100%;
background: url(//www.datacom-networking.com/wp-content/plugins/yith-woocommerce-request-a-quote-premium/assets/icons/empty-quote.svg) no-repeat center center;
width: 130px;
height: 130px;
display: block;
margin: 0 auto;
margin-top: 40px;
}
.ywraq-wrapper .ywraq-before-form.ywraq-no-border {
border: 0;
text-align: left;
}
.ywraq-wrapper .ywraq-before-form.ywraq-no-border:before {
display: none;
}
.yith-ywraq-mail-form-wrapper .form-row {
padding: 0px 15px;
margin-bottom: 1.5em;
}
.yith-ywraq-mail-form-wrapper .form-row.form-row-wide {
padding-top: 15px;
}
@media (max-width: 768px) {
.ywraq-form-table-wrapper.wide {
display: block;
}
.ywraq-form-table-wrapper.wide .yith-ywraq-mail-form-wrapper {
margin-left: 0;
}
.form-row.form-row-first,
.form-row.form-row-last {
width: 100%;
}
.form-row {
margin-bottom: 20px
}
.ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper .raq-send-request-row {
text-align: center;
}
.woocommerce-cart .hentry,
.woocommerce-checkout .hentry {
border-bottom: 0;
padding-bottom: 0;
}
.page-template-template-fullwidth-php table.cart .product-thumbnail {
display: table-cell;
}
.page-template-template-fullwidth-php table.cart thead {
font-size: 1em;
text-indent: 0;
}
.widget_ywraq_mini_list_quote .yith-ywraq-list-wrapper {
top: 60px;
} .theme-yith-proteo .header-sidebar .widget_ywraq_mini_list_quote {
text-align: right;
display: block;
padding: 0;
margin: -17px auto 0 auto;
}
.theme-yith-proteo .header-sidebar .widget_ywraq_mini_list_quote {
margin: -10px -10px 0 auto;
}
body.theme-yith-proteo section.widget_ywraq_mini_list_quote.ywraq-mobile-quote .yith-ywraq-list-wrapper {
display: none;
}
body.theme-yith-proteo section.widget_ywraq_mini_list_quote.ywraq-mobile-opened .yith-ywraq-list-wrapper {
top: 0;
left: 0;
height: 100vh;
z-index: 999;
display: block;
}
body.theme-yith-proteo .ywraq-mobile-opened.widget_ywraq_mini_list_quote:hover .yith-ywraq-list-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 50px;
opacity: 1;
z-index: 10000;
}
body.theme-yith-proteo .widget_ywraq_mini_list_quote .items-count {
margin-left: 30px;
}
body.theme-yith-proteo .ywraq-mobile-opened ul.yith-ywraq-list {
padding-top: 0;
}
.theme-yith-proteo .widget_ywraq_mini_list_quote.ywraq-mobile-opened .yith-ywraq-list-wrapper .button,
.theme-yith-proteo .widget_ywraq_mini_list_quote.ywraq-mobile-opened .yith-ywraq-list-content .button {
width: 100%;
border-radius: 0;
padding: 20px;
font-size: 1em;
font-weight: 400;
margin-top: 50px;
}
body.theme-yith-proteo.ywraq-mobile-block-body {
overflow: hidden;
position: fixed;
height: 100vh;
}
body.theme-yith-proteo.admin-bar.ywraq-mobile-block-body #wpadminbar {
display: none;
}
.theme-yith-proteo .ywraq-mobile-opened .yith-ywraq-list-wrapper .close {
top: 10px;
right: 20px;
}
.theme-yith-proteo .header-sidebar .widget_ywraq_mini_list_quote span.ywraq-quote-icon-icon_quote:before {
font-size: 20px;
}
.theme-yith-proteo .widget_ywraq_mini_list_quote .yith-ywraq-list-content:after {
position: absolute;
right: 45px;
top: -13px;
width: 0;
height: 0;
content: '';
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 15px solid #fff;
z-index: 2000;
}
.theme-yith-proteo .widget_ywraq_mini_list_quote p.items-count {
font-size: 16px;
}
}
@media (max-width: 600px) {
.theme-yith-proteo .widget_ywraq_mini_list_quote.ywraq-mobile-opened .yith-ywraq-list-wrapper .button,
.theme-yith-proteo .widget_ywraq_mini_list_quote.ywraq-mobile-opened .yith-ywraq-list-content .button {
position: fixed;
bottom: 0;
}
}
@media (max-width: 426px) {
.theme-yith-proteo .widget_ywraq_mini_list_quote .yith-ywraq-list-wrapper {
width: 100%;
}
} .widget.woocommerce.widget_ywraq_mini_list_quote.ywraq-mobile-quote.ywraq-mobile-opened .yith-ywraq-list-wrapper .yith-ywraq-list-content {
pointer-events: all !important;
opacity: 1;
visibility: visible;
} .ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
} .ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0); }
.ui-front {
z-index: 100;
}
.ywraq-reject-confirm button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
background: none;
border: 0;
}
.ywraq-reject-confirm span#ui-id-1 {
font-size: 20px;
}
#ywraq-reject-confirm button.button {
width: 100%;
text-transform: uppercase;
font-size: 13px;
margin-top: 10px;
padding: 15px;
border-radius: 15px;
} .ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}  .ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
} .ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
} input.ui-button.ui-button-icon-only {
text-indent: 0;
} .ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -39px;
margin-left: 5px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}  input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
} .ui-controlgroup-vertical .ui-spinner-input { width: 75%;
width: calc(100% - 2.4em);
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ywraq-quote-on-cart .ui-corner-all {
background: none;
border: none;
}
.ywraq-quote-on-cart .ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ywraq-quote-on-cart .ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
}
.ywraq-quote-on-cart .ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -39px;
margin-left: 5px;
}
.ywraq-quote-on-cart.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
padding: 25px;
border-radius: 10px;
}
.ywraq-quote-on-cart.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ywraq-quote-on-cart .ui-widget-header {
border: 1px solid #fff;
background: #fff;
color: #333333;
font-weight: bold;
}
.ywraq-quote-on-cart .ui-icon {
width: 30px;
height: 30px;
}
.ywraq-quote-on-cart .ui-icon,
.ywraq-quote-on-cart .ui-widget-content .ui-icon.ui-icon-closethick {
background-image: url(//www.datacom-networking.com/wp-content/plugins/yith-woocommerce-request-a-quote-premium/assets/icons/ic_close.svg) !important;
background-repeat: no-repeat !important;
}
.ywraq-quote-on-cart .ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se {
display: none !important;
} .ywraq-quote-on-cart-wrapper.error {
color: red;
font-size: 13px;
} .ywraq-quote-on-cart .ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30); }
.ywraq-quote-on-cart .ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
} .ywraq-quote-on-cart .ui-corner-all,
.ywraq-quote-on-cart .ui-corner-top,
.ywraq-quote-on-cart .ui-corner-left,
.ywraq-quote-on-cart .ui-corner-tl {
border-radius: 14px;
} .ui-widget-overlay {
background: #1e1e1e;
opacity: .7;
filter: Alpha(Opacity=70); }
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
} li.wp-block-post.type-product .yith-ywraq-add-to-quote {
text-align: center;
margin: 0 auto;
}
.wp-block-group.product .yith_ywraq_add_item_response_message{
margin-top: 10px;
}
.ywraq-ask-for-a-quote-on-block button{
font-size: 1.125rem;
padding: 1rem 2rem;
cursor: pointer;
} @media only screen
and (max-width: 640px) {
body.theme-yith-proteo .container.header-contents.right-toggle {
display: flex;
}
body.theme-yith-proteo .container.header-contents.right-toggle {
display: flex;
flex-direction: row;
align-content: center;
justify-content: space-between;
}
}