.logo img {
	width: 90px;
}
#sp-footer {
    background: #326699;
}
.webb-slog {
	font-size: 18px;
    font-family: math;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    color: #6799cd;
    font-size: 14px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    background: #6e9dcf;
}
.offcanvas-menu {

    background-color: #6c757d;
}
#offcanvas-toggler > i {
    color: #326699;
}

.sppb-addon-text-block {
	text-align: justify;
}

h3 {
	color: #607f9f;
	text-align: left;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #326699;
}


/*плитка послуги*/
.st-postcontent h2 {
    color: #003366;
    background-color: aliceblue;
	font-size: 1.05em;
 }
.st-postcontent, .st-postheadericons, .st-postfootericons, .st-blockcontent, ul.st-vmenu a {
  text-align: left;
}
.st-postcontent, .st-postcontent li, .st-postcontent table, .st-postcontent a, .st-postcontent a:link, .st-postcontent a:visited, .st-postcontent a.visited, .st-postcontent a:hover, .st-postcontent a.hovered {
  font-family: 'Open Sans', 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-align: justify;
}
.st-postcontent p {
  margin: 12px 0;
}
.st-postcontent h1, .st-postcontent h1 a, .st-postcontent h1 a:link, .st-postcontent h1 a:visited, .st-postcontent h1 a:hover, .st-postcontent h2, .st-postcontent h2 a, .st-postcontent h2 a:link, .st-postcontent h2 a:visited, .st-postcontent h2 a:hover, .st-postcontent h3, .st-postcontent h3 a, .st-postcontent h3 a:link, .st-postcontent h3 a:visited, .st-postcontent h3 a:hover, .st-postcontent h4, .st-postcontent h4 a, .st-postcontent h4 a:link, .st-postcontent h4 a:visited, .st-postcontent h4 a:hover, .st-postcontent h5, .st-postcontent h5 a, .st-postcontent h5 a:link, .st-postcontent h5 a:visited, .st-postcontent h5 a:hover, .st-postcontent h6, .st-postcontent h6 a, .st-postcontent h6 a:link, .st-postcontent h6 a:visited, .st-postcontent h6 a:hover, .st-blockheader .t, .st-blockheader .t a, .st-blockheader .t a:link, .st-blockheader .t a:visited, .st-blockheader .t a:hover, .st-vmenublockheader .t, .st-vmenublockheader .t a, .st-vmenublockheader .t a:link, .st-vmenublockheader .t a:visited, .st-vmenublockheader .t a:hover, .st-headline, .st-headline a, .st-headline a:link, .st-headline a:visited, .st-headline a:hover, .st-slogan, .st-slogan a, .st-slogan a:link, .st-slogan a:visited, .st-slogan a:hover, .st-postheader, .st-postheader a, .st-postheader a:link, .st-postheader a:visited, .st-postheader a:hover
{
  font-size: 32px;
  font-family: 'Open Sans', 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}

.st-postcontent a, .st-postcontent a:link {
  font-family: 'Open Sans', 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  color: #4AAFED;
}

.st-postcontent a:visited, .st-postcontent a.visited {
  font-family: 'Open Sans', 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  color: #8D9CAA;
}

.st-postcontent  a:hover, .st-postcontent a.hover {
  font-family: 'Open Sans', 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #4AAFED;
}

.st-postcontent h2 {
  font-size: 19px;
  color: #1061cc;
  padding: 3px;
}

.st-postcontent h2 a, .st-postcontent h2 a:link, .st-postcontent h2 a:hover, .st-postcontent h2 a:visited, .st-blockcontent h2 a, .st-blockcontent h2 a:link, .st-blockcontent h2 a:hover, .st-blockcontent h2 a:visited {
  font-size: 22px;
  font-family: 'Open Sans', 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 200px;
	max-width: 300px;
	max-height: 200px;
	width: 48%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Lexi *****/
/*---------------*/

figure.effect-lexi {
	background: -webkit-linear-gradient(-45deg, #000 0%,#fff 100%);
	background: linear-gradient(-45deg, #000 0%,#fff 100%);
}

figure.effect-lexi img {
	margin: -10px 0 0 -10px;
	max-width: none;
	width: -webkit-calc(100% + 10px);
	width: calc(100% + 10px);
	opacity: 0.9;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(10px,10px,0);
	transform: translate3d(10px,10px,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-lexi figcaption::before,
figure.effect-lexi p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-lexi figcaption::before {
	position: absolute;
	right: -150px;
    bottom: -150px;
    width: 350px;
    height: 300px;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 900px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transform: scale3d(0.5,0.5,1);
	transform: scale3d(0.5,0.5,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

figure.effect-lexi:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lexi h2 {
	text-align: center;
    word-spacing: 5px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(5px,5px,0);
	transform: translate3d(5px,5px,0);
}

figure.effect-lexi p {
	position: absolute;
	right: 15px;
    bottom: 15px;
    padding: 0 1.5em 1.5em 0;
    width: 125px;
	text-align: right;
	line-height: 1.5;
	opacity: 0;
	-webkit-transform: translate3d(20px,20px,0);
	transform: translate3d(20px,20px,0);
}

figure.effect-lexi:hover figcaption::before {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-lexi:hover h2,
figure.effect-lexi:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/**/


.contact-contactinfo {
	font-size: 1.5em;
    text-align: center;
}


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

.webb-slog {
    font-size: 16px;
    font-family: math;
}
#sp-header .logo {
    float: right;
}
.sp-slider-outer-stage .sp-background {
	background-size: contain;
    background-repeat: no-repeat;
}

}


/* Media queries */
@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}