/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
	display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
	outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
	font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
	font-size: 2em;
	margin: .67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
	background: #ff0;
	color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
	border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
	margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
	box-sizing: content-box;
	height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
	overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
	overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
	line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
	overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
	font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

#nav ul,
.logo-list,
.block-blogs .btn-holder,
.block-benefits .list,
.carousel .icon-list,
.carousel .pagination,
.tabset,
.tab-content .list,
.challenge-list,
.detail-list,
.social-network,
.social-network2,
.footer-block .list,
.footer-links,
.social-networks,
.link-list,
.app-info-wrap .text-holder ul,
.section-promotion .three-col {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clearfix:after,
.holder:after,
.visual .block-visualinfo:after,
.block-description .columns:after,
.logo-list:after,
.block-blogs .btn-holder:after,
.intro-block:after,
.block-testimonial .columns:after,
.block-location .row:after,
.row-features:after,
.block-characteristics .holder:after,
.carousel .icon-list:after,
.carousel .pagination:after,
#twocolumns:after,
.tabset:after,
.tab-content .row:after,
.block-products .info-hold:after,
.town-web .visual .info-wrap:after,
.social-network:after,
.social-network2:after,
.footer-block .list:after,
.social-networks:after,
.signup-form .row:after,
.monitor-wrap .column-holder:after,
.control-wrap .column-holder:after,
.section-promotion .holder:after,
.detail-block.monitoring .text-hold:after,
.detail-block.monitoring .three-col:after {
	content: "";
	display: block;
	clear: both;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

* {
	max-height: 1000000px;
}

body {
	color: #686868;
	background: #fff;
	font: 13px/18px Lato, Arial, "Helvetica Neue", "Helvetica", sans-serif;
	min-width: 1230px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	border-style: none;
	vertical-align: top;
}

.gm-style img {
	max-width: none;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h {
	font-family: inherit;
	font-weight: bold;
	margin: 0 0 .5em;
	color: inherit;
}

h1,
.h1 {
	font-size: 30px;
}

h2,
.h2 {
	font-size: 27px;
}

h3,
.h3 {
	font-size: 24px;
}

h4,
.h4 {
	font-size: 21px;
}

h5,
.h5 {
	font-size: 17px;
}

h6,
.h6 {
	font-size: 15px;
}

p {
	margin: 0 0 1em;
}

a {
	color: #ef5f4f;
}

a:hover,
a:focus {
	text-decoration: none;
}

form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border: 1px solid #686868;
	padding: .4em .7em;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
	border-color: #000;
}

input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #686868;
}

input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: #686868;
}

input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
textarea:-moz-placeholder {
	color: #686868;
}

input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #686868;
}

input[type="text"].placeholder,
input[type="tel"].placeholder,
input[type="email"].placeholder,
input[type="search"].placeholder,
input[type="password"].placeholder,
textarea.placeholder {
	color: #686868;
}

select {
	-webkit-border-radius: 0;
}

textarea {
	resize: vertical;
	vertical-align: top;
}

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	cursor: pointer;
}

#header {
	padding: 17px 0 24px;
	border-bottom: 1px solid #e8e8e8;
}

.logo {
	float: left;
	margin: 0 30px 0 0;
}

.header-block {
	float: right;
	padding: 16px 0 0;
	width: 876px;
}

.header-block .right-align {
	float: right;
	width: 310px;
	text-align: right;
}

.header-block .phone {
	font: 22px/24px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	color: #484849;
	text-decoration: none;
}

.header-block .contact {
	text-align: right;
	display: inline-block;
	vertical-align: top;
	width: 168px;
	margin: -2px 0 0;
}

.header-block .login-btn {
	font-size: 18px;
	width: 110px;
	position: relative;
	margin: 0 0 0 22px;
	padding: 8px 20px 10px 40px;
}

.header-block .login-btn:before {
	content: "";
	background: url(/static/images/ico-lock.png) no-repeat;
	width: 13px;
	height: 15px;
	position: absolute;
	left: 16px;
	top: 12px;
}

.contact {
	text-transform: uppercase;
}

.contact .title {
	font: 12px/14px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	color: #378dec;
	display: block;
	margin: 0 0 2px;
}

#nav {
	font: 16px/19px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	font-size: 16px;
	line-height: 19px;
	padding: 16px 0 0;
	display: inline-block;
	vertical-align: top;
	width: 524px;
	position: relative;
}

#nav ul {
	text-transform: uppercase;
}

#nav li {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
}

#nav li a {
	cursor: pointer;
}

#nav li.active a {
	color: #378dec;
	cursor: default;
}

#nav a {
	text-decoration: none;
	color: #686868;
	-webkit-transition: color .25s ease-in-out;
	transition: color .25s ease-in-out;
}

#nav a:hover {
	color: #378dec;
}

/*
** Products / Solutions
*/

ul#product-overlay {
  position: absolute;
  left: 138px;
  top: 10px;
  width: 118px;
  border: 1px solid #ddd;
  z-index: 999;
  background-color: #fff;
  color: #378dec;
  padding: 5px;
  box-shadow: 8px 8px 14px rgba(0,0,0,0.2);
  display: none;
}

ul#product-submenu {
  position: absolute;
  left: -1px;
  top: 30px;
  width: 382px;
  border: 1px solid #ddd;
  z-index: 999;
  background-color: #fff;
  color: #686868;
  box-shadow: 8px 8px 14px rgba(0,0,0,0.2);
  cursor: pointer;
}

ul#product-submenu li {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #eee;
}

ul#product-submenu li a {
	transition: none;
	display: block;
	width: 100%;
	padding: 8px 15px 10px;
}

ul#product-submenu li a:hover {
	color: #fff;
	transition: none;
}

ul#product-submenu li:hover {
  background-color: #f5f5f5;
  color: #fff;
}

ul#product-submenu li:last-child {
  border: 0;
}

ul#product-submenu li.icon-monitoring,
ul#product-submenu li.icon-suiteheat, 
ul#product-submenu li.icon-utility-monitoring, 
ul#product-submenu li.icon-boilerlink {
  background-position: 8px 6px;
  background-repeat: no-repeat;
  background-size: 45px auto;
  padding-left: 45px;
}


ul#product-submenu li.icon-monitoring {
  background-image: url(/static/images/ico-product-monitoring.png);
}

ul#product-submenu li.icon-suiteheat {
  background-image: url(/static/images/ico-product-suiteheat.png);
}

ul#product-submenu li.icon-utility-monitoring {
  background-image: url(/static/images/ico-utility-monitoring.png);
}

ul#product-submenu li.icon-boilerlink {
  background-image: url(/static/images/ico-product-boilerlink.png);
}

ul#product-submenu li a div.title {
  color: #666;
  font-size: 1.5em;
  font-weight: 300;
  text-transform: none;
  line-height: 1.5em;
}

ul#product-submenu li a p.desc {
  color: #999;
  font-size: 0.80em;
  font-weight: 300;
  text-transform: none;
  padding: 0;
  margin: 0;
}

ul#product-submenu li:hover a div.title {
  /*color: #fff;*/
}

ul#product-submenu li:hover a p.desc {
	/*color: #eee;*/
}

/*
** Success Stories
*/

ul#success-stories-overlay {
  position: absolute;
  left: 246px;
  top: 10px;
  width: 166px;
  border: 1px solid #ddd;
  z-index: 999;
  background-color: #fff;
  color: #378dec;
  padding: 5px;
  box-shadow: 8px 8px 14px rgba(0,0,0,0.2);
  display: none;
}

ul#success-stories-submenu {
  position: absolute;
  left: -1px;
  top: 30px;
  width: 382px;
  border: 1px solid #ddd;
  z-index: 999;
  background-color: #fff;
  color: #686868;
  box-shadow: 8px 8px 14px rgba(0,0,0,0.2);
  cursor: pointer;
}

ul#success-stories-submenu li {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #eee;
}

ul#success-stories-submenu li a {
  transition: none;
  display: block;
  width: 100%;
  padding: 8px 15px 10px;
}

ul#success-stories-submenu li a:hover {
  color: #fff;
  transition: none;
}

ul#success-stories-submenu li:hover {
  background-color: #f5f5f5;
  color: #fff;
}

ul#success-stories-submenu li:last-child {
  border: 0;
}

ul#success-stories-submenu li.icon-towninn,
ul#success-stories-submenu li.icon-bayshore {
  background-position: 8px 6px;
  background-repeat: no-repeat;
  background-size: 45px auto;
  padding-left: 45px;
}


ul#success-stories-submenu li.icon-towninn {
  background-image: url(/static/images/ico-success-stories-towninn.png);
}

ul#success-stories-submenu li.icon-bayshore {
  background-image: url(/static/images/ico-success-stories-bayshore.png);
}

ul#success-stories-submenu li a div.title {
  color: #666;
  font-size: 1.5em;
  font-weight: 300;
  text-transform: none;
  line-height: 1.5em;
}

ul#success-stories-submenu li a p.desc {
  color: #999;
  font-size: 0.80em;
  font-weight: 300;
  text-transform: none;
  padding: 0;
  margin: 0;
}

ul#success-stories-submenu li:hover a div.title {
  /*color: #fff;*/
}

ul#success-stories-submenu li:hover a p.desc {
  /*color: #eee;*/
}


/*
** Other Stuff
*/

a:link.passthru {
  display: block;
  color: inherit;
  text-decoration: none;
}

@font-face {
	font-family: "SohoGothicPro";
	src: url("/static/fonts/SohoGothicPro-Regular.eot?#iefix") format("embedded-opentype"), url("/static/fonts/SohoGothicPro-Regular.otf") format("opentype"), url("/static/fonts/SohoGothicPro-Regular.woff") format("woff"), url("/static/fonts/SohoGothicPro-Regular.ttf") format("truetype"), url("/static/fonts/SohoGothicPro-Regular.svg#SohoGothicPro-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "SohoGothicPro";
	src: url("/static/fonts/SohoGothicPro-Bold.eot?#iefix") format("embedded-opentype"), url("/static/fonts/SohoGothicPro-Bold.otf") format("opentype"), url("/static/fonts/SohoGothicPro-Bold.woff") format("woff"), url("/static/fonts/SohoGothicPro-Bold.ttf") format("truetype"), url("/static/fonts/SohoGothicPro-Bold.svg#SohoGothicPro-Bold") format("svg");
	font-weight: 700;
	font-style: normal;
}

#wrapper {
	overflow: hidden;
}

.holder {
	max-width: 1230px;
	padding: 0 30px;
	margin: 0 auto;
}

.visual {
	padding: 78px 0 0;
	position: relative;
	min-height: 370px;
}

.visual .img-holder {
	float: right;
}

.visual .text-holder {
	max-width: 560px;
	color: #fff;
	float: left;
	line-height: 29px;
	font-size: 24px;
	font-weight: 300;
}

.inner2 .visual {
	background: #000000 url(/static/images/enmeter-main.jpg) no-repeat;
	background-size: cover;
	padding: 101px 0 87px;
}

.inner3 .visual {
	overflow: hidden;
	padding: 0;
	min-height: 0;
	background-size: cover;
}

.visual .bg-hold {
	position: absolute;
	top: 0;
	left: 50%;
	min-width: 1920px;
	width: 100%;
	z-index: -1;
}

