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

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

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

[hidden] { display: none; }

html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; }

body { margin: 0; }

a:focus { outline: thin dotted; }

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

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }

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

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

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

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

p, pre { margin: 1em 0; }

code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ''; content: none; }

small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

dd, dl, menu, ol, ul { margin: 0; padding: 0; }

ul, ol { list-style: none; list-style-image: none; }

img { border: 0; -ms-interpolation-mode: bicubic; }

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

figure { margin: 0; }

form { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }

button, input, select, textarea { border: 0 none; padding: 0; background: transparent; font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, select { text-transform: none; }

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

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

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

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

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

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

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

table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; vertical-align: baseline; }

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

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

.float-left { float: left; }

.float-right { float: right; }

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

.text-left { text-align: left; }

.text-right { text-align: right; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.btn { display: inline-block; padding: 0 20px; color: #FFFFFF; font-size: 14px; text-decoration: none; height: 44px; line-height: 44px; background-color: #303331; border: 1px solid #8b8c8c; font-weight: bold; font-family: "Trebuchet MS", "Helvetica CY", "sans-serif"; text-align: center; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.btn:hover { background-color: #3D3D3D; }
.btn.btn-green { background-color: #6cb411; border-color: #76A208; text-shadow: 1px 1px #447f0b; background-color: #a4db1a; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4db1a), color-stop(100%, #358e08)); background-image: -webkit-linear-gradient(#a4db1a, #358e08); background-image: linear-gradient(#a4db1a, #358e08); }
.btn.btn-green:hover { background-color: #75C211; background-color: #a4db1a; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4db1a), color-stop(100%, #389f08)); background-image: -webkit-linear-gradient(#a4db1a, #389f08); background-image: linear-gradient(#a4db1a, #389f08); }
.btn + .btn { margin-left: 15px; }

.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; /* fix */ }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-carousel .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.owl-carousel .owl-controls .owl-page, .owl-carousel .owl-controls .owl-buttons div { cursor: pointer; }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.grabbing { cursor: url("../images/grabbing.png") 8 8, move; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url("../images/AjaxLoader.gif") no-repeat center center; }

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.2
*/
.owl-theme .owl-controls { margin-top: 10px; text-align: center; }

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url("../images/AjaxLoader.gif") no-repeat center center; }

/* Owl Carousel CSS3 Transitions v1.3.2 */
.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }

/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut 1s both ease; -moz-animation: fadeOut 1s both ease; animation: fadeOut 1s both ease; }

.owl-fade-in { -webkit-animation: fadeIn 1s both ease; -moz-animation: fadeIn 1s both ease; animation: fadeIn 1s both ease; }

/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }

.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }

.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }

/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }

/* Keyframes */
/*empty*/
@-webkit-keyframes empty { 0% { opacity: 1; } }

@-moz-keyframes empty { 0% { opacity: 1; } }

@keyframes empty { 0% { opacity: 1; } }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-moz-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } }

@-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } }

@keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } }

@-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } }

@-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } }

@keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); } }

@-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } }

@-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } }

@keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } }

@-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } }

@-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } }

@keyframes goDown { from { transform: translateY(-100%); } }

@-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } }

@-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } }

@keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } }

@-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } }

@-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } }

@keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } }

