html {
scroll-behavior: smooth;
}

p {
    margin: 0;
    font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
}

body, html {
	margin:0;
	background-color:#2d3c53;
	color:#fff;
	overflow-x:hidden;
	font-family: 'Lato', sans-serif;
}


img {
	max-width:100%;
}

.header img {
	width:80px;
	height:136px;
}

.top-banner {
	position:relative;
}


.top-banner .header{
	position:absolute;
	top:0;
	left:50%;
	width:100%;
	z-index:4;
	color:#fff;
	display: flex;
    justify-content: space-between;
    box-sizing: border-box;
	padding:0;
	padding-top:50px;
    transform: translateX(-50%);
    margin: 0;
}

.top-banner .header .menu ul {
	padding:0;
}


.top-banner .header .menu ul li{
	display:inline-block;
	margin:0 20px;
	
}



.top-banner .header .menu ul li a{
	color:#fff;
	text-decoration:none;
}

.top-banner .header .menu ul li a.button{
	background:#fff;
	padding:10px 40px;
	color:#000;
}



.top-banner .top-intro {
	position:absolute;
	left:15%;
	bottom:100px;
	width:100%;
	color:#fff;
	text-align:center;
	max-width:70%;
	margin:0 auto;
}

.top-banner .top-intro h2 {
	font-size:40px;
	margin-bottom:30px;
}

.top-banner .top-intro p {
	font-size:22px;
	line-height:1.3em;
}




.main-wrapper {
	padding:0 20px;
	margin:100px auto;
}

.desc-banner {
	display:flex;
	align-items: flex-start;
	flex-direction: row;
}

.desc-banner img {
    max-width: 400px;
    width: 100%;
}


.desc-banner h4,
.desc-banner p {
	flex-grow:1;
}


.desc-banner h4 {
	font-size:22px;
	margin-bottom:15px;
}


.desc-banner .desc-text {
	padding-left:40px;
}


.desc-banner.reverse {
	flex-direction: row-reverse;
}

.desc-banner.reverse  .desc-text {
	padding-left:0;
	padding-right:40px;
}

a.anchor {
	padding-top:30px;
	display:block;
	width:100%;
}

/* collage*/

.collage-block h2 {
	text-align:center;
	font-size:40px;
	margin-bottom:50px;
}

.collage-item {
	background:#344661;
	padding:100px;
	box-sizing:border-box;
	margin-bottom:100px;
}

.collage-item h4 {
    font-size: 24px;
    margin-bottom: 20px;	
	text-align:center;
}


.collage-squareblock {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.collage-squareblock .collage-item {
    flex-basis: calc(50% - 50px);
	text-align:center;
}

.collage-squareblock .collage-item img {
	display:block;
	margin:0 auto;
	margin-bottom: 40px;
}



#footer {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	display: flex;
	justify-content:space-between;
	padding:50px 0;
}


#footer .footer-column {
	flex-basis:50%;
}


#footer .footer-column h4 {
	font-size:32px;
	text-align:center;
    margin-bottom: 25px;
}

#footer .footer-column .footer-block {
	margin-bottom:50px;
}


#footer .footer-column .where p {
	max-width: 350px;
    margin: 0 auto;
}


#footer .footer-column .contacts .single-contact {
	max-width: 350px;
    margin: 0 auto;	
	margin-bottom:50px;
    padding: 0 50px;
    box-sizing: border-box;
	text-align:center;
}

#footer .footer-column .contacts .single-contact h3 {
	font-weight:normal;
	margin-bottom:15px;
	line-height: 1.3em;
    font-size: 20px;
}

#footer .footer-column .time {
	display: flex;
	justify-content:center;	
}

#footer .footer-column .footer-time-day {
	text-align:center;
}

#footer .footer-column .footer-time-day.first {
	margin-right:50px;
}

#footer .footer-column .time .day-time p{
	margin:20px 0;
}

#footer .footer-column .time h5 {
	font-size:21px;
	margin-bottom:30px;
}

.footer-logo {
    text-align: center;
    padding-top: 30px;
}

.footer-logo img {
	max-width:80px;
}


.mobile-only {
	display:none;
}


@media screen and (min-width:1601px) and (max-width:1920px) {
	.main-wrapper {
		max-width:1600px;
	}
}





@media screen and (max-width:1600px) {
	.main-wrapper {
		max-width:1100px;
	}
}



@media screen and (max-width:1280px) {
	.main-wrapper {
		max-width:900px;
	}
	
.header img,
.footer-logo img {
    width: 60px;
    height: 101px;
}

	.top-banner .top-intro {
		bottom:30px;
	}
	
	.collage-squareblock .collage-item {
		padding:50px;
	}
	
	.collage-squareblock .collage-item img {
		max-width:80px;
	}
}


@media screen and (min-width:768px)and (max-width:900px) {
	
	
.top-banner .header {
	padding-left:20px;
	padding-right:20px;
}	

.desc-banner img {
    max-width: 250px;
    width: 100%;
}

.top-banner .top-intro h2 {
    font-size: 30px;
    margin-bottom: 15px;
}

.top-banner .top-intro p {
    font-size: 16px;
    line-height: 1.3em;
}

p {
	font-size:14px;
}
.collage-item h4 {
    font-size: 20px;
    margin-bottom: 15px;
}
}

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

.top-banner .mobile-only {
	width:100%;
}

.main-wrapper {
    margin: 80px auto;
}

.desktop-only {
	display:none;
}

.mobile-only {
	display:block;
}

.top-banner .header {
	padding:0 20px;
	padding-top:30px;
}


.header img,
.footer-logo img{
    width: 50px;
    height: 85px;
}

.top-banner .header .menu ul li {
    display: inline-block;
    margin: 0 10px;
}

.top-banner .header .menu ul li a.button {
    padding: 10px 20px;
}

.top-banner .top-intro h2 {
    font-size: 23px;
    margin-bottom: 20px;
    line-height: 1em;
}
.top-banner .top-intro p {
    font-size: 16px;
    line-height: 1.3em;
}


.desc-banner {
	display:block;
}

.desc-banner .desc-text {
    padding-left: 0px;
    margin-top: 30px;
}

.desc-banner.reverse .desc-text {
	padding-right:0;
}


.desc-banner img {
	width:100%;
   height:auto;
  max-width: inherit;
}


.collage-item {
	padding:25px;
}

.collage-item.full-width {
    margin-left: -20px;
    margin-right: -20px;
}


.collage-block h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px;
}


.collage-squareblock {
	display:block;
}

.collage-item {
	margin-bottom:20px;
}


#footer {
	display:block;
}

#footer .footer-column .contacts .single-contact {
	text-align:center;
}

}