.elementor-455 .elementor-element.elementor-element-7dc86d3 > .elementor-container{min-height:400px;}.elementor-455 .elementor-element.elementor-element-7dc86d3:not(.elementor-motion-effects-element-type-background), .elementor-455 .elementor-element.elementor-element-7dc86d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://raynetwork.id/wp-content/uploads/2023/09/Fiber-Optic-Header.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-455 .elementor-element.elementor-element-7dc86d3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-455 .elementor-element.elementor-element-7dc86d3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-455 .elementor-element.elementor-element-b878876 .elementor-spacer-inner{height:50px;}.elementor-455 .elementor-element.elementor-element-1783c0e{color:#0E0D0D;}.elementor-455 .elementor-element.elementor-element-0841616{color:#0E0D0D;}.elementor-455 .elementor-element.elementor-element-ab376cb.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-455 .elementor-element.elementor-element-eaa6c70{text-align:center;}.elementor-455 .elementor-element.elementor-element-eaa6c70 .elementor-heading-title{color:#003399;font-family:"Big Shoulders Text", Sans-serif;font-size:34px;font-weight:700;}.elementor-455 .elementor-element.elementor-element-23fdd44 article{background-color:#02010100;}.elementor-455 .elementor-element.elementor-element-23fdd44 article:hover{background-color:#02010100;}.elementor-455 .elementor-element.elementor-element-23fdd44 .description-under-image .post-thumbnail-wrap .post-thumbnail img, .elementor-455 .elementor-element.elementor-element-23fdd44 .description-on-hover article .post-thumbnail img{opacity:100%;} .elementor-455 .elementor-element.elementor-element-23fdd44 .description-under-image .post-thumbnail-wrap .post-thumbnail > .post-thumbnail-rollover:after, .elementor-455 .elementor-element.elementor-element-23fdd44 .gradient-overlap-layout-list article .post-thumbnail > .post-thumbnail-rollover:after, .elementor-455 .elementor-element.elementor-element-23fdd44 .description-on-hover article .post-thumbnail > .post-thumbnail-rollover:after {background:#02010100;transition:opacity 0.25s;background-color:transparent;background-image:linear-gradient(180deg, #02010100 0%, #F2295B00 100%);}.elementor-455 .elementor-element.elementor-element-23fdd44 .description-under-image .post-thumbnail-wrap .post-thumbnail > .post-thumbnail-rollover:before, .elementor-455 .elementor-element.elementor-element-23fdd44 .gradient-overlap-layout-list article .post-thumbnail > .post-thumbnail-rollover:before, .elementor-455 .elementor-element.elementor-element-23fdd44 .description-on-hover article .post-thumbnail > .post-thumbnail-rollover:before{transition:opacity 0.25s;}.elementor-455 .elementor-element.elementor-element-23fdd44 .post-thumbnail:hover > .post-thumbnail-rollover:before, .elementor-455 .elementor-element.elementor-element-23fdd44 .post-thumbnail:not(:hover) > .post-thumbnail-rollover:after {transition-delay:0.15s;}.elementor-455 .elementor-element.elementor-element-23fdd44 .description-under-image .post-thumbnail-wrap:hover .post-thumbnail img, .elementor-455 .elementor-element.elementor-element-23fdd44 .description-on-hover article:hover .post-thumbnail img{opacity:100%;}.elementor-455 .elementor-element.elementor-element-23fdd44 .description-under-image .post-entry-content{align-self:flex-start;}.elementor-455 .elementor-element.elementor-element-23fdd44 .description-on-hover .post-entry-content .post-entry-body{align-self:flex-start;}.elementor-455 .elementor-element.elementor-element-23fdd44 .description-on-hover .post-entry-content .project-links-container{justify-content:flex-start;}.elementor-455 .elementor-element.elementor-element-23fdd44 .post-entry-content{text-align:left;}#page .elementor-455 .elementor-element.elementor-element-23fdd44 article:not(.keep-custom-css) .entry-title a{color:#1B3A7C;}#page .elementor-455 .elementor-element.elementor-element-23fdd44 article:not(.keep-custom-css) .entry-title a:hover{color:#1B3A7C;}.elementor-455 .elementor-element.elementor-element-23fdd44 .entry-meta .meta-item:not(:first-child):before{content:"•";}.elementor-455 .elementor-element.elementor-element-23fdd44 .entry-meta, .elementor-455 .elementor-element.elementor-element-23fdd44 .entry-meta > span{font-size:16px;}.elementor-455 .elementor-element.elementor-element-23fdd44 .filter{justify-content:center;}.elementor-455 .elementor-element.elementor-element-23fdd44 .filter .filter-categories{justify-content:center;}.elementor-455 .elementor-element.elementor-element-23fdd44 .filter .filter-extras{justify-content:center;}.elementor-455 .elementor-element.elementor-element-23fdd44 .paginator{justify-content:center;}.the7_elements-23fdd44.portfolio-shortcode.dt-icon-hover-off .project-links-container > a:hover:before { opacity: 1;}.the7_elements-23fdd44.portfolio-shortcode.dt-icon-hover-off .project-links-container > a:after { display: none;}.the7_elements-23fdd44.portfolio-shortcode .post-details i { margin: 0px;}@media screen and (max-width: 1024px) { #main .the7_elements-23fdd44.portfolio-shortcode .filter-extras { display: block; } #main .the7_elements-23fdd44.portfolio-shortcode .filter-extras .filter-by, #main .the7_elements-23fdd44.portfolio-shortcode .filter-extras .filter-sorting { display: none; }}@media screen and (max-width: 767px) { #main .the7_elements-23fdd44.portfolio-shortcode .filter-extras { display: block; } #main .the7_elements-23fdd44.portfolio-shortcode .filter-extras .filter-by, #main .the7_elements-23fdd44.portfolio-shortcode .filter-extras .filter-sorting { display: none; }}.the7_elements-23fdd44.portfolio-shortcode.dividers-on.classic-layout-list article { margin-top: ; padding-top: 0; border-color: ;}.the7_elements-23fdd44.portfolio-shortcode.dividers-on.classic-layout-list article:first-of-type { margin-top: 0; padding-top: 0;}.the7_elements-23fdd44.portfolio-shortcode.classic-layout-list.mode-list .post-thumbnail-wrap { width: ;}.the7_elements-23fdd44.portfolio-shortcode.classic-layout-list.mode-list .post-entry-content { width: calc(100% - );}.the7_elements-23fdd44.portfolio-shortcode.classic-layout-list.mode-list .no-img .post-entry-content { width: 100%;}.the7_elements-23fdd44.portfolio-shortcode.description-on-hover article { overflow: hidden;}.the7_elements-23fdd44.portfolio-shortcode article { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.the7_elements-23fdd44.portfolio-shortcode article .post-entry-content { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.the7_elements-23fdd44.portfolio-shortcode:not(.mode-masonry) article { margin-top: ;}.the7_elements-23fdd44.portfolio-shortcode:not(.mode-masonry) article:first-of-type,.the7_elements-23fdd44.portfolio-shortcode:not(.mode-masonry) article.visible.first { margin-top: 0;}.the7_elements-23fdd44.portfolio-shortcode.dividers-on:not(.mode-masonry) article { margin-top: 0; padding-top: ;}.the7_elements-23fdd44.portfolio-shortcode.dividers-on:not(.mode-masonry) article:first-of-type,.the7_elements-23fdd44.portfolio-shortcode.dividers-on:not(.mode-masonry) article.visible.first { margin-top: 0; padding-top: 0;}.the7_elements-23fdd44.portfolio-shortcode:not(.content-bg-on) .no-img .post-entry-content { padding: 0;}.the7_elements-23fdd44.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid { grid-row-gap: 26px; grid-column-gap: 26px; grid-template-columns: repeat(auto-fill,minmax(0px,1fr));}.the7_elements-23fdd44.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid .double-width { grid-column: span 2;}.cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid,.no-cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid { display: flex; flex-flow: row wrap; margin: -13px;}.cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid .wf-cell,.no-cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid .wf-cell { flex: 1 0 0px; min-width: 0px; max-width: 100%; padding: 13px; box-sizing: border-box;}.the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(4,1fr); grid-template-rows: auto; grid-column-gap: 26px; grid-row-gap: 26px;}.the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .double-width { grid-column: span 2;}.cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid { margin: -13px;}.cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 25%; padding: 13px;}.cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(25%) * 2;}@media screen and (max-width: 1439px) { .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(4,1fr); } .cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell, .no-cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 25%; } .cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width, .no-cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(25%)*2; }}@media screen and (max-width: 1024px) { .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(3,1fr); } .cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell, .no-cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 33.333333333333%; } .cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width, .no-cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(33.333333333333%)*2; }}@media screen and (max-width: 767px) { .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(2,1fr); } .cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell, .no-cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 50%; } .cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width, .no-cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(50%)*2; }}@media screen and (min-width: 1141px) { .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(5,1fr); } .cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell, .no-cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 20%; } .cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width, .no-cssgridlegacy.no-cssgrid .the7_elements-23fdd44.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(20%)*2; }}