@import url("newdesign.css");

/* template.css */
* {
  margin:   0;
  padding:  0;
}
body, html {
  background: #f5f5f5;
  height:     100%;
}
.page {
  font:       15px 'BlissPro-Medium', Arial, sans-serif;
  color:      #838383;
  position:   relative;
  min-height: 100%;
  overflow:   hidden;
  z-index:    500;
}

a {  color: #063974; }
a:hover {  text-decoration: none; }

/* Title */
.block-title {
  background-color:#063974;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  background-image: url('/templates/ott/images/fon_block_title.png');
  padding: 20px 0 5px;
  height: 134px;
}
/* h1 */
.title-h1 {
  width: 1100px;
  margin: 0 auto;
  height: 70px;
  /* padding: 20px 50px 0; */
  padding: 0 50px 0;
  position: relative;
}
h1 {
  /* width: 450px; */
  width: 325px;
  color: #fff;
  text-transform: uppercase;
  font: 28px/34px 'BlissPro-Heavy', Arial, sans-serif;
}

/*back*/
	.back {
		background: url('/templates/ott/images/arrow_return.png') no-repeat 0 0;
		height: 15px;
		width: 9px;
		display: block;
		position: absolute;
		left: 20px;
		/* top: 30px; */
    top: 10px;
		transition: 0.2s;
	}
	.back:hover {background: url('/templates/ott/images/arrow_return_hover.png') no-repeat 0 0;}

/* h2 */
h2 {
  color:#063974;
  text-transform: uppercase;
  font: 20px 'BlissPro-Heavy', Arial, sans-serif;
  margin-bottom: 5px;
  margin-top: 15px;
}
.container > h2 {
  text-align: center;
  text-transform: none;
  font: 34px/40px 'BlissPro-ExtraBold', Arial, sans-serif;
  margin:15px 0 25px 0;
}

/* h3 */
h3 {
  color:#063974;
  font: 18px 'BlissPro-Heavy', Arial, sans-serif;
  margin-bottom: 10px;
	margin-top: 10px;
}

	@media only screen and (max-width: 1024px) {
		.title-h1 {
			width: 95%;
			padding-right: 25px;
		}
	}
/* /Title */

.clear {  clear: both; }

/*** --- Header --- ***/
header.main {
	position: relative;
  /* До уменьшения слайдера с 549px до 449px высота была 750px; */
	height: 650px;
	background: #fff;
	border-top: 44px #f5f5f5 solid;
}
header.others {
	height: 122px;/*116*/
}
	.top_head {
		display: block;
		width: 1100px;
		margin: -44px auto 0;
		overflow: hidden;
		text-transform: uppercase;
		font: 12px 'BlissPro-Medium', Arial, sans-serif;
		height: 44px;
		line-height: 44px;
		padding: 0 50px;
	}
		.top_head a {
			float: right;
			color:#a9a69e;
			margin-right: 40px;
			text-decoration: none;
		}
		.top_head .select_wrap span,
		.top_head a.active,
		.top_head a:hover {
			text-decoration: underline;
			color:#063974;
		}
		.select_wrap {
			float: right;
			margin-top:15px;
		}		
			.select_wrap li {
				float: left;
				padding: 0 5px;
				vertical-align: middle;
				height: 13px;
				line-height: 13px;
				list-style: none;
			}
			.select_wrap li:first-child {
				border-right: 1px #063974 solid;
			}
			.select_wrap li:last-child {
				padding: 0 0 0 5px;
			}
				.select_wrap li a {
					margin-right: 0;
				}

	@media only screen and (max-width: 1024px) {
		.top_head {
			width: 95%;
			padding: 0 25px;
		}
	}
	
/*** --- head menu --- ***/
.head_menu {
	width: 1100px;
	margin: 0 auto;
	padding: 0 50px;
}
@media only screen and (max-width: 1024px) {
	.head_menu {
		width: 95%;
		padding: 0 25px;
	}
}
	/*** Logo ***/
	.logo_block {
		width: 405px;
		overflow: hidden;
		color:#003472;
		font: 11px/17px 'BlissPro-Bold', Arial, sans-serif;
		display: block;
		text-decoration: none;
	}
		.logo_block img {
			float: left;
			margin: 8px 20px 14px 0;
      height: 100px;
		}
		.logo_block small {
			display: block;
			text-transform: uppercase;
			margin-top: 37px;			
		}
		.logo_block big {
			display: block;
			font-size: 20px;
		}
	@media only screen and (max-width: 1024px) {
		.head_menu .logo_block {
			width: 300px;
			position: absolute;
		}
		.head_menu .logo_block small {
			margin-top: 20px;
		}
	}
	/*** /Logo ***/
		

	/*** Menu main ***/
	.main_menu {
		float: left;
		/** margin-right: 50px; **/
    margin-right: 20px;
		/*margin-top: 20px;*/
		margin-top: 14px;
		z-index: 100;
	}
		.main_menu .menu_wrap {
			position: relative;
			z-index: 100;
		}
		.main_menu .menu_wrap .item_1level {
			display: inline-block;
			margin:0 0 0 27px;
			height: 65px;/*58*/
		}
		.main_menu .menu_wrap li:first-child {
			margin:0 0 0 0;
		}
		.main_menu .menu_wrap li:hover {
			background: url('/templates/ott/images/arrow_menu.png') no-repeat 50% 100%;
		}
			.main_menu .menu_wrap li a {
				color:#063974;
				text-transform: uppercase;
				text-decoration: none;
				font: normal 17px 'BlissPro-Heavy', Arial, sans-serif;
			}
			
			.main_menu .menu_wrap li .sub_menu_section {
				/*display: none;*/
				opacity: 0;
				visibility: hidden;
				position: absolute;
				top: 64px;/*58*/
				left: -205%;
				background: #063974;
				width: 1200px;
				height: 135px;
				padding: 0 100%;
				transition: 0.2s;
				z-index: 100;
			}

				.main_menu .menu_wrap li:hover .sub_menu_section {
					/*display: block; */
					opacity: 1;
					visibility: visible;
					z-index: 100;
				}
					.main_menu .menu_wrap li .sub_menu {
						width: 1200px;
						text-align: center;
						margin: 25px 0 0;
						z-index: 100;
					}
						.main_menu .menu_wrap li .sub_menu li {
              width: 11%;
							/* width: 13%; */
							margin: 0 5px;
							display: inline-block;
							position: relative;
							padding: 0 0 17px;
						}
							.item_icons {
								display: block;
								height: 59px;
								margin: 0 0 5px;
								overflow: hidden;
								background-position: 50% 0;
								background-repeat: no-repeat;
							}
							.main_menu .menu_wrap li .sub_menu a{
								width: 100%;
								display: inline-block;
								font: normal 9px 'BlissPro-Bold', Arial, sans-serif;
								letter-spacing: 0.5px;
								color:#fff;
								transition: 0.2s;
								}
								.main_menu .menu_wrap li .sub_menu a .item_name {
									height: 32px;
									display: inline-block;
									overflow: hidden;
								}
								/*.main_menu .menu_wrap li .sub_menu li:hover .item_icons {}*/
								.main_menu .menu_wrap li .sub_menu li:hover .item_icons,
								.main_menu .menu_wrap li .sub_menu li.active .item_icons,
								.main_menu .menu_wrap li .sub_menu li:hover a,
								.main_menu .menu_wrap li .sub_menu li.active  a {
									background-position: 50% -59px;
									color: #efe535;
								}
								
									.sub_menu_3 {
										position: absolute;	
										top: 110px;
										width: 155px; /*140px*/
										padding: 20px 10px 0;
										opacity: 0;
										visibility: hidden;
										background: #063974;
										transition: 0.2s;
									}
									.main_menu .menu_wrap li .sub_menu li:hover .sub_menu_3 {
										opacity: 1;
										visibility: visible;										
									}
										.main_menu .menu_wrap li .sub_menu .sub_menu_3 li {
											width: 100%;
											display: block;
											margin: 0;
											padding: 0;
										}
											.main_menu .menu_wrap li .sub_menu .sub_menu_3 li a{
												font: normal 10px 'BlissPro', Arial, sans-serif;
												margin-bottom: 20px;
												color:#fff;
											}
											.main_menu .menu_wrap li .sub_menu .sub_menu_3 li a:hover,
											.main_menu .menu_wrap li .sub_menu .sub_menu_3 li.active a{
												color: #efe535;
											}

			@media only screen and (max-width: 1024px) {
				.main_menu .menu_wrap li .sub_menu_section {
					left: -135%;
					padding: 0 140% 0 50%;
					width: 100%;
				}
				.main_menu .menu_wrap li .sub_menu li {
					width: 10%;
				}
				.sub_menu_3,
				.main_menu .menu_wrap li .sub_menu .sub_menu_3 li {
					width: 100%;
				}
			}


/*** --- Bot head --- ***/

	.bot_head {
		display: block;
		width: 1100px;
		margin: 0 auto;
		padding: 0 50px;
	}
	
	/*** additional menu ***/
	.additional_menu {
		height: 70px;
		line-height: 70px;
	}
		.additional_menu ul {}
			.additional_menu li {
				display: inline-block;
				margin-left: 45px;
			}
			.additional_menu li:first-child {
				margin-left: 0;
			}
				.additional_menu li a{
					text-transform: uppercase;
					text-decoration: none;
					font: 20px/20px 'BlissPro-Heavy', Arial, sans-serif;
				}
				.additional_menu li a:hover,
				.additional_menu li a.active {
					color:#2466b2;
				}
	/*** /additional menu ***/
	
	/*** contact service ***/
	.contact_service {
		float: right;
		width: 170px;
		margin-top: 9px;
		/*background-image: url('/templates/ott/images/icons_call.png');*/
		background-repeat: no-repeat;
		background-position: 0 -15%;
		padding-left: 25px;
		font: 18px/15px 'BlissPro-Heavy', Arial, sans-serif;
		text-transform: uppercase;
		color:#063974;
		text-align: center;
	}
		.contact_service big {
			font-size: 13px;
			padding-bottom: 4px;
		}
		.contact_service small {
			font-size: 10px;
		}
		.contact_service span {
			display: block;
		}
	/*** /contact service ***/
	@media only screen and (max-width: 1024px) {
		.bot_head {
			width: 95%;
			padding: 0 25px;
		}
	}
/*** --- / Bot head --- ***/


/*** appointments ***/
.head_menu_right .appointments {
	margin-top: 0;
	float: left;
	/** margin-right: 52px; **/
  margin-right: 20px;
	width: 65px;
	padding:10px 12px;
	display: block;
	background: #c7c04b;
	color:#fff;
	text-transform: uppercase;
	text-decoration: none;
	font: normal 12px 'BlissPro-Heavy', Arial, sans-serif;
	transition: 0.3s;
}
.head_menu_right .appointments:hover {
	background:#bbb223;
}

	
/*** searchWrap Block***/
.head_menu .head_menu_right{
    position: relative;
	float: right;
	margin-top: 44px;
}
	/* searchWrap */
	.head_menu .searchWrap{
		float: left;
		margin-top: 0;
	}
		.head_menu .search{
			float: left;
		}	
			.head_menu .search input{
				position: absolute;
				right: 0;
				background: url('/templates/ott/images/loupe.png') no-repeat 50% 50% #063974;
				color: #666;
				font: 15px 'BlissPro', Arial, sans-serif;
				padding: 15px 25px 16px;
				box-sizing: border-box;
				width: 0;
				border: 0;
				/*-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 17px;*/
				transition: 0.3s;
				outline: 0;
			}
			.head_menu .search input:hover{
				cursor: pointer;
				background: url('/templates/ott/images/loupe.png') no-repeat 50% 50% #10509a;
			}
			.head_menu .search input:hover:focus{
				cursor: default;
			}
			.head_menu .search input:focus{
				width: 100%;
				border: 2px #144285 solid;
				background: url('/templates/ott/images/loupe_fokus.png') no-repeat 18px center #fff;
				outline: 0;
				padding: 15px 25px 16px 50px;
				z-index: 100;
			}
	/* /searchWrap */



/*** --- Slider --- ***/
#owl-demo .item {
	height: 449px;
	position:relative;
	overflow: hidden; 
	background-size: cover;
	background-position: 50% 0;
	}
	#owl-demo .item img{
		display: block;
		width: 100%;
	}
		#owl-demo .item .info-slide{
			position: absolute;
			width: 100%;
			height: 449px;
		}
			#owl-demo .item .info-slide .block-text {
				position:relative;
				width: 1100px;
				padding: 0 50px;
        /* До уменьшения высоты слайдера с 549px было margin: 185px auto 0; */
				margin: 125px auto 0;
				background: none;
			}
				.info-slide .block-text big {
					font: 36px 'BlissPro-Heavy', Arial, sans-serif;
					text-transform: uppercase;
					color:#063974;
					width: 60%;
					display: block;
					margin-bottom: 30px;
				}
				.info-slide .block-text small {
					font: 18px 'BlissPro-Medium', Arial, sans-serif;
					color:#4d4d4d;			
					width: 580px;
					display: block;	
					margin-bottom: 30px;	
				}
				.info-slide .block-text a {
					color:#fff;
					background:#063974;
					font-size: 18px;
					padding: 9px 48px;
					border-radius: 25px;
					text-decoration: none;
					transition: 0.3s;
				}
				.info-slide .block-text a:hover {
					background: #10509a;					
				}
				.white .info-slide .block-text big,
				.white .info-slide .block-text small {
					color:#fff;
				}

