/* PIRANHA SUBNAV Large*/
/*
views-marko -> 24794
views-marko de -> 24795
views-marko fr -> 24797
views-marko es -> 24796
views-marko sv -> 24798
views-uk-marko en -> 25035
views-uk-marko de -> ansichten-uk-marko -> 25037
views-uk-marko fr -> -uk-marko -> 25036
views-uk-marko es -> -uk-marko -> 25038
views-uk-marko sv -> -uk-marko ->
gecko-gallery en -> 18746
gecko-gallery-bike en -> 19318
gecko-gallery-truck en -> 19316
gecko-gallery-van en -> 19320
gecko-gallery fr -> 20231
gecko-gallery-bike fr -> 20197
gecko-gallery-truck fr -> 20222
gecko-gallery-van fr -> 20210
gecko-gallery de -> 20200
gecko-gallery-bike de -> 20188
gecko-gallery-truck de -> 20219
gecko-gallery-van de -> 20207
gecko-gallery es -> 20234
gecko-gallery-bike es -> 20194
gecko-gallery-truck es -> 20225
gecko-gallery-van es -> 20213
gecko-gallery sv -> 20237
gecko-gallery-bike sv -> 20191
gecko-gallery-truck sv -> 20228
gecko-gallery-van sv -> 20216
*/
.no-scrollbar::-webkit-scrollbar {
display: none
}
.no-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none
}
.disable-hover {
pointer-events: none;
}
body.page-id-24798 button,
body.page-id-24797 button,
body.page-id-24796 button,
body.page-id-24795 button,
body.page-id-24794 button,
body.page-id-25035 button,
body.page-id-25036 button,
body.page-id-25037 button,
body.page-id-25038 button,
body.page-id-25039 button,
body.page-id-20216 button,
body.page-id-20228 button,
body.page-id-20229 button,
body.page-id-20191 button,
body.page-id-20237 button,
body.page-id-20213 button,
body.page-id-20225 button,
body.page-id-20194 button,
body.page-id-20234 button,
body.page-id-20207 button,
body.page-id-20219 button,
body.page-id-20188 button,
body.page-id-20200 button,
body.page-id-20210 button,
body.page-id-20222 button,
body.page-id-20197 button,
body.page-id-20231 button,
/*body.page-id-11272 button,*/
body.page-id-19320 button,
body.page-id-19316 button,
body.page-id-19318 button,
body.page-id-18746 button {
/* background-color: #fc9a00; */
color: white;
font-family: comfortaa;
height: 40px;
border-radius: 10px;
border: 0;
font-size: 14px;
font-weight: 700;
padding: 0 20px;
align-items: center;
justify-content: center;
display: flex;
-moz-transition: all .15s ease;
-webkit-transition: all .15s ease;
-o-transition: all .15s ease;
transition: all .15s ease;
}
body.page-id-24798 button:hover,
body.page-id-24797 button:hover,
body.page-id-24796 button:hover,
body.page-id-24795 button:hover,
body.page-id-24794 button:hover,
body.page-id-25035 button:hover,
body.page-id-25036 button:hover,
body.page-id-25037 button:hover,
body.page-id-25038 button:hover,
body.page-id-25039 button:hover,
body.page-id-20216 button:hover,
body.page-id-20228 button:hover,
body.page-id-20229 button:hover,
body.page-id-20191 button:hover,
body.page-id-20237 button:hover,
body.page-id-20213 button:hover,
body.page-id-20225 button:hover,
body.page-id-20194 button:hover,
body.page-id-20234 button:hover,
body.page-id-20207 button:hover,
body.page-id-20219 button:hover,
body.page-id-20188 button:hover,
body.page-id-20200 button:hover,
body.page-id-20210 button:hover,
body.page-id-20222 button:hover,
body.page-id-20197 button:hover,
body.page-id-20231 button:hover,
/*body.page-id-11272 button:hover,*/
body.page-id-19320 button:hover,
body.page-id-19316 button:hover,
body.page-id-19318 button:hover,
body.page-id-18746 button:hover {
box-shadow: none;
color: inherit;
}
.piranha-subnav ul li {
display: inline-block;
}
.piranha-subnav {
text-align: center;
font-size: 1.2em;
}
.piranha-subnav .current-menu-item {
text-decoration: none !important;
color: white !important;
}
.piranha-subnav a {
padding: 25px 25px 15px 25px;
border-radius: 10px 10px 0px 0px;
text-decoration: none !important;
display: inline-block;
}
.piranha-subnav a:hover {
background-color: #303030;
}
.piranha-subnav .current-menu-item a {
background-color: #3d3d3d;
color: white;
}
/* PIRANHA SUBNAV Mobile*/
.piranha-subnav-mobile {
text-align: center;
}
.piranha-subnav-mobile .current-menu-item {
text-decoration: none !important;
color: white !important;
}
.piranha-subnav-mobile a {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-radius: 10px 10px 0px 0px;
text-decoration: none !important;
font-size: 1.02em;
white-space: nowrap;
}
.piranha-subnav-mobile a:hover {
background-color: #303030;
}
.piranha-subnav-mobile .current-menu-item a {
background-color: #3d3d3d;
color: white;
}
.piranha-subnav-mobile {
display: flex;
width: 100%;
text-align: center;
}
.piranha-subnav-mobile .widget_nav_menu {
width: 100%
}
.piranha-subnav-mobile ul {
display: flex;
list-style: none;
width: 100%;
padding: 0;
margin: 0
}
.piranha-subnav-mobile ul li {
flex-basis: 0;
flex-grow: 1
}
.wpex-mobile-menu .wpex-open-submenu {
box-shadow: none !important;
outline: none;
}
.sidr-class-dropdown-menu .wpex-open-submenu__icon {
margin-right: 15px;
color: white;
}
span.sidr-mobile-nav-menu__link-wrap .wpex-inline-block {
display: inline;
}
/* end menu*/
.menu-item a:hover>span:first-child,
.current-menu-item .link-inner,
.current-menu-parent>a .link-inner {
color: #fc9a00 !important
}
#site-header-inner {
padding-top: 15px;
padding-bottom: 15px;
}
#site-logo-inner {
padding: 0;
}
#site-header.shrink-sticky-header {
/*height: 80px;*/
}
#site-logo img {
min-width: 70px;
}
.shrink-sticky-header #site-logo img {
max-height: 80px !important;
height: 80px;
margin-left: -5px;
}
#animation svg {
/*max-width:100%;*/
width: 100%;
height: auto;
}
.nm-grid-gallery img {
margin: 10px 0px 10px 0px;
border: 5px solid #fff;
}
.shrink-sticky-header.sticky-header-shrunk #site-logo img {
max-height: 80px !important;
}
.wpex-dropdown-top-border #site-navigation .dropdown-menu li ul {
width: auto;
}
.sf-menu ul .nav-menu-icon span {}
.sf-menu ul .nav-menu-icon span img,
.sidr-class-dropdown-menu li span img,
li.menu-item-has-children span img {
max-width: 24px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
/* Hide link on main navigation in all languages */
.sf-with-ul {
cursor: default;
}
.sidr-class-dropdown-menu ul a:before {
content: none !important;
}
/*
.sidr-class-dropdown-menu ul .sidr-class-nav-menu-icon a:before{
display:none;
}
*/
.nm-grid-gallery .vc_tta-panel {
width: 980px;
margin: 0 auto;
}
.nm-grid-gallery .vcex-image-grid-entry {
margin: 0;
}
.nm-grid-gallery .vc_tta-panel-body {
margin: 0 -15px;
padding: 15px 15px !important;
}
.vc_tta-panel.vc_animating {
opacity: 0;
}
.vcex-image-ba-wrap {
background-color: #ffffff !important;
}
.cic-categories {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
margin: 0 auto 20px;
overflow-x: auto;
overflow-y: hidden;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
/* justify-content: space-between; */
height: 40px;
padding: 0 5px;
-ms-overflow-style: none;
scrollbar-width: none
}
.cic-tab-list li {
cursor: pointer;
}
.cic-tab-list li:hover,
.cic-tab-list li.active {
text-decoration: none;
color: #fc9a00
}
.cic-category-btn {
height: 40px;
border: 0;
font-size: 14px;
font-weight: 600;
line-height: 15.61px;
margin: 0;
padding: 0 16px;
-moz-transition: background-color .1s linear;
-webkit-transition: background-color .1s linear;
-o-transition: background-color .1s linear;
transition: background-color .1s linear;
}
.cic-category-btn:hover {
background-color: rgba(0, 0, 0, 0.5) !important;
box-shadow: none;
color: #666;
transform: inherit;
}
.cic-image-grid {
justify-content: inherit;
gap: 20px 20px;
padding: 0 5px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(44%, 1fr));
}
.cic-image-grid-item,
.cic-image-road-grid-item {
line-height: normal;
overflow: hidden;
cursor: pointer;
border: 3px solid transparent;
border-radius: 6px;
display: flex;
/* margin-bottom: 1.25%; */
margin-bottom: 0;
-moz-transition: transform .1s linear;
-webkit-transition: transform .1s linear;
-o-transition: transform .1s linear;
transition: transform.1s linear;
-webkit-tap-highlight-color: transparent;
}
.cic-image-grid-item img,
.cic-image-road-grid-item img {
border: 0;
border-radius: 6px;
-moz-transition: transform .1s linear;
-webkit-transition: transform .1s linear;
-o-transition: transform .1s linear;
transition: transform.1s linear;
background-image: url(https://www.octopus.tools/wp-content/uploads/2025/01/road-background.svg);
background-repeat: no-repeat;
background-size: calc(100% + 6px);
background-position: inherit;
border: 3px solid transparent;
border-width: 0px;
}
.cic-image-grid-item img {}
.cic-image-grid-item.active,
.cic-image-road-grid-item.active {
border: 3px solid #FC9A00
}
.cic-image-grid-item:hover,
.cic-image-road-grid-item:hover {
border: 3px solid #FC9A00;
/* transform: scale(1.1); */
overflow: visible;
}
.cic-image-grid-item.active img,
.cic-image-road-grid-item.active img {
border: 0;
border-radius: 3px;
}
.cic-image-grid-item:hover img,
.cic-image-road-grid-item:hover img {
border-radius: 3px
}
.eidie {
height: 11px;
box-sizing: content-box;
bottom: 0;
right: 0;
padding: 6px 6px 6px 6px;
-moz-transition: transform .1s linear;
-webkit-transition: transform .1s linear;
-o-transition: transform .1s linear;
transition: transform.1s linear;
border-radius: 6px 0 3px 0;
background-color: #fff;
color: #000;
}
.cic-image-grid-item:hover .eidie,
.cic-image-road-grid-item:hover .eidie {
background-color: #FC9A00;
color: #fff;
/* bottom: -1%; */
/* right: -1%; */
}
.cic-image-grid-item.active .eidie,
.cic-image-road-grid-item.active .eidie {
background-color: #FC9A00;
color: #fff;
}
.cic-image-road-grid-item {
/* background-size: calc(100% - 6px); */
/* background-position: 3px 3px; */
/* background-image: url(https://www.octopus.tools/wp-content/uploads/2025/01/road-background.svg);
background-repeat: no-repeat;
background-size: calc(100% + 6px);
background-position:inherit;
border: 3px solid transparent;
border-width:0px; */
display: flex;
}
.carnavigation {
/* max-width: 988px; */
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 0 0 30px;
max-width: 800px;
}
.carnavigation>div{
display: flex;
align-items: center;
gap: 10px;
}
.carnavigation .cic-car-nav {
margin: 0;
gap: 10px;
}
.carnavigation .cic-car-nav li {
margin: 0
}
.canvas-container {
justify-content: center;
flex-wrap: wrap;
max-width: 988px;
}
.canvas-container .buttons-container {
position: relative;
height: 600px;
max-height: 100%;
/* padding: 0 20px; */
/* flex: 1 0 74px; */
width: 74px;
}
.canvas-container .buttons-container button.cic-prev-button,
.canvas-container .buttons-container button.cic-next-button,
.canvas-container .buttons-container button.cic-prev-road-button,
.canvas-container .buttons-container button.cic-next-road-button {
border: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 11.24px 19.08px;
text-indent: 101%;
overflow: hidden;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
font-size: 0px;
width: 54px;
height: 54px;
-webkit-tap-highlight-color: transparent;
margin-left: 20px;
margin-right: 20px;
margin-top: inherit;
margin: 0;
}
.canvas-container .buttons-container button.cic-prev-button,
.canvas-container .buttons-container button.cic-prev-road-button {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNjgwNzMgMC40MjA4OTRMMTEuMzgyOCAyLjEyMjk4TDMuNTQ1MzEgOS45NjA0OEwxMS4zODI4IDE3Ljc5OEw5LjY4MDczIDE5LjUwMDFMMC4xNDExNDcgOS45NjA0OEw5LjY4MDczIDAuNDIwODk0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
background-position: 45%;
margin-right: 20px;
position: absolute;
margin: 0;
}
.canvas-container .buttons-container button.cic-next-button,
.canvas-container .buttons-container button.cic-next-road-button {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuODQzNjggMTkuNTAwMUwwLjE0MTYwMiAxNy43OThMNy45NzkxIDkuOTYwNDhMMC4xNDE2MDIgMi4xMjI5OEwxLjg0MzY4IDAuNDIwODk4TDExLjM4MzMgOS45NjA0OEwxLjg0MzY4IDE5LjUwMDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
background-position: 55%;
margin-left: 20px;
position: absolute;
right: 0;
margin: 0;
}
.canvas-container .buttons-container button.cic-prev-button,
.canvas-container .buttons-container button.cic-next-button {
top: calc(50% - (54px / 2));
}
.canvas-container .buttons-container button.cic-prev-road-button,
.canvas-container .buttons-container button.cic-next-road-button {
bottom: calc(70px + (54px / 2))
}
.canvas-container .buttons-container button.cic-prev-button:hover,
.canvas-container .buttons-container button.cic-prev-road-button:hover {
box-shadow: none;
}
.canvas-container .buttons-container button.cic-prev-button:active,
.canvas-container .buttons-container button.cic-prev-road-button:active {
box-shadow: 5px 0px 5px -2px #FC9A00;
}
body:not(.body-mn-android, .body-mn-ipad, .body-mn-iphone, .body-mn-blackberry) .canvas-container .buttons-container button.cic-prev-button:hover,
body:not(.body-mn-android, .body-mn-ipad, .body-mn-iphone, .body-mn-blackberry) .canvas-container .buttons-container button.cic-prev-road-button:hover {
box-shadow: 5px 0px 5px -2px #FC9A00;
background-color: #1E1E1E !important;
}
.canvas-container .buttons-container button.cic-next-button:hover,
.canvas-container .buttons-container button.cic-next-road-button:hover {
box-shadow: none;
}
.canvas-container .buttons-container button.cic-next-button:active,
.canvas-container .buttons-container button.cic-next-road-button:active {
box-shadow: -5px 0px 5px -2px #FC9A00;
}
body:not(.body-mn-android, .body-mn-ipad, .body-mn-iphone, .body-mn-blackberry) .canvas-container .buttons-container button.cic-next-button:hover,
body:not(.body-mn-android, .body-mn-ipad, .body-mn-iphone, .body-mn-blackberry) .canvas-container .buttons-container button.cic-next-road-button:hover {
box-shadow: -5px 0px 5px -2px #FC9A00;
background-color: #1E1E1E !important;
}
body:not(.body-mn-android, .body-mn-ipad, .body-mn-iphone, .body-mn-blackberry) .cic-image-grid-item:hover,
body:not(.body-mn-android, .body-mn-ipad, .body-mn-iphone, .body-mn-blackberry) .cic-image-road-grid-item:hover {
/* transform: scale(1.1); */
}
.downloadsection {
justify-content: center;
align-items: center;
}
.filename span {
margin-right: 20px;
}
#combined-filename {
margin-right: 0;
width: 193px;
height: 64px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 19px;
font-weight: 700;
line-height: 21.19px;
gap: 10px;
position: relative;
background-image: none;
z-index: 1;
overflow: hidden;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
#combined-filename:hover {
border: 2px solid #FC9A00;
/* background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(252, 154, 0, 0.2) 100%); */
}
#combined-filename::before {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(252, 154, 0, 0.2) 100%);
z-index: -1;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
opacity: 0;
}
#combined-filename:hover::before {
opacity: 1;
}
#combined-filename:after {
content: '';
width: 17px;
height: 21px;
position: relative;
/* font-size: 1em; */
transform: inherit;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxNyAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNSAyMC45NzVDMS4xIDIwLjk3NSAwLjc1IDIwLjgyNSAwLjQ1IDIwLjUyNUMwLjE1IDIwLjIyNSAwIDE5Ljg3NSAwIDE5LjQ3NVY0LjM5OTk4SDEuNVYxOS40NzVIMTMuMzVWMjAuOTc1SDEuNVpNNC41IDE3Ljk3NUM0LjEgMTcuOTc1IDMuNzUgMTcuODI1IDMuNDUgMTcuNTI1QzMuMTUgMTcuMjI1IDMgMTYuODc1IDMgMTYuNDc1VjIuNDc0OThDMyAyLjA3NDk4IDMuMTUgMS43MjQ5OCAzLjQ1IDEuNDI0OThDMy43NSAxLjEyNDk4IDQuMSAwLjk3NDk3NiA0LjUgMC45NzQ5NzZIMTUuNUMxNS45IDAuOTc0OTc2IDE2LjI1IDEuMTI0OTggMTYuNTUgMS40MjQ5OEMxNi44NSAxLjcyNDk4IDE3IDIuMDc0OTggMTcgMi40NzQ5OFYxNi40NzVDMTcgMTYuODc1IDE2Ljg1IDE3LjIyNSAxNi41NSAxNy41MjVDMTYuMjUgMTcuODI1IDE1LjkgMTcuOTc1IDE1LjUgMTcuOTc1SDQuNVpNNC41IDE2LjQ3NUgxNS41VjIuNDc0OThINC41VjE2LjQ3NVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
background-position: 0 -1px;
}
#download-canvas {
min-width: 190px;
height: 40px;
border-radius: 100px;
border: 0;
font-size: 14px;
font-weight: 700;
padding: 0 20px;
align-items: center;
justify-content: center;
display: flex;
margin-left: 30px;
-moz-transition: all .15s ease;
-webkit-transition: all .15s ease;
-o-transition: all .15s ease;
transition: all .15s ease;
}
#download-canvas:after {
position: relative;
}
#download-canvas:hover {
background: #f48e00 !important;
box-shadow: inherit;
transform: scale(1.125);
}
/*body.page-id-11272 .new_views [data-vc-grid-content],*/
body.page-id-24794 .new_views [data-vc-grid-content],
body.page-id-24795 .new_views [data-vc-grid-content],
body.page-id-24796 .new_views [data-vc-grid-content],
body.page-id-24797 .new_views [data-vc-grid-content],
body.page-id-24798 .new_views [data-vc-grid-content],
body.page-id-25039 .new_views [data-vc-grid-content],
body.page-id-25038 .new_views [data-vc-grid-content],
body.page-id-25037 .new_views [data-vc-grid-content],
body.page-id-25036 .new_views [data-vc-grid-content],
body.page-id-25035 .new_views [data-vc-grid-content] {
/* justify-content: inherit;
gap: 20px 20px;
margin:0;
padding: 0 5px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(44%, 1fr)); */
}
/*body.page-id-11272 .new_views [data-vc-grid-content] .vc_grid-item,*/
body.page-id-24794 .new_views [data-vc-grid-content] .vc_grid-item,
body.page-id-24795 .new_views [data-vc-grid-content] .vc_grid-item,
body.page-id-24796 .new_views [data-vc-grid-content] .vc_grid-item,
body.page-id-24797 .new_views [data-vc-grid-content] .vc_grid-item,
body.page-id-24798 .new_views [data-vc-grid-content] .vc_grid-item,
body.page-id-25039 .new_views [data-vc-grid-content] .vc_grid-item,
body.page-id-25038 .new_views [data-vc-grid-content] .vc_grid-item,
body.page-id-25037 .new_views [data-vc-grid-content] .vc_grid-item,
body.page-id-25036 .new_views [data-vc-grid-content] .vc_grid-item,
body.page-id-25035 .new_views [data-vc-grid-content] .vc_grid-item {
/* display: flex !important; */
/* padding: 0 !important; */
/* width: 100% !important; */
/* float: none !important; */
}
body.page-id-24794 .vc_gitem-animated-block .vc_gitem-zone:not(.active),
body.page-id-24795 .vc_gitem-animated-block .vc_gitem-zone:not(.active),
body.page-id-24796 .vc_gitem-animated-block .vc_gitem-zone:not(.active),
body.page-id-24797 .vc_gitem-animated-block .vc_gitem-zone:not(.active),
body.page-id-24798 .vc_gitem-animated-block .vc_gitem-zone:not(.active),
body.page-id-25039 .vc_gitem-animated-block .vc_gitem-zone:not(.active),
body.page-id-25038 .vc_gitem-animated-block .vc_gitem-zone:not(.active),
body.page-id-25037 .vc_gitem-animated-block .vc_gitem-zone:not(.active),
body.page-id-25036 .vc_gitem-animated-block .vc_gitem-zone:not(.active),
body.page-id-25035 .vc_gitem-animated-block .vc_gitem-zone:not(.active) {
/* border: 3px solid transparent; */
}
body.page-id-25039 .new_views .vc_gitem-zone-a .vc_gitem-row-position-bottom,
body.page-id-25038 .new_views .vc_gitem-zone-a .vc_gitem-row-position-bottom,
body.page-id-25037 .new_views .vc_gitem-zone-a .vc_gitem-row-position-bottom,
body.page-id-25036 .new_views .vc_gitem-zone-b .vc_gitem-row-position-bottom,
body.page-id-25035 .new_views .vc_gitem-zone-b .vc_gitem-row-position-bottom {
/* position: absolute;
left: 0;
right: 0;
bottom: 0; */
}
/*body.page-id-11272 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number,*/
body.page-id-24794 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number,
body.page-id-24795 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number,
body.page-id-24796 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number,
body.page-id-24797 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number,
body.page-id-24798 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number,
body.page-id-25039 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number,
body.page-id-25038 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number,
body.page-id-25037 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number,
body.page-id-25036 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number,
body.page-id-25035 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number {
margin: 0;
width: auto;
height: 11px;
/* height: 23px; */
position: absolute;
background-color: #fff;
line-height: normal;
border-radius: 6px 0 3px 0;
font-size: 13px;
bottom: 0;
right: 0;
padding: 6px 6px 6px 6px;
-moz-transition: transform .1s linear;
-webkit-transition: transform .1s linear;
-o-transition: transform .1s linear;
transition: transform.1s linear;
color: #000;
}
body.page-id-24794 .new_views .vc_gitem-animated-block .vc_gitem-zone.active .view_number,
body.page-id-24795 .new_views .vc_gitem-animated-block .vc_gitem-zone.active .view_number,
body.page-id-24796 .new_views .vc_gitem-animated-block .vc_gitem-zone.active .view_number,
body.page-id-24797 .new_views .vc_gitem-animated-block .vc_gitem-zone.active .view_number,
body.page-id-24798 .new_views .vc_gitem-animated-block .vc_gitem-zone.active .view_number,
body.page-id-25039 .new_views .vc_gitem-animated-block .vc_gitem-zone.active .view_number,
body.page-id-25038 .new_views .vc_gitem-animated-block .vc_gitem-zone.active .view_number,
body.page-id-25037 .new_views .vc_gitem-animated-block .vc_gitem-zone.active .view_number,
body.page-id-25036 .new_views .vc_gitem-animated-block .vc_gitem-zone.active .view_number,
body.page-id-25035 .new_views .vc_gitem-animated-block .vc_gitem-zone.active .view_number {
background-color: #FC9A00;
color: #fff;
border-bottom-right-radius: 0px;
height: 11px;
box-sizing: content-box;
}
body.page-id-24794 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number div::selection,
body.page-id-24795 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number div::selection,
body.page-id-24796 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number div::selection,
body.page-id-24797 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number div::selection,
body.page-id-24798 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number div::selection,
body.page-id-25039 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number div::selection,
body.page-id-25038 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number div::selection,
body.page-id-25037 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number div::selection,
body.page-id-25036 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number div::selection,
body.page-id-25035 .new_views .vc_gitem-animated-block .vc_gitem-zone .view_number div::selection {
background-color: transparent;
}
body.page-id-24794 .views-main:empty,
body.page-id-24795 .views-main:empty,
body.page-id-24796 .views-main:empty,
body.page-id-24797 .views-main:empty,
body.page-id-24798 .views-main:empty,
body.page-id-25039 .views-main:empty,
body.page-id-25038 .views-main:empty,
body.page-id-25037 .views-main:empty,
body.page-id-25036 .views-main:empty,
body.page-id-25035 .views-main:empty {
background-image: url(https://www.octopus.tools/wp-content/uploads/2024/12/ph-road-background.png);
display: flex;
min-height: 142px;
background-size: cover;
background-repeat: no-repeat;
margin-top: calc(45px + 0px + 20px + 10px);
border-radius: 15px;
}
body.page-id-24794 .views-main .vc_gitem-zone_child,
body.page-id-24795 .views-main .vc_gitem-zone_child,
body.page-id-24796 .views-main .vc_gitem-zone_child,
body.page-id-24797 .views-main .vc_gitem-zone_child,
body.page-id-24798 .views-main .vc_gitem-zone_child,
body.page-id-25039 .views-main .vc_gitem-zone_child,
body.page-id-25038 .views-main .vc_gitem-zone_child,
body.page-id-25037 .views-main .vc_gitem-zone_child,
body.page-id-25036 .views-main .vc_gitem-zone_child,
body.page-id-25035 .views-main .vc_gitem-zone_child {
display: flex;
align-items: center;
padding: 15px 20px;
border-radius: 15px;
}
body.page-id-24794 .views-main .vc_gitem-zone_child.retouched,
body.page-id-24795 .views-main .vc_gitem-zone_child.retouched,
body.page-id-24796 .views-main .vc_gitem-zone_child.retouched,
body.page-id-24797 .views-main .vc_gitem-zone_child.retouched,
body.page-id-24798 .views-main .vc_gitem-zone_child.retouched,
body.page-id-25039 .views-main .vc_gitem-zone_child.retouched,
body.page-id-25038 .views-main .vc_gitem-zone_child.retouched,
body.page-id-25037 .views-main .vc_gitem-zone_child.retouched,
body.page-id-25036 .views-main .vc_gitem-zone_child.retouched,
body.page-id-25035 .views-main .vc_gitem-zone_child.retouched {}
body.page-id-24794 .views-main .vc_gitem-zone_child img,
body.page-id-24795 .views-main .vc_gitem-zone_child img,
body.page-id-24796 .views-main .vc_gitem-zone_child img,
body.page-id-24797 .views-main .vc_gitem-zone_child img,
body.page-id-24798 .views-main .vc_gitem-zone_child img,
body.page-id-25039 .views-main .vc_gitem-zone_child img,
body.page-id-25038 .views-main .vc_gitem-zone_child img,
body.page-id-25037 .views-main .vc_gitem-zone_child img,
body.page-id-25036 .views-main .vc_gitem-zone_child img,
body.page-id-25035 .views-main .vc_gitem-zone_child img {
margin: 0 0 0 20px;
-moz-transition: all .15s ease;
-webkit-transition: all .15s ease;
-o-transition: all .15s ease;
transition: all .15s ease;
border-radius: 4px;
}
.vc_gitem-zone-mini_child {
margin: 0 0 0 20px;
width: auto;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.vc_gitem-zone-mini_child .view_number {
font-family: Comfortaa;
font-size: 22px;
font-weight: 700;
line-height: 26px;
margin: 0;
}
body.page-id-24794 .views-main .vc_gitem-zone_child label.container,
body.page-id-24795 .views-main .vc_gitem-zone_child label.container,
body.page-id-24796 .views-main .vc_gitem-zone_child label.container,
body.page-id-24797 .views-main .vc_gitem-zone_child label.container,
body.page-id-24798 .views-main .vc_gitem-zone_child label.container,
body.page-id-25039 .views-main .vc_gitem-zone_child label.container,
body.page-id-25038 .views-main .vc_gitem-zone_child label.container,
body.page-id-25037 .views-main .vc_gitem-zone_child label.container,
body.page-id-25036 .views-main .vc_gitem-zone_child label.container,
body.page-id-25035 .views-main .vc_gitem-zone_child label.container {
font-family: Comfortaa;
font-size: 14px;
font-weight: 700;
line-height: 26px;
text-align: left;
padding: 0;
margin: 0;
display: flex;
/* flex-wrap: wrap; */
align-items: center;
white-space: pre;
width: 100%;
gap: 7px;
}
body.page-id-24794 .views-main .vc_gitem-zone_child .material-symbols-outlined,
body.page-id-24795 .views-main .vc_gitem-zone_child .material-symbols-outlined,
body.page-id-24796 .views-main .vc_gitem-zone_child .material-symbols-outlined,
body.page-id-24797 .views-main .vc_gitem-zone_child .material-symbols-outlined,
body.page-id-24798 .views-main .vc_gitem-zone_child .material-symbols-outlined,
body.page-id-25039 .views-main .vc_gitem-zone_child .material-symbols-outlined,
body.page-id-25038 .views-main .vc_gitem-zone_child .material-symbols-outlined,
body.page-id-25037 .views-main .vc_gitem-zone_child .material-symbols-outlined,
body.page-id-25036 .views-main .vc_gitem-zone_child .material-symbols-outlined,
body.page-id-25035 .views-main .vc_gitem-zone_child .material-symbols-outlined {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-size: 40px;
flex: 0 0 40px;
}
body.page-id-24794 .views-main .vc_gitem-zone_child .material-symbols-outlined::before,
body.page-id-24795 .views-main .vc_gitem-zone_child .material-symbols-outlined::before,
body.page-id-24796 .views-main .vc_gitem-zone_child .material-symbols-outlined::before,
body.page-id-24797 .views-main .vc_gitem-zone_child .material-symbols-outlined::before,
body.page-id-24798 .views-main .vc_gitem-zone_child .material-symbols-outlined::before,
body.page-id-25039 .views-main .vc_gitem-zone_child .material-symbols-outlined::before,
body.page-id-25038 .views-main .vc_gitem-zone_child .material-symbols-outlined::before,
body.page-id-25037 .views-main .vc_gitem-zone_child .material-symbols-outlined::before,
body.page-id-25036 .views-main .vc_gitem-zone_child .material-symbols-outlined::before,
body.page-id-25035 .views-main .vc_gitem-zone_child .material-symbols-outlined::before {
position: relative;
top: inherit;
transform: inherit;
font-size: 100%;
}
body.page-id-24794 .views-main .mn-cb-group,
body.page-id-24795 .views-main .mn-cb-group,
body.page-id-24796 .views-main .mn-cb-group,
body.page-id-24797 .views-main .mn-cb-group,
body.page-id-24798 .views-main .mn-cb-group,
body.page-id-25039 .views-main .mn-cb-group,
body.page-id-25038 .views-main .mn-cb-group,
body.page-id-25037 .views-main .mn-cb-group,
body.page-id-25036 .views-main .mn-cb-group,
body.page-id-25035 .views-main .mn-cb-group {
display: flex;
position: relative;
height: 20px;
width: 20px;
}
body.page-id-24794 .views-main .mn-cb-group span.checkmark,
body.page-id-24795 .views-main .mn-cb-group span.checkmark,
body.page-id-24796 .views-main .mn-cb-group span.checkmark,
body.page-id-24797 .views-main .mn-cb-group span.checkmark,
body.page-id-24798 .views-main .mn-cb-group span.checkmark,
body.page-id-25039 .views-main .mn-cb-group span.checkmark,
body.page-id-25038 .views-main .mn-cb-group span.checkmark,
body.page-id-25037 .views-main .mn-cb-group span.checkmark,
body.page-id-25036 .views-main .mn-cb-group span.checkmark,
body.page-id-25035 .views-main .mn-cb-group span.checkmark {
width: 20px;
height: 20px;
border: 1px solid #C3C3C3;
position: relative;
border-radius: 3px;
-moz-transition: all .15s ease;
-webkit-transition: all .15s ease;
-o-transition: all .15s ease;
transition: all .15s ease;
}
body.page-id-24794 .views-main .mn-cb-group span.checkmark::after,
body.page-id-24795 .views-main .mn-cb-group span.checkmark::after,
body.page-id-24796 .views-main .mn-cb-group span.checkmark::after,
body.page-id-24797 .views-main .mn-cb-group span.checkmark::after,
body.page-id-24798 .views-main .mn-cb-group span.checkmark::after,
body.page-id-25039 .views-main .mn-cb-group span.checkmark::after,
body.page-id-25038 .views-main .mn-cb-group span.checkmark::after,
body.page-id-25037 .views-main .mn-cb-group span.checkmark::after,
body.page-id-25036 .views-main .mn-cb-group span.checkmark::after,
body.page-id-25035 .views-main .mn-cb-group span.checkmark::after {
left: 6px;
top: 1px;
width: 6px;
height: 13px;
border: solid white;
border-width: 0 2px 2px 0;
}
body.page-id-24794 .views-main .mn-cb-group input:checked~span.checkmark,
body.page-id-24795 .views-main .mn-cb-group input:checked~span.checkmark,
body.page-id-24796 .views-main .mn-cb-group input:checked~span.checkmark,
body.page-id-24797 .views-main .mn-cb-group input:checked~span.checkmark,
body.page-id-24798 .views-main .mn-cb-group input:checked~span.checkmark,
body.page-id-25039 .views-main .mn-cb-group input:checked~span.checkmark,
body.page-id-25038 .views-main .mn-cb-group input:checked~span.checkmark,
body.page-id-25037 .views-main .mn-cb-group input:checked~span.checkmark,
body.page-id-25036 .views-main .mn-cb-group input:checked~span.checkmark,
body.page-id-25035 .views-main .mn-cb-group input:checked~span.checkmark {
background-color: #FC9A00;
border-color: #FC9A00;
}
body.page-id-24794 .views-main .vc_gitem-zone_child button.mn-btn-remove-item,
body.page-id-24795 .views-main .vc_gitem-zone_child button.mn-btn-remove-item,
body.page-id-24796 .views-main .vc_gitem-zone_child button.mn-btn-remove-item,
body.page-id-24797 .views-main .vc_gitem-zone_child button.mn-btn-remove-item,
body.page-id-24798 .views-main .vc_gitem-zone_child button.mn-btn-remove-item,
body.page-id-25039 .views-main .vc_gitem-zone_child button.mn-btn-remove-item,
body.page-id-25038 .views-main .vc_gitem-zone_child button.mn-btn-remove-item,
body.page-id-25037 .views-main .vc_gitem-zone_child button.mn-btn-remove-item,
body.page-id-25036 .views-main .vc_gitem-zone_child button.mn-btn-remove-item,
body.page-id-25035 .views-main .vc_gitem-zone_child button.mn-btn-remove-item {
width: 30px;
height: 30px;
margin: 0 0 0 auto;
border: 0;
position: relative;
border-radius: 50%;
background-color: #FC9A00;
display: flex;
flex: 0 0 30px;
align-items: center;
justify-content: center;
max-width: inherit;
font-size: inherit;
padding: 0;
box-sizing: border-box;
-moz-transition: all .15s ease;
-webkit-transition: all .15s ease;
-o-transition: all .15s ease;
transition: all .15s ease;
}
body.page-id-24794 .views-main .vc_gitem-zone_child button.mn-btn-remove-item::after,
body.page-id-24795 .views-main .vc_gitem-zone_child button.mn-btn-remove-item::after,
body.page-id-24796 .views-main .vc_gitem-zone_child button.mn-btn-remove-item::after,
body.page-id-24797 .views-main .vc_gitem-zone_child button.mn-btn-remove-item::after,
body.page-id-24798 .views-main .vc_gitem-zone_child button.mn-btn-remove-item::after,
body.page-id-25039 .views-main .vc_gitem-zone_child button.mn-btn-remove-item::after,
body.page-id-25038 .views-main .vc_gitem-zone_child button.mn-btn-remove-item::after,
body.page-id-25037 .views-main .vc_gitem-zone_child button.mn-btn-remove-item::after,
body.page-id-25036 .views-main .vc_gitem-zone_child button.mn-btn-remove-item::after,
body.page-id-25035 .views-main .vc_gitem-zone_child button.mn-btn-remove-item::after {
/* font-family: 'Material Symbols Outlined'; */
content: "";
/* font-size: 2rem; */
margin: 0;
padding: 0;
/* line-height: normal; */
/* vertical-align: middle; */
display: flex;
align-items: center;
justify-content: center;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMzMzMTcgMTUuODMzMkw0LjE2NjUgMTQuNjY2NUw4LjgzMzE3IDkuOTk5ODRMNC4xNjY1IDUuMzMzMTdMNS4zMzMxNyA0LjE2NjVMOS45OTk4NCA4LjgzMzE3TDE0LjY2NjUgNC4xNjY1TDE1LjgzMzIgNS4zMzMxN0wxMS4xNjY1IDkuOTk5ODRMMTUuODMzMiAxNC42NjY1TDE0LjY2NjUgMTUuODMzMkw5Ljk5OTg0IDExLjE2NjVMNS4zMzMxNyAxNS44MzMyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
background-size: 100%;
width: 20px;
height: 20px;
background-repeat: no-repeat;
/* background-position: initial; */
}
body.page-id-24794 .views-main .vc_gitem-zone_child button.mn-btn-remove-item:hover,
body.page-id-24795 .views-main .vc_gitem-zone_child button.mn-btn-remove-item:hover,
body.page-id-24796 .views-main .vc_gitem-zone_child button.mn-btn-remove-item:hover,
body.page-id-24797 .views-main .vc_gitem-zone_child button.mn-btn-remove-item:hover,
body.page-id-24798 .views-main .vc_gitem-zone_child button.mn-btn-remove-item:hover,
body.page-id-25039 .views-main .vc_gitem-zone_child button.mn-btn-remove-item:hover,
body.page-id-25038 .views-main .vc_gitem-zone_child button.mn-btn-remove-item:hover,
body.page-id-25037 .views-main .vc_gitem-zone_child button.mn-btn-remove-item:hover,
body.page-id-25036 .views-main .vc_gitem-zone_child button.mn-btn-remove-item:hover,
body.page-id-25035 .views-main .vc_gitem-zone_child button.mn-btn-remove-item:hover {
background: #f48e00 !important;
color: inherit;
box-shadow: inherit;
transform: scale(1.125);
}
body.page-id-24794 .views-main .vc_gitem-zone_child.special-item,
body.page-id-24795 .views-main .vc_gitem-zone_child.special-item,
body.page-id-24796 .views-main .vc_gitem-zone_child.special-item,
body.page-id-24797 .views-main .vc_gitem-zone_child.special-item,
body.page-id-24798 .views-main .vc_gitem-zone_child.special-item,
body.page-id-25039 .views-main .vc_gitem-zone_child.special-item,
body.page-id-25038 .views-main .vc_gitem-zone_child.special-item,
body.page-id-25037 .views-main .vc_gitem-zone_child.special-item,
body.page-id-25036 .views-main .vc_gitem-zone_child.special-item,
body.page-id-25035 .views-main .vc_gitem-zone_child.special-item {
background-color: #80808033;
}
body.page-id-24794 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined,
body.page-id-24795 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined,
body.page-id-24796 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined,
body.page-id-24797 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined,
body.page-id-24798 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined,
body.page-id-25039 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined,
body.page-id-25038 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined,
body.page-id-25037 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined,
body.page-id-25036 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined,
body.page-id-25035 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined {
pointer-events: none;
}
body.page-id-24794 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined::before,
body.page-id-24795 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined::before,
body.page-id-24796 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined::before,
body.page-id-24797 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined::before,
body.page-id-24798 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined::before,
body.page-id-25039 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined::before,
body.page-id-25038 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined::before,
body.page-id-25037 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined::before,
body.page-id-25036 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined::before,
body.page-id-25035 .views-main .vc_gitem-zone_child.special-item .material-symbols-outlined::before {
color: #FFFFFF1A;
}
body.page-id-24794 .views-main .special-item select,
body.page-id-24795 .views-main .special-item select,
body.page-id-24796 .views-main .special-item select,
body.page-id-24797 .views-main .special-item select,
body.page-id-24798 .views-main .special-item select,
body.page-id-25039 .views-main .special-item select,
body.page-id-25038 .views-main .special-item select,
body.page-id-25037 .views-main .special-item select,
body.page-id-25036 .views-main .special-item select,
body.page-id-25035 .views-main .special-item select {
margin: 0 0 10px;
width: 142px;
height: 28px;
background-color: #808080;
border-radius: 3px;
}
#cic-canvas {
border-radius: 10px;
}
.mn-views {}
body.page-id-24798 .mn-views .vc_tta.vc_general .vc_tta-panel-body,
body.page-id-24797 .mn-views .vc_tta.vc_general .vc_tta-panel-body,
body.page-id-24796 .mn-views .vc_tta.vc_general .vc_tta-panel-body,
body.page-id-24795 .mn-views .vc_tta.vc_general .vc_tta-panel-body,
body.page-id-24794 .mn-views .vc_tta.vc_general .vc_tta-panel-body {
margin: 0;
padding: 0;
}
.mn-views [data-vc-grid-content] {
margin: 0;
}
.mn-views [data-vc-grid-content]::before {
display: none;
}
.mn-views [data-vc-grid-content] {
justify-content: inherit;
gap: 20px 20px;
padding: 0 5px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(44%, 1fr));
}
.mn-views [data-vc-grid-content] [class^="vc_"] {
margin: 0;
padding: 0;
position: initial;
width: inherit;
height: inherit;
float: inherit;
top: inherit;
right: inherit;
bottom: inherit;
left: inherit;
box-sizing: content-box;
display: inherit;
min-height: inherit;
}
/* .mn-views [data-vc-grid-content] .vc_grid-item{ */
.mn-views [data-vc-grid-content] .vc_grid-item.vc_visible-item {
display: flex;
}
.mn-views .vc_grid.vc_row [data-vc-grid-content] .vc_grid-item {
display: none;
padding: 0;
vertical-align: top;
float: none;
box-sizing: border-box;
z-index: 1;
}
.mn-views .vc_grid.vc_row [data-vc-grid-content] .vc_grid-item.vc_visible-item {
display: flex;
}
.mn-views .vc_grid.vc_row .vc_grid-item .wpb_content_element {
margin: 0;
}
.mn-views .vc_grid-item .vc_grid-item-mini {
position: relative !important;
}
.mn-views .wpb_single_image .vc_figure {
/* width: 100%; */
}
@media(max-width:1440px) {
body.page-id-24794 .views-main-header .download,
body.page-id-24795 .views-main-header .download,
body.page-id-24796 .views-main-header .download,
body.page-id-24797 .views-main-header .download,
body.page-id-24798 .views-main-header .download,
body.page-id-25039 .views-main-header .download,
body.page-id-25038 .views-main-header .download,
body.page-id-25037 .views-main-header .download,
body.page-id-25036 .views-main-header .download,
body.page-id-25035 .views-main-header .download {
width: auto;
padding: 0 20px;
}
body.page-id-24794 .views-main .vc_gitem-zone_child,
body.page-id-24795 .views-main .vc_gitem-zone_child,
body.page-id-24796 .views-main .vc_gitem-zone_child,
body.page-id-24797 .views-main .vc_gitem-zone_child,
body.page-id-24798 .views-main .vc_gitem-zone_child,
body.page-id-25039 .views-main .vc_gitem-zone_child,
body.page-id-25038 .views-main .vc_gitem-zone_child,
body.page-id-25037 .views-main .vc_gitem-zone_child,
body.page-id-25036 .views-main .vc_gitem-zone_child,
body.page-id-25035 .views-main .vc_gitem-zone_child {
padding: 15px 15px;
}
body.page-id-24794 .views-main .vc_gitem-zone_child img,
body.page-id-24795 .views-main .vc_gitem-zone_child img,
body.page-id-24796 .views-main .vc_gitem-zone_child img,
body.page-id-24797 .views-main .vc_gitem-zone_child img,
body.page-id-24798 .views-main .vc_gitem-zone_child img,
body.page-id-25039 .views-main .vc_gitem-zone_child img,
body.page-id-25038 .views-main .vc_gitem-zone_child img,
body.page-id-25037 .views-main .vc_gitem-zone_child img,
body.page-id-25036 .views-main .vc_gitem-zone_child img,
body.page-id-25035 .views-main .vc_gitem-zone_child img {
width: 90px;
margin-left: 15px;
}
body.page-id-24794 .vc_gitem-zone_child .vc_gitem-zone-mini_child,
body.page-id-24795 .vc_gitem-zone_child .vc_gitem-zone-mini_child,
body.page-id-24796 .vc_gitem-zone_child .vc_gitem-zone-mini_child,
body.page-id-24797 .vc_gitem-zone_child .vc_gitem-zone-mini_child,
body.page-id-24798 .vc_gitem-zone_child .vc_gitem-zone-mini_child,
body.page-id-25039 .vc_gitem-zone_child .vc_gitem-zone-mini_child,
body.page-id-25038 .vc_gitem-zone_child .vc_gitem-zone-mini_child,
body.page-id-25037 .vc_gitem-zone_child .vc_gitem-zone-mini_child,
body.page-id-25036 .vc_gitem-zone_child .vc_gitem-zone-mini_child,
body.page-id-25035 .vc_gitem-zone_child .vc_gitem-zone-mini_child {
margin-left: 15px
}
body.page-id-24794 .vc_gitem-zone_child:not(.special-item) .vc_gitem-zone-mini_child,
body.page-id-24795 .vc_gitem-zone_child:not(.special-item) .vc_gitem-zone-mini_child,
body.page-id-24796 .vc_gitem-zone_child:not(.special-item) .vc_gitem-zone-mini_child,
body.page-id-24797 .vc_gitem-zone_child:not(.special-item) .vc_gitem-zone-mini_child,
body.page-id-24798 .vc_gitem-zone_child:not(.special-item) .vc_gitem-zone-mini_child,
body.page-id-25039 .vc_gitem-zone_child:not(.special-item) .vc_gitem-zone-mini_child,
body.page-id-25038 .vc_gitem-zone_child:not(.special-item) .vc_gitem-zone-mini_child,
body.page-id-25037 .vc_gitem-zone_child:not(.special-item) .vc_gitem-zone-mini_child,
body.page-id-25036 .vc_gitem-zone_child:not(.special-item) .vc_gitem-zone-mini_child,
body.page-id-25035 .vc_gitem-zone_child:not(.special-item) .vc_gitem-zone-mini_child {
/* height: 100%; */
/* border: 1px solid red; */
/* gap: 60px; */
/* align-self: flex-end; */
align-self: center;
}
body.page-id-24794 .views-main .vc_gitem-zone_child:not(.special-item) label.container,
body.page-id-24795 .views-main .vc_gitem-zone_child:not(.special-item) label.container,
body.page-id-24796 .views-main .vc_gitem-zone_child:not(.special-item) label.container,
body.page-id-24797 .views-main .vc_gitem-zone_child:not(.special-item) label.container,
body.page-id-24798 .views-main .vc_gitem-zone_child:not(.special-item) label.container,
body.page-id-25039 .views-main .vc_gitem-zone_child:not(.special-item) label.container,
body.page-id-25038 .views-main .vc_gitem-zone_child:not(.special-item) label.container,
body.page-id-25037 .views-main .vc_gitem-zone_child:not(.special-item) label.container,
body.page-id-25036 .views-main .vc_gitem-zone_child:not(.special-item) label.container,
body.page-id-25035 .views-main .vc_gitem-zone_child:not(.special-item) label.container {
/* margin-top:15px */
font-size: 12px;
}
body.page-id-24794 .views-main .special-item select,
body.page-id-24795 .views-main .special-item select,
body.page-id-24796 .views-main .special-item select,
body.page-id-24797 .views-main .special-item select,
body.page-id-24798 .views-main .special-item select,
body.page-id-25039 .views-main .special-item select,
body.page-id-25038 .views-main .special-item select,
body.page-id-25037 .views-main .special-item select,
body.page-id-25036 .views-main .special-item select,
body.page-id-25035 .views-main .special-item select {
width: 112px;
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.nm-grid-gallery .vc_tta-panel {
width: 90% !important;
}
.nm-grid-gallery .vc_tta-panel-body {
width: 90% !important;
margin: 0 auto;
}
.cic-categories {
display: flex;
gap: 5px;
}
.cic-category-btn {
margin: 0;
padding: 0 8px;
}
.cic-image-grid {
justify-content: inherit;
/* gap: 0 calc(4.333333333% / 2); */
}
}
@media only screen and (max-width: 320px) {
.cic-categories {
justify-content: flex-start;
}
.cic-categories ::-webkit-scrollbar {
display: none
}
}
@media only screen and (max-width: 768px) {
.cic-image-grid-item,
.cic-image-road-grid-item {
/* margin-bottom: 4.333333333%;
margin-left: calc(4.333333333% / 2); */
margin-bottom: 0;
margin-left: 0;
}
}
/* FORM STUFF */
.wpcf7 .wpcf7-not-valid {
border-color: #a21123 !important;
}
.wpml-ls-slot-6 {
display: none;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
width: 100%;
}
.dark-text {
color: #1e1e1e !important;
}
.wpcf7 input[type='submit'] {
float: right;
}
.error404 .call-to-action {
display: none !important;
}
.error404 .content-area {
display: none !important;
}
.vertcentered {
vertical-align: middle;
}
/* EU Cookie popup */
.pea_cook_wrapper.pea_cook_bottomcenter {
bottom: 0px !important;
left: 0px !important;
width: 100% !important;
margin: 0 0 !important;
border-radius: 0px !important;
border-top: 1px solid white !important;
}
.pea_cook_wrapper.pea_cook_bottomcenter p {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.pea_cook_wrapper.pea_cook_bottomcenter a {
border-bottom: 1px solid !important;
}
button.pea_cook_btn {
margin-top: 20px !important;
margin-bottom: 10px !important;
width: 130px !important;
}
#button:disabled,
#button[disabled] {
background-color: #cccccc;
color: #666666;
}
.no-underline a {
text-decoration: none !important;
}
.no-underline a:hover {
text-decoration: underline !important;
}
.password-protection-box {
padding: 20px;
margin-bottom: 20px;
margin-top: 40px;
background: #2d2d2d;
border: 1px solid #eee;
}
.vc_row-flex {
display: flex !important;
}
/* Hubspot form */
.hs-richtext a {
color: #fc9a00 !important;
text-decoration: none;
}
label.hs-error-msg {
margin-top: 8px;
}
.hs-richtext {
font-size: 100% !important;
}
input.hs-button.primary.large {
padding: 15px 20px;
border-radius: 5px;
}
.hs-form * {
box-sizing: border-box;
font-size: 100% !important;
}
#p-cta .vc_cta3 {
border: none;
}
#p-cta .vc_cta3 h2 {
margin-bottom: 10px;
}
#p-cta a:hover {
background-color: #f48e00 !important;
}
#p-cta a {
margin-top: 10px
}
#site-scroll-top {
min-width: 50px;
min-height: 50px;
font-size: 20px;
border-radius: 5px !important;
background-color: #fc9a00;
color: #f2f2f2;
position: fixed;
left: 10px;
width: 50px;
}
.main-navigation-ul .link-inner {
font-size: 18px;
text-transform: lowercase;
color: #ccc;
}
.main-navigation-ul .sub-menu .link-inner {
font-size: 16px;
text-transform: lowercase
}
/** ai ready mark**/
.filter-natas-ready .esg-entry-media-wrapper-even:before {
content: "\00a0";
background-image: url(https://octopus.tools/wp-content/uploads/2019/11/icon-natas.svg);
width: 10%;
position: absolute;
right: 10px;
top: 10px;
background-repeat: no-repeat;
display: block;
z-index: 9999
}
@media (max-width:768px) {
.new_views .vc_grid-item {
/* width: 49%;
float: left !important; */
}
}
@media (min-width:2000px) {
#natas-ready .vc_grid-item-mini a:before,
.vc_grid-item.vc_grid-term-2170 .vc_grid-item-mini a:before,
.vc_grid-item.vc_grid-term-2189 .vc_grid-item-mini a:before,
.vc_grid-item.vc_grid-term-2190 .vc_grid-item-mini a:before,
.vc_grid-item.vc_grid-term-2188 .vc_grid-item-mini a:before,
.vc_grid-item.vc_grid-term-2212 .vc_grid-item-mini a:before,
.vc_grid-item.vc_grid-term-2213 .vc_grid-item-mini a:before,
.vc_grid-item.vc_grid-term-2214 .vc_grid-item-mini a:before,
.vc_grid-item.vc_grid-term-2215 .vc_grid-item-mini a:before,
.vc_grid-item.vc_grid-term-2216 .vc_grid-item-mini a:before {
content: "\00a0";
background-image: url(https://octopus.tools/wp-content/uploads/2019/11/icon-natas.svg);
width: 2.5vw;
height: 2vw;
position: absolute;
right: .01vw;
top: 3%;
background-repeat: no-repeat;
display: block !important;
z-index: 9999;
}
}
.vc_gitem-animated-block .vc_gitem-zone {
border: inherit !important;
}
/* body.page-id-11272 .new_views .vc_grid-item .vc_gitem-animated-block{
border-radius:6px;
} */
/* body.page-id-11272 .vc_gitem-animated-block .vc_gitem-zone{
border-radius:6px;
} */
.vc_gitem-animated-block .vc_gitem-zone.active {
border: inherit;
border-radius: 5px 5px 0 5px;
}
.vc_grid-item .vc_grid-item-mini {
position: relative;
border: 3px solid transparent;
}
.vc_grid-item.mn-active .vc_grid-item-mini {
border: 3px solid #FC9A00;
border-radius: 9px;
}
.vc_grid-item.mn-active .vc_grid-item-mini img {
mix-blend-mode: multiply;
}
.new_views .vc_grid-item.mn-active .vc_gitem-animated-block {
border-bottom-right-radius: 0px
}
#natas-ready .vc_grid-item-mini:before,
.vc_grid-item.vc_grid-term-2170 .vc_grid-item-mini:before,
.vc_grid-item.vc_grid-term-2189 .vc_grid-item-mini:before,
.vc_grid-item.vc_grid-term-2190 .vc_grid-item-mini:before,
.vc_grid-item.vc_grid-term-2188 .vc_grid-item-mini:before,
.vc_grid-item.vc_grid-term-2193 .vc_grid-item-mini:before,
.vc_grid-item.vc_grid-term-2212 .vc_grid-item-mini:before,
.vc_grid-item.vc_grid-term-2213 .vc_grid-item-mini:before,
.vc_grid-item.vc_grid-term-2214 .vc_grid-item-mini:before,
.vc_grid-item.vc_grid-term-2215 .vc_grid-item-mini:before,
.vc_grid-item.vc_grid-term-2216 .vc_grid-item-mini:before {
content: "\00a0";
background-image: url(https://octopus.tools/wp-content/uploads/2019/11/icon-natas.svg);
width: 10%;
position: absolute;
background-repeat: no-repeat;
display: block !important;
z-index: 9999;
background-position: center;
height: 10%;
right: 3%;
top: 5%;
}
.mn-vc-tta {
display: flex;
margin: 0 auto;
float: none;
}
/* .mn-vc-grid .vc_grid-item-mini::before {
display: block !important;
content: "\00a0";
background-image: url(https://octopus.tools/wp-content/uploads/2019/11/icon-natas.svg);
width: 10%;
position: absolute;
background-repeat: no-repeat;
display: block;
z-index: 9999;
background-position: center;
height: 10%;
right: 3%;
top: 5%;
} */
.vc_tta-container .vc_tta-title-text {
text-transform: lowercase
}
.new_views .vc_grid-item .vc_gitem-animated-block {
border-radius: 6px;
overflow: hidden;
}
.new_views .vc_grid-item .vc_gitem-animated-block,
.lightbox .lb-image {
background: linear-gradient(rgba(142, 142, 142, 1) 0%, rgba(142, 142, 142, 1) 54%, rgba(43, 43, 43, 1) 79%, rgba(43, 43, 43, 1) 100%);
max-width: 800px
}
.new_views .view_number {
background: white;
color: black;
margin: 0;
padding: 5px 5px 0 8px;
width: auto;
right: 0;
position: absolute;
bottom: 0;
line-height: normal;
font-size: 12px;
border-radius: 5px 0 0 0;
}
.new_views .vc_grid-filter.vc_grid-filter-default>.vc_grid-filter-item {
color: #fff;
margin-right: 5px;
cursor: pointer;
position: relative;
z-index: 2;
padding: 1px 30px;
border: none;
line-height: 38px;
border-radius: 5px;
font-size: 13px;
font-weight: 700;
font-family: "Comfortaa", sans-serif;
text-transform: lowercase;
display: inline-block;
background: rgba(0, 0, 0, 0.2);
margin-bottom: 5px;
white-space: nowrap;
min-height: 38px;
vertical-align: middle;
}
.new_views .vc_grid-filter.vc_grid-filter-default>.vc_grid-filter-item:hover {
background: rgba(0, 0, 0, 0.5)
}
.vc_active .vc_tta-panel-title {
box-shadow: 0 0 5px #fc9a00;
color: #fc9a00;
}
.new_views .vc_grid-filter.vc_grid-filter-default>.vc_grid-filter-item.vc_active {
color: #fff;
background: rgba(0, 0, 0, 0.5);
}
.mn-btn-download {}
.views-main-header .download {
width: 239px;
height: 40px;
border-radius: 100px;
border: 0;
font-size: 14px;
font-weight: 700;
padding: 0;
align-items: center;
justify-content: center;
display: flex;
margin-left: 30px;
-moz-transition: all .15s ease;
-webkit-transition: all .15s ease;
-o-transition: all .15s ease;
transition: all .15s ease;
}
.views-main-header .download::after {
font-family: 'Material Symbols Outlined';
content: "\f090";
position: relative;
/* top: 50%; */
/* transform: translateY(-10px); */
font-size: 1.5em;
margin-left: 5px;
}
.views-main-header .download:hover {
background: #f48e00 !important;
box-shadow: inherit;
transform: scale(1.125);
}
#download-canvas:after {
position: relative;
}
#download-canvas:hover {
background: #f48e00 !important;
box-shadow: inherit;
transform: scale(1.125);
}
.vnbild .wpb_wrapper p {
padding-top: 10px;
}
.views-main {
margin-top: 38px;
}
button.hidestory.open{
font-size:16px;
}
.hidestory {
padding: 10px
}
.theme-button:hover,
.cta-button a:hover {
transform: scale(1.125);
}
/* .cta-button a {
border: 2px solid #fff !important
} */
@media (min-width:2200px) {
.mn-vc-tta {
max-width: 2200px;
}
.page-id-24794 #main .wpex-vc-full-width-row,
.page-id-24795 #main .wpex-vc-full-width-row,
.page-id-24796 #main .wpex-vc-full-width-row,
.page-id-24797 #main .wpex-vc-full-width-row,
.page-id-24798 #main .wpex-vc-full-width-row,
.page-id-11287 #main .wpex-vc-full-width-row,
.page-id-11977 #main .wpex-vc-full-width-row,
.page-id-11293 #main .wpex-vc-full-width-row,
.page-id-11279 #main .wpex-vc-full-width-row,
.page-id-11209 #main .wpex-vc-full-width-row,
.page-id-10235 #main .wpex-vc-full-width-row,
.page-id-11981 #main .wpex-vc-full-width-row,
.page-id-11212 #main .wpex-vc-full-width-row,
.page-id-11215 #main .wpex-vc-full-width-row {
max-width: 2200px;
--vp-width: 2200px;
}
.page-id-24794 #main,
.page-id-24795 #main,
.page-id-24796 #main,
.page-id-24797 #main,
.page-id-24798 #main,
.page-id-11287 #main,
.page-id-11977 #main,
.page-id-11293 #main,
.page-id-11279 #main,
.page-id-10235 #main,
.page-id-11209 #main,
.page-id-11212 #main,
.page-id-11215 #main,
.page-id-11981 #main {
background: #3d3d3d
}
}
.vc_gitem-zone-mini_child select option {
color: #000
}
/* this is dirty, you have nothing to see here *jedi gesture */
.hidestory.closed {
font-size: 0;
}
html[lang="de-DE"] .hidestory.closed::after {
font-size: 16px;
content: "Zeige mir wie"
}
html[lang="sv-SE"] .hidestory.closed::after {
font-size: 16px;
content: "Så här görs det!"
}
html[lang="es-ES"] .hidestory.closed::after {
font-size: 16px;
content: "Muéstrame cómo se hace"
}
html[lang="fr-FR"] .hidestory.closed::after {
font-size: 16px;
content: "C'est comme ça que ça se passe!"
}
html[lang="en-US"] .hidestory.closed::after {
font-size: 16px;
content: "Show me how"
}
#site-header-sticky-wrapper.is-sticky #site-header {
z-index: 998
}
button {
background: #fc9a00;
border: 1px solid white;
border-radius: 15px;
color: white;
font-family: comfortaa;
}
button:hover {
background: #e57600;
box-shadow: 0 0 13px;
}
.vidnumber {
background-color: white;
margin-bottom: 0;
position: absolute;
width: auto;
display: block;
z-index: 999;
bottom: 0;
right: 0;
padding: 0px 2px 3px 6px;
border-radius: 10px 0 0 0;
color: #000;
}
/* figure.twentytwenty-container{max-height:348px}
.vc_col-sm-4 figure.twentytwenty-container{max-height:223px}*/
._example .twentytwenty-wrapper {
border: 3px solid white
}
.example_row .wpb_column .vc_col-sm-4 .wpb_wrapper {
background-color: black;
padding: 6px
}
.cky-consent-container .cky-consent-bar {
box-shadow: none !important
}
button.cky-show-desc-btn:not(:hover):not(:active) {
color: #FC9A00 !important
}
.cky-accordion-header .cky-always-active {
color: #8BC34A !important
}
.cky-preference-content-wrapper .cky-show-desc-btn {
color: #ffc15f !important
}
.n_examples .vc_column_container>.vc_column-inner {
padding: 0 10px
}
.theinnercol {
padding: 0 20px
}
.superclassxtra .vc_column_container {
padding: 0 10px;
}
.superclassxtra .wpb_wrapper p {
margin-bottom: 10px;
}
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language a {
text-align: left
}
/* @media (max-width: 576px) { */
@media (max-width: 768px) {
.carnavigation {
display: flex;
flex-direction: column;
gap: 20px;
/* margin-bottom: 30px */
margin-bottom: 15px
}
.cic-car-nav {
padding: 0;
margin: 0;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 10px;
}
.cic-car-nav li {
margin: 0;
}
.canvas-container .buttons-container button.cic-prev-button,
.canvas-container .buttons-container button.cic-prev-road-button,
.canvas-container .buttons-container button.cic-next-button,
.canvas-container .buttons-container button.cic-next-road-button {
width: 44px;
height: 44px;
}
.canvas-container .buttons-container button.cic-prev-button,
.canvas-container .buttons-container button.cic-prev-road-button {
/* margin: 30px 10px 0 0; */
/* margin-top: 0; */
}
.canvas-container .buttons-container button.cic-next-button,
.canvas-container .buttons-container button.cic-next-road-button {
/* margin: 30px 0 0 10px; */
/* margin-top: 0; */
}
.canvas-container .buttons-container button.cic-prev-button,
.canvas-container .buttons-container button.cic-next-button {
top: calc(50% - (44px / 2));
/* margin-top: 0; */
}
.canvas-container .buttons-container button.cic-prev-road-button,
.canvas-container .buttons-container button.cic-next-road-button {
/* bottom:10% */
}
.downloadsection {
display: flex;
flex-direction: column;
margin: 30px 0;
}
.downloadsection .filename {
padding-left: inherit;
margin-bottom: 10px;
}
.downloadsection #download-canvas {
margin: 20px auto;
}
.cic-image-grid,
.mn-views [data-vc-grid-content] {
justify-content: inherit;
/* gap: 0 3%; */
/* gap: 20px; */
grid-template-columns: repeat(auto-fit, minmax(44%, 1fr));
}
.cic-image-grid-item,
.cic-image-road-grid-item {
/* margin-bottom: 6%;
margin-left: 3%; */
margin-bottom: 0;
margin-left: 0;
flex: 0 0 calc(100% / 2 - 10px)
}
.mn-views [data-vc-grid-content] .vc_grid-item {
flex: 0 0 calc(100% / 2 - 10px)
}
}
@media only screen and (min-width:767px) {
.cic-image-grid,
body.page-id-24798 .mn-views [data-vc-grid-content],
body.page-id-24797 .mn-views [data-vc-grid-content],
body.page-id-24796 .mn-views [data-vc-grid-content],
body.page-id-24795 .mn-views [data-vc-grid-content],
body.page-id-24794 .mn-views [data-vc-grid-content] {
grid-template-columns: repeat(auto-fit, minmax(29%, 1fr));
}
body.page-id-25039 .mn-views [data-vc-grid-content],
body.page-id-25038 .mn-views [data-vc-grid-content],
body.page-id-25037 .mn-views [data-vc-grid-content],
body.page-id-25036 .mn-views [data-vc-grid-content],
body.page-id-25035 .mn-views [data-vc-grid-content] {
grid-template-columns: repeat(auto-fit, minmax(29%, 1fr));
}
.cic-image-grid-item,
.cic-image-road-grid-item {
flex: 0 0 calc(100% / 3 - 20px)
}
.mn-views [data-vc-grid-content] .vc_grid-item {
flex: 0 0 calc(100% / 3 - 20px)
}
/* .cic-image-grid,
.mn-views [data-vc-grid-content]{
grid-template-columns: repeat(auto-fit, minmax(29%, 1fr));
} */
}
@media (min-width:769px) {
/*
#cic-canvas {
width: 100%;
height: auto;
}
*/
/*
.canvas-container {
max-width: 980px;
position: relative;
}
*/
/*
.buttons-container {
position: absolute;
left: -64px;
}
*/
/*
#cic-canvas+.buttons-container {
right: -64px;
left: inherit;
}
*/
/*
.canvas-container .buttons-container button.cic-prev-button,
.canvas-container .buttons-container button.cic-next-button,
.canvas-container .buttons-container button.cic-prev-road-button,
.canvas-container .buttons-container button.cic-next-road-button {
padding: 0;
margin-left: 0;
margin-right: 0;
}
*/
}
@media only screen and (min-width:1180px) {
.cic-image-grid,
body.page-id-24798 .mn-views [data-vc-grid-content],
body.page-id-24797 .mn-views [data-vc-grid-content],
body.page-id-24796 .mn-views [data-vc-grid-content],
body.page-id-24795 .mn-views [data-vc-grid-content],
body.page-id-24794 .mn-views [data-vc-grid-content] {
grid-template-columns: repeat(auto-fit, minmax(19%, 1fr));
}
body.page-id-25039 .mn-views [data-vc-grid-content],
body.page-id-25038 .mn-views [data-vc-grid-content],
body.page-id-25037 .mn-views [data-vc-grid-content],
body.page-id-25036 .mn-views [data-vc-grid-content],
body.page-id-25035 .mn-views [data-vc-grid-content] {
grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
}
.cic-image-grid-item,
.cic-image-road-grid-item {
/* flex: calc(100% / 5 - 20px) */
}
.mn-views [data-vc-grid-content] .vc_grid-item {
/* */
}
}
@media (min-width:768px) and (max-width:992px) {
.mn-col-100-at-768-min-width {
width: 100%;
}
}
@media (max-width:978px) {
#cic-canvas {
width: 600px;
height: 450px;
}
.canvas-container .buttons-container {
/* flex:0 0 64px; */
width: 64px;
padding: 0;
height: 450px;
}
.canvas-container .buttons-container button.cic-prev-road-button,
.canvas-container .buttons-container button.cic-next-road-button {
/* bottom: calc(52.5px +(54px / 2)); */
bottom: 17.5%;
}
}
@media (max-width:908px) {
.canvas-container .buttons-container {
/* height: auto;
min-height: 220px;
flex: 1;
padding: 0; */
}
#cic-canvas {
/* width: calc(100% - (54px * 2));
height: auto; */
}
}
@media (max-width:768px) {
ul[id^="menu-gecko-menu-"] li a{
white-space:nowrap
}
#cic-canvas {
/* max-width: 100%; */
height: auto;
width: calc(100% - (64px * 2));
}
.canvas-container .buttons-container {}
.canvas-container .buttons-container button.cic-prev-button,
.canvas-container .buttons-container button.cic-prev-road-button,
.canvas-container .buttons-container button.cic-next-button,
.canvas-container .buttons-container button.cic-next-road-button {
width: 32px;
height: 32px;
background-size: calc(11.24px/1.1) calc(19.08px / 1.1);
}
.canvas-container .buttons-container button.cic-prev-button,
.canvas-container .buttons-container button.cic-prev-road-button {
left: calc(50% - 16px)
}
.canvas-container .buttons-container button.cic-next-button,
.canvas-container .buttons-container button.cic-next-road-button {
right: calc(50% - 16px)
}
/* .cic-image-grid-item,
.cic-image-road-grid-item{
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.cic-image-grid-item:hover,
.cic-image-road-grid-item:hover {
overflow: hidden;
border: 3px solid transparent;
}
.cic-image-grid-item:focus,
.cic-image-road-grid-item:focus {
overflow: hidden;
border: 3px solid red;
}
.cic-image-grid-item:hover .eidie,
.cic-image-road-grid-item:hover .eidie{
background-color:#fff;
color:#000;
} */
}
@media (max-width: 576px) {
.carnavigation {
margin-bottom: 0;
}
}
@media (hover: hover) {
button:hover {
/* box-shadow: -5px 0px 5px -2px red;
color: blue; */
box-shadow: none;
color: inherit;
background-color: #f48e00 !important;
/* box-shadow: inherit; */
transform: scale(1.125);
}
}
/* button,
.mn-btn-orange{
min-width: 190px;
height: 40px;
border-radius: 100px;
border: 0;
font-size: 14px;
font-weight: 700;
padding: 0 20px;
align-items: center;
justify-content: center;
display: flex;
margin-left: 30px;
-moz-transition: all .15s ease;
-webkit-transition: all .15s ease;
-o-transition: all .15s ease;
transition: all .15s ease;
}
button:hover,
.mn-btn-orange:hover {
background: #f48e00 !important;
box-shadow: inherit;
transform: scale(1.125);
} */
.logged-in- .vc_tta.vc_tta-tabs .vc_tta-tabs-container {
display: flex;
/* border:1px solid red; */
/* width: 100%; */
/* height: 45px; */
/* overflow: auto; */
/* margin: 0 0 10px; */
}
.logged-in- .vc_tta.vc_tta-tabs .vc_tta-tabs-container ul{
/* display: flex; */
/* border:1px solid blue; */
/* flex-wrap:wrap; */
/* overflow:visible; */
/* height:40px; */
/* list-style: none; */
/* border-bottom: 1px solid #979797; */
display: flex;
margin: 0;
padding: 0;
overflow-x: auto;
overflow-y: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: space-between;
/* top: calc(98px - 44px); */
/* z-index: 11; */
/* gap: 12px; */
/* height: 45px; */
min-width: 100%;
}
.logged-in- .vc_tta.vc_tta-tabs .vc_tta-tabs-container ul li a{
}
.logged-in- .vc_tta.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab.vc_active>a{
/* border:1px solid red; */
color: #fc9a00;
}
.logged-in- .vc_tta.vc_tta-tabs .vc_tta-tabs-container ul li a span{
white-space: nowrap;
}
.logged-in- .vc_tta.vc_general .vc_tta-panel-heading{
display:none;
}
.logged-in- .vc_tta.vc_general .vc_tta-panel-heading{
}
@media (max-width: 768px) {
.logged-in-.vc_responsive .mn-views .vc_grid-filter:not(.vc_gitem-post-data) {
/* display: inherit !important; */
display: flex !important;
margin: 0 0 20px;
padding: 0;
overflow-x: auto;
overflow-y: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: space-between;
min-width: 100%;
}
.logged-in-.vc_responsive .mn-views .vc_grid-filter-select {
display: none;
}
}