.visual .bg-hold img {
	position: relative;
	left: -50%;
	height: auto;
	width: 100%;
}

.visual h1 {
	font: 24px/37px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	color: #fff;
	margin: 0 0 12px;
	text-transform: uppercase;
	max-width: 685px;
}

.inner2 .visual h1 {
	margin: 0 0 23px;
}

.inner3 .visual h1 {
	font-size: 32px;
	margin: 0 0 54px;
}

.visual h1 .title {
	font-size: 42px;
	line-height: 42px;
	display: block;
	font-weight: 700;
}

.inner3 .visual h1 .title {
	font-size: 62px;
	line-height: 62px;
	margin: 0 0 3px;
}

.visual .sub-text {
	font-size: 80px;
	line-height: 80px;
	font-weight: 100;
	color: #262626;
	text-transform: uppercase;
	display: block;
	margin: 0 0 167px;
	max-width: 600px;
}

.visual .block-visualinfo {
	padding: 0 7px;
}

.visual .text-block {
	float: left;
	width: 482px;
	color: #fff;
	position: relative;
	padding: 45px 15px 76px  62px;
	z-index: 2;
}

.visual .text-block:before {
	content: "";
	background: #1e70ae;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -999px;
	right: 0;
	z-index: -1;
}

.visual .text-block:after {
	content: "";
	background: #1b659c;
	background: -webkit-linear-gradient(left, #1b659c 0%, #1d6ba6 100%) #1b659c;
	background: linear-gradient(to right, #1b659c 0%, #1d6ba6 100%) #1b659c;
	width: 14px;
	position: absolute;
	right: -14px;
	top: 0;
	bottom: 0;
}

.visual .text-block .logo {
	float: none;
	margin: 0 13px 28px;
}

.visual .info-bar {
	font-size: 37px;
	font-weight: 700;
	line-height: 38px;
	position: relative;
	margin: 0 -15px 0 0;
	padding: 0 15px 0 0;
}

.visual .info-bar:before {
	content: "";
	background: #232323;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -999px;
	right: 0;
	z-index: -1;
}

.visual .info-bar:after {
	content: "";
	width: 14px;
	position: absolute;
	right: -14px;
	top: 0;
	bottom: 0;
	z-index: 1;
	background: #1f1f1f;
	background: -webkit-linear-gradient(left, #1f1f1f 0%, #212121 100%) #1f1f1f;
	background: linear-gradient(to right, #1f1f1f 0%, #212121 100%) #1f1f1f;
}

.visual .info-bar p {
	margin: 0;
}

.visual .info-bar .info-wrap {
	padding: 20px 0 16px;
	text-transform: uppercase;
}

.visual .info-bar .info-wrap:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 0 0 32px;
	border-color: transparent transparent transparent #121212;
	position: absolute;
	top: -24px;
	right: -46px;
	z-index: 2;
}

.visual .info-bar .info-wrap:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 136px 32px 0 0;
	border-color: #232323 transparent transparent transparent;
	position: absolute;
	right: -46px;
	top: 0;
}

.visual .info-bar .info {
	display: block;
	font-size: 43px;
	font-weight: 700;
	line-height: 44px;
	padding: 9px 0;
}

.visual .room-info {
	position: absolute;
	background: #000;
	background: rgba(0, 0, 0, .66);
	border-radius: 8px;
	color: #fff;
	right: 131px;
	top: 170px;
	width: 148px;
	padding: 14px 10px;
}

.visual .room-info:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 21px 27px 0 0;
	border-color: rgba(0, 0, 0, .66) transparent transparent transparent;
	-webkit-transform: skewX(-18deg);
	-ms-transform: skewX(-18deg);
	transform: skewX(-18deg);
	position: absolute;
	bottom: -21px;
	left: 50%;
	margin: 0 0 0 -5px;
}

.visual .room-info .title {
	display: block;
	font-size: 14px;
	margin: 0 0 2px;
}

.visual .room-info .warning {
	font-size: 12px;
	font-weight: 700;
	display: block;
	line-height: 17px;
	color: #f00;
	position: relative;
	padding: 0 0 0 21px;
	margin: 0 0 6px;
}

.visual .room-info .warning:before {
	content: "";
	background: url(../images/ico-error.png) no-repeat;
	width: 6px;
	height: 22px;
	position: absolute;
	bottom: 5px;
	left: 4px;
}

.visual .room-info .rate {
	font-weight: 700;
	font-size: 15px;
	display: block;
	margin: 0 0 3px;
}

.visual .room-info .temp {
	font-size: 37px;
	font-weight: 700;
	line-height: 40px;
	display: block;
	padding: 0 4px;
	margin: 0 0 8px;
}

.visual .room-info .temp sup {
	font-size: 14px;
	top: -15px;
}

.block-visualinfo .block-slogan {
	float: left;
	width: 538px;
}

.block-visualinfo .text {
	float: left;
	width: 250px;
	font-style: italic;
	font-size: 18px;
	line-height: 24px;
	color: #262626;
	position: relative;
	margin: 0 25px 0 0;
}

.block-visualinfo .text:after {
	content: "";
	background: #9d9fa0;
	width: 1px;
	position: absolute;
	top: 4px;
	right: -15px;
	bottom: -1px;
}

.block-visualinfo .btn {
	float: right;
	margin: 4px 0 0;
	padding: 10px 21px 13px 52px;
}

.block-visualinfo .img-holder {
	margin: -383px 0 0;
	float: right;
	width: 520px;
}

#main h2 {
	font: 30px/32px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	text-align: center;
	position: relative;
}

#main h2 span {
	background: #fff;
	margin: 0 auto;
	display: block;
}

#main h2 span:after {
	content: "";
	background: #d0d0d0;
	height: 1px;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 2px 0 0;
	z-index: -2;
}

#main h2 .title {
	font-weight: 700;
	color: #378dec;
	display: inline;
}

#main .block-characteristics h2 {
	color: #1c1c1c;
	font-size: 23px;
	font-weight: 700;
	line-height: 25px;
	margin: 0 0 11px;
}

#main .block-benefits h2 {
	font-size: 36px;
	line-height: 38px;
	margin: 0 0 4px;
}

.block-description {
	padding-top: 38px; /* 68px */
	text-align: center;
}

.block-description h2 {
	margin: 0 0 70px;
}

.block-description h2 span {
	text-transform: capitalize;
	max-width: 542px; /* 796px */
}

.block-description h3 {
	color: #000;
	font-size: 21px;
	line-height: 22px;
	font-weight: normal;
	margin: 0 0 16px;
}

.block-description .columns {
	margin: 0 0 65px;
}

.block-description .col {
	float: left;
	width: 33.33%;
	padding: 0 19px;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
}

.block-description .col .img-holder {
	margin: 0 0 27px;
	width: 356px;
	text-align: center;
}

.block-feature {
	background: url(/static/images/bg-pattern.jpg) repeat;
	border-top: 1px solid #e9eaec;
	position: relative;
	z-index: 0;
	padding: 83px 0 0;
}

.block-feature .img-holder {
	position: absolute;
	left: 50%;
	top: 112px;
	width: 339px;
	height: 361px;
	z-index: -1;
	margin: 0 0 0 -173px;
}

.block-feature .block-right,
.block-feature .block-left {
	float: left;
	margin: 0 14px;
	width: 380px;
}

.block-feature .block-right {
	float: right;
}

.block-left .feature-holder {
	text-align: right;
}

.block-left .ico-hold {
	float: right;
	margin-left: 16px;
}

.block-right .ico-hold {
	float: left;
	margin-right: 16px;
}

.feature-holder {
	font-size: 15px;
	line-height: 24px;
	margin: 0 0 32px;
}

.feature-holder:nth-child(3) {
	margin: 0;
}

.feature-holder .text-hold {
	overflow: hidden;
	padding: 7px 0 0;
	height: 144px;
}

.feature-holder .text-hold sup {
	font-size: 8px;
}

.feature-holder .ico-hold {
	width: 73px;
}

.feature-holder .title {
	font-size: 21px;
	line-height: 22px;
	display: block;
	margin: 0 0 10px;
}

.feature-holder p {
	margin: 0;
}

.section-testimonials {
	background: #4188d5;
	color: #fff;
	position: relative;
	padding: 94px 0 0;
}

.section-testimonials .img-bottom,
.section-testimonials .img-top {
	position: absolute;
	left: 50%;
	top: 0;
	margin: 0 0 0 -86px;
}

.section-testimonials .img-bottom {
	margin: 0 0 0 -34px;
	top: auto;
	bottom: 29px;
}

.section-testimonials .column {
	float: left;
	width: 50%;
	padding: 23px 0 47px;
}

.section-testimonials .column + .column {
	border-left: 1px dashed rgba(255, 255, 255, .5);
	padding-left: 89px;
}

.section-testimonials .text-holder {
	overflow: hidden;
	width: 355px;
	line-height: 20px;
}

.section-testimonials .text-holder .title {
	font-size: 18px;
	text-transform: capitalize;
	display: block;
	margin: 0 0 3px;
}

.section-testimonials .text-holder .sub-title {
	font-size: 14px;
	line-height: 16px;
	text-transform: capitalize;
	display: block;
}

.section-testimonials .text-holder .title-hold {
	position: relative;
	margin: 0 0 22px;
}

.section-testimonials .text-holder .title-hold:after {
	content: "";
	background: #5299e8;
	height: 1px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -12px;
}

.section-testimonials .img-holder {
	width: 111px;
	height: 111px;
	border-radius: 50%;
	background: #e0e0e0;
	padding: 5px;
	overflow: hidden;
	float: left;
	margin: 3px 17px 0 4px;
}

.section-testimonials .img-holder img {
	border-radius: 50%;
}

