/* Header */
.large-header {
	position: relative;
	width: 100%;
	background: #333;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	z-index: 1;
}

.demo-1 .large-header {
	background-image: url('../img/demo-2-bg.jpg');
}



.main-title, .main-title1 {
	position: absolute;
	margin: 0;
	padding: 0;
	color: #f9f1e9;
	text-align: center;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

.demo-1 .main-title {
	text-transform: uppercase;
	font-size: 5.2em;
	letter-spacing: 0.1em;
	line-height: 50px;
}


.main-title1 {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 50px;
	
}



.main-title .thin {
	font-weight: 200;
}

.main-title1 {
	font-weight: 200;
}
.thin {font-size:25px;letter-spacing: 2px;line-height: 0px;}


.thin1 {font-weight: 200;font-size:28px;letter-spacing: 2px;line-height: 0px;color:white;}



.hov {border-bottom: 1px dashed white;font-weight: bold;}


.main-title1 p {line-height: 15px;
font-size: 15px;
text-align: justify;
margin: 10px 0;}



.cmn-toggle-switch {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 108px;
  height: 96px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
 transition: background 0.3s;
}

.cmn-toggle-switch:focus {
  outline: none;
}
.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 45px;
  left: 18px;
  right: 18px;
  height: 6px;
  background: white;
}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #fff;
  content: "";
}

.cmn-toggle-switch span::before {
  top: -27px;
}

.cmn-toggle-switch span::after {
  bottom: -27px;
}
/**
 * Стиль 1
 *
 * Вращение «иконки-гамбургера» (класс rot) на 90 градусов, когда она становится активной.
 * Ничего необычного, просто переход.
 */
.cmn-toggle-switch__rot {
 background: transparent;
}

.cmn-toggle-switch__rot span {
  -webkit-transition: -webkit-transform 0.3s;
 transition: transform 0.3s;
}

/* активное состояние, т.е. меню открыто */
.cmn-toggle-switch__rot.active {
background: transparent;
}

.cmn-toggle-switch__rot.active span {
  -webkit-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 transform: rotate(90deg);
}