/*** --- Content --- ***/
main {
  min-height: calc(50vh - 420px);
}
header.others ~ main {min-height: calc(85vh - 420px); position: relative;}

.container {
  width: 1100px;
	/* Нижний увеличиваем для кнопки "Наверх" */
  padding: 15px 15px 50px 15px;
  margin: 0 auto;
  overflow: hidden;
}
	aside {
		float: right;
		width: 320px;
		margin-left: 40px;
		overflow: hidden;
	}
	header.others ~ main aside {
		width: 380px;
		float: right;
    /* margin-left: 50px;
		margin-bottom: 50px; */
    margin-left: 20px;
		margin-bottom: 20px;
	} 
	header.others ~ main .vitae aside,
	header.others ~ main .history aside {
		margin-left: 0;
		margin-right: 50px;
		float: left;
	}
	.content {
		float: left;
		width: 740px;
		overflow: hidden;
	}
	header.others ~ main .content {
		float: left;
		width: 670px;
		margin-bottom: 50px;
	}
	header.others ~ main .vitae .content,
	header.others ~ main .history .content {
		background: #fff;
		position: relative;
	}
	header.others ~ main .vitae .content {
		background: none;
	}
	header.others ~ main .today .content {
		height: 1320px;
		overflow: hidden;
	}
	.extra {
		width: 1100px;
		margin: 0 0; /* 0 -50px; */
		overflow: hidden;
	}

	@media only screen and (max-width: 1024px) {
		.container {
			width: 95%;
			padding: 25px;
		}

		header.others ~ main .content,
		.content {
			width: 65%;
		}

		header.others ~ main aside,
		aside {
			width: 30%;
			margin-left: 25px;
		}
		header.others ~ main .vitae aside,
		header.others ~ main .history aside {
			width: 380px;
			margin-left: 0;
			margin-right: 35px;
		}
		header.others ~ main .vitae .content,
		header.others ~ main .history .content {
			width: 55%;
		}

		header.others ~ main .today .content,
		header.others ~ main .today aside {
			width: 50%;
			margin-left: 0;
		}

		.extra {
			width: 100%;
			margin: 0;
		}
	}

