/*
Theme Name: Drop Service
Theme URI: http://room33.pl/
Author: room33
Author URI: http://room33.pl/
Description: Firma DropService od 1995 roku zajmuje się profesjonalnym uzdatnianiem wody, oferując szereg urządzeń przeznaczonych do tego celu.
Version: 1.0
License: GNU General Public License
License URI: http://www.gnu.org/copyleft/gpl.html
Tags: control, simple
Text Domain: dropservice_td
*/

:root {

    --f_barlow: 'Barlow', sans-serif;
    --f_barlow_condensed: 'Barlow Condensed', sans-serif;
    --f_open_sans: 'Open Sans', sans-serif;

    --c_text:#004076;
    --c_text_white:#FFF;
    --c_blue: #1F71B7;
    --c_blue_light: #00ABEB;
    --c_blue_dark: #004076;
    --c_gray_dark: #4F4F4F;
    --c_gray_light: #CBCBCB;
}

/* reset css */
* {
	border:none;
	background:transparent;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	outline:0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.0);
}

/* html */
html {
	background-color:#FFFFFF;
	color: var(--c_text);
}

body {
	
	font-family: var(--f_barlow);
	font-size:20px;
	font-style: normal;
	font-weight:400;
	line-height:140%;
	padding: 0;
	margin:0;
	word-wrap: break-word;
	position: relative;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--f_barlow_condensed);
}

a {
	font-family: inherit;
}

img {

	max-width:100%;
	height:auto;
}

strong {

	font-weight:700;
}

/* master */
.master {
	display:block;
	box-sizing: border-box;
	padding:0;
	margin:0;
	overflow:hidden;
	position:relative;
}

/* nav menu desktop */
.pt-nav-menu-desktop {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 80px;
	padding: 0;
	margin: 0;
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 100;	
	transition: all 0.2s ease-out;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
}

.pt-nav-menu-desktop.sticky {
	height: 64px;
}

.pt-nav-menu-desktop .st-bleed {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0 30px;
	margin: 0;
}

