.clearfix::after {
 display:block;
 content:'';
 clear:both
}
a,
a:hover,
a:focus {
 text-decoration:none
}
.header-wrapper {
 max-width:1170px;
 padding:0 15px;
 margin:0 auto;
 background:url("img/ny2019-banner.jpg") no-repeat center;
 background-size:cover;
 position:relative
}
img {
 max-width:100%
}
body {
 background-color:#F6F7FD
}
p,
h1,
h2,
h3,
h4,
h5 {
 margin:0
}
ul {
 list-style:none
}
.mobile-header {
 display:none
}
.footer-main-row h2 {
 display:none
}
.chess-info-header {
 max-width:1080px
}
.chess-info-header-logo {
 margin-right:60px;
 max-width:250px;
 padding-top:15px
}
.chess-info-header-logo img {
 width:100%;
 height:auto
}
.arrow-up-wrapper {
 position:fixed;
 bottom:10px;
 right:10px;
 width:35px;
 height:35px;
 border-radius:50%;
 background-color:#3FC36C;
 z-index:100000;
 cursor:pointer
}
.arrow-up {
 position:absolute;
 top:13px;
 left:10px;
 width:15px;
 height:15px;
 border-top:3px solid white;
 border-left:3px solid white;
 transform:rotate(45deg)
}
.main-wrapper {
 font-family:'Roboto', sans-serif;
 position:relative
}
.main-wrapper.header:before {
 content:"";
 position:absolute;
 top:0;
 left:calc(50% - 80px);
 right:0;
 bottom:0;
 background-image:url("img/chess_header.jpg");
 background-size:cover;
 z-index:-1
}
@media screen and (max-width: 1100px) {
 .main-wrapper.header:before {
  display:none
 }
}
.main-wrapper * {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
.internal-wrapper {
 max-width:1180px;
 padding-left:20px;
 padding-right:20px;
 margin:0 auto
}
@media screen and (max-width: 500px) {
 .internal-wrapper {
  padding-left:16px;
  padding-right:16px
 }
}
.header-block {
 padding:20vh 0 8vh
}
.header-block .left {
 float:left;
 width:50%;
 padding-right:80px;
 margin:auto
}
@media screen and (max-width: 1100px) {
 .header-block .left {
  max-width:460px;
  margin:80px auto 60px
 }
}
.header-block .left .labels {
 margin-top:1em;
 margin-bottom:1em
}
.header-block .left .labels .label {
 background:#ffd602;
 color:#333;
 font-size:100%;
 border-radius:0;
 line-height: 200%;
}
.header-block .left h1 {
 font-size:58px;
 font-family:'Alegreya Sans', sans-serif;
 font-weight:700;
 margin:auto auto 0.2em;
 line-height:100%;
 color:#3261DD;
 position:relative
}
@media screen and (max-width: 500px) {
 .header-block .left h1 {
  font-size:50px
 }
}
@media screen and (max-width: 400px) {
 .header-block .left h1 {
  font-size:40px
 }
}
.header-block .left h1 i {
 font-size:.8em;
 font-weight:400;
 color:#4b77ec
}
.header-block .left h2 {
 color:#000;
 font-size:23px;
 margin:1em 26px 0 auto;
 font-weight:500
}
@media screen and (max-width: 1100px) {
 .header-block .left h2 {
  margin-right:auto
 }
}
.header-block .left .note {
 max-width:380px;
 padding:.5em 0;
 font-size:18px;
 font-style:italic
}
@media screen and (max-width: 1100px) {
 .header-block .left .note {
  max-width:inherit
 }
}
.header-block .right {
 float:right;
 width:50%;
 position:relative
}
@media screen and (max-width: 1100px) {
 .header-block .right {
  padding:60px 0 20px
 }
 .header-block .right:before {
  content:"";
  position:absolute;
  top:0;
  left:-20px;
  right:-20px;
  bottom:0;
  background-image:url("img/chess_header.jpg");
  background-size:cover;
  z-index:-1
 }
}
.header-block .right .timer-separator {
 columns:#fff
}
.header-block .right h2 {
 font-size:26px;
 font-weight:300;
 background-color:#FFD602;
 display:inline-block;
 padding:.2em .4em
}
.header-price {
 margin:30px 0;
 font-size:22px;
 color:#fff
}
.header-price .green {
 color:#34C73A;
 font-weight:700;
 font-size:37px;
 background-color: #34C73A;
 background-image: linear-gradient(-20deg, #34C73A, #f3ec78);
 background-size: 100%;
 -webkit-background-clip: text;
 -moz-background-clip: text;
 -webkit-text-fill-color: transparent;
 -moz-text-fill-color: transparent;
 filter: drop-shadow(1px 0px 0px #fff) drop-shadow(-1px 0px 0px #000);
}
.header-price .green::selection {
  -webkit-text-fill-color: initial;
}
.header-price .line {
 display:inline-block;
 position:relative
}
.header-price .line:after {
 position:absolute;
 content:'';
 width:100%;
 height:2px;
 background-color:#F40F0F;
 top:48%;
 left:0;
 transform:rotate(-13deg)
}
.buy-button {
 z-index:0;
}
.buy-button a {
 display:inline-block;
 background-color:#34C73B;
 color:#ffffff;
 padding:5px 50px;
 text-align:center;
 font-size:36px;
 border-radius:3px;
 border:2px solid #009f3c;
 text-transform:uppercase;
 position:relative;
 color:rgba(255,255,255,0);
 transition:all 0.15s ease-out
}
.buy-button a::after {
 content:'Купить';
 position:absolute;
 top:50%;
 left:50%;
 color:#fff;
 transform:translate(-50%, -50%);
 text-transform:uppercase;
 transition:all 0.15s ease-out
}
.buy-button a:hover {
 background-color:#3CD543;
 border:2px solid #34C73B
}
.buy-button a:hover::after {
 letter-spacing:3px;
 text-shadow:1px 1px 1px #34C73B
}
.buy-button.grey a {

}
.buy-button.vip a {
  background-color: #F0922D;
  border-color: #d56e14;
}
.buy-button.vip a:hover {
  background-color: #EE9A3F;
  border-color: #E88026;
}
.buy-button.vip a:hover::after {
  text-shadow: 1px 1px 1px #E88026;
}
.packages {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
  padding: 2em;
  max-width: 700px;
}
@media (max-width: 600px) {
 .packages {
  grid-template-columns: 1fr;
  padding-top: 0;
 }
}
.packages > div {
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  text-align: center;
  padding: 2em 1em 1.5em;
  background: linear-gradient(-242deg, #ffffff75,#fff0);
  border-radius: 4px;
}
.packages > div.accent {
  background: linear-gradient(#fff,#fff);
}
#cost h3 {
  font-weight: 600;
  font-size: 28px;
  color: #000;
  margin-bottom: 1em;
}
#cost h3 svg {
  width: 1em;
  padding: .1em;
  display: inline-block;
  vertical-align: middle;
}
.vip-label {

}
.vip-label svg {
  width: 1em;
  padding: .1em;
  display: inline-block;
  vertical-align: middle;
}
.about-course .img {
 float:left;
 width:50%
}
[id^="timer"] {
 text-align:left !important
}
@media screen and (max-width: 600px) {
 #timer-1 {
  display:none
 }
}
@media screen and (min-width: 600px) {
 #timer-2 {
  display:none
 }
}
.about-course .info {
 float:right;
 width:50%;
 padding-top:50px
}
.info h2 {
 font-size:38px;
 font-family:'Alegreya Sans', sans-serif;
 color:#3261DD;
 margin-bottom:20px
}
.info h3 {
 font-size:16px;
 margin-bottom:25px
}
.info p {
 margin-bottom:25px
}
.info .buy-button {
 text-align:left
}
.program {
 margin:140px 0 70px 0
}
@media screen and (max-width: 1100px) {
 .program {
  margin-top:100px
 }
}
.program-title {
 text-align:center;
 margin-bottom:40px
}
.program-title h2 {
 font-size:48px;
 font-family:'Alegreya Sans', sans-serif;
 font-weight:900;
 color:#3261DD;
 text-transform:none
}
.program-title h3 {
 font-size:24px;
 font-weight:300;
 margin:20px 0 50px 0
}
.program-section {
 display:grid;
 grid-template-columns:auto min-content;
 grid-gap:1em
}
.program-sections-group .program-section:not(:nth-last-child(2)) {
  margin-bottom: 10px;
}
.program-sections-group {
  display: grid;
  grid-template-columns: auto min-content;
  margin-bottom: 10px;
}
.action-block {
 font-size:24px;
 display:grid;
 grid-template-columns:auto auto;
 justify-items:center;
 align-content:start;
 padding:25px 15px;
}
.program-sections-group>.action-block {
  grid-column: 2;
  border-left: 1px solid #ddd;
  border-image: linear-gradient( to bottom, #ddd, rgba(221, 221, 221, .3) ) 1 100%;
  grid-row: 1 / -99;
}
@media screen and (max-width: 500px) {
 .action-block {
  padding:25px 0 25px 8px;
 }
 .program-section {
  grid-gap: 1em 6px;
 }
}
.action-block .action-cotent {
 display:grid;
 grid-template-columns:auto;
 align-items:center;
 justify-items: center;
 grid-gap:0.3em
}
@media screen and (max-width: 700px) {
 .action-block .action-cotent {
  grid-template-columns:auto
 }
}
.action-block a {
 color:#3261DD;
 border-radius:50%;
 width:50px;
 height:50px;
 border:2px solid #3261DD;
 display:inline-block;
 text-align:center;
 transition:all 0.15s
}
.action-block a:hover,
.action-block a:focus {
 color:#fff;
 background-color:#3261DD
}
.action-block a i {
 vertical-align:bottom
}
.action-block .cost-item {
 font-size:20px;
 font-weight:300;
 white-space:nowrap
}
.program-header-left {
 float:left;
 display:grid;
 grid-template-columns:max-content auto;
 grid-gap:1em
}
@media screen and (max-width: 700px) {
 .program-header-left {
  float:none;
  grid-template-columns:auto
 }
}
.program-header-left span {
 font-size:20px;
 font-weight:300
}
@media screen and (max-width: 700px) {
 .program-header-left span {
  display:block
 }
}
.program-header-left p {
 display:inline-block;
 margin:0 10px;
 font-size:20px
}
.program-header-left p i {
 font-weight:300;
 font-size:.8em
}
.program-header-right {
 float:right
}
@media screen and (max-width: 700px) {
 .program-header-right {
  float:none
 }
}
.program-header-right p {
 font-style:italic;
 font-size:20px;
 display:inline-block
}
.program-section-content {
 padding:10px 30px 40px;
 margin-top:-1em;
 display:none;
 grid-column: 1;
}
@media screen and (max-width: 500px) {
 .program-section-content {
  padding:0 16px 40px
 }
}
.program-section-content span,
.program-section-content .name,
.program-section-content img {
 display:inline
}
.program-section-content img {
 margin-right:5px;
 vertical-align:-2px
}
.program-section-content span {
 font-weight:300;
 font-size:18px
}
.program-section-content .name {
 font-weight:400;
 font-size:18px
}
.program-section-content .notation {
 margin:1em 0 1.4em 20px;
 font-weight:300
}
.program-section-content ul {
 margin-top:1em
}
.program-section-content li {
 margin-bottom:.4em
}
.arrow {
 display:inline-block;
 margin-left:1em;
 width:0;
 height:0;
 border-style:solid;
 border-width:7px 7px 0 7px;
 border-color:#333 transparent transparent transparent
}
.program-section-header {
 background-color:#ffffff;
 padding:30px 35px;
 border-radius:6px;
 cursor:pointer;
 border:3px solid transparent;
 display:grid;
 grid-template-columns:auto max-content;
 grid-gap:1em
}
@media screen and (max-width: 800px) {
 .program-section-header {
  padding-left:24px;
  padding-right:24px
 }
}
@media screen and (max-width: 700px) {
 .program-section-header {
  grid-template-columns:auto
 }
}
@media screen and (max-width: 500px) {
 .program-section-header {
  padding:24px 16px
 }
}
.program-section-header:before,
.program-section-header:after {
 content:none
}
.program-section-header.active .arrow {
 width:0;
 height:0;
 border-style:solid;
 border-width:0 7px 7px 7px;
 border-color:transparent transparent #333 transparent
}
.program-section-header.active,
.program-section-header:hover {
 border:3px solid #000
}
#trainers {
 background:#fff;
 padding:80px 0 40px
}
#trainers img {
 margin-bottom:14px
}
#trainers .dscr {
 line-height:25px;
 height:25px;
 margin-bottom:5px;
 font-size:13px;
 color:#fff;
 font-weight:700
}
#trainers .dscr.blue {
 background:#00719f
}
#trainers .dscr.green {
 background:#69ac32
}
#trainers h4 {
 margin:15px 0
}
#trainers p {
 font-size:14px;
 line-height:18px;
 font-weight:400;
 color:#000;
 margin-bottom:.6em
}
#trainers h2 {
 color:#000;
 font-size:36px;
 font-family:'Alegreya Sans', sans-serif;
 font-weight:900
}
#trainers h3 {
 font-weight:500;
 font-size:18px;
 color:#000;
 margin-top:20px;
 margin-bottom:10px;
 text-transform:uppercase;
 text-align:center
}
#trainers .row {
 margin-bottom:20px
}
#trainers .info {
 align-self:end;
 margin:100px 0 0 -100px;
 background:#fff;
 padding:2em 1.5em
}
@media screen and (max-width: 600px) {
 #trainers .info {
  margin:0;
  padding:0
 }
}
#trainers .trainers-row {
 max-width:800px;
 display:grid;
 grid-template-columns:max-content auto;
 grid-gap:2em
}
@media screen and (max-width: 600px) {
 #trainers .trainers-row {
  grid-template-columns:auto
 }
}
#trainers .video-container {
 margin-top:2em
}
#trainers .video-container .video {
 box-shadow:none
}
#pricelist,
#cost {
 background:#e7e7e7 url("./img/pattern.png")
}
#cost .triangle-line-rev {
 width:100%;
 position:absolute;
 top:0;
 background:url("./img/triangle-line-rev.png") top left repeat-x;
 height:14px
}
#cost .row {
 display:grid;
 justify-content:center;
 grid-gap:1em;
 padding:6em 0
}
@media screen and (max-width: 700px) {
 #cost .row {
  padding:4em 0
 }
}
#cost .price {
 font-size:28px;
 font-weight:800;
 padding:.3em 1em;
 border-radius:3px;
 margin: .6em 0 .4em;
}
#cost .cost-btn {
 justify-self:center;
 font-size:24px;
 padding:.6em 3em;
 background-color:#009f3c;
 color:#fff;
 font-weight:600
}
#cost .cost-btn:hover {
 background-color:#69ac32
}
#cost h2 {
 text-transform:uppercase;
 margin-bottom:1em
}
#cost .buy-button {
 text-align:center
}
#course-answer h2 {
 color:#000
}
.video-presentation {
 margin:auto
}
.video-container {
 max-width:600px;
 margin:auto
}
.video-container .video-position {
 position:relative
}
.video-container .video {
 box-shadow:0 0 6px 0 rgba(0,0,0,0.19);
 border:4px solid #fff;
 position:relative;
 height:0;
 overflow:hidden;
 padding-bottom:56.25%;
 background:#ddd
}
.video-container .video iframe,
.video-container .video object,
.video-container .video embed {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.video-container .video-position::after {
 -webkit-transform:rotateY(180deg);
 transform:rotateY(180deg);
 left:100%
}
.video-container .video-position::before,
.video-container .video-position::after {
 background-image:url("./img/video_frame_6.png");
 background-repeat:no-repeat;
 background-position:right top;
 background-size:auto 100%;
 content:"";
 height:100%;
 position:absolute;
 top:0;
 bottom:0;
 width:26px
}
.video-container .video-position::before {
 webkit-transform:translateX(-100%);
 -ms-transform:translateX(-100%);
 transform:translateX(-100%);
 left:1px
}
.navbar-default .nav>li>a.acton {
 text-decoration:underline
}
.navbar {
  box-shadow: 0px 0px 62px #02260E4F;
}
@media only screen and (max-width: 1250px) {
 #trainers .col-xs-8 {
  width:760px;
  float:none;
  margin:0 auto
 }
}
@media only screen and (max-width: 1200px) {
 .container-default {
  width:auto !important
 }
 .about-wrapper img {
  display:none
 }
 .navbar-default .nav>li>a {
  font-size:13px
 }
 .nav>li>a {
  padding:10px 5px
 }
 .header-left-img img {
  max-width:220px
 }
 .col-xs-offset-1 {
  margin:0
 }
}
@media only screen and (max-width: 1100px) {
 .header-block .left,
 .header-block .right {
  float:none;
  width:100%;
  text-align:center
 }
 .header-block .left {
  padding:0
 }
 .header-block .left h1 {
  text-align:center
 }
 .header-block {
  padding:50px 0 0
 }
 [id^="timer"] {
  text-align:center !important
 }
}
@media only screen and (max-width: 1024px) {
 .form-main-block>div img {
  display:none
 }
 .trainings-wrapper {
  padding:30px 10px
 }
 .reviews-wrapper {
  padding:50px 10px
 }
}
@media only screen and (max-width: 991px) {
 .header-left {
  float:none;
  width:80%;
  margin:0 auto;
  margin-bottom:30px
 }
 .header-left img {
  width:150px
 }
 .header-left-text {
  width:calc(100% - 170px);
  padding-left:10px
 }
 .header-right {
  float:none;
  width:80%;
  margin:0 auto
 }
 .block-wrapper {
  padding:35px 10px
 }
 .col-xs-offset-1 {
  margin:0
 }
}
@media only screen and (max-width: 850px) {
 #trainers .col-xs-8 {
  width:auto
 }
 #trainers .col-xs-6 {
  width:500px;
  margin:0 auto;
  float:none;
  margin-bottom:25px
 }
}
@media only screen and (min-width: 769px) {
 .header-menu {
  display:block !important
 }
}
@media only screen and (max-width: 768px) {
 .mobile-header {
  display:block;
  width:100%;
  height:50px;
  position:absolute;
  top:0;
  left:0
 }
 .header-menu {
  display:none;
  position:absolute;
  background-color:#199D46;
  top:50px;
  width:100%;
  left:0
 }
 .header-menu li {
  display:block;
  width:100%
 }
 .header-menu .topmenu-home {
  display:none
 }
 .header-menu li a {
  padding:5px !important
 }
 .mobile-header i {
  display:block;
  float:right;
  font-size:30px;
  color:#ffffff;
  font-weight:500;
  padding:12px 20px 0 0;
  cursor:pointer
 }
 .mobile-header img {
  display:block;
  float:left;
  font-size:16px;
  padding:0 10px;
  max-width:200px;
  height:auto;
  position:relative;
  background: #fff;
  height: 100%;
  bottom: 0;
 }
 .header-left-text-bottom p {
  font-size:40px
 }
 .training-img {
  float:none;
  max-width:370px;
  margin:0 auto
 }
 .training-text {
  width:100%;
  margin-top:20px;
  padding:10px
 }
 .training-item {
  padding:60px 0
 }
 .training-price span:last-child {
  font-size:25px
 }
 .training-subtext p {
  font-size:13px
 }
 .about-course .img {
  float:none;
  width:100%;
  display:none
 }
 .about-course .info {
  float:none;
  width:100%;
  text-align:center
 }
 .info .buy-button {
  text-align:center
 }
 .program-header-left p {
  margin:0
 }
}
@media only screen and (max-width: 640px) {
 .header-left {
  width:100%
 }
 .header-right {
  width:100%
 }
 .header-left-text {
  padding-top:0
 }
 .bottom-form-wrapper {
  padding:50px 0
 }
 .footer-h {
  display:none
 }
 .footer-main-row h2 {
  display:block
 }
 .footer-main-row {
  width:100%;
  margin-bottom:20px
 }
 .arrow-up-wrapper {
  bottom:40px
 }
 .program-section-header {
  position:relative
 }
 #trainers .col-xs-6 {
  width:90%
 }
 #trainers .dscr {
  height:auto
 }
}
@media only screen and (max-width: 480px) {
 ul#countdown li {
  background:none !important;
  width:50px !important;
  padding-bottom:20px
 }
 #countdown {
  background-color:#cccccc
 }
 ul#countdown li span {
  font-size:20px !important;
  color:red !important
 }
 .header-left img {
  position:absolute;
  width:50px;
  top:5px;
  left:5px
 }
 .header-left-text {
  width:100%
 }
 .header-left-text-bottom {
  padding-top:5px
 }
 .training-buttons a {
  margin-right:10px
 }
 #counter {
  padding:10px
 }
 .bottom-form-wrapper {
  padding:20px 10px
 }
 .sh_btn_right {
  display:none !important
 }
 .footer-main-row h2 {
  font-size:20px
 }
 footer ul li a {
  font-size:14px
 }
 footer {
  padding-top:10px
 }
 .header-left img {
  display:none
 }
 #callback .modal-dialog {
  width:96%
 }
 #trainers .col-xs-6 {
  width:100%
 }
}
@media only screen and (max-width: 400px) {
 .training-buttons a {
  display:block;
  width:70%;
  margin:10px auto;
  text-align:center
 }
 .training-item {
  padding:40px 0
 }
 .training-price {
  padding-left:0;
  padding-top:10px
 }
}
/*# sourceMappingURL=style.css.map */