/*!
 * qTip2 - Pretty powerful tooltips - v2.0.1-4-g
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Fri Jan 4 2013 04:05 GMT+0000
 * Plugins: svg ajax tips modal viewport imagemap ie6
 * Styles: basic css3
 */

/* Core qTip styles */
.qtip, .qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;
	
	font-size: 10.5px;
	line-height: 12px;

	direction: ltr;
}

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;

		cursor: pointer;
		outline: medium none;

		border-width: 1px;
		border-style: solid;
		border-color: transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}
	
		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
			vertical-align: middle;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
	border-width: 1px;
	border-style: solid;
	border-color: #F1D031;

	background-color: #FFFFA3;
	color: #555;
}

	.qtip-default .qtip-titlebar{
		background-color: #FFEF93;
	}

	.qtip-default .qtip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}
	
	.qtip-default .qtip-titlebar .qtip-close{
		border-color: #AAA;
		color: #111;
	}


/* Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}


/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.qtip-rounded .qtip-titlebar{
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}


/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar{
	filter: none;
	-ms-filter: none;
}


/* Tips plugin */
.qtip .qtip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
}

	.qtip .qtip-tip,
	.qtip .qtip-tip .qtip-vml{
		position: absolute;

		color: #123456;
		background: transparent;
		border: 0 dashed transparent;
	}
	
	.qtip .qtip-tip canvas{ top: 0; left: 0; }

	.qtip .qtip-tip .qtip-vml{
		behavior: url(#default#VML);
		display: inline-block;
		visibility: visible;
	}
/* Modal plugin */
#qtip-overlay{
	position: fixed;
	left: -10000em;
	top: -10000em;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}


/* IE6 Modal plugin fix */
.qtipmodal-ie6fix{
	position: absolute !important;
}
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80); }

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
    display: none; }

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }

.mfp-ajax-cur {
    cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
    cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

.mfp-loading.mfp-figure {
    display: none; }

.mfp-hide {
    display: none !important; }

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
.mfp-preloader a {
    color: #CCC; }
.mfp-preloader a:hover {
    color: #FFF; }

.mfp-s-ready .mfp-preloader {
    display: none; }

.mfp-s-error .mfp-content {
    display: none; }

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none; }

button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
    color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap; }

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
    margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
    line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
.mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px; }

.mfp-image-holder .mfp-content {
    max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
        padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; } }

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; } }

.mfp-ie7 .mfp-img {
    padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
    padding: 0; }

.mfp-ie7 .mfp-content {
    padding-top: 44px; }

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,textarea,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {border:0;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}/*IE8*/
audio,canvas,video{display:inline-block;}/*IE8/9*/
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
b,strong{font-weight: bold;}
q:before,q:after{content:'';}
table{border-collapse:collapse;border-spacing:0;}
form{display:inline;}
*{outline:none;}
input[type=submit]:hover,input[type=checkbox]:hover,label:hover{cursor:pointer;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}
textarea{overflow:auto;vertical-align:top;}
ol,ul{list-style:none;}
a{text-decoration:none;}
.clear {clear:both;font-size:0px;height:0px;margin:0px;padding:0px;overflow:hidden;}
.cf::after, .clearfix::after, div[style*="page-break-after"]::after {
    content: '';
    display: table;
    clear: both;
}
.clear2{clear:both;}
main { display: block;}
﻿@charset "utf-8";
@import "/assets/css/reset.css";


/* Large desktop */
@media (max-width: 1199px) {  }

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {  }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {  }

/* Landscape phones and down */
@media (max-width: 534px) {  }

/* Landscape phones and down */
@media (max-width: 320px) {  }


@-ms-viewport {
    width: device-width;
}



/***************************************************
Global styles
***************************************************/
html {
    width: 100%;
    height: 100%;
    -ms-text-size-adjust: none;
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    font-size: 15px;
    color: #2d3e50;
    font-family: 'Raleway', sans-serif;
    background: #fff;
    margin: 0;
    min-width: 320px;
    padding-top: 80px;
    transition: padding-top .25s linear;
    -moz-transition: padding-top .25s linear;
    -webkit-transition: padding-top .25s linear;
}

@media (max-width: 900px) {

}

a {
    color: inherit;
    transition: color .25s linear;
    -moz-transition: color .25s linear;
    -webkit-transition: color .25s linear;
}
a:hover {
    color: #4ea2da;
}


/***************************************************
Szkielet
***************************************************/


.header-wrapper {
    max-width: 100%;
    margin: 0px auto;
    z-index: 99999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background-color: #ffffff;
    transition: all .25s linear;
    -moz-transition: all .25s linear;
    -webkit-transition: all .25s linear;
}
.sticky .header-wrapper {
    box-shadow: 0 0 5px 0 RGBA(0,0,0,0.3);
}

.sub .header-wrapper {
    border-bottom: 1px solid #e8e8e8;
}