.logo-section {
	padding: 32px 0 19px;
	background: #e3e3e3;
	background: -webkit-linear-gradient(top, #fff 0%, #e3e3e3 100%);
	background: linear-gradient(to bottom, #fff 0%, #e3e3e3 100%);
}

.logo-section h2 {
	text-transform: uppercase;
	margin: 0 0 39px;
	color: #494a4a;
}

.logo-list {
	text-align: center;
}

.logo-list li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 18px 65px;
}

.logo-list li:first-child {
	margin: 0 0 18px;
}

.logo-list a {
	display: block;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.logo-list a:hover {
	opacity: .7;
}

.block-blogs {
	padding: 53px 0;
}

.block-blogs .title {
	font-size: 18px;
	line-height: 22px;
	color: #2f383d;
	margin: 0 0 11px;
	display: block;
}

.block-blogs .title a {
	color: #2f383d;
	text-decoration: none;
}

.block-blogs .title a:hover {
	color: #378dec;
}

.block-blogs .col {
	float: left;
	width: 271px;
	margin: 0 0 0 29px;
}

.block-blogs .col:first-child {
	margin: 0;
}

.block-blogs .img-hold {
	position: relative;
}

.block-blogs .text-holder {
	background: #f9f9f9;
	border: 1px solid #dddcdc;
	position: relative;
	padding: 26px 18px 8px;
	color: #4b545a;
	margin: -1px 0 0;
}

.block-blogs .text-holder:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 10px 12px;
	border-color: transparent transparent #f9f9f9 transparent;
	position: absolute;
	top: -10px;
	right: 25px;
}

.block-blogs .date {
	position: absolute;
	background: #2784ea;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	color: #fff;
	position: absolute;
	top: 16px;
	right: 12px;
	padding: 8px 15px;
}

.block-blogs .date .day {
	display: block;
	font-size: 26px;
	line-height: 26px;
}

.block-blogs .date .month {
	display: block;
	text-transform: capitalize;
	margin-left: 3px;
}

.block-blogs .post {
	color: #4b545a;
	margin: 0 0 0 25px;
}

.block-blogs .post h3 {
	font-size: 30px;
	line-height: 30px;
	margin: 0 0 23px;
	font-weight: 300;
}

.block-blogs .post p {
	margin: 0 0 32px;
}

.block-blogs .post .more {
	background: #2784ea;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 15px;
	color: #fdfdfd;
	text-transform: uppercase;
	border-radius: 3px;
	padding: 12px 35px 13px;
	text-decoration: none;
	-webkit-transition: background .25s ease-in-out;
	transition: background .25s ease-in-out;
	margin: 0 0 29px;
}

.block-blogs .post .more:hover {
	background: #378dec;
}

.block-blogs .btn-holder {
	padding: 0 7px;
}

.block-blogs .btn-holder li {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}

.block-blogs .btn-holder li.active a {
	-webkit-transition: background .25s ease-in-out;
	transition: background .25s ease-in-out;
	background: url(/static/images/ico-nextactive.png) no-repeat;
}

.block-blogs .btn-holder a {
	background: url(/static/images/ico-next.png) no-repeat;
	width: 35px;
	height: 35px;
	display: block;
	overflow: hidden;
	text-indent: 101%;
	white-space: nowrap;
}

.block-blogs .btn-holder a:hover {
	background: url(/static/images/ico-nextactive.png) no-repeat;
}

.block-blogs .btn-holder a.prev {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.blue-bar {
	background: #4188d5;
	font-size: 32px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	padding: 34px 0;
}

.blue-bar p {
	margin: 0;
}

.blue-bar .link {
	text-transform: capitalize;
	font-weight: 700;
	color: #fff;
}

.blue-bar .link:after {
	content: "";
	height: 0;
	width: 0;
	border-bottom: 11.5px solid transparent;
	border-left: 11.5px solid #fff;
	border-top: 11.5px solid transparent;
	display: inline-block;
	vertical-align: top;
	margin: 12px 0 0 15px;
}

.intro-block {
	padding: 59px 0;
	font-size: 16px;
	line-height: 24px;
	color: #464647;
}

.intro-block .img-holder {
	float: right;
	width: 400px;
	margin: 5px -16px 0 32px;
	text-align: right;
}

.intro-block .text-holder {
	overflow: hidden;
}

.intro-block h1 {
	font: 40px/42px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	margin: 0 0 40px;
	color: #686868;
}

.intro-block .info-text {
	font-size: 20px;
	display: block;
	margin: 0 0 26px;
}

.intro-block p {
	margin: 0;
}

.block-testimonial {
	max-width: 768px;
	margin: 0 auto;
	text-align: center;
	padding: 36px 0 91px;
}

.block-testimonial h2 {
	color: #378dec;
	text-transform: uppercase;
	margin: 0 0 55px;
}

.block-testimonial h2 span {
	text-transform: uppercase;
	max-width: 536px;
}

.block-testimonial .img-wrap {
	background: #dedede;
	width: 139px;
	height: 139px;
	border-radius: 50%;
	padding: 7px;
	margin: 0 auto 19px;
}

.block-testimonial .img-wrap img {
	border-radius: 50%;
}

.block-testimonial .col {
	float: left;
	width: 194px;
	font-size: 14px;
	line-height: 15px;
	text-align: center;
	margin: 0 0 0 48px;
	min-height: 280px;
}

.block-testimonial .col:first-child {
	/*margin: 0 0 0 4px;*/
}

.block-testimonial .col span {
	display: block;
	margin: 0 0 6px;
}

.block-testimonial .name {
	font: 21px/24px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
}

.blue-section {
	background: #2a85ea;
	padding: 83px 0 67px;
}

.blue-section .img-holder {
	margin: 0 0 25px;
}

.blue-section .title-block {
	color: #fff;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	float: left;
	width: 342px;
	padding: 9px  18px;
}

.blue-section .title-block .title {
	font-size: 48px;
	line-height: 50px;
	margin: 0 0 6px;
	font-weight: normal;
	display: block;
}

.message-form {
	float: right;
	width: 770px;
}

.message-form .col {
	float: left;
	width: 370px;
}

.message-form .col + .col {
	margin-left: 30px;
}

.message-form .row {
	margin: 0 0 20px;
}

.message-form input[type="text"],
.message-form input[type="email"],
.message-form input[type="tel"],
.message-form textarea {
	background: #fff;
	border: none;
	box-shadow: 0 -1px 0 #707070;
	border-radius: 4px;
	font-size: 16px;
	line-height: 18px;
	height: 40px;
	width: 100%;
	color: #737373;
	padding: 11px 17px;
}

.message-form textarea {
	width: 100% !important;
	height: 99px;
	min-height: 99px;
	margin: 0 0 20px;
}

.message-form input[type="submit"] {
	font-size: 16px;
	line-height: 18px;
	color: #020202;
	border-radius: 4px;
	background: #f9c300;
	background: -webkit-linear-gradient(top, #f9c300 0%, #e98d00 100%);
	background: linear-gradient(to bottom, #f9c300 0%, #e98d00 100%);
	border: none;
	padding: 9px 36px 13px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .37);
	box-shadow: -2px -2px 0 rgba(255, 255, 255, .37) inset, 2px 2px 0 rgba(255, 255, 255, .37) inset;
}

.message-form input[type="submit"]:hover {
	background: #e98d00;
	background: -webkit-linear-gradient(top, #e98d00 0%, #f9c300 100%);
	background: linear-gradient(to bottom, #e98d00 0%, #f9c300 100%);
}

.block-location {
	padding: 62px 0 56px;
	color: #6a6a6a;
}

.block-location .col {
	float: left;
	width: 570px;
	margin-bottom: 43px;
}

.block-location .col + .col {
	margin-left: 29px;
}

.block-location h2 {
	margin: 0 0 24px;
	text-align: left !important;
}

.block-location address {
	font-style: normal;
	font-size: 14px;
	line-height: 19px;
	padding: 0 0 0 67px;
	position: relative;
	margin: 0 0 25px;
}

.block-location address:before {
	content: "";
	background: url(/static/images/ico-location.png) no-repeat;
	width: 43px;
	height: 42px;
	position: absolute;
	top: 8px;
	left: 0;
}

.block-location .img-holder {
	background: #e9ebeb;
	border: 1px solid #b9b9b9;
	padding: 1px;
}

.block-location .info-text {
	font: 24px/26px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	text-align: center;
	display: block;
}

.block-location .info-text a {
	color: #318aeb;
	font-weight: bold;
	text-decoration: none;
}

.inner2 .article {
	padding: 74px 0 101px;
	width: 870px;
	margin: 0 auto;
	text-align: center;
	color: #000;
	font-size: 18px;
	line-height: 24px;
}

.inner2 .article p {
	margin: 0 0 47px;
}

.inner2 .article sup {
	font-size: 11px;
}

.inner2 .article h2 {
	margin: 0 0 34px;
	font: 300 48px/48px Lato, Arial, "Helvetica Neue", "Helvetica", sans-serif !important;
	color: #000 !important;
}

.inner2 .article h2 sup {
	font-size: 18px;
}

.detail-block {
	background: #0067c0;
	color: #fff;
	padding: 61px 0 2px;
	position: relative;
	z-index: 0;
}

.detail-block h3 {
	font-size: 36px;
	line-height: 38px;
	text-align: center;
	margin: 0 0 58px;
}

.detail-block .img-holder {
	position: absolute;
	top: 167px;
	left: 50%;
	margin-left: -188px;
	z-index: -1;
}

.detail-block .text-hold {
	font-size: 15px;
	line-height: 22px;
	margin: 0 0 77px;
}

.detail-block p {
	margin: 0;
}

.detail-block .col {
	float: left;
	padding: 0 3px;
	width: 288px;
}

.detail-block .col .title {
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	display: block;
	margin: 0 0 29px;
}

.detail-block .col.right-col {
	float: right;
	padding: 0 0 0 18px;
}

.visual-bottom {
	padding: 108px 0;
	background: url(/static/images/img20.jpg) no-repeat;
	background-size: cover;
	min-height: 687px;
}

.visual-bottom h3 {
	font-size: 60px;
	font-weight: 300;
	line-height: 62px;
	font-style: normal;
	margin: 0 0 21px -4px;
	color: #333;
}

.visual-bottom p {
	margin: 0 0 33px;
}

.visual-bottom .text-hold {
	padding: 0 70px;
	font-style: italic;
	color: #444547;
	font-size: 15px;
	line-height: 20px;
	width: 680px;
}

.visual-bottom + .holder {
	padding: 72px 30px 77px;
}

.row-features + .row-features {
	padding: 86px 0 0;
}

.row-features .col {
	float: left;
	width: 33.33%;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	padding: 0 24px;
}

.row-features .ico-wrap {
	margin: 0 0 14px;
	min-height: 98px;
}

.row-features .title {
	font-size: 24px;
	line-height: 26px;
	display: block;
	margin: 0 0 12px;
}

.row-features .title a {
	color: #686868;
	text-decoration: none;
	-webkit-transition: background .25s ease-in-out;
	transition: background .25s ease-in-out;
}

.row-features .title a:hover {
	color: #000;
}

.block-meeting {
	background: #055ab7;
	color: #fff;
	padding: 77px 0 67px;
}

.block-meeting h3 {
	font-size: 48px;
	line-height: 50px;
	font-weight: normal;
	margin: 0 0 11px;
	font-style: normal;
}

.block-meeting .slogan {
	display: block;
	margin: 0 0 25px;
	text-transform: uppercase;
	font-style: normal;
	font-size: 18px;
}

.block-meeting .img-holder {
	float: right;
	width: 435px;
	margin: 0 66px;
}

.block-meeting .text-hold {
	overflow: hidden;
	text-align: center;
	padding: 44px 62px 0;
	font-style: italic;
	font-size: 20px;
	line-height: 24px;
	font-weight: 300;
}

.block-characteristics {
	text-align: center;
}

.block-characteristics .heading {
	background: #ddddde;
	background: -webkit-linear-gradient(top, #fff 0%, #ddddde 100%);
	background: linear-gradient(to bottom, #fff 0%, #ddddde 100%);
	text-transform: uppercase;
	padding: 37px 30px 31px;
	font-size: 32px;
	line-height: 34px;
	color: #595958;
	font-weight: 300;
}

.block-characteristics .heading p {
	margin: 0;
}

.block-characteristics .heading .subtitle {
	color: #1e70ae;
	font-weight: 900;
	display: block;
	font-size: 47px;
	line-height: 48px;
	margin: 0 0 7px;
}

.block-characteristics .holder {
	padding: 44px 0 56px;
}

.block-characteristics .img-holder {
	margin: 0 0 24px;
}

.block-characteristics .col {
	text-align: center;
	float: left;
	width: 318px;
	margin: 0 36px;
	color: #1c1c1c;
}

.block-characteristics .col .title {
	font-size: 14px;
	line-height: 18px;
	color: #131212;
	text-transform: capitalize;
	font-weight: 900;
	display: block;
	margin: 0 0 19px;
}

.block-characteristics .col .value {
	font-size: 25px;
	line-height: 26px;
	display: block;
	padding: 55px 28px 62px;
	text-align: left;
	width: 262px;
	margin: 0 auto;
}

.block-characteristics .col .price {
	font-size: 48px;
	line-height: 48px;
	margin: -2px 0 0;
	display: block;
	position: relative;
}

.block-characteristics .col .price:before {
	content: "";
	background: url(../images/ico-valuationup.png) no-repeat;
	width: 24px;
	height: 33px;
	position: absolute;
	bottom: 5px;
	left: -35px;
}

.block-characteristics .col .text {
	display: block;
	color: #1c1c1c;
	font-size: 26px;
	font-weight: 300;
	line-height: 30px;
	padding: 0 10px;
}

.block-benefits .heading {
	padding: 24px;
	background: #1e70ae;
	color: #fff;
}

.block-benefits .list li {
	padding: 0 0 0 19px;
}

.block-benefits .list li:before {
	content: "";
	width: 5px;
	height: 5px;
	background: #33485f;
	display: inline-block;
	vertical-align: top;
	border-radius: 50%;
	margin: 10px 7px 0 -14px;
}

.block-benefits .holder {
	padding: 51px 30px 60px;
	position: relative;
}

.block-benefits .holder .col p, .block-benefits .holder .col ul {
	font-weight: 300;
}


.block-benefits .img-holder {
	position: absolute;
	bottom: 0;
	right: 0;
}

.block-benefits p {
	margin: 0 0 9px;
}

.block-benefits .col {
	float: left;
	width: 340px;
	line-height: 23px;
	font-size: 20px;
	color: #000;
	padding: 0 22px;
	position: relative;
}

.block-benefits .col + .col:before {
	content: "";
	background: #bfbfc0;
	width: 2px;
	position: absolute;
	top: 6px;
	bottom: 45px;
	left: 0;
}

.block-benefits .col:first-child {
	padding: 0 13px 0 0;
	border: none;
	width: 262px;
}

.block-benefits .col .title {
	font-size: 25px;
	line-height: 28px;
	color: #242424;
	display: block;
	margin: 0 0 22px;
}

.block-platform {
	padding: 89px 0 56px;
	border-bottom: 2px solid #f3ffff;
}

.block-platform .img-holder {
	float: left;
	width: 390px;
	margin: 0 70px 0 0;
}

.block-platform .text-holder {
	float: left;
	width: 670px;
	color: #000;
	font-size: 19px;
	line-height: 23px;
	text-align: center;
	padding: 14px 5px;
}

.block-platform .text-holder p {
	margin: 0 0 26px;
}

.block-platform .title {
	display: block;
	font-size: 20px;
	margin: 0 0 32px;
	font-weight: 900;
}

.block-platform .small-text {
	display: block;
	font-size: 12px;
	font-weight: 700;
	line-height: 14px;
	padding: 0 35px;
	color: #444;
}

.carousel {
	position: relative;
	margin: 0 0 35px;
}

.carousel .mask {
	position: relative;
	overflow: hidden;
}

.carousel .slideset {
	float: left;
	width: 99999px;
}

.carousel .slide {
	float: left;
}

.carousel .icon-list,
.carousel .pagination {
	padding: 20px 24px;
	width: 280px;
}

.carousel .icon-list li,
.carousel .pagination li {
	display: inline-block;
	vertical-align: top;
	margin: 0 6px;
}

.carousel .icon-list a:hover {
	opacity: .7;
}

.carousel .pagination {
	position: absolute;
	bottom: 1px;
	left: 50%;
	margin: 0 0 0 -114px;
}

.carousel .pagination li {
	margin: 0 5px;
}

.carousel .pagination li.active a {
	background: #424242;
}

.carousel .pagination a {
	overflow: hidden;
	text-indent: 101%;
	white-space: nowrap;
	display: block;
	border: 1px solid #323232;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.carousel .pagination a:hover {
	background: #424242;
}

#twocolumns {
	padding: 0 26px;
	margin: 0 0 86px;
}

#content {
	float: left;
	width: 669px;
	border: 1px solid #e8e8e8;
}

#content h2 {
	text-align: left;
	margin: 0 0 31px;
	font: 700 13px/16px Lato, Arial, "Helvetica Neue", "Helvetica", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.tabset li {
	float: left;
	text-transform: uppercase;
	width: 50%;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
}

.tabset li.active a {
	background: #444;
	border: 1px solid #3b3b3b;
}

.tabset a {
	color: #fff;
	display: block;
	background: #6d6d6d;
	border: 1px solid #656565;
	text-decoration: none;
	padding: 16px;
}

.tabset a:hover {
	background: #444;
	border: 1px solid #3b3b3b;
}

.tab-content {
	color: #000;
	padding: 27px 25px 8px 27px;
	font-size: 14px;
	line-height: 24px;
}

.tab-content h1 {
	margin: 0 0 15px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.tab-content h3 {
	font-size: 14px;
	line-height: 23px;
	margin: 0;
	color: #000;
}

.tab-content .text-content {
	margin: 0 0 46px;
}

.tab-content .text-content p {
	margin: 0 0 24px;
}

.tab-content .block-info {
	padding: 0 4px;
	margin: 0 0 50px;
}

.tab-content .block-info:last-child {
	padding: 30px 7px;
	position: relative;
	margin-bottom: 0;
}

.tab-content .block-info:last-child:after {
	content: "";
	background: #e8e8e8;
	height: 1px;
	position: absolute;
	top: -2px;
	left: -26px;
	right: -26px;
}

.tab-content .block-info .img-wrap {
	text-align: center;
	width: 632px;
	margin: 0 -8px;
}

.tab-content .row {
	margin: -3px -40px 0 0;
}

.tab-content .block-post {
	float: left;
	width: 270px;
	margin: 0 47px 8px 4px;
}

.tab-content .block-post .ico-holder {
	float: left;
	width: 40px;
	margin: 5px 16px 0 0;
}

.tab-content .block-post .text-holder {
	overflow: hidden;
	line-height: 23px;
}

.tab-content .list {
	margin: -6px 0 0;
}

.tab-content .list li {
	padding: 0 0 16px 13px;
	line-height: 18px;
}

.tab-content .list li:before {
	content: "";
	background: #242424;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: top;
	margin: 9px 11px 0 -15px;
}

#sidebar {
	float: left;
	width: 322px;
	margin: -2px 0 0 30px;
}

#sidebar h2 {
	font: 700 18px/30px Lato, Arial, "Helvetica Neue", "Helvetica", sans-serif;
	color: #f00;
	text-align: left;
	margin: 0 0 9px;
	letter-spacing: 4px;
}

#sidebar .intro-hold {
	border-bottom: 1px solid #e8e8e8;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	color: #000;
	padding: 0 0 30px;
}

#sidebar .intro-hold span {
	display: block;
}

#sidebar .model {
	color: #7a7a7a;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0 0 9px;
}

#sidebar .find {
	color: #f00;
	font-size: 10px;
	font-weight: 900;
	text-decoration: none;
	margin: 0 0 40px;
	display: inline-block;
	vertical-align: top;
}

