.flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.flex-c {
  justify-content: center;
}
.flex-t {
  align-items: flex-start;
}
.inside {
	max-width: 100%;
	box-sizing: border-box;
	padding: 0 12px;
	font-family: 'FIRA SANS';
	margin: 0 auto;
	width: 1164px;
}

.newlist .item {
	background: #FCFCFC;
	padding: 26px 30px;
	border-radius: 6px;
	margin-bottom: 10px;
}
.newlist {
	padding: 116px 0;
}
.newlist h2 {
	color: #2F2F2F;
	font-size: 38px;
	font-weight: 700;
	position: relative;
}
.newlist h2:before {
	position: absolute;
	content: "";
	width: 68px;
	height: 3px;
	background: #8F0B35;
	top: -18px;
}
.newlist .news-header .pages-count {
	display: none;
}
.newlist .news-header .pages-count {
	color: #2F2F2F;
	font-size: 18px;
	font-weight: 400;
	font-family: 'Open Sans';
}
.newlist .news-header .pages-count strong {
	font-weight: 700;
	margin-left: 20px;
}
.newlist .news-header {
	margin-bottom: 30px;
	justify-content: space-between;
	align-items: center;
}
.newlist .item a {
	color: inherit;
	text-decoration: none;
}
.newlist .item time {
	color: #8F0B35;
	font-size: 18px;
	font-weight: 300;
	display: block;
	margin-bottom: 10px;
	letter-spacing: 0.4px;
	font-family: 'Open Sans';
}
.newlist .item .name a {
	font-size: 22px;
	font-weight: 700;
}
.newlist .item .name {
	color: #8F0B35;
	margin-bottom: 12px;
}
.newlist .item .desc {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 24px;
}
.newlist .item .more a {
	font-weight: 700;
	font-size: 18px;
	color: #8F0B35;
	text-decoration: underline;
	position: relative;
	padding-right: 20px;
}
.newlist .item .more a svg {
	position: absolute;
	right: -5px;
	top: 10px;
}

.pagination {
	margin-top: 50px;
}
.pagination li:hover {
	color: #8F0B35;
}
.pagination li.active a {
	font-weight: 700;
	color: #8F0B35
}
.pagination li {
	margin: 0 14px;
	color: #2f2f2f;
	font-weight: 400;
}
.pagination svg {
	display: inline-block;
	margin: 0 1px;
	margin-top: -1px;
}
.pagination li.prev {
	margin-left: -4px;
}
.pagination li.next {
	margin-right: -4px;
}


.contacts .info ul {
	padding-top: 12px;
	margin-top: 8px;
	font-size: 16px;
	font-weight: 300;
	border-top: 1px solid #8F0B35
}
.contacts .info ul li.email {
	color: #8F0B35
}
.contacts .info ul li a {
	font-size: 16px
}
.contacts .info ul li {
	margin-bottom: 3px;
	font-weight: 400
}
.contacts .coll-2 .map {
	margin-top: 64px;
}
.contacts .info.info-2 {
	margin-left: 38px;
}
.contacts .info p {
	line-height: 1.8;
}
.contacts h3 {
	font-weight: 700;
	color: #8F0B35;
	font-size: 20px;
	margin-bottom: 8px;
}
.contacts h2 {
	padding: 12px 0 10px 0px;
	padding-top: 10px;	
	margin-bottom: 36px;
	position: relative;
}
.contacts h2:before {
	position: absolute;
	top: -10px;
	width: 60px;
	height: 4px;
	content: "";
	background: #8F0B35;
	left: 0;
}
.contacts ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Open Sans';
}
.contacts ::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Open Sans';
}
.contacts :-ms-input-placeholder { /* IE 10+ */
  color: #000;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Open Sans';
}
.contacts :-moz-placeholder { /* Firefox 18- */
  color: #000;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Open Sans';
}