.pt-nav-menu-desktop .st-cnt {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

.pt-nav-menu-desktop .st-cnt .logo {
	display: block;
	box-sizing: border-box;
    width: calc(156px * 0.7);
    height: calc(78px * 0.7);
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.2s ease-out;
}

.pt-nav-menu-desktop.sticky .st-cnt .logo {
    width: calc(156px * 0.5);
    height: calc(78px * 0.5);
}

.pt-nav-menu-desktop .st-cnt .logo a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	line-height: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.pt-nav-menu-desktop .navigation {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: top 0.2s ease-out;
}

.pt-nav-menu-desktop .navigation ul.menu {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-end;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.pt-nav-menu-desktop .navigation ul.menu > li {
	display: block;
	box-sizing: border-box;
	font-family: var(--f_barlow_condensed);
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
	color:var(--c_blue);
	padding: 0;
	margin: 0 40px 0 0;
	position: relative;
	text-shadow:0 0 1px rgba(0,0,0,0.0);
	transition: text-shadow 0.2s ease-out;
}

.pt-nav-menu-desktop .navigation ul.menu li.current-page-ancestor,
.pt-nav-menu-desktop .navigation ul.menu li.current-menu-parent,
.pt-nav-menu-desktop .navigation ul.menu li.current-menu-item {
	color:var(--c_blue_light);
}

.pt-nav-menu-desktop .navigation ul.menu li:last-child {
	margin: 0;
}

.pt-nav-menu-desktop .navigation ul.menu li a {
	text-decoration: none;
	color: inherit;
	transition: all 0.2s ease-out;
}

.pt-nav-menu-desktop .navigation ul.menu li a:hover {
	color:var(--c_blue_light);	
}

@media only screen and (max-width: 1152px) {
    .pt-nav-menu-desktop {
        display: none;
    }
}

/* nav menu mobile */
.pt-nav-menu-mobile {
	display: none;
	box-sizing: border-box;
	width: 100%;
	height: 64px;
	padding: 0;
	margin: 0;
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 100;	
}

@media only screen and (max-width: 1152px) {
    .pt-nav-menu-mobile {
        display: block;
    }
}

.pt-nav-menu-mobile .menu-bar {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
	z-index: 108;
}

.pt-nav-menu-mobile .menu-bar .logo {
	display: block;
	box-sizing: border-box;
	width: 78px;
	height: 39px;
	padding: 0;
	margin: 0;
    background-image: url(img/svg/logo_drop_service.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;		
    position: absolute;
    left: 30px;
    top:50%;
    transform: translateY(-50%);
}

.pt-nav-menu-mobile .menu-bar .logo a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.pt-nav-menu-mobile .menu-bar .trigger {
	display: block;
	box-sizing: border-box;
    width: 30px;
    height: 20px;	
	padding: 0;
	margin: 0;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}

.pt-nav-menu-mobile .menu-bar .trigger .btn {
    display: block;
    box-sizing: border-box;
    width: 30px;
    height: 20px;
    cursor: pointer;
    position: relative;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
}

.pt-nav-menu-mobile .menu-bar .trigger .btn span {
    display: block;
    box-sizing: border-box;
    height: 2px;
    width: 100%;
    position: absolute;
    background: var(--c_blue_light);
    border-radius: 2px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: all 0.25s ease-in-out;
}

.pt-nav-menu-mobile .menu-bar .trigger .btn.open span:nth-child(1),
.pt-nav-menu-mobile .menu-bar .trigger .btn.open span:nth-child(4) {	
	transition: all 0.0s ease-in-out;
}

.pt-nav-menu-mobile .menu-bar .trigger .btn span:nth-child(1),
.pt-nav-menu-mobile .menu-bar .trigger .btn span:nth-child(4) {	
	transition: all 0.25s 0.25s ease-in-out;
}

.pt-nav-menu-mobile .menu-bar .trigger .btn.touch span {
    background: var(--c_blue_dark);
}

.pt-nav-menu-mobile .menu-bar .trigger .btn span:nth-child(1) {
    top: 0px;
}

.pt-nav-menu-mobile .menu-bar .trigger .btn span:nth-child(2),
.pt-nav-menu-mobile .menu-bar .trigger .btn span:nth-child(3) {
    top: 9px;
}

.pt-nav-menu-mobile .menu-bar .trigger .btn span:nth-child(4) {
    top: 18px;
}

.pt-nav-menu-mobile .menu-bar .trigger .btn.open span:nth-child(1) {
    top: 9px;
    width: 0%;
    left: 50%;
}

.pt-nav-menu-mobile .menu-bar .trigger .btn.open span:nth-child(2) {
    transform: rotate(45deg);
}

.pt-nav-menu-mobile .menu-bar .trigger .btn.open span:nth-child(3) {
    transform: rotate(-45deg);
}

.pt-nav-menu-mobile .menu-bar .trigger .btn.open span:nth-child(4) {
    top: 9px;
    width: 0%;
    left: 50%;
}

.pt-nav-menu-mobile .menu-panel {
	display: none;
	box-sizing: border-box;
	width: 100%;
	padding: 25px 30px 30px 30px;
	margin: 0;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translateY(100%);
	z-index: 104;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04);
	border-radius: 0 0 16px 16px;
}

.pt-nav-menu-mobile .menu-panel.open {
	display: block;
}

.pt-nav-menu-mobile .menu-panel ul.menu {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0 0 25px 0;
	list-style-type: none;
}

.pt-nav-menu-mobile .menu-panel ul.menu li {
	display: block;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 700;
	line-height: 100%;
	text-align: left;
	text-transform: uppercase;
	color:var(--c_blue);
	padding: 0;
	margin: 0 0 15px 0;
}

.pt-nav-menu-mobile .menu-panel ul.menu li:last-child {
	margin: 0;
}

.pt-nav-menu-mobile .menu-panel ul.menu li a {
	display: inline-block;
	box-sizing: border-box;
	text-decoration: none;
	color:var(--c_blue);
	padding: 10px 0;
	margin: 0;
	transition: all 0.2s ease-out;
}

.pt-nav-menu-mobile .menu-panel ul.menu li a.touch,
.notouch .pt-nav-menu-mobile .menu-panel ul.menu li a:hover {
	color:var(--c_blue_light);
}

.pt-nav-menu-mobile .menu-panel .extras {
	display:block;
	box-sizing: border-box;
	padding: 30px 0 0 0;
	margin: 0;
	border-top: 1px solid var(--c_blue_light);
}

.pt-nav-menu-mobile .menu-panel .extras .cnt {
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.pt-nav-menu-mobile .menu-panel .extras .cnt .social {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.pt-nav-menu-mobile .menu-panel .extras .cnt .social .item {
	display: block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	transition:all 0.2s ease-out;
	filter: grayscale(0.0);
}

.pt-nav-menu-mobile .menu-panel .extras .cnt .social .item.touch,
.notouch .pt-nav-menu-mobile .menu-panel .extras .cnt .social .item:hover {
	filter: grayscale(1.0);
}

.pt-nav-menu-mobile .menu-panel .extras .cnt .social .item.facebook {
	background-image: url(img/svg/facebook.svg);
}

.pt-nav-menu-mobile .menu-panel .extras .cnt .social .item a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.pt-nav-menu-mobile .menu-panel .extras .cnt .copyright {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.pt-nav-menu-mobile .menu-panel .extras .cnt .copyright p {
    display: block;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    line-height: 132%;
    text-align: left;
    color:var(--c_blue_light);
    padding: 0;
    margin: 0;
}

@media only screen and (max-width: 768px) {

	.pt-nav-menu-mobile .menu-panel {
		padding: 25px 20px 30px 20px;
	}			
}

/* bk def content */
.bk-def-content {
	display: block;
	box-sizing: border-box;
	font-family: var(--f_barlow);
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	text-align: left;
	color:#fff;
	padding: 0;
	margin: 0;
}

.bk-def-content p {
	display: block;
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-align: inherit;
	color: inherit;
	padding: 0;
	margin: 0 0 16px 0;
}

.bk-def-content p:last-child {
	margin: 0;
}

.bk-def-content ul {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0 0 16px 0;
	list-style-type: none;
}

.bk-def-content ul:last-child {
	margin: 0;
}

.bk-def-content ul li {
	display: block;
	box-sizing: border-box;
	font-size: 14px;
	padding: 0 0 0 30px;
	margin: 0 0 8px 0;
	position: relative;
}

.bk-def-content ul li:last-child {
	margin: 0;
}

.bk-def-content ul li:before {
	content: '';
	display: block;
	box-sizing: border-box;
	width: 6px;
	height: 8px;
	padding: 0;
	margin: 0;
    background-image: url(img/svg/drop_ul_white.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;	
    position: absolute;
    left: 6px;
    top: 8px;
}

.bk-def-content ul ul {
	padding: 8px 0 0 8px;
}

.bk-def-content ul ul li:before {
	width: 5px;
	height: 5px;		
	background-image: url(img/svg/square_ul_white.svg);
	top: 11px;
	opacity: 0.8;
}

@media only screen and (min-width: 2240px) and (min-height: 1080px) {

	.bk-def-content {
		font-size: 18px;
	}

	.bk-def-content p {
		margin: 0 0 20px 0;
	}	

	.bk-def-content ul {
		margin: 0 0 20px 0;
	}

	.bk-def-content ul li {
		font-size: 16px;
	}	
}

/* bk sliding tabs */
.bk-sliding-tabs {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.bk-sliding-tabs .b-tab {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;	
}

.bk-sliding-tabs .b-tab .b-part-head {
	display: block;
	box-sizing: border-box;
	height: 56px;
	padding: 0 50px 0 0;
	margin: 0;	
	position: relative;
	border-bottom: 1px solid var(--c_blue);
	cursor: pointer;
	transition: all 0.2s ease-out;
	background: transparent;
	user-select: none;
}

.bk-sliding-tabs[data-close-others="yes"] .b-tab.open .b-part-head {
	cursor: default;
}

.bk-sliding-tabs .b-tab.open .b-part-head {
	border-bottom: 1px solid var(--c_blue_light);
}

.bk-sliding-tabs .b-tab .b-part-head.touch,
.notouch .bk-sliding-tabs[data-close-others="no"] .b-tab .b-part-head:hover,
.notouch .bk-sliding-tabs[data-close-others="yes"] .b-tab:not(.open) .b-part-head:hover {
	background: rgba(0, 75, 130, 0.4);
	border-bottom: 1px solid var(--c_blue_light);
}

.bk-sliding-tabs .b-tab .b-part-head .b-name {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;	
	width: 100%;
	height: 100%;
	padding: 0 0 0 10px;
	margin: 0;	
	overflow: hidden;
}

.bk-sliding-tabs .b-tab .b-part-head .b-name * {
	display: block;
	box-sizing: border-box;
	font-family: var(--f_barlow_condensed);
	font-size: 28px;
	font-weight: 700;
	line-height: 100%;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
	color: #fff;
	padding: 0;
	margin: 0;
}

.bk-sliding-tabs .b-tab .b-part-head .b-btn {
	display: block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}

.bk-sliding-tabs .b-tab .b-part-head .b-btn:before {
	content: '';
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
    background-image: url(img/svg/icon_plus.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1.0;
    transition: all 0.2s ease-out;
    position: absolute;
    left: 0;
    top:0;
}

.bk-sliding-tabs .b-tab.open .b-part-head .b-btn:before {
	opacity: 0.0;
}

.bk-sliding-tabs .b-tab .b-part-head .b-btn:after {
	content: '';
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
    background-image: url(img/svg/icon_minus.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.0;
    transition: all 0.2s ease-out;
    position: absolute;
    left: 0;
    top:0;    
}

.bk-sliding-tabs .b-tab.open .b-part-head .b-btn:after {
	opacity: 1.0;
}

.bk-sliding-tabs .b-tab .b-part-holder {
	display: block;
	box-sizing: border-box;
	height: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.bk-sliding-tabs .b-tab .b-part-holder .b-holder {
	display: block;
	box-sizing: border-box;
	color:#fff;
	padding: 16px 0 32px 10px;
	margin: 0;
}

@media only screen and (max-width: 768px) {
	.bk-sliding-tabs .b-tab .b-part-head .b-name {
		padding: 0 0 0 0;
	}

	.bk-sliding-tabs .b-tab .b-part-head .b-name * {
		font-size: 24px;
	}	

	.bk-sliding-tabs .b-tab .b-part-holder .b-holder {
		padding: 16px 0 16px 0;
	}	
}

@media only screen and (max-width: 480px) {

	.bk-sliding-tabs .b-tab .b-part-head .b-name * {
		font-size: 20px;
	}
}

@media only screen and (min-width: 2240px) and (min-height: 1080px) {

	.bk-sliding-tabs .b-tab .b-part-head {
		height: calc(56px * 1.2);
		padding-right: calc(50px * 1.2);
	}

	.bk-sliding-tabs .b-tab .b-part-head .b-name {
		padding: 0 0 0 12px;
	}

	.bk-sliding-tabs .b-tab .b-part-head .b-name * {
		font-size: calc(28px * 1.2);		
	}

	.bk-sliding-tabs .b-tab .b-part-head .b-btn {
		width: 30px;
		height: 30px;
		right: 12px;
	}	
}

/* bk contact */
.bk-contact {
    display: block;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.bk-contact .label-name {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 0;
    margin: 0 0 24px 0;
    overflow: hidden;
}

.bk-contact .label-name .name {
    display: block;
    box-sizing: border-box;
    font-family: var(--f_barlow_condensed);
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    text-align: left;
    text-transform: uppercase;
    color:#fff;
    padding: 0;
    margin: 0;
    position: relative;
}

.bk-contact .label-name .name:after {
    content: '';
    display: block;
    box-sizing: border-box;
    height: 1px;
    width: 100vw;
    padding: 0;
    margin: 0;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateX(100%);
    background: #fff;
}

.bk-contact .list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    box-sizing: border-box;
    padding: 0;
    margin: 0 0 70px 0;
}

.bk-contact .list:last-child {
    margin: 0;
}

.bk-contact .list .item {
    display: block;
    box-sizing: border-box;
    width: 50%;
    padding: 0;
    margin: 0 0 30px 0;
}

.bk-contact .list .item:nth-child(odd) {
    padding: 0 10px 0 0;
}

.bk-contact .list .item:nth-child(even) {
    padding: 0 0 0 10px;
}

.bk-contact .list .item:nth-last-of-type(-n+2) {
    margin: 0;
}

.bk-contact .list .item .cnt {
    display: block;
    box-sizing: border-box;
    padding: 0 0 0 40px;
    margin: 0;
    background-size: 26px 26px;
    background-position: left top;
    background-repeat: no-repeat;
}

.bk-contact .list .item.phone .cnt {
    background-image: url(img/svg/icon_phone_blue_light.svg);
}

.bk-contact .list .item.disk .cnt {
    background-image: url(img/svg/icon_disk_blue_light.svg);
}

.bk-contact .list .item.mail .cnt {
    background-image: url(img/svg/icon_mail_blue_light.svg);
}

.bk-contact .list .item .cnt .name {
    display: block;
    box-sizing: border-box;
    font-family: var(--f_barlow);
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    text-align: left;
    color:var(--c_blue_light);
    padding: 0;
    margin: 0 0 8px 0;
}

.bk-contact .list .item .cnt .text-big {
    display: block;
    box-sizing: border-box;
    font-family: var(--f_barlow_condensed);
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    text-align: left;
    color:#fff;
    padding: 0;
    margin: 0;
}

.bk-contact .list .item .cnt .text-big a {
    text-decoration: none;
    color: inherit;
}

.bk-contact .list .item .cnt .text-small {
    display: block;
    box-sizing: border-box;
    font-family: var(--f_barlow);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    text-align: left;
    color:#fff;
    padding: 0;
    margin: 0;
}

.bk-contact .list .item .cnt .text-small a {
    text-decoration: none;
    color: inherit;
}

@media only screen and (max-width: 768px) {

	.bk-contact .label-name .name {
	    font-size: 24px;
	}

	.bk-contact .label-name .name:after {
	    display: none;
	}

	.bk-contact .list .item {
	    width: 100%;
	    margin: 0 0 40px 0;
	}

	.bk-contact .list .item:nth-child(odd) {
	    padding: 0;
	}

	.bk-contact .list .item:nth-child(even) {
	    padding: 0;
	}

	.bk-contact .list .item:nth-last-of-type(-n+2) {
	    margin: 0 0 40px 0;
	}

	.bk-contact .list .item:nth-last-of-type(-n+1) {
	    margin: 0;
	}

	.bk-contact .list .item .cnt .name {
	    font-size: 24px;
	}

	.bk-contact .list .item .cnt .text-big {
	    font-size: 24px;
	}

	.bk-contact .list .item .cnt .text-small {
	    font-size: 18px;
	}	
}

@media only screen and (max-width: 480px) {

	.bk-contact .label-name .name {
	    font-size: 22px;
	}

	.bk-contact .list .item .cnt .name {
	    font-size: 22px;
	}

	.bk-contact .list .item .cnt .text-big {
	    font-size: 22px;
	}

	.bk-contact .list .item .cnt .text-small {
	    font-size: 16px;
	}	
}

@media only screen and (min-width: 2240px) and (min-height: 1080px) {

	.bk-contact .label-name .name {
	    font-size: calc(20px * 1.3);
	}

	.bk-contact .list .item .cnt {
	    padding: 0 0 0 calc(40px * 1.3);
	    background-size: calc(26px * 1.3) calc(26px * 1.3);
	}

	.bk-contact .list .item .cnt .name {
	    font-size: calc(20px * 1.3);
	    margin: 0 0 12px 0;
	}

	.bk-contact .list .item .cnt .text-big {
	    font-size: calc(20px * 1.3);
	}

	.bk-contact .list .item .cnt .text-small {
	    font-size: calc(14px * 1.3);
	}	
}

/* fx drop contact */
.fx-drop-contact {
	display: block;
	box-sizing: border-box;
	width: 48px;
	height: 60px;
	padding: 0;
	margin: 0;
	position: fixed;
	right: 48px;
	bottom: 5%;
	transform: translateY(10px);
	z-index: 50;
}

.fx-drop-contact .icon-drop {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	z-index: 4;
	position: absolute;
	left: 0;
	top: 0;	
	filter:drop-shadow(0px 4px 5px rgba(5, 43, 73, 0.3));
	cursor: pointer;
	user-select: none;
}

.fx-drop-contact .icon-drop svg {
	width: 100%;
	height: 100%;
	fill:var(--c_blue_light);
	transition: all 0.2s ease-out;
}

.fx-drop-contact .icon-drop.touch svg,
.notouch .fx-drop-contact .icon-drop:hover svg {
	fill:#fff;
}

.fx-drop-contact .icon-drop .phone {
	display: block;
	box-sizing: border-box;
	width: 26px;
	height: 26px;
	padding: 0;
	margin: 0;
	z-index: 8;
	position: absolute;
	left: 50%;
	bottom: 8px;	
	transform: translateX(-50%);
}

.fx-drop-contact .icon-drop .phone svg {
	width: 100%;
	height: 100%;
	fill: #fff;
	transition: all 0.2s ease-out;
}

.fx-drop-contact .icon-drop.touch .phone svg,
.notouch .fx-drop-contact .icon-drop:hover .phone svg {
	fill:var(--c_blue_light);
}

.fx-drop-contact .tip {
	display: none;
	box-sizing: border-box;
	width: 228px;
	padding: 14px 16px;
	margin: 0;
	background: #fff;
	border-radius: 20px 20px 0 20px;
	box-shadow: 0px 4px 5px rgba(5, 43, 73, 0.2);
	position: absolute;
	left: 50%;
	top: -16px;
	transform: translateX(-100%) translateY(-100%);
}

.fx-drop-contact .tip .item {
	display: block;
	box-sizing: border-box;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	position: relative;
}

.fx-drop-contact .tip .item:after {
	content: '';
	display:block;
	box-sizing: border-box;
	width: 70%;
	height: 1px;
	background: #F4F4F4;
	position: absolute;
	left: 50%;
	bottom: -1px;
	transform: translateX(-50%);
	padding: 0;
	margin: 0;
}

.fx-drop-contact .tip .item:last-child {
	padding: 0;
	margin: 0;
}

.fx-drop-contact .tip .item:last-child:after {
	display: none;
}

.fx-drop-contact .tip .item .head {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0 0 8px 0;
	user-select: none;
}

.fx-drop-contact .tip .item .head .name {
	display: block;
	box-sizing: border-box;
	font-family: var(--f_barlow_condensed);
	font-size: 14px;
	font-weight: 600;
	line-height: 100%;
	color:var(--c_blue_light);
	padding: 0;
	margin: 0;
}

.fx-drop-contact .tip .item .data {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.fx-drop-contact .tip .item .data .value {
	display: block;
	box-sizing: border-box;
	font-family: var(--f_barlow_condensed);
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	text-align: left;
	white-space: nowrap;
	color: var(--c_blue_dark);
	padding: 0;
	margin: 0;
}

.fx-drop-contact .tip .item .data .value a {
	text-decoration: none;
	color: inherit;
	transition: all 0.2s ease-out;
}

.fx-drop-contact .tip .item .data .value a.touch,
.notouch .fx-drop-contact .tip .item .data .value a:hover {
	color: var(--c_blue_light);
}

@media only screen and (max-width: 1152px) {

	.fx-drop-contact {
		right: 30px;
	}
}

@media only screen and (max-width: 768px) {

	.fx-drop-contact {
		right: 20px;
	}
}

/* fx sl projects */
.fx-sl-projects {
	display: block;
	box-sizing: border-box;
	padding: 0 0 50px 0;
	margin: 0;
	position: relative;
}

.fx-sl-projects .clipper {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 300px;
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	touch-action: pan-x;
}

.fx-sl-projects .holder {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.fx-sl-projects .holder .item {
	display: block;
	box-sizing: border-box;
	width: 300px;
	height: 300px;
	padding: 0;
	margin: 0;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

.fx-sl-projects .holder .item .image {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	line-height: 0;
	padding: 0;
	margin: 0;
	user-select: none;
	border-radius: 100%;
	overflow: hidden;
}

.fx-sl-projects .holder .item .image img {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.fx-sl-projects .holder .item .overlayer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.2s ease-out;
	opacity: 0.0;
	border-radius: 100%;
	overflow: hidden;
}

.fx-sl-projects .holder .item.touch .overlayer,
.notouch .fx-sl-projects .holder .item:hover .overlayer {
	opacity: 1.0;
}

.fx-sl-projects .holder .item .overlayer .name {
	display: block;
	box-sizing: border-box;
	font-family: var(--f_barlow);
	font-size: 18px;
	font-weight: 700;
	line-height: 150%;
	text-align: center;
	color:var(--c_blue_dark);
	padding: 0;
	margin: 0;
}

.fx-sl-projects .holder .item .gallery {
	display: none;
}

.fx-sl-projects .bar {
	display: block;
	box-sizing: border-box;
	width: 80%;
	height: 2px;
	padding: 0;
	margin: 0;
	background:#f0f0f0;
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: hidden;
	opacity: 0.0;
	transition: all 0.2s ease-out;	
}

.fx-sl-projects .bar.show {
	opacity: 1.0;
}

.fx-sl-projects .bar .chunk {
	display: block;
	box-sizing: border-box;
	width: 50%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	background: var(--c_blue_light);
}

@media only screen and (max-width: 480px) {
	.fx-sl-projects .clipper {
		height: 240px;
	}

	.fx-sl-projects .holder .item {
		width: 240px;
		height: 240px;
	}

	.fx-sl-projects .holder .item .overlayer .name {
		font-size: 16px;
		line-height: 140%;
	}
}

@media only screen and (min-width: 2240px) and (min-height: 1080px) {

	.fx-sl-projects .clipper {
		height: 380px;
	}

	.fx-sl-projects .holder .item {
		width: 380px;
		height: 380px;
	}

	.fx-sl-projects .holder .item .overlayer .name {
		font-size: 22px;
	}
}

/* fx popup gallery */
.fx-popup {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 800;
    overflow: auto;
    overflow-x: hidden;
}

.fx-popup .bg {
	display: none;
	box-sizing: border-box;	
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(6, 45, 79, 0.9);
}

.fx-popup .desktop {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.fx-popup .desktop .btn-prev {
	display: block;
	box-sizing: border-box;
	width: 54px;
	height: 54px;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 5%;
	top: 50%;
	transform: translateX(-50%); translateY(-50%);
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.2s ease-out;
	user-select: none;
}

.fx-popup .desktop .btn-prev:hover {
	background: #f0f0f0;
}

.fx-popup .desktop .btn-prev svg {
	width: 26px;
	height: 26px;
	stroke:var(--c_blue_light);
	transition: all 0.2s ease-out;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.fx-popup .desktop .btn-prev:hover svg {
	stroke:#000;
}

.fx-popup .desktop .btn-next {
	display: block;
	box-sizing: border-box;
	width: 54px;
	height: 54px;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 5%;
	top: 50%;
	transform: translateX(50%) translateY(-50%);
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.2s ease-out;
	user-select: none;
}

.fx-popup .desktop .btn-next:hover {
	background: #f0f0f0;
}

.fx-popup .desktop .btn-next svg {
	width: 26px;
	height: 26px;
	stroke:var(--c_blue_light);
	transition: all 0.2s ease-out;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.fx-popup .desktop .btn-next:hover svg {
	stroke:#000;
}

.fx-popup .desktop .btn-close {
	display: block;
	box-sizing: border-box;
	width: 26px;
	height: 26px;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 16px;
	top: 16px;
	background: transparent;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.2s ease-out;
	z-index: 820;
}

.fx-popup .desktop .btn-close:hover {
	background: transparent;
}

.fx-popup .desktop .btn-close svg {
	width: 16px;
	height: 16px;
	fill: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	transition: all 0.2s ease-out;
}

.fx-popup .desktop .btn-close:hover svg {
	fill: var(--c_blue_light);
}

.fx-popup .desktop .x-sl {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}

.fx-popup .desktop .x-sl .x-clipper {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;	
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.fx-popup .desktop .x-sl .x-holder {
	display: block;
	box-sizing: border-box;
	width: 80%;
	height: 80%;	
	padding: 0;
	margin: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.fx-popup .desktop .x-sl .x-holder .x-slide {
	display: none;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	line-height: 0;
	text-align: center;
	padding: 0;
	margin: 0;
	user-select: none;
	border-radius: 8px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}

.fx-popup .desktop .x-sl .x-holder .x-slide img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	user-select: none;
	border-radius: 8px;	
}

.fx-popup .mobile {
	display: none;
	box-sizing: border-box;
	width: 100%;
	min-height: 100%;
	max-width: 920px;
	padding: 20px 20px 20px 20px;
	margin: 0;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}

.fx-popup .mobile .inner {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.fx-popup .mobile .inner .title {
	display: block;
	box-sizing: border-box;
	font-family: var(--f_barlow_condensed);
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	text-transform: uppercase;
	color: #fff;
	padding: 0 50px 0 0;
	margin: 0 0 20px 0;
	position: relative;
}

.fx-popup .mobile .inner .title .btn-close {
	display: block;
	box-sizing: border-box;
	width: 26px;
	height: 26px;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	background: transparent;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.2s ease-out;
}

.fx-popup .mobile .inner .title .btn-close:hover {
	background: transparent;
}

.fx-popup .mobile .inner .title .btn-close svg {
	width: 16px;
	height: 16px;
	fill: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	transition: all 0.2s ease-out;
}

.fx-popup .mobile .inner .title .btn-close:hover svg {
	fill: var(--c_blue_light);
}

.fx-popup .mobile .inner .gallery {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.fx-popup .mobile .inner .gallery .image {
	display: block;
	box-sizing: border-box;
	line-height: 0;
	text-align: center;
	padding: 0;
	margin: 0 0 20px 0;
}

.fx-popup .mobile .inner .gallery .image:last-child {
	margin: 0;
}

.fx-popup .mobile .inner .gallery .image img {
	max-width: 100%;
	border-radius: 8px;
}

@media only screen and (max-width: 1152px) {

	.fx-popup .desktop {
		display: none;
	}

	.fx-popup .mobile {
		display: block;
	}
}

@media only screen and (max-width: 480px) {

	.fx-popup .mobile .inner .title {
		font-size: 18px;
	}
}