#sidebar .find:hover {
	opacity: .65;
}

#sidebar .find:after {
	content: "";
	background: url(../images/ico-find.jpg) no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: top;
	margin: 2px 0 0 2px;
}

.block-detail {
	line-height: 21px;
	font-size: 14px;
	letter-spacing: 2px;
	padding: 36px 0 0;
	color: #7a7a7a;
	text-transform: uppercase;
}

.block-detail p {
	margin: 0 0 23px;
}

.intro-hold .price {
	font-size: 20px;
	margin: 0 0 8px;
	letter-spacing: 0;
}

.block-products {
	border: 1px solid #e8e8e8;
	border-top: none;
	color: #111;
	padding: 2px 0 0;
	margin: 0 0 0 2px;
}

.block-products .heading {
	background: #f5f5f5;
	text-transform: uppercase;
	border-bottom: 1px solid #e8e8e8;
	text-align: center;
	padding: 14px 12px 15px;
}

.block-products .product-holder {
	padding: 2px 19px;
}

.block-products .product-holder + .product-holder {
	border-top: 1px solid #e8e8e8;
}

.block-products .img-wrap {
	text-align: center;
	margin: 0 0 19px;
}

.block-products .info-hold {
	margin: 0 0 11px;
}

.block-products .info {
	color: #f00;
	float: left;
	font-weight: 700;
	width: 120px;
}

.block-products .price {
	float: right;
	font-size: 13px;
	font-weight: 700;
	padding: 0 4px;
	text-align: right;
	width: 120px;
}

.btn {
	font: 20px/22px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	background: #83c504;
	border-radius: 4px;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
	-webkit-transition: background .25s ease-in-out;
	transition: background .25s ease-in-out;
	padding: 10px 21px 13px 52px;
}

.btn.red-btn {
	background: #c63b04;
}

.btn:hover {
	background: #378dec;
}

.btn:before {
	content: "";
	background: url(/static/images/ico-tick.png) no-repeat;
	position: absolute;
	top: 12px;
	left: 16px;
	width: 23px;
	height: 23px;
}

.town-web {
	font-size: 20px;
	line-height: 27px;
	color: #111;
	min-width: 1300px;
}

.town-web .visual {
	position: relative;
}

.town-web .visual .text-block {
	width: 32.2%;
	text-align: center;
	padding: 45px 15px 44px 7.1%;
}

.town-web .visual .image-block {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 67.8%;
	background-size: cover;
}

.town-web .visual h1 {
	font-size: 22px;
	line-height: 26px;
	margin: 0 0 18px;
}

.town-web .visual h1 .title {
	text-transform: capitalize;
	font-size: 50px;
	line-height: 70px;
	margin: 0 0 30px;
	position: relative;
}

.town-web .visual h1 .title:after {
	content: "";
	position: absolute;
	width: 165px;
	height: 3px;
	background: #2f1500;
	bottom: -15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.town-web .visual .info-wrap {
	letter-spacing: -5px;
	padding: 14px 0 12px;
}

.town-web .visual .info-wrap:before {
	border-width: 20px 0 0 24px;
	right: -38px;
	top: -20px;
}

.town-web .visual .info-wrap:after {
	border-width: 100px 28px 0 0;
	right: -38px;
}

.town-web .visual .info-wrap .icon-holder {
	display: inline-block;
	vertical-align: top;
	width: 23%;
	letter-spacing: 0;
}

.town-web .visual .info-wrap .text-holder {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	float: none;
	letter-spacing: 0;
	line-height: 27px;
	font-size: 27px;
	font-weight: bold;
}

.town-web .visual .info-wrap .text-holder .text {
	font-size: 21px;
	line-height: 26px;
	display: block;
	font-weight: normal;
}

.town-web .visual .info-wrap .text-holder sup {
	font-size: 10px;
	top: -1.5em;
}

.town-web #main .block-characteristics .heading {
	background: -webkit-linear-gradient(top, #000 0%, #222223 100%);
	background: linear-gradient(to bottom, #000 0%, #222223 100%);
	color: #e3e3e3;
	border-bottom: 3px solid #000;
	padding: 37px 30px 29px;
}

.town-web #main .block-characteristics .heading h2 {
	color: #fcfcfc;
}

.town-web #main .block-characteristics .heading .subtitle {
	color: #4fcee9;
}

