/*===========================================================================
    * @author    http://sergeypodolsky.ru/
    * @copyright Copyright (C) Сергей Подольский
=============================================================================*/

@import url(base.css);

@import url('//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic&subset=latin,cyrillic');
@import url('//fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=latin,cyrillic');
@import url('//allfont.ru/css/?fonts=roboto-bold-condensed');
@font-face {
    font-family: 'roboto_condensedlight';
    src: url('../fonts/roboto/roboto-condensed-light.eot');
    src: url('../fonts/roboto/roboto-condensed-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-condensed-light.woff') format('woff'),
         url('../fonts/roboto/roboto-condensed-light.ttf') format('truetype'),
         url('../fonts/roboto/roboto-condensed-light.svg#roboto_condensedlight') format('svg');
}
@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('../fonts/roboto/robotocondensed-lightitalic.eot');
    src: url('../fonts/roboto/robotocondensed-lightitalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/robotocondensed-lightitalic.woff') format('woff'),
         url('../fonts/roboto/robotocondensed-lightitalic.ttf') format('truetype'),
         url('../fonts/roboto/robotocondensed-lightitalic.svg#roboto_condensedlight_italic') format('svg');
}
@font-face {
    font-family: 'RobotoBoldCondensed';
    src: url('../fonts/roboto/roboto-bold-condensed.eot');
    src: url('../fonts/roboto/roboto-bold-condensed.eot') format('embedded-opentype'),
         url('../fonts/roboto/roboto-bold-condensed.woff') format('woff'),
         url('../fonts/roboto/roboto-bold-condensed.ttf') format('truetype'),
         url('../fonts/roboto/roboto-bold-condensed.svg#RobotoBoldCondensed') format('svg');
}
@font-face {
    font-family: 'HeliosCondBold';
    src: url('../fonts/helios/helioscondbold.eot');
    src: url('../fonts/helios/helioscondbold.eot') format('embedded-opentype'),
         url('../fonts/helios/helioscondbold.woff') format('woff'),
         url('../fonts/helios/helioscondbold.ttf') format('truetype'),
         url('../fonts/helios/helioscondbold.svg#HeliosCondBold') format('svg');
}

