/*Fonts*/
@import url('https://fonts.googleapis.com/css?family=Cormorant+SC|PT+Sans:400,700&subset=cyrillic');


img {
  max-width: 100%;
	height: auto;
}

h1 {
  font-family: 'Cormorant SC', serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 3.2em;
  line-height: 1em;
  letter-spacing: 0.04em;
}

h2 {
  font-family: 'Cormorant SC', serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 2.45em;
  line-height: 1em;
  letter-spacing: 0.04em;
}

h3 {
  font-family: 'Cormorant SC', serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.6em;
  letter-spacing: 0.04em;
}

h4 {
  font-family: 'Cormorant SC', serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.4em;
  letter-spacing: 0.04em;
}

p {
  font-family: 'PT Sans', sans-serif;
}

.header .container {
  position: relative;
}

.default {
  padding: 20px 0;
}

.subh {
  text-align: center;
}

.line {
  display: block;
  width: 170px;
  height: 15px;
  background: url('../img/line.png') no-repeat 0 0;
  margin: 0 auto;
}

.menu_btn {
  font-size: 18px;
  color: #8699c0;
  border: 1px solid #8699c0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  line-height: 0.9em;
  padding: 7px;
  position: fixed;
  z-index: 1000;
  top: 50px;
}

.menu_btn:hover {
  background-color: #8699c0;
  color: #6d80a7;
  cursor: pointer;
}

.panel {
    position: fixed;
    top: 120px;
    left: -15.625em; /*left or right and the width of your navigation panel*/
    width: 15.625em; /*should match the above value*/
}

.wrap {
    position: relative;
}

/*Section 1*/
.sct_bg {
  background-color: #0b1144;
  background: url('../img/bg1.jpg') no-repeat 50% 100%;
  background-size: cover;
  text-align: center;
  padding: 50px 0;
}

.sct_bg h1 {
  color: #fff;
}

.sct_bg p {
  color: #8699c0;
}
.sct_bg .line{
  margin-top: 70px;
  margin-bottom: 70px;
}

.sct_bg .intro {
  margin-top: 70px;
  font-size: 18px;
}

.sct_bg .btn-intro {
  margin-top: 50px;
  border: 2px solid #c4b58d;
  color:#c4b58d;
  background: transparent;
}

.sct_bg .btn-intro:hover,
.sct_bg .btn-intro:focus {
  color: #0B1144;
  background: #c4b58d;
}

.sct_bg > .container > .row > .div {
  position:relative;
}

.sct_bg .fixed-menu {
  position: fixed;
  top:50px;
  z-index: 1000;
}

.sct_bg .fixed-menu div{
  margin-bottom: 10px;
}

.sct_bg .fixed-menu .scrl {
  color: #8699c0;
  background: transparent;
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
}

.sct_bg .fixed-menu .scrl:hover:before{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: url('../img/m_point.png') no-repeat 0 0;
  position: absolute;
  left: 0;
  top:10px;
}

.sct_bg .fixed-menu .scrl:hover:after{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: url('../img/m_point.png') no-repeat 0 0;
  position: absolute;
  right: 0;
  top:10px;
}


/*Section 2*/
.sec-scr {
  padding: 35px 0;
}

.sec-scr .row > div {
  margin-top: 10px;
  margin-bottom:10px;
}

.sec-scr .f_text {
  vertical-align: middle;
  text-transform: uppercase;
}

.sec-scr .f_img{
  float: left;
  margin-right: 10px;
  width: 70px;
  height: 100%;
}

/*Section 3*/
.sct_bg_2 {
  background-color: #EBEBEB;
  background: url('../img/bg2.jpg') no-repeat 50% 0;
  background-size: cover;
}

.sct_bg_2{
  padding-top: 150px;
  padding-bottom: 150px;
  text-align: center;
}

.sct_bg_2 .books {
  margin-top:50px;
  margin-bottom: 50px;
}

.sct_bg_2 .books div {
  margin-bottom: 10px;
}

.sct_bg_2 .btn{
  background-color: #4d72c0;
  border: 2px solid #4d72c0;
  color:#fff;
}

.sct_bg_2 .btn:hover,
.sct_bg_2 .btn:focus {
  opacity: 0.8;
}


.subh .line {
  margin: 25px auto 15px auto;
}

.subh h2,
.subh p {
  color: #28231f;
}

.subh p {
  font-weight: 300;
  font-size: 1.5em;
  line-height: 1.4em;
}

.book {
  margin: 35px 0;
}

.book h3,
.book h4 {
  margin: 0;
}

.book h4 {
  color: #bcb294;
}

.book h3,
.book p {
  color: #28231f;
}

.book p {
  font-weight: 400;
  line-height: 1.6em;
  padding-bottom: 25px;
}

.slim_line {
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #bcb294;
  margin: 15px 0 10px 0;
}

.book a {
  background-color: #2196f3;
  color: #fff;
  padding: 10px 35px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-bottom: 1px solid #061827;
}

.book img{
  box-shadow: 0 7px 10px rgba(4,18,46,0.75);
}

.rb div{
  float: right;
  text-align: right;
}


/*Section 4*/
.rvwr, .rvwr .container {
  padding: 35px 0;
}

.rvwr p {
  color: #28231f;
  font-size: 1.2em;
}

.rvwr p:first-child {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-style: italic;
}


/*Section 5*/
.cbwr {
  padding: 70px 0;
  color: #fff;
  background: #284789 url('../img/ornament.png') no-repeat 50% 0;
  background-size: cover;
  text-align: center;
}

.cbwr p {
  line-height: 1.4em;
  font-weight: 300;
  font-size: 1.6em;
}

.cbwr button {
  color: #28231f;
  background-color: #f3dd32;
  border:none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 25px 0 0 0;
  padding: 10px 25px;
  font-size: 1.2em;
}

.cbwr button:hover {
  opacity: 0.8;
}

.cbwr a {
  color:#fff;
}


/*Section 6*/
.rmdwr,
.rmdwr .container {
  padding: 35px 0;
}

.rmdwr .container p {
  text-align: left;
  font-size: 1.1em;
}

.rmdwr .form-group {
  margin-bottom: 10px;
}

.rmdwr .form-group:last-child {
  margin-bottom: 0;
  text-align: right;
}

.rmdwr button {
  color: #fff;
  background-color: #4d72c0;
  border:none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 10px 25px;
}

.rmdwr button:hover {
  opacity: 0.8;
}


/*Section 7*/
.cont {
  padding: 35px 0;
  background: url('../img/bg4.jpg') no-repeat 50% 0;
  background-size: cover;
  text-align: center;
}

.cont .container {
  padding: 20px 0;
}

.cont h2,
.cont p {
    color: #fff;
}

.cont p {
  font-size: 1.1em;
}

/*Footer*/
footer {
  background-color: #080808;
  color: #fff;
  padding: 20px 0;
}

footer .container div:first-child {
  padding: 15px 0;
}