.town-web #main .section h2 {
	font-weight: bold;
}

.town-web #main .client-section h2 {
	text-align: left;
	font: 700 27px/30px Lato, Arial, "Helvetica Neue", "Helvetica", sans-serif;
	margin: 0 0 37px;
}

.town-web #main .client-section .content-holder h2 {
	margin: 0 0 29px;
}

.town-web #main .detail-section h2 {
	text-align: left;
	font: bold 30px/40px Lato, Arial, "Helvetica Neue", "Helvetica", sans-serif;
	margin: 0 0 23px;
}

.town-web #main .detail-section .holder {
	max-width: 1249px;
}

.town-web #main .detail-section .aside h2 {
	color: #fff;
}

.town-web #main .detail-section .content h2 {
	margin: 0 0 32px;
}

.town-web .section-testimonials {
	padding: 95px 0 0;
	font-size: 14px;
}

.town-web .logo-list {
	margin: 0 -44px;
}

.town-web .logo-list li {
	margin: 0 33px 18px;
}

.section {
	text-align: center;
	padding: 31px 0 54px;
}

.section .holder {
	max-width: 990px;
}

.section .title {
	display: block;
	font-size: 30px;
	font-weight: normal;
	line-height: 40px;
	position: relative;
	margin: 0 0 55px;
}

.section .title:after {
	content: "";
	position: absolute;
	width: 300px;
	height: 2px;
	background: #007ac1;
	bottom: -33px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.section h2 {
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 17px;
}

.client-section {
	background-size: cover;
	color: #fff;
	padding: 43px 0;
	position: relative;
}

.client-section:before {
	content: "";
	position: absolute;
	top: 1px;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 1;
}

.client-section .holder {
	position: relative;
	z-index: 2;
}

.client-section .list-holder {
	width: 35.4%;
	float: left;
	padding: 0 10% 0 0;
	font-size: 18px;
	line-height: 16px;
}

.client-section .content-holder {
	width: 64%;
	float: left;
	padding: 0 12% 0 0;
}

.client-section .content-holder .sub-title {
	font: 300 22px/24px Lato, Arial, "Helvetica Neue", "Helvetica", sans-serif;
	display: block;
	margin: 0 0 16px;
}

.challenge-list {
	counter-reset: newCounter;
	margin: 0 0 -43px;
}

.challenge-list li {
	position: relative;
	margin: 0 0 50px;
}

.challenge-list li:before {
	counter-increment: newCounter;
	content: counters(newCounter, ".") ".";
	position: absolute;
	top: 0;
	left: 0;
	font-size: 17px;
	line-height: 20px;
}

.challenge-list h3 {
	padding: 0 0 17px 19px;
	font-size: 17px;
	line-height: 20px;
	margin: 0;
}

.aside {
	width: 29.9%;
	float: left;
	position: relative;
	padding: 50px 45px 20px 0;
	color: #fff;
}

.aside:before {
	content: "";
	position: absolute;
	top: 0;
	left: -9999px;
	right: 0;
	bottom: 0;
	background: #0085c2;
	z-index: -1;
}

.aside blockquote {
	color: #251e1a;
	font: italic 28px/33px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	margin: 0;
}

.aside q {
	display: block;
	margin: 0 0 23px;
}

.aside cite {
	display: block;
	color: #45403d;
	font: 17px/27px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
}

.aside cite span {
	display: block;
}

.detail-section .content {
	width: 70%;
	float: left;
	padding: 50px 0 74px 5.7%;
}

.detail-section .img-holder {
	text-align: center;
	letter-spacing: -5px;
	margin: 0 -25px 0 -3px;
	padding: 0 0 93px;
}

.detail-section .img-holder .img-block {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	text-align: left;
	letter-spacing: 0;
}

.detail-section .img-holder .img-block + .img-block {
	margin-left: 57px;
}

.detail-section .text-holder {
	padding: 0 20% 53px 0;
}

.detail-list {
	font: bold 33px/51px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	letter-spacing: -1px;
	margin: 0 0 31px;
}

.detail-list li {
	padding: 0 0 42px;
	position: relative;
}

.detail-list li:before {
	content: "";
	position: absolute;
	bottom: 22px;
	left: 0;
	right: 0;
	border-bottom: 1px solid #1e313a;
}

.sharing-section {
	padding: 47px 0 55px;
	background: #999;
}

.sharing-section .social-block {
	width: 42.6%;
	float: left;
}

.sharing-section .social-block .title {
	font-size: 29px;
	line-height: 33px;
	text-transform: uppercase;
	width: 26.1%;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
}

.social-network {
	display: inline-block;
	vertical-align: middle;
	width: 72%;
	margin: 0 0 -10px;
}

.social-network2 {
	display: inline-block;
	vertical-align: middle;
	width: 72%;
	margin: 0 0 -10px;
}

.social-network li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 17px 10px 0;
}

.social-network2 li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 17px 10px 0;
}

.social-network a {
	width: 74px;
	height: 74px;
	overflow: hidden;
	text-indent: 101%;
	white-space: nowrap;
	text-decoration: none;
	display: block;
	background: url(../images/sprite-social.png) 0 -52px;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.social-network2 a {
	width: 74px;
	height: 74px;
	overflow: hidden;
	text-indent: 101%;
	white-space: nowrap;
	text-decoration: none;
	display: block;
	background: url(../images/sprite-social2.png) 0 -52px;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.social-network a:hover {
	opacity: .7;
}

.social-network2 a:hover {
	opacity: .7;
}

.social-network .t {
	background-position: -95px -52px;
}

.social-network2 .t {
	background-position: -95px -52px;
}

.social-network .i {
	background-position: -190px -52px;
}

.social-network2 .i {
	background-position: -190px -52px;
}

.btn-block {
	width: 57%;
	float: left;
}

.btn-block a {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	min-width: 250px;
	text-decoration: none;
	color: #fff;
	background: #0085c2;
	font-size: 24px;
	line-height: 36px;
	padding: 19px 10px;
	height: 74px;
	border: solid #757575;
	border-width: 0 1px;
	border-radius: 5px;
	-webkit-transition: background .3s ease;
	transition: background .3s ease;
}

.btn-block a:hover {
	background: #003f5c;
}

.btn-block a + a {
	margin-left: 115px;
}

.contact-block {
	text-align: center;
	background: #3d86d8;
	font-size: 30px;
	line-height: 35px;
	color: #fff;
	padding: 38px 0;
	letter-spacing: 1px;
}

.contact-block p {
	margin: 0;
}

.contact-block .contactus {
	color: #fff;
	margin: 0 0 0 20px;
	display: inline-block;
	vertical-align: top;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}

.contact-block .contactus:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 0 12px 12px;
	border-color: transparent transparent transparent #fff;
	display: inline-block;
	vertical-align: top;
	margin: 7px 0 0 16px;
}

.contact-block .contactus:hover {
	color: #ccc;
	text-decoration: underline;
}

.contact-block .contactus:hover:after {
	border-color: transparent transparent transparent #ccc;
}

#footer {
	background: #272827;
}

#footer .copyright {
	color: #666666;
}

.footer-block {
	background: #323232;
	color: #fff;
	padding: 75px 0;
	border-top: 5px solid #25221c;
}

.footer-block + .holder {
	padding: 44px 30px 30px;
	position: relative;
}

.footer-block a {
	color: #fff;
}

.footer-block .logo {
	float: none;
	margin: 0 0 20px;
}

.footer-block .list {
	margin: 0 0 31px;
}

.footer-block .list li {
	float: left;
	font-size: 14px;
	line-height: 16px;
}

.footer-block .list li + li:before {
	content: "|";
	display: inline-block;
	vertical-align: top;
	margin: 0 4px;
}

.footer-block .address-block {
	float: left;
	width: 320px;
	padding: 0 37px;
}

.footer-block .link-block {
	float: left;
	width: 270px;
	padding: 37px 0 0;
}

.footer-block .link-block .title {
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 1px;
	margin: 0 0 31px;
	text-transform: uppercase;
	display: block;
}

.footer-block .right-block {
	float: right;
	width: 554px;
	padding: 35px 15px 0;
}

.footer-block .form-block {
	font-size: 19px;
	line-height: 23px;
	font-weight: 300;
	padding: 0 3px;
	width: 482px;
}

.footer-block .form-block .title {
	font-size: 21px;
	line-height: 22px;
	font-weight: 400;
	margin: 0 0 20px;
	text-transform: capitalize;
	display: block;
}

.footer-block .form-block p {
	margin: 0 0 26px;
}

.footer-links li {
	padding: 0 0 14px 16px;
}

.footer-links a {
	-webkit-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
	text-decoration: none;
}

.footer-links a:before {
	content: "";
	background: url(/static/images/ico-arrowsmall.png) no-repeat;
	width: 8px;
	height: 10px;
	display: inline-block;
	vertical-align: top;
	margin: 4px 7px 0 -14px;
}

.footer-links a:hover {
	opacity: .6;
}

.social-networks {
	margin: 0 -69px 38px 0;
}

.social-networks li {
	float: left;
	font-size: 14px;
	line-height: 21px;
	padding: 1px 0 0 50px;
	position: relative;
	margin: 0 22px 15px 0; /* 0 69px 15px 0 */
}

.social-networks a {
	text-decoration: none;
	-webkit-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}

.social-networks a:hover {
	opacity: .8;
}

.social-networks a:before {
	content: "";
	background: url(/static/images/sprite-social.png) no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
}

.social-networks.dark-text a {
	color: #333;
}

.social-networks.dark-text a:before {
	border-radius: 3px;
}

.social-networks a.facebook:before {
	background-position: 0 0;
}

.social-networks a.linkedin:before {
	background-position: -45px 0;
}

.social-networks a.twitter:before {
	background-position: -90px 0;
}

.social-networks a.blog:before {
	background-position: -135px 0;
}

.address {
	font-style: normal;
	line-height: 24px;
	font-size: 16px;
	font-weight: 400;
}

.address a {
	text-decoration: none;
	-webkit-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}

.address a:hover {
	opacity: .6;
}

.address dl {
	margin: 0;
}

.address dl dt {
	margin: 0;
	display: inline-block;
	vertical-align: top;
	max-width: 50px;
}

.address dl dd {
	margin: 0;
	display: inline-block;
	vertical-align: top;
	width: 192px;
}

.signup-form input[type="text"],
.signup-form input[type="email"] {
	border: 1px solid #9a9a9a;
	background: #f4f4f4;
	border-radius: 4px;
	color: #5d5d5d;
	height: 44px;
	font-size: 19px;
	line-height: 23px;
	font-weight: 300;
	width: 100%;
	float: left;
}

.signup-form input[type="text"]::-webkit-input-placeholder,
.signup-form input[type="email"]::-webkit-input-placeholder {
	color: #5d5d5d;
}

