@font-face {
 font-family: 'Oswald';
 font-style: normal;
 font-weight: 300;
 src: local('Oswald Light'), local('Oswald-Light'),
       url('../../webfonts/oswald-v14-cyrillic_latin-300.woff2') format('woff2'),
       url('../../webfonts/oswald-v14-cyrillic_latin-300.woff') format('woff');
}

body {
 font-family: sans-serif;
 font-weight: 300;
 color: #444;
 font-size: 14pt;
 width: 100%;
 margin: 0;
 overflow-x: hidden;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 user-select: none;
}

hr {color: #FF6711;}
a  {color: #296DE4;}
a:hover {color: #6D92F5;}

h1, h2, h3, h4 {
 font-family: 'Oswald', sans-serif;
 color: #444;
 font-weight: 300;
 margin-bottom: 26px;
}

h1 {font-size: 30pt;color: #333;}
h2 {font-size: 26pt;}
h3 {font-size: 22pt;}
h4 {font-size: 18pt;}

.oswald {
 font-family: 'Oswald', sans-serif;
 font-weight: 300;
}
.small  {font-weight: 300;}
strong  {font-weight: 400;}
header  {margin-top: 20px;}
section {margin-top: 20px;}

/* Custom */

.upair {
	padding-top: 24px;
}
.dwair {
	padding-bottom: 8px;
}
.ft-logo {
	padding-right: 25px;
}
.hd-banner {}
.phones {
	color: #fff;
	font-weight: 400;
	font-size: 16pt;
}
a:hover.phones {
	color: #fff;
}
.eml {
	color: #fff;
	font-size: 15pt;
}
a:hover.eml {
	color: #fff;
}

/* секции */

section {
	margin: 0;
}
.lp {
	background-color: #FF6711;
	margin-top: -20px;
}
.equipment {
	border-top: 1px solid #FF6711;
	padding: 30px 0 30px;
	color: #333;
}
.service {
	background-color: #fff;
	padding: 30px 0 30px;
}
.etalon {
	border-top: 1px solid #FF6711;
	background-color: #fff;
	padding: 30px 0 30px;
}
.about {
	border-top: 1px solid #FF6711;
	background-color: #fff;
	padding: 30px 0 30px;
}
.utp {
	border-top: 1px solid #FF6711;
	background-color: #f7f7f7;
	padding: 30px 0 30px;
	color: #333;
}
.cta {
	border-top: 1px solid #FF6711;
	color: #333;
	padding: 30px 0 30px;
}
footer {
	border-top: 4px solid #FF6711;
	min-height: 120px;
	padding: 30px 0 50px;
	font-size: 13pt;
	background-color: #2F2E2D;
	color: #fff;
}

/* медиаклассы */

/* md - планшет горизонтально */
@media (max-width: 1024px) and (min-width: 768px) {
  body {font-size: 13pt;}
  h1 {font-size: 28pt;}
  h2 {font-size: 24pt;}
  h3 {font-size: 20pt;}
  h4 {font-size: 16pt;}
  .phones {font-size: 15pt;}
} 
/* md - планшет вертикально */
@media (max-width: 768px) and (min-width: 480px) {
  body {font-size: 12pt;}
  h1 {font-size: 24pt;}
  h2 {font-size: 22pt;}
  h3 {font-size: 18pt;}
  h4 {font-size: 16pt;}
  .phones {font-size: 14pt;}
}
/* sm - мобилы */
@media (max-width: 480px) {
  body {font-size: 12pt;}
  h1 {font-size: 22pt;}
  h2 {font-size: 20pt;}
  h3 {font-size: 18pt;}
  h4 {font-size: 14pt;}
  .ft-logo {width: 50%; padding: 0 0 16px;}
  .hd-banner {padding-top: 20px;}
  .phones {font-size: 14pt;}
}