/* Accordion style */
/* Для аккордеона на странице переопределяем:*/

.onpage ul {
  margin: 0px 0px 0px 0px !important;
}
.onpage ul li {
  margin: 0px 0px 0px 0px !important;
}
.onpage .cbp-ntcontent .block-text ul li:before {
  content:"";
  background: url('/templates/ott/images/disc_li.png') no-repeat 25% 75% !important;
  width: 15px;
  height: 15px;
  display: block !important;
  margin: 0px;
}
.onpage .cbp-ntcontent .block-text ol li {
  list-style-type: decimal !important;
}
.onpage ul li:before {
  display: none !important;
  /*background: none !important;
  margin: 0px 0px 0px 0px !important; */
}
.onpage .cbp-ntopen > h3 {
  border-bottom: none !important;
}
.onpage .cbp-ntaccordion h3,
.onpage .cbp-ntsubaccordion h3 {
  margin: 0;
  padding: 0;
  background: #fff;
  color:#063974;
  font: normal 18px/18px 'BlissPro-Medium', Arial, sans-serif;
  border: 0px !important;
  /*height:100%; */
  width:95%;
  display:flex;
}
.onpage .cbp-ntaccordion .cbp-ntopen > .cbp-ntcontent,
.onpage .cbp-ntsubaccordion .cbp-ntopen > .cbp-ntcontent,
.onpage .no-js .cbp-ntaccordion .cbp-ntcontent {
  height: auto;
  background: #fff;
  padding: 5px;
  box-shadow: none !important;
}
.onpage .cbp-ntcontent .block-text {
  box-shadow: none !important;
  padding: 5px;
  margin-bottom: 5px;
}
/* Конец переопределения для аккордеона на странице */

.cbp-ntaccordion {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

	.cbp-ntsubaccordion {
		list-style: none;
		margin: 0;
		padding: 0;
		margin-bottom: 50px;
		box-shadow: 1px 1px 1px rgba(0,0,0,.1);
	}
	
.cbp-ntaccordion .cbp-nttrigger,
	.cbp-ntsubaccordion .cbp-nttrigger {
	cursor: pointer;
} 

.cbp-ntaccordion h3,
	.cbp-ntsubaccordion h3 {
	/*margin: 0 0 0.3em;
	padding: 1em 0 0.5em;*/
	margin: 0;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #f0f0f0;
	background: #fff;
	color:#666;
	font: normal 18px/18px 'BlissPro-Medium', Arial, sans-serif;
	/*height:100%; */
	width:99%; 
	display:flex;
}
.methods .cbp-ntaccordion h3,
	.methods .cbp-ntsubaccordion h3 {
	padding: 10px 0 10px 10px;
	width: 99%;
}
	.methods .cbp-ntsubaccordion h3 {
		width: 98%;
	}

.staff .cbp-ntaccordion h3 {
	padding:27px 23px;
	background:#c45c44;
	color:#fff;
	font: normal 18px/18px 'BlissPro-Heavy', Arial, sans-serif;
	text-transform: uppercase;
	width:90%;
	position:relative;
}
.cbp-ntaccordion .cbp-nttrigger,
	.cbp-ntsubaccordion .cbp-nttrigger {
	color:#063974;
	font: normal 18px/18px 'BlissPro-ExtraBold', Arial, sans-serif;
}
.cbp-ntaccordion .cbp-nttrigger:hover,
	.cbp-ntsubaccordion .cbp-nttrigger:hover {
	color:#215fa6;
}
.staff .cbp-ntaccordion .cbp-nttrigger:hover{
	color:#fff;
}
.cbp-ntopen > h3 {
	border-bottom: 1px solid #ccc;
	}
	.cbp-ntaccordion h3 span,
		.cbp-ntsubaccordion h3 span {
		margin:auto 0;
		width: 85%;
	}
/* .cbp-ntaccordion h4 {
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.4em;
	padding: 0.5em 0 0.5em;
	margin: 0 0 0.5em;
}

.cbp-ntaccordion h5 {
	font-size: 1.2em;
	color: #aaa;
	padding: 0.5em 0 0.5em;
	margin: 0 0 0.5em;
} */

.cbp-ntaccordion .cbp-ntcontent p {
	/*color: #888;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 1.5;
	padding: 0.2em 0 1.5em;
	margin: 0;*/
}

/* Arrow icons */
.cbp-ntaccordion > li > .cbp-nttrigger:before,
	.cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	/*font-family: 'icomoon';
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color: #ddd;*/
	margin-right: 0.5em;
	/*-webkit-font-smoothing: antialiased;*/
}

.cbp-ntaccordion > li > .cbp-nttrigger:before {
	/*font-size: 75%;*/
}

