/*
Theme Name: FRP
Author: Ruslan Ratych
Version: 1.0
*/

:root{
	--gray: #f7f7f8;
    --border: #d9d9d9;
    --dark-bg: #1b1b1b;
    --dark: #242424;
    --red: #E51C1C;
}

@font-face {
  font-family: 'icomoon';
  src:
    url('assets/fonts/icomoon.ttf?kbzhla') format('truetype'),
    url('assets/fonts/icomoon.woff?kbzhla') format('woff'),
    url('assets/fonts/icomoon.svg?kbzhla#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ico-"], [class*=" ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-close:before { content: "\e900";}
.ico-caret-right:before { content: "\e903";}
.ico-check-circle:before { content: "\e904";}
.ico-download:before { content: "\e905";}
.ico-arrow-up-right:before { content: "\e908";}
.ico-arrow-left:before { content: "\e909";}
.ico-search:before { content: "\e90a";}
.ico-caret-down:before { content: "\e90b";}
.ico-arrow-back:before { content: "\e90c";}
.ico-star:before { content: "\e90d";}

.ico-linkedin .path1:before { content: "\e901"; color: rgb(80, 80, 80);}
.ico-linkedin .path2:before { content: "\e902"; margin-left: -1em; color: rgb(255, 255, 255);}
.ico-youtube .path1:before { content: "\e906"; color: rgb(80, 80, 80);}
.ico-youtube .path2:before { content: "\e907"; margin-left: -1.4169921875em; color: rgb(255, 255, 255);}
a:hover .ico-youtube .path1:before { color:#CD201F;}
a:hover .ico-linkedin .path1:before { color:#0072b1;}

.ico-rotate, .ico-rotate-180 { display: inline-block; transform:rotate(180deg);}
.ico-rotate-90 { display: inline-block; transform:rotate(90deg);}
.ico-rotate-270 { display: inline-block; transform:rotate(270deg);}

html { font-size:1.0417vw;}
body{ font-size:1.1rem; line-height:1.4; font-family:'Montserrat', Arial, sans-serif; color:#000;}
a { color:inherit; transition: all .2s ease;}
a:hover {text-decoration:none; color:inherit;}
a:focus {outline: none;}
img { max-width:100%; height:auto;}
#wrapper { width:100%; min-width:320px; position:relative; overflow: hidden;}
.clearfix:after { display:table; content:''; clear:both;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type=number] { -moz-appearance: textfield;}
#wpadminbar { position: fixed;}
b, strong { font-weight: 600;}
.thumb img, .icon img { width: 100%;}
.item-thumb { display: block; position: relative; padding-bottom: 100%;}
.item-thumb img { display: block; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius:0; object-fit: cover; object-position: center;}
.popping { font-family: 'Poppins';}
.trademark { font-size: 0.8em; position: relative; top: -0.3em;}

.row { margin-left: -1rem; margin-right: -1rem;}
.row>[class^="col"], .row>[class*=" col"] { padding-left:1rem; padding-right: 1rem;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: 600; line-height: 1.4; margin-bottom:1rem;}
h1, .h1 { font-size: 2.25rem; line-height:1.3; font-family: 'Poppins', Arial, sans-serif;}
h2, .h2 { font-size: 2rem;}
h3, .h3 { font-size: 1.8rem;}
h4, .h4 { font-size: 1.4rem;}
h5, .h5 { font-size: 1.2rem;}
h6, .h6 { font-size: 1.1rem;}

.btn { position: relative; font-weight:600; padding:0.75rem 1.5rem; font-size:1.1rem; line-height:1.5rem; border:none; border-radius:0; min-width:10rem; box-shadow:none !important; transition: all .2s ease;}
.btn.btn-sm { font-size:0.9rem; line-height: 1.2rem; font-weight: 500; padding:0.5rem 1.5rem; min-width:1px;}
.btn-primary { color:#fff; background:#000;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { background:var(--red); color:#fff;}
.btn-secondary { background: #fff; color:#000; box-shadow:inset 0 0 0 1px #000 !important;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus { background: #000; color:#fff;}
.btn .ico { display: inline-block; font-size: 1.2rem; vertical-align: top; margin-top: 0.15rem;}

.carousel-prev, .carousel-next { display: flex; justify-content: center; align-items: center; border-radius: 0.5rem; width:3.5rem; height: 2.5rem; border:1px solid transparent; background: linear-gradient(329.72deg, rgba(40,37,58,1) 0%, rgba(44,33,52,1) 100%) padding-box,  linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%) border-box; font-size: 1.5rem; text-align: center; color:#fff; cursor:pointer;}
.carousel-prev .ico-chevron { transform:rotate(180deg);}
.carousel-prev:hover, .carousel-next:hover { border:none; background: linear-gradient(190.53deg, #D98941 -0.14%, #CC336E 97.97%); box-shadow: 0px 16px 68px 0px rgba(233, 64, 132, 0.3), 0px 4px 20px 0px rgba(243, 156, 80, 0.2);}

.container, .container-lg, .container-md, .container-sm, .container-xl { max-width:86rem; padding-left: 1rem; padding-right: 1rem;}

/* header */
.page-header { position: absolute; top:0; left:0; width: 100%; padding: 2rem 0; z-index: 150;}
.page-header>.container { padding-left: 1rem; padding-right: 1rem;}
.header-white { position: relative; background: #fff; width: 100%;}
.navbar-brand { padding: 0; margin: 0; width: 5.5rem;}
.navbar-brand img { display: block;}
.page-header .navbar-brand { position: absolute; left:1rem; top:50%; transform:translateY(-50%);}
#navi { padding: 1.4rem 7.5rem; flex:0 1 100%; justify-content: center;}
.main-menu li { position: relative;}
.main-menu>li:not(:last-child) { margin-right: 3rem;}
.main-menu li a { display: block; font-size: 1rem; line-height: 1.4;}
@media (hover: hover) {
    .main-menu>li>a:hover { color:var(--red)}
}
.main-menu>li.menu-item-has-children>a:after { content: "\e90b"; font-family: 'icomoon'; line-height: 1; vertical-align: top; display: inline-block; margin-left: 0.5rem; margin-top: 0.2rem; transition:all 0.2s ease;}
.main-menu .sub-menu { position: absolute; top:100%; left:0; margin-top: 2.5rem; background: #fff; padding: 0.5rem 0; list-style: none;}
.main-menu .sub-menu:before { content:''; display: block; position: absolute; left:0; bottom:100%; width: 100%; height: 2.55rem;}
.main-menu .sub-menu li a { display: flex; justify-content: space-between; padding: 0.5rem 1rem; white-space: nowrap; text-transform: lowercase;}
.main-menu .sub-menu li a:after { content: "\e90c"; font-family: 'icomoon'; display: inline-block; vertical-align: top; font-size:0.9rem; line-height: 0.9rem; margin-left:1rem; margin-top: 0.3rem; opacity: 0;}
.main-menu .sub-menu li a:hover { background: #ededed;}
.main-menu .sub-menu li a:hover:after { opacity: 1;}
.navbar-main-toggler { width:1.2rem; height:1.2rem; border:none; border-radius:0; padding: 0; position: relative; transition: .25s ease-in-out; outline: none !important;}
.navbar-main-toggler span, .search-toggler span { display: block; position: absolute; height:0.1rem; width:0.9rem; background:#000; left:0.15rem; top:0.55rem; border-radius: 2px; transform: rotate(0deg); transition: .25s ease-in-out;}
.navbar-main-toggler span:nth-child(1), .navbar-main-toggler span:nth-child(4) { width:0%; left:50%;}
.navbar-main-toggler span:nth-child(2), .search-toggler span:nth-child(1) { transform: rotate(45deg);}
.navbar-main-toggler span:nth-child(3), .search-toggler span:nth-child(2) { transform: rotate(-45deg);}
.navbar-main-toggler.collapsed span:nth-child(1) { top:0.25rem; width:0.9rem; left:0.15rem;}
.navbar-main-toggler.collapsed span:nth-child(2), .navbar-main-toggler.collapsed span:nth-child(3) { transform: rotate(0deg);}
.navbar-main-toggler.collapsed span:nth-child(2) { opacity: 0;}
.navbar-main-toggler.collapsed span:nth-child(4) { top:0.85rem; width:0.9rem; left:0.15rem;}
.header-right { position: absolute; right:1rem; top:50%; transform:translateY(-50%);}
.header-right .btn { margin-left: 2.5rem;}
.hsearch { position:relative;}
.search-toggler, .search-form-group .submit-search { padding: 0.5rem; width:2.2rem; height:2.2rem; font-size:1.2rem; line-height:1; cursor:pointer;}
.search-toggler { position: relative; z-index: 2;}
.search-toggler .ico { background: #fff;}
.search-box { display:block; position: absolute; top:0; right: 0; width: 0; overflow: hidden; z-index: 1; transition: all 0.3s ease;}
.hsearch.opened .search-box { width:14rem;}
.hsearch.active.opened .search-toggler {z-index:-1;}
.hsearch.opened:not(.active) .search-toggler .ico:before { content: "\e900";}
.search-form-group { position: relative;}
.search-form-group .input-search { font-size: 0.9rem; height: 2.2rem; padding: 0.4rem 2.2rem 0.4rem 1rem;}
.search-form-group .submit-search { position: absolute; top:0; right:0; border:none; background: none; box-shadow:none !important; outline: none;}
.content-search .search-form-group .input-search { font-size: 1rem; height: calc(3.3rem + 2px); padding: 1rem 3rem 1rem 1rem;}
.content-search  .search-form-group .submit-search { right:0.5rem; top:50%; transform:translateY(-50%);}

/* layout */
.section { position: relative; padding:6rem 0;}
.section-gray-dark { background: var(--border)}
.section-gray-head { background:#f2f2f4;}
.section-gray { background: var(--gray)}
.section-dark { background: var(--dark-bg); color:#fff;}
.section-title { text-align: center;}
.section-head { max-width: 70rem; text-align: center; margin:0 auto 3rem;}
.section-head .section-subtitle { font-size: 1.3rem; font-weight: 500; margin-bottom: 1rem;}
.section-head > :last-child { margin-bottom: 0;}
.section .block:not(:first-child) { margin-top: 6rem;}
.white-block { background: #fff; padding: 3rem; max-width: 60rem; margin-left: auto; margin-right: auto;}
.entry-content h2, .entry-content h3, .entry-content h4 { margin-top: 2rem;}
.entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child { margin-top: 0;}
.text p, .text ul, .text ol, .entry-content p, .entry-content ul, .entry-content ol { margin-bottom: 1rem;}
.text ul, .text ol { padding-left: 1.25rem;}
.text a, .entry-content a { text-decoration: underline;}
.text a:hover, .entry-content a:hover { color:var(--red);}
.entry-content ul li:last-child, .entry-content ol li:last-child { margin-bottom: 0;}
.entry-content blockquote { background:var(--dark); color:#fff; border-radius:0; padding: 2rem; font-weight: 500; margin:1.5rem 0;}
.entry-content img { border-radius:0; margin-bottom: 1rem;}
.alignleft { max-width: 50%; float:left; margin: 0 1.5rem 1rem 0;}
.alignright { max-width: 50%; float:right; margin: 0 0 1.5rem 1rem;}
.aligncenter { display: block; margin: 0 auto 1rem;}
.wp-caption img, .entry-content .wp-caption img { margin: 0;}
.wp-caption-text, .wp-caption .wp-caption-text { margin:0.5rem 0 0; text-align: center;}
.entry-content>.wpcf7:not(:first-child) { margin-top: 2rem; margin-bottom: 1rem;}
.text > :last-child, .entry-content > :last-child, .entry-content blockquote > :last-child { margin-bottom: 0;}

/* hero section */
.hero-section { display: flex; align-items: center; position: relative; min-height: 100vh; padding: 0;}
.hero-page-section { min-height: 40rem;}
.hero-text-block { padding-top: 5.9rem; padding-right: 5rem;}
.hero-text-block .white-block { padding: 2rem;}
.hero-page-section.hero-mini { min-height:1px; text-align: center;}
.hero-page-section.hero-mini .hero-text-block { padding-top: 10rem; padding-bottom: 5rem;}
.top-text { font-size: 0.9rem; line-height: 1.1rem; text-transform: uppercase;}
.hero-text-block .top-text { margin-bottom: 2rem;}
.hero-section h1:last-child { margin-bottom: 0;}
.hero-buttons { margin-top: 6rem;}
.hero-buttons .btn:not(:last-child) { margin-right: 4rem;}
.hero-buttons .btn-youtube img { width: 13rem; height: auto;}
.hero-page-section .hero-buttons { margin-top: 5rem;}
.hero-text-block .download-buttons { margin-top: 5rem;}
.download-buttons a:not(:last-child) { margin-right: 4rem;}
.download-buttons a img { height: 3rem; width: auto;}
.hero-image-block { position: absolute; right:0; top:0; width: 50%; height: 100%;}
.hero-product { display: block; position: absolute; bottom:0; left:50%; margin-left: -42rem; background: var(--dark); color:#fff; padding: 1rem; min-height: 6.5rem;}
.hero-product:hover { background: var(--red); color:#fff;}
.single-solutions .hero-image-thumb img { object-position: center bottom;}

@media (min-width: 992px) {
    .single-solutions .hero-buttons { margin-top: 5rem;}
    .single-solutions .hero-text-block { padding-top: 8.5rem; padding-bottom: 8.5rem;}
    .hero-page-section .hero-text-block { padding-top: 7.5rem; padding-bottom: 3rem;}
    
    .owl-home-slider, .owl-home-slider .owl-stage-outer, .owl-home-slider .owl-stage, .owl-home-slider .owl-item, .owl-home-slider .home-slide-item { height: 100%;}
    .owl-home-slider .item-thumb, .hero-image-thumb { height:100%; padding: 0;}
}
.owl-home-slider .item-entry { display: block; position: absolute; left:0; bottom:0; width: 100%; text-align: center; padding: 2rem 2rem 4.5rem; background: rgba(247, 247, 248, 0.7); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.owl-home-slider .item-title { margin: 0;}
.owl-home-slider .item-title .ico { display: inline-block; font-size: 2rem; margin-left: 1rem; margin-top: 0.25rem; vertical-align: top;}
.owl-home-slider .owl-dots { display: flex; justify-content: center; position: absolute; bottom:1.85rem; left:50%; transform:translateX(-50%);}
.owl-home-slider .owl-dots .owl-dot { padding: 0.15rem !important;}
.owl-home-slider .owl-dots .owl-dot:before { content:''; display: block; width: 0.5rem; height: 0.5rem; background: rgba(0,0,0,0.2); border-radius: 0.1rem;}
.owl-home-slider .owl-dots .owl-dot.active:before, .owl-home-slider .owl-dots .owl-dot:hover:before { background: #000;}

/* blocks */
.block-item { margin-bottom: 2rem;}
.block-item .block-text { display: flex; flex-direction: column; justify-content: center; height: 100%; background: var(--gray); padding: 3rem;}
.section-gray .block-item .block-text { background: #fff;}
.section-dark .block-item .block-text { background: var(--dark); color:#fff;}
.block-item .block-link { margin-top: 2rem;}
.block-item .block-image { padding-bottom: 73%;}
.block-item .block-text .item-title { margin-bottom: 0;}
.block-item .block-text .text { margin-top: 1rem;}
.block-item .item-date { margin-top: 0.5rem;}
.rm-link { display: inline-flex; align-items: center; font-size: 1.3rem; font-weight: 500;}
.rm-link .ico { display:flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border:1px solid currentColor; border-radius: 50%; font-size: 1.2rem; margin-left: 1rem;}
.rm-link:hover { color:var(--red);}
.page-blocks .block-item .block-image { padding-bottom: 56%; min-height: 100%;}
.buttons-row { display: flex; flex-wrap:wrap; padding-top: 1rem;}
.buttons-row .btn:not(:last-child) { margin-right:2rem;}
.cta-block:not(:first-child) { margin-top: 6rem;}
.cta-block { position: relative; background: var(--gray); padding: 3.7rem 3rem;}
.cta-block:before { content:''; display: block; position: absolute; right:0; top:0; width: 36.8rem; height: 100%; background: url(assets/img/cta-lines.png) no-repeat right top; background-size: cover}
.cta-block .cta-inner { max-width: 36rem;}
.cta-block .block-subtitle { margin-bottom: 1rem;}

/* Single Product */
.owl-services .owl-item { padding: 0 1px;}
.owl-services .slide-info { margin-bottom: auto;}
.owl-services .custom-dots { display: flex; gap:0.4rem; margin-bottom: 0.5rem;}
.owl-services .custom-dots span { display: block; position: relative; flex:1; height: 0.4rem; border-radius: .1rem; background: rgba(0,0,0,0.2); cursor: pointer;}
.owl-services .custom-dots span:before { content:''; display: block; position: absolute; top:-0.5rem; bottom:-0.5rem; left:0; width: 100%;}
.owl-services .custom-dots span.active, .owl-services .custom-dots span:hover { background: #000;}
.owl-services .slide-info-row { font-size: 1rem; color:#878787;}
.owl-services .block-item { margin-bottom: 0;}
.owl-services .block-item .block-image { padding-bottom: 79%;}
.highlights-list { display: flex; margin: 0 -1rem;}
.highlight-col { position: relative; width: 20%; padding: 0 1rem;}
.highlight-col:hover { z-index: 1;}
.highlight-item { position: relative; background: var(--gray); height: 100%; padding: 2rem;}
.highlight-item .hl-icon { display: inline-block; padding:calc(1rem - 1px); border:1px solid #000; color:#000; border-radius:1.5rem; margin-bottom: 2rem;}
.highlight-item .hl-icon img { display: block; height: 2rem; width: auto;}
.highlight-item .hl-caption { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.highlight-item .hl-tooltip { display: none; position: absolute; left:50%; transform:translateX(-50%); bottom:100%; margin-bottom: -2.5rem; background: var(--gray); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25); padding: 1rem; width: 31.5rem;}
.highlight-item .hl-tooltip > :last-child { margin-bottom: 0;}
.highlight-item.show-tooltip { cursor: pointer;}
.highlight-item.show-tooltip:hover .hl-tooltip { display: block;}
.app-block { position: relative; background: var(--dark); color:#fff;}
.app-block:before { content:''; display: block; position: absolute; right:0; top:0; width: 36.8rem; height: 100%; background: url(assets/img/cta-lines.png) no-repeat right top; background-size: cover}
.app-block .app-image { display: block; position: absolute; z-index: 1; top:0; right:14.1rem; height: 100%;}
.app-block .app-image img { height: 100%; width: auto;}
.app-block .app-inner { margin-left: 9.5rem; padding: 3rem; display: inline-block; text-align: center;}
.app-block .section-title, .hardware-block .section-title { margin-bottom: 2rem;}
.hardwares-list { margin-bottom: -2rem;}
.hardware-item { display: flex; flex-direction: column; justify-content: center; background: #fff; height: calc(100% - 2rem); padding: 1.6rem 2rem; margin-bottom: 2rem;}
.hardware-item .caption { font-size: 1.3rem; font-weight: 500; margin-bottom: 1rem;}
.hardware-item ul { padding-left: 1.5rem;}
.hardware-item > :last-child { margin-bottom:0;}
.hardware-item a { text-decoration: underline;}
.hardware-item a:hover { color:var(--red);}
.hardware-white { background: #fff; padding: 2rem;}
.hardware-white .section-title { margin-bottom: 0;}
.hardware-white .hardware-item { height: auto; margin-bottom: 0;}
.manual-block { display: flex; align-items: center; max-width: 44rem; margin-left: auto; margin-right: auto;}
.manual-block .manual-image { width: 26rem; height: 25rem; flex-shrink:0;}
.manual-block .manual-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.manual-block .manual-label { margin-bottom: 2rem;}
.block-manuals { max-width:77rem; margin:0 auto 1rem;}
.block-manuals .manual-block { margin-bottom: 2rem;}
.block-manuals .manual-block .manual-image { width: 19rem; height: 25rem;}

/* Single Solution */
.owl-features { display: block;}
.owl-features .owl-stage-outer { margin: 0 -6rem; padding: 0 6rem;}
.owl-features .owl-stage { display: flex;}
.feature-item { position: relative; width:28.7rem; text-align: center; background: var(--gray); height: 100%;}
.feature-item .item-thumb { padding-bottom: 82%;}
.feature-item .item-entry { padding: 2rem;}
.owl-blocks, .owl-blocks .owl-stage-outer, .owl-blocks .owl-stage, .owl-blocks .owl-item { height: 100%;}
.item-block-slide { position: relative; display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 3rem;}
.block-slide-inner { display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.block-slide-inner:before, .block-slide-inner:after { content:''; display: block;}
.block-slide-image { text-align: center;}
.owl-carousel .block-slide-image img { display: inline-block; width: auto;}
.block-slide-title { margin-bottom: 0;}
.owl-blocks .owl-dots { display: flex; position: absolute; bottom:0; left:50%; transform:translateX(-50%); padding: 1rem 0;}
.owl-blocks .owl-dots .owl-dot { padding: 0.5rem !important; display: block;}
.owl-blocks .owl-dots .owl-dot:before { content:''; display: block; width: 0.5rem; height: 0.5rem; background: rgba(255,255,255,0.4);}
.owl-blocks .owl-dots .owl-dot.active:before, .owl-blocks .owl-dots .owl-dot:hover:before { background: #fff;}
.block-solution-product { position: relative; background: var(--gray); padding: 3rem 7rem; text-align: center;}
.block-solution-product:before { content:''; width:24.6rem; height: 15.1rem; position: absolute; top:0; left:0; background: url(assets/img/ps-ellipse-1.png) no-repeat 0 0; background-size: 100% 100%;}
.block-solution-product:after { content:''; width:22.5rem; height:100%; position: absolute; top:0; right:0; background: url(assets/img/ps-ellipse-2.png) no-repeat right center; background-size:100% 100%;}
.block-solution-product > * { position: relative; z-index: 1;}
.block-solution-product .rm-link { margin-top: 1rem;}

/* blog */
.posts-list { margin-bottom: -2rem;}
.post-item { background: var(--gray); text-align: left; height: calc(100% - 2rem); margin-bottom: 2rem;}
.post-item .item-thumb { padding: 0; height: 13.5rem;}
.post-item .item-entry { padding: 2rem;}
.post-item .item-title { margin-bottom: 0;}
.post-item .item-date { margin-top: 0.5rem;}
.post-item .item-excerpt, .post-item .item-more { margin-top: 1rem;}
.item-more-link { display: inline-flex; align-items: center; font-size:1.3rem; font-weight: 600;}
.item-more-link .ico { font-size: 1.2rem; margin-left: 1rem;}
.post-item .item-title a:hover, .block-post-item .item-title a:hover, .item-more-link:hover { color:var(--red);}
.section-gray .post-item { background: #fff;}
.op-list .post-item .item-thumb { height: 21.9rem;}
.block-item.block-post-item .block-text { background: var(--dark); color:#fff;}
div.wp-pagenavi { margin-top: 3rem; display: flex; flex-wrap:wrap; justify-content: center;}
div.wp-pagenavi a, div.wp-pagenavi span { display: block; font-family: 'Raleway'; padding: 0; width: 2.5rem; height: 2.5rem; border:1px solid #cbcbcb; background:none; border-radius:50%; text-align: center; font-size:0.8rem; font-weight:500; line-height: calc(2.5rem - 2px); margin: 0 0.1rem 0.25rem; transition: none;}
div.wp-pagenavi span.current { font-weight: 500;}
div.wp-pagenavi a:hover, div.wp-pagenavi span.current { color:#000; background:none; border:1px solid #000;}
div.wp-pagenavi a.previouspostslink, div.wp-pagenavi a.nextpostslink { font-size: 1.2rem;}
div.wp-pagenavi a.previouspostslink .ico, div.wp-pagenavi a.nextpostslink .ico { line-height:2.5rem;}

/* single post */
.breadcrumbs { font-size: 1rem; color:rgba(0,0,0,0.5);}
.breadcrumbs a:hover, .breadcrumbs .breadcrumb_last { color:#000;}

/* tarifs */
.tarif-item { margin-bottom: 1rem;}
.tarif-mainbox { position: relative; background: #fff; padding: 2rem;}
.item-popular .tarif-mainbox { background: linear-gradient(169.91deg, #B5AEAE -33.77%, #FFFFFF 50.51%);}
.tarif-mainbox .popular-badge { display:flex; align-items: center; position: absolute; top:1rem; right:1rem; font-size: 0.9rem; font-weight: 500; font-family: 'Raleway'; color:#434343; padding: 0.35rem 1.2rem; border:1px solid #A6A6A6; border-radius: 1rem;}
.tarif-mainbox .popular-badge .ico { font-size: 1rem; margin-right: .5rem;}
.tarif-item .tarif-head { text-align: center; padding-bottom: 1rem; border-bottom: 2px dashed transparent; border-image: repeating-linear-gradient( to right, black 0, black 2px, transparent 2px, transparent 10px); border-image-slice: 1;}
.tarif-item .item-caption { font-size: 1.4rem; font-weight: 600;}
.tarif-item .item-price { font-size: 2rem; font-weight: 600;}
.tarif-item .price-period { font-size:0.8rem; color:#666;}
.tarif-item .item-info { margin-top: 1rem;}
.tarif-item .item-info .caption { font-size: 1rem; margin-bottom: 0.5rem;}
.tarif-item .item-info .text ul, .tarif-item .item-info .text ol, .tarif-item .item-info .text p { margin: 0;}
.tarif-item .download-buttons { margin-top: 2rem;}
.tarif-item .download-buttons a:not(:last-child) { margin-right: 2rem;}
.tarif-item .tarif-actions { text-align: center; margin-top: 2rem;}
.tarif-item .tarif-actions .btn { font-size: 1rem; line-height: 1.2rem; font-family: 'Raleway'; border-radius: 0.3rem; padding: 0.65rem 1.5rem;}
.tarif-item .tarif-actions .action-note { font-size:0.7rem; color:#666; margin-top: 0.5rem;}
.tarif-highlights { background: #fff; padding: 2rem; margin-top: 0.5rem;}
.tarif-highlights .highlights-title { font-size:1rem; position: relative; padding-right: 1.5rem; cursor: pointer;}
.tarif-highlights .highlights-title .ico { position: absolute; right:0; top:50%; transform:translateY(-50%) rotate(180deg); font-size: 1.2rem; line-height: 1.2rem; transition:all 0.2s ease;}
.tarif-highlights .highlights-title.collapsed .ico { transform:translateY(-50%) rotate(0);}
.tarif-highlights .text { padding-top: 0.5rem;}
.list-check ul, ul.list-check { list-style: none; padding: 0; padding-left: 0 !important;}
.list-check ul li, ul.list-check li { position: relative; padding-left: 1.7rem; margin-bottom: 0.5rem;}
.list-check ul li:last-child, ul.list-check li:last-child { margin-bottom:0;}
.list-check ul li:before, ul.list-check li:before { content: "\e904"; font-family:'icomoon'; display: block; position: absolute; left:0; top:-0.05rem; font-size: 1.2rem; line-height: 1.2rem;}
.tarif-item .item-info .text, .tarif-highlights .list-check { font-size:0.8rem; font-family: 'Raleway'; font-weight: 500;}
.tarif-item .item-info .text b, .tarif-item .item-info .text strong, .tarif-highlights .list-check b, .tarif-highlights .list-check strong { font-weight: 600;}

/* form */
.section-gray + .form-section { border-top:1px solid var(--border);}
.form-section .section-title { margin-bottom: 2rem;}
.form-group { margin-bottom: 2rem;}
.form-group.cpt { display: none !important;}
.form-control { color:#000; border:1px solid var(--border); font-size:1rem; line-height: 1.3rem; padding:1rem; height:calc(3.3rem + 2px); border-radius: 0.4rem; transition:all 0.2s ease;}
.form-control:focus { color:#000; border-color:#000; box-shadow:none;}
textarea.form-control { height:calc(3.3rem + 2px);}
.hero-text-block textarea.form-control { height:calc(4.6rem + 2px);}
select { -moz-appearance: none; -webkit-appearance: none; background-image: url(assets/img/select-arrow.svg); background-position: right 1rem center; background-repeat: no-repeat; background-size:1.2rem;}
select::-ms-expand { display: none;}
.submit-group { position: relative; padding-top: 1rem;}
.submit-group .wpcf7-spinner { position: relative; margin:0 -2.2rem 0 1rem; width: 1.2rem; height: 1.2rem; vertical-align: top; top:0.9rem;}
.form-control.wpcf7-not-valid { border:1px solid var(--red);}
span.wpcf7-not-valid-tip { color:var(--red); font-size: 0.9rem; margin-top: 0.25rem;}
div.wpcf7 form .wpcf7-response-output { margin: 1.5rem 0 0; font-size: 1rem; padding: 0.5rem 1rem; border-radius:0;}

/* footer */
.page-footer { background: #000; color:#fff; padding:3rem 0;}
.footer-top { margin-bottom: 3rem;}
.footer-top .slogan { font-size: 0.7rem; line-height: 0.8rem; text-transform: uppercase; letter-spacing: 0.04em; color:rgba(255,255,255,0.5); margin-top: 1rem;}
.nist-logo { display: inline-block;}
.nist-logo img { max-height: 3.9rem; width: auto;}
.footer-menu>li>a { display: block; font-size:1.2rem; line-height: 1.4rem; font-weight: 500;}
.footer-menu>li>a[href="#"] { cursor: default; pointer-events: none;}
.footer-menu .sub-menu { list-style: none; margin-top: 0.5rem; padding: 0;}
.footer-menu .sub-menu li { padding: 0.5rem 0;}
.footer-menu .sub-menu li a { display: block; font-size: 1rem; line-height: 1.4; color:rgba(255,255,255,0.5); text-transform: lowercase;}
.footer-menu .sub-menu li a:hover { color:#fff;}
.footer-socials { display: flex; float:right;}
.footer-socials a { font-size: 1.2rem;}
.footer-socials a + a { margin-left: 1rem;}
.footer-bottom { font-size: 1rem; line-height: 1.4; margin-top: 3rem;}
.footer-country { float:right;}
.copyright { float:left;}
.legal-links { text-align: center; padding: 0; margin: 0 18rem; list-style: none; font-size: 1rem;}
.legal-links li { display: inline-block}
.legal-links li+li { margin-left: 3rem;}
.legal-links li a:after { content: "\e908"; font-family: 'icomoon'; vertical-align: top; margin-left: 0.5rem; margin-top: 0.2rem;}
.legal-links li a:hover { opacity: 0.5;}

@media (min-width: 992px) {    
    .main-menu li .sub-menu { display: none !important;} 
    .main-menu li:hover>.sub-menu { display: block !important;} 
    
    .item-date { font-size: 0.9rem;}
}

@media (max-width: 991px) {
    html { font-size:2.6041vw;}
    body { font-size: 0.8rem;}
    
    h1, .h1, h2, .h2 { font-size: 1.3rem; line-height: 1.4;}
    h3, .h3 { font-size: 1.1rem;}
    h4, .h4 { font-size: 1rem;}
    h5, .h5 { font-size: 0.9rem;}
    h6, .h6 { font-size: 0.8rem;}
    
    .page-header { padding: 1rem 0;}
    .header-white { padding: 0.75rem 1rem; display: flex; justify-content: space-between; align-items: center;}
    .page-header .navbar-brand { width: 3.8rem; position:relative; left:auto; top:auto; transform:none;}
    
    #navi { display: block !important; visibility: hidden; opacity: 0; margin-top: 1.5rem; padding: 0; background: #fff; position:absolute; top:100%; left:0; width:100%; transition:all 0.2s ease; z-index: 300;}    
    #navi.show { visibility: visible; opacity: 1; margin-top: 0.7rem;}
    .navi-inner { display: flex; flex-direction: column; padding:5.5rem 2rem;}
    .main-menu>li:not(:last-child) { margin-right: 0; margin-bottom: 2rem;}
    .main-menu>li.menu-item-has-children>a:after { display: inline-block;}
    .main-menu>li.menu-item-has-children.opened>a:after { transform:rotate(-180deg); margin-top: 0.25rem;}
    .main-menu .sub-menu { display: none; position: relative; top:auto; left:auto; background:none; padding:0; margin-top: 1rem;}
    .main-menu .sub-menu:before { display: none;}
    .main-menu .sub-menu li a { display: block; white-space: normal;}
    .main-menu .sub-menu li a:after { display: none;}
    .main-menu li.opened>.sub-menu { display: block;}
    .header-right { position:relative; right:auto; top:auto; transform:none; margin-top:2rem;}
    .header-right .btn { margin-left: 0; border-radius: 0.3rem; margin-top:2.5rem;}
    .search-toggler { display: none;}
    .search-box { position: relative; top:auto; right:auto; width: 100%;}
    .hsearch.opened .search-box { width:100%;}
    
    .section { padding: 4rem 0;}
    .section-head { margin-bottom: 2rem;}
    .section-head .section-subtitle { font-size: 0.8rem; font-weight: 400;}
    .section .block:not(:first-child) { margin-top: 4rem;}
    .page-section { background: #fff;}
    .page-section .white-block { padding: 0;}
    .breadcrumbs { font-size: 0.8rem;}
    
    .text ul, .text ol { padding-left: 1rem;}
    .entry-content ul, .entry-content ol { padding-left: 1.5rem;}
    .entry-content h2, .entry-content h3, .entry-content h4 { margin-top: 1.5rem;}
    .entry-content blockquote { padding: 1.5rem;}
    
    .hero-section { display: block; height: auto; min-height: 1px;}
    .hero-text-block { display: flex; flex-direction: column; justify-content: center; padding: 10rem 0 6rem;}
    .top-text { font-size: 0.7rem; line-height: 0.9rem;}
    .hero-text-block .top-text { margin-bottom: 1rem;}
    .hero-buttons, .hero-text-block .download-buttons, .hero-page-section .hero-buttons { margin-top: 3rem;}
    .hero-buttons .btn:not(:last-child) { margin-right:0; margin-bottom: 2rem;}
    .hero-image-block { position: relative; right:auto; top:auto; width: 100%; height:auto;}
    .owl-home-slider .item-thumb, .hero-image-thumb { height:auto; padding-bottom: 112.5%;}    
    .owl-home-slider .item-title .ico {  margin-top: -0.25rem;}
    .hero-page-section .hero-text-block, .hero-page-section.hero-mini .hero-text-block { padding-top: 9rem; padding-bottom: 6rem;}
    .hero-page-section .hero-image-thumb { height: 24rem; padding-bottom: 0;}
    
    .block-item .block-text { height: auto; padding:2.7rem 1.5rem; margin-bottom: 1rem;}
    .block-item .block-link { margin-top: 1rem;}
    .rm-link { font-size: 1rem;}
    .buttons-row { flex-direction: column; align-items:center;}
    .buttons-row .btn:not(:last-child) { margin-right:0; margin-bottom: 1rem;}
    .product-services-section .block-item .block-text, .page-blocks .block-item .block-text { padding:1.5rem;}
    .page-blocks { margin-left: -1rem; margin-right: -1rem;}
    .page-blocks .block-item .block-text { margin-bottom: 2rem;}
    .owl-services .slide-info { margin-bottom: 5rem;}
    .owl-services .slide-info-row { font-size: 0.7rem;}
    
    .cta-block:not(:first-child) { margin-top: 4rem;}
    .cta-block { padding: 1.5rem; text-align: center;}
    .cta-block:before { display: none;}
    .cta-block .cta-inner { max-width: 36rem;}
    .cta-block .buttons-row { padding-top: 0;}
    
    .highlights-list { overflow: auto; margin: 0 -1rem; padding: 0 0.5rem;}
    .highlight-col { width: 13.5rem; flex-shrink: 0; padding: 0 0.5rem;}
    .highlight-item { padding: 1.5rem;}
    .highlight-item .hl-icon { padding:calc(0.75rem - 1px); border-radius:1rem; margin-bottom: 1.5rem;}
    .highlight-item .hl-icon img { height:1.5rem;}
    .highlight-item .hl-tooltip { display:none !important;}
    
    .app-block:before, .app-block .app-image { display: none;}
    .app-block .app-inner { margin-left: 0; padding: 1.5rem; display:block;}
    .app-block .section-title { margin-bottom: 1rem;}
    .hardwares-list { margin-bottom: -1rem;}
    .hardware-item { height:auto; padding: 1.5rem; margin-bottom: 1rem;}
    .hardware-item .caption { font-size: 1.1rem;}
    .hardware-item ul { padding-left: 1rem;}
    .hardware-white { padding:1.5rem;}
    .hardware-white .section-title { text-align: left; margin-bottom:1.5rem;}
    .hardware-white .hardware-item { padding: 0;}
    .manual-block { display: block; text-align: center;}
    .manual-block .manual-image { width:auto; max-width: 20rem; margin:0 auto 2rem; height: auto;}
    .manual-block .manual-image img { height: auto;}
    .manual-block .manual-label { margin-bottom: 1rem;}
    .block-manuals .manual-block .manual-image { width: auto; height: auto;}
    .block-manuals .manual-block .rm-link { text-align: right;}
    
    .owl-features .owl-stage-outer { margin: 0 -1rem; padding: 0 1rem;}    
    .feature-item { width:21.5rem;}
    .feature-item .item-entry { padding: 1.5rem;}
    .feature-item .item-title { margin-bottom: 0.5rem;}
    .block-solution-product { padding: 3rem 1.5rem;}
    .block-solution-product:before, .block-solution-product:after { display: none;}
    
    .posts-list { margin-bottom: -1rem;}
    .post-item { height:auto; margin-bottom:1rem;}
    .post-item .item-thumb { padding: 0; height: 13.5rem;}
    .post-item .item-title { font-size: 1.1rem;}
    .post-item .item-entry { padding: 1rem;}
    .post-item .item-excerpt, .post-item .item-more { margin-top: 0.5rem;}
    .item-more-link { font-size: 1rem;}
    .item-more-link .ico { margin-left: 0.8rem;}
    .block-item.block-post-item .block-text { margin-bottom: 0;}
    
    .section-tarifs { padding: 0;}
    .tarifs-list { margin-left: -1rem; margin-right: -1rem;}
    .tarif-mainbox { height: auto !important;}
    .tarif-mainbox, .tarif-highlights { padding: 2rem 1rem;}
    .tarif-mainbox .popular-badge { font-size: 0.6rem; line-height: 1rem; font-family: 'Montserrat'; padding: 0.35rem 0.7rem;}
    .tarif-item .item-caption { font-size: 1.3rem; font-weight: 500;}
    .tarif-item .item-price { font-size: 1.8rem;}
    .tarif-item .download-buttons { margin-top: 2rem;}
    
    .form-section { background: #fff;}
    .form-section, .section-gray + .form-section { border-top:1px solid var(--gray);}
    .form-section .white-block { padding: 0;}
    .form-section .section-title { padding: 0 1rem;}
    .form-group { margin-bottom: 1rem;}
    .form-control { font-size:0.8rem; line-height: 1rem; height:calc(3rem + 2px);}
    textarea.form-control, .hero-text-block textarea.form-control { height:calc(4.1rem + 2px);}
    select { background-size: 1rem;}
    span.wpcf7-not-valid-tip { font-size: 0.75rem;}
    div.wpcf7 form .wpcf7-response-output { font-size: 0.8rem;}
    .content-search .search-form-group .input-search { font-size: 0.8rem; height:calc(3rem + 2px);}
    
    .footer-top { margin-bottom: 2rem;}
    .nist-logo { margin-top: 1rem;}
    .footer-menu>li>a { font-size:1.1rem; line-height: 1.4; font-weight: 400;}
    .footer-menu>li.menu-item-has-children>a:after { content: "\e90b"; font-family: 'icomoon'; line-height: 1; vertical-align: top; display: inline-block; font-size: 1.2rem; float:right; margin-left: 0.5rem; margin-top: 0.15rem; transition:all 0.2s ease;}
    .footer-menu>li.menu-item-has-children.opened>a:after { transform:rotate(-180deg); margin-top: 0.2rem;}
    .footer-menu>li>a[href="#"] { cursor: pointer; pointer-events: all;}
    .footer-menu>li+li { margin-top: 1rem;}
    .footer-menu .sub-menu { display: none;}
    .footer-menu li.opened>.sub-menu { display: block;}
    .footer-socials { float:none; margin-top: 2rem;}
    .footer-bottom { display: flex; flex-direction: column; align-items: center; font-size:0.8rem; margin-top: 2rem;}
    .footer-country, .copyright { margin-top: 1rem;}
    .legal-links { order:-1; margin: 0 0 1rem; width: 100%; text-align: left;}
    .legal-links li { display: block;}
    .legal-links li+li { margin-left: 0; margin-top: 1rem;}
    .legal-links li a:after { content: "\e908"; font-family: 'icomoon'; vertical-align: top; margin-left: 0.5rem; margin-top: 0.2rem;}
    .legal-links li a:hover { opacity: 0.5;}
}

@media (max-width: 782px) {
    
}

@media (max-width: 575px) {     
    html { font-size:5.3333vw;}
    
    .owl-home-slider .item-thumb { padding-bottom: 216%;}
    .owl-home-slider .item-entry { padding: 1rem 1rem 2.5rem; text-align: left;}
    .owl-home-slider .item-title { position: relative; padding-right: 3rem;}
    .owl-home-slider .item-title .ico { position: absolute; right:0; top:50%; transform:translateY(-50%); margin: 0;}
    .owl-home-slider .owl-dots { bottom:0.85rem;}
    .hero-image-thumb { padding: 0; height: auto;}
    .hero-image-thumb img { position: relative; top:auto; left:auto; height: auto;}    
    .hero-page-section .hero-image-thumb { height:auto; padding-bottom:110%;}
    .hero-page-section .hero-image-thumb img { position: absolute; top:0; left:0; height: 100%;}
    
    .hero-buttons .btn, .buttons-row .btn { width: 100%;}
    .hero-text-block .download-buttons a:not(:last-child) { margin-right: 0.5rem;}
    .hero-text-block .download-buttons a { max-width: calc(50% - 0.25rem);}
    .hero-text-block .download-buttons a img { height: auto;}
    
    .entry-content blockquote { padding: 1rem; margin: 1rem 0;}
    .alignleft, .alignright { float: none; display: block; margin-left: auto; margin-right: auto;}
    
    .block-item .block-image { padding-bottom: 134.3%;}    
    .owl-services .block-item .block-image { padding-bottom: 149%;}
    .page-blocks .block-item .block-image { padding-bottom: 122%;}
    .cta-block:not(:first-child) { margin-top: 2rem;}
    .app-block .download-buttons a:not(:last-child), .tarif-item .download-buttons a:not(:last-child) { margin-right: 0; margin-bottom: 1rem;}
    
    .feature-item { width:auto; margin-bottom: 1rem;}
    
    .post-item .item-thumb, .op-list .post-item .item-thumb { padding-bottom:70%; height:auto;}
    .block-item.block-post-item .block-image { padding-bottom: 70%;}
    .block-item.block-post-item .block-text { padding: 1.5rem;}
    div.wp-pagenavi a, div.wp-pagenavi span { font-size: 0.85rem;}
    
    .submit-group .wpcf7-spinner { margin:0 1rem 0 -2.2rem; background: var(--gray);}
    .submit-group .wpcf7-spinner:before { background: var(--dark);}
    .submit-group .btn { width: 100%;}
}