.signup-form input[type="text"]::-moz-placeholder,
.signup-form input[type="email"]::-moz-placeholder {
	opacity: 1;
	color: #5d5d5d;
}

.signup-form input[type="text"]:-moz-placeholder,
.signup-form input[type="email"]:-moz-placeholder {
	color: #5d5d5d;
}

.signup-form input[type="text"]:-ms-input-placeholder,
.signup-form input[type="email"]:-ms-input-placeholder {
	color: #5d5d5d;
}

.signup-form input[type="text"].placeholder,
.signup-form input[type="email"].placeholder {
	color: #5d5d5d;
}

.signup-form input[type="submit"], .signup-form button#newslettersignup {
	font-size: 19px;
	line-height: 23px;
	font-weight: 700;
	background: #83c504;
	border: 1px solid #f4f4f4;
	color: #fff;
	border-radius: 4px;
	padding: 11px 8px 8px;
	margin: 0 0 0 9px;
	width: 148px;
	-webkit-transition: background .25s ease-in-out;
	transition: background .25s ease-in-out;
}

.inner2 .signup-form input[type="submit"] {
	float: right;
}

.signup-form input[type="submit"]:hover, .signup-form button#newslettersignup:hover {
	background: #378dec;
}

.signup-form .input-hold {
	width: 318px;
}

.inner2 .signup-form .row {
	margin-bottom: 16px;
}

.copyright {
	float: left;
	font-size: 14px;
	line-height: 16px;
	padding: 0 37px;
}

.copyright a {
	text-decoration: none;
	color: #686868;
}

.copyright a:hover {
	text-decoration: underline;
}

.link-holder {
	float: right;
	width: 380px;
}

.link-holder a {
	text-decoration: none;
}

.link-list {
	text-align: right;
	margin: 0 42px;
}

.link-list a {
	position: relative;
	padding: 0 0 0 18px;
	-webkit-transition: color .25s ease-in-out;
	transition: color .25s ease-in-out;
	color: #378dec;
}

.link-list a:hover {
	color: #686868;
}

.link-list a:before {
	content: "";
	height: 11px;
	position: absolute;
	top: 3px;
	left: 0;
}

.link-list a.phone {
	width: 112px;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
}

.link-list a.phone:before {
	background: url(/static/images/ico-headphone.png) no-repeat;
	width: 13px;
}

.link-list a.phone:hover {
	color: #378dec;
}

.link-list a.email:before {
	background: url(/static/images/ico-email.png) no-repeat;
	width: 15px;
}

.link-list li {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 16px;
}

.link-list li + li:before {
	content: "";
	width: 3px;
	height: 3px;
	background: #686868;
	display: inline-block;
	vertical-align: top;
	border-radius: 50%;
	margin: 9px 9px 0;
}

.goto-top {
	background: #1b1b1b;
	width: 40px;
	height: 40px;
	border-radius: 2px;
	position: absolute;
	right: 6px;
	top: 35px;
	padding: 13px;
}

.goto-top:hover {
	opacity: .85;
}

.btn.btn-transparent,
.btn.btn-yellow,
.btn.btn-green,
.btn.btn-blue {
	text-transform: capitalize;
	font-size: 14px;
	line-height: 1;
	padding: 10px 29px;
	font-weight: 500;
	text-align: center;
}

.btn.btn-transparent:before,
.btn.btn-yellow:before,
.btn.btn-green:before,
.btn.btn-blue:before {
	content: none;
}

.btn.btn-yellow,
.btn.btn-green,
.btn.btn-blue {
	min-width: 137px;
	padding: 12px;
}

.btn.btn-transparent {
	background: transparent;
	border: 1px solid #fff;
	color: #051b22;
}

.btn.btn-transparent:hover {
	/*background: #fff;*/
}

.btn.btn-yellow {
	background: #ffb812;
	color: #ffffff;
}

.btn.btn-yellow:hover {
	background: #ffcf5f;
}

.btn.btn-blue {
	background: #388eec;
}

.btn.btn-blue:hover {
	background: #1368c5;
}

.btn.btn-green {
	background: #5ab501;
}

.btn.btn-green:hover {
	background: #346901;
}

.bg-wrap {
	position: relative;
	min-height: 620px;
	z-index: 1;
	background-size: cover;
	background-position: 50% 50%;
}

.bg-wrap .text-holder {
	font-size: 18px;
	line-height: 22px;
	font: 18px/22px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	float: right;
	width: 425px;
	text-align: right;
	color: #3e4247;
	padding-top: 148px;
}

.bg-wrap .text-holder p {
	margin-bottom: 48px;
}

.bg-wrap h1 {
	font: 500 36px/48px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	text-transform: none;
	color: #3e4247;
	margin-bottom: 22px;
}

.bg-wrap .btn {
	font: 18px/1 SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	text-transform: capitalize;
	min-width: 269px;
	text-align: center;
	padding: 14px;
}

.bg-wrap .btn:before {
	position: static;
	display: inline-block;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	vertical-align: top;
	margin-right: 7px;
}

.information-wrap {
	padding: 70px 0 83px;
}

.information-wrap .holder {
	max-width: 1190px;
	font-size: 0;
	line-height: 0;
}

.information-wrap .text-holder,
.information-wrap .img-holder {
	display: inline-block;
	vertical-align: middle;
}

.information-wrap .text-holder {
	width: 447px;
	color: #3e4247;
	font-size: 14px;
	line-height: 17px;
	text-align: left;
	padding-right: 100px;
}

.information-wrap .text-holder strong {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 15px;
}

.information-wrap .img-holder {
	width: 683px;
}

.information-wrap h1 {
	font: 500 28px/34px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	color: #051b22;
	margin-bottom: 27px;
	text-transform: capitalize;
}

.solution-wrap {
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
	z-index: 1;
	text-align: center;
	color: #051b22;
}

.solution-wrap:before {
	content: "";
	background: url(../images/img40.png) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

.solution-wrap .ico-holder {
	background: #63c602;
	border-radius: 50%;
	width: 95px;
	height: 95px;
	padding: 12px 0;
	overflow: hidden;
	margin: 0 auto 8px;
}

.solution-wrap .ico-holder.blue {
	background: #009bc9;
	padding: 0;
}

.solution-wrap .ico-holder.blue img {
	margin: -3px 0 0 20px;
}

.solution-wrap .ico-holder.orange {
	background: #fbb714;
}

.solution-wrap .ico-holder.orange img {
	margin: 3px 0 0 24px;
}

.solution-wrap .ico-information {
	display: inline-block;
	vertical-align: top;
	font-size: 24px;
	line-height: 28px;
	font-weight: 500;
}

.solution-wrap h1 {
	font: 30px/34px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	margin-bottom: 8px;
}

.solution-wrap .title {
	font-size: 22px;
	line-height: 26px;
	font-weight: 400;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 67px;
}

.monitor-wrap,
.control-wrap {
	position: relative;
	padding: 34px 0 96px;
}

.monitor-wrap h1,
.control-wrap h1 {
	text-transform: capitalize;
}

.monitor-wrap:before,
.control-wrap:before {
	content: "";
	position: absolute;
	top: 0;
	left: -9999px;
	right: -9999px;
	background: #e9f4ff;
	z-index: -2;
	bottom: 0;
}

.monitor-wrap .column-holder,
.control-wrap .column-holder {
	margin: 0 -45px;
}

.monitor-wrap .column,
.control-wrap .column {
	float: left;
	padding: 0 45px 49px;
	width: 33.33%;
}

.monitor-wrap .holder {
	max-width: 690px;
}

.monitor-wrap .arrow {
	-webkit-transition: opacity, .3s, ease-in-out;
	transition: opacity, .3s, ease-in-out;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: auto;
	bottom: 39px;
}

.monitor-wrap .arrow:hover {
	opacity: .8;
}

.control-wrap {
	padding: 35px 0 88px;
}

.control-wrap:before {
	background: #e9ffed;
}

.control-wrap h1 {
	margin-bottom: 9px;
}

.control-wrap .holder {
	max-width: 1123px;
}

.control-wrap .title {
	margin-bottom: 59px;
}

.control-wrap .img-holder {
	white-space: nowrap;
	text-align: center;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 17px;
}

.control-wrap .img-holder:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	min-height: 113px;
}

.control-wrap .img-holder > * {
	white-space: normal;
	display: inline-block;
	vertical-align: middle;
	max-width: 99%;
}

.control-wrap .img-holder .ico-holder {
	position: absolute;
	left: auto;
	right: -37px;
	top: -17px;
	width: 60px;
	height: 60px;
}

.control-wrap .img-holder .ico-holder.orange img {
	margin: -3px 0 0 16px;
}

.control-wrap .column-holder {
	margin: 0 -30px;
}

.control-wrap .column-holder .column {
	padding: 0 30px;
}

#main .control-wrap h2 {
	color: #424243;
	font-size: 23px;
	line-height: 27px;
	font-weight: 400;
	margin-bottom: 38px;
	text-transform: capitalize;
}

.process-wrap {
	padding: 35px 0 57px;
	color: #303030;
	text-align: center;
}

.process-wrap .holder {
	max-width: 1150px;
}

.process-wrap h1 {
	color: #388eec;
	font: 400 30px/34px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	margin-bottom: 13px;
}

#main .process-wrap h2 {
	font-size: 24px;
	line-height: 28px;
	text-transform: uppercase;
}

.process-wrap .title-wrap {
	margin-bottom: 56px;
}

.process-wrap .btn {
	font-size: 16px;
	line-height: 1;
	padding-top: 9px;
	padding-bottom: 13px;
}

.process-columns {
	overflow: hidden;
	position: relative;
	margin: 0 -154px;
	padding: 6px 0;
	font-size: 0;
	line-height: 0;
}

.process-columns:before,
.process-columns:after {
	content: "";
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 0;
	bottom: 48px;
}

.process-columns:before {
	width: 1px;
	border-right: 1px dashed #c5c6c7;
}

.process-columns:after {
	top: auto;
	width: 16px;
	height: 16px;
	border: 1px dashed #c5c6c7;
	border-width: 0 1px 1px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: -8px;
	bottom: 51px;
}

.process-columns .process-col {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 0 154px 33px;
	text-align: right;
}

.process-columns .process-col:before,
.process-columns .process-col:after {
	content: "";
	position: absolute;
	left: auto;
}

.process-columns .process-col:before {
	right: 2px;
	width: 68px;
	height: 1px;
	top: 35px;
	border-top: 1px dashed #c5c6c7;
}

