@charset "UTF-8";

h1 { font-size: 32px; line-height: 32px; }
h2 { font-size: 28px; line-height: 28px; }
h3 { font-size: 26px; line-height: 26px; }

/* Banner */
.wrap-home-banner .banner .container { height: 433px; }
.wrap-home-banner .banner .container { padding-top: 155px; padding-left: 50px; }
.wrap-home-banner .banner .container h1 { line-height: 32px; font-size: 32px; }
.wrap-home-banner .banner p { margin-bottom: 1.5em; font-size: 16px; }
.wrap-home-banner .banner .btn { padding: 6px 25px; font-size: 16px; }
.wrap-home-banner .slick-dots { max-width: inherit; bottom: 25px; padding: 0 0 0 50px; }
.wrap-home-banner .slick-dots li:first-child { margin-left: 0; }
.wrap-home-banner .slick-dots li,
.wrap-home-banner .slick-dots li button { width: 15px; height: 15px; }

.page-banner .banner .container { height: 290px; padding-top: 120px; }
.page-banner .banner .container h1 { line-height: 32px; font-size: 32px; }
.page-banner .banner p { font-size: 16px; }

/* Slick */
.slick-prev,
.slick-next { background-color: #fff !important; box-shadow: 0 0 10px #e0eaf4; }
.slick-prev { left: -5px !important; }
.slick-next { right: -5px !important; }

/* Header */
.header-menu { width: calc(100vw + 1px); padding: 1em 0; }
.header-menu .logo { width: 196px; height: 62px; }
.header-menu .menu {
	position: fixed;
	right: 0;
	top: 86px;
	transform: none;
	height: 100vh;
	min-height: 100vh;
	padding: 1em 2.5em 1em 2.5em;
	background: #fff;
	box-shadow: 0 0 5px #ccc;
}
.header-menu .menu li { display: block; margin-right: 0; margin-bottom: 2em; text-align: center; }
.header-menu .menu li a { display: inline-block; padding-bottom: 0; color: #000 !important; border-bottom: 2px solid transparent; }
.header-menu .wrap-nav-icon { z-index: 2; }
.header-menu .wrap-nav-icon .nav-icon span { background: #fff; }
.header-menu.small-header .wrap-nav-icon .nav-icon span,
.contact .header-menu .wrap-nav-icon .nav-icon span,
.contact-us .header-menu .wrap-nav-icon .nav-icon span { background: #000; }
.header-menu .wrap-nav-icon.open .nav-icon span { background: #000; }
.header-menu .menu.show { top: 0; padding-top: 6em; }

.header-menu .menu li.selected a { background: transparent; border-color: #119b53; }
.header-menu .menu li.tel a { background: transparent; }
.header-menu .menu li.tel a:before { background-image: url('../../img/icons/icon-tel.svg'); }
.header-menu .menu li.lang ul li { margin: 0 .5em 0 0; display: inline-block; }
.header-menu .menu li.lang ul li.active a { color: #fff !important; }

/* Home */
.home-intro img { width: 200px; }
.home-intro .container { padding: 1em 8em; }
.home-contact-txt { padding: 0 3em; }
.home-services { padding-top: 2em; padding-bottom: 2em; }
.home-service-list { padding: 0 40px; }
.fr .home-service-list { margin-bottom: 2em; }
.home-service-list .service-list .service-details .title { font-size: 22px; }
.home-about .home-about-left .container { padding-top: 3em; padding-right: 2em; }
.home-about .home-about-right { padding-top: 3.25em; }

/* Service */
.wrap-services .service-box .container { padding: 0; }
.wrap-services .service-box .service-content h2:before,
.wrap-services .service-box .service-content h2:after {
	left: -111px;
	width: 70px;
	height: 70px;
}
.wrap-services .service-box:nth-child(even) .service-content h2:before,
.wrap-services .service-box:nth-child(even) .service-content h2:after { left: -100px; }
.wrap-services .service-box .service-content:first-child { padding: 3em 2em 1em 8em; }
.wrap-services .service-box:nth-child(even) .service-content:first-child { padding: 3em 2em 3em 7em; }
.wrap-services .service-box .service-content .wrap-title:after { padding-top: 6px; }
.wrap-services .service-box .empty-anchor { margin-top: -100px; }

/* Contact form */
.contact-form:after { bottom: -59px; height: 60px; background-image: url('../../img/bottom-bg-tablet.png'); }
.contact-form .container { padding-top: 3em; }
.contact-form .contact-form-btn { margin-bottom: 3em; }
.contact-form .form-btn { padding-bottom: 10px; }

/* Contact */
.contact .contact-form,
.contact-us .contact-form { padding-top: 95px; }

/* Footer */
.footer { padding-top: 60px; }
.footer-contact { width: 32%; }
.footer-contact .footer-logo { width: 100%; margin: 0 0 1.5em; }
.footer-social { width: 33%; }
.footer-license { width: 24%; text-align: left; }
.footer-license a.logo-apchq { padding: 0; }
.footer-license a.logo-rbq p { text-align: left; }

/* Small tablet */
@media only screen and (min-width : 768px) and (max-width : 1023px) {
	h1 { font-size: 30px; line-height: 30px; }
	h2 { font-size: 26px; line-height: 26px; }
	h3 { font-size: 24px; line-height: 24px; }

	/* Banner */
	.wrap-home-banner .banner .container { height: 325px; }
	.wrap-home-banner .banner .container { padding-top: 125px; }
	.wrap-home-banner .banner .container h1 { line-height: 25px; font-size: 25px; }
	.wrap-home-banner .slick-dots { max-width: 768px; }

	/* Home */
	.home-intro .container { padding: 1em; }
	.home-contact { padding: 1em; }
	.home-about .home-about-left,
	.home-about .home-about-right { width: 100%; }
	.home-about .home-about-left .container { max-width: inherit; padding-right: 1em; }
	.home-about .home-about-right { padding-top: 0; }

	/* Service */
	.wrap-services .service-box .container { padding: 2em 1em; }
	.wrap-services .service-box .service-content:first-child { padding: 0 1em 0 0; }
	.wrap-services .service-box:nth-child(even) .service-content:first-child { padding: 0 0 0 1em; }
	.wrap-services .service-box .service-content .wrap-title { margin-bottom: 1em; }
	.wrap-services .service-box .service-content .wrap-title:after { width: 60%; margin-left: 0; }
	.wrap-services .service-box .service-content h2:before,
	.wrap-services .service-box .service-content h2:after { display: none; }
	.wrap-services .service-box .empty-anchor { margin-top: -140px; }

	/* Contact form */
	.contact-form .wrap-contact-form { padding: 0 2em; }

	/* Footer */
	.footer-contact,
	.footer-social { width: 45%; margin-right: 10%; }
	.footer-social { margin-right: 0; margin-bottom: 3.5em; }
	.footer-license { width: 45%; text-align: left; }
	.footer-license img { margin-bottom: .5em; }
	.footer-license p { text-align: left; }
	.footer-license a.logo-apchq { padding: 0; text-align: left; }
}