.top {
    height: 80px;
    transition: height .25s linear;
    -webkit-transition: height .25s linear;
    max-width: 1200px;
    margin: 0px auto;
    position: relative;
}
.sticky .top {
    height: 60px;
}
.top .logo {
    position: absolute;
    top: 50%;
    left: 40px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.top .logo img {
    height: 44px;
    transition: height .25s linear;
    -moz-transition: height .25s linear;
    -webkit-transition: height .25s linear;
    display: block;
}
.sticky .top .logo img {
    height: 35px;
}
.top .logo:hover {
    text-decoration: none!important;
}



.top .navbar {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: max-content;
}
.sticky .top .navbar {

}
.top .navbar > ul > li {
    float: left;
    position: relative;
}
.top .navbar > ul > li > a {
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    color: #23354d;
    margin: 0px 20px;
    font-weight: 600;
}
.top .navbar > ul > li > a:hover {
    color: #4ea2da;
}
.top .navbar > ul > li.current > a {
    color: #4ea2da;
}

.social-li > a {
    font-size: 0!important;
    padding: 4px;
    margin: -5px 10px!important;
}
.sidr .social-li {
    float: none;
    display: inline-block;
}
.sidr .social-li > a {
    border: 0;
    padding: 10px;
    margin: 5px!important;
}
.icon-fb:before {
    background-size: 100%;
    display: inline-block;
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="16" height="16" viewBox="0 0 16 16"><path fill="%23000000" d="M9.5 3h2.5v-3h-2.5c-1.93 0-3.5 1.57-3.5 3.5v1.5h-2v3h2v8h3v-8h2.5l0.5-3h-3v-1.5c0-0.271 0.229-0.5 0.5-0.5z"/></svg>');
    width: 16px;
    height: 16px;
}
.icon-fb {
    width: 18px;
    height: 18px;
}
.icon-insta:before {
    background-size: 100%;
    display: inline-block;
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    background-image: url("data:image/svg+xml,%3C!--%0Atags: %5Blogo, app, application, images, photos, videos, post, stories, online, community%5D%0Acategory: Brand%0Aversion: '1.9'%0Aunicode: 'ec20'%0A--%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%0A%3E%3Cpath d='M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z' /%3E%3Cpath d='M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0' /%3E%3Cpath d='M16.5 7.5l0 .01' /%3E%3C/svg%3E%0A");
    width: 23px;
    height: 23px;
}
.icon-insta {
    width: 18px;
    height: 18px;
}


.top .navbar .mobile-nav {
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    position: relative;
    padding: 16px 10px 16px 45px;
    float: left;
}
.top .navbar .mobile-nav:before {
    background-size: 100%;
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="16" height="16" viewBox="0 0 16 16"><path fill="$color3" d="M1 3h14v3h-14zM1 7h14v3h-14zM1 11h14v3h-14z"/></svg>');
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
@media (min-width: 901px) {
    .top .navbar .mobile-nav {
        display: none;
    }
}
.sidr {
    display: block;
    position: fixed;
    top: 0;
    right: -250px;
    left: auto;
    width: 250px;
    height: 100%;
    z-index: 999999;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #ffffff;
}
.sidr .logo img {
    height: 40px;
    display: block;
    margin: 20px auto;
}
.sidr > ul {
    list-style: none;
    text-align: center;
}
.sidr > ul > li > a {
    font-size: 15px;
    display: block;
    padding: 10px 20px;
    color: #000;
    font-weight: 600;
    text-decoration: none;
    border-style: solid solid solid solid;
    border-width: 0px 0px 1px 0px;
    border-color: #e8e8e8;
    border-radius: 0 0 0 0;
}
.sidr > ul > li > a:hover {
    color: #4ea2da;
}
.sidr .sub > li > a {
    font-size: 14px;
    padding: 10px 20px 10px 40px;
    border-style: solid solid solid solid;
    border-width: 0px 0px 1px 0px;
    border-color: #e8e8e8;
    border-radius: 0 0 0 0;
    font-weight: normal;
    line-height: 1.2em;
    text-decoration: none;
    color: #000;
    display: block;
}
.sidr .sub > li > a:hover {
    color: #4ea2da;
}
 .sidr .btn {
    padding: 15px 20px;
    margin: 0 auto;
}
.sidr-open .sidr {
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
}
.mobile-overlay {
    display: none;
    position: fixed;
    top: -200px;
    right: -200px;
    bottom: -200px;
    left: -200px;
    z-index: 999998;
    background-color: RGBA(0,0,0,0.5);
}
.sidr-animating .mobile-overlay,
.sidr-open .mobile-overlay {
    display: block;
}


@media (max-width: 900px) {
    .top .navbar > ul {
        display: none;
    }
}

@media (max-width: 768px) {

}

@media (max-width: 480px) {

}





.slider {
    background-image: url(/assets/img/slider.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center 50px;
    padding: 0px 0px 40% 0px;
    position: relative;
}
.slider .container {
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.slider .text {
    z-index: 2;
    top: 0;
    left: 0;
    color: #ffffff;
    font-size: 48px;
    text-align: left;
    letter-spacing: 1px;
    width: max-content;
    position: absolute;
    background-color: RGBA(78,162,218,0.7);
    padding: 80px 40px;
    max-width: 450px;
}
.slider h1 {
    color: #ffffff;
    margin: 0px;
    text-align: left;
    text-transform: uppercase;
    line-height: 1.2em;
}
.slider h1 strong {
    font-weight: 800;
}
@media (max-width: 900px) {
    .slider {
        height: 340px;
        padding: 0;
        background-size: 900px;
    }
}
@media (max-width: 767px) {
    .slider {
        background-size: 800px;
    }
    .slider .text {
        font-size: 32px;
    }
}

@media (max-width: 534px) {
    .slider {

    }
    .slider .text {
        font-size: 18px;
        padding: 40px 20px;
        width: auto;
    }
}



/***************************************************
content
***************************************************/

.content p {
    margin: 15px 0;
    line-height: 1.5em;
}

h1 {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin: 50px 0px;
    padding: 0;
    position: relative;
    color: #000000;
}
h2.h1 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #000000;
    margin: 40px 0px;
}
h2 {
    font-size: 30px;
    font-weight: bold;
    color: #000000;
    margin: 40px 0px;
    text-transform: uppercase;
}
h1 a, h2 a {
    color: inherit;
}
h3 {
    font-size: 20px;
    color: #000000;
    margin: 30px 0px;
}
h4 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 20px 0px;
}

@media (max-width: 767px) {
    h1, h2 {
        font-size: 30px;
    }
}


.content ul {
    display: block;
    list-style: none;
    margin: 20px 0;
    padding-left: 0;
    line-height: 1.5em;
}
.content ul li {
    padding: 0 0 0 20px;
    line-height: 1.5em;
    position: relative;
}
.content ul li:before {
    background-size: contain;
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="16" height="16" viewBox="0 0 16 16"><path fill="%23dfebfc" d="M2 2h12v12h-12z"/></svg>');
    width: 8px;
    height: 8px;
}

.content ol {
    display: block;
    list-style: none;
    margin: 40px 0;
    padding-left: 0;
    line-height: 1.5em;
}
.content ol li {
    padding: 0px 0px 0px 60px;
    margin: 20px 0;
    line-height: 1.5em;
    counter-increment: licznik +1;
    position: relative;
}
.content ol li:before {
    background-size: 100%;
    display: inline-block;
    content: counters(licznik, ".");
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #f0f5f9;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #23354d;
}

.content p:first-child, .content h1:first-child, .content h2:first-child, .content h3:first-child {
    margin-top: 0;
}
.content p:last-child {
    margin-bottom: 0;
}



.container {
    max-width: 1200px;
    margin: 0 auto 0 auto;
    padding: 0 20px;
}



/***************************************************
Specifics
***************************************************/

.right {
    float: right!important;
}
.left {
    float: left!important;
}
.center {
    float: none!important;
    margin-left: auto!important;
    margin-right: auto!important;
}

.txt-left {
    text-align: left;
}
.txt-right {
    text-align: right;
}
.txt-center {
    text-align: center;
}

.label {
    display: inline-block;
    margin-right: 10px;
    color: #4ea2da;
}

hr {
    background: #C2C2C2;
    height: 1px;
    border: 0;
    margin: 30px 0;
}


.block-4, .block-6 {
    float: left;
}
.block-4 {
    width: calc(33.3% - 20px);
    margin: 0 0 40px 20px;
}
.block-4:nth-of-type(3n+1) {
    clear: both;
    margin: 0 20px 40px 0;
}
.block-4:nth-of-type(3n+2) {
    margin: 0 10px 40px 10px;
}
.block-6 {
    width: calc(50% - 20px);
    margin: 0 0 40px 20px;
}
.block-6:nth-of-type(2n+1) {
    clear: both;
    margin: 0 20px 40px 0;
}

@media (max-width: 767px) {
    .block-4 {
        clear: none!important;
        width: calc(50% - 20px);
        margin: 0 0 40px 20px!important;
    }
    .block-4:nth-of-type(2n+1) {
        clear: both!important;
        margin: 0 20px 40px 0!important;
    }

    .block-6 {
        width: 100%;
        margin: 0 0 40px 0!important;
    }
}

@media (max-width: 534px) {
    .block-4, .block-4:nth-of-type(2n+1), .block-4:nth-of-type(2n+2) {
        width: 100%;
        margin: 0 0 40px 0!important;
    }
}


a.img figure {
    position: relative;
}
a.img figure img {
    display: block;
}
a.img figure:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background-color: rgba(78, 162, 218, 0.68);
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="46" height="46" viewBox="0 0 16 16"><path fill="%23ffffff" d="M15.504 13.616l-3.79-3.223c-0.392-0.353-0.811-0.514-1.149-0.499 0.895-1.048 1.435-2.407 1.435-3.893 0-3.314-2.686-6-6-6s-6 2.686-6 6 2.686 6 6 6c1.486 0 2.845-0.54 3.893-1.435-0.016 0.338 0.146 0.757 0.499 1.149l3.223 3.79c0.552 0.613 1.453 0.665 2.003 0.115s0.498-1.452-0.115-2.003zM6 10c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4zM7 3h-2v2h-2v2h2v2h2v-2h2v-2h-2z"/></svg>');
    opacity: 0;
    transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -webkit-transition: opacity .15s linear;
}
a.img:hover figure:after {
    opacity: 1;
}


.img-6-right, .img-6-left, .img-4-right, .img-4-left {
    width: 100%;
    margin: 20px 0;
}
p img {
    margin-top: 0!important;
    max-width: 100%;
}
@media (min-width: 534px) {
    .img-6-right {
        width: 50%;
        float: right;
        margin: 20px 0 20px 40px;
    }
    .img-6-left {
        width: 50%;
        float: left;
        margin: 20px 40px 20px 0;
    }
    .img-4-right {
        width: 33%;
        float: right;
        margin: 20px 0 20px 40px;
    }
    .img-4-left {
        width: 33%;
        float: left;
        margin: 20px 40px 20px 0;
    }
}

.pagination {
    text-align: center;
    margin: 30px 0 0 0;
}
.pagination .btn {
    margin: 0 5px;
}


.loader {
    background: url(/assets/img/loader.gif) no-repeat center;
    position: absolute;
    z-index: 9999;
    height: 100%;
    padding: 10px;
    margin: -10px;
}



#cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    padding: 5px;
    width: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    z-index: 999;
}
#cookies a {
    color: #fff;
}
#cookies .ok {
    text-transform: uppercase;
    background: #000;
    color: #fff;
    padding: 5px 8px;
    margin: 0 5px;
}
body.hasCookies {
    margin-bottom: 25px;
}