.process-columns .process-col:after {
	width: 16px;
	height: 16px;
	right: 51px;
	top: 27px;
	border: 1px dashed #c5c6c7;
	border-width: 1px 0 0 1px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.process-columns .process-col:nth-child(even) {
	text-align: left;
}

.process-columns .process-col:nth-child(even):before,
.process-columns .process-col:nth-child(even):after {
	right: auto;
}

.process-columns .process-col:nth-child(even):before {
	left: 2px;
}

.process-columns .process-col:nth-child(even):after {
	left: 56px;
	border-width: 0 1px 1px 0;
}

.process-columns .process-col:nth-child(even) .text-holder {
	float: right;
	width: 296px;
}

.process-columns .process-col:nth-child(even) .ico-holder {
	float: left;
}

.process-columns .process-col .title {
	display: inline-block;
	vertical-align: top;
	font: 400 26px/30px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	margin-bottom: 16px;
	text-transform: capitalize;
}

.process-columns .process-col .text-holder {
	font-size: 16px;
	line-height: 20px;
	float: left;
	width: 281px;
}

.process-columns .process-col .ico-holder {
	float: right;
	text-align: center;
	width: 75px;
	margin-top: 14px;
}

.electric-control-wrap {
	background: #f3f3f3;
	color: #121c1f;
	padding: 47px 0 91px;
}

.electric-control-wrap .holder {
	max-width: 1115px;
}

.electric-control-wrap .text-holder,
.electric-control-wrap .img-holder {
	float: left;
}

.electric-control-wrap .text-holder {
	font-size: 14px;
	line-height: 17px;
	font-weight: 500;
	width: 574px;
	padding: 76px 95px 0 5px;
}

.electric-control-wrap .text-holder p {
	margin-bottom: 17px;
}

.electric-control-wrap .text-holder .btn {
	margin-top: 26px;
	min-width: 148px;
	font-size: 16px;
	font-weight: 400;
	padding: 12px 12px 14px;
}

.electric-control-wrap .img-holder {
	width: 481px;
	position: relative;
	z-index: 1;
}

.electric-control-wrap .img-holder .shadow {
	position: absolute;
	top: 0;
	left: -12px;
	width: 16px;
	height: 412px;
}

.electric-control-wrap .img-holder .ico-dollar,
.electric-control-wrap .img-holder .phone-holder {
	position: absolute;
}

.electric-control-wrap .img-holder .ico-dollar {
	white-space: nowrap;
	text-align: center;
	display: block;
	left: auto;
	right: 115px;
	top: 42px;
	width: 92px;
	height: 92px;
	background: #68727f;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 0 0 8px #fff;
}

.electric-control-wrap .img-holder .ico-dollar:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	min-height: 100%;
}

.electric-control-wrap .img-holder .ico-dollar > * {
	white-space: normal;
	display: inline-block;
	vertical-align: middle;
	max-width: 99%;
}

.electric-control-wrap .img-holder .phone-holder {
	left: 27px;
	top: auto;
	bottom: -91px;
}

.electric-control-wrap .title-wrapper {
	font-family: SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	margin-bottom: 32px;
}

.electric-control-wrap .title-wrapper span,
.electric-control-wrap .title-wrapper strong {
	display: inline-block;
	vertical-align: top;
}

.electric-control-wrap .title-wrapper span {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 14px;
	text-transform: uppercase;
}

.electric-control-wrap .title-wrapper strong {
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
}

.blockquote-wrap {
	min-height: 482px;
	position: relative;
	white-space: nowrap;
	text-align: center;
	z-index: 1;
	color: #fff;
	font: 36px/48px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
}

.blockquote-wrap:before,
.blockquote-wrap:after {
	content: "";
}

.blockquote-wrap:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, .65);
	z-index: -1;
}

.blockquote-wrap:after {
	min-height: 482px;
	display: inline-block;
	vertical-align: middle;
	width: 0;
}

.blockquote-wrap .holder {
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
}

.blockquote-wrap blockquote {
	margin: 0;
}

.blockquote-wrap blockquote q {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin-bottom: 57px;
}

.blockquote-wrap blockquote cite {
	display: inline-block;
	vertical-align: top;
	background: #d91f1e;
	font-style: normal;
	text-transform: uppercase;
	font: 700 26px/28px "Times New Roman", serif;
	padding: 0 4px;
}

.blockquote-wrap blockquote cite:after {
	content: "";
	background: url(../images/ico-leaf.jpg) no-repeat;
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: top;
}

.app-info-wrap {
	padding: 81px 0 0;
	border-bottom: 1px solid #d8d8d6;
}

.app-info-wrap .title-wrapper {
	margin-bottom: 59px;
}

.app-info-wrap .title-wrapper span,
.app-info-wrap .title-wrapper strong {
	display: inline-block;
	vertical-align: top;
	color: #303030;
	font: 33px/48px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
}

.app-info-wrap .title-wrapper strong {
	color: #0072bc;
	text-transform: uppercase;
	font-weight: 500;
}

.app-info-wrap .text-holder,
.app-info-wrap .img-holder {
	float: left;
}

.app-info-wrap .text-holder {
	width: 720px;
	margin: 37px 0 0 -361px;
	color: #3a3a3a;
	font-size: 26px;
	line-height: 30px;
	padding-left: 3px;
}

.app-info-wrap .text-holder ul li {
	padding: 0 0 48px 58px;
	position: relative;
}

.app-info-wrap .text-holder ul li:before {
	content: "";
	background: url(../images/ico-plus.png) no-repeat;
	width: 33px;
	height: 28px;
	position: absolute;
	left: 2px;
	top: 0;
}

.use-info-wrap {
	color: #222;
	padding: 66px 0;
}

.use-info-wrap .holder {
	max-width: 1140px;
}

.use-info-wrap .title-wrapper {
	text-align: center;
	color: #121c1f;
	font: 14px/18px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	margin-bottom: 59px;
}

.use-info-wrap .title-wrapper h1 {
	color: #121c1f;
	font: 400 30px/34px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	margin-bottom: 14px;
	text-transform: capitalize;
}

.use-info-wrap .columns-holder {
	overflow: hidden;
	margin: 0 -65px;
}

.use-info-wrap .column {
	float: left;
	width: 33.33%;
	padding: 0 65px;
	position: relative;
}

.use-info-wrap .column + .column:before {
	content: "";
	position: absolute;
	left: -53px;
	top: 83px;
	background-image: url(../images/separator01.png);
	background-repeat: no-repeat;
	width: 142px;
	height: 102px;
}

.use-info-wrap .column + .column + .column:before {
	background-image: url(../images/separator02.png);
	width: 212px;
	left: -159px;
	top: 30px;
}

#main .use-info-wrap h2 {
	font-size: 24px;
	line-height: 28px;
	text-align: left;
	margin-bottom: 29px;
}

.use-info-wrap .img-holder {
	white-space: nowrap;
	text-align: center;
	margin-bottom: 42px;
}

.use-info-wrap .img-holder:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	min-height: 201px;
}

.use-info-wrap .img-holder > * {
	white-space: normal;
	display: inline-block;
	vertical-align: middle;
	max-width: 99%;
}

.use-info-wrap .text-holder {
	line-height: 16px;
	padding-left: 5px;
}

.blockquote-slider {
	background: #378dec;
	color: #fff;
	text-align: center;
	padding: 71px 0 41px;
	font-size: 24px;
	line-height: 29px;
}

.blockquote-slider .slider {
	padding: 0 125px;
	position: relative;
}

.blockquote-slider .title {
	display: inline-block;
	vertical-align: top;
	font: 400 18px/22px SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	padding: 0 44px 13px;
	border-bottom: 1px solid rgba(255, 255, 255, .3);
	margin-bottom: 59px;
}

.blockquote-slider blockquote {
	margin: 0 0 36px;
}

.blockquote-slider blockquote q {
	quotes: none;
}

.blockquote-slider .client-info {
	text-transform: capitalize;
}

.blockquote-slider .client-info span {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 18px;
	margin-top: -5px;
}

.blockquote-slider .client-info span.name {
	font-size: 18px;
	line-height: 22px;
	margin-top: 0;
}

.blockquote-slider .client-img {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 11px;
	border: 5px solid #e0e0e0;
}

.blockquote-slider .client-img img {
	max-width: 100%;
}

.blockquote-slider .arrow-holder {
	position: absolute;
	top: 48px;
	left: 0;
	width: 100%;
}

.blockquote-slider .btn-next,
.blockquote-slider .btn-prev {
	-webkit-transition: opacity, .3s, ease-in-out;
	transition: opacity, .3s, ease-in-out;
	overflow: hidden;
	text-indent: 101%;
	white-space: nowrap;
	display: block;
	width: 30px;
	height: 57px;
	background: url(../images/sprite-arrow.png) no-repeat;
	position: absolute;
	left: 40px;
	top: 0;
}

.blockquote-slider .btn-next:hover,
.blockquote-slider .btn-prev:hover {
	opacity: .8;
}

.blockquote-slider .btn-next {
	left: auto;
	right: 40px;
	background-position: -40px -1px;
}

.logo-section.alt {
	padding: 42px 0 24px;
}

.logo-section.alt h2 {
	margin-bottom: 42px;
}

#main .logo-section.alt h2 {
	font-size: 24px;
}

.logo-section.alt .holder {
	max-width: 1320px;
}

.logo-section.alt .logo-list li {
	margin-left: 43px;
}

.logo-section.alt .logo-list li:first-child {
	margin-left: 0;
}

.blue-bar {
	text-transform: capitalize;
}

.blue-bar sup {
	font-size: 19px;
	top: -9px;
}

.monitoring-banner {
	background: #454346;
	position: relative;
	min-height: 500px;
	color: #fff;
	padding: 94px 0;
}

.monitoring-banner .img-holder {
	position: absolute;
	left: 45.5%;
	right: 0;
	top: 0;
	bottom: 0;
	background-size: auto 100%;
	background-position: 0 100%;
	background-repeat: no-repeat;
}

.monitoring-banner .text-holder {
	color: #fff;
	width: 42%;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	padding: 0 29px 0 7px;
	letter-spacing: .029em;
}

.monitoring-banner p {
	margin: 0 0 43px;
}

.monitoring-banner h1 {
	font: 40px/50px Lato, Arial, "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 400;
	margin: 0 0 33px;
	letter-spacing: -.03em;
}

.monitoring-banner h1 span {
	font-weight: 100;
	display: block;
}

.section-promotion {
	line-height: 22px;
	padding: 110px 0 32px;
	font-size: 18px;
	color: #383838;
}

.section-promotion .hold {
	color: #040403;
	font-size: 14px;
	padding: 0 37px 0 0;
}

#main .section-promotion h2 {
	font-size: 24px;
	line-height: 30px;
	margin: 0 0 26px;
	text-align: left;
	color: #383838;
}

.section-promotion .text-holder {
	width: 62.5%;
	float: left;
}

.section-promotion .img-holder {
	width: 37.5%;
	float: left;
	margin: -21px 0 0;
}

.section-promotion .three-col {
	font-size: 0;
	letter-spacing: -4px;
	padding: 20px 0;
	margin: 0 -60px 0 -10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.section-promotion .three-col li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	font-size: 18px;
	line-height: 24px;
	max-width: 33.33%;
	padding: 0 51px 29px 10px;
}

.section-promotion .title {
	font-size: 18px;
	line-height: 24px;
	display: block;
	color: #474748;
	text-transform: uppercase;
}

.section-promotion .icon-holder {
	min-height: 136px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 0 10px;
	text-align: center;
}

.btn.btn-large {
	font-size: 16px;
	padding: 10px 10px 13px;
	display: block;
	max-width: 269px;
	margin: 0 auto;
	border-radius: 6px;
}

.solution-wrap.monitoring .monitor-wrap {
	padding: 72px 0;
}

.solution-wrap.monitoring h1 {
	margin-bottom: 9px;
	color: #051b22;
}

.solution-wrap.monitoring .title {
	font-size: 18px;
	line-height: 20px;
	color: #051b22;
	margin: 0 0 58px;
}