/*** --- /Content --- ***/

/*** --- Footer --- ***/
footer {
  position:relative;
  height:320px;
  background:#063974;
  padding:25px;
}
	/* logo menu */ 
	.foot_top {
		width: 1100px;
		margin: 0 auto;
		border-bottom: 1px rgba(255, 255, 255, .1) solid;
	}
    /* logo */
    footer .logo_block {
      width:280px;
      margin:0 auto 30px;
      text-align:center;
      color:#fff;
      display:block;
      text-decoration:none;
    }
			 footer .logo_block small {
				 margin-top: 0;
			 }
      footer .logo_block img{
        float: none;
        margin: 0 0 20px 0;
      }
		/* menu */
		.foot_menu {
			text-align: center;
			padding-bottom: 20px;
		}
		.foot_menu li {
			display: inline-block;
			margin: 0 17px;
		}
		.foot_menu li a {
			color:#fff;
			font-size: 14px;
			text-transform: uppercase;
			text-decoration: none;
		}
		.foot_menu li a:hover,
		.foot_menu li a.active {
			color:#f2c51b;
		}
			.foot_menu .appointments {
				background: none;
				padding: 0;
				margin:0;
				width: 165px;
				float: none;
				border: 1px rgba(195, 188, 74, .2) solid;
				border-radius: 25px;
			}
			.foot_menu .appointments a{
				color:#c3bc4a;
				display: block;
				padding: 10px 17px;
			}
			 
			.foot_menu .appointments:hover,
			.foot_menu .appointments.active {
				border: 1px rgba(195, 188, 74, 1) solid;
			}
	/* copyright */
  .copyright {
    width: 1100px;
    margin: 0 auto;
    color: rgba(255,255,255,.2);
    text-align: center;
    padding: 15px 0;
  }
    .copyright a {
      /* color: rgba(255,255,255,.3); */
      color:rgba(255,255,255,.2);
      text-decoration: none;
    }
    .copyright a:hover {
      text-decoration: none;
      color:rgba(255,255,255,.3);
    }

	@media only screen and (max-width: 1024px) {
		.copyright,
		.foot_top {
			width: 95%;
			padding: 0 25px;
		}
	}

	
