@charset "utf-8";
/* CSS Document */
.mt-100 {
	margin-top: 100px;
}
.mt-8 {
	margin-top: 8rem;
}
.main-menu nav ul li a {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1em;
	margin-left: 10px;
}
.text-dblue {
	color: #000231 !important;
}
.w-700 {
	font-weight: 900;
}
.hero-area .hero-content h2.h2hero {
	font-size: 48px;
	font-weight: 600;
	letter-spacing: 0.2em;
	margin-bottom: 5rem;
	display: inline-block;
}
.hero-area .hero-content h2.h2hero .subnadpis {
	border-top: 2px solid #000231;
	text-align: right;
	color: #fff;
	text-transform: none;
	/*font-style: italic;*/
}
.hero-area .hero-content h2.h2hero .subnadpis i {
	background-color: #000231;
	transform: skew(-10deg);
	display: inline-block;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 4px;
	position: relative;
	left: -3px;
}
.slicknav_menu .slicknav_icon-bar {
	background-color: #fff;
			height: 4px;
		width: 30px;
}
.main h2 {
	letter-spacing: 0.1em;
	font-weight: 700;
}
.lead {
	font-size: 1.8rem;
	color: #515151;
}
hr {
	background-color: #09e7ca;
}
.footer-area {
	background-color: #000231;
}
.btn-grad,  .nav-link {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#242a93+1,09e6c9+100 */
background: #242a93; /* Old browsers */
background: -moz-linear-gradient(left,  #242a93 1%, #09e6c9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #242a93 1%,#09e6c9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #242a93 1%,#09e6c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242a93', endColorstr='#09e6c9',GradientType=1 ); /* IE6-9 */
color: #fff !important;
	font-weight: 700;
	letter-spacing: 0.2em;
}
.nav-link.active {
	background-color: #fff !important;
	background: #fff !important;
	color: #000 !important;
}
ul li {
	letter-spacing: normal;
	color: #000;
	margin-bottom: 6px;
}
.footer-phone {
	background-image: url(../images/icon/phone.svg);
	background-repeat: no-repeat;
	background-position: left 5px;
	background-size: 20px 20px;
	padding-left: 25px;
}
.footer-phone b {
	font-size: 16px;
}
.footer-content p {
	font-size: 12px;
	color: #ACACAC;
}
/*PAGE*/
.page .hero-area {
    min-height: 500px;
}
.page .digdoc h2 {
	    display: block;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0;
    color: #444;
	margin-bottom: 1.5rem;
}
.digdoc .class-content {
	padding: 4rem;
}
.class-content .meta-info li::after {
	content: "";
	display: block;
	height: 2px;
	width: 50px;
	margin-left: auto;
	margin-right: auto;
	background-color: #2ddbbd;
	margin-top: 8px;
margin-bottom: 4px;
}
.digdoc .class-item {
	-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.digdoc .class-item:hover {
	-webkit-box-shadow: 0 0 18px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 18px 0 rgba(0,0,0,0.1);
	-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#242a93+1,09e6c9+100 */
background: #242a93; /* Old browsers */
background: -moz-linear-gradient(left,  #242a93 1%, #09e6c9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #242a93 1%,#09e6c9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #242a93 1%,#09e6c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242a93', endColorstr='#09e6c9',GradientType=1 ); /* IE6-9 */

}
.digdoc .class-item:hover h2, .digdoc .class-item:hover li {
	color: #fff !important;
}
.digdoc .swiper-button-next {
}
.digdoc .swiper-button-prev {
}
h3 {
	margin-top: 5rem;
	margin-bottom: 1.5rem;
}
.badge-blue {
	    background-color: #2ddbbd;
}
.badge-xl {
	font-size: 100%;
}
.list-group-space li {
	margin-bottom: 11px;
}
.modelove-priklady h3 {
	line-height: 1.2;
margin-bottom: 30px;
}
.modelove-priklady h3 span {
	text-transform: lowercase;
font-size: 18px;
color: #2ddbbd;
}
.modelove-priklady .lead {
	font-weight: 700;
	line-height: 1.1;
	color: #000231;
	margin-top: 3rem;
	margin-bottom: 1rem;
}
.modelove-priklady .small {
	line-height: 1;
font-size: 75%;
margin-top: 10px;
}
.reference .single-service p {
	line-height: 1.1;	
}
address {
	letter-spacing: normal;
	font-size: 16px;
	line-height: 23px;
}
.section-title p {
	font-size: 16px;
	line-height: 23px;
}
.swiper-pagination-bullet {
    width: 24px;
    height: 24px;
	padding-top: 1px;
}
.swiper-pagination-bullet-active {
    background-color: #2ddbbd;
	color: #fff;
}
@media screen and (max-width:998px){
	.hero-area .container {
	max-width: inherit;
}
}
@media screen and (max-width:830px){
	.hero-area .hero-content h2.h2hero {
		letter-spacing: 0.1em;
	}
}
@media screen and (max-width:768px){
	.hero-area .hero-content h2.h2hero {
		line-height: normal;
	}
	.header-area {
		padding-top: 42px;

	}
}