.solution-wrap.monitoring .column-holder {
	margin: 0 -45px 24px;
}

.solution-wrap .bulb img {
	margin: -7px -29px 0 0;
}

.process-wrap.monitoring {
	padding: 50px 0 54px;
}

.process-wrap.monitoring h1 {
	font-family: Lato, Arial, "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 0 8px;
}

.process-wrap.monitoring h2 {
	font-family: Lato, Arial, "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
}

.process-wrap.monitoring .title-wrap {
	margin: 0 0 39px;
}

.detail-block.monitoring {
	background: #4495ec;
	padding: 56px 0 76px;
}

.detail-block.monitoring h3 {
	font: 500 36px/40px Lato, Arial, "Helvetica Neue", "Helvetica", sans-serif;
	margin: 0 0 76px;
}

.detail-block.monitoring .img-block {
	width: 25%;
	float: left;
	padding: 8px 0 0;
}

.detail-block.monitoring .txt-holder {
	width: 75%;
	float: left;
}

.detail-block.monitoring strong {
	display: inline;
	font-weight: 700;
}

.detail-block.monitoring .text-hold {
	margin: 0 0 51px;
	font-size: 18px;
	line-height: 22px;
	width: 50%;
	letter-spacing: 0;
	display: inline-block;
	vertical-align: top;
	padding-right: 16.665%;
}

.detail-block.monitoring .text-hold:nth-child(2n) {
	padding-right: 0;
	padding-left: 18.665%;
}

.detail-block.monitoring .img-hold {
	width: 382px;
	position: absolute;
	left: 50%;
	bottom: -1px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	margin: 0 0 0 8px;
}

.detail-block.monitoring .img-hold img {
	max-width: 100%;
	height: auto;
}

.detail-block.monitoring .three-col {
	font-size: 0;
	letter-spacing: -4px;
}

.app-info-wrap.monitoring {
	padding: 60px 0 0;
	border-bottom: 0;
}

.app-info-wrap.monitoring .text-holder {
	margin: 80px 0 0 -360px;
}

.app-info-wrap.monitoring .title-wrapper {
	margin: 0 0 64px;
}

.app-info-wrap.monitoring .title-wrapper span {
	font-size: 39px;
	font-family: Lato, Arial, "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: normal;
}

.app-info-wrap.monitoring .img-holder {
	margin: 0 0 0 -8px;
}

.section-real {
	font-size: 30px;
	line-height: 36px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.section-real .text-holder {
	width: 300px;
	color: #fff;
}

.section-real .holder {
	min-height: 680px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.section-real .img-block,
.section-real .icon-block {
	text-align: center;
	margin: 0 0 36px;
}

.section-real .img-block {
	width: 287px;
	height: 287px;
	border-radius: 50%;
	border: 10px solid rgba(0, 0, 0, .36);
	overflow: hidden;
}

.section-real .icon-block {
	margin: -6px 0 50px;
}

.section-real.right {
	font-size: 40px;
	line-height: 48px;
}

.section-real.right .holder {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.banner-contact {
	font-size: 16px;
	line-height: 22px;
	font-family: SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	text-align: center;
	color: #131313;
	padding: 75px 0;
}

#main .banner-contact h2 {
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	font-family: SohoGothicPro, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	color: #131313;
	margin: 0 0 23px;
}

.banner-contact .telephone {
	font-size: 30px;
	line-height: 34px;
	text-decoration: none;
	color: #131313;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 19px;
}

.banner-contact p {
	margin: 0 0 26px;
}


/* BoilerLink Header */
.visual.boilerlink-header {
  background: transparent url("/static/images/boilerlink_header.jpg") 50% 0 no-repeat;
  height: 618px;
  position: relative;
}
.visual.boilerlink-header .text1 {
  position: absolute;
  left: 50%;
  width: 45em;
  color: #fff;
  margin-top: 2.25em;
}
.visual.boilerlink-header .text1 > * {
  text-align: center;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}
.visual.boilerlink-header .text1 > h1 {
  font-size: 1.75em;
  margin-bottom: .5em;
}

.visual.boilerlink-header .text-box {
  position: absolute;
  left: calc(50% - 30em);
  top: 21.8em;
  color: #fff;
  width: 15em;
  height: 15em;
  text-align: center;
}
.visual.boilerlink-header .text-box > h3 {
  font-size: 1.6em;
  line-height: 1.25em;
}

/* BoilerLink Gas Bills */
.visual.boilerlink-gasbills {
  background: transparent url("/static/images/boilerlink_gasbills.jpg") calc(50% + 398px) 0 no-repeat;
  height: 600px;
  position: relative;
}
.visual.boilerlink-gasbills .text1, .visual.boilerlink-gasbills .text2 {
  position: absolute;
}
.visual.boilerlink-gasbills .text1 > *, .visual.boilerlink-gasbills .text2 {
  width: 576px;
}
.visual.boilerlink-gasbills .text1 > * {
  color: #2e8ed8;
}
.visual.boilerlink-gasbills .text1 {
  top: 150px;
}
.visual.boilerlink-gasbills .text2 {
  top: 268px;
  color: #666;
  font-size: 1.5em;
}

/* BoilerLink Mobile Area */
.visual.boilerlink-mobilearea {
  background: transparent url("/static/images/boilerlink_mobilearea.jpg") 50% 0 no-repeat;
  height: 606px;
  position: relative;
}
.visual.boilerlink-mobilearea .text1, .visual.boilerlink-mobilearea .text2, .visual.boilerlink-mobilearea .text3 {
  position: absolute;
}
.visual.boilerlink-mobilearea .text1 > * {
  width: 576px;
  color: #2e8ed8;
}
.visual.boilerlink-mobilearea .text1 {
  top: 100px;
  left: 50%;
}
.visual.boilerlink-mobilearea .text2 {
  top: 188px;
  left: 50%;
  color: #fff;
  font-size: 1.45em;
}
.visual.boilerlink-mobilearea .text2 > p {
  margin-top: 50px;
}

/* BoilerLink Alerts Container */
.visual.boilerlink-alerts {
  background: transparent url("/static/images/boilerlink_alerts.jpg") 50% 206px no-repeat;
  height: 624px;
  position: relative;
}
.visual.boilerlink-alerts .title, .visual.boilerlink-alerts .title > * {
  color: #2e8ed8;
  width: 100%;
  text-align: center;
}
.visual.boilerlink-alerts .title {
  margin-top: 80px;
  text-transform: uppercase;
}
.visual.boilerlink-alerts .text {
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
  max-width: 100%;  
}
.visual.boilerlink-alerts .text, .visual.boilerlink-alerts .text > * {
  text-align: center;
  font-size: 1.2em;
  color: #666;
}
.visual.boilerlink-alerts .boxes {
  position: absolute;
  left: calc(50% - 600px);
  width: 1232px;
  top: 460px;
}
.visual.boilerlink-alerts .boxes > div.item {
  display: inline-block;
  float: left;
  margin: 0 20px;
  width: calc((1232px / 5) - 40px);
  color: #666;
  text-align: center;
  font-size: 1.2em;
  padding: 0 29px;
}
.visual.boilerlink-alerts .boxes > div.item:nth-child(1) { margin-left: -8px; }
.visual.boilerlink-alerts .boxes > div.item:nth-child(2) { margin-left: 28px; }
.visual.boilerlink-alerts .boxes > div.item:nth-child(3) { margin-left: 28px; }
.visual.boilerlink-alerts .boxes > div.item:nth-child(4) { margin-left: 28px; }
.visual.boilerlink-alerts .boxes > div.item:nth-child(5) { margin-left: 28px; margin-right: 0 }

/* BoilerLink Map */
.visual.boilerlink-map {
  background: transparent url("/static/images/boilerlink_map.jpg") 50% 0 no-repeat;
  height: 770px;
  position: relative;
}
.visual.boilerlink-map .title, .visual.boilerlink-map .title > * {
  width: 100%;
  text-align: center;
}
.visual.boilerlink-map .title {
  margin-top: 90px;
  text-transform: uppercase;
}
.visual.boilerlink-map .text {
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
  max-width: 100%;  
}
.visual.boilerlink-map .text, .visual.boilerlink-map .text > * {
  text-align: center;
  font-size: 1.2em;
  color: #333;
}
.visual.boilerlink-map .ipad-map {
  background: transparent url("/static/images/boilerlink_ipad-map.png") 50% 40px no-repeat;
  height: 512px;
  position: relative;
  background-size: 960px auto;
}

/* BoilerLink Mech */
.visual.boilerlink-mech {
  background: transparent url("/static/images/boilerlink_mech.jpg") calc(50% + 445px) 0 no-repeat;
  height: 679px;
  position: relative;
}
.visual.boilerlink-mech .text1, .visual.boilerlink-mech .text2 {
  position: absolute;
}
.visual.boilerlink-mech .text1 > * {
  width: 576px;
}
.visual.boilerlink-mech .text1 > * {
  color: #666;
}
.visual.boilerlink-mech .text1 {
  top: 64px;
}
.visual.boilerlink-mech .text2 {
  top: 176px;
  color: #666;
  font-size: 1.45em;
}
.visual.boilerlink-mech .button-holder {
  position: absolute;
  top: 580px;
  left: calc(50% - 585px);
}
.visual.boilerlink-mech .button-holder button {
  background-color: #2e8ed8;
  color: #fff;
  padding: 12px;
  border: 0;
  font-size: 1.25em;
}

/* BoilerLink Bottom */
.visual.boilerlink-bottomarea {
  background: transparent url("/static/images/boilerlink_bottomarea.jpg") 50% 0 no-repeat;
  height: 658px;
  position: relative;
}
.visual.boilerlink-bottomarea .text1, .visual.boilerlink-bottomarea .text2, .visual.boilerlink-bottomarea .text3 {
  position: absolute;
}
.visual.boilerlink-bottomarea .text1 > * {
  width: 576px;
  color: #2e8ed8;
}
.visual.boilerlink-bottomarea .text1 {
  top: 100px;
}
.visual.boilerlink-bottomarea .text2 {
  top: 188px;
  color: #333;
  font-size: 1.45em;
}
.visual.boilerlink-bottomarea .text3 {
  top: 124px;
  left: calc(50% + 336px);
}

.visual.boilerlink-header h1,
.visual.boilerlink-gasbills h1,
.visual.boilerlink-mobilearea h1,
.visual.boilerlink-alerts h1,
.visual.boilerlink-map h1,
.visual.boilerlink-mech h1,
.visual.boilerlink-bottomarea h1 {
  font: 30px/39px Lato, "Times New Roman", "Times", "Baskerville", "Georgia", serif;
  color: #fff;
  margin: 0 0 12px;
  text-transform: uppercase;
  max-width: 685px;
}
.visual.boilerlink-alerts .title h2,
.visual.boilerlink-map .title h2 {
  font: 30px/39px Lato, "Times New Roman", "Times", "Baskerville", "Georgia", serif !important;
  margin: 0 0 12px !important;
  text-transform: uppercase !important;
}

@media only screen and (min-width: 1025px) {
	a[href^=tel],
	a[href^=skype],
	a[href^=sms] {
		cursor: default;
		pointer-events: none;
	}
}