.contacts * {
	box-sizing: border-box;
	font-family: 'Open Sans';
}
.contacts {
	padding: 100px 0;
}
.contacts .form .field-group {
	margin-bottom: 10px;
}
.contacts .form {
	width: 100%;
	margin-top: 36px;
}
.contacts .form .field {
	width: 49%;
}
.contacts .form input {
	height: 48px;
}
.contacts .form input,
.contacts .form textarea {
	background: #F8F8F8;
	padding-left: 16px;
	width: 100%;
	color: #000;
    font-size: 16px;
 	font-weight: 400;
	font-family: 'Open Sans';
}
.contacts .form .send button {
	width: 340px;
	max-width: 100%;
	height: 58px;
	border: 2px solid #8F0B35;
	transition: all 0.3s ease 0s;
	background: #8F0B35;
	cursor: pointer;
	font-weight: 400;
	font-family: 'Open Sans';
	color: #fff;
	font-size: 16px;

}
.contacts .form .send button:hover {
	transition: all 0.3s ease 0s;
	color: #8F0B35;
	background: #fff;
}
.contacts .form .send {
	margin-top: 10px;
}
.contacts .form textarea {
	padding-top: 12px;
	height: 168px;
	resize: none;
	outline: none !important
}

#hero .shadow {
	text-shadow: 0 0 6px rgba(0,0,0,0.3);
}
.single-post-content .date {
	margin-bottom: 30px;
	font-size: 14px;
	color: rgb(143, 11, 53)
}
.single-post-content {
	padding: 100px 0;
	color: #2F2F2F;
	font-size: 18px;
	line-height: 1.6;
}
.single-post-content .content-part {
	font-weight: 300;
}
.single-post-content .content-part li:before {
	position: absolute;
	left: 6px;
	width: 4px;
	height: 4px;
	border-radius: 10px;
	content: "";
	background: #2F2F2F;
	top: 12px;
}
.single-post-content .content-part li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
}
.single-post-content .content-part h2 {
    font-size: 32px;
    padding-top: 6px;
    margin-bottom: 16px;
}
.single-post-content .content-part p {
	margin-bottom: 20px;
}
.single-post-content .content-part p a {
	font-size: 16px;
}
.single-post-content h1 {
	font-size: 38px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px;
	padding-top: 20px;
	position: relative;
}
.single-post-content h1:before{
	width: 68px;
	height: 3px;
	background: #8F0B35;
	position: absolute;
	left: 0;
	top: 0;
	content: ""; 
}
.single-post-content .news-list-widget {
	width: 360px;
}
.single-post-content .content-part em {
	font-style: italic;
}
.single-post-content .content-part strong {
	font-weight: 700;
}
.single-post-content .content-part {
	width: 731px;
	box-sizing: border-box;
}
.single-post-content .border-primary {
	background: #FCFCFC;
	padding-bottom: 30px;
}
.single-post-content .text-secondary {
	line-height: 1.3;
	margin-bottom: 6px;
}
#hero:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../images/sign.svg) no-repeat center;
	z-index: 1;
	top: 0;
	left: 0;
}
#hero {
	position: relative;
}
#hero .inside {
	position: relative;
	z-index: 2;
}
.list-styled {
	padding-top: 20px;
}
.list-styled li {
	font-size: 18px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.bert-pell-text h4 {
	font-weight: 700;
	font-size: 20px;
}
.bert-pell-text p {
	font-weight: 300;
}
.swiper-backface-hidden .swiper-slide h1 {
	position: relative;
	z-index: 2
}
.swiper-backface-hidden .swiper-slide {
	position: relative;
}
.swiper-backface-hidden .swiper-slide:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../images/sign.svg) no-repeat center;
	z-index: 1;
	top: 0;
	left: 0;
}
#content {
	margin-top: 100px;
}
#second-section .title-left {
	padding-top: 120px;
}
#second-section > .items-start > .text-secondary {
	padding-top: 50px;
	padding-right: 20px;
}
#second-section article.border-primary {
	background: #FCFCFC;
	padding-bottom: 30px;
}

