* {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0; }

body {
  font-family: robotoregular, Tahoma, Helvetica;
  font-size: 18px; }

.clear {
  clear: both; }

#container {
  min-width: 990px;
  max-width: 100%;
  margin: 0 auto; }
  #container .wrap {
    width: 990px;
    margin: 0 auto; }
  #container .header {
    background: url("../images/bg.jpg") center no-repeat;
    margin: 0;
    padding: 0 0 25px 0;
    background-size: cover; }
    #container .header .top-menu {
      overflow: hidden;
      padding: 15px 0; }
      #container .header .top-menu .logo {
        float: left;
        margin: 0 108px 0 20px; }
      #container .header .top-menu ul {
        list-style: none;
        overflow: hidden;
        margin: 30px 0 0 0; }
        #container .header .top-menu ul li {
          float: left;
          margin: 0 50px 0 0; }
          #container .header .top-menu ul li a {
            font-size: 18px;
            color: #fff;
            font-family: robotolight;
            text-decoration: none; }
            #container .header .top-menu ul li a:hover {
                text-decoration: underline;
            }
        #container .header .top-menu ul li:last-child {
          margin: 0; }
    #container .header .wrap {
      position: relative; }
    #container .header .left-block {
      width: 605px; }
      #container .header .left-block .author {
        color: #fff;
        font-size: 24px;
        font-family: roboto_slabregular;
        text-transform: inherit;
        margin: 75px 0 45px 0;
        text-align: center; }
      #container .header .left-block h1 {
        font-family: posterizerkguploaded;
        color: #fff;
        font-size: 64px;
        font-weight: normal; }
        #container .header .left-block h1 span {
          display: inline-block;
          font-size: 79px;
          line-height: 84px; }
        #container .header .left-block h1 .php {
          background: #ed3b39;
          padding: 7px 15px;
          -webkit-border-radius: 15px;
          -moz-border-radius: 15px;
          -ms-border-radius: 15px;
          border-radius: 15px; }
        #container .header .left-block h1 .mysql {
          background: #ff9000;
          padding: 7px 15px;
          -webkit-border-radius: 15px;
          -moz-border-radius: 15px;
          -ms-border-radius: 15px;
          border-radius: 15px; }
      #container .header .left-block .menu_course {
        color: #fff;
        font-size: 24px;
        font-family: roboto_slabregular;
        margin: 80px 0 0 0;
        padding: 0 0 50px 0;
        text-align: center; }
  #container .course .block_course {
    box-sizing: border-box;
    padding: 0 25px;
    border-bottom: 2px dashed #7a8694;
    margin: 25px 0 0 0; }
    #container .course .block_course img {
      display: block;
      margin: 50px auto 30px; }
    #container .course .block_course .files .title {
      color: #000;
      margin: 20px 0 20px 0; }
    #container .course .block_course .files .block p span {
      color: #7a8694; }
    #container .course .block_course .title {
      font-size: 40px;
      color: #ff9000;
      font-family: posterizerkguploaded;
      text-align: center; }
      #container .course .block_course .title span {
        color: #0d1115;
        font-family: roboto_slabbold;
        font-size: 40px; }
    #container .course .block_course .block {
      width: 50%;
      float: left;
      box-sizing: border-box;
      margin: 15px 0 40px; }
      #container .course .block_course .block p {
        font-size: 20px;
        font-family: robotolight;
        margin: 6px 0; }
        #container .course .block_course .block p a {
          color: #0d1115;
          text-decoration: none; }
        #container .course .block_course .block p a:hover {
          text-decoration: underline; }
        #container .course .block_course .block p span {
          color: #ff9000;
          display: inline-block;
          margin: 0 5px 0 0; }
      #container .course .block_course .block .block_dop {
        margin: 15px 0 30px; }
        #container .course .block_course .block .block_dop .source {
          display: inline-block;
          margin: 0 35px 0 0; }
          #container .course .block_course .block .block_dop .source > a {
            width: 162px;
            display: block;
            background: url("../images/floppy.png") 15px center no-repeat #ff9000;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            border-radius: 5px;
            color: #fff;
            font-family: robotolight;
            text-decoration: none;
            box-sizing: border-box;
            padding: 9px 0 9px 60px;
            font-size: 16px; }
          #container .course .block_course .block .block_dop .source > a:hover {
            background-color: #eb8604; }
        #container .course .block_course .block .block_dop .lesson {
          display: inline-block;
          position: relative; }
          #container .course .block_course .block .block_dop .lesson > a {
            width: 162px;
            display: block;
            background: url("../images/list.png") 15px center no-repeat #eb3937;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            border-radius: 5px;
            color: #fff;
            font-family: robotolight;
            text-decoration: none;
            box-sizing: border-box;
            padding: 9px 0 9px 60px;
            font-size: 16px; }
          #container .course .block_course .block .block_dop .lesson > a:hover {
            background-color: #d52a28; }
          #container .course .block_course .block .block_dop .lesson .homework {
            width: 430px;
            position: absolute;
            left: 202px;
            top: -50px;
            background: #edf0f3;
            padding: 30px 45px;
            box-sizing: border-box;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            border-radius: 10px;
            z-index: 10;
            display: none; }
            #container .course .block_course .block .block_dop .lesson .homework p {
              font-size: 16px;
              color: #000;
              font-family: robotolight;
              line-height: 25px; }
              #container .course .block_course .block .block_dop .lesson .homework p a {
                text-decoration: none;
                color: #00f; }
              #container .course .block_course .block .block_dop .lesson .homework p a:hover {
                text-decoration: underline; }
            #container .course .block_course .block .block_dop .lesson .homework ol li {
              font-size: 16px;
              color: #000;
              font-family: robotolight;
              line-height: 25px;
              margin: 5px 0; }
              #container .course .block_course .block .block_dop .lesson .homework ol li a {
                text-decoration: none;
                color: #00f; }
              #container .course .block_course .block .block_dop .lesson .homework ol li a:hover {
                text-decoration: underline; }
          #container .course .block_course .block .block_dop .lesson .homework::after {
            position: absolute;
            content: "";
            left: -15px;
            top: 50px;
            margin: 0 0 0 -30px;
            border: 18px solid transparent;
            border-right: 30px solid #edf0f3; }
    #container .course .block_course .block:last-child .lesson .homework {
      left: -470px;
      top: -50px; }
    #container .course .block_course .block:last-child .lesson .homework::after {
      position: absolute;
      content: "";
      right: -45px;
      top: 50px;
      left: auto;
      margin: 0 0 0 -30px;
      border: 18px solid transparent;
      border-left: 30px solid #edf0f3; }
    #container .course .block_course .bonus .title {
      color: #000;
      font-size: 40px;
      margin-top: 50px; }
      #container .course .block_course .bonus .title .blue {
        color: #5a8bca; }
      #container .course .block_course .bonus .title .orange {
        color: #eb8604; }
      #container .course .block_course .bonus .title .green {
        color: #75ad14; }
      #container .course .block_course .bonus .title .red {
        color: #f70c1a; }
    #container .course .block_course .bonus img {
      float: left; }
    #container .course .block_course .bonus ol {
      margin: 0 0 0 55%; }
      #container .course .block_course .bonus ol li {
        margin: 10px 0; }
        #container .course .block_course .bonus ol li a {
          text-decoration: underline;
          font-size: 20px;
          font-family: robotolight;
          color: #000; }
        #container .course .block_course .bonus ol li a:hover {
          text-decoration: none; }
    #container .course .block_course .bonus ol.orange {
      color: #ff9321;
      margin-top: 240px; }
    #container .course .block_course .bonus ol.orange2 {
      color: #ff9321;
      margin-top: 210px; }
    #container .course .block_course .bonus ol.green {
      color: #75ad14;
      margin-top: 210px; }
    #container .course .block_course .bonus ol.red {
      color: #f70c1a;
      margin-top: 210px; }
    #container .course .block_course .bonus .block_dop {
      margin: 10px 0; }
      #container .course .block_course .bonus .block_dop .source {
        display: inline-block;
        margin: 0 35px 0 0; }
        #container .course .block_course .bonus .block_dop .source > a {
          width: 162px;
          display: block;
          background: url("../images/floppy.png") 15px center no-repeat #ff9000;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          border-radius: 5px;
          color: #fff;
          font-family: robotolight;
          text-decoration: none;
          box-sizing: border-box;
          padding: 9px 0 9px 60px;
          font-size: 16px; }
        #container .course .block_course .bonus .block_dop .source > a:hover {
          background-color: #eb8604; }
  #container .course .block_course::after {
    content: "";
    display: table;
    clear: both; }
  #container .tovar {
    margin: 50px 0 0 0; }
    #container .tovar .title_tovar {
      font-size: 40px;
      color: #0d1115;
      font-family: posterizerkguploaded;
      text-align: center; }
    #container .tovar .course_block {
      margin: 40px 0 70px 0;
      overflow: hidden; }
      #container .tovar .course_block .float {
        float: left;
        color: #ff9000;
        font-size: 22px;
        text-transform: inherit;
        margin: 0 0 0 120px; }
      #container .tovar .course_block .name span {
        font-size: 24px;
        color: #0d1115;
        text-transform: uppercase;
        display: inline-block;
        padding: 0 0 0 10px; }
      #container .tovar .course_block .name_course {
        text-align: center;
        color: #ffc400;
        font-size: 22px; }
        #container .tovar .course_block .name_course span {
          font-size: 24px;
          color: #0d1115;
          text-transform: uppercase;
          font-family: roboto_slabregular; }
      #container .tovar .course_block img {
        float: left;
        margin: 20px 30px 0 0; }
      #container .tovar .course_block .txt_course {
        margin: 0 0 0 410px; }
        #container .tovar .course_block .txt_course p {
          font-size: 17px;
          color: #0d1115;
          margin: 15px 0;
          font-family: robotolight; }
        #container .tovar .course_block .txt_course .ul {
          background: url("../images/check.png") left center no-repeat;
          padding: 0 0 0 30px; }
        #container .tovar .course_block .txt_course .buttons {
          overflow: hidden;
          margin: 30px 0 0 0; }
          #container .tovar .course_block .txt_course .buttons .zakaz {
            font-size: 25px;
            color: #fff;
            text-align: center;
            display: block;
            width: 180px;
            text-decoration: none;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            -ms-border-radius: 25px;
            border-radius: 25px;
            font-family: robotolight;
            background: #ff9000;
            padding: 5px 0 7px;
            float: left;
            margin: 0 30px 0 0; }
          #container .tovar .course_block .txt_course .buttons .zakaz:hover {
            background: #eb8604; }
          #container .tovar .course_block .txt_course .buttons .detail {
            text-align: center;
            width: 180px;
            display: block;
            font-size: 18px;
            color: #454a51;
            border: 1px solid #454a51;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            -ms-border-radius: 25px;
            border-radius: 25px;
            text-decoration: none;
            float: left;
            padding: 8px 0 10px; }
        #container .tovar .course_block .txt_course .buttons2 {
          margin: 30px 0 0 0; }
    #container .tovar .course_block:nth-child(1) img {
      float: left;
      margin: 60px 30px 0 0; }
    #container .tovar .course_block:nth-child(2) img {
      float: left;
      margin: 15px 30px 0 0; }
  #container .footer {
    padding: 0 0 30px 0; }
    #container .footer img {
      display: block;
      margin: 0 auto; }
    #container .footer .foot-logo {
      text-align: center; }
      #container .footer .foot-logo span {
        background: url("../images//triangle.png") left 11px no-repeat;
        font-size: 29px;
        color: #009ee3;
        font-family: roboto_slabregular;
        padding: 0 0 0 25px; }
    #container .footer .footer-menu {
      width: 833px;
      margin: 25px auto 35px;
      background: #f5f7f7;
      text-align: center;
      padding: 5px 0; }
      #container .footer .footer-menu a {
        color: #0d1115;
        font-size: 16px;
        font-family: robotolight;
        text-decoration: none;
        display: inline-block;
        margin: 0 17px; }
      #container .footer .footer-menu a:hover {
        text-decoration: underline; }
    #container .footer .copy {
      text-align: center;
      font-size: 14px;
      font-family: robotolight;
      margin: 0 0 15px 0; }

/*# sourceMappingURL=style.css.map */