.cbp-ntaccordion > li > h3:before,
	.cbp-ntsubaccordion > li > h3:before {
	content: "";
	background: url('/templates/ott/images/arrow_accordion.png') no-repeat 50% 50%;
	width: 37px;
	height: 37px;
	display: inline-block;
	float: right;
}
.staff .cbp-ntaccordion > li > h3:before {
	content: "";
	background: none;
	overflow: hidden;
	display: none;
}
.staff .cbp-ntaccordion > li > h3:after {
	content: "";
	background: url('/templates/ott/images/arrows_staff.png') no-repeat 0 0;
	/*width: 36px;*/
	width: 39px;
	height: 36px;
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 18px;
}
.cbp-ntaccordion > li > .cbp-nttrigger:before,
	.cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	/*content: "\36";*/
	content: "";
	background: url('/templates/ott/images/arrow_noopen.png') no-repeat 0 0;
	/*width: 37px;*/
	/*width: 40px; */
  width: 39px;
  flex-shrink: 0;
	height: 37px;
	display: inline-block;
}
.cbp-ntaccordion > li > .cbp-nttrigger:hover:before,
	.cbp-ntsubaccordion > li > .cbp-nttrigger:hover:before {
	/*content: "\35";
	color: inherit;*/
	content: "";
	background: url('/templates/ott/images/arrow_hovopen.png') no-repeat 0 0;
	/*width: 36px;*/
	/*width: 39px; */
  width: 39px;
  flex-shrink: 0;
	height: 36px;
	margin: 1px 0.5em 0 1px;
}
.cbp-ntaccordion > li.cbp-ntopen > .cbp-nttrigger:before,
	.cbp-ntsubaccordion > li.cbp-ntopen > .cbp-nttrigger:before,
.no-js .cbp-ntaccordion > li > .cbp-nttrigger:before,
	.no-js .cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	/*content: "\34";
	color: inherit;*/
	content: "";
	background: url('/templates/ott/images/arrow_open.png') no-repeat 0 0;
	/*width: 36px;*/
	/*width: 39px; */
  width: 39px;
  flex-shrink: 0;
	height: 36px;
	margin: 1px 0.5em 0 1px;
}
.staff .cbp-ntaccordion > li.cbp-ntopen > h3:after {
	background-position: 0 -36px;
}

/* .cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	content: "\32";
}
.cbp-ntsubaccordion > li > .cbp-nttrigger:hover:before {
	content: "\33";
	color: inherit;
}
.cbp-ntsubaccordion > li.cbp-ntopen > .cbp-nttrigger:before,
.no-js .cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	content: "\31";
	color: inherit;
} */

/* Initial height is zero */
.cbp-ntaccordion .cbp-ntcontent,
	.cbp-ntsubaccordion .cbp-ntcontent {
	height: 0;
	overflow: hidden;
}

/* When open, set height to auto */
.cbp-ntaccordion .cbp-ntopen > .cbp-ntcontent,
	.cbp-ntsubaccordion .cbp-ntopen > .cbp-ntcontent,
.no-js .cbp-ntaccordion .cbp-ntcontent,
	.no-js .cbp-ntsubaccordion .cbp-ntcontent {
	height: auto;
	background: #f0f0f0;
	padding: 10px;
	box-shadow: 0px 1px 1px rgba(0,0,0,.1);
}
.cbp-ntsubaccordion .cbp-ntopen > .cbp-ntcontent,
	.no-js .cbp-ntsubaccordion .cbp-ntcontent {
	padding:0;
}
.staff .cbp-ntaccordion .cbp-ntopen > .cbp-ntcontent,
.staff .cbp-ntsubaccordion .cbp-ntopen > .cbp-ntcontent,
.staff .no-js .cbp-ntaccordion .cbp-ntcontent {
	height: auto;
	background: #fff;
	padding: 10px;
	box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	border-bottom: 2px #c45c44 solid;
}

.cbp-aside {
	float: right;
	width: 380px;
	/* margin-left: 50px; */
  margin-left: 20px;
}
.cbp-content {
	float: left;
	/* width: 620px; */
  width: 680px;
}
.cbp-aside > .appointment {
	padding: 1px 30px;
}
.cbp-ntcontent .block-text {
	box-shadow: 1px 1px 1px rgba(0,0,0,.1);
	
}

@media only screen and (max-width: 1024px) {
	.cbp-aside {
		width: 35%;
		margin-left: 0;
	}
	.cbp-aside aside,
	header.others ~ main .cbp-aside aside{
		width: 100%;
	}
	.cbp-content {
		width: 60%;
	}
}



/* Example for media query */
@media screen and (max-width: 32em) { 

	.cbp-ntaccordion {
		font-size: 70%;
	}

	.cbp-ntsubaccordion {
		font-size: 70%;
	}
}