<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 
	Table of Contents
	update on Fri Feb 05 2016 09:03:01 GMT+0200 (FLE Standard Time)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Background -------------------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	     04. Header -----------------------------------
	         Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00529e+0,4da9ff+100 
	         Old browsers -----------------------------
	         FF3.6-15 ---------------------------------
	         Chrome10-25,Safari5.1-6 ------------------
	         W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
	         IE6-9 ------------------------------------
	     05. Main -------------------------------------
	     06. Shell ------------------------------------
	     07. Sidebar ----------------------------------
	     08. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Article Slider ---------------------------
	     02. Article Primary --------------------------
	     03. Button -----------------------------------
	         Button Block -----------------------------
	         Btn Blue ---------------------------------
	     04. Form Elements ----------------------------
	     05. Form Contacts ----------------------------
	     06. Intro ------------------------------------
	     07. Links ------------------------------------
	         Link Request -----------------------------
	     08. List -------------------------------------
	     09. List Services ----------------------------
	     10. List Brands ------------------------------
	     11. List Products Links ----------------------
	     12. List Parts -------------------------------
	     13. Logo -------------------------------------
	     14. Nav --------------------------------------
	         Dropdown ---------------------------------
	     15. Nav Trigger ------------------------------
	     16. Section Sective --------------------------
	     17. Section Brands ---------------------------
	     18. Section Parts ----------------------------
	     19. Slider -----------------------------------
	     20. Slider Secondary -------------------------
	     21. Table ------------------------------------
	     22. Widget -----------------------------------
	     23. Widget Contacts --------------------------
	     24. Widget Primary ---------------------------
	     25. Widget Products --------------------------
 */