body {
    background: url("../images/template/pattern.jpg") 50% 0;
	font: 20px/24px 'roboto_condensedlight', sans-serif;
    color: #fff;
}
html, body {
    min-width: 980px;
}
.wrapper {
    width: 910px;
    padding: 0 35px;
}
h1,h2,h3,h4,b,strong,th {
    font-family: 'Roboto Condensed';
    font-weight: bold;
}
p,pre,ul,ol,dl {
    margin: 12px 0;
}
ul.reset.defaul,ol.reset.defaul{
    margin: 18px 0;
}
ul.reset.defaul li, ol.reset.defaul li {
    margin: 0 0 7px;
}
ul.reset.defaul + ul {
    margin-top: 30px;
}
i.light,em.light {
    font-family: 'roboto_condensedlight_italic';
    font-weight: normal;
    font-style: normal;
}
.link-color-blue a{color: #AAE3FF;}
a {color: #FFB000;}/*E39900*/
a.color-white {color: #fff;}
a:hover,
.link-color-blue a:hover,
a.color-white:hover {color: #CA4700; text-decoration: none;}

small {font-size: 70%;}

/* Icons */
.icons {
    background-image: url("../images/template/icons.png");
    background-repeat: no-repeat;
    display: inline-block;
    position: relative; top: -1px;
    vertical-align: middle;
}
.color-gray {color: #7A7A7A;}
.color-gray-light {color: #D1D1D1;}
.color-yellow {color: #FFB000;}

.f15 {font-size: 15px !important;}

/* Header
-----------------------------------------------------------------------------*/
header.header {
    background: url("../images/template/bg-header.jpg") no-repeat center 0 #000;
}
.index header.header {
    margin-bottom: 50px;
}
header .header-top {
    margin-top: 15px;
    margin-bottom: 43px;
}
/*logo*/
header .logo{}
header .logo a {
    display: block;
    text-decoration: none;
    color: #7A7A7A;
    text-align: center;
}
header .logo a img {

}
header .logo .slogan {
    display: block;
    font-size: 14px;
    letter-spacing: -0.5px;
}

/*tool-bar*/
header .tool-bar{}

/*header-title*/
.btn.orange,
form.default input[type="submit"],
header .header-title:before,
header .header-title:after,
header .header-title {
    background: #ffb200;
    background: -moz-linear-gradient(top, #ffb200 0%, #ff9100 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb200), color-stop(100%,#ff9100));
    background: -webkit-linear-gradient(top, #ffb200 0%,#ff9100 100%);
    background: -o-linear-gradient(top, #ffb200 0%,#ff9100 100%);
    background: -ms-linear-gradient(top, #ffb200 0%,#ff9100 100%);
    background: linear-gradient(to bottom, #ffb200 0%,#ff9100 100%);

	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.btn.orange:hover,
form.default input[type="submit"]:hover {
    background: #ff9100;
    background: -moz-linear-gradient(top, #ff9100 0%, #ffb200 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9100), color-stop(100%,#ffb200));
    background: -webkit-linear-gradient(top, #ff9100 0%,#ffb200 100%);
    background: -o-linear-gradient(top, #ff9100 0%,#ffb200 100%);
    background: -ms-linear-gradient(top, #ff9100 0%,#ffb200 100%);
    background: linear-gradient(to bottom, #ff9100 0%,#ffb200 100%);
}
header .header-title {
    position: relative;
    text-align: center;
    margin: 40px 0 0;
}
header .header-title .row .l {
    max-width: 640px;
}
header .header-title .title {
    font: 45px/48px 'HeliosCondBold';
    color: #fff;
    margin: 0;
    padding: 15px;
}
header .header-title .box-img {
    position: absolute;
    width: 340px;
	height: 417px;
    top: 50%; right: -15px;
    margin-top: -208.5px;
}
header .header-title:before,
header .header-title:after {
    content: '';
    display: block;
    position: absolute;
    width: 1000%;
	height: 100%;
    top: 0;
}
header .header-title:before {
    left: 0;
    margin-left: -1000%;
}
header .header-title:after {
    right: 0;
    margin-right: -1000%;
}
/**/
.descript-bar {
    position: relative;
}
.descript-bar .l {
    width: 600px;
}
.descript-bar .r {
    width: 290px;
}
/**/
.form-bar {
    border: 3px solid #7B7B7B;
    text-align: center;
    padding: 15px 10px;
    min-height: 258px;
    margin: 10px 0 0;
    font-family: 'roboto_condensedlight';
}
.form-bar .title {
    font-size: 20px;
    margin: 0 0 20px;
    line-height: 24px;
    letter-spacing: -1px;
}
.form-bar .title > b {
    letter-spacing: 0;
}
.form-bar .privacy small {
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
}
.form-bar .wrap.btn-bar {
    margin-top: 15px;
}
/**/
form.default {}
form.default textarea,
form.default input[type="text"],
form.default input[type="email"],
form.default input[type="password"] {
    background: #fff;
    border: 0;
    padding: 12px;
    font: 16px/20px 'roboto_condensedlight';
    width: 222px;
    text-align: center;
    outline: none;
    color: #9DA9B4;
}
.btn.orange,
form.default input[type="submit"] {
    border: 0;
    border-bottom: 3px solid #A43A00;
    height: 44px;
    font: bold 17px/40px 'Roboto Condensed';
    padding: 0;
    text-transform: uppercase;
    width: 242px;
    color: #fff;
}
.btn.orange:active,
form.default input[type="submit"]:active {
    background: #FF9000;
}
form.default textarea:focus,
form.default input[type="text"]:focus,
form.default input[type="email"]:focus,
form.default input[type="password"]:focus {
}
form.default .wrap {
    margin: 10px 0;
    position: relative;
}
form.default .formError + input {
    outline: 2px solid #A43A00 !important;
}

/**/
.access.arrow {
    margin: 10px 0;
    z-index: 9;
    position: relative;
}
.access.arrow small {
    display: inline-block;
    position: relative;
    margin-left: -50px;
}
.access.arrow .arr {
    background: url("../images/template/arrow-1.png") no-repeat;
    content: '';
    display: inline-block;
    position: absolute !important;
    width: 120px;
	height: 53px;
    top: -27px; right: -130px;
    z-index: 1;
}
.arrow.yellow .arr {
    background-position: 0 -53px;
}

/**/
section.section {
    padding: 0 0 24px;
}
.arrow.bottom {
    position: relative;
    z-index: 1;
    padding: 48px 0 24px;
}
.trash.arr {
    padding: 48px 0 0;
}
.trash .arrow.bottom,
.arrow.bottom:before {
    background: url("../images/template/icons.png") no-repeat 0 -38px;
    content: '';
    display: inline-block;
    position: absolute;
    width: 98px;
	height: 38px;
    left: 50%;
    margin-left: -49px;
    top: 0;
}
.gray.arrow.bottom:before {
    background-position: -98px -38px;
}
.separ.arrow.bottom {
    padding: 0 0 48px;
    margin: 0 0 -48px;
    overflow: hidden;
}
.separ.arrow.bottom:before {
    background-position: 0 0;
    width: 184px;
	height: 38px;
    margin-left: -92px;
}
.arrow.bottom.anim:before{
    top: -38px;
}
.ie9 .arrow.bottom.anim:before,
.ie8 .arrow.bottom.anim:before {
    top: 0;
}
.anim:before,
.anim-topbot {
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
    -moz-animation: topbot 1s ease-in-out 4s infinite alternate;
    -webkit-animation: topbot 1s ease-in-out 4s infinite alternate;
    -ms-animation: topbot 1s ease-in-out 4s infinite alternate;
}
@-webkit-keyframes topbot {
    from {top: -38px;} to {top: 10px;}
}
@-moz-keyframes topbot {
    from {top: -38px;} to {top: 10px;}
}
@-ms-keyframes topbot {
    from {top: -38px;} to {top: 10px;}
}
@-o-keyframes topbot {
    from {top: -38px;} to {top: 10px;}
}
@keyframes topbot {
    from {top: -38px;} to {top: 10px;}
}
.header-cnt {
    overflow: hidden;
    padding: 64px 0 32px;
}

/* Main
-----------------------------------------------------------------------------*/
/* .nav.curs */
.nav.curs {
    margin: 20px 0;
    padding-left: 120px;
}
.nav.curs li {
    margin: 0 0 7px;
}
.nav.curs li small {
    margin-right: 14px;
}

/* Button */
.btn {
    background-color: transparent;
    border: 0;
    text-align: center;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
    /*style*/
    padding: 0 15px;
    font-family: 'Roboto';
    font-weight: 100;
}
.btn:hover {}
.btn:active {}

.btn.border {
    border: 1px solid transparent;
}
.btn.radius {
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.btn.shadow {
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 10px 8px rgba(255, 255, 255, 0.2) inset;
}
.btn.gray {
background: #505050;
    color: #fff !important;
}
.btn.gray:hover {
    background: #63727B;
}

/*grafic-img*/
.grafic-img {
    text-align: center;
    margin: 20px 0;
}
.grafic-img img {
    display: inline-block;
    margin: -30px 0 0;
}

/* Footer
-----------------------------------------------------------------------------*/
.footer {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    padding: 15px 0 30px;
}

/* menu-page
-----------------------------------------------------------------------------*/
body.menu-page {}
.menu-page header.header {
    margin: 0;
}
.menu-page .header-top.table {
    margin: 35px 0;
}
.menu-page .header-top .tool-bar {
    text-align: right;
    padding-right: 15px;
}
.trash {
    background: url("../images/template/trash.png") repeat-x center 0;
    padding-top: 22px;
    position: relative;
}

.video-bar h1.title,
h3.title {
    font: 30px/36px 'HeliosCondBold';
}
.wrap.w670{
    width: 670px;
    margin: auto;
}
h3.title.subtitle,
.wrap.w670 h3.title {
    margin: 8px 0 18px;
}
.download-bar {
    margin-top: 30px;
    margin-bottom: 35px;
}
.download-bar .l .download-box {
    margin-left: 40px;
}
.download-bar .r .download-box {
    margin-right: 40px;
}
.icons.download {
    background-position: 0 -76px;
    width: 58px;
	height: 63px;
}
.icons.youtube {
    background-position: -58px -76px;
    width: 150px;
	height: 63px;
}
.nav.curs li {
    position: relative;
}
.nav.curs .les {
    display: inline-block;
    text-decoration: none;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
    position: absolute;
    right: 100%;
    margin-left: -100%;
}
.nav.curs a:hover .les{
    font-size: 20px;
}
.download-bar .icons {
    display: inline-block;
}
.trash .arrow.bottom {
    padding: 0;
}

/* video-page
-----------------------------------------------------------------------------*/
body.video-page {
    background: url("../images/template/pattern-video-page.jpg") 50% 0;
}
.video-page header.header {
    background: url("../images/template/bg-header-video.jpg") no-repeat center 0 #252525;
    max-height: 1020px;
    overflow: hidden;
}
.bg-section{
    background: url("../images/template/pattern-video-section.jpg") 50% 0;
}
.footer .logo-foot {
    margin: 20px 0;
}
.video-page .video-bar {
    margin: auto;
    padding: 20px;
    max-width: 1280px;
    min-width: 940px;

}
.video-page .video-bar-inner {
    background: #383838;
    background: rgba(60,60,60,0.8);
    padding: 20px 30px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.video-bar .video-title {}
.video-bar .video-title .title {
    margin: 0 0 5px;
}
.video-bar .video-title .author {
    font-size: 16px;
}
.video-bar .video-box {
    background: #E1E1E1;
    margin: 20px -30px -20px;
    overflow: hidden;
}
.video-bar .video-box:first-child {
    margin: -20px -30px 20px;
}
.video-bar .video-nav {
    margin: 15px auto;
    text-align: center;
}
.video-bar .video-nav.table > div {
    padding: 0 15px;
}
.video-bar .video-nav .cell > div {
    margin: 15px 0;
}
.video-bar .video-nav .icons-bar {
	height: 56px;
}
.video-bar .video-nav .btn {
    padding: 0 10px;
    position: relative;
    z-index: 1;
}
.video-bar .video-nav .btn:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
	height: 90px;
    left: 0; top: -90px;
}
.video-bar .video-nav .icons.youtube.white {
    margin-top: 6px;
}
.video-bar .video-nav .cell .icons {
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
    transform: rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    top: 0;
}
.video-bar .video-nav .cell.hover .icons.prev {
    transform: rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
}
.video-bar .video-nav .cell.hover .icons.next {
    transform: rotate(90deg);
    -ms-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
}
.video-bar .video-nav .cell.hover .icons.youtube,
.video-bar .video-nav .cell.hover .icons.brend {
    top: -5px;
}
/*disabled*/
.cell.disabled .btn,
.cell.disabled .icons {
    visibility: hidden;
}
/**/
.icons.next.white,
.icons.prev.white {
    width: 47px;
	height: 56px;
}
.icons.prev.white {
    background-position: 0 -139px;
}
.icons.next.white {
    background-position: -47px -139px;
}
.icons.youtube.white {
    background-position: -94px -139px;
    width: 109px;
	height: 46px;
}
.icons.brend.bllue {
    background-position: 0 -195px;
    width: 88px;
	height: 55px;
}

.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed,
.responsive-video img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fancybox-inner *,
.fancybox-inner *:before,
.fancybox-inner *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}