.videodetector {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.videodetector iframe,
.videodetector object,
.videodetector embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/***************************************************
Zewnętrzne pluginy
***************************************************/

.qtip-error{
    background-color: #d8514d!important;
    border-color: #b92c28!important;
    color: #fff!important;
    border-radius: 0;
    font-size: 12px!important;
    line-height: 1.2em!important;
}
.qtip-info{
    background-color: #4ea2da!important;
    border-color: #4ea2da!important;
    color: #fff!important;
    border-radius: 0;
    font-size: 12px!important;
    line-height: 1.2em!important;
}


/***************************************************
Forms
***************************************************/

fieldset.form {
    border: 0;
    padding: 0;
    margin: 0;
}
fieldset.form-center {
    width: 280px;
    margin: 0 auto;
}


/* wiersz */
.form-group {
    clear: both;
    margin-bottom: 10px;
}


/* buttony */
fieldset.form .form-btns {

}


/* podpis */
.form-label {
    text-align: left;
    display: block;
    float: left;
    padding-top: 6px;
    padding-bottom: 6px;
    position: relative;
}


/* gwiazdka */
.form-req {
    color: #ff0000;
    margin-left: 3px;
}


/* grupa kontolek */
.form-control-group {
    max-width: 600px;
    margin: 6px 0;
    float: left;
}

.form-error {
    display: none;
}


/* kontrolka */
.form-control {
    background: #fff;
    padding: 10px 10px;
    margin: 0;
    border: 1px solid #c2c2c2;
    border-radius: 3px;
    width: 100%;
}
.form-control:hover {
    border-color: #a7a7a7;
}
.form-control:focus {
    box-shadow: 0 0 5px 0 rgba(120,90,190,0.3);
}
select.form-control {
}
textarea.form-control {
    height: 137px;
}

.form-control-lg {
    width: 400px;
}
.form-control-sm {
    width: 100px;
}

.form-control-checkbox {
    margin-right: 5px;
}





.g-row {
    display: flex;
    flex-wrap: wrap;
}
.g-col-4 {
    width: 33.3333%;
}
.g-col-8 {
    width: 66.6666%;
}

@media (max-width: 400px) {
    .g-col-4, .g-col-8 {
        width: 100%;
    }
}
.g-col-right {
    margin-right: 0;
    margin-left: auto;
}


/***************************************************
Messages
***************************************************/

.msg {
    text-align: center;
    font-size: 16px;
    padding: 15px;
    margin-bottom: 15px;

    color: #fff;
    background: #4ea2da; /* Old browsers */
}

.msg.msg-info {
    color: #3A87AD;
    border-radius: 3px;
    border: 1px solid #9acfea;
    background: #e2f1f9; /* Old browsers */
    background: -moz-linear-gradient(top,  #e2f1f9 0%, #b9def0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2f1f9), color-stop(100%,#b9def0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e2f1f9 0%,#b9def0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e2f1f9 0%,#b9def0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e2f1f9 0%,#b9def0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e2f1f9 0%,#b9def0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f1f9', endColorstr='#b9def0',GradientType=0 ); /* IE6-9 */
}

.msg.msg-danger {
    color: #B94A48;
    border-radius: 3px;
    border: 1px solid #dca7a7;
    background: #f2dddd; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2dddd 0%, #e7c3c3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2dddd), color-stop(100%,#e7c3c3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2dddd 0%,#e7c3c3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2dddd 0%,#e7c3c3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2dddd 0%,#e7c3c3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2dddd 0%,#e7c3c3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2dddd', endColorstr='#e7c3c3',GradientType=0 ); /* IE6-9 */
}

.msg.msg-success {
    color: #468847;
    border-radius: 3px;
    border: 1px solid #B2DBA1;
    background: #def0d7; /* Old browsers */
    background: -moz-linear-gradient(top,  #def0d7 0%, #c9e5bd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#def0d7), color-stop(100%,#c9e5bd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #def0d7 0%,#c9e5bd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #def0d7 0%,#c9e5bd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #def0d7 0%,#c9e5bd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #def0d7 0%,#c9e5bd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#def0d7', endColorstr='#c9e5bd',GradientType=0 ); /* IE6-9 */
}


/***************************************************
Buttons
***************************************************/

.btn {
    display: inline-block;
    background-color: #4ea2da;
    padding: 10px 20px;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1.5em;
    color: #fff;
    margin: 20px 0px 0px 0px;
    -webkit-transition: backgrond 0.2s linear 0s, color 0.2s linear 0s;
    transition: backgrond 0.2s linear 0s, color 0.2s linear 0s;
}
a.btn:hover, a.btn-current {
    background-color: #000000;
}

a.btn-thm2 {
    -webkit-transition: border-color 0.2s linear 0s, color 0.2s linear 0s, background-color 0.2s linear 0s;
    transition: border-color 0.2s linear 0s, color 0.2s linear 0s, background-color 0.2s linear 0s;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 10px 10px 10px 10px;
    margin: 30px 0px 0px 0px;
    padding: 15px 20px;
    line-height: 1.2em;
    font-weight: bold;
    display: inline-block;
}
a.btn-thm2:hover {
    background-color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2em;
    text-transform: uppercase;
    color: #4ea2da;
}


p.btns {
    text-align: center;
    margin: 0;
}


a.link {
    position: relative;
    display: inline-block;
    padding: 0 22px 0 0;
    margin: 20px 0px 0px 0px;
    text-transform: uppercase;
    color: #4ea2da;
}
a.link:before {
    background-size: 100%;
    width: 14px;
    height: 14px;
    content: "";
    position: absolute;
    right: 0;
    top: 1px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="20" height="20" viewBox="0 0 20 20"><path fill="%23dfebfc" d="M19.354 10.146l-6-6c-0.195-0.195-0.512-0.195-0.707 0s-0.195 0.512 0 0.707l5.146 5.146h-16.293c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h16.293l-5.146 5.146c-0.195 0.195-0.195 0.512 0 0.707 0.098 0.098 0.226 0.146 0.354 0.146s0.256-0.049 0.354-0.146l6-6c0.195-0.195 0.195-0.512 0-0.707z"/></svg>');
    display: inline-block;
}
a.link:hover {
    text-transform: uppercase;
    color: #595959;
}


/***************************************************
Icons
***************************************************/

[class*="icon-"] {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}


/***************************************************
Table
***************************************************/
table.table {
    margin: 10px auto;
    clear: both;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #C2C2C2;
}

table.table thead tr {
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top,  #f9f9f9 0%, #e6e6e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f9f9f9 0%,#e6e6e6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f9f9f9 0%,#e6e6e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}

table.table thead th {
    font-weight: bold;
    padding: 8px 10px;
    border-right: 1px solid #C2C2C2;
    border-bottom: 1px solid #C2C2C2;
}
table.table thead th[data-sort] {
    cursor: pointer;
    *cursor: hand;
}
table.table thead th span {
    margin: 0 0 0 2px;
}


table.table td {
    padding: 6px 10px;
    border-right: 1px solid #C2C2C2;
    border-bottom: 1px solid #C2C2C2;
}

table.table tr:nth-child(odd) { background-color: #fff; }
table.table tr:nth-child(even) { background-color: #f6f6f6; }

table.table tr:hover {
    background-color: #ebebeb;
}

table.table tr td.sub {
    padding-left: 30px;
}

table.table input[type=text] {
    margin: -4px -5px;
    padding: 2px;
}
table.table input[type=text].act-order {
    width: 30px;
    text-align: center;
}


/*@media screen and (max-width: 1000px) {*/
/*    table.table {*/
/*        overflow-x: auto;*/
/*        display: block;*/
/*    }*/
/*}   */



.footer-wrapper {
    margin: 70px auto 0 auto;
    background-color: #23354d;
}
.cnt-gray + .footer-wrapper {
    margin-top: 0;
}

.footer {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 20px 20px 20px;
    line-height: 1.5em;
    color: #dfebfc;
}
.footer a {
    color: inherit;
}
.footer a:hover {
}
.footer p {
    margin: 10px 0;
}
.footer ul {
    margin: 10px 0;
}

.footer .row {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 0;
    margin: 0 auto;
    justify-content: space-between;
}
.footer .row .col {
    flex: 1 1 30%;
    max-width: 30%;
    padding: 0;
    line-height: 1.7em;
}
.footer .row .footer-menu {
    flex: 1 1 40%;
    max-width: 40%;
    text-align: right;
}


.footer .title {
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px 20px 0px;
    line-height: 1.2em;
}

.footer .footer-create {
    float: right;
    font-size: 12px;
    padding: 0 20px;
}
.footer .footer-copy {
    width: 70%;
    float: left;
    clear: both;
    font-size: 12px;
    padding: 0;
}
.footer hr {
    margin: 20px 0;
    border: 0;
    height: 1px;
    background-color: RGBA(255,255,255,0.3);
    clear: both;
    float: left;
    width: 100%;
}

.footer [class*=icon-] {
    width: 18px;
    height: 18px;
    margin: 0px 3px 0px 0px;
    vertical-align: -4px;
}
.footer .icon-phone:before {
    background-size: 100%;
    width: 18px;
    height: 18px;
    content: "";
    position: absolute;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="16" height="16" viewBox="0 0 16 16"><path fill="%23dfebfc" d="M11 10c-1 1-1 2-2 2s-2-1-3-2-2-2-2-3 1-1 2-2-2-4-3-4-3 3-3 3c0 2 2.055 6.055 4 8s6 4 8 4c0 0 3-2 3-3s-3-4-4-3z"/></svg>');
    top: 0px;
    left: 0px;
    display: inline-block;
}
.footer .icon-email:before {
    background-size: 100%;
    width: 18px;
    height: 18px;
    content: "";
    position: absolute;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-o</title><path fill="%23dfebfc" d="M424,80H88a56.06,56.06,0,0,0-56,56V376a56.06,56.06,0,0,0,56,56H424a56.06,56.06,0,0,0,56-56V136A56.06,56.06,0,0,0,424,80Zm-14.18,92.63-144,112a16,16,0,0,1-19.64,0l-144-112a16,16,0,1,1,19.64-25.26L256,251.73,390.18,147.37a16,16,0,0,1,19.64,25.26Z"/></svg>');
    top: 0px;
    left: 0px;
    display: inline-block;
}

@media (max-width: 767px) {
    .footer .row .col {
        flex: 1 1 50%;
        max-width: 50%;
    }
    .footer .row .footer-menu {
        text-align: left;
    }
}

@media (max-width: 534px) {
    .footer .row .col {
        flex: 1 1 100%;
        max-width: 100%;
    }
    .footer .footer-create {
        float: none;
        width: 100%;
        text-align: center;
    }
    .footer .footer-copy {
        float: none;
        width: 100%;
        text-align: center;
    }
}


.cnt-header {
    margin-top: 80px;
}
.cnt-header + div {
    margin-top: 0;
}


.cnt-text {
    margin-top: 80px;
}
.cnt-gray {
    background: #f7f7f7;
    padding: 0;
}
.cnt-gray + .cnt-gray {
    padding-top: 0;
}

.cnt-gray ul li {
    padding: 0px 0px 0px 40px;
    line-height: 1.5em;
    margin: 5px 0px;
    font-weight: bold;
}
.cnt-gray ul li:before {
    background-size: 100%;
    display: inline-block;
    content: "";
    position: absolute;
    top: 3px;
    left: 10px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="17" height="17" viewBox="0 0 17 17"><g></g>	<path d="M14 5.761h1v10.239h-14v-14h8.393v1h-7.393v12h12v-9.239zM4.854 8.146l-0.708 0.708 3.434 3.434 7.587-11.512-0.835-0.551-6.912 10.488-2.566-2.567z" fill="%23ffffff"/></svg>');
    width: 18px;
    height: 18px;
}


.cnt-text-narrow {
    margin-top: 80px;
}
.cnt-text-narrow .container {
    max-width: 700px;
}
.main .cnt-text-narrow .container {
    max-width: 590px;
}




.cnt-text_photo {
    margin-top: 80px;
}
.cnt-text_photo .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.cnt-text_photo .container .col-text {
    flex: 0 0 50%;
    padding: 0 40px 0 0px;
}
.cnt-text_photo .container .col-text h2 {
    text-align: left;
}
.cnt-text_photo .container .col-photo {
    flex: 0 0 50%;
}
.cnt-text_photo .container .col-photo img {
    max-width: 100%;
    width: 100%;
    /*object-fit: cover;*/
}

.cnt-text_photo.cnt-left .container .col-text {
    order: 2;
    padding: 0 0 0 40px;
}
.cnt-text_photo.cnt-left.cnt-gray .container .col-text {
    padding: 50px 0 50px 40px;
}
.cnt-text_photo.cnt-right.cnt-gray .container .col-text {
    padding: 50px 40px 50px 0;
}



@media (max-width: 767px) {

    .cnt-text_photo .container {
        flex-direction: column;
        padding: 0;
    }
    .cnt-text_photo .container .col-text {
        flex: 0 0 100%;
        padding: 0 20px!important;
    }
    .cnt-text_photo.cnt-gray .container .col-text {
        padding: 0 20px 50px 20px!important;
    }
    .cnt-text_photo .container .col-photo {
        flex: 0 0 100%;
        width: 100%;
        order: -1; /* photo first */
        margin-bottom: 50px;
    }
}



.cnt-text_bg {
    background-color: #4ea2da;
    padding: 40px 20px;
    color: #fff;
    position: relative;
    margin-top: 80px;
}
.cnt-text_bg h2 {
    color: #fff;
    font-size: 24px;
    text-align: left;
}



.cnt-text_bgc_photo_left {
    background-color: #23354d;
    color: #ffffff;
}
.cnt-text_bgc_photo_left .container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 0;
}
.cnt-text_bgc_photo_left .container .col-text {
    flex: 0 0 calc(100% - 450px);
    padding: 60px 40px;
}
.cnt-text_bgc_photo_left .container .col-text h2 {
    margin: 0px 0px 10px 0px;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}
.cnt-text_bgc_photo_left .container .col-text h3 {
    color: #81a5e4;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0px 0px 20px 0px;
}
.cnt-text_bgc_photo_left .container .col-photo {
    flex: 0 0 450px;
}
.cnt-text_bgc_photo_left .container .col-photo img {
    max-width: 100%;
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 900px) {
    .cnt-text_bgc_photo_left .container .col-text {
        flex: 0 0 calc(100% - 300px);
    }
    .cnt-text_bgc_photo_left .container .col-photo {
        flex: 0 0 300px;
    }
}

@media (max-width: 767px) {
    .cnt-text_bgc_photo_left .container {
        flex-direction: column;
    }
    .cnt-text_bgc_photo_left .container .col-text {
        flex: 0 0 100%;
        padding: 50px 20px;
    }
    .cnt-text_bgc_photo_left .container .col-photo {
        flex: 0 0 100%;
        width: 100%;
        order: -1; /* photo first */
    }
    .cnt-text_bgc_photo_left .container .col-photo img {
        max-height: 400px;
    }
}



.cnt-text_bgp_photo_right {
    color: #ffffff;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    margin-top: 70px;
}
.cnt-text_bgp_photo_right:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    z-index: 1;
}
.cnt-text_bgp_photo_right .container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 0;
    z-index: 2;
     position: relative;
}
.cnt-text_bgp_photo_right .container .col-text {
    flex: 0 0 50%;
    padding: 60px 20px;
}
.cnt-text_bgp_photo_right .container .col-text h2 {
    margin: 0px 0px 30px 0px;
    color: #ffffff;
}
.cnt-text_bgp_photo_right .container .col-photo {
    flex: 0 0 50%;
    background-size: cover;
    background-position: center center;
}


@media (max-width: 767px) {
    .cnt-text_bgp_photo_right .container {
        flex-direction: column;
    }
    .cnt-text_bgp_photo_right .container .col-text {
        flex: 0 0 100%;
        padding: 60px 20px;
    }
    .cnt-text_bgp_photo_right .container .col-photo {
        flex: 0 0 300px;
        width: 100%;
        order: -1; /* photo first */
    }

}



.cnt-icons_guarantee {
    margin-top: 70px;
}
.cnt-icons_guarantee .container {
    margin: 0 auto;
    padding: 0px 20px 0px 20px;
    max-width: 900px;
    text-align: center;
}
.cnt-icons_guarantee .btn {
    margin-top: 20px;
}

.cnt-icons_guarantee .row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 40px;
    margin-bottom: 40px;
}
.cnt-icons_guarantee .col {
    flex-basis: calc(33.333% - (80px / 3));
    -webkit-flex-basis: calc(33.333% - (80px / 3));
}
.cnt-icons_guarantee .item {
    position: relative;
    height: 100%;
    background-color: #f3f9fc;
    padding: 25px 15px;
}
.cnt-icons_guarantee h3 {
    margin: 20px 0px 0px 0px;
    color: #4ea2da;
    letter-spacing: 1px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 800;
}
.cnt-icons_guarantee .icon-ic1:before {
    background-size: 100%;
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%2323354d' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%0A%3E%3Cpath d='M15 15m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0' /%3E%3Cpath d='M13 17.5v4.5l2 -1.5l2 1.5v-4.5' /%3E%3Cpath d='M10 19h-5a2 2 0 0 1 -2 -2v-10c0 -1.1 .9 -2 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -1 1.73' /%3E%3Cpath d='M6 9l12 0' /%3E%3Cpath d='M6 12l3 0' /%3E%3Cpath d='M6 15l2 0' /%3E%3C/svg%3E");
    top: 0px;
    left: 0px;
    width: 70px;
    height: 70px;
    display: inline-block;
}
.cnt-icons_guarantee .icon-ic2:before {
    background-size: 100%;
    content: "";
    position: absolute;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" id="icons" viewBox="0 0 512 512"><path fill="%2323354d" d="M256,32C174,69.06,121.38,86.46,32,96c0,77.59,5.27,133.36,25.29,184.51a348.86,348.86,0,0,0,71.43,112.41C178.32,445.58,232.89,473.32,256,480c23.11-6.68,77.68-34.42,127.28-87.08a348.86,348.86,0,0,0,71.43-112.41C474.73,229.36,480,173.59,480,96,390.62,86.46,338,69.06,256,32ZM417.47,265.93a309.18,309.18,0,0,1-63.31,99.56C316,406,276.65,428.31,256,437.36V75.8c38.75,17,68.73,28.3,97.93,36.89a613.12,613.12,0,0,0,85.6,18.52C437.81,191.43,431.17,230.9,417.47,265.93Z"/></svg>');
    top: 5px;
    left: 5px;
    width: 60px;
    height: 60px;
    display: inline-block;
}
.cnt-icons_guarantee .icon-ic3:before {
    background-size: 100%;
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2407 2.96432C12.0063 2.96432 11.797 3.07184 11.6595 3.24024L11.6024 3.28346C9.45801 2.63339 7.03194 3.15091 5.33598 4.83602C3.82743 6.33492 3.24863 8.40778 3.59957 10.3471L3.58455 10.3619L2.6274 11.3129C1.7951 12.1399 1.7951 13.4807 2.6274 14.3077C3.11636 14.7935 3.78381 14.9939 4.42002 14.9089C4.51377 15.2552 4.6974 15.5824 4.9709 15.8542C5.34265 16.2235 5.81755 16.4279 6.30347 16.4673C6.34307 16.9503 6.54878 17.4223 6.92061 17.7917C7.30952 18.1781 7.81134 18.384 8.32054 18.4093C8.34607 18.9151 8.55325 19.4136 8.94208 19.7999C9.70236 20.5554 10.8942 20.6207 11.7291 19.996L12.1156 20.3801C12.952 21.2111 14.3079 21.2111 15.1443 20.3801C15.5147 20.012 15.721 19.5428 15.7633 19.0621C16.2462 19.021 16.7177 18.8168 17.0874 18.4495C17.4581 18.0812 17.6636 17.6114 17.7043 17.1303C18.1809 17.0858 18.6453 16.8821 19.0104 16.5193C19.2966 16.235 19.4844 15.89 19.5738 15.526C20.2005 15.6003 20.854 15.3986 21.3349 14.9208C22.1672 14.0938 22.1672 12.753 21.3349 11.926L20.5014 11.0979L20.6727 10.4313C21.045 8.98208 20.8578 7.44693 20.1482 6.12848C19.1007 4.182 17.0615 2.96933 14.8448 2.96933L13.2381 2.96933C13.1696 2.96601 13.1008 2.96432 13.0316 2.96432H12.2407ZM15.1649 7.90945L18.6286 11.351L18.6325 11.3551L18.6458 11.3687L20.2708 12.9833C20.5155 13.2264 20.5155 13.6205 20.2708 13.8635C20.0262 14.1066 19.6296 14.1066 19.3849 13.8635L17.7599 12.2489C17.4661 11.9569 16.9897 11.9569 16.6959 12.2489L16.6796 12.2651C16.3857 12.557 16.3857 13.0304 16.6796 13.3223L17.9464 14.581C18.1912 14.8243 18.1912 15.2188 17.9464 15.4621C17.7232 15.6838 17.3724 15.7037 17.1274 15.5206C16.8267 15.2958 16.4051 15.3263 16.1403 15.592C15.8756 15.8577 15.8491 16.2769 16.0784 16.5734C16.2668 16.8171 16.2481 17.1689 16.0234 17.3922C15.7968 17.6173 15.4389 17.6344 15.1934 17.4424C14.8947 17.2087 14.4674 17.2332 14.1977 17.4995C13.9279 17.7658 13.9006 18.1902 14.1339 18.4885C14.3276 18.7361 14.3093 19.0952 14.0802 19.3228C13.8315 19.5699 13.4284 19.5699 13.1797 19.3228L12.808 18.9535L12.9132 18.8489C13.7455 18.0219 13.7455 16.6811 12.9132 15.8542C12.5243 15.4677 12.0225 15.2619 11.5133 15.2366C11.4878 14.7308 11.2806 14.2323 10.8918 13.8459C10.52 13.4766 10.0451 13.2722 9.55922 13.2328C9.51962 12.7499 9.3139 12.2779 8.94208 11.9084C8.45311 11.4226 7.78567 11.2222 7.14945 11.3072C7.0557 10.9609 6.87208 10.6337 6.59857 10.3619C6.16723 9.93332 5.597 9.72685 5.03184 9.7425C4.88504 8.36976 5.34111 6.94543 6.40004 5.89327C7.38426 4.91535 8.69207 4.45489 9.98101 4.5119L8.48356 5.64643C7.45969 6.42216 7.26245 7.87941 8.04327 8.89941C8.82232 9.91708 10.2805 10.1144 11.302 9.34048L13.1908 7.90945H15.1649ZM9.3894 6.84203L12.5277 4.46432H13.0316C13.0811 4.46432 13.1302 4.46565 13.1789 4.46826C13.1922 4.46898 13.2056 4.46933 13.219 4.46933H14.8448C16.513 4.46933 18.043 5.38193 18.8274 6.83933C19.3221 7.7586 19.4773 8.8178 19.2712 9.83451L16.0591 6.63806C15.9178 6.49195 15.7232 6.40945 15.52 6.40945L12.9388 6.40945C12.7752 6.40945 12.6162 6.4629 12.4858 6.56165L10.3962 8.14487C10.0326 8.42032 9.5116 8.3498 9.23434 7.98762C8.95886 7.62776 9.02817 7.11571 9.3894 6.84203ZM6.03496 14.7969C5.86706 14.6301 5.81439 14.3921 5.87697 14.1807C5.90557 14.084 5.95823 13.9929 6.03496 13.9167L6.99212 12.9657C7.23675 12.7226 7.63338 12.7226 7.87802 12.9657C8.11986 13.2059 8.12262 13.5938 7.8863 13.8375L7.87776 13.8459L6.92061 14.797L6.91236 14.8052C6.8374 14.877 6.74888 14.9265 6.65519 14.9539C6.44237 15.0161 6.20287 14.9637 6.03496 14.7969ZM5.54368 11.4285C5.61917 11.5066 5.67014 11.5995 5.69659 11.6976C5.75261 11.9054 5.6986 12.1364 5.53451 12.2994L4.57736 13.2504C4.33272 13.4935 3.93609 13.4935 3.69146 13.2504C3.44682 13.0073 3.44682 12.6133 3.69146 12.3702L4.64861 11.4192C4.89325 11.1761 5.28988 11.1761 5.53451 11.4192L5.54368 11.4285ZM10.892 18.7427C10.8152 18.8191 10.7233 18.8714 10.6258 18.8998C10.4132 18.9618 10.1739 18.9094 10.0061 18.7427C9.83837 18.576 9.78565 18.3383 9.84799 18.1269C9.87655 18.0301 9.92926 17.9388 10.0061 17.8625L10.9633 16.9114C11.2079 16.6683 11.6046 16.6683 11.8492 16.9114C12.0938 17.1545 12.0938 17.5486 11.8492 17.7917L10.892 18.7427ZM8.87057 16.7345C8.7939 16.8106 8.7023 16.8629 8.60513 16.8914C8.39225 16.9537 8.15263 16.9013 7.98467 16.7345C7.8167 16.5676 7.76406 16.3295 7.82675 16.118C7.85432 16.0249 7.9042 15.937 7.97639 15.8626L7.98492 15.8542L8.94208 14.9031L8.95032 14.8949C9.19556 14.6602 9.5859 14.6629 9.82772 14.9032C10.0724 15.1463 10.0724 15.5404 9.82772 15.7834L8.87057 16.7345Z' fill='%2323354d'/%3E%3C/svg%3E");
    top: 0px;
    left: 0px;
    width: 70px;
    height: 70px;
    display: inline-block;
}
.cnt-icons_guarantee [class*=icon-] {
    width: 70px;
    height: 70px;
}
@media (max-width: 767px) {
    .cnt-icons_guarantee .col {
        flex-basis: calc(50% - (40px / 2));
        -webkit-flex-basis: calc(50% - (40px / 2));
    }
}
@media (max-width: 534px) {
    .cnt-icons_guarantee .col {
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
    }
}


.cnt-tiles {
    margin-top: 60px;
}
.cnt-tiles h2 {

}
.cnt-tiles .row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 30px 30px;
}
.cnt-tiles .col {
    flex-basis: calc((100% - 60px) / 3);
    -webkit-flex-basis: calc((100% - 60px) / 3);
}
.cnt-tiles .item {
    padding: 0 0 40px 0;
    position: relative;
    display: block;
    height: 100%;
    color: #2d3e50;
}
.cnt-tiles .item h3 {
    margin: 0px 0px 20px 0px;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5em;
}
.cnt-tiles .item h3 strong {
    color: #4ea2da;
}
.cnt-tiles .item p {
    margin: 15px 0;
    line-height: 1.4em;
}
.cnt-tiles .item figure {
    overflow: hidden;
}
.cnt-tiles .item img {
    width: 100%;
    display: block;
    transition: transform 0.3s ease;
}
.cnt-tiles .item:hover img {
    transform: scale(1.05);
}
.cnt-tiles .item .btn {
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}
.cnt-tiles .item:hover .btn {
    background: #000;
}
@media (max-width: 979px) {
    .cnt-tiles .col {
        flex-basis: calc((100% - 30px) / 2);
        -webkit-flex-basis: calc((100% - 30px) / 2);
    }
}
@media (max-width: 767px) {
    .cnt-tiles .col {
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
    }
}


.cnt-gallery {
    padding: 0 20px;
    margin: 50px auto 0 auto;
}
.cnt-gallery .row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.cnt-gallery .col {
    flex: 1 1 calc((100% - 60px) / 4);
    max-width: calc((100% - 60px) / 4);
}
.cnt-gallery figure img {
    width: 100%;
    display: block;
}
@media (max-width: 979px) {
    .cnt-gallery .col {
        flex: 1 1 calc((100% - 40px) / 3);
        max-width: calc((100% - 40px) / 3);
    }
}
@media (max-width: 767px) {
    .cnt-gallery .col {
        flex: 1 1 calc((100% - 20px) / 2);
        max-width: calc((100% - 20px) / 2);
    }
}
@media (max-width: 534px) {
    .cnt-gallery .col {
        flex: 1 1 100%;
        max-width: 100%;
    }
}



.contact {
    margin-top: 80px;
}
.contact .text {
    margin: 0 auto;
    max-width: 500px;
    text-align: center;
}

.contact.cnt-gray {
    padding: 50px 20px;
}
.contact .form.container {
    margin: 0 auto;
    max-width: 800px;
    text-align: center;
}

.contact .row {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.contact .col {
    flex: 1 1 calc(50% - 15px);
    max-width: calc(50% - 15px);
}

@media (max-width: 534px) {
    .contact .col {
        flex: 1 1 100%;
        max-width: 100%;
    }
}


