@import "simplegrid.css";
@import "http://webfonts.ru/import/opensans.css";

body{
  font-family: 'Open Sans';
}

h1{
  margin-bottom: 20px;
}

h2{
  margin-bottom: 15px;
}

h1.big-title-one{
  font-size: 48pt;
}

h2.big-title-two{
  font-size: 30pt;
}

.grid-pad{
  /*padding-bottom: 20px;*/
  margin-bottom: 20px;
}

.dialog{
  background-color: #FFF2CC;
  font-style: italic;
  padding: 20px 40px 20px 40px;
  margin-top: 20px;

  p{
    font-family: Georgia, serif;
    font-size: 18px;
    margin: 10px 0;
  }
}

.course-description{

  h3{
    font-size: 18pt;
    margin-bottom: 12px;
    line-height: 26pt;
  }

  p{
    line-height: 24pt;
    font-size: 14pt;
  }

  ul{
    list-style-type: none;
    padding-left: 0;

    li{
      line-height: 18pt;
      margin-bottom: 10px;
    }
  }
}

.faq{
  p{
    margin-top: 12px;
  }
}

.home-work-description{
  h2{
    font-weight: normal;

    &.big-title-two{
      font-size: 26pt;
    }
  }

  p{
    line-height: 18pt;
  }
}

.payment-background{
  background-color: #FFF4D9;
  padding: 40px;
}

.payment-price{
  font-size: 24pt;
  margin: 10px 0 40px 0;
}

.payment-title{
  font-size: 14pt;
  font-weight: bold;
  margin: 10px 0 20px 0;
}

.payment-form{
  input[type="radio"]{
    margin: 5px 10px 5px 5px;
  }

  input[type="email"]{
    font-size: 18px;
    outline: none;
    padding: 10px 10px;
    width: 300px;
  }

  input[type="submit"], button{
    background-color: #FFAE30;
    color: #fff;
    font-weight: bold;
    font-family: "Open Sans", Arial, sans-serif;
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 0.85em 1em;
    font-size: 1em;
    margin-top: 1em;
  }

  button{
    width: 324px;
  }

  .payment-field{
    font-size: 12pt;
    margin-top: 10px;
  }
}

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

.task{
  font-style: italic;
}