/*Fonts*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300i,400,700,800&subset=cyrillic');

img {
  max-width: 100%;
	height: auto;
}

h1 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 2.27em;
  line-height: 1.2em;
  letter-spacing: 0em;
  margin-top: 10px;
}

h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 2em;
  line-height: 1.2em;
  letter-spacing: 0em;
  margin-top: 10px;
}

h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.6em;
  letter-spacing: 0.04em;
}

h4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.4em;
  letter-spacing: 0.04em;
}

p {
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  line-height: 1.5em;
}

.btn{
  border:none;
}

.btn-primary{
  background-color: #00aae1;
}

.small-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-weight: 300;
  font-size: 0.9em;
  letter-spacing: 0em;
  line-height: 1.33833334671667em;
  color: #ffffff;
}

.btn-linear {
  color: #bcb294;
  background-color: transparent;
  border: 2px solid #bcb294;
}

.header {
  background-color: #221e24;
}

.header a {
  color: #28231f;
}

.default {
  padding: 20px 0;
}

.fixed {
  position:fixed;
  padding: 5px 0;
  top:0; left:0;
  width: 100%;
  z-index: 9;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.fixed img {
  width:250px;
}

.menu_btn {
  margin: 28px auto;
  padding: 10px 18px;
  display: block;
  width: 25px;
  height: 20px;
  background: url('../img/menu_ico.png') no-repeat 50% 0%;
}

.menu_btn:hover {
  background: url('../img/menu_ico_h.png') no-repeat 50% 0%;
  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: url('../img/fs_bg_cover.jpg') no-repeat 50% 11%;
  background-color: #221e24;
  margin-top: -160px;
  padding-top: 225px;
}

.sct_bg .m-b {
  text-align: center;
}

.sct_bg .t1,
.sct_bg .t2,
.sct_bg .t3 {
  text-align: right;
}

.sct_bg .t2 {
  margin-top: 70px;
  color: #ffffff;
}

.sct_bg .t2 h1,
.sct_bg .t3 strong,
.s1-r-text strong {
  color: #cd9750;
}

.sct_bg .t3 strong,
.s1-r-text strong {
  font-size: 1.1em;
}

.sct_bg .t3 {
  margin-top: 115px;
  color: #ffffff;
}

.recomend-btn {
  margin: 25px auto 50px auto;
}

.s1-r-text{
  color: #ffffff;
  padding-top: 135px;
}

.s1-r-text ul {
  padding: 15px 0 0 13px;
}

.i-g {
  padding: 70px 0 70px 0;
}

.i-g div {
  text-align: center;
  margin-bottom: 20px;
}

.i-g div span {
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5em;
  color: #ffffff;
  text-transform: uppercase;
  padding-top: 20px;
}
.bottom_dark_arr {
  background: url('../img/bottom_dark_arr.png') no-repeat 50% 0;
  background-size: cover;
  width: 100%;
  height: 79px;
  position: relative;
  bottom: -79px;
  z-index: 2;
}

.hex-wrap {
  padding: 15px 0;
  overflow: auto;
}

.hex-wrap p {
  vertical-align: middle;
}

.hex {
  position: relative;
}

.hex-line-r {
  position: absolute;
  top:23px;
  right: -2px;
}

.hex-line-l {
  position: absolute;
  top:23px;
  left: -2px;
}




/*Section 2*/
.sct_bg_2 {
  background-color: #e3e0d9;
  position: relative;
  padding-top: 140px;
  padding-bottom: 70px;
}

.sct_bg_2 .container{
  position: relative;
  z-index: 1;
}

.subh {
  text-align: center;
}

.subh .line {
  margin: 10px auto;
  height: 21px;
  background: url('../img/sep_p.png') no-repeat 50% 0;
}

.subh .line-g {
  margin: 10px auto;
  height: 21px;
  background: url('../img/sep_p_g.png') no-repeat 50% 0;
}

.subh h2 {
  color: #7c6192;
}

.subh p {
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1.4em;
  color: #000;
}

.book {
  margin: 35px 0;
}

.book h3,
.book h4 {
  margin: 0;
  font-weight: 800;
}

.book h4 {
  color: #7c6192;

}

.book h3,
.book p {
  color: #28231f;
}

.book p {
  font-weight: 400;
  line-height: 1.6em;
  padding-bottom: 25px;
}

.slim_line {
  display: inline-block;
  background: url('../img/sep_p_slim.png') no-repeat 50% 0;
  width: 70px;
  height: 14px;
  margin: 15px 0;
}

.book img{
  box-shadow: 0 5px 7px rgba(43, 36, 36, 0.75);
}

.rb div{
  float: right;
  text-align: right;
}

.sec_bg_bott {
  background: url('../img/sec_bg_bott.png') no-repeat 50% 0;
  height: 647px;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 0;
}

.sec_bg_top {
  background: url('../img/sec_bg_top.png') no-repeat 50% 0;
  height: 647px;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
}


/*Section 4*/
.rvwr, .rvwr .container {
  padding: 35px 0;
}

.rvwr p {
  color: #28231f;
  font-size: 1em;
}

.rvwr p:first-child {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}


/*Section 5*/
.cbwr {
  padding: 70px 0;
  color: #28231f;
  background: #00a9e0 url('../img/bg3.jpg') no-repeat 50% 0;
  background-size: cover;
  text-align: center;
}

.cbwr p {
  color:#ffffff;
  font-weight: 300;
  font-size: 1.4em;
}

.cbwr button {
  background-color: #edc314;
  color:#000;
}



/*Section 6*/
.rmdwr,
.rmdwr .container {
  padding: 35px 0;
}

.rmdwr .container p {
  text-align: left;
  font-size: 1em;
}

.rmdwr .form-group {
  margin-bottom: 10px;
}

.rmdwr .form-group:last-child {
  margin-bottom: 0;
  text-align: right;
}

.rmdwr .container h2 {
  text-align: left;
  margin: 0 0 30px 0;
}

.rmdwr .slim_line {
  float: left;
}


/*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{
  color: #b6864f;
}

.cont p {
    color: #fff;
}

.cont p {
  font-size: 1.2em;
}

/*Footer*/
footer {
  background-color: #19171b;
  color: #fff;
  padding: 20px 0;
}

footer .container div:first-child {
  padding: 15px 0;
}

#menu {
  background-color: #221e24;
}

.panel{
  border-radius: 0!important;
}

#menu .list-group-item {
  background-color: #221e24;
  border-left: none;
  border-right: none;
  border-color:#b6864f;
  color: #ffffff;
}

#menu .list-group-item:hover {
  background-color: #322c35;
}

#menu .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none;
}

#menu .list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: none;
}