body { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 13px; padding: 0; margin: 0; }
body a, body button { outline: none !important; }
.top .wrap { padding: 20px 30px; }
.top h1.logo { text-align: center; }
.top h1.logo img { width: 100%; max-width: 242px; min-width: 190px; }
.top ul#menu { list-style: none; padding: 0; margin: 0; }
.top ul#menu li { display: inline-block; margin: 0 14px 0 0; }
.top ul#menu li a { color: #8f8f8f; font-size: 13px; text-decoration: none; }
.top ul#menu li a:hover { color: #000000; }
.top ul#phone-basket { list-style: none; padding: 0; margin: 0; }
.top ul#phone-basket li { display: inline-block; color: #8f8f8f; font-size: 13px; text-decoration: none; margin: 0 0 0 15px; }
.top ul#phone-basket li a { color: #8f8f8f; font-size: 13px; text-decoration: none; }
.top ul#phone-basket li a:hover { color: #000000; }
.top ul#phone-basket li img { vertical-align: bottom !important; padding: 0 5px; }
.top > .wrap { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; align-content: center; }
.top #submenu { background: #333359; transition: all 0.3s !important; height: auto !important; }
.top #submenu * { color: #ffffff; }
.top #submenu .wrap { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: left; }
.top #submenu .wrap ul { list-style: none; padding: 0; margin: 0 75px 0 0 !important; }
.top #submenu .wrap ul li { margin: 10px 0; }
.top #submenu .wrap ul li a { text-decoration: none !important; }
.top #submenu .wrap ul li a:hover { color: #8f8f8f !important; }
.top #submenu .wrap ul li strong { text-transform: uppercase; font-weight: 300; font-size: 15px; }
.banner { position: relative; }
.banner img { width: 100%; }
.banner p { margin: 0; padding: 0; line-height: 0; }
.banner p:first-of-type { position: absolute; height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); color: #ffffff; font-size: 18px;line-height: 1.3;text-align: center; }

.fittings { background: url('../images/background.jpg'); padding: 150px 0; text-align: center; }
.fittings p { padding: 0; margin:  35px 0; color: #ffffff; font-size: 13px; }
.fittings p a { border: 1px solid #ffffff; padding: 10px 30px; font-size: 16px; color: #ffffff; text-decoration: none; }
.fittings p a:hover { color: #000000; border-color: #000000; }

.content { padding: 40px 25px; }
.content .wrap { max-width: 960px; margin: 0 auto; }
.content h1 { color: #8f8f8f; font-size: 28px; font-weight: 400; }
.content a { color: #ff8126; }
.content p { color: #8f8f8f; font-size: 15px; font-weight: 300; line-height: 30px; }


.follow { text-align: center; padding: 50px 25px; }
.follow h2 { font-weight: 400; color: #8f8f8f; margin: 0 0 30px 0; }
.follow p.image img { max-width: 250px; margin: 0 8px; }
.follow p.social { margin: 45px 0; }
.follow p.social a { color: #8f8f8f; font-size: 23px; margin: 0 20px; }


.footer { background: #575757; padding: 50px 25px; }
.footer .wrap { margin: 0 auto; max-width: 800px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
.footer .wrap ul { list-style: none; padding: 0; margin: 0; }
.footer .wrap ul li { margin: 15px 0; }
.footer .wrap ul li a { color: #ffffff; text-decoration: none; }
.footer .wrap ul li strong { color: #8f8f8f; font-weight: 400; }


.copyright { text-align: center; color: #8f8f8f; }
.copyright p.payment img { height: 28px; margin: 5px 20px; }
.copyright p.badges img { height: 60px; margin: 5px 20px; filter: grayscale(100%); }



button.toggle { display: none; background: #333359; color: #ffffff; border: 0; padding: 10px; border-radius: 0; cursor: pointer; }


/* MOBILE STYLES */
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
	
	button.toggle { display: block; }
	ul#menu { display: none; width: 100%; }
	.top > .wrap { flex-direction: column; }
	.top ul#menu li { display: block; margin: 10px 0; }
	.footer .wrap { flex-direction: column; }
	
	
}