/**************************/
/*** --- Menu page --- ***/
/************************/
.title-menu_page {
	background-image: url('/templates/ott/_special/menu/bg_about.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	width: 100%;
	height: 330px;
	/*margin-top: 7px;*/
	text-align: center;
}
	.title-menu_page h1{
		width: 100%;
		font: normal 42px/44px 'BlissPro-ExtraBold', Arial, sans-serif;
		line-height: 330px;
	}	
	
	.menu_page-list {}
	.menu_page-list li:not(:last-child) {
		border-bottom: 1px rgba(6, 57, 116,.13) solid;
	}
	.menu_page-list li{
		transition: 0.2s;
	}
	.menu_page-list li:hover {
		background: #063974;
	}
	.menu_page-list li:hover:not(:last-child) {
		border-bottom: 0;
	}
		.menu_page-list li:hover a {
			color:#fff;
		}
		.menu_page-list li:hover .descr_item {
			color:rgba(255, 255, 255,.4);
		}
		.menu_page-list li:hover .block-item {
			/* background:url('/templates/ott/images/arrow_item_menu_page_h.png') no-repeat 100% 50%; */
		}
			.block-item {
				margin: 0 auto;
				/*height:100%;*/
				display:flex;
				width: 1000px;
				padding: 0 50px;
				/* background:url('/templates/ott/images/arrow_item_menu_page.png') no-repeat 100% 50%; */
				overflow: hidden;
			}
				.block-item a {
					padding: 40px 0;
					color:#063974;
					font: normal 24px/24px 'BlissPro-Bold', Arial, sans-serif;
					text-decoration: none;
					width:70%;
					/*margin: 0;*/
					margin: auto 0;
				}
				.block-item a:hover {color:#fff;}
				.descr_item {
					padding-left: 70px;
					width:25%; 
					text-align: right;
					margin: auto 0;
					color: #838383;
					font: normal 16px/16px 'BlissPro-Medium', Arial, sans-serif;
				}
				.block-item a:hover .descr_item {color:rgba(255, 255, 255,.4);}

	@media only screen and (max-width: 1024px) {
		.block-item {
			width: 90%;
			padding: 0 25px;
		}
	}
/***************************/
/*** --- /Menu page --- ***/
/*************************/	


/***************************/
/*** --- Menu title --- ***/
/*************************/
.menu_title {
  position: absolute;
  top: 0;
  /* top: 10%; */
  right: 0;
  width: 70%;
  /* width: 55%; */
  /*right: -40px; */
}
	.menu_items {
		display: flex;
		flex-wrap: wrap;
	}
		.menu_items li {
			color: rgba(255, 255, 255, 1);
			/* margin: 7px; */
      margin: 2px 10px auto;
			display: inline-block;
			position: relative;
			padding: 0;
		}
			.menu_items li span,
			.menu_items li a {
				width: 100%;
				display: inline-block;
				letter-spacing: 0.2px;
				transition: 0.2s;
				font: normal 15px/15px 'BlissPro-Medium', Arial, sans-serif;
			}
			.menu_items li a {
				color: rgba(255, 255, 255, 0.7);
				text-decoration: none;
			}
			.menu_items li span {
				color: rgba(255, 255, 255, 1);
			}
			.menu_items li a:hover {
				color: rgba(255, 255, 255, 1);
			}
	
	@media only screen and (max-width: 1024px) {
		.menu_title {
			top: -10px;
		}
	}
/****************************/
/*** --- /Menu title --- ***/
/**************************/

	
/****************************/
/*** --- breadcrumbs --- ***/
/**************************/
.breadcrumbs {
	/* margin: 0 auto; */
  margin: 20px auto;
	width: 1100px;
	height: 40px;
	line-height: 40px;
	}

	.breadcrumbs ul,
	.breadcrumbs ul li {
		display: inline-block;
		font: 12px/45px 'BlissPro', sans-serif;
	}
	.breadcrumbs ul li {
		margin-left: 10px;
	}
	.breadcrumbs ul li.current {
		color: #c7c04b;
		cursor: default;
	}
	.breadcrumbs ul li:first-child{
		padding-left:0;
		margin-left:0;
	}
		.breadcrumbs ul li a {
			text-decoration: none;		
			color: #fff;
		}
		.breadcrumbs ul li a:hover {
			text-decoration: underline;
		}
	
	@media only screen and (max-width: 1024px) {
		.breadcrumbs {
			width: 95%;
			padding: 0 25px;
		}
	}

/* Кнопка "Наверх" */
#hid {
	width: 75px;
	height: 75px;
	opacity: 0;
	position: absolute;
	bottom: 70px;
	right: 25%;
}

.arrow_top {
	margin-top: 65px;
	width: 75px;
	height: 75px;
	display: block;
	background: url('/templates/ott/images/arrow_top.png') no-repeat 0 0;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.arrow_top:hover {
	background-position: 0 -75px;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

/* /Кнопка "Наверх" */



/*************************/
/*** --- Numpages --- ***/
/***********************/
.numpages {
  text-align: center;
  // width:352px;
  width:800px;
  height:40px;
  margin: 0 0 3px 0;
  background: #f0f0f0;
  float: right;
  overflow: hidden;
}
.container .content .numpages {
	margin: 0 0 3px;
}
.container.search_do .numpages {
	margin: 0 0 3px;
}
.container .numpages {
	/*margin-right: -50px;*/
	margin-top: -39px;
}
.container .numpages {}
	.numpages a {
		color: #ccc;
		font: 18px/40px 'BlissPro-Medium', Arial, sans-serif;
		text-decoration: none;
		height: 40px;
		width: 44px;
		display: inline-block;
		transition: 0.2s;
	}
	.numpages a:hover,
	.numpages a.active,
	.numpages span {
		color: #063974;
		font: 18px/40px 'BlissPro-Medium', Arial, sans-serif;
		height: 40px;
		width: 44px;
		display: inline-block;
		background-color: #e0e0e0;
	}
  .numpages .links {
  }
		.numpages .links a {
			margin: 0;
			height: 40px;
      width: 40px;
			overflow: hidden;
			display: inline-block;
			text-indent: -9999px;
			background-color: transparent;
			background-repeat: no-repeat;
			background-position: 50% 50%;
			transition: 0.2s;
		}

		.numpages .links a.prev:hover,
		.numpages .links a.begin:hover {
			background-color: #e0e0e0;
		}
		.numpages .links a.next:hover,
		.numpages .links a.end:hover {
			background-color: #e0e0e0;
		}
		.numpages .links a.prev {
			float: left;
			background-image: url('/templates/ott/images/toprev_link.png');
		}
		.numpages .links a.next {
			float: right;
			background-image: url('/templates/ott/images/tonext_link.png');
		}

		.numpages .links a.begin {
			float: left;
			background-image: url('/templates/ott/images/tobegin_link.png');
		}
		.numpages .links a.end {
			float: right;
			background-image: url('/templates/ott/images/toend_link.png');
		}
    .numpages .pages {
      margin-top: -20px;
      width:100%;
    }

    .numpages .pages a,
    .numpages .pages span {
      margin: 0 -2px;
      text-decoration: none;
      height:40px;
      width:40px;
    }
@media only screen and (max-width: 1024px) {
	.container .numpages {
		margin-right: 150px;
	}
	.numpages {
		width: 25%;
	}
	.tabs__caption li {
		width: 70%;
	}
}
/**************************/
/*** --- /Numpages --- ***/
/************************/
	

/*******************************/
/*** --- Shader [block] --- ***/
/*****************************/

.all {
	float: right;
	color:#575757;
	font: 16px 'BlissPro-Medium', Arial, sans-serif;
	text-decoration: none;
	padding: 4px 17px;
	border: 1px #b1ae71 solid;
	border-radius: 15px;
	transition: 0.3s;
}
.all:hover {
	color:#063974;
	border: 1px #063974 solid;
}

.container .block-text {
  background: #fff;
  padding: 25px;
  margin-bottom: 15px;
  /* box-shadow: 1px 1px 1px rgba(0,0,0,.1); */
  color:#666;
	font-family: 'BlissPro-Light', Arial, sans-serif;
	font-size: 1rem;
  text-align: justify;
}
.container .block-text.citation {
  font: 14px 'BlissPro-MediumItalic', Arial, sans-serif;
  background-color: #ebe8e4;
  background-image: url('/templates/ott/images/quotes.png'), url('/templates/ott/images/quotes.png');
  background-repeat: no-repeat, no-repeat;
  background-position: -6px -9px, 95% 95%;
}
.container .block-text.citation big {
  float: right;
  font: 14px 'BlissPro-ExtraBoldItalic', Arial, sans-serif;
}

.container.history .block-text {
	margin-bottom: 0;
	box-shadow: 0 0 0 rgba(0,0,0,.1);
	padding-right: 100px;
}
.container.history .block-text + .block-text {padding: 25px 50px;}
.container.history .block-text:first-child {padding-bottom: 25px;}
.container.history .block-text:last-child {padding-bottom: 50px;}
.container.vitae .block-text {
	box-shadow: 1px 1px 1px rgba(0,0,0,.1);
	border-bottom: 3px #c7c04b solid;
}
.methods > .block-text {
	margin-bottom:0;
	border-bottom: 1px solid #f0f0f0;
}
.methods .cbp-ntcontent .block-text {
  padding:15px;
  background:none;
  box-shadow: 0 0 0 rgba(0,0,0,.1);
  margin-bottom: 0;
}
.methods .cbp-ntcontent .block-text p > big {
	text-transform: uppercase;
	color: #063974;
	font-family: 'BlissPro-ExtraBold', Arial, serif;
}
	.container .block-text hr,
	hr {
		display: block;
		background: #063974;
		width: 24px;
		height: 3px;
		margin-bottom: 20px;
		margin-left: 10px;
		border:0;
	}
	.container.vitae hr,
	.container.vitae .block-text hr {
		background: #c7c04b;
		margin-left: 0;
	}
	.container h4.spec_title {
		border-bottom: 2px #063974 solid;
		margin: 0;
		padding: 0;
		color:#fff;
		text-transform: uppercase;
		width: 100%;
	}
		.container h4.spec_title span {
			content: "";
			background: url('/templates/ott/images/fon_block_title.png') no-repeat 95% 50%;
			padding: 25px 50px;
			height: 22px;
			display: block;
			width: 30%;
			font: 18px 'BlissPro-Heavy', Arial, sans-serif;
		}
  .container .block-text h4 {
    color:#063974;
    font: 18px 'BlissPro-ExtraBold', Arial, sans-serif;
    text-transform: none; /* uppercase */
    margin-top: 10px;
    margin-bottom: 15px;
  }
		.container .block-text h4 span{
			font: 16px 'BlissPro-MediumItalic', Arial, sans-serif;
			text-transform: none;
			display: block;
			margin-top: 10px;
		}
	.container .block-text h5 {
		color:#333;
		font: 16px 'BlissPro-Bold', Arial, sans-serif;
		text-transform: none;
		margin: 20px 0;
	}
	/* .container .block-text h5 {
		margin-left: 20px;
	} */
	.container .block-text.visit_payment h5 {
		margin-left: 0;
	}
	.cbp-ntcontent h5:before {
		content:"";
		background: url('/templates/ott/images/disc_li.png') no-repeat 0 0;
		width: 6px;
		height: 7px;
		display: block;
		margin: 0 0 -13px -20px;
	}
	.container .block-text strong {
		color:#333;
	}
	.container .block-text em {
		color:#063974;
		font: 16px 'BlissPro-MediumItalic', Arial, sans-serif;
	}
.container .block-text p {
  padding-bottom: 10px;
}
	.container .block-text h4 + p {
		padding-top: 0;
	}
	.container .block-text h4 + p {
		padding-top: 0;
	}
	/* .container .block-text h5 + p{
		padding-left: 20px;
	} */
	.container .block-text p:last-child {padding-bottom: 0;}
	.container .block-text h5 + ul,
.container .block-text p + ul {
  margin: 0 0 10px 20px;
  list-style-position: outside;
}
.container .block-text ul,
.container .block-text ol {
  margin: 0 0 15px 15px;
}
.container .block-text ul li,
.container .block-text ol li {
  padding: 5px 0; /* padding: 15px 0; */
  margin-left: 20px;
}
.container .block-text ol li {
  list-style-type: decimal;
  /* margin-bottom:5px; */
  margin-top: -5px;
}
.container .block-text ul li {
  list-style-type: none;
}
.container .block-text ul li:before {
  content:"";
  background: url('/templates/ott/images/disc_li.png') no-repeat 0 0;
  width: 6px;
  height: 7px;
  display: block;
  margin: 0 0 -15px -20px;
}
.container .block-text ul li ul,
.container .block-text ul li ol,
.container .block-text ol li ul,
.container .block-text ol li ol {
  /* margin: 15px 0 0 15px; */
  margin: 0 0 0 15px;
}
.container .block-text ul li li,
.container .block-text ul li ul li,
.container .block-text ol li li,
.container .block-text ol li ol li {
  /* font: 16px 'BlissPro-LightItalic', Arial, sans-serif; */
  font: 16px 'BlissPro-Light', Arial, sans-serif;
  /*padding: 5px 0;
  margin: 5px; */
  padding: 0 0;
  margin: 1px;
  margin-top: 10px !important;
}
.container .block-text ul li li:before,
.container .block-text ul li ul li:before {
  content:"\203E\00A0";
  background-image: none;
  margin-top: 5px;
  color:#666;
  float: left;
  height: 20px;
  font: 16px 'BlissPro-LightItalic', Arial, sans-serif;
}
.visit_payment {
  border-left: 3px #c45c44 solid;
}
.container .visit_payment h4 {
	color: #c45c44;
	font: 18px 'BlissPro-ExtraBold', Arial, sans-serif;
	margin-bottom: 15px;
}

	.cbp-ntcontent .visit_payment h5 {
		margin: 0;
	}
	.cbp-ntcontent .visit_payment h5:before {
		margin:0;
		background: none;
	}
	.container .visit_payment p {}
	.container .visit_payment h5 + p{
		padding-left: 0;
		padding-bottom: 20px;
		font: 16px 'BlissPro-LightItalic', Arial, sans-serif;
	}
	.container .visit_payment h5 + p + p{
		color:#c45c44;
		font: 24px 'BlissPro-BoldItalic', Arial, sans-serif;
		padding-bottom: 40px;
	}

.block-text table {
	width: 100%;
}

	/* td */

	.block-text table td {
		vertical-align: middle;
		padding: 15px 0;
		border-top: 1px #e0e0e0 solid;
		border-bottom: 1px #e0e0e0 solid;
	}

/*.block-text table td:last-child {padding-right: 25px;} */

/*.block-text table td:first-child {padding-left: 25px;} */


	/* three items */

/*.block-text table td:nth-child(1):nth-last-child(2) {

		width: 15%;

		padding-right: 25px;

		font-weight: bold;

	} */

/*.block-text table td:nth-child(2):nth-last-child(1) {

		width: 80%;

		padding-left: 25px;

	} */

	/* /td */


	/* tr */

	.block-text table tr:last-child {
		border-bottom: 1px #e0e0e0 solid;
	}

	/* /tr */
	

/***--- Table ---***/
.block-table {
	background:#fff;
	margin-bottom: 60px;
}

	.block-table table {
		width: 100%;
	}
			/* td */
			.block-table table td {
				vertical-align: middle;
				/* padding: 30px 0; */
				padding: 10px 10px;
				border-bottom: 1px #e0e0e0 solid;
			
			}
			/*.block-table table td:last-child {padding-right: 50px;} */
			.block-table table td:last-child {padding-right: 20px;}
			/*.block-table table td:first-child {padding-left: 50px;} */
			.block-table table td:first-child {padding-left: 20px;}

			/* three items */
			.block-table table td:nth-child(1):nth-last-child(3) {
				width: 75%;
				padding-right: 25px;
			}
			.block-table table td:nth-child(2):nth-last-child(2) {
				width: 15%;
				padding-right: 25px;
				padding-left: 25px;
			}
			.block-table table td:nth-child(3):nth-last-child(1) {
				width: 10%;
				padding-left: 25px;
			}
			
			
			/* four items */
			.extra .block-table table td:nth-child(1){
				width: 255px;
				/* padding-right: 25px; */
				padding-right: 5px;
				background: url('/templates/ott/images/td_line.png') no-repeat 50% 100%;
				border: 0;
			}
			.extra .block-table table td:nth-child(2) {
				/*padding-right: 25px;
				padding-left: 25px; */
				padding-right: 5px;
				padding-left: 5px;
			}
			.extra .block-table table td:nth-child(3) {
				width: 130px;
				/*padding-right: 25px;
				padding-left: 25px; */
				padding-right: 5px;
				padding-left: 5px;
			}
			.extra .block-table table td:nth-child(4) {
				width: 205px;
				/* padding-left: 25px;  */
				padding-left: 5px; 
			}
			/*.block-table.table-extra table td:nth-child(1):nth-last-child(4){
				width: 35%;
				padding-right: 25px;
			}
			.block-table.table-extra table td:nth-child(2):nth-last-child(3){
				padding-right: 25px;
				padding-left: 25px;
			}
			.block-table.table-extra table td:nth-child(3):nth-last-child(2){
				width: 5%;
				padding-right: 25px;
				padding-left: 25px;
			}
			.block-table.table-extra table td:nth-child(4):nth-last-child(1){
				width: 25%;
				border-bottom: 1px green solid;
				padding-left: 25px;
			}*/
			/* /td */
			
		/* tr */
		.block-table table tr:last-child {
			border-bottom: 1px #e0e0e0 solid;
		}	
		.block-table table tr{
			color: #838383;
		}
		.block-table table tr:nth-child(1) {
			background: #f0f0f0;
			/*text-transform: uppercase; */
			text-transform: none;
			color:#333;
			font: 16px 'BlissPro', Arial, sans-serif;
			font-weight: bold;
		}
		/* .block-table table tr:nth-child(1) td {
			padding-top: 20px;
			padding-bottom: 20px;
		}
		.block-table table tr:last-child td {
			background: none;
		}
		/* /tr */

	@media only screen and (max-width: 1023px) {
		.container .block-text img {
			width: 100%;
			height: auto;
		}
	}
	@media only screen and (max-width: 1024px) {
		.container aside .block-text img {
			width: 100%;
			height: auto;
		}
		.container h4.spec_title span {
			height: 56px;
		}
	}

.apdf {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url('/files/images/pdf.gif');
  background-size: 16px 16px;
  border: none;
  padding: 0 0 0 20px;
  text-align: left;
}
.appt {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url('/files/images/ppt.png');
  background-size: 16px 16px;
  border: none;
  padding: 0 0 0 20px;
  text-align: left;
}
.ajpg {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url('/files/images/image.png');
  background-size: 16px 16px;
  border: none;
  padding: 0 0 0 20px;
  text-align: left;
}
.afolder {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url('/files/images/folder.png');
  background-size: 16px 16px;
  border: none;
  padding: 0 0 0 20px;
  text-align: left;
}
.aods {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url('/files/images/ods.png');
  background-size: 16px 16px;
  border: none;
  padding: 0 0 0 20px;
  text-align: left;
}
.aodt {
  background-position:0 50%;
  background-repeat: no-repeat;
  background-image: url('/files/images/odt.png');
  background-size: 16px 16px;
  border: none;
  padding: 0 0 0 20px;
  text-align: left;
}
.artf {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url('/files/images/rtf.png');
  background-size: 16px 16px;
  border: none;
  padding: 0 0 0 20px;
  text-align: left;
}
.adoc {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url('/files/images/doc.gif');
  background-size: 16px 16px;
  border: none;
  padding: 0 0 0 20px;
  text-align: left;
}
.ayoutube {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image:url('/files/images/youtube.png');
  background-size: 16px 16px;
  border: none;
  padding: 0 0 0 20px;
  text-align: left;
}
div.persona_infocard {
  text-align: left;
}
div.persona_infocard p {
  margin-top: 0.5em;
  margin-bottom: 1em;
}
div.service_detailed_info {
  text-align: left;
}
div.service_detailed_info p {
  margin-top: 0.5em;
  margin-bottom: 1em;
}


/** Social Icons **/
.social-icons-1 {
  float: right;
  width: 220px;
  height: 40px;
  margin-right: -70px;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center;
}
.social-icons-1 li {
  display: inline-block;
  position: relative;
  /* display: block; */
  margin-top: 5px;
  font-size: 22px;
  width: 40px;
  height: 40px;
}
.social-icons-1 i,
.social-icons-1 img {
  color: #fff;
  position: absolute;
  top: 4px;
  width: 30px;
  height: 30px;
  text-align:center;
  transition: all 0.3s ease-out;
}
.social-icons-1 a {
  display: inline-block;
}
.social-icons-1 a:before {
  transform: scale(1);
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 100%;
  display: block;
  background: #063974;
  /* background: linear-gradient(45deg, #337AB7, #2d6b9f); */
  transition: all 0.3s ease-out;
  /* box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 2px 4px rgba(0,0,0,0.2); */
}
.social-icons-1 a:hover:before {
    transform: scale(0);
    transition: all 0.3s ease-in;
}
.social-icons-1 a:hover i,
.social-icons-1 a:hover img {
    transform: scale(1.2);
    color: #063974;
    /* color: #337AB7; */
    transition: all 0.3s ease-in;
}