.ico-email { background-image: url(../css/images/sprite.png); background-position: 0 -113px; width: 17px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-blog { background-image: url(../images/icon-blog.png); background-size: contain; background-repeat: no-repeat; width: 17px; height: 12px;  display: inline-block; font-size: 0; margin-left: 10px;}
.logo { background-image: url(../css/images/logo-qair.png); width: 261px; height: 134px; background-size: cover; display: inline-block; vertical-align: middle; font-size: 0; }

.footer-inner:after,
.header:after,
.main:after,
.list-services:after,
.list-brands:after,
.list-parts:after,
.col2:after { content: ''; line-height: 0; display: table; clear: both; }

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: #fff; font-family: 'Lato', sans-serif; font-size: 16px; line-height: 1.5; color: #000; }

a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

h1 { font-size: 36px; font-weight: 900; color: #3d3d3d; }
h2 { font-size: 30px; color: #00529e; font-weight: 400; line-height: 1.25; letter-spacing: -0.005em; }
h3 { font-size: 30px; color: #00529e; font-style: italic; }
h4 { font-size: 16px; margin-bottom: 10px; }
h5 { font-size: 16px; color: #ffec1a; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.75em; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.5em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

@media (max-width: 767px) {
	body { font-size: 14px; }
	
	h1 { font-size: 30px; }
	h2 { font-size: 24px; }
	h3 { font-size: 24px; }
	h4 { font-size: 16px; }
	h5 { font-size: 14px; }
}

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }


/*  Hidden  */

[hidden],
.hidden { display: none; }


/*  Alignleft  */

.alignleft { float: left; }


/*  Alignright  */

.alignright { float: right; }


/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/*  Background  */

.container-fullsize { background-size: cover; background-repeat: no-repeat; background-position: center center; }

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container {}

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content { width: 67.45%; float: left; }

@media (max-width: 767px) {
	.content { width: 100%; float: none; }
}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background: #000; position: relative; color: #fff; }

.footer h5 { margin-bottom: 8px; }

.footer-callout { background: #bd3b3b; color: #fff; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 22px; font-weight: 700; padding: 10px 30px; letter-spacing: -0.01em; text-align:center; }
.footer-callout a { font-weight: 900; }

.footer-inner { padding: 23px 0 17px; font-size: 16px; }
.footer-inner:after { }
.footer-inner a { text-decoration: none; }
.footer-inner a:hover { text-decoration: underline; }

.footer-cols { display: table; width: 100%; line-height: 1.3; }
.footer-col { display: table-cell; vertical-align: bottom; }

.footer-cols-secondary { display: table; }
.footer-cols-secondary .footer-col { vertical-align: top; width: 45%; }

.footer-social { list-style: none;}
.footer-social li { display: inline-block; }
.footer-social li img { width: 32px; height: 32px; margin: 0 10px;}
.footer-social li:hover { opacity: 0.8;}

.footer-content { width: 61.22%; float: left; }
.footer-aside { width: 29.9%; float: right; }

.footer-bar { background: #004382; text-align: center; font-size: 12px; color: #a5a5a5; font-weight: 700; padding: 8px; }
.footer-bar a { text-decoration: none; }
.footer-bar a:hover { text-decoration: underline; }

.footer .copyright { font-size: 12px; color: #a5a5a5; background: #fff; text-align: center; padding: 5px 10px; }
.footer .copyright a { text-decoration: none; }
.footer .copyright a:hover { text-decoration: underline; }
.footer .copyright span { display: inline-block; margin: 0 7px; }

@media (max-width: 1023px) {
	.footer-callout { width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; left: 0; text-align: center; font-size: 18px; }

	.footer-cols .footer-col { display: block; }

	.footer-content,
	.footer-aside { width: 50%; }
}

@media (max-width: 767px) {
	.footer { margin-top: 40px; text-align: center; }

	.footer-content,
	.footer-aside { width: 100%; float: none; }
	
	.footer-content { margin-bottom: 20px; }

	.footer-col,
	.footer-cols,
	.footer-cols-secondary { display: block; margin-bottom: 10px; }
	
	.footer-cols-secondary .footer-col { margin-bottom: 0; width: 100%; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { padding: 0 0 20px; color: #fff; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00529e+0,4da9ff+100 */
	background: rgb(0,82,158); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #000 0%,#737373 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00529e', endColorstr='#4da9ff',GradientType=0 ); /* IE6-9 */
}
.header:after { }

.header-inner { float: right; text-align: right; }
.header .slogan { font-style: italic; color: #ffec1a; letter-spacing: -0.01em; position: relative; top: -3px; margin-right: 10px; }
.header .phone { font-weight: 700; font-size: 22px; margin-top: 16px; display: inline-block; letter-spacing: -0.015em; }
.header .phone span { color: #ffec1a; pointer-events: none; display: inline-block; margin-right: 5px; }

.header-contacts a { text-decoration: none; }
.header-contacts a:hover { color: #ffec1a; }
.header-contacts a i { margin-right: 5px; }

@media (max-width: 767px) {
	.header { text-align: center; }
	
	.header .slogan { display: block; }
	.header .phone { margin-top: 0; }
	.header-inner { float: none; width: 100%; text-align: center; clear: both; }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main:after { }

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 980px; margin: auto; }

@media (max-width: 1023px) {
	.shell { padding: 0 15px; }
}

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar { width: 32.55%; float: right; padding: 0 25px 100px; }

@media (max-width: 767px) {
	.sidebar { width: 100%; float: none; margin-bottom: 40px; padding: 0; }
}

.pump-image {
	width: 180px;
	height: 120px;
	background-color: #0056A0;
	margin: 0 auto;
	position: relative;
}
.pump-image img {
	padding: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { position: relative; left: 0; transition: left .3s; }

@media (max-width: 767px) {
	.wrapper.collapsed { left: -270px; }
}

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Article Slider
\* ------------------------------------------------------------ */

.article-slider { max-width: 609px; background: rgba(255, 255, 255, 0.85); padding: 10px 25px 27px; color: #00529e; border-top: 9px solid  #ffec1a; border-radius: 0 0 6px 6px; }

.article-slider h1 { line-height: 1; margin-bottom: 14px; }
.article-slider h3 { margin-bottom: 3px; line-height: 1; letter-spacing: -0.013em; }
.article-slider h2 { font-size: 22px; font-weight: 700; line-height: 1.25; }

.article-slider .article-foot { border-top: 1px solid  #aeaeae; margin-top: 11px; padding-top: 20px; }
.article-slider .article-foot h3 { font-size: 22px; color: #3d3d3d; font-weight: 700; font-style: normal; }
.article-slider .article-foot a { color: #00529e; font-weight: 900; }

@media (max-width: 767px) {
	.article-slider h1 { margin-bottom: 10px; }
	.article-slider p { font-size: 16px; }
}

/* ------------------------------------------------------------ *\
	Article Primary
\* ------------------------------------------------------------ */

.article-primary { padding-bottom: 12px; }

.article-primary h2 { margin-bottom: 30px; }
.article-primary p { margin-bottom: 26px; }
.article-primary a { font-weight: 700; color: #00529e; text-decoration: none; }
.article-primary a:hover { text-decoration: underline; }
.article-half { width: 45%; padding: 0 2.5%; margin-bottom: 24px; display: inline-block; }

.article ul, .article ol { margin-left: 30px; }
.article ul.list-brands { margin: 0; }

.article-body img {margin-bottom: 20px;}

.list-contacts li {
	width: 45%; padding: 6px 2.5%; float: left;
}

.list-contacts li:nth-child(2n+1){
	clear:left;
}

.col2 li {
	width: 46%; padding: 0 2%; float: left;
}

.col2 li:last-child {
	margin-bottom: 20px;
}

.list-pdf li {
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.article-half { width: 100%; padding-left: 30px; }
	.list-contacts li {
		width: 100%;
}
	.col2 li {
		width: 100%
	}
}


/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }


/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }

/*  Btn Blue  */

.btn-blue { background: #00529e; color: #fff; font-size: 17px; font-weight: 700; text-align: center; border-radius: 5px; text-decoration: none; padding: 13px 5px; border: 2px solid  #00529e; transition: all .3s; }
.btn-blue:hover { background: #fff; color: #00529e; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input::-moz-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field,
.textarea { border: 0; background: #fff; border-radius: 6px; padding: 7px 10px; color: #79736a; font-size: 13px; letter-spacing: -0.01em; width: 100%; }

.textarea { min-height: 103px; }
.select {}
.radio {}
.checkbox {}

/* ------------------------------------------------------------ *\
	Form Contacts
\* ------------------------------------------------------------ */

.form-contacts { background: #fff url(../css/images/form-background.png) no-repeat center center; background-size: cover; border-top: 6px solid  #00529e; }

.form-contacts .form-head { padding: 17px; text-align: center; }
.form-contacts .form-head h3 { font-size: 17px; color: #00529e; font-weight: 700; font-style: normal; margin-bottom: 5px; }
.form-contacts .form-head p { font-size: 13px; color: #000; letter-spacing: -0.01em; }

.form-contacts .form-body { padding: 0 28px; }
.form-contacts .form-row ~ .form-row { margin-top: 13px; }

.form-contacts .form-actions { text-align: right; padding: 27px 28px; }
.form-contacts .form-btn { padding: 5px 10px; font-size: 17px; }

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { margin-bottom: 25px; }

.intro .shell,
.intro { position: relative; }

.intro-image { height: 156px; }
.intro-image:after { content: ''; background: rgba(20, 20, 20, 0.76); position: absolute; top: 0; bottom: 0; left: 0; width: 100%; }
.intro-content { position: absolute; top: 40px; left: 0; width: 100%; }
.intro-content h1 { color: #fff; max-width: 65%; font-size: 36px; font-weight: 900; line-height: 1.2; }

@media (max-width: 1023px) {
	.intro-content h1 { max-width: 100%; }
}

@media (max-width: 767px) {
	.intro-content { top: 30px; }
	.intro-content h1 { font-size: 30px; }
	.intro-image { height: 200px; }
}

/* ------------------------------------------------------------ *\
	Links
\* ------------------------------------------------------------ */

/*  Link Request  */

.link-request { font-size: 22px; font-weight: 700; color: #00529e; display: inline-block; background: #ffec1a; border-radius: 0 0 6px 6px; padding: 4px 11px; text-decoration: none; transition: opacity .3s; letter-spacing: -0.01em; }
.link-request:hover { opacity: .7; }

@media (max-width: 767px) {
	.link-request { position: absolute; top: 0; right: 10px; font-size: 16px; }
}

@media (max-width: 479px) {
	.link-request { font-size: 12px; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	List Services
\* ------------------------------------------------------------ */

.list-services:after { }
.list-services div { height: 148px; background-color: #fff; text-align: center; }
.list-services div img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.list-services li { display: inline-block; width: 23%; float: left; text-align: center; border-top: 7px solid  #000; color: #fff; font-size: 16px; font-weight: 700; position: relative; transition: opacity .3s; }
.list-services li:hover { opacity: .7; }
.list-services li ~ li { margin-left: 2.31%; }
.list-services span { display: inline-block; padding: 10px 5px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; }
.list-services p { height: 46px; border-radius: 0 0 6px 6px; background: #000; margin-bottom: 0; }
.list-services a { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; display: block; }

@media (max-width: 1023px) {
	.list-services div { height: auto; }
	.list-services div img { top: 0; -webkit-transform: none; -ms-transform: none; transform: none; }
}

@media (max-width: 767px) {
	.list-services { max-width: 300px; margin: auto; }
	.list-services li { display: block; float: none; width: 100%; }
	.list-services li ~ li { margin-left: 0px; margin-top: 20px; }
	.list-services img { width: 100%; }
}

/* ------------------------------------------------------------ *\
	List Brands
\* ------------------------------------------------------------ */

.list-brands { margin-top: 30px; text-align:center;}
.list-brands li { display: inline-block; margin: 12px 20px;}
.list-brands li img { height: 60px; }

@media (max-width: 1023px) {
	.list-brands { text-align: center; }
}

@media (max-width: 767px) {
	.list-brands:after { }
	.list-brands {text-align: center;}
	.list-brands li { width: 50%; float: left; margin: 0; padding: 0 10px; height: 100px; }
}

/* ------------------------------------------------------------ *\
	List Products Links
\* ------------------------------------------------------------ */

.list-products-links a { color: #00529e; font-size: 16px; display: inline-block; padding: 8px; text-decoration: none; display: block; transition: background-color .3s; }
.list-products-links a:hover { background: #eeebeb; }
.list-products-links li { border-bottom: 1px solid  #d4d4d4; }

/* ------------------------------------------------------------ *\
	List Parts
\* ------------------------------------------------------------ */

.list-parts:after { }
.list-parts li { width: 20%; float: left; padding: 10px 10px; color: #000; font-size: 13px; line-height: 1.31; margin-bottom: 20px; }
.list-parts li strong { display: block; font-size: 16px; }
.list-parts li:nth-child(5n+1) { clear: both; }
.list-parts img { margin-left: -10px; margin-bottom: 17px; }

@media (max-width: 767px) {
	.list-parts { text-align: center; }
	.list-parts li { width: 50%; }
	.list-parts li:nth-child(5n+1) { clear: none; }
	.list-parts li:nth-child(2n+1) { clear: both; }
}

/* ------------------------------------------------------------ *\
	List Equipment Accessories
\* ------------------------------------------------------------ */

.list-lightbox ul {
	list-style: none;
}

.list-lightbox li {
	width: 50%;
	float: left;
	text-align: center;
	padding: 10px 0;
	text-size: 1.2em;
	font-weight: bold;
}

.list-lightbox li:nth-child(2n+1) { clear: both; }

@media (max-width: 479px) {
	.list-lightbox li { width: 100%; clear: both; }
}



/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { float: left; margin-top: 13px; }

@media (max-width: 767px) {
	.logo { margin-bottom: 10px; width: 200px; height: 103px; }
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { background: #000; position: relative; z-index: 15; }

.nav ul { width: 100%; text-align: justify; display: block; font-size: 0; text-justify: distribute; }
.nav ul:after { content: ''; display: inline-block; width: 100%; line-height: 0; font-size: 0; }
.nav li { display: inline-block; position: relative; text-align: left; }
.nav a { color: #fff; text-decoration: none; font-size: 16px; font-weight: 700; letter-spacing: -0.01em; padding: 9px 0; display: inline-block; }
.nav a:hover { color: #ffec1a; }

/*  Dropdown  */

.nav .dropdown { display: none; position: absolute; top: 100%; left: -10px; background: #000; width: 200px; padding: 5px 0 10px; }
.nav .dropdown li { display: block; }
.nav .dropdown a { padding: 5px 10px; display: block; }

@media(min-width: 768px){
	.nav li:hover .dropdown { display: block; }
}

@media (max-width: 1023px) {
	.nav a { font-size: 14px; }
}

@media (max-width: 767px) {
	.nav { position: fixed; top: 0px; bottom: 0; overflow: auto; right: -270px; width: 100%; transition: right .3s; width: 270px; padding-top: 30px; }
	.nav.active { right: 0; }
	.nav ul { text-align: left; }
	.nav ul:after { display: none; }
	.nav li { display: block; }
	.nav a { display: block; }

	.nav .dropdown { position: static; }
	.nav .dropdown.active { display: block; }
	
	.nav .has-dropdown &gt; a { position: relative; }

	.nav .has-dropdown &gt; a:before,
	.nav .has-dropdown &gt; a:after { content: ''; width: 10px; height: 2px; display: inline-block; vertical-align: middle; background: #fff; position: absolute; top: 15px; }

	.nav .has-dropdown &gt; a:before { right: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
	.nav .has-dropdown &gt; a:after { right: 7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
	.nav .has-dropdown &gt; a.clicked:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
	.nav .has-dropdown &gt; a.clicked:before { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);  }
}

/* ------------------------------------------------------------ *\
	Nav Trigger
\* ------------------------------------------------------------ */

.nav-trigger { position: relative; display: none; width: 40px; height: 26px; position: absolute; top: 60px; right: 15px; }
.nav-trigger span { position: absolute; display: block; height: 2px; width: 100%; background: #fff; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; }
.nav-trigger span:nth-child(1) { top: 0; }
.nav-trigger span:nth-child(2) { top: 12px; }
.nav-trigger span:nth-child(3) { top: 25px; }

.nav-trigger.active span { transition: background .2s, top .2s, left .2s, opacity .2s, -webkit-transform .2s .25s; transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; }
    
.nav-trigger.active span:nth-child(3),
.nav-trigger.active span:nth-child(1) { top: 12px;  background: #ffec1a; }

.nav-trigger.active span:nth-child(2) { opacity: 0; }
.nav-trigger.active span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.nav-trigger.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

@media (max-width: 767px) {
	.nav-trigger { display: inline-block; }
}

@media (max-width: 479px) {
	.nav-trigger { top: 43px; }
}

/* ------------------------------------------------------------ *\
	Section Sective
\* ------------------------------------------------------------ */

.section-service { background: #eee; padding: 46px 0; }

/* ------------------------------------------------------------ *\
	Section Brands
\* ------------------------------------------------------------ */

.section-brands { padding: 80px 0 106px; }
.section-brands h2 { text-align: center; padding: 0 100px; }

@media (max-width: 767px) {
	.section-brands { padding: 40px 0; }
	.section-brands h2 { padding: 0; }
}

/* ------------------------------------------------------------ *\
	Section Parts
\* ------------------------------------------------------------ */

.section-parts { padding: 80px 0 106px; }
.section-parts h2 { margin-bottom: 30px; }

@media (max-width: 767px) {
	.section-parts { padding: 40px 0 60px; }
	.section-parts h2 { text-align: center; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider { position: relative; height: 406px; margin-bottom: 40px; }

.slider img.hidden { display: none; }

.slider .slides { list-style: none outside none; position: absolute; top: 0; left: 0; width: 100%; }
.slider .slide-image { height: 406px; }
.slider .slides:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: rgba(20, 20, 20, 0.59); }

.slider .slider-content { padding-top: 60px; padding-bottom: 119px; position: relative; z-index: 10; }

.slider .owl-item { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); }

@media (max-width: 767px) {
	.slider .slider-content { padding-top: 30px; padding-bottom: 40px; }
}

/* ------------------------------------------------------------ *\
	Slider Secondary
\* ------------------------------------------------------------ */

.slider-secondary { position: relative; margin-bottom: 30px; margin-top: 30px; padding-right: 50px; }

.slider-secondary img.hidden { display: none; }

.slider-secondary .slides { list-style: none; }

.slider-secondary .owl-dots { position: absolute; bottom: 13px; left: 15px; }
.slider-secondary .owl-dot { display: inline-block; width: 13px; height: 13px; border-radius: 50%; background: #989898; }
.slider-secondary .owl-dot ~ .owl-dot { margin-left: 5px; }
.slider-secondary .owl-dot.active { background: #fff; }

.slider-secondary .owl-item { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); }

@media (max-width: 767px) {
	.slider-secondary { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table {}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }

.widget { text-align: center; color: #00529e; }

/* ------------------------------------------------------------ *\
	Widget Contacts
\* ------------------------------------------------------------ */

.widget-contacts { color: #bd3b3b; font-size: 16px; margin-bottom: 60px; line-height: 1.3; margin-top: 13px; font-weight: 700; }
.widget-contacts strong { font-weight: 900; font-size: 20px; display: inline-block; line-height: 1; }
.widget-contacts span { font-size: 22px; letter-spacing: -0.025em; font-weight: 700; }

.widget-contacts .widget-actions { color: #00529e; margin-top: 10px; }
.widget-contacts .widget-actions p { line-height: 1.5; }
.widget-contacts .widget-actions .btn { margin-bottom: 15px; }

/* ------------------------------------------------------------ *\
	Widget Primary
\* ------------------------------------------------------------ */

.widget-primary a { color: #79a8d4; text-decoration: none; }
.widget-primary a:hover { text-decoration: underline; }
.widget-primary img { margin-bottom: 6px; }

/* ------------------------------------------------------------ *\
	Widget Products
\* ------------------------------------------------------------ */

.widget-products { text-align: left; margin-bottom: 40px; }
.widget-products h3 { font-weight: 900; text-transform: uppercase; font-size: 17px; font-style: normal;  border-bottom: 6px solid  #00529e; margin-bottom: 0; padding-bottom: 7px; }

.image-left { width: 45%; float: left; border-top: none; margin: 0 20px 20px 0; }
.image-right { width: 45%; float: right; border-top: none; margin: 0 0 20px 20px; }
@media (max-width: 479px) {
	.image-left, .image-right { display: block; width: auto; margin: 10px auto;}	
}

.boxes-home { margin-bottom: 30px;}


/*Flex items*/
.studies-list {
  display: flex;
  flex-wrap: wrap;
}
.studies-list img { width: 100%; }
.list-item {
	display: flex; 
  padding: 0.75em;
	width: 100%;
}
@media all and (min-width: 40em) {
  .list-item {
    width: 50%;
  }
}

.list-content {
	background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 0;
	width: 100%;
}
.list-content img { width:100%; border-top: 5px solid #000; margin: 0; }
.list-content h4 { text-align: center; font-size: 22px; font-weight:900; color: #fff; padding: 10px;     background: #000; border-radius: 0 0 6px 6px;}
.list-content ul {margin: 0 20px 20px; 	flex: 1 0 auto; padding: 0 20px;
}
.list-content p {
	flex: 1 0 auto;
	padding: 0 20px;
}
.list-content .widget-actions { text-align: center; margin-bottom: 20px;}


</pre></body></html>