@charset "UTF-8";

body {
	line-height: 25px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #434343;
	font-size: 16px; 
}

b, strong { font-weight: 700; }
a { text-decoration: none; color: #434343; }
p { margin-bottom: 1.25em; }
p:last-child { margin-bottom: 0; }

h1, h2, h3 { margin-bottom: 1em; text-align: center; line-height: 1.25; }
h1 { font-size: 50px; font-family: 'Playfair Display', serif; font-weight: 700; }
h2 { font-size: 33px; }
h2 span { display: block; }
h3 { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 40px; color: #fff; text-align: left; }

sup { vertical-align: super; font-size: 20px; }

.btn { display: inline-block; padding: 10px 16px; color: #fff; background: #1b87c9; text-transform: uppercase; font-weight: 700; }
.btn:hover { background: #434343; }

.tel:before,
.email:before { content: ''; display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 8px; background-size: 100%; background-repeat: no-repeat; background-position: center center; }
.tel:before { background-image: url('../../img/icon-tel.svg'); }
.email:before { background-image: url('../../img/icon-email.svg'); }

.container { overflow: hidden; width: 100%; max-width: 1240px; margin: 0 auto; padding: 50px 20px; }

/* HEADER */
.banner { position: relative; }
.banner img { max-width: 100%; height: auto; }
.header-banner { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.header-banner .header-top-info { position: relative; margin-bottom: 4em; }
.header-banner .logo img { max-width: 415px; }
.header-banner .header-contact {position: absolute; top: 50%; right:0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.header-banner .header-contact a { display: inline-block; margin-left: 2.5em; font-weight: 700; font-size: 25px; color: #434343; }
.header-banner .header-contact a:hover { opacity: .8; }
.header-banner .header-title { text-align: center; }
.header-banner h1 { color: #434343; text-shadow: 0 0 20px #fff; }

/* HOME */
.home-app { margin-top: 4em; }
.home-app div { float: left; width: calc(98% / 2); margin: 0 2% 2% 0; outline: none; }
.home-app div:nth-of-type(2n) { margin-right: 0; }

/* FOOTER */
.footer { overflow: hidden; background: #1d252c; }
.footer .left-col,
.footer .right-col {float: left; }
.footer .left-col { width: 55%; }
.footer .right-col { width: 45%; }
.footer .right-col .logo { float: right; display: block; max-width: 345px; width: 100%; margin-bottom: 1.5em; }
.footer .right-col .footer-contact { clear: both; padding-left: 316px; }
.footer .right-col .footer-contact a { display: block; margin-bottom: .5em; font-weight: 500; color: #fff; text-align: left; }
.footer .right-col .footer-contact a.tel:before,
.footer .right-col .footer-contact a.email:before { width: 22px; height: 22px; }
.footer .right-col .footer-contact a:hover { opacity: .8; }
.container.copyright { padding: 12px 20px; }
.copyright a,
.copyright p { float: left; font-size: 15px; }
.copyright a { margin-left: 1.5em; }
.copyright p { margin-bottom: 0; }