/* Theme Name: darkviolet-armadillo-412415.hostingersite.com Author: vivax Description: darkviolet-armadillo-412415.hostingersite.com website. Version: 2.1.2 Text Domain: shapely Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Asides ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Lato'); html { font-family: Arial; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } #training_center_slider .sow-slider-image-wrapper .textwidget > div + div + div > div > div + p + div + div + div { width: 100%; position: relative; background: transparent; display: block !important; padding: 0 30px; text-align: center !important; } .training_center_section_gallery p { display: none; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { padding: 1em; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .brochure_section_main em { font-style: normal; } /*News page start*/ .news_detail_inner article { display: flex; margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: 1px solid #ddd; } .news_detail_inner hr { display: none; } .news_detail_inner header.entry-header { float: left; width: 42%; } .news_content_main { float: left; width: 58%; padding: 0 0 0 40px; } .post-content .news_content_main h2.post-title { margin: 0 0 20px 0; } .news_detail_inner header.entry-header a { height: 100%; } .news_detail_inner header.entry-header a img { height: 100%; object-fit: cover; } .row.news_detail_inner { margin: 0; } .row.news_detail_inner:last-child article { border: none; padding: 0; margin: 0; } .news_listing_sidebar { float: left; width: 100%; margin: 0 0 50px 0; } .news_listing_sidebar aside#secondary { width: 100%; } .news_listing_sidebar aside#secondary h2 { margin: 0 0 20px 0; } .news_listing_sidebar aside#secondary ul { margin: 0; } .news_listing_sidebar aside#secondary li { float: left; width: auto; margin: 0 15px 0 0; padding: 0 15px 0 0; position: relative; } .news_listing_sidebar aside#secondary li:after { content: ''; position: absolute; right: 0; top: 50%; height: 16px; background: #000; width: 1px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .news_listing_sidebar aside#secondary li:last-child { margin: 0; padding: 0; } .news_listing_sidebar aside#secondary li:last-child:after { display: none; } button.subscribe_anchor { display: inline-block; transition: 0.4s ease all; background: #CDCED0; padding: 10px 22px; margin: 0 0 0 10px; border: none; line-height: 20px; font-weight: bold; border-radius: 4px; } .vivax_news a.viewMoreProduct { border-radius: 5px; } button.subscribe_anchor:hover { background: #d7d7d8; } .subscribe_news h5 { float: left; width: 100%; text-align: center; } .subscribe_news button.close { position: absolute; right: 10px; top: 16px; } .subscribe_news label br { display: none; } .subscribe_news input { float: left; width: 100%; margin: 0 !important; height: auto !important; padding: 10px 20px !important; } .subscribe_news label { width: 100%; margin: 0; } .subscribe_news form { float: left; width: 100%; } .subscribe_news .modal-body { float: left; width: 100%; } .subscribe_news .modal-content { float: left; width: 100%; } .subscribe_news .modal-dialog {width: 450px;} .subscribe_news input[type="submit"] { float: left; width: 100%; height: auto !important; padding: 12px 0 !important; font-size: 16px; border: none; transition: 0.4s ease all; line-height: inherit; } .subscribe_news input[type="submit"]:hover { background: #333333; } div#comments { display: none; } .row.single_news_main {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} button.subscribe_anchor.subscribe_anchor_newsdetail { background: #ffc425; margin: 0 0 40px 0; } button.subscribe_anchor.subscribe_anchor_newsdetail:hover{ background: #000000; color:#fff;} .news_listing .panel-grid { float: left; width: 100%; } .news_listing .entry-content { float: left; width: 100%; } .post-content .news_content_main h2.post-title a { font-weight: 600; } .news_detail_postmain { float: left; width: 100%; margin: 0 0 30px 0; } .news_detail_postmain h3 { margin: 0 0 15px 0; } .news_detail_postmain p { float: left; width: auto; margin: 0; color: #a8a8a8; } .news_detail_postmain.news_detail_postmain_mobile { display: none; } .single_news_left header.entry-header { display: inline-block; width: 100%; } .single_news_left p { margin: 0; } .news_detail_postmain .entry-meta-cus { float: left; width: auto; } .news_detail_postmain .entry-meta-cus ul.post-meta-cus { margin: 0 0 0 20px; padding: 0 0 0 20px; float: left; width: auto; border-left: 1px solid #ddd; } .news_detail_postmain .entry-meta-cus li { list-style-type: none; float: left; margin: 0 0 0 0; } .news_detail_postmain .entry-meta-cus li span.news_terms { padding: 0; float: left; margin: 0 10px 0 0; } .news_detail_postmain .entry-meta-cus li span.news_terms a { font-size: 18px; font-weight: normal; } .subscribe_pro_reg label { float: left; width: auto; padding: 0 0 0 37px; position: relative; } .subscribe_pro_reg label:before { content: ''; display: block; position: absolute; top: 0; bottom: 10px; left: 0; width: 25px; border: 2px solid #d6d6d6; transition: background-color .2s; height: 25px; background: #fff; } .subscribe_pro_reg input.checkbox_check { position: absolute; margin: 0; left: 0; top: 0; width: 25px; height: 25px; z-index: 99; opacity: 0; cursor: pointer; } .subscribe_pro_reg { float: left; width: 100%; position: relative; margin: 0 0 10px 0; } .subscribe_pro_reg label:after { content: "\f00c"; display: none; position: absolute; top: 0; bottom: 10px; left: 0; width: 25px; border: 2px solid #d6d6d6; transition: background-color .2s; height: 25px; font: normal normal normal 14px/1 FontAwesome; font-size: 17px; text-align: center; line-height: 20px; color: #ffc425; } .subscribe_pro_reg input.checkbox_check:checked + label:after { display: block; } .subscribe_pro_reg h6 { float: left; width: 100%; line-height: 18px; margin: 6px 0 0 0; } .setup-content .subscribe_service_center label { float: left; width: auto; padding: 0 0 0 37px; position: relative; } .subscribe_service_center label:before { content: ''; display: block; position: absolute; top: 0; bottom: 10px; left: 0; width: 25px; border: 2px solid #d6d6d6; transition: background-color .2s; height: 25px; background: #fff; } .subscribe_service_center input.checkbox_check { position: absolute; margin: 0; left: 0; top: 0; width: 25px; height: 25px; z-index: 99; opacity: 0; cursor: pointer; } .subscribe_service_center { padding: 0 25px; float: left; width: 100%; position: relative; margin: 0 0 10px 0; } .subscribe_service_center label:after { content: "\f00c"; display: none; position: absolute; top: 0; bottom: 10px; left: 0; width: 25px; border: 2px solid #d6d6d6; transition: background-color .2s; height: 25px; font: normal normal normal 14px/1 FontAwesome; font-size: 17px; text-align: center; line-height: 20px; color: #ffc425; } .subscribe_service_center input.checkbox_check:checked + label:after { display: block; } .subscribe_service_center h6 { float: left; width: 100%; line-height: 18px; margin: 6px 0 0 0; } /**/ /**********Knowledge Base*******************/ .knowl_detail_sidebar ul li.active a { background: #F5B836; } .search_section_main { display: inline-block; width: 100%; padding: 15px 0 25px 0; } .training_know_slider img { float: left; width: 100%; } .search_section_inuput { float: left; width: 100%; } .faq_know #wpsm_accordion_578.wpsm_panel-group .wpsm_panel:nth-child(9) ~ div{display:none;} .faq_know_inner h3 { display: none !important; } .faq_know_inner { float: left; width: 100%; margin: 49px 0 0 0; } .training_viewmore{float:left; width:100%;padding: 0 0 0 60px;} .faq_viewmore{float:left; width:100%;padding:0 0 0 15px;} .training_viewmore a { float: left; width: auto; background: #F4CC14; margin: 40px 0 0 0; padding: 8px 55px; border-radius: 6px; } .faq_viewmore a { float: left; width: auto; background: #F4CC14; padding: 8px 55px; border-radius: 6px; } .pro_news_slider_main h4 span { float: left; width: 100%; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .faq_know .training_know_heading { margin: 0; } .search_section_inuput input[type="text"] { border: 2px solid #D8D9DB; font-weight:bold; background: #f2f2f2; border-radius: 7px; float: left; width: 100%; color: #333; font-size: 19px; padding: 13px 40px 13px 58px; height: auto; } .training_know_thumbslider .slick-slide img { height: 82px; object-fit: cover; } .search_section_inuput input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #DBDBDC; } .search_section_inuput input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #DBDBDC; } .search_section_inuput input[type="text"]:-ms-input-placeholder { /* IE 10+ */ color: #DBDBDC; } .search_section_inuput input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #DBDBDC; } .search_result_content ol { margin: 0; padding: 0 0 0 20px; float: left; width: 100%; } .search_result_section.search-result-div { position: relative; } .search_result_section.search-result-div .search_result_section_inner { display: flex; } .search_result_section.search-result-div a { position: absolute; bottom: 0; left: 15px; } .search_result_section.search-result-div .search_result_content { position: relative; } .search_result_content ul { float: left; width: 100%; padding: 10px 0 10px 15px; margin: 0; } .search_result_content ul li { float: left; width: 100%; font-size: 18px; line-height: 25px; } .search_result_content{ font-size: 18px;} .knowl_detail_main { display: inline-block; width: 100%; padding: 50px 0 60px 0; position: relative; } .search_result_section { float: left; width: 100%; text-align:left;} div div#loadMore{display:inline-block; float:none; font-style: normal;} .search_result_section_inner { float: left; width: 100%; margin: 0 0 20px 0; border-bottom: 1px solid #ddd; padding: 0 0 20px 0; text-align:left;} .search_result_section_inner:last-child{border:none; padding:0;} .search_result_image { float: left; width: 15%; } .search_result_image img { float: left; width: 100%; height: 170px; object-fit: cover; } .search_result_content { float: left; width: 85%; padding: 0 0 0 15px; } .search_result_content h3 { float: left; width: 100%; font-size: 20px; margin: 0 0 10px 0; color: #3370B8; line-height: 28px; } .search_result_content p { float: left; width: 100%; margin: 0; font-size: 18px; line-height: 25px; } .search_result_content span { float: left; width: 100%; font-size: 22px; color: #bbb; margin: 5px 0 10px 0; } .search_result_content a { transition:.4s ease all; float: left; width: auto; background: #F5B836; padding: 6px 10px; font-size: 18px; border-radius: 4px; } .search_result_content a:hover{background: #efb02b;} .knowl_detail_main:after {content: '';position: absolute;top: -30px;height: 20px;width: 100%;left: 0;box-shadow: 0 20px 22px 0 rgb(0 0 0 / 5%);} .knowl_detail_heading { float: left; width: 100%; padding:0 15px;} .knowl_detail_heading h2 { float: left; width: auto; margin: 0; } .knowl_detail_heading h2::after { display: none; } .knowl_detail_heading p { float: left; margin: 14px 0 0 40px; font-size: 25px; width: auto; color: #bbb; } .knowl_detail_section { float: left; width: 100%; margin: 40px 0 0 0; padding:0 15px;} .knowl_detail_sidebar { float: left; width: 100%; padding: 0 30px 0 0; } .knowl_detail_sidebar ul { float: left; margin: 0; width: 100%; padding: 0; list-style-type: none; } .knowl_detail_sidebar ul li { float: left; width: 100%; border-bottom: 1px solid #F5B836; } .knowl_detail_sidebar ul li a { float: left; width: 100%; background: #F2F3F4; padding: 10px 17px; font-size: 18px; transition: 0.4s ease all; } .knowl_detail_sidebar ul li:last-child { border: none; } div.knowl_detail_sidebarmain { padding: 0; } .knowl_detail_sidebar ul li a:hover { background: #F5B836; } .knowl_detail_content{text-align:center;} .brochure_section_main { float: left; width: 100%; text-align:left;} .brochure_section_listing img { float: left; width: 100%; height: 240px; object-fit: contain; border: 1px solid #ddd;} .brochure_section_listing label { float: left; width: 100%; text-align: center; font-size: 13px; min-height: 50px; margin: 5px 0 11px 0; font-weight: normal; line-height: 19px;} .brochure_section_listing a { display: inline-block; width: auto; background: #F5B836; padding: 5px 60px; border-radius: 50px; font-size: 18px; } div.brochure_section_listing { text-align: center; margin: 0 0 30px 0;} .training_know_thumbslider { margin: 45px 0 0 0; } .training_know_thumbslider button.slick-arrow.slick-prev { font-size: 0; border: none; background-image: url('https://www.vivax-metrotech.com/wp-content/uploads/2021/08/tr_arrow.png'); height: 60px; width: 70px; opacity: 1; background-repeat: no-repeat; position: absolute; background-color: transparent; top: 18px; left: -48px; } .training_know_thumbslider button.slick-arrow.slick-next { font-size: 0; border: none; background-image: url(https://www.vivax-metrotech.com/wp-content/uploads/2021/08/tr_arrow.png); height: 60px; width: 70px; opacity: 1; background-repeat: no-repeat; position: absolute; background-color: transparent; top: 4px; right: -48px; transform: rotate(180deg); } .search_section_inuput img { position: absolute; left: 26px; top: 10px; width: 40px; pointer-events: none; } div.search_section_inner { padding-right: 0; } .search_section_button input[type="submit"] { float: left; width: 100%; font-size: 18px; text-transform: capitalize; letter-spacing: 0; height: auto; border: none; transition: 0.4s ease all; padding: 5px 0; border-radius: 7px !important; transition:0.4s ease all;} .search_section_button input[type="submit"]:hover{background:#f3d02d;} .download_cate_outer { display: inline-block; width: 100%; text-align: center; padding: 50px 0 0 0; position: relative; } h3.knowledge_subheadings { float: left; width: 100%; font-size: 30px; letter-spacing: 0; margin: 0 0 30px 0; text-align:center;} .download_cate_outer:after { content: ''; position: absolute; top: -30px; height: 20px; width: 100%; left: 0; box-shadow: 0 20px 22px 0 rgb(0 0 0 / 5%);} .download_cate_inner h4 { float: left; width: 100%; margin: 10px 0 0 0; font-size:20px;} div.download_cate_inner { margin: 0 0 70px 0; width:20%;} .pro_news_slider { display: inline-block; width: 100%; background:#EDEDED; padding: 50px 0 25px 0;} .pro_news_slider_inner button.slick-arrow { display:none !Important;} .pro_news_slider_main { float: left; width: 100%; padding:0 30px; margin:0 0 20px 0;} .pro_news_slider_main img { float: left; width: 100%; height: 300px; object-fit: cover; } .pro_news_slider_main h4 { float: left; background: #fff; width: 100%; font-weight: normal; padding: 30px 20px; margin:0; min-height: 120px;font-size:20px;} .pro_news_slider_inner .slick-list { float: left; width: 100%; } .pro_news_slider_inner ul.slick-dots { margin: 0; } .pro_news_slider_inner ul.slick-dots li { margin: 0 9px; vertical-align: top; } .pro_news_slider_inner ul.slick-dots li button {width: 47px;border-radius: 4px;height: 12px;display: inline-block;vertical-align: top;} .download_cate_outer h3.knowledge_subheadings { margin-bottom: 50px; } .training_know_left_inner { float: left; width: 100%; padding: 0 30px 0 60px;} .training_know_heading { display: inline-block; width: 100%; margin: 0 0 50px 0; } .training_know_heading img { float: left; width: auto; } .training_know_heading h3 { float: left; width: auto; clear: none; margin: 2px 0 0 15px; font-size: 30px; } .training_know_outer { display: inline-block; width: 100%; padding: 60px 0 60px 0; } .training_know_thumbslider .slick-slide { padding: 0 3px; } .faq_know .training_know_heading img { margin: 5px 0 0 0; } .faq_know .training_know_heading h3 { margin-top: 0; } .brochure_section_main > h3 { display: none !important; } .knowl_detail_content .pagination { margin:15px 0 15px 0; float: left; width: 100%; text-align: center; } .knowl_detail_content .pagination span.page-numbers.current { background: #f5b836; border-color: #f5b836; } .knowl_detail_content .pagination a, .knowl_detail_content .pagination span { width: 40px; height: 40px; line-height: 27px; font-size: 18px; font-weight: bold; color: #000; } .knowl_detail_content .pagination a:hover, .knowl_detail_content .pagination span:hover { background: #f5b836; border-color: #f5b836; } .knowl_detail_content .pagination span.page-numbers.dots { background: #f5b836; border-color: #f5b836; } .search_result_section_inner ul { padding: 0; } /*****************************/ /*New Changes*/ div.fancybox-caption{background: transparent; bottom: inherit; padding: 0; height: 480px; top: 50%; transform: translateY(-50%);} div.fancybox-caption .fancybox-caption__body { position: absolute; bottom: 0; width: 100%; text-align: center; } .fancybox-stage { height: 400px; transform: translateY(-50%) !important; -webkit-transform: translateY(-50%) !important; top: 50% !important; bottom: inherit !important;} .fancybox-stage .fancybox-slide { padding: 0 !important; } .fancybox-stage .fancybox-content { transform: none !important; position: relative !important; object-fit: contain !important; width: 660px !important; height: 400px !important; } .fancybox-stage .fancybox-content img.fancybox-image { position: relative; height: auto; } .fancybox-navigation { position: absolute; width: 800px; z-index:99999; top: 50%; left: 50%; transform: translate(-50%, -50%); } .fancybox-navigation .fancybox-button--arrow_left { left: 0 !important; } .fancybox-navigation .fancybox-button--arrow_right { right: 0 !important; } .fancybox-show-thumbs .fancybox-navigation { width: 1150px; } #overview_new ul li { font-size: 18px; } #overview_new ol li { font-size: 18px; } #about_outer h2::after{display:none;} .page-id-12521 .banner_top { display: none; } .page-id-13064 .banner_top { display: none; } .page-id-12521 .entry-header { display: none; } .page-id-13064 .entry-header { display: none; } div#industry_outer div > .panel-first-child { margin-bottom: 6px; } div#industry_outer { padding: 27px 0 30px 0 !important; } div#about_outer { padding: 27px 0 30px 0 !important; } div#industry_outer div .so-panel { margin-bottom: 0; } div#about_outer .so-panel { margin-bottom: 6px; } .page-id-12521 div#pg-12521-2 { float: left; width: 100vw; position: relative; left: calc(-50vw + 50%); margin-bottom:0;} .page-id-13064 div#pg-13064-2 { float: left; width: 100vw; position: relative; left: calc(-50vw + 50%); margin-bottom:0;} #featured_outer_main .carousel-slider-hero__cell__content { background: rgba(225, 173, 31, 0.90); text-align: left; padding: 30px; box-sizing: border-box; } #featured_outer_main .carousel-slider-hero__cell__heading{font-size:25px;color:#000;} #featured_outer_main .carousel-slider-hero__cell__description{font-size:16px; color:#000;} #featured_outer_main .carousel-slider-hero__cell__inner.carousel-slider--text-center { padding-left: 15px !important; text-align: left; justify-content: start; max-width: 1170px; margin: 0 auto; } #featured_outer_main a.button { background: #000; border-radius:5px !important; color: #ffca39; min-width: inherit; padding: 10px 16px; font-size: 14px; font-weight: bold; text-transform: capitalize; letter-spacing: 0; } #featured_outer_main a.button:hover{color:#fff; background:#333333;} #featured_outer_main .owl-dots { position: absolute; bottom: 15px; width: 100%; } #featured_outer_main .owl-dots span {margin:0 4px;} div#industry_outer { margin: 0 !important; width: 100% !important; } #primary{ width: 100%;} #about_outer .panel-grid-cell { width: 1170px; margin: 0 auto; padding: 0 15px !important; } div#industry_main_section_inner { position: relative; margin:0 0 35px 0;} #industry_main_section_inner .so-panel { position: static; margin: 0 !important; } div#industry_main_content { position: absolute; background: rgba(255, 196, 37,0.80); transition:0.5s ease all; height: 100%; left: 0; width: 100%; top: 0; padding: 15px; display: flex; align-items: center; opacity: 0; visibility: hidden;} #industry_main_section_inner:hover div#industry_main_content{opacity:1; visibility:visible;} div#industry_main_content img { margin: 0 0 10px 0; width: 60px; } div#industry_main_button { position: absolute; bottom: -34px; width: 100%; text-align: center; margin: 0; } div#industry_main_content a { background: #000; border-radius: 5px !important; color: #ffca39; min-width: inherit; padding: 4px 11px; font-size: 14px; float: left; font-weight: bold; text-transform: capitalize; letter-spacing: 0; margin: 10px 0 0 0; } #industry_main_button a { box-shadow:none; background: transparent; padding: 0; border: none; color: #000 !important; font-size: 20px; } #industry_main_button a span { font-weight: bold; } #industry_main_content .textwidget > div:nth-child(2), #industry_main_content .textwidget > div:nth-child(2) p { font-size: 15px; line-height: 20px; margin:0;} #industry_outer h2:after{display:none;} #latest_news_slider_home .sow-carousel-thumbnail > a { height: 300px; } #latest_news_slider .wppsac-post-content-left { width: 100%; padding:30px 30px 30px 30px !important; position: relative !important; } #latest_news_slider .wppsac-post-content-position { display: flex; flex-direction: column-reverse; } #latest_news_slider .slick-arrow{display:block !important;} #latest_news_slider .wppsac-post-content-left{background: #fff;color:#000;} #latest_center{margin:0 auto; width:1170px;padding:30px 15px 30px 15px;max-width:100%;} div#pg-12521-4 { background:#F2F2F2; float: left; width: 100vw; position: relative; left: calc(-50vw + 50%); margin:0;} div#pg-13064-4 { background:#F2F2F2; float: left; width: 100vw; position: relative; left: calc(-50vw + 50%); margin:0;} div#industry_main_image img { width: 100%; } #latest_news_slider .wppsac-post-categories{display:none;} #latest_news_slider .wppsac-post-content-left .wppsac-post-title a{color:#000;font-size:16px;} #latest_news_slider .wppsac-post-content-left h2:after{display:none;} #latest_news_slider .wppsac-post-content-left .wppsac-post-date{display:none;} #latest_news_slider .wppsac-post-content a { color:#000; background: #FFCA39; border: none; border-radius: 4px; line-height: 29px; height: auto; font-weight: 600; padding: 3px 17px; float: none; display: inline-block; } #latest_news_slider .wppsac-post-content { text-align:center;} #latest_news_slider .wppsac-post-content .wppsac-sub-content { text-align:left; padding: 10px 0;} #latest_news_slider .wppsac-post-content{display:block;} #latest_news_slider .wppsac-post-content-left .wppsac-post-title { line-height: 13px; margin:0 !important;} #latest_center_heading h2:after{display:none;} #training_center_heading h2:after{display:none;} #latest_center_heading h2 { margin: 0; background: #FFCA39; text-align: center; padding: 5px 0; font-size:30px;} #training_center_heading h2 { margin: 0; background: #FFCA39; text-align: center; padding: 5px 0;font-size:30px; } #latest_news_section_inner .so-panel { margin: 0 !Important; } #training_center_inner_section .so-panel { margin: 0 !Important; } #latest_news_slider ul.slick-dots { position: absolute; bottom: 0 !important; left: 0 !important; background: #fff; padding: 0 0 20px 0 !important; } #latest_news_slider ul.slick-dots li button { background: #B3B3B3 !important; border: none; height: 12px !important; width: 12px !important; } #latest_news_slider ul.slick-dots li.slick-active button { background: #FFCA39 !important; border: none;} #training_center_slider ol.sow-slider-pagination { display: block !important; left: 50% !important; transform: translateX(-50%); text-align: center !Important; padding: 0 !important;} #training_center_slider ol.sow-slider-pagination li a { background: #B3B3B3 !important; border: none; height: 12px !important; width: 12px !important; } #training_center_slider ol.sow-slider-pagination li.sow-active a { background: #FFCA39 !important; border: none;} #training_center_slider .sow-slider-image-wrapper .textwidget > div > div { column-count: auto; } #training_center_slider .sow-slider-image-wrapper { padding: 0; } #training_center_slider .sow-slider-image-wrapper .textwidget > div > div > div { display: flex !important; flex-direction: column; } #training_center_slider .sow-slider-image-wrapper .textwidget > div > div > div > span:first-child { order:3; text-align: left; padding:35px 20px 0 30px; font-size: 16px; font-family: Arial; font-weight: bold; } #training_center_slider .sow-slider-image-wrapper .textwidget > div > div > div span:last-child span { display:none; padding: 14px 0; } #training_center_slider .sow-slider-image-wrapper .textwidget > div > div > div span:last-child { text-align: center; padding: 0; margin: 0; vertical-align: top; } #training_center_slider .sow-slider-base ul.sow-slider-images li.sow-slider-image{min-height:603px !Important;} /*#training_center_slider .sow-slide-nav{display:block !Important;}*/ #about_outer .ow-button-base a { padding: 10px 20px; border-radius: 5px; font-weight: bold; } #about_outer .ow-button-base a span{ font-weight: bold; } div#industry_outer { background: transparent !important; } #latest_news_slider .wppsac-post-slider.design-1 .wppsac-post-image-bg { height: 312px; } /*footer change*/ #colophon .footer_content_inner ul.footer-products-main { padding: 3px 0 0 20px; } .footer_content_inner h5 { margin: 0 0 0 0; display:block;} .footer-products-main li a { font-weight: 400; font-style: normal; } /**/ div#training_center_content.sticky_locator { position: fixed; top: 65px; z-index: 999; left: 0; width: 100%; background: #fff; padding: 10px 0 0 0; box-shadow: 0 2px 2px 0px rgb(0 0 0 / 20%); } div#training_center_content.sticky_locator ul li > ul { display: none !important; } .product_overview_new ul.view_menu { text-align: left; display: table;width:100%; justify-content: space-between;} .product_overview_new { padding: 0; } .tab_product_outer{display:none;} .tab_product_outer{display:block;} .stickynew { position: fixed; width: 100%; top: 66px; z-index: 888; background: #fff; border-bottom: 1px solid #ddd; } .product_sticky_outer{display:none;} .product_sticky_outer{display:block;} .product_section{display:none;} .product_section.active_section{display:block;} .product_new_one{display:none;} .product_new_one{display:inline-block; width: 100%; background: #fff; margin: 24px 0 0 0; vertical-align: top;} .product_old_one { display: none; } .product_overview_new ul.view_menu li { padding: 0 40px 4px 40px; border: none; border-bottom: 4px solid transparent; float: none; width: auto; font-weight: 600; font-size: 18px; cursor: pointer; text-align: center; position: relative; display: table-cell;} #overview_new h2 {display:none;} #overview_new .col-md-offset-2 {margin-left:0 !important;width:100%;} #overview_new .col-md-offset-1 {margin-left:0 !important;width:100%;} .product_overview_new div#productmenu_new { margin: 0 0 0 0; } #overview_new .col-md-offset-1 .proview_img{border:none;} .product_overview_new ul.view_menu li.tab_active{border-bottom:4px solid #FACD2C;} .product_overview_new div#productmenu_new.sticky li { border: none; padding: 15px 0; } .product_overview_new div#productmenu_new.sticky li.tab_active{color:#fff;} .product_overview_new div#productmenu_new.sticky { background: #FFCA39; margin: 0; padding: 0; } .product_overview_new ul.view_menu li:after { content: ''; border-right: 2px solid #000; position: absolute; right: 0; height: 100%; top: -2px; } .product_overview_new ul.view_menu li:last-child{ padding-right: 0;text-align:right;} .product_overview_new ul.view_menu li:first-child{ text-align: left; padding-left: 0;} .product_overview_new ul.view_menu li:last-child:after{display:none;} .product_overview_new .sticky ul.view_menu li:after { height: 20px; top: 50%; transform: translateY(-50%); } .product_overview_new .keyfeature{ margin: 0;} .product_overview_new #keyfeatures_new .keyfeature h2:not(.widget-title)::after { left: 0 !important; transform: none !important; width: 100% !important; } .product_overview_new .keyfeature h2.keyFeatures { font-size: 25px; } .product_overview_new .keyfeature ul li { padding: 0 0 0 5px; } .product_overview_new #keyfeatures_new .thumbslider .slick-arrow { bottom: inherit; top: 12px; opacity: 1;} .product_overview_new #keyfeatures_new .thumbslider .slick-slide { height: auto; } .product_overview_new #keyfeatures_new .slider-single > div.slick-list{height:auto !important;} .product_overview_new #keyfeatures_new .slider-single > div.slick-list .slick-slide{height:auto;} .product_overview_new #keyfeatures_new .slider-single > .slick-arrow{display:none !important;} .product_overview_new #keyfeatures_new .slider-single{box-shadow:none;} .product_overview_new #keyfeatures_new .slider-single .captiontxt{ background: #D7D7D7; color:#000 !important; padding: 8px 12px;} .product_overview_new #keyfeatures_new .slider-single .captiontxt p{color:#000 !important;} .product_overview_new #keyfeatures_new .thumbslider .slick-slide .slideimg_thumb{box-shadow:none; padding:0;} .product_overview_new #keyfeatures_new .thumbslider .slick-slide:focus { outline: none; } .product_overview_new #keyfeatures_new .thumbslider .slick-slide.is-active img { border: 1px solid #FFCA39; } .second_all_sections .menuout_new { background: #FFCA39; padding: 15px 0; } .product_overview_new .second_all_sections ul.view_menu li { /* padding: 2px 0; */ border: none; padding-bottom:0;} .product_overview_new .second_all_sections ul.view_menu li.tab_active{color:#fff;} .product_overview_new .second_all_sections ul.view_menu li::after { top: 0; } .product_overview_new #accessories_new{ padding: 40px 0 0 0;} .accessories_inn_grids { float: left; width: 18.2%; margin: 0 2% 30px 0;} .accessories_inn_grids:nth-child(5n){margin-right:0%;} .accessories_inn_grids:nth-child(5n + 1){clear:both;} .accessories_inn_grids > a { float: left; width: 100%; } .accessories_inn_grids > a .acc_box { margin: 0; float: left; width: 100%; } .accessories_inn_grids > a .acc_box .acc_boxinn { box-shadow: none; display: flex; align-items: center; height: auto; } .accessories_inn_grids > a .acc_box h3 { margin: 10px 0 0 0; font-size: 16px; line-height: 20px !important;} .accessories_inn_grids > a:hover h3{color:#d7a51d;} .appsec_new .thumbslider .slick-slide.is-active div { border: 1px solid #000; padding: 2px; } .slideimg_new img { height: 320px; } .related_products_new { float: left; width: 18.2%; margin: 0 2% 30px 0;} .related_products_new:nth-child(5n){margin-right:0%;} .related_products_new:nth-child(5n + 1){clear:both;} .related_products_new > a { float: left; width: 100%; } .related_products_new > a .acc_box { margin: 0; float: left; width: 100%; } .related_products_new > a .acc_box .acc_boxinn { box-shadow: none; display: flex; align-items: center; height: auto; } .related_products_new > a .acc_box .acc_boxinn img { width: 100%; } .related_products_new > a .acc_box h3 { margin: 10px 0 0 0; font-size: 16px; line-height: 20px !important;} .related_products_new > a:hover h3{color:#d7a51d;} #related_products_new{background:#f2f2f2; padding: 40px 0 0 0;} #download_main_new{ padding: 40px 0 40px 0; background: #F2F2F2;} .slick-arrow { opacity: 0.2; } .app_product_content h2 { float: left; width: 100%; text-align: left; font-size: 25px; } .app_product_content h2:not(.widget-title)::after { left: 0 !important; transform: none !important; width: 100% !important; } .app_product_content p { float: left; width: 100%; text-align: left; font-size: 16px; } #appsec_new .app_product_content center a { font-size: 15px; background: #ffc425; color: #000000 !important; border: 1px solid #ffc425; border-width: 1px 0; -webkit-border-radius: 0em; -moz-border-radius: 0em; border-radius: 0em; text-shadow: 0 1px 0 rgb(0 0 0 / 5%); padding: 6px 20px; border-radius: 5px; font-weight: bold; display: inline-block;} .app_product_content center { float: right; margin: 0 2px 0 0;} .appsec_new{background:#f2f2f2 !important;} .appsec_new .slick-slide{height:auto;text-align: center;} .slider-nav-new .slideimg_thumb { box-shadow: none; padding: 0; float: none; display: inline-block; } .slider-nav-new .slideimg_thumb img { width: auto; height: 67px;} .slider-nav-new .slick-arrow{opacity:1;} .slide_image_new img { /* height: 340px; width: 100%; object-fit: contain; */ height: 340px; width: auto; float: none; object-fit: cover; display: inline-block !important; } div#industry_main_section { padding: 0 15px; } .slider.slider-nav-new.thumbslider { padding: 0 60px; } .appsec_new .thumbslider .slick-slide div { border: 1px solid transparent; padding: 2px; } .slide_image_new { width: 100%; text-align: center; float: left; } .appsec_new .slick-slide:focus{outline:none;} .slider.slider-nav-new { margin: 20px 0 0 0; } span.zoom_outer { position: absolute; float: right; right: 5px; pointer-events: none; z-index: 99; top: 5px;} span.zoom_outer img { width: 40px; height: auto; } .slideimg_new { position: relative; } .page-id-12719 form h3 { margin: 0 !important; } .page-id-12719 form label { margin: 0 0 0 0; } .contact_column_form_four { float: left; width: 25%; clear: none !important; } .contact_column_form_full { float: left; width: 100%; } .contact_form_content select { width: 100% !important; } .contact_form_content input { width: 100% !important; } form input[type="submit"] { text-transform: capitalize; letter-spacing: 0; border-radius: 4px !important; } .page-id-12719 form h4 { font-size: 18px; } .coumn_multi label { float: left; width: 50%; } .contact_checkboxes label { float: left; width: 50%; margin: 10px 0 0 0 !important;} .contact_checkboxes .ginput_container_checkbox { float: left; width: auto; margin: 0 !important; } .contact_checkboxes .ginput_container_checkbox ul { float: left; width: auto; margin: 0; } .contact_checkboxes .ginput_container_checkbox li { float: left; width: auto; } .contact_checkboxes .ginput_container_checkbox li input { float: left; margin: 0 7px 0 0; } .contact_checkboxes .ginput_container_checkbox li label { float: left; margin: 0 10px 0 0 !important; font-size: 16px !important; } .contact_form_div h4 { margin: 0; } .contact_subscribe > label { display: none !important; } .contact_subscribe li label { font-size: 15px !important; margin: 6px 0 0 0 !important; } .gform_confirmation_message { font-size: 20px; font-weight: bold; } #training_center_content .textwidget > ul { float: left; text-align: center; width: 100%; position: relative; margin:0;} #training_center_content .textwidget > ul > li { float: none; width: auto; list-style-type: none; line-height: 20px; display: inline-block; padding: 0 40px 17px 40px; font-size: 18px; font-weight: bold;position:relative;cursor:pointer;} #training_center_content .textwidget > ul > li:after { content: ''; position: absolute; right: 0; top: 0; border-right: 2px solid; height: 20px; } #training_center_content .textwidget > ul > li > ul { display:none;position: absolute; width: 700px; left: 50%; margin: 10px 0 0 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); } #training_center_content .textwidget > ul > li > ul > li {float: none; width: auto; list-style-type: none; margin: 0 0 00; padding: 0 13px; font-size: 14px; border-right: 2px solid #000; line-height: 15px; display: inline-block;} #training_center_content .textwidget > ul > li:last-child{border-right:none;} #training_center_content .textwidget > ul > li:last-child:after{display:none;} #training_center_content .textwidget > ul > li > ul > li:last-child{border-right:none;} #training_center_content .textwidget > ul > li:hover > ul{display:block;} #training_center_content .textwidget > ul > li > ul.first_listing { left: 80%; } .training_center_section_gallery .textwidget > div > div { -webkit-column-count: inherit; -moz-column-count: inherit; column-count: inherit; } #training_center_heading_inner h4 { margin: 0 0 0 0; } div#training_center_heading_inner { margin: 0px 0 30px 0; } .load_more_button { margin: 25px 0 0 0; } div#locator_second_list { display: none; } .training_center_section_gallery .textwidget > div > div > div { margin-bottom: 50px; margin-right: 2%; /* display: flex !important; flex-direction: column-reverse; */float: left; width: 32%;padding-bottom:20px;} .training_center_section_gallery .textwidget > div > div > div > span:first-child { position: absolute; bottom: -18px; width: 100%; margin: 0; } .training_center_section_gallery .textwidget > div > div > div.noshow1 { /* display: none !important; */ } .training_center_section_gallery .textwidget > div > div > div:nth-child(3n) { margin-right: 0; } .training_center_section_gallery .textwidget > div > div > div > span { font-weight: bold; font-family: Arial; margin: 15px 0 0 0; } .training_center_section_gallery .textwidget > div > div > div > span:last-child { display: none; } .training_center_section_gallery div.TotalSoftcenter span { background: #ffca39 !important; border: none !important; font-size: 16px !important; font-weight: bold !important; padding: 12px 20px !important; border-radius: 4px; color: #000; } .training_center_section_gallery div.TotalSoftcenter span i { display: none; } .load_more_button a { background: #ffca39 !important; border: none !important; font-size: 16px !important; font-weight: bold !important; padding: 12px 20px !important; border-radius: 4px; } .load_more_button a span { font-weight: bold; } .page-id-12709 .panel-grid-cell .so-panel { margin: 0 !important; } .page-id-12771 .panel-grid-cell .so-panel { margin: 0 !important; } .page-id-12780 .panel-grid-cell .so-panel { margin: 0 !important; } .page-id-12783 .panel-grid-cell .so-panel { margin: 0 !important; } .page-id-12786 .panel-grid-cell .so-panel { margin: 0 !important; } #training_center_content .textwidget > ul > li > ul > li.listing_active_tab { color: #ffc425; } div#training_center_content { margin: 0 0 15px 0; display: inline-block; width: 100%; vertical-align: top; } .training_center_section_gallery div.TotalSoftcenter{/* display:none; */} #training_center_heading_inner h4 + h4 { margin: 30px 0 0 0; } .training_hidden_videos .training_center_section_gallery .textwidget > div > div > div.noshow1 { display: none !important; } .training_hidden_videos .training_center_section_gallery div.TotalSoftcenter{display:none;} #training_center_content .textwidget > ul > li.tab_act a { color: #ebc026; } .post-12521 footer.entry-footer { display: none; } .post-13064 footer.entry-footer { display: none; } .page-id-12521 aside#secondary { display: none; } .page-id-12521 footer {box-shadow:none;} .page-id-13064 aside#secondary { display: none; } .page-id-13064 footer {box-shadow:none;} article#post-12521 { margin: 0; } article#post-13064 { margin: 0; } #training_center_slider .sow-slider-image-wrapper .textwidget > div + div + div { display: block; position: absolute; top: inherit; left: 0; transform: none; bottom: 77px; z-index: 99999;} #training_center_slider .sow-slider-image-wrapper .textwidget > div + div + div > div i { display: none; } #training_center_slider .sow-slider-image-wrapper .textwidget > div + div + div > div { display: block !important; max-width: 100%; width: 100%; margin: 0;} #training_center_slider .sow-slider-image-wrapper .textwidget > div + div + div > div > div:last-child { width: 100%;position: relative; background: transparent; display: block !important; padding: 0 30px;} #training_center_slider .sow-slider-image-wrapper .textwidget > div + div + div > div > div { display: none !important; } #training_center_slider .sow-slider-image-wrapper .textwidget > div + div + div > div > div > div:nth-child(3) { position: relative; display: block !important; text-align: center;} #training_center_slider .sow-slider-image-wrapper .textwidget > div + div + div > div > div > div:last-child a { border: none; display: inline-block; } #training_center_slider .sow-slider-image-wrapper .textwidget > div + div + div > div > div > div:last-child a i { display: none; } #training_center_slider .sow-slider-image-wrapper .textwidget > div + div + div > div > div > div { display: none !important; } #training_center_slider .sow-slider-image-wrapper .textwidget > div + div + div > div > div > div:nth-child(3) a { color: #000; background: #FFCA39; border: none; border-radius: 4px; line-height: 29px; height: auto; font-weight: 600; padding: 3px 17px; float: none; display: inline-block; box-shadow: none !important; text-shadow: none !important; font-size: 14px; } #training_center_slider .sow-slider-image-wrapper .textwidget > div + div + div > div > div > div:nth-child(3) p { text-align: left; margin: 0 0 30px 0; color: #000; text-shadow: none; font-size: 14px; line-height: 24px;} #training_center_slider .sow-slider-image-wrapper .textwidget > div + div + div > div > div > div:nth-child(3) p:last-child { text-align: center; } #latest_news_slider .wppsac-post-content a.wppsac-readmorebtn { margin: 21px 0 0 0; } #training_center_slider .sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container { height: 100%; } #latest_news_slider .slick-slider { background: #fff; min-height: 603px;} .footer-widget-area .col-md-3:nth-child(1) { width: 23%; } .footer-widget-area .col-md-3:nth-child(2) { width: 20%; } .footer-widget-area .col-md-3:nth-child(3) { width: 20%; } .footer-widget-area .col-md-3:last-child { width: 37%; } ul.menuList { float: left; width: auto; } .gform_wrapper ul.gform_fields li.gfield.state_field { width: 50%; } #colophon .widget.menu_footer_last_section { float: left; width: auto; } #colophon .widget.subscribe_outer { width: auto; float: right; } #colophon .widget.subscribe_outer form label { float: left; width: 100%; } #colophon .widget.subscribe_outer form label input { padding: 9px 10px; margin: 0; height: auto; float: left; width: 100%; border: 1px solid; } #colophon .widget.subscribe_outer form input[type="submit"] { float: left; width: auto; max-width: inherit; padding: 7px 30px; height: auto; line-height: inherit; font-size: 14px; color: #000; margin: 5px 0 0 0; } #colophon .widget.subscribe_outer form input[type="submit"]:hover { background-color: #e7c214; } .gform_wrapper .chosen-container .chosen-results li.active-result:after { content: ''; font-family: Ionicons; background: #fff; border: 1px solid #000; width: 16px; height: 16px; float: left; margin: 0 5px 0 0; border-radius: 2px; } .gform_wrapper .chosen-container-multi .chosen-drop .result-selected:after { content: '\f374'; font-family: Ionicons; background: #fff; float: left; margin: 0 5px 0 0; font-size: 21px; } .gform_wrapper .chosen-container .chosen-results li.active-result:hover:after { content: '\f374'; font-size: 21px; border-radius: 0; background: transparent; border: none; opacity: 0.5; } .gform_wrapper .chosen-container-multi .chosen-choices { padding: 3px 10px; border-radius: 3px; } .location_contact_outer { margin: 40px 0 0 0 !important; } .location_contact_outer label { float: left; width: 25%; } .location_contact_outer .ginput_container { float: left; width: 40%; margin: 0 !important; } .location_contact_outer .ginput_container select { width: 100% !important; } .fancybox-show-thumbs .fancybox-navigation .fancybox-button--arrow_left { left: 16% !important; } .fancybox-show-thumbs .fancybox-navigation .fancybox-button--arrow_right{right: 16% !important;} /****Hide Apps section from Transmittors*******/ .postid-11347 li.tab_6_upper, .postid-11347 li.tab_6{display:none !important;} .postid-5504 li.tab_6_upper, .postid-5504 li.tab_6{display:none !important;} .postid-5267 li.tab_6_upper, .postid-5267 li.tab_6{display:none !important;} .postid-10317 li.tab_6_upper, .postid-10317 li.tab_6{display:none !important;} .postid-4700 li.tab_6_upper, .postid-4700 li.tab_6{display:none !important;} .postid-5289 li.tab_6_upper, .postid-5289 li.tab_6{display:none !important;} .postid-2078 li.tab_6_upper, .postid-2078 li.tab_6{display:none !important;} .thumbslider.slider-nav-new .slick-prev { /* left: -40px; */} .thumbslider.slider-nav-new .slick-next { /* right: -40px; */ } @media(max-width:1199px) { /*knowledge CSS*/ .download_cate_inner h4{font-size:22px;} .pro_news_slider_main img{height:260px;} .pro_news_slider_main h4{font-size:20px; line-height:27px;} .knowl_detail_sidebar{ padding: 0;} /*knowledge CSS*/ .product_overview_new ul.view_menu li:after{ right: 0;} .slideimg_new img{height:auto;} #colophon .widget.subscribe_outer{float: left;} .product_overview_new ul.view_menu li{font-size:16px;} /*news page*/ .post-content .news_content_main h2.post-title a { font-size: 25px; } } @media(max-width:820px) { .nav-bar .module-group .btn-select { margin-top: 3px; } .module.left.site-title-container { width: auto; } #site-navigation .module-group.right { width: auto; } .module-group.right.country-flags { height: 55px; } } @media(max-width:992px) { /*news page*/ .single_news_main aside#secondary { display: block !important; } /*Knowledge CSS*/ .download_cate_inner h4{font-size:17px;} h3.knowledge_subheadings{font-size:25px;} .pro_news_slider_main img{height:230px;} .pro_news_slider_main{padding:0 10px;} .training_know_left_inner{ padding: 0 20px 0 30px;} .knowl_detail_heading h2{ font-size: 30px;} .knowl_detail_sidebar ul li a{font-size: 15px;} .brochure_section_listing a{font-size: 16px; padding: 5px 20px; width: 100%;} .brochure_section_listing label{ min-height: 60px;} .search_result_content h3{font-size: 20px;line-height: 25px;} .search_result_content p{ font-size: 18px; line-height: 26px;} .search_result_content span{ font-size: 18px;} .knowl_detail_sidebar ul li a{padding: 8px 17px;} .brochure_section_listing img{ height: 210px;} .search_result_content{ width: 75%;} .search_result_image{ width: 25%;} /*Knowledge CSS*/ .fancybox-navigation .fancybox-button--arrow_left { left: 0% !important; } .fancybox-navigation .fancybox-button--arrow_right { right: 0% !important; } .fancybox-show-thumbs .fancybox-navigation .fancybox-button--arrow_left{left: 0% !important; } .fancybox-show-thumbs .fancybox-navigation .fancybox-button--arrow_right{right: 0% !important;} div#training_center_content.sticky_locator{top:0;} .fancybox-show-thumbs .fancybox-navigation { width: 100%; } .fancybox-navigation{width: 100%; } .product_overview_new ul.view_menu li:after{ right: 0;} .product_overview_new ul.view_menu li{padding:0 20px 4px 20px;font-size:16px;} .product_overview_new div#productmenu_new.sticky{ top: 9px;} .slider-nav-new .slideimg_thumb img{ object-fit: contain;} .page-id-12709 .panel-grid.panel-no-style { display: block; } .page-id-12771 .panel-grid.panel-no-style { display: block; } .page-id-12780 .panel-grid.panel-no-style { display: block; } .page-id-12783 .panel-grid.panel-no-style { display: block; } .page-id-12786 .panel-grid.panel-no-style { display: block; } #training_center_content .textwidget > ul > li{padding:0 20px 17px 20px;} #training_center_content .textwidget > ul > li > ul{display:none !important;} .location_contact_outer label{ width: 100%;} .location_contact_outer .ginput_container{ width: 100%; margin: 15px 0 0 0 !important;} .location_contact_outer { margin: 20px 0 0 0 !important; } /*news page*/ .news_listing_sidebar aside#secondary{display: block !important;} } /* Landscape */ @media only screen and (max-device-width: 850px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { div.fancybox-caption { background: linear-gradient(0deg ,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 98%,transparent); bottom: 0%; } } @media(max-width:780px) { #training_center_slider ol.sow-slider-pagination{ position: relative;} #training_center_slider .sow-slider-image-wrapper .textwidget > div + div + div{ bottom: 25px; position: relative;} #training_center_slider .sow-slider-base ul.sow-slider-images li.sow-slider-image { min-height: inherit !Important; } #training_center_slider ol.sow-slider-pagination{ padding: 0 0 20px 0 !important; bottom: 0; } #training_center_slider .sow-slider-base { background: #fff; } .footer-widget-area .col-md-3{width:100% !important;float:left;} #colophon .widget.menu_footer_last_section{width:100%;} #colophon .widget.subscribe_outer{width:100%;} #colophon .widget.subscribe_outer h2.widget-title { margin: 0; } } @media(max-width:767px) { /*news page*/ .news_detail_inner article{display: block;} .news_detail_inner header.entry-header{width:100%;} .news_content_main{width:100%; padding: 20px 0 0 0;} .row.news_detail_inner{padding: 0 0 30px 0;} .news_listing_sidebar aside#secondary li a { font-size: 16px; } .news_listing { padding: 10px 0 30px 0; } .news_listing_sidebar{ margin: 0 0 30px 0;} .post-content .news_content_main h2.post-title a { font-size: 22px; line-height: 30px; } .post-content .news_content_main h2.post-title{ line-height: inherit;} .row.single_news_main { flex-direction: column-reverse; } .news_detail_postmain.news_detail_postmain_mobile { display: block; } .news_detail_postmain{ display: none; } .single_news_main aside#secondary ul { float: left; width: 100%; margin: 10px 0 30px 0; } .single_news_main aside#secondary li { float: left; width: auto; margin: 0 15px 0 0; padding: 0 15px 0 0; border-right: 1px solid #ddd; line-height: 17px; } .single_news_main aside#secondary li:last-child { margin: 0; padding: 0; border: none; } .single_news_main aside#secondary li a{font-size:16px;} /*knowledge CSS*/ div.search_section_inner { padding-right: 15px; width: 100%; float: left;} .search_section_inuput input[type="text"]{margin:0 0 5px 0;} div.search_section_button { width: 100%; float: left; } .search_section_button input[type="submit"]{max-width:100%; width:100%;padding: 2px 0;} div.download_cate_inner { margin: 0 0 50px 0; float: left; width: 33%; } .training_know_left_inner { padding: 0 40px 0 40px; } .training_know_left_inner iframe { width: 100%; float: left; } div.faq_know { float: left; width: 100%; margin: 40px 0 0 0; } .training_know_left_inner iframe{ height: 220px;} .faq_know_inner{margin:30px 0 0 0;} .training_know_heading{margin:0 0 30px 0;} .knowl_detail_heading h2 { font-size: 25px; } .knowl_detail_heading p{ margin: 6px 0 0 0;font-size: 22px;} div.knowl_detail_content { padding: 0; margin: 30px 0 0 0; } div.brochure_section_listing{width: 50%; padding: 0 5px;} .knowl_detail_section{display: flex; flex-direction: column-reverse; margin: 10px 0 0 0;} /*Knowledge CSS*/ .gform_wrapper ul.gform_fields li.gfield.state_field{width:100%;} .fancybox-stage{height: 270px;} div.fancybox-caption{height: 290px;} .fancybox-stage .fancybox-content{height: auto !important;width: 100% !important; top: 50% !important; transform: translateY(-50%) !important; position: absolute !important;} section#overview_new { padding: 20px 0 30px 0px; } .product_new_one .row .col-md-12 { padding: 0 15px; } .product_overview_new .second_all_sections ul.view_menu li{ padding: 13px 10px;} .product_overview_new .second_all_sections ul.view_menu li.tab_active { background: #fff; color: #000; } .training_center_section_gallery .textwidget > div > div > div{ width: 100%;} #training_center_content .textwidget > ul > li{font-size: 16px;} div#training_center_content{margin:0 0 0 0;} .load_more_button { margin: 0 0 0 0; } div#training_center_heading_inner { margin: 0px 0 16px 0; } .product_overview_new #overview_new h2{display:block;} .product_overview_new #overview_new h2 { display: block; margin: 0 0 20px 0; font-size: 25px; color: #e4af1e; text-align: left; } .product_overview_new #overview_new h2:after{display:none;} .contact_column_form_four{width:100%;} .contact_checkboxes .ginput_container_checkbox{width:100%;} .contact_subscribe li label span { display: inline !important; vertical-align: middle; } .contact_checkboxes .ginput_container_checkbox li label{width: auto !important;font-size: 15px !important;} .contact_column_form_full input { margin: 0 0 5px 0 !Important; } .contact_column_form_four input { margin: 0 0 5px 0 !Important; } .contact_checkboxes .ginput_container_checkbox li input { margin: 4px 6px 0 0 !important; } .page-id-12719 form h4 { font-size: 16px; line-height: 21px; margin: 0 0 20px 0; } .coumn_multi label{width:100% !important;} .product_overview_new ul.view_menu li:before { display:none; content: ''; position: absolute; border-top: 7px solid #FACD2C; border-left: 6px solid transparent; border-right: 6px solid transparent; bottom: -7px; left: 50%; transform: translateX(-50%); } .product_overview_new ul.view_menu li.tab_active:before{display:block;} .product_overview_new ul.view_menu{ display: block; text-align: center;} .product_overview_new div#productmenu_new{margin:0 0 5px 0;display:none;} .product_overview_new ul.view_menu li:after{display:none;} .product_overview_new ul.view_menu li {font-size: 18px; margin: 0 0 14px 0; line-height: 13px; padding: 13px 10px; border: none; border-right: none; float: none; display: inline-block; background: #000; color: #fff; border-radius: 4px;} .product_overview_new ul.view_menu li.tab_active { border-bottom: none; background-color: #FACD2C;color:#000; } html{overflow-x:hidden;} .product_overview_new div#productmenu_new.sticky { position: relative; background: transparent; border: none; margin: 0 0 5px 0; padding: 20px 0;} .product_overview_new div#productmenu_new.sticky li.tab_active{ background-color: #FACD2C;color:#000;} .product_overview_new div#productmenu_new.sticky li{ font-size: 18px; margin: 0 0 14px 0; line-height: 13px; padding: 13px 10px; border: none; border-right: none; float: none; display: inline-block; background: #000; color: #fff; border-radius: 4px;} .product_overview_new #accessories_new { padding: 40px 15px 0 15px; } .accessories_inn_grids{ width: 48.5%;} .accessories_inn_grids:nth-child(5n + 1){clear:none;} .accessories_inn_grids:nth-child(5n) { margin-right: 2%; } .accessories_inn_grids:nth-child(2n) { margin-right: 0; } .product_overview_new ul.view_menu li:first-child { border-left:none; } .product_overview_new div#productmenu_new.sticky li:first-child { border-left: none; } .product_overview_new #related_products_new { padding: 40px 15px 0 15px; } .related_products_new{ width: 48.5%;} .related_products_new:nth-child(5n + 1){clear:none;} .related_products_new:nth-child(5n) { margin-right: 2%; } .related_products_new:nth-child(2n) { margin-right: 0; } .slide_image_new img{height: 300px; object-fit: cover;} .product_overview_new .keyfeature h2.keyFeatures { font-size: 20px; margin: 20px 0 20px 0; } .app_product_content h2 { font-size: 20px; margin: 20px 0 20px 0; } #industry_outer h2{margin:0 0 23px 0;} } @media(max-width:599px) { /*knowledge CSS*/ .search_section_inuput input[type="text"]{ font-size: 16px;} div.download_cate_inner { margin: 0 0 30px 0; width: 50%; } .pro_news_slider_inner ul.slick-dots li{ margin: 0 3px;} .pro_news_slider_inner ul.slick-dots li button{ width: 27px;} .training_know_heading h3{font-size:25px;} .training_know_thumbslider { margin: 25px 0 0 0; } .training_know_outer{padding:40px 0;} .search_result_content p{font-size: 16px; line-height: 22px;} .search_result_content span{font-size: 16px;} .search_result_content a{font-size:16px;} .search_result_content h3{font-size: 18px; line-height: 23px;} /*Knowledge CSS*/ #training_center_slider .sow-slider-image-wrapper .textwidget > div + div + div{ bottom: -20px;} #latest_center_heading h2{font-size:25px;} #training_center_heading h2{font-size:25px;} #industry_main_button a{font-size:18px;} #featured_outer_main .carousel-slider-hero__cell__heading{font-size:20px; margin: 0 0 15px 0;} #featured_outer_main .carousel-slider-hero__cell__description{ font-size: 15px; margin: 0 0 15px 0;} #about_outer h2 { font-size: 25px; } #industry_outer h2 { font-size: 25px; margin:0 0 23px 0;} #about_outer p { font-size: 16px; } /*news page*/ .subscribe_news .modal-dialog { width: 90%; display: inline-block; } .subscribe_news {text-align:center;} .module.left.site-title-container { width: 40%; } } @media(max-width:411px) { /*news page*/ button.subscribe_anchor{ padding: 10px 12px;margin: 0 0 0 5px;} .search_result_image img{height: 120px;} } /*news page*/ @media(max-width:370px) { button.subscribe_anchor { margin: 10px 0 0 0; width: 100%; } .vivax_news a.viewMoreProduct { width: 100%; text-align: center; } } /**/ @media(max-width:360px) { .knowl_detail_heading h2 { font-size: 23px; } .knowl_detail_heading p { margin: 0px 0 0 0; font-size: 19px; } } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ button, input, select, textarea { color: #404040; font-family: Arial; font-size: 14px; line-height: 1.5; } h1, h5, h3, h4, h2, h6 { clear: both; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } q:before, q:after { content: '"' !important; display: inline-block; position: relative; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } hr { border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; } select { border: 1px solid #ccc; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { padding: 3px; } textarea { padding-left: 3px; width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: royalblue; } a:visited { color: purple; } a:hover, a:focus, a:active { color: midnightblue; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999; } .thank-you-wrp h5 { font-size: 32px; color: #16bb13; } .thank-you-wrp h5 { font-size: 25px; color: #000; margin-bottom: 20px; line-height: 1.2 } .thank-you-wrp h5:after { display: none; } .thank-you-wrp strong span { border-bottom: 2px solid #000; } .thank-you-wrp strong { /*font-size: 22px;*/ } .main-navigation ul ul ul { left: -999em; top: 0; } .thank-you-wrp { padding: 50px 0; } .main-navigation ul ul a { width: 200px; } .main-navigation ul ul li { width: 100%; } .main-navigation li:hover > a, .main-navigation li.focus > a { } .main-navigation ul ul:hover > a, .main-navigation ul ul .focus > a { } .main-navigation ul ul a:hover, .main-navigation ul ul a.focus { } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a { } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 992px) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .site-title { font-size: 24px; line-height: 52px; color: #666; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; font-weight: 300; font-family: Arial; } .site-title:hover { color: #333; } #site-navigation .module.left { padding-left: 15px; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*! // Contents // ------------------------------------------------ 1. Global Styles 2. Mixins 3. Typography 4. Colours 5. Sections 6. Buttons 7. Nav 8. Forms 9. Breadcrumbs 10. Pagination 11. Icon Features 12. Widgets 13. Image Tiles 14. Sliders 15. Galleries 16. Header Area 17. WooCommerce 18. Blog 19. Image Blocks 20. Portfolio 21. Footer 22. Spacing 23. Other /*!---------- 1. GLOBAL STYLES ----------*/ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 24px; font-family: Arial; color: #001c28; overflow-x: hidden; } ul { list-style: disc; } .main-container { clear: both; } hr { border: none; border-top: 1px solid #ccc; margin: 0 0 24px 0; width: 100%; } .bg-dark hr { border-color: #555; } .content hr { width: 128px; max-width: 60%; height: 2px; background: #DDD; margin: 50px auto; border: 0; } .list-inline { margin-left: 0; } .list-inline > li { padding: 0 8px; } .list-inline > li:last-child { padding-right: 0; } .list-inline > li:first-child { padding-left: 0; } .overflow-hidden { overflow: hidden; } .right { right: 0; } .relative { position: relative; z-index: 2; } .container { /*position: relative;*/ } /*!---------- 2. MIXINS ----------*/ .align-children { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; flex-direction: row; -webkit-flex-direction: row; } @media all and (max-width: 991px) { .align-children { display: block !important; } } .align-transform { position: relative; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); top: 50%; z-index: 2; } /*!---------- 3. TYPOGRAPHY ----------*/ h1, h5, h3, h4, h2, h6, p, ul, ol, table, blockquote, input, textarea { margin-bottom: 24px; margin-top: 0; padding: 0; } h1, h5, h3, h4, h2, h6 { font-family: Arial; } h1, h5, h3, h4, h2, h6 { font-weight: 300; color: #0e1015; } h1 { font-size: 40px; line-height: 48px; } h5 { font-size: 40px; line-height: 48px; } h3 { font-size: 32px; line-height: 40px; } h4 { font-size: 16px; line-height: 18px; } h2 { font-size: 16px; line-height: 24px; font-weight: 400; } h6 { font-size: 12px; line-height: 24px; font-weight: 700; } @media all and (max-width: 767px) { h1 { font-size: 32px; line-height: 40px; font-weight: 300; } h5 { font-size: 32px; line-height: 40px; } h3 { font-size: 24px; line-height: 32px; } h4 { font-size: 18px; line-height: 26px; } h2 { font-size: 16px; line-height: 24px; font-weight: 400; } h6 { font-size: 12px; line-height: 24px; font-weight: 700; } } .uppercase { font-weight: 400; text-transform: uppercase; } h2.uppercase { letter-spacing: 2px; margin-right: -2px; } p, span { font-weight: 400; } p.lead { font-size: 16px; font-weight: 400; line-height: 28px; } @media all and (max-width: 767px) { p.lead { font-size: 13px; line-height: 24px; } p { font-size: 12px; } } a, a:visited, a:focus, a:active, a:hover { text-decoration: none; outline: none; } a { font-weight: 600; color: #745cf9; cursor: pointer; } a:visited { color: #745cf9; } .image-bg a { color: #fff; } .image-bg a:hover { color: #fff; opacity: .9; } a:hover { color: #5d47d7; text-decoration: none; } blockquote { overflow: hidden; font-family: "Merriweather", "Georgia", Times New Roman, Times, serif; font-size: 20px; line-height: 40px; font-style: italic; background: #f5f5f5; padding: 32px; color: #777; font-weight: 300; } .number { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media all and (max-width: 767px) { br { display: none; } blockquote { font-size: 16px; line-height: 32px; } } th, td { line-height: 24px !important; } /*!---------- 4. COLOURS ----------*/ .bg-primary { background: #745cf9 !important; } .bg-secondary { background: #f5f5f5; } .bg-dark { background: #0e1015; } /*!---------- 5. SECTIONS ----------*/ section, footer { padding: 50px 0; } .page-template-page-templatestemplate-home-php .content-area { padding: 0; } footer { padding: 72px 0; } .fullscreen { height: 100vh; } .bg-dark h3, .bg-dark h2, footer.bg-dark h2, .bg-primary h2, .bg-dark h6, footer.bg-dark h6 { color: #ffffff; } .bg-dark p, footer.bg-dark p, .bg-primary p, .bg-dark span, footer.bg-dark span, .bg-dark li, footer.bg-dark li { color: #fefefe; } @media all and (max-width: 767px) { section { padding: 80px 0; } } .image-bg h3, .image-bg h1 { color: #ffffff; } .image-bg p, .image-bg li { color: #ffffff; } .image-bg div[class*='col-'] { position: relative; z-index: 3; } .background-image-holder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: #0e1015; background-size: cover !important; background-position: 50% 50% !important; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: 0; } .background-image-holder img { display: none; } .background-image-holder.fadeIn { opacity: 1; } /*!---------- 6. BUTTONS ----------*/ .btn, .button { font-family: Arial; border: 2px solid #745cf9; padding: 0 26px; min-width: 150px; line-height: 36px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border-radius: 0; color: #745cf9; text-align: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; margin-right: 8px; margin-bottom: 24px; } .btn:last-child, .btn:last-of-type { margin-right: 0; } .btn:hover, .button:hover { background: #745cf9; color: #fff; } .btn-lg { height: 50px; line-height: 46px; min-width: 200px; } .btn-sm { height: 30px; font-size: 11px; line-height: 27px; min-width: 0; } .btn-filled, .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background: #745cf9; color: #fff; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { padding: 1em; } .btn-white, .image-bg .btn, .image-bg .btn:visited { color: #fff; border-color: #fff; } .image-bg .btn.btn-filled { background: #745cf9; color: #fff; border-color: #745cf9; } .btn-white:hover, .image-bg .btn:hover, .image-bg .btn:visited:hover { background: #fff; border-color: #fff; color: #222; } .image-bg .btn.btn-filled:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: #5d47d7; border-color: #5d47d7; color: #fff; } .btn:visited { color: #745cf9; } .btn-white:visited, .btn:visited:hover { color: #fff; } .btn-white:visited:hover { color: #222; } .btn-filled:visited { color: #fff; } .cfa-text { margin-bottom: 0; line-height: 45px; } .cfa-button { width: 100%; } .btn-filled:hover, .btn:visited:hover { background: #5d47d7; border-color: #5d47d7; } input[type="submit"]:hover { background-color: #5d47d7; color: #fff; } .widget input[type="submit"] { border: none; margin-top: 5px; } .widget input[type="submit"]:hover { color: #5d47d7; background-color: #fff; } /*!---------- 7. NAVIGATION ----------*/ .nav-container { -webkit-backface-visibility: hidden; max-width: 100%; } nav { background: #fff; -webkit-backface-visibility: hidden; max-width: 100%; } nav ul { margin-bottom: 0; } .module { display: inline-block; padding: 0 32px; } .module-group { display: inline-block; } .module.left { float: left; } .module.right, .module-group.right { float: right; } nav .btn, .nav-bar .btn { margin: 0; height: auto; } .nav-bar { height: 55px; max-height: 55px; line-height: 53px; } nav { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .nav-bar .module, .nav-bar .module-group { height: 55px; } .nav-bar a { display: inline-block; height: 55px; } .logo { max-height: 60%; } .menu > li.dropdown { padding-right: 18px; } .dropdown:after { position: absolute; top: 0; right: 0; font-size: 11px; content: "\f107"; font-family: 'fontawesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; } .menu { width: 100%; height: 55px; font-family: Arial; } .menu li a { font-size: 11px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; color: #0e1015; opacity: 0.5; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; max-width: 100%; white-space: normal; } .menu li a:hover { opacity: 1 !important; } .menu > li { margin-right: 32px; float: left; position: relative; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: 1; } .menu > li:last-child { margin-right: 0; } .menu > li ul { left: 0; width: 230px; padding: 0; background: #0e1015; position: absolute; z-index: 99; top: 100%; opacity: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); visibility: hidden; margin-top: -1px; } .menu > li > ul > li { position: relative; line-height: 24px; width: 100%; vertical-align: top; } .menu > li > ul > .dropdown:after { color: #0e1015; top: 1px; right: 24px; content: "\f105"; } .menu > li > ul li a { color: #fff; height: auto; padding: 6px 24px; } .menu > li > ul > li > ul { left: 100%; top: 0; } .menu > li:hover > ul { opacity: 1; transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); visibility: visible; } .menu > li > ul > li:hover > ul { opacity: 1; transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); visibility: visible; } .nav-container { min-height: 56px; } nav.outOfSight { transform: translate3d(0, -100px, 0); -webkit-transform: translate3d(0, -100px, 0); -moz-transform: translate3d(0, -100px, 0); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } nav.scrolled { transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } nav.fixed.scrolled { visibility: visible; opacity: 1; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } nav.fixed { top: 0; z-index: 999; left: 0; right: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } nav.fixed { position: fixed; visibility: hidden; opacity: 0; } nav.fixed.scrolled { visibility: visible; opacity: 1; } .dropdown-menu { border-radius: 0; } .nav-open { max-height: 10000px !important; height: auto !important; } .nav-open .navbar-collapse, .nav-open #menu { display: block; } .module.widget-handle { padding: 0 24px; cursor: pointer; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; } @media all and (max-width: 1100px) { .module.widget-handle { padding: 0 16px; } } @media all and (max-width: 991px) { .toggle-sub > ul { display: block !important; } } .module.widget-handle i { font-size: 20px; line-height: 53px; opacity: 0.5; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .module.widget-handle:hover i { opacity: 1; } .widget-handle .function { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); cursor: default; width: 200px; background: #0e1015; position: absolute; z-index: 99; opacity: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); visibility: hidden; margin-top: -2px; right: 0; } .module.widget-handle:hover .function { opacity: 1; transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); visibility: visible; } .module.widget-handle .title { font-family: Arial; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; font-weight: 600; display: none; opacity: .5; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .module.widget-handle .title:hover { opacity: 1; } /* Search bar */ .search-form { padding: 8px; display: inline-block; width: 100%; line-height: 50px; } .widget-handle .search-form input[type="text"] { font-size: 16px; float: left; width: 70%; } .search-form input[type="text"] { font-size: 14px; margin: 0; } .widget-handle .function { background: #fff; width: 300px; } .btn.searchsubmit { min-width: 17%; padding: 0; width: 27%; height: 50px; line-height: 48px; margin: -2px 0 0 8px; } .btn.searchsubmit:hover { background-color: #5d47d7; color: #fff; } /*Search Page */ .search #primary, .no-results { padding-top: 0 } .no-results { border-bottom: 0; } .no-results form.search-form { max-width: 500px; padding: 0; width: 100%; } .no-results form #s { max-width: 292px; width: 71%; } .no-results form .searchsubmit { margin: 0; } .menu > li ul { background: #fff; } .menu > li ul { background: #fff; } .menu > li > ul li a { color: #292929; width: 100%; } .menu > li > ul li a:hover, .dropdown-menu > .active > a:hover { background: #745cf9; color: #fff; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus { color: #0e1015; background-color: #fff; } .menu > li > ul li a { color: #292929; width: 100%; } .menu > li > ul > .dropdown:hover:after { color: #fff; } @media all and (max-width: 1120px) { .menu > li { margin-right: 24px; } } @media all and (max-width: 991px) { .site-title-container { width: 84%; } .nav-bar, .nav-bar .module-group, .nav-bar .module { height: auto; } .nav-bar .module { padding: 0 16px; } .nav-bar .module-group { width: 100%; } .nav-bar .module-group .module { display: block; float: none; width: 100%; } .menu { height: auto; } .menu a { height: auto; line-height: 24px; padding: 4px 0; } .menu li { line-height: 24px; display: block; width: 100%; max-width: 100%; } .menu > li ul { position: relative; width: 100%; opacity: 1; visibility: visible; transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); left: 0; border: 0 !important; box-shadow: none; } .menu > li > ul { position: relative; opacity: 1; visibility: visible; display: none; transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); } .menu > li > ul > .dropdown:after { content: "\f107"; } .menu > li > ul > li > ul { left: 0 !important; display: none; padding: 0; } .menu > li > ul li a { padding: 4px 16px; } .dropdown .dropdown li { padding-left: 18px; } .dropdown { padding-right: 0; } .module.widget-handle { border-left: none; line-height: 40px; min-height: 40px; } .module.widget-handle i { line-height: 40px; } .module.widget-handle .title { display: inline-block; position: relative; bottom: 3px; margin-left: 8px; } .widget-handle .function { width: 100%; max-width: 300px; position: relative; opacity: 1; transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); visibility: visible; margin-top: 0; display: none; box-shadow: none !important; } .toggle-search .function { display: block; } .search-widget-handle .search { padding: 0 15px; } .mobile-toggle i { line-height: 53px !important; } } /*!---------- 8. FORMS ----------*/ input, textarea { font-family: Arial; } input[type="text"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="text"], input[type="search"], input[type="email"], input[type="tel"] { background: #f5f5f5; border: none; width: 100%; height: 50px; padding-left: 20px; font-weight: 500; margin-bottom: 24px; border-radius: 0; } input[type="text"]:focus, input[type="search"]:focus { outline: 1px solid #ccc; } textarea { width: 100%; border: none; background: #f5f5f5; margin-bottom: 24px; border-radius: 0; padding: 16px 20px; } textarea:focus { outline: 1px solid #ccc; } :-moz-placeholder { text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #777; font-size: 11px; } ::-moz-placeholder { text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #777; font-size: 11px; } :-ms-input-placeholder { text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #777; font-size: 11px; } input.transparent::-moz-input-placeholder, button.transparent::-moz-input-placeholder { color: #fff; } input.transparent:-moz-input-placeholder, button.transparent:-moz-input-placeholder { color: #fff; } input.transparent:-ms-input-placeholder, button.transparent:-ms-input-placeholder { color: #fff; } input[type="submit"] { background: #745cf9; border-radius: 0 !important; border: 2px solid #745cf9; color: #fff; font-size: 11px; font-weight: bold; height: 50px; letter-spacing: 1px; line-height: 48px; max-width: 250px; padding: 0; text-transform: uppercase; width: 100%; } .bg-primary input[type="submit"] { background: #fff; color: #745cf9; } input[type="submit"]:focus { outline: none; } /*!---------- 9. BREADCRUMBS ----------*/ .breadcrumb { margin-bottom: 24px; } .breadcrumb a { font-weight: 300; } /*!---------- 10. PAGINATION ----------*/ .pagination { margin: 0; border: none; background: transparent; } .pagination .nav-links *:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination .nav-links *:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pagination a, .pagination span { width: 32px; height: 32px; padding: 0; text-align: center; padding-top: 6px; margin: 0 4px; color: #0e1015; font-weight: 400; font-family: Arial; display: inline-block; border: 1px solid #ddd; line-height: 20px; } .pagination span { background: #745cf9; color: #fff; border-color: #745cf9; } .pagination a:hover, .pagination .active a, .pagination .active:hover a { background: #745cf9; color: #fff; border-color: #745cf9; } /*!---------- 11. ICON FEATURES ----------*/ .feature { margin-bottom: 24px; } .feature p:last-child { margin-bottom: 0; } .feature-1 i { display: inline-block; margin-bottom: 16px; color: #745cf9; } .page-title { padding: 0; } /*!---------- 12. WIDGETS ----------*/ .main-container .nolist > ul { list-style: none; margin: 0; padding: 0; } .widget { margin-bottom: 0; } #secondary .widget { margin-bottom: 48px; } .category-list { line-height: 32px; } .widget hr { margin-bottom: 12px; } .recent-posts { line-height: 24px; } .recent-posts li { margin-bottom: 8px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .recent-posts .date { display: block; letter-spacing: 0; opacity: .8; } .recent-posts li:hover .date { opacity: 1; } .category-list span { float: right; } .jetpack_subscription_widget form { background: #745cf9; color: #fff; padding: 24px; } .jetpack_subscription_widget form #subscribe-text { color: #fff; } .jetpack_subscription_widget #subscribe-text h2 { color: #fff; margin-bottom: 16px; text-transform: uppercase; } .jetpack_subscription_widget #subscribe-text p { color: #fefefe; } .jetpack_subscription_widget #subscribe-email, .jetpack_subscription_widget #subscribe-submit { margin: 0; } .jetpack_subscription_widget #subscribe-email input { margin: 0; padding: 3px 3px 3px 20px; width: 100%; } .jetpack_subscription_widget #subscribe-submit input { background: #fff; color: #745cf9; padding: 0; } .jetpack_subscription_widget .error { background-color: #FFBABA; color: #D8000C; padding: 5px 15px; } .jetpack_subscription_widget .success p { background-color: #DFF2BF; color: #4F8A10; padding: 5px 15px; } /*!---------- 13. IMAGE TILES ----------*/ img { max-width: 100%; } .image-tile { overflow: hidden; position: relative; margin-bottom: 24px; } .image-tile img { width: 100%; display: inline-block; } .inner-title:before { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(34, 34, 34, 0.9))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#0e1015', GradientType=0); pointer-events: none; } .inner-title:hover:before { transform: scale(1.2); -webkit-transform: scale(1.2); } .inner-title .title { position: absolute; width: 100%; z-index: 5; } .inner-title .title h2 { color: #ffffff; } .inner-title .title span { color: #ffffff; } .inner-title .title h2 { font-weight: 600; } .inner-title { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: 1; } .inner-title:hover { opacity: .95; } .inner-title.hover-reveal:before { opacity: 0; } .inner-title.hover-reveal .title { opacity: 0; transform: translate3d(0, 50px, 0); -webkit-transform: translate3d(0, 50px, 0); -moz-transform: translate3d(0, 50px, 0); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .inner-title.hover-reveal:hover .title { opacity: 1; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); top: 50%; } .inner-title.hover-reveal:hover:before { opacity: 1; } /*!---------- 14. SLIDERS ----------*/ .logo-carousel li { text-align: center; } .logo-carousel li { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: .5; } .logo-carousel li:hover { opacity: 1; } .logo-carousel img { max-height: 60px; } @media all and (max-width: 767px) { .logo-carousel .slides li { width: 100%; } } /*!---------- 15. IMAGE GALLERIES ----------*/ .lightbox-grid, .lightbox-grid ul, .lightbox-grid li { position: relative; overflow: hidden; } .lightbox-grid li { width: 25%; float: left; border: 8px solid rgba(0, 0, 0, 0); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: 1; } .lightbox-grid li:hover { opacity: .9; } .third-thumbs li { width: 25%; height: 13.08vw; border: none; } @media all and (max-width: 991px) { .lightbox-grid li { width: 33.33333%; } } @media all and (max-width: 767px) { .lightbox-grid li { width: 50%; } .third-thumbs li { height: 50vw; } } /*!---------- 16. Header Area ----------*/ .cover { margin: 0; padding: 0; } .cover p { color: #ffffff; } .cover:first-child .fullscreen { max-height: 100%; } @media all and (max-width: 767px) { .cover.fullscreen { height: auto; padding: 0; } } /*!---------- 17. WooCommerce ----------*/ .woocommerce ul.products li.product:nth-child(4n), .woocommerce-page ul.products li.product:nth-child(4n) { margin-right: 0; } /*!---------- 18. BLOG ----------*/ .post-title a, .post-title { font-size: 40px; font-weight: 300; } .post-title a:hover { color: #292929; } video:-webkit-full-screen, audio:-webkit-full-screen { -webkit-transform: translateY(0%); } iframe { border: none; } .post-meta { overflow: hidden; display: inline-block; margin-bottom: 12px; } .post-meta > li { float: left; margin-right: 24px; } .post-meta i { font-size: 16px; margin-right: 8px; position: relative; top: 2px; } .comments-list, .comments-list ul { width: 100%; overflow: hidden; } .comments.nolist > ul > li { padding-left: 0; } .comments-list li.comment { overflow: hidden; margin-bottom: 40px; width: 100%; } .comments-list p:last-of-type { margin: 0; } .comments-list .avatar, .comments-list .comment { display: inline-block; float: left; } .comments-list .avatar { width: 10%; } .comments-list .avatar img { width: 75px; } .comments-list .comment { width: 90%; padding-left: 5%; } .comments-list .comment .btn { position: relative; margin: 0; } .comments-list ul { padding-left: 10%; padding-top: 40px; } .comments-list ul li:last-of-type { margin-bottom: 0; } .comments input[type="submit"] { max-width: 25%; float: right; } .masonry { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: 0; transform: translate3d(0, 100px, 0); -webkit-transform: translate3d(0, 100px, 0); -moz-transform: translate3d(0, 100px, 0); } .masonry.fadeIn { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .masonry-item { max-width: 100%; } .container .masonry-item { margin-bottom: 0px; } .masonry-item blockquote:hover { background: #745cf9; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; color: #fff; } .masonryFlyIn .masonry-item { opacity: 0; transform: translate3d(0, 50px, 0); -webkit-transform: translate3d(0, 50px, 0); -moz-transform: translate3d(0, 50px, 0); } .masonryFlyIn .masonry-item.fadeIn { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .masonry-loader { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: 1; position: absolute; width: 100%; z-index: 10; top: 80px; } .masonry-loader.fixed-center { top: 50%; left: 50%; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); margin-top: -25px; } .masonry-loader.fadeOut { opacity: 0; max-height: 0; padding: 0; overflow: hidden; } .spinner { width: 50px; height: 50px; background-color: #745cf9; margin: 0 auto; display: inline-block; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes sk-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @media all and (max-width: 767px) { .comments input[type="submit"] { max-width: 100%; float: none; } } .flex-direction-nav a.flex-next { right: 16px; } .flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before { content: "\f105"; font-family: 'fontawesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px; color: #fff; } .flex-direction-nav a.flex-prev { left: 16px; } .flex-direction-nav a.flex-prev:before { content: "\f104"; } .flex-direction-nav a { opacity: 1; text-shadow: none; color: rgba(0, 0, 0, 0); width: 24px; height: 24px; margin: -12px 0 0; } .flex-control-nav li a { background: none; border: 2px solid #0e1015; width: 10px; height: 10px; } @media all and (max-width: 768px) { .flex-direction-nav { display: none; } } .text-slider .flex-direction-nav li a:before { color: #222; } .image-bg .text-slider .flex-direction-nav li a:before { color: #fff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: .5; } .image-bg .text-slider .flex-direction-nav li a:hover:before { opacity: 1; } .text-slider .flex-direction-nav a.flex-prev { left: -60px; } .text-slider .flex-direction-nav a.flex-next { right: -60px; } .content p.intro { padding-bottom: 20px; border-bottom: 3px double #ddd; margin-bottom: 20px; font-size: 1.2em; line-height: 155%; font-weight: 700; color: #745cf9; } .content blockquote { padding: 30px 30px 30px 90px; background: #fafafa; border: 1px solid #eee; position: relative; font-style: italic; } .content q { background: #fafafa; font-style: italic; } .content blockquote p { font-style: italic; } .content blockquote:after { content: '”'; width: 90px; font-size: 72px; line-height: 72px; font-weight: 700; font-style: normal; text-align: center; color: #745cf9; position: absolute; top: 31px; left: 0px; } .content blockquote cite { display: block; margin-top: 1.1em; font-family: 'Lato', Helvetica, sans-serif; font-size: 0.75em; line-height: 120%; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; } .content blockquote cite:before { content: "— "; } .content ul, .content ol { margin-left: 1.5em; } .content ul { list-style: disc; } .content ul ul { list-style: circle; } .content ol { list-style: decimal; } .content ol ol { list-style: lower-alpha; } .content ul ul, .content ul ol, .content ol ul, .content ol ol { margin-bottom: 0; } .content li { margin-bottom: 0.5em; line-height: 170%; } .content ol > li:last-child, .content ul > li:last-child { margin-bottom: 0; } .content ol > li:first-child, .content ul > li:first-child { margin-top: 0.5em; } /* WordPress Tables */ .content table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 0.9em; width: 100%; margin-bottom: 1.1em; } .content th, .content td { padding: 2%; margin: 0; overflow: visible; line-height: 120%; border-bottom: 1px solid #DDD; } .content th { padding-top: 0; } .content th { font-weight: bold; color: #111; } .content table tbody > tr:nth-child(odd) > td { background: #f9f9f9; } .content ul.post-meta { margin-left: 0; } .content ul.post-meta li { list-style: none; margin-top: 0 !important; } .comment-date { display: inline-block; font-size: 10px; padding: 5px 0; } .comments .fn { display: block; } .comment-reply { height: 20px; line-height: 16px; padding: 0 12px; font-size: 10px; } .page-title-section { height: 225px; padding: 70px 0; } .page-title { margin-bottom: 0 !important; } @media all and (max-width: 767px) { .page-title-section, #breadcrumbs { text-align: center; } } .author-bio { display: block; overflow: hidden; padding: 32px; background: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 40px; } .author-social { font-size: 16px !important; } /*!---------- 19. IMAGE BLOCKS ----------*/ .image-small { max-height: 80px; } .fade-half { opacity: 0.5; } .cast-shadow { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); margin-bottom: 10px; } .cast-shadow.img-responsive { margin: 10px auto; } /*!---------- 20. PORTFOLIO ----------*/ .project { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; opacity: 1; padding: 0; } .project .image-tile { margin: 0; } /*!---------- 21. FOOTER ----------*/ footer.bg-dark a { color: #fff; } .social-list { margin: 0; } .bg-dark .social-list a { color: #fff; opacity: .5; } .bg-dark .social-list a:hover { opacity: 1; } .back-to-top { position: absolute; right: 0; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 36px; width: 36px; padding: 5px 11px; } .back-to-top .fa { font-size: 18px; color: #fff; } .back-to-top:hover { opacity: 1; } .bg-dark .back-to-top { border-color: #fff; } .bg-dark .back-to-top:active, .bg-dark .back-to-top:focus { color: #fff; } .bg-dark .back-to-top:hover { background: none; } .footer input[type="submit"] { border: 0; margin-top: 3px; } .copyright-text { color: #fefefe; } .footer .footer-credits { color: #fff; } .footer .footer-credits a { color: #fefefe; opacity: .8; } .footer .footer-credits a:hover, .footer .footer-credits a:focus { color: #5234f9; } /*!---------- 22. SPACING ----------*/ .mt20 { margin-top: 20px !important; } .mt30 { margin-top: 30px !important; } .mb0 { margin-bottom: 0 !important; } .mb16 { margin-bottom: 16px; } .mb24 { margin-bottom: 24px; } .mb32 { margin-bottom: 32px; } .mb40 { margin-bottom: 40px; } .mb64 { margin-bottom: 64px; } .p24 { padding: 24px; } .p0 { padding: 0; } .pt48 { padding-top: 48px; } .pb0 { padding-bottom: 0 !important; } .pt0 { padding-top: 0; } @media all and (max-width: 767px) { .mb-xs-24 { margin-bottom: 24px; } .mb-xs-40 { margin-bottom: 40px; } } /*!---------- 23. OTHER ----------*/ .border-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .feature-1 i { font-size: 64px; } .parallax-section { padding-top: 0; padding-bottom: 0; border: 0; } .parallax-window { background: transparent; } .small-screen .top-parallax-section { overflow: hidden; padding: 96px 0; } .social-list { font-size: 22px; } .testimonial-img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 100px; width: 100px; margin-bottom: 16px; } .image-bg a { color: #745cf9; } .widget-area section { border-bottom: 0; padding: 0; } /* Layout */ .has-sidebar-left #secondary { padding-right: 40px; } .no-sidebar { float: none; margin: 0 auto; } .full-width { width: 100%; } .tags-links { display: block; } #social { background: transparent; float: right; } #social li { display: inline-block; } #social li, #social ul { border: 0 !important; list-style: none; padding-left: 0; text-align: center; } #social .social_icon span { display: none; } #social li a[href*="twitter.com"] .fa:before, .fa-twitter:before { content: "\f099" } #social li a[href*="facebook.com"] .fa:before, .fa-facebook-f:before, .fa-facebook:before { content: "\f09a" } #social li a[href*="github.com"] .fa:before, .fa-github:before { content: "\f09b" } #social li a[href*="/feed"] .fa:before, .fa-rss:before { content: "\f09e" } #social li a[href*="pinterest.com"] .fa:before, .fa-pinterest:before { content: "\f0d2" } #social li a[href*="plus.google.com"] .fa:before, .fa-google-plus:before { content: "\f0d5" } #social li a[href*="linkedin.com"] .fa:before, .fa-linkedin:before { content: "\f0e1" } #social li a[href*="youtube.com"] .fa:before, .fa-youtube:before { content: "\f167" } #social li a[href*="instagram.com"] .fa:before, .fa-instagram:before { content: "\f16d" } #social li a[href*="flickr.com"] .fa:before, .fa-flickr:before { content: "\f16e" } #social li a[href*="tumblr.com"] .fa:before, .fa-tumblr:before { content: "\f173" } #social li a[href*="dribbble.com"] .fa:before, .fa-dribbble:before { content: "\f17d" } #social li a[href*="skype.com"] .fa:before, .fa-skype:before { content: "\f17e" } #social li a[href*="foursquare.com"] .fa:before, .fa-foursquare:before { content: "\f180" } #social li a[href*="vimeo.com"] .fa:before, .fa-vimeo-square:before { content: "\f194" } #social li a[href*="spotify.com"] .fa:before, .fa-spotify:before { content: "\f1bc" } #social li a[href*="soundcloud.com"] .fa:before, .fa-soundcloud:before { content: "\f1be" } .header-image-bg { background-size: cover; position: relative; } .header-image-bg .page-title { position: relative; z-index: 2; } .customize-partial-edit-shortcut button, .widget .customize-partial-edit-shortcut button { left: 0 !important; } #site-navigation .customize-partial-edit-shortcut button, #site-navigation .widget .customize-partial-edit-shortcut button, #colophon .customize-partial-edit-shortcut button, #colophon .widget .customize-partial-edit-shortcut button, #secondary .customize-partial-edit-shortcut button, #secondary .widget .customize-partial-edit-shortcut button { left: -30px !important; } .video-widget { position: relative; overflow: hidden; height: calc(100vh - 56px); } .video-widget .video-controls { position: absolute; bottom: 20px; left: 20px; } .video-widget .video-controls button { background: #745cf9; color: #fff; border: none; outline: none; padding: 5px 10px; text-align: center; } .video-widget.youtube { position: relative; background: transparent; } .ytplayer-container { position: absolute; top: 0; z-index: -1; } .shapely_home_parallax { width: 100%; display: inline-block; } .bg-secondary .text-right { z-index: 2; } /* * Elements */ blockquote { background: transparent; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-left: none; position: relative; } blockquote:after { content: ''; height: 1px; width: 150px; display: block; position: absolute; bottom: 0; left: 50%; background: #001c28; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /* * Widgets */ .widget .widget-title { font-family: Arial; font-size: 22px; line-height: 24px; color: #001c28; margin-bottom: 25px; } .widget.widget_archive > div ul, .widget.widget_archive ul, .widget.widget_categories > div ul, .widget.widget_categories ul, .widget.widget_meta > div ul, .widget.widget_meta ul, .widget.widget_pages > div ul, .widget.widget_pages ul, .widget.widget_nav_menu > div ul, .widget.widget_nav_menu ul { list-style-type: none; padding-left: 0; margin-left: 0; } .widget.widget_archive > div ul li, .widget.widget_archive ul li, .widget.widget_categories > div ul li, .widget.widget_categories ul li, .widget.widget_meta > div ul li, .widget.widget_meta ul li, .widget.widget_pages > div ul li, .widget.widget_pages ul li, .widget.widget_nav_menu > div ul li, .widget.widget_nav_menu ul li { border-bottom: 1px solid #ebebeb; padding-bottom: 20px; margin-bottom: 20px; } .widget.widget_archive > div ul li:last-of-type, .widget.widget_archive ul li:last-of-type, .widget.widget_categories > div ul li:last-of-type, .widget.widget_categories ul li:last-of-type, .widget.widget_meta > div ul li:last-of-type, .widget.widget_meta ul li:last-of-type, .widget.widget_pages > div ul li:last-of-type, .widget.widget_pages ul li:last-of-type, .widget.widget_nav_menu > div ul li:last-of-type, .widget.widget_nav_menu ul li:last-of-type { border: none; padding-bottom: 0; } .widget.widget_archive > div ul li span, .widget.widget_archive ul li span, .widget.widget_categories > div ul li span, .widget.widget_categories ul li span, .widget.widget_meta > div ul li span, .widget.widget_meta ul li span, .widget.widget_pages > div ul li span, .widget.widget_pages ul li span, .widget.widget_nav_menu > div ul li span, .widget.widget_nav_menu ul li span { font-size: 12px; font-family: Arial; color: #8c979e; float: right; } .widget.widget_archive > div ul li a, .widget.widget_archive ul li a, .widget.widget_categories > div ul li a, .widget.widget_categories ul li a, .widget.widget_meta > div ul li a, .widget.widget_meta ul li a, .widget.widget_pages > div ul li a, .widget.widget_pages ul li a, .widget.widget_nav_menu > div ul li a, .widget.widget_nav_menu ul li a { font-size: 14px; font-family: Arial; color: #8c979e; font-weight: 400; } .widget.widget_archive > div ul li a:focus, .widget.widget_archive > div ul li a:hover, .widget.widget_archive ul li a:focus, .widget.widget_archive ul li a:hover, .widget.widget_categories > div ul li a:focus, .widget.widget_categories > div ul li a:hover, .widget.widget_categories ul li a:focus, .widget.widget_categories ul li a:hover, .widget.widget_meta > div ul li a:focus, .widget.widget_meta > div ul li a:hover, .widget.widget_meta ul li a:focus, .widget.widget_meta ul li a:hover, .widget.widget_pages > div ul li a:focus, .widget.widget_pages > div ul li a:hover, .widget.widget_pages ul li a:focus, .widget.widget_pages ul li a:hover, .widget.widget_nav_menu > div ul li a:focus, .widget.widget_nav_menu > div ul li a:hover, .widget.widget_nav_menu ul li a:focus, .widget.widget_nav_menu ul li a:hover { color: #5234f9; } .widget.widget_recent_comments ul { list-style-type: none; padding-left: 0; margin-left: 0; } .widget.widget_recent_comments ul li { color: #8c979e; } .widget.widget_recent_comments ul li a { font-family: Arial; font-weight: 400; } .widget.widget_recent_comments ul li .comment-author-link { color: #8c979e; } .widget.widget_recent_comments ul li .comment-author-link a { color: #8c979e; } .widget.widget_recent_comments ul li .comment-author-link a:focus, .widget.widget_recent_comments ul li .comment-author-link a:hover { color: #5234f9; } .widget.widget_nav_menu .menu > li { float: none; } .widget.widget_nav_menu .menu > li a { text-transform: initial; font-size: 14px; font-family: Arial; color: #8c979e; font-weight: 400; opacity: 1; } .widget.widget_nav_menu .menu > li a:focus, .widget.widget_nav_menu .menu > li a:hover { color: #5234f9; } .widget.widget_tag_cloud a { text-transform: initial; font-size: 14px; font-family: Arial; color: #8c979e; font-weight: 400; } .widget.widget_tag_cloud a:focus, .widget.widget_tag_cloud a:hover { color: #5234f9; } .widget.widget_recent_entries ul { list-style-type: none; padding-left: 0; margin-left: 0; } .widget.widget_recent_entries ul li { border-bottom: 1px solid #ebebeb; padding-bottom: 20px; margin-bottom: 20px; } .widget.widget_recent_entries ul li:last-of-type { border: none; padding-bottom: 0; } .widget.widget_recent_entries ul li .post-date { font-size: 12px; color: #001c28; padding-left: 10px; border-left: 1px solid #ebebeb; } .widget.widget_recent_entries ul li a { text-transform: initial; font-size: 14px; font-family: Arial; color: #8c979e; font-weight: 400; display: inline-block; width: 100%; } .widget.widget_recent_entries ul li a:focus, .widget.widget_recent_entries ul li a:hover { color: #5234f9; } .widget.widget_rss .rss-widget-icon { display: none; } .widget.widget_rss .widget-title a { font-family: Arial; font-size: 22px; line-height: 24px; color: #001c28; margin-bottom: 25px; font-weight: 400; } .widget.widget_rss ul { list-style-type: none; padding-left: 0; margin-left: 0; } .widget.widget_rss ul li { margin-bottom: 40px; } .widget.widget_rss ul li .rsswidget { font-size: 22px; font-family: Arial; line-height: 24px; font-weight: 400; color: #001c28; display: block; } .widget.widget_rss ul li .rsswidget:hover, .widget.widget_rss ul li .rsswidget:focus { color: #745cf9; } .widget.widget_rss ul li .rss-date { font-size: 12px; display: inline-block; width: 100%; margin-bottom: 30px; } .widget.widget_rss ul li .rssSummary { color: #8c979e; font-size: 14px; } .widget.widget_rss ul li cite { color: #001c28; font-style: normal; } .widget.widget_search .search-form { padding: 0; position: relative; } .widget.widget_search .search-form:after { content: '\f002'; display: block; top: 0; right: 23px; z-index: -1; font-family: 'FontAwesome'; position: absolute; color: #ebebeb; } .widget.widget_search .search-form > input { background: transparent; border: 1px solid #ebebeb; text-transform: initial; font-weight: 400; } .widget.widget_search .search-form > input#s:hover, .widget.widget_search .search-form > input#s:focus { border-color: #745cf9; box-shadow: none; outline: none; } .widget.widget_search .search-form > .searchsubmit { position: absolute; border: none; top: 7px; right: 0; margin: 0; bottom: 7px; height: 35px; width: 40px; border-left: 1px solid #ebebeb; color: transparent; } .widget.widget_search .search-form > .searchsubmit:hover, .widget.widget_search .search-form > .searchsubmit:focus, .widget.widget_search .search-form > .searchsubmit:active { color: transparent; } .widget.widget_search .search-form :-moz-placeholder { text-transform: initial; font-weight: 400; letter-spacing: initial; color: #8c979e; font-size: 14px; font-family: 'Raleway'; } .widget.widget_search .search-form ::-moz-placeholder { text-transform: initial; font-weight: 400; letter-spacing: initial; color: #8c979e; font-size: 14px; font-family: 'Raleway'; } .widget.widget_search .search-form :-ms-input-placeholder { text-transform: initial; font-weight: 400; letter-spacing: initial; color: #8c979e; font-size: 14px; font-family: 'Raleway'; } .widget.widget_calendar { position: relative; } .widget.widget_calendar .widget-title, .widget.widget_calendar h3 { display: none; } .widget.widget_calendar table { border: 0; border-collapse: separate; border-spacing: 4px; } .widget.widget_calendar #wp-calendar { font-size: 12px; } .widget.widget_calendar #wp-calendar > caption { color: #001c28; font-family: Arial; text-align: center; font-size: 18px; font-weight: 400; padding-bottom: 20px; padding-top: 16px; min-height: 55px; position: relative; margin-bottom: 20px; border-bottom: 1px solid #ebebeb; } .widget.widget_calendar #wp-calendar > caption:after { width: 75px; display: block; content: ''; height: 1px; background: #745cf9; position: absolute; bottom: -1px; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .widget.widget_calendar #wp-calendar thead { color: #745cf9; } .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev) { width: 44px; height: 44px; border: 1px solid #ebebeb; } .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today { border-color: #745cf9; } .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today:hover { background: #745cf9; color: #fff; } .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today:hover a { color: #fff; } .widget.widget_calendar #wp-calendar td, .widget.widget_calendar #wp-calendar th { padding: 6px 7px; color: #001c28; text-align: center; } .widget.widget_calendar #wp-calendar td a, .widget.widget_calendar #wp-calendar th a { color: #745cf9; text-decoration: none; } .widget.widget_calendar #wp-calendar td a:hover, .widget.widget_calendar #wp-calendar td a:focus, .widget.widget_calendar #wp-calendar th a:hover, .widget.widget_calendar #wp-calendar th a:focus { text-decoration: none; } .widget.widget_calendar #wp-calendar #prev { position: absolute; top: -2px; left: 10%; width: 35px; height: 55px; background-color: transparent; color: #FFF; } .widget.widget_calendar #wp-calendar #prev:before { content: '\f104'; display: block; font-size: 16px; line-height: 46px; text-align: center; position: relative; font-family: 'FontAwesome'; color: #001c28; } .widget.widget_calendar #wp-calendar #prev > a { top: 18px; position: absolute; color: transparent !important; left: 0; } .widget.widget_calendar #next { position: absolute; top: -2px; right: 10%; width: 35px; height: 55px; background-color: transparent; color: #FFF; } .widget.widget_calendar #next:before { content: '\f105'; display: block; font-size: 16px; line-height: 46px; text-align: center; position: relative; font-family: 'FontAwesome'; color: #001c28; } .widget.widget_calendar #next > a { top: 18px; position: absolute; color: transparent !important; right: 0; } #colophon .site-info { margin-top: 15px; } #colophon .widget { display: inline-block; width: 100%; } #colophon .widget ul { padding-left: 0; margin-left: 0; } #colophon .widget ul li { margin-right: 0; } #colophon .widget .widget-title { color: #fff; border-bottom: none; } #colophon .widget.widget_calendar #wp-calendar > caption { color: #fff; } #colophon .widget.widget_calendar #wp-calendar td:not(.pad):not(#next):not(#prev)#today, #colophon .widget.widget_calendar #wp-calendar thead { color: #fff; } #colophon .widget.widget_calendar #wp-calendar th, #colophon .widget.widget_calendar #wp-calendar td { color: #fff; } #colophon .widget.widget_calendar #wp-calendar #prev:before, #colophon .widget.widget_calendar #wp-calendar #next:before { color: #fff; } #colophon .widget.widget_rss ul li .rsswidget { color: #fff; } #colophon .widget.widget_rss ul li .rsswidget:hover, #colophon .widget.widget_rss ul li .rsswidget:focus { color: #5234f9; } #colophon .widget.widget_rss .widget-title a { color: #fff; } #colophon .widget.widget_rss .widget-title a:hover, #colophon .widget.widget_rss .widget-title a:focus { color: #5234f9; } /* * Content */ .post-content { margin-bottom: 20px; } .post-content .entry-header { position: relative; } .post-content .entry-header img { width: 100%; } .post-content .post-meta { list-style-type: none; margin-left: 0; } .post-content .post-meta li { position: relative; } .post-content .post-meta li a { color: #745cf9; font-weight: 400; } .post-content .post-meta li a:hover, .post-content .post-meta li a:focus { color: #5234f9; } .post-content .post-meta li:before { content: ''; height: 10px; width: 2px; background: #001c28; display: block; position: absolute; bottom: 6px; left: -13px; } .post-content .post-meta li:first-of-type:before { content: none; } .post-content .entry-content .post-title { font-size: 30px; line-height: 35px; margin-top: 25px; margin-bottom: 10px; } .post-content .entry-content .post-title a { font-weight: 300; color: #001c28; } .post-content .entry-content p { color: #8c979e; } .post-content.post-grid-small .shapely-category { width: 70%; } .post-content .shapely-category { position: absolute; background: #fff; height: 62px; width: 45%; bottom: 0; left: 0; } .post-content .shapely-category a { font-family: Arial; font-size: 12px; font-weight: 900; text-transform: uppercase; color: #bebebe; display: inline-block; width: 100%; text-align: center; margin-top: 16px; padding-bottom: 13px; position: relative; } .post-content .shapely-category a:hover, .post-content .shapely-category a:focus { color: #5234f9; } .post-content .shapely-category a:after { content: ''; display: block; width: 45px; height: 1px; background: #ebebeb; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; } .post-content .more-link { display: block; width: 140px; margin-top: 20px; text-align: center; background: #745cf9; color: #fff; padding: 10px 20px; } .post-content .more-link:hover, .post-content .more-link:focus { background: #5234f9; } .shapely-next-prev { padding-bottom: 35px; } .shapely-tags { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #ebebeb; } .shapely-tags > span { font-size: 15px; color: #767676; margin-right: 10px; } .shapely-tags > a { font-size: 15px; font-weight: 400; color: #767676; } .shapely-tags > a:hover, .shapely-tags > a:focus { color: #5234f9; } .shapely-related-posts { padding-top: 35px; border-top: 1px solid #ebebeb; position: relative; } .shapely-related-posts .shapely-related-post-title a { color: #001c28; font-size: 18px; font-weight: normal; display: inline-block; margin-top: 20px; position: relative; padding-left: 9px; } .shapely-related-posts .shapely-related-post-title a:before { content: ''; height: 13px; width: 1px; background: #e1e1e1; position: absolute; left: 0; top: 6px; } .shapely-related-posts .shapely-related-post-title a:hover, .shapely-related-posts .shapely-related-post-title a:focus { color: #5234f9; } .shapely-related-posts .shapely-carousel-navigation { margin-bottom: 0; } .shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows { list-style-type: none; margin: 0; } .shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li { display: inline-block; position: absolute; right: -17px; top: 50%; width: 35px; height: 35px; background: rgba(0, 0, 0, 0.6); border-radius: 50%; z-index: 100; text-align: center; line-height: 35px; } .shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li a { color: #fff; display: block; line-height: 35px; } .shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li:hover, .shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li:focus { background: black; } .shapely-related-posts .shapely-carousel-navigation .shapely-carousel-arrows li:first-of-type { left: -17px; right: initial; } /* * Comments */ .comment-form :-moz-placeholder { text-transform: initial; font-weight: 400; letter-spacing: initial; color: #8c979e; font-size: 14px; font-family: 'Raleway'; } .comment-form ::-moz-placeholder { text-transform: initial; font-weight: 400; letter-spacing: initial; color: #8c979e; font-size: 14px; font-family: 'Raleway'; } .comment-form :-ms-input-placeholder { text-transform: initial; font-weight: 400; letter-spacing: initial; color: #8c979e; font-size: 14px; font-family: 'Raleway'; } .comment-form textarea { background: transparent; border-bottom: 1px solid #ebebeb; height: 120px; } .comment-form textarea:focus, .comment-form textarea:active { outline: none; border-bottom: 1px solid #745cf9; } .comment-form input[type="text"], .comment-form input[type="url"], .comment-form input[type="email"] { background: transparent; border-bottom: 1px solid #ebebeb; width: 31.3%; float: left; margin-right: 3%; } .comment-form input[type="text"]:last-of-type, .comment-form input[type="url"]:last-of-type, .comment-form input[type="email"]:last-of-type { margin: 0; } .comment-form input[type="text"]:focus, .comment-form input[type="text"]:active, .comment-form input[type="url"]:focus, .comment-form input[type="url"]:active, .comment-form input[type="email"]:focus, .comment-form input[type="email"]:active { outline: none; border-bottom: 1px solid #745cf9; } .comment-form .form-submit { display: inline-block; width: 100%; margin-top: 15px; } .author-bio { background: transparent; } .author-bio .avatar img { border-radius: 50%; } @media all and (min-width: 991px) { .author-bio .col-sm-10:before { width: 1px; position: absolute; top: 0; bottom: 0; left: -25px; background: #ebebeb; content: ''; } } .author-bio .fn { font-weight: 400; font-size: 18px; } .author-bio p { margin-top: 10px; color: #8c979e; font-size: 14px; } .author-bio .author-email { color: #8c979e; font-weight: 400; } .author-bio .author-email:hover, .author-bio .author-email:focus { color: #5234f9; } @media all and (min-width: 550px) { .author-bio .author-social { position: absolute; right: 20px; top: 0; } } .author-bio .author-social li { padding: 0 5px; } .author-bio .author-social li a { color: #001c28; font-size: 12px; } .author-bio-left-side .col-sm-2, .author-bio-left-side .col-sm-10 { width: 100%; } .author-bio-left-side .author-bio { text-align: center; padding: 15px 20px; } .author-bio-left-side .author-bio .fn { margin-top: 10px; display: inline-block; width: 100%; } .author-bio-left-side .author-bio .author-email { display: none; } .author-bio-left-side .author-bio .author-social { position: relative; display: inline-block; text-align: center; top: initial; left: initial; right: initial; bottom: initial; } .author-bio-left-side .author-bio .author-social li a { color: #001c28; } .single-post .entry-content .dropcaps-content p:first-child:first-letter { float: left; font-size: 57px; margin: 10px; margin-right: 20px; color: #001c28; } .pt0 { padding-top: 30px; } .hover { position: relative; } .hover:before { content: ""; position: absolute; width: 83px; height: 83px; top: 50%; left: 50%; margin-left: -42px; margin-top: -42px; visibility: hidden; z-index: 2; } .hover:after { background: rgba(0, 0, 0, 0.3); content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; } .panel-grid-cell:hover .hover:before, .panel-grid-cell:hover .hover:after { visibility: visible; } .panel-grid-cell:hover .theme-btn { background: #333333; color: #fff !important; border-color: #333333; } .sewer:before { background: url(https://www.darkviolet-armadillo-412415.hostingersite.com/wp-content/uploads/2018/03/sewer-icon.png); } .power:before { background: url(https://www.darkviolet-armadillo-412415.hostingersite.com/wp-content/uploads/2018/03/power.png); } .water:before { background: url(https://www.darkviolet-armadillo-412415.hostingersite.com/wp-content/uploads/2018/03/water.png); } .gas:before { background: url(https://www.darkviolet-armadillo-412415.hostingersite.com/wp-content/uploads/2018/03/gas.png); } .telecom:before { background: url(https://www.darkviolet-armadillo-412415.hostingersite.com/wp-content/uploads/2018/03/telecom.png); } .servey:before { background: url(https://www.darkviolet-armadillo-412415.hostingersite.com/wp-content/uploads/2018/03/servey.png); } .municipal:before { background: url(https://www.darkviolet-armadillo-412415.hostingersite.com/wp-content/uploads/2018/03/municipal.png); } .transmission:before { background: url(https://www.darkviolet-armadillo-412415.hostingersite.com/wp-content/uploads/2018/03/transmission-1.png); } .contract:before { background: url(https://www.darkviolet-armadillo-412415.hostingersite.com/wp-content/uploads/2019/06/Entreprises-TP-Icon.png); } .page-id-575 .banner_top, .page-id-563 .banner_top { display: none; } .gform_wrapper .gsection .gfield_label, .gform_wrapper h5.gsection_title, .gform_wrapper h3.gform_title { font-size: 1.7em; } /*27_06_2018 Country Option Full Width*/ .formitem #shipping_country, #country { float: left; width: calc(100% - 80px); } .widget-even.widget-last.widget-2.widget.widget_archive { display: none; } h5:not(.widget-title):after { position: absolute !important; content: " " !important; width: 60% !important; height: 3px !important; background: #fff !important; left: 50% !important; bottom: -4px !important; } .press-archive ul li { list-style: none; } .widget-area.col-md-4.hidden-sm .press-archive { margin-left: -42px; } .press-archive ul li a { font-weight: normal; color: gray; } #myBtn { display: none; /* Hidden by default */ position: fixed; /* Fixed/sticky position */ bottom: 20px; /* Place the button at the bottom of the page */ right: 30px; /* Place the button 30px from the right */ z-index: 99; /* Make sure it does not overlap */ border: none; /* Remove borders */ outline: none; /* Remove outline */ background-color: #ffc425; /* Set a background color */ color: #000; /* Text color */ cursor: pointer; /* Add a mouse pointer on hover */ padding: 7px 13px; /* Some padding */ border-radius: 10px; /* Rounded corners */ font-size: 22px; /* Increase font size */ height: 48px; } #myBtn:hover { background-color: #555; /* Add a dark-grey background on hover */ color: #fff; } .footer-widget-area ul.footer-products-main { list-style: none; } @media screen and (max-width: 767px) { .footer-widget-area .widget .widget-title { margin-bottom: 20px; margin-top: 20px; } .footer-widget-area #text-4 h5:nth-last-child(2) { display: none; } .footer-widget-area #custom_html-2 .textwidget .menuList { margin-top: 0; } } .product_overview .accessories_inn .slick-slider .acc_boxinn { position: relative !important; width: 265px !important; } .product_overview .accessories_inn .slick-slider .acc_boxinn img { height: 150px !important; position: absolute; margin: auto; top: 0; right: 0; left: 0; bottom: 0; width: auto !important; } #related_products .slick-slider .acc_boxinn { position: relative !important; width: 265px !important; } #related_products .slick-slider .acc_boxinn img { height: 210px !important; position: absolute; margin: auto; top: 0; right: 0; left: 0; bottom: 0; width: auto !important; } .page-template-template-accessories .productbox { position: relative !important; width: 350px !important; } .page-template-template-accessories .productbox img { height: 180px !important; position: absolute; margin: auto; top: 0; right: 0; left: 0; bottom: 0; width: auto !important; } .page-template-template-legacyProductPage .productbox { position: relative !important; width: 350px !important; } .page-template-template-legacyProductPage .productbox img { height: 180px !important; position: absolute; margin: auto; top: 0; right: 0; left: 0; bottom: 0; width: auto !important; } .TotalSoft_GV_SG_VideoTitle_1 { font-size: 20px; font-weight: bold; } .size-499x251 { height: 200px !important; } #social { border-bottom: none !important; } .acc_box h3 { line-height: 27px !important; } /*10-11-2018*/ .gform_body #gform_fields_1 { list-style: none; margin: 0; } .ginput_container .gfield_checkbox { list-style: none; } .gform_wrapper { margin: 16px 0; max-width: 100%; } .gform_wrapper form { text-align: left; max-width: 100%; margin: 0 auto; } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } @media only screen and (min-width: 641px) { .gform_wrapper .gform_body { width: 100%; } } .gform_wrapper ul li:after, .gform_wrapper ul li:before, .gform_wrapper ul.gform_fields { padding: 0; margin: 0; overflow: visible; } .gform_wrapper ul.gform_fields { margin: 0 !important; list-style-type: none; display: block; } .gform_wrapper ul, html > body .entry ul { text-indent: 0; } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } @media only screen and (min-width: 641px) { .gform_wrapper ul.gform_fields li.gfield { padding-right: 16px; } } body .gform_wrapper ul li.gfield { margin-top: 16px; padding-top: 0; } .gform_wrapper ul li.gfield { clear: both; } .gform_wrapper form li, .gform_wrapper li { margin-left: 0 !important; list-style: none !important; overflow: visible; } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } .gform_wrapper .top_label .gfield_label { display: -moz-inline-stack; display: inline-block; line-height: 1.3; clear: both; } .gform_wrapper label.gfield_label { font-weight: 700; font-size: inherit; } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } .gform_wrapper form li, .gform_wrapper li { margin-left: 0 !important; list-style: none !important; overflow: visible; } .gform_wrapper ul, html > body .entry ul { text-indent: 0; } @media only screen and (min-width: 641px) { .top_label div.ginput_complex.ginput_container.gf_name_has_1, .top_label div.ginput_complex.ginput_container.gf_name_has_2, .top_label div.ginput_complex.ginput_container.gf_name_has_3 { width: calc(100% + 15px); } } body .gform_wrapper .top_label div.ginput_container { margin-top: 8px; } .gform_wrapper .ginput_complex.ginput_container { overflow: visible; width: 100%; } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } .gform_wrapper form li, .gform_wrapper li { margin-left: 0 !important; list-style: none !important; overflow: visible; } .gform_wrapper ul, html > body .entry ul { text-indent: 0; } .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle { padding-top: 2px; } @media only screen and (min-width: 641px) { html div.ginput_complex.ginput_container.gf_name_has_2 span:first-child, html div.ginput_complex.ginput_container.gf_name_has_3 span:first-child, html div.ginput_complex.ginput_container.gf_name_has_4 span:first-child, html div.ginput_complex.ginput_container.gf_name_has_5 span:first-child { margin-left: 0 !important; } } @media only screen and (min-width: 641px) { div.ginput_complex.ginput_container.gf_name_has_2 span { width: 50%; } } @media only screen and (min-width: 641px) { div.ginput_container_name span { display: -moz-inline-stack; display: inline-block; vertical-align: top; padding-right: 16px; margin-right: -4px; } } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } p, span { font-weight: 400; } .gform_wrapper form li, .gform_wrapper li { margin-left: 0 !important; list-style: none !important; overflow: visible; } .gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_wrapper .ginput_complex select { width: 100%; } .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { font-size: inherit; font-family: inherit; padding: 5px 4px; letter-spacing: normal; } input[type="text"], input[type="search"], input[type="email"], input[type="tel"], select, textarea { background: transparent; border: 1px solid #e3e3e3; height: 50px; } input[type="text"], input[type="search"], input[type="email"], input[type="tel"] { background: #f5f5f5; border: none; width: 100%; height: 50px; padding-left: 20px; font-weight: 500; margin-bottom: 24px; border-radius: 0; } .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label { margin: 1px 0 9px 1px; } .gform_wrapper ul, html > body .entry ul { text-indent: 0; } ul { list-style: disc; } .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle { padding-top: 2px; } @media only screen and (min-width: 641px) { div.ginput_complex.ginput_container.gf_name_has_2 span { width: 50%; } } @media only screen and (min-width: 641px) { div.ginput_container_name span { display: -moz-inline-stack; display: inline-block; vertical-align: top; padding-right: 16px; margin-right: -4px; } } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } .gform_wrapper ul.gform_fields { margin: 0 !important; list-style-type: none; display: block; } .gform_wrapper ul, html > body .entry ul { text-indent: 0; } @media only screen and (min-width: 641px) { .top_label div.ginput_complex.ginput_container.gf_name_has_1, .top_label div.ginput_complex.ginput_container.gf_name_has_2, .top_label div.ginput_complex.ginput_container.gf_name_has_3 { width: calc(100% + 15px); } } body .gform_wrapper .top_label div.ginput_container { margin-top: 8px; } .gform_wrapper .ginput_complex.ginput_container { overflow: visible; width: 100%; } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } .gform_wrapper ul.gform_fields { margin: 0 !important; list-style-type: none; display: block; } .gform_wrapper ul, html > body .entry ul { text-indent: 0; } ul { list-style: disc; } @media only screen and (min-width: 641px) { .gform_wrapper ul.gform_fields li.gfield { padding-right: 16px; } } body .gform_wrapper ul li.gfield { margin-top: 16px; padding-top: 0; } .gform_wrapper ul li.gfield { clear: both; } .gform_wrapper form li, .gform_wrapper li { margin-left: 0 !important; /* list-style: none!important; */ overflow: visible; } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } @media only screen and (min-width: 641px) { .gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) { width: 33.3%; } } @media only screen and (min-width: 641px) { .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .top_label li.gfield.gf_right_third { display: -moz-inline-stack; display: inline-block; vertical-align: top; float: none; margin-bottom: 8px; } } @media only screen and (min-width: 641px) { .gform_wrapper ul.gform_fields li.gfield { padding-right: 16px; } } body .gform_wrapper ul li.gfield { margin-top: 16px; padding-top: 0; } .gform_wrapper ul li.gfield { clear: both; } .gform_wrapper form li, .gform_wrapper li { margin-left: 0 !important; /* list-style: none!important; */ overflow: visible; } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } .gform_wrapper ul.gform_fields { margin: 0 !important; list-style-type: none; display: block; } .gform_wrapper ul, html > body .entry ul { text-indent: 0; } ul { list-style: disc; } @media only screen and (min-width: 641px) { .gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) { width: 33.3%; } } @media only screen and (min-width: 641px) { .gform_wrapper .top_label li.gfield.gf_left_third + .gform_footer, .gform_wrapper .top_label li.gfield.gf_left_third + li.gfield, .gform_wrapper .top_label li.gfield.gf_middle_third + .gform_footer, .gform_wrapper .top_label li.gfield.gf_middle_third + li.gfield, .gform_wrapper .top_label li.gfield.gf_right_third + .gform_footer, .gform_wrapper .top_label li.gfield.gf_right_third + li.gfield { clear: both; } } @media only screen and (min-width: 641px) { .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .top_label li.gfield.gf_right_third { display: -moz-inline-stack; display: inline-block; vertical-align: top; float: none; margin-bottom: 8px; } } @media only screen and (min-width: 641px) { .gform_wrapper ul.gform_fields li.gfield { padding-right: 16px; } } body .gform_wrapper ul li.gfield { margin-top: 16px; padding-top: 0; } .gform_wrapper form li, .gform_wrapper li { margin-left: 0 !important; /* list-style: none!important; */ overflow: visible; } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } .gform_wrapper ul.gform_fields { margin: 0 !important; list-style-type: none; display: block; } .gform_wrapper ul, html > body .entry ul { text-indent: 0; } ul { list-style: disc; } @media only screen and (min-width: 641px) { .gform_wrapper .top_label li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) { width: 33.4%; } } @media only screen and (min-width: 641px) { .gform_wrapper .top_label li.gfield.gf_left_third + .gform_footer, .gform_wrapper .top_label li.gfield.gf_left_third + li.gfield, .gform_wrapper .top_label li.gfield.gf_middle_third + .gform_footer, .gform_wrapper .top_label li.gfield.gf_middle_third + li.gfield, .gform_wrapper .top_label li.gfield.gf_right_third + .gform_footer, .gform_wrapper .top_label li.gfield.gf_right_third + li.gfield { clear: both; } } @media only screen and (min-width: 641px) { .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .top_label li.gfield.gf_right_third { display: -moz-inline-stack; display: inline-block; vertical-align: top; float: none; margin-bottom: 8px; } } @media only screen and (min-width: 641px) { .gform_wrapper ul.gform_fields li.gfield { padding-right: 16px; } } body .gform_wrapper ul li.gfield { margin-top: 16px; padding-top: 0; } .gform_wrapper form li, .gform_wrapper li { margin-left: 0 !important; /* list-style: none!important; */ overflow: visible; } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } .gform_wrapper ul.gform_fields { margin: 0 !important; list-style-type: none; display: block; } .gform_wrapper ul, html > body .entry ul { text-indent: 0; } ul { list-style: disc; } @media only screen and (min-width: 641px) { .gform_wrapper .top_label li.gfield.gf_left_third + .gform_footer, .gform_wrapper .top_label li.gfield.gf_left_third + li.gfield, .gform_wrapper .top_label li.gfield.gf_middle_third + .gform_footer, .gform_wrapper .top_label li.gfield.gf_middle_third + li.gfield, .gform_wrapper .top_label li.gfield.gf_right_third + .gform_footer, .gform_wrapper .top_label li.gfield.gf_right_third + li.gfield { clear: both; } } @media only screen and (min-width: 641px) { .gform_wrapper ul.gform_fields li.gfield { padding-right: 16px; } } body .gform_wrapper ul li.gfield { margin-top: 16px; padding-top: 0; } .gform_wrapper form li, .gform_wrapper li { margin-left: 0 !important; /* list-style: none!important; */ overflow: visible; } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } .gform_wrapper ul.gform_fields { margin: 0 !important; list-style-type: none; display: block; } .gform_wrapper ul, html > body .entry ul { text-indent: 0; } ul { list-style: disc; } @media only screen and (min-width: 641px) { .gform_wrapper ul.gform_fields li.gfield { padding-right: 16px; } body .gform_wrapper ul li.gfield { margin-top: 16px; padding-top: 0; } .gform_wrapper ul li.gfield { clear: both; } .gform_wrapper form li, .gform_wrapper li { margin-left: 0 !important; /* list-style: none!important; */ overflow: visible; } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } .gform_wrapper ul.gform_fields { margin: 0 !important; list-style-type: none; display: block; } .gform_wrapper ul, html > body .entry ul { text-indent: 0; } ul { list-style: disc; } .gform_wrapper ul li:after, .gform_wrapper ul li:before, .gform_wrapper ul.gform_fields { padding: 0; margin: 0; overflow: visible; } .gform_wrapper ul.gform_fields { margin: 0 !important; list-style-type: none; display: block; } .gform_wrapper ul, html > body .entry ul { text-indent: 0; } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } @media only screen and (min-width: 641px) { .gform_wrapper .gform_body { width: 100%; } } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } .gform_wrapper .gform_footer { padding: 16px 0 10px; margin: 16px 0 0; clear: both; width: 100%; } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } .gform_wrapper form { /* text-align: left; */ max-width: 100%; margin: 0 auto; } .gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before { box-sizing: border-box !important; } .gform_wrapper { margin: 16px 0; max-width: 100%; } @media only screen and (min-width: 641px) { .gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) input:not([type=radio]):not([type=checkbox]):not(.ginput_quantity), .gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) select, .gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) input:not([type=radio]):not([type=checkbox]):not(.ginput_quantity), .gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) select, .gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) input:not([type=radio]):not([type=checkbox]):not(.ginput_quantity), .gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) select { width: 100% !important; } } @media only screen and (min-width: 641px) { .gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li { width: 50%; display: -moz-inline-stack; display: inline-block; margin: 0; padding-right: 16px; min-height: 28px; vertical-align: top; font-size: 90%; } } body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio { margin-top: 16px; margin-bottom: 0; } .gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio { margin: 6px 0; padding: 0; } @media only screen and (min-width: 641px) { .gform_wrapper textarea.medium { height: 160px; width: 100%; } } .gform_wrapper textarea { padding: 6px 8px; line-height: 1.5; resize: none; } } @media only screen and (min-width: 641px) { .gform_wrapper textarea.medium { height: 160px; width: 100%; } } .stepwizard { float: left; width: 100%; } .stepwizard-step { width: 25%; float: left; text-align: center; } .stepwizard-step .btn { border-radius: 50% !important; width: 42px !important; height: 42px !important; min-width: inherit; padding: 0 !important; color: #fff; opacity: 1 !important; font-family: Lato !important; font-size: 19px !important; } .setup-content label { display: block; float: none !important; width: auto !important; margin-bottom: 15px !important; font-size: 17px !important; font-weight: 500; } .setup-content input, .setup-content select { background: #fafafa !important; border: 1px solid #e6e6e6 !important; border-radius: 10px; margin-bottom: 22px !important; padding: 4px 10px; } #step-3 select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .side-col { text-align: center; background: #ffd924; min-height: 425px; padding:40px; /* display: -webkit-flex; */ display: grid; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: center; align-content: center; margin-top: 200px; float: right; width: 100%; box-shadow: 0 6px 9px rgba(0, 109, 243, 0.2); box-shadow: 4px 5px 2px 0px rgba(0, 109, 243, 0.21); border-radius: 0 0 14px 0 !important; } .side-col .fa { font-size: 32px; color: #fff; } .side-col h5 { position: inherit; font-size: 19px; text-transform: uppercase; line-height: inherit; margin: 20px 0; } .side-col p { font-size: 16px; color: #000; } .side-col h5::after { display: none; } .step-1 input, .step-1 select { width: 100% !important; float: left; min-height: 50px; } input[type="text"]:focus, input[type="search"]:focus { outline: 0 !important; } .shipping-col input { width: auto !important; } .formlistDiv { border-bottom: 0 !important; } .Previous-next { margin-top: 100px; } .previous-step { width: 50%; } .pre-next { float: right; text-align: right; } .previous-step button { background: #ffc425; padding: 20px 45px; font-size: 17px; margin: 0 15px !important; } .previous-step .fa { font-size: 35px; line-height: 54px; } .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #ffc425; border-color: #ffc425; } .print-my-form-row .modal-footer input:hover { background: #333333 !important; border-color: #333333 !important; color: #fff; } .pre-next .fa { float: right; } .pre-pre .fa { float: left; } .pre-pre { float: left; text-align: left; } .formlistDiv select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .checkbox-row input { position: absolute; left: -9999px; } .checkbox-row label { position: relative; padding: 14px 44px; white-space: nowrap; cursor: pointer; user-select: none; margin: 0 !important; } .checkbox-row label::before { content: ''; display: block; position: absolute; top: 10px; bottom: 10px; left: 10px; width: 25px; border: 2px solid #d6d6d6; transition: background-color .2s; height: 25px; } .checkbox-row input:checked + label::before { background-color: #fff; } .checkbox-row input:checked + label::after { content: "\f00c"; display: block; position: absolute; top: 10px; bottom: 10px; left: 10px; width: 25px; border: 2px solid #d6d6d6; transition: background-color .2s; height: 25px; font: normal normal normal 14px/1 FontAwesome; font-size: 17px; text-align: center; line-height: 20px; color: #ffc425; } .checkbox-row label { font-size: 17px !important; } .step-2 .radio-inline { display: inline-block; } .redio-btn [type="radio"]:checked + span::after { -webkit-transform: scale(1.02); transform: scale(1.02); } .redio-btn [type="radio"]:checked + span::after, [type="radio"].redio-btn + span::after { background-color: #ffd924; left: 16px !important; width: 16px !important; border: 2px solid #fff !important; transition: background-color .2s !important; height: 16px !important; border-radius: 50%; margin: auto; top: 6px; } .redio-btn .radio-inline { padding: 3px 0 3px 42px; margin-right: 10px; margin-bottom: 0 !important; } .redio-btn [type="radio"]:not(:checked), .redio-btn [type="radio"]:checked { position: absolute; opacity: 0; pointer-events: none; } .redio-btn [type="radio"]:checked + span::before { border: 2px solid transparent; } .redio-btn [type="radio"] + span::before, [type="radio"] + span::after { content: ''; position: absolute; left: 0; top: 0; margin: 4px; width: 16px; height: 16px; z-index: 0; -webkit-transition: .28s ease; transition: .28s ease; } .redio-btn span::before { left: 10px !important; width: 20px !important; border: 2px solid #d6d6d6 !important; transition: background-color .2s !important; height: 20px !important; border-radius: 50%; } .sectionDescription { font-size: 17px; font-weight: normal; } .redio-btn { margin: 10px 0 10px -17px; } .formlistProduct { border-bottom: 0 !important; } .setup-content .addButton { background: url(add-btn.png) no-repeat center center / 45px !important; border: 0 !important; border-radius: 50%; width: 45px; height: 45px; /*margin: 40px 0 0 !important;*/ } .stepwizard-row.setup-panel { margin: auto; width: 100%; position: relative; float: left; } .stepwizard-row.setup-panel::before { content: ""; width: 77%; background: #e6e6e6; height: 4px; position: absolute; left: 0; right: 0; margin: auto; border-radius: 10px; top: 18px; z-index: -99; } .stepwizard-step p { font-family: Lato !important; text-transform: capitalize; color: #505050 !important; font-size: 14px; font-weight: bold; } .formtitle h3 { font-size: 26px; font-family: Lato !important; /* text-transform: capitalize !important;*/ } .formlistProduct .sectionDescription { font-family: Lato !important; font-size: 16px !important; } .setup-content { font-family: Lato !important; } .print-my-form-row .modal-body { background: #ffd924; padding: 40px 60px; text-align: center; } .ptint-note .fa { font-size: 56px; color: #fff; text-align: center !important; float: none !important; margin-bottom: 25px; display: inline-block; } .ptint-note h5 { font-size: 18px !important; margin: 0 0 20px 0; line-height: 29px; } .ptint-note p { font-size: 17px; margin-bottom: 0; } .ptint-note h5::after { display: none; } .print-my-form-row .modal-footer { padding: 65px 0; text-align: center; } .print-my-form-row .modal-footer input { background: #ffd924 !important; color: #000; padding: 0px 24px !important; margin: 0 11px !important; font-size: 12px !important; text-decoration: none !important; height: auto !important; font-weight: normal; transition: 0.8s; } .print-my-form-row { border-radius: 0 !important; } #print-my-form .modal-dialog { top: 50%; transform: translateY(-50%); } .note-text .fa { font-size: 32px; color: #ffc425; } .note-text { font-size: 17px; font-weight: 600; } .note-text p { margin-top: 15px; font-family: Lato !important; } .previous-step button { padding: 0 15px; text-transform: capitalize; font-weight: 600; } .step-2 .checkbox-row { margin-left: -13px; } .step-2 .step-1 { width: 100%; float: left; } .step-2 .step-1 .sectionDescription { padding: 20px 15px; } #step-3 select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fafafa url(select-img.png) no-repeat 92% / 9px !important; } .Can-find .fa { color: #ffd924; font-size: 20px; margin-right: 5px; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; font-size: 16px; } .stepwizard.dp-sticky .stepwizard-row.setup-panel { position: fixed; top: 66px; /* max-width: 100%; */ z-index: 9; background: #fff; padding-top: 20px; left: 0; right: 0; margin: auto; width: 1170px; } .dp-sticky .stepwizard-row.setup-panel:before { top: 40px; } .btn-orange-new { background-color: rgb(244, 204, 20) !important; border-color : rgb(244, 204, 20) !important } .btn-grey-new { background-color: #e6e6e6 !important; border-color : #e6e6e6 !important; } #step1 { background-color: rgb(244, 204, 20) !important; border-color: rgb(244, 204, 20) !important; } .btn-orange-new::before { position: absolute; width: 289px; right: -250px; content: ""; background: #f4cc14; height: 4px; top: 17px; z-index: -9; } #step3.btn-orange-new::after { position: absolute; width: 289px; right: 0; content: ""; background: #f4cc14; height: 5px; top: 17px; z-index: -9; } #step2.btn-orange-new::before { display: none; } #step3.btn-orange-new::before { display: none; } #step4::before { right: 0; } .btn-orange-new { position: relative; } .dp-sticky .btn-orange-new::before { width: 311px; right: -288px; } .btn-grey-new::after { display: none; } .btn-grey-new::before { display: none; } #step2.btn-grey-new::after { display: block; position: absolute; width: 289px; right: 0; content: ""; background: #e6e6e6; height: 4px; top: 17px !important; z-index: -9; } .breadcrumb-wrp { padding: 40px 19px; margin-top: 65px; } .dp-sticky #step3.btn-orange-new::after { position: absolute; width: 338px; right: 0; content: ""; background: #f4cc14; height: 5px; top: 17px; z-index: -9; } .dp-sticky #step4::before { right: 16px; } .dp-sticky #step2.btn-grey-new::after { display: block; position: absolute; width: 305px; right: 0; content: ""; background: #e6e6e6; height: 5px; top: 17px !important; z-index: -9; } .stepwizard-step a { position: relative !important; } @media screen and (max-width: 767px) { .stepwizard.dp-sticky .stepwizard-row.setup-panel { position: inherit !important; width: 100%; } .stepwizard-step { width: 50%; float: left; text-align: center; } .stepwizard-step a { border-radius: 50% !important; width: 42px !important; height: 42px !important; min-width: inherit; padding: 0 !important; color: #fff; opacity: 1 !important; font-family: Lato !important; font-size: 19px !important; } .stepwizard-step a::after, .stepwizard-step a::before { display: none; } .stepwizard-step p { font-size: 14px; } #step2.btn-grey-new::after, .stepwizard-row.setup-panel::before { display: none; } .stepwizard-step p { font-size: 13px; } .formtitle h3 { font-size: 20px; } .setup-content label { font-size: 14px !important; } .previous-step button { background: #ffc425; padding: 5px 5px !important; font-size: 14px; margin: 0 2px !important; min-width: inherit !important; height: auto !important; line-height: inherit; } .previous-step .fa { font-size: 24px; line-height: 38px; } .pre-next .btn-lg { margin-right: 0 !important; } } @media screen and (min-width:768px) and (max-width:1024px) { #step2.btn-grey-new::after { width: 205px; } .stepwizard.dp-sticky .stepwizard-row.setup-panel { width: 100%; } .dp-sticky #step2.btn-grey-new::after { width: 205px; } } .dp-thanks-adr{ max-width:400px; text-align: center } .dp-thanks-note{ font-size:14px; } #about_outer .panel-grid-cell { width: 1170px; margin: 0 auto; padding: 0 15px !important; } div#industry_main_content { position: absolute; background: rgba(255, 196, 37,0.80); transition: 0.5s ease all; height: 100%; left: 0; width: 100%; top: 0; padding: 15px; display: flex; align-items: center; opacity: 0; visibility: hidden; } #industry_main_section_inner .so-panel { position: static; margin: 0 !important; } #pl-w6059b2e498af3 .so-panel:last-child { margin-bottom: 0px; } div#industry_main_section_inner { position: relative; margin: 0 0 35px 0; } #pgc-w6054d12397e05-0-0 { width: 100%; width: calc(100% - ( 0 * 30px ) ); } div#industry_main_section { padding: 0 15px; } #pgc-w6059b2e498af3-0-0, #pgc-w6059b2e498af3-0-1, #pgc-w6059b2e498af3-0-2, #pgc-w6059b2e498af3-1-0, #pgc-w6059b2e498af3-1-1, #pgc-w6059b2e498af3-1-2, #pgc-w6059b2e498af3-2-0, #pgc-w6059b2e498af3-2-1, #pgc-w6059b2e498af3-2-2 { width: 33.3333%; width: calc(33.3333% - ( 0.66666666666667 * 30px ) ); } #pl-w6059b2e498af3 .so-panel:last-child { margin-bottom: 0px; } div#industry_main_section_inner { position: relative; margin: 0 0 35px 0; } #industry_outer{ margin-left:0px !important; margin-right:0px !important; } #featured_outer_main .carousel-slider-hero__cell__content { background: rgba(225, 173, 31, 0.90); text-align: left; padding: 30px; box-sizing: border-box; } h2:not(.widget-title):after{ background:none !important } #about_outer .ow-button-base a { padding: 10px 20px; border-radius: 5px; font-weight: bold; } .so-widget-sow-button-flat-bccb1bf962fe .ow-button-base a { box-sizing: border-box; font-size: 1.15em; padding: 1em 2em; background: #ffc425; color: #000000 !important; border: 1px solid #ffc425; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-width: 1px 0; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); } #featured_outer_main .carousel-slider-hero__cell__heading { font-size: 25px; color: #000; } #featured_outer_main .carousel-slider-hero__cell__description { font-size: 16px; color: #000; } #featured_outer_main .carousel-slider-hero__cell__content { text-align: left; } #featured_outer_main a.button { background: #000; border-radius: 5px !important; color: #ffca39; min-width: inherit; padding: 10px 16px; font-size: 14px; font-weight: bold; text-transform: capitalize; letter-spacing: 0; } #id-12532 .cs-hero-button-0-1 { border: 0px solid #ffca39; } .btn, .button { font-family: Arial; border: none !important; } .page-template-template_industries .shapely-content h2 { line-height: 23px !important; } .home div#pg-8766-2 { float: left; width: 100vw; position: relative; left: calc(-50vw + 50%); margin-bottom: 0; } div#pg-8766-4 { background: #F2F2F2; float: left; width: 100vw; position: relative; left: calc(-50vw + 50%); margin: 0; } .menuList li a{font-style:normal;} /*country-dropdown*/ .vodiapicker{ display: none; } #a{ padding-left: 0px; } #a img, .btn-select img{ width: auto; } #a li{ list-style: none; padding-top: 5px; padding-bottom: 5px; } #a li:hover{ background-color: #F4F3F3; } #a li img{ margin: 5px; } #a li span, .btn-select li span{ margin-left: 30px; display: none; } /* item list */ .b{ display: none; width: 100%; max-width: 350px; box-shadow: 0 6px 12px rgba(0,0,0,.175); border: 1px solid rgba(0,0,0,.15); border-radius: 5px; z-index: 99999999999999; position: relative; background: #eeeeee; margin: -10px 0 0 0; } .open{ display: show !important; } .btn-select{ margin-top: 10px; width: 100%; max-width: 350px; height: 36.5px; border-radius: 5px; background-color: #fff; border: 1px solid #ccc; } .btn-select li{ list-style: none; float: left; padding-bottom: 0px; } .btn-select:hover li{ margin-left: 0px; } .btn-select:hover{ background-color: #F4F3F3; border: 1px solid transparent; box-shadow: inset 0 0px 0px 1px #ccc; } .btn-select:focus{ outline:none; } .main-navigation #a li { float: none; padding: 0; } button.btn-select li a span { display: block; } .lang-select ul a, .btn-select li a { height: auto; } .main-navigation #a li { line-height: normal; } /*country-dropdown*/ .vodiapicker{ display: none; } #a{ padding-left: 0px; } #a img, .btn-select img{ width: auto; } #a li{ list-style: none; padding-top: 5px; padding-bottom: 5px; } #a li:hover{ background-color: #F4F3F3; } #a li img{ margin: 5px; } #a li span, .btn-select li span{ margin-left: 30px; display: none; } /* item list */ .b{ display: none; width: 100%; max-width: 350px; box-shadow: 0 6px 12px rgba(0,0,0,.175); border: 1px solid rgba(0,0,0,.15); border-radius: 5px; z-index: 99999999999999; position: relative; background: #eeeeee; margin: -10px 0 0 0; } .open{ display: show !important; } .btn-select{ margin-top: 10px; width: 100%; max-width: 350px; height: 36.5px; border-radius: 5px; background-color: #fff; border: 1px solid #ccc; } .btn-select li{ list-style: none; float: left; padding-bottom: 0px; } .btn-select:hover li{ margin-left: 0px; } .btn-select:hover{ background-color: #F4F3F3; border: 1px solid transparent; box-shadow: inset 0 0px 0px 1px #ccc; } .btn-select:focus{ outline:none; } .main-navigation #a li { float: none; padding: 0; } button.btn-select li a span { display: block; } .lang-select ul a, .btn-select li a { height: auto; } .main-navigation #a li { line-height: normal; } /*country-dropdown*/ .top-search .search_section_button input[type="submit"] { font-size: 11px; padding: 0; margin: 0; } .top-search .search_section_button input[type="submit"]:hover { background: #333333; } .top-search .search_section_inuput input[type="text"] { background: transparent; border: 1px solid #e3e3e3; height: 50px; border-radius: 0; padding: 3px 3px 3px 20px; font-size: 16px; font-weight: 500; color: #666; margin: 0; } .top-search .search_section_button.col-md-3.col-sm-3 { min-width: 17%; padding: 0; width: 23%; height: 50px; line-height: 48px; margin: 1px 0 0 8px; } .top-search .search_section_inner.col-md-9.col-sm-9 { width: 70%; } .top-search .function { padding: 8px; } /* swiper */ .swiper-wrapper ,.swiper-slide { height: auto; } .swiper-container-thumbs .swiper-slide { width: 99px !important; } .swiper-container-thumbs { margin-top: 20px; } .swiper-wrapper .col{ box-sizing: border-box; } .btn-light{ background-color: #ffd924 !important; border-color: #ffd924 !important; font-weight: 400 !important; } @media (min-width: 992px) { .d-lg-flex { display: flex !important; justify-content: center !important; } } label.requiredLabel>span{ color: red; } input#submit_email, input#submit_print{ background: #745cf9; border-radius: 0 !important; border: 2px solid #745cf9; color: #000; font-size: 11px; font-weight: 400; height: 50px; letter-spacing: 1px; line-height: 48px; max-width: 250px; padding: 0; text-transform: uppercase; width: 100%; } .print-my-form-row .modal-footer input#submit_email:hover, .print-my-form-row .modal-footer input#submit_print:hover { color: #fff !important; } /* start Simple Custom CSS and JS */ #id-8788.arrows-outside .owl-next { right: 48px !important; } div#tw-target-rmn-container{ display:none; } #id-8788.arrows-outside .owl-prev { left: 48px !important; } .side-col-new{ display:flex; text-align:center; margin-top: 116px; } .p_btn{ font-family: Arial; font-size: 14px; text-transform: capitalize; font-weight: 600; background: #ffc425; padding: 7px 15px; font-size: 17px; width:100%; } /************************************************************************************ smaller than 1190 *************************************************************************************/ @media screen and (max-width: 1190px) { .banner_top { float: none; } .page-template-template-accessories .productbox { width: 100% !important; } .g-captcha { float: none !important; margin-bottom: 20px; } .g-captcha { float: none !important; margin-bottom: 20px; } .training_center_section_gallery .textwidget > div > div > div > span:first-child { bottom: -55px; } .page-template-template-legacyProductPage .productbox { width: 100% !important; } } /************************************************************************************ smaller than 1024 *************************************************************************************/ @media screen and (max-width: 1024px) { .banner_top { height: 260px; float: none; } .banner_txt { padding: 185px 0 0; color: #fff; } } /************************************************************************************ smaller than 850 *************************************************************************************/ @media screen and (max-width: 850px) { .banner_top { height: 200px; float: none; } .banner_txt { padding: 138px 0 0; } } /************************************************************************************ smaller than 768 *************************************************************************************/ @media screen and (max-width: 768px) { .banner_top { height: 350px; } .banner_txt { padding: 266px 0 0; } }