/* ========================================================================== Author's custom styles ========================================================================== */
html, body { background: black url("../images/promo-page-bg.jpg") no-repeat center top; color: #FFFFFF; font-family: "Arial", "Helvetica CY", "Nimbus Sans L", "sans-serif"; font-size: 13px; line-height: 1; width: 100%; height: 100%; }

a { color: #93cf17; text-decoration: underline; }
a:hover { text-decoration: none; }

.page-wrapper { min-height: 100%; }

.page { width: 940px; margin: 0 auto; padding: 0 10px 120px; }

.page-header { padding-top: 75px; }

.intro-layout .intro-body { margin-right: 488px; }
.intro-layout .intro-title { font-size: 46px; line-height: 48px; padding-top: 65px; }
.intro-layout .intro-help { color: #848885; line-height: 15px; margin-top: 28px; }
.intro-layout .intro-actions { border-top: 1px solid #434545; margin-top: 35px; padding-top: 20px; }
.intro-layout .intro-actions .btn { padding: 0; width: 180px; }
.intro-layout .intro-slider { margin-top: -10px; float: right; width: 465px; height: 374px; }
.intro-layout .intro-slider .owl-carousel .item { width: 353px; height: 353px; margin: 0 auto; overflow: hidden; border: 9px solid #92ce17; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #FFFFFF; }
.intro-layout .intro-slider .owl-carousel .owl-prev, .intro-layout .intro-slider .owl-carousel .owl-next { background: url("../images/slider-nav.png") no-repeat; position: absolute; width: 22px; height: 37px; top: 50%; overflow: hidden; margin: -19px 0 0; padding: 0; opacity: 1; }
.intro-layout .intro-slider .owl-carousel .owl-prev { background-position: 0 0; left: 0; }
.intro-layout .intro-slider .owl-carousel .owl-prev:hover { background-position: 0 -40px; }
.intro-layout .intro-slider .owl-carousel .owl-next { background-position: -27px -40px; right: 0; }
.intro-layout .intro-slider .owl-carousel .owl-next:hover { background-position: -27px 0; }
.intro-layout .intro-slider .owl-carousel .slide-wrapper { width: 266px; height: 288px; margin-top: 65px; margin-left: 43px; text-align: center; overflow: hidden; }
.intro-layout .intro-slider .owl-carousel .slide-img { height: 165px; width: 266px; display: table-cell; vertical-align: middle; }
.intro-layout .intro-slider .owl-carousel .slide-img img { max-height: 165px; max-width: 266px; vertical-align: top; }
.intro-layout .intro-slider .owl-carousel .slide-text { margin-top: 15px; padding-top: 15px; border-top: 1px solid  #e5e5e5; font-size: 16px; color: #000201; line-height: 18px; height: 97px; overflow: hidden; }
.intro-layout .intro-slider .owl-carousel .slide-text .slide-help { color: #808080; font-size: 13px; line-height: 15px; width: 200px; margin: 15px auto 0; }

.products-layout { margin-top: 50px; }
.products-layout .products-list { width: 955px; margin-right: -15px; padding-bottom: 40px; }
.products-layout .products-list .pl-item { display: inline-block; text-decoration: none; width: 214px; height: 83px; overflow: hidden; margin-bottom: 30px; margin-right: 25px; margin-left: -4px; }
.products-layout .products-list .pl-item .img-wrapper { background: #FFFFFF; width: 75px; height: 75px; margin: 4px 12px 4px 4px; overflow: hidden; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.products-layout .products-list .pl-item .img-wrapper img { vertical-align: top; max-height: 100%; max-width: 100%; }
.products-layout .products-list .pl-item .item-title { display: table-cell; vertical-align: middle; height: 75px; color: #FFFFFF; line-height: 15px; font-family: "Trebuchet MS", "Helvetica CY", "sans-serif"; }
.products-layout .products-list .pl-item:hover .img-wrapper { margin: 0 8px 0 0; border: 4px solid #9bd227; }
.products-layout .products-list .pl-item:hover .item-title { color: #9bd227; }
.products-layout .products-list .show-more { font-size: 14px; line-height: 16px; font-family: "Trebuchet MS", "Helvetica CY", "sans-serif"; }

.info-block { border: 1px solid #424242; padding: 17px; background: rgba(255, 255, 255, 0.1); font-family: "Trebuchet MS", "Helvetica CY", "sans-serif"; margin: 20px 0; }
.info-block .ib-title { font-size: 30px; line-height: 32px; color: #FFFFFF; margin: 15px 0; }
.info-block .ib-text { margin: 15px 0; font-size: 13px; line-height: 18px; }

.page-footer { height: 64px; margin: -100px auto 0; border-top: 1px solid #6a6e6d; width: 940px; padding: 35px 10px 0; color: #FFFFFF; font-family: "Trebuchet MS", "Helvetica CY", "sans-serif"; font-size: 14px; line-height: 16px; text-align: center; }
.page-footer .copyright { font-size: 12px; line-height: 14px; color: #858785; }