#second-section p {
	margin-bottom: 16px;	
	color: #000;
}
.first-screen-2 {
	padding-top: 60px;	
}
.first-screen-2 .border-primary {
	display: block!important;
	width: 100%!important;
	margin-bottom: 0px !important
}
article.bg-box p {
	color: #000
}
header li a {
	font-size: 16px;
}	
.block-extra.block-extra-2 {
	margin-top: 40px !important;
}
.block-extra-2 .cls {
	display: block;
	margin-bottom: 20px;

}
body {
	width: 1920px;
    max-width: 100%;
    margin: 0 auto;
}
.swiper .swiper-slide {
	min-height: 500px;
}
header li svg {
	margin-top: 4px;
}
.page-id-67 .block-extra.block-extra-2 {
	padding-top: 0;
	margin-top: -80px;
}
#colophon .items-start img {
	width: 300px;
	max-width: 100%;
}
.footer-flex {
	justify-content: space-between;
	width: 100%;
}
.footer-flex .coll-1 {

}


@media only screen and (max-width: 1600px) {
	.swiper .swiper-slide {
		min-height: 400px;
		background-size: cover;
	}
	#fouth-section .bg-primary.absolute {
		display: none;
	}
	.swiper .lg\:text-heading-1 {
	    font-size: 42px;
	    line-height: 1.2;
	}
	.swiper .lg\:-mt-12 {
	    margin-top: -2rem;
	}
	.swiper-backface-hidden .swiper-slide:after {
		background-size: 260px
	}
	#hero .min-h-\[600px\] {
	    min-height: 350px;
	    background-size: cover;
	}
	#hero .lg\:text-heading-1 {
		font-size: 42px;
	    line-height: 1.2; 
	}
	#hero:after {
		background-size: 260px
	}
	.container {
		width: 1200px;
	}
	p {
		font-size: 16px;
		line-height: 2;
	}
	h3 {
		line-height: 1.6;
		font-size: 18px;
	}
	#fouth-section img {
		width: 360px
	}
	h2 {
    	font-size: 22px;
   	}
   	header li a {
   		font-size: 15px;
   	}
   	header .custom-logo-link img {
   		width: 160px
   	}
    header .hl {
    	right: -280px;
    	top: 0
    }
    header .hl img {
    	width: 230px
    }
    #colophon .items-start img {
	    width: 180px;
	}
}
@media only screen and (max-width: 1280px) {
	p {
	    line-height: 1.6;
	}
	.text-link {
    	font-size: 16px;
	}
	.single-post-content h1 {
		font-size: 32px;
	}
	.page-id-60 .lg\:w-\[36em\] {
		padding-bottom: 30px;
		width: 96%
	}
	.footer-flex .coll-1 {
		width: 100%;
		margin-bottom: 30px;
	}
	#colophon .items-start img {
	    margin: 0 auto;
	}
}
@media only screen and (max-width: 1400px) {
	.container {
		width: 960px;
	}
	#second-section article .text-link {
	    font-size: 16px;
	}
	#second-section article p {
		line-height: 1.6;
		font-size: 14px
	}
	#colophon .container {
		flex-wrap: wrap;

	}
	#colophon .container > .pb-8 img {
		margin: 0 auto
	}
	#colophon .container > .pb-8 {
		width: 100%
	}
	#colophon .container .lg\:w-6\/12 {
	    width: 70%;
	}
	header .hl {
	    right: -270px;
	}
	header li a {
	    font-size: 14px;
	}
	#menu-main-menu .menu-item {
		padding-left: 10px;
		padding-right: 10px;
		line-height: 0.5rem;
	}
}
@media only screen and (max-width: 960px) {
	.swiper .swiper-slide {
		min-height: 300px;
		background-size: cover;
	}
	#hero .min-h-\[600px\] {
	    min-height: 260px;
	}
	.swiper .lg\:text-heading-1 {
	    font-size: 32px;
	}
	#hero .lg\:text-heading-1 {
		font-size: 32px;
	}
	.swiper-backface-hidden .swiper-slide:after,
	#hero:after {
		background-size: 220px
	}
	.hero-slider .lg\:-mt-12 {
		margin-top: 0;
	}
	.single-post-content h1 {
		font-size: 26px;
	}
	.contacts .coll-1 {
	    margin-bottom: 60px;
	}
	.footer-flex .coll {
		width: 33%;
		padding-right: 1%;
		box-sizing: border-box;
		margin-bottom: 30px;
	}
	.footer-flex  {
		justify-content: flex-start;
	}
}
@media only screen and (max-width: 768px) {
	
	

}
@media only screen and (max-width: 600px) {
	.footer-flex .coll {
		width: 49%
	}
	.footer-flex .coll li {
		margin-top: 0;
	}
	.footer-flex .coll h5 {
		padding-bottom: 10px;
	}
	.footer-flex .coll {
		margin-bottom: 16px;
	}
}
@media only screen and (max-width: 480px) {
	.container {
		max-width: 100%
	}
	.contacts .info.info-2 {
		margin-left: 0;
	}
	.single-post-content h1 {
		font-size: 24px;
	}
	.single-post-content {
		padding: 40px 0
	}

	.swiper .swiper-slide,
	#hero .min-h-\[600px\] {
	    min-height: 250px;
	}
	#second-section .title-left {
	    padding-top: 30px;
	}
	#second-section > .items-start > .text-secondary {
		padding-top: 10px;
	}
	#fouth-section {
		padding-top: 40px;
		padding-bottom: 60px
	}
	#colophon .container .lg\:w-6\/12 {
		width: 100%;
		gap: 10px 5px;
	}
	.newlist .item .name a {
		font-size: 18px
	}
	.newlist .item .desc p {
		font-size: 15px
	}
	.newlist .item {
		padding: 16px 10px; 
	}
	.newlist h2 {
		font-size: 24px
	}
	.newlist .item time {
		font-size: 14px;
	}
	.newlist .item .more a {
		font-size: 14px
	}
	.container {
		padding-left: 12px;
		padding-right: 12px;
	}
	.contacts .coll-1 {
		margin-bottom: 60px;
	}
	.contacts .form .field:first-child {
		margin-bottom: 10px;
	}
	.contacts .form .field {
	    width: 100%;
	}
	.contacts,
	.newlist {
	    padding: 70px 0;
	}
	.page-id-67 #second-section + .bg-primary + .my-8 .container {
		margin-top: 0;
		padding-top: 0;
	}
	.page-id-67 #second-section + .bg-primary {
		padding-top: 2rem;
    	padding-bottom: 2rem;
	}
	.page-id-60 .lg\:w-\[36em\] {
		width: 100%
	}
	.list-styled li {
	    font-size: 16px;
	}
	.text-paragraph {
    	font-size: 16px;
    }
    .swiper-backface-hidden .swiper-slide:after, #hero:after {
    	background-size: 160px
    }
    .page-id-67 #second-section {
    	padding-top: 30px;
    }
    header .bg-primary ul.text-white li:nth-child(2),
    header .bg-primary ul.text-white li:first-child {
    	width: 100%
    }
    header .bg-primary ul.text-white li svg{
    	margin-top: 4px;
    }
    header .bg-primary ul.text-white li:last-child {
    	position: absolute;
    	right: 12px;
    	top: 6px
    }
    header .bg-primary ul.text-white {
    	display: block;
    }
    .contacts h2 {
    	margin-bottom: 0;
    }
    .hover-primary.min-w-\[340px\] {
    	min-width: 260px;
    	width: 300px;
    	margin: 0 auto;
    } 
    #colophon .items-start img {
		width: 240px;
	}
}

@media only screen and (min-width: 1600px) {
	#hero .swiper-slide {
		background-size: cover;
	}
	#hero, #hero .swiper-slide {
		height: 500px !important;
		min-height: 1px;
	}
}
.footer .form .field input {
	color: #000;
}