/* site styles for CMS Tigris */


/* common */
html, body {height: 100%;}
body {margin: 0; padding: 0; min-height: 100%; min-width: 360px; position: relative;}
.box {max-width: 1230px; margin:auto; padding-left: 15px; padding-right: 15px;}
.footer {padding-top: 10px; padding-bottom: 10px; min-height: 100px;}
.pageMainContent *:first-child {margin-top: 0;}
#codeigniter_profiler, #codeigniter_profiler legend {font-size: 13px !important;}
#codeigniter_profiler code {background: none !important;}
.clearfix:before, .clearfix:after {display: table; content: " ";}
.clearfix:after {clear: both;}
.block_info {position: relative; width: 0; height: 0; display: inline;}
.block_info div, .page_info {padding: 1px; text-align: left; color: black !important; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 1em; background: white;}
.block_info div {position: absolute; z-index: 10000; padding-right: 25px; opacity: 0.4; display: inline-block; vertical-align: top;}
.block_info div:hover {opacity: 1;}
.block_info div span {white-space: nowrap; color: black !important;}
.block_info .edit, .page_info .edit {margin: 0 4px 0 0 !important; float: left !important;}
.block_info span, .page_info span {display: block;}
.page_info {padding-bottom: 5px;}
.icon16 {display: inline-block; width: 20px; height: 20px; margin: 0px; background-position: center; background-repeat: no-repeat; vertical-align: middle; background-color: #F5F5F5; border-radius: 3px;}
a.icon16:hover {background-color: #EEEEEE;}
.noContent {color: #999999; margin: 15px 0;}
.hidden { display: none;}
img {max-width: 100%;}
.wait, .wait input, .wait textarea, .wait select, .wait button, .wait label {cursor: wait;}
.loading {background: url(../images/loading.gif) center no-repeat;}
[id] {scroll-margin-top: 110px;}
.scroll_to_top {position: fixed; bottom: 15px; right: 15px; z-index: 1100; width: 30px; height: 30px; text-align: center; padding: 5px; border-radius: 10000px; background: rgba(0, 0, 0, 0.5); color: white !important; text-decoration: none !important; font-size: 12px; line-height: normal; display: none;}
.scroll_to_top.visible {display: block;}
.grecaptcha-badge {bottom: 100px;}
.recaptcha_terms {font-size: 12px; color: #999999;}
.recaptcha_terms a {color: inherit;}
.clearfix:before, .clearfix:after, .clear:before, .clear:after {content: ""; clear: both; display: table;}
.icon16 {display:inline-block; width:20px; height:20px; margin: 0px; background-position: center; background-repeat: no-repeat;}
a.icon16:hover {background-color: #F5F5F5; border-radius: 3px;}
.fa.icon16 {font-size: 18px; color: #337ab7; text-decoration: none;}
.fa.icon16.yellow {color: #f0ad4e;}
.block_info .icon16, .page_info .icon16 {margin-right: 4px; float: left;}
.clearfix:before, .clearfix:after {display: table; content: " ";}
.clearfix:after {clear: both;}
.image_cover {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.image_cover * {width: 100%; height: 100%; object-fit: cover;}

/* common forms */
.form_item {margin: 0 0 20px; }
.form_item label {display: block; padding-top: 4px; font-size: 90%;}
.form_item .fieldBox label {display: inline; width: auto; margin: 0; padding: 0; float: none;}
.form_item.text label, .form_item.password label, .form_item.select label {padding-top: 3px;} 
.form_item.text input, .form_item input[type=password], .form_item input[type=email], .form_item textarea, .form_item select {border: 1px solid #AAAAAA; border-radius: 3px; padding: 10px 10px; line-height: normal; box-sizing: border-box; font-size: inherit;}
.form_item.text input, .form_item textarea {width: 100%;}
.form_item input[type=password] {width: 200px;}
.form_item textarea {resize: vertical; height: 100px;}
.form_item input[type=checkbox], .form_item input[type=radio] {margin-left: 0; position: relative; top: 1px;}
.form_item span label {margin: 0 10px 0 0;}
.fieldBox .fileInputBox div { margin: 0 0 3px;}
.help-block {display: block; margin: 3px 0; font-size: 90%; color: red;}
.fieldBox span.form_error {margin: 3px 0;}
.form_item .imageThumbs {margin: 0 0 3px;}
.form_item .imageThumbs > span {display: inline-block; text-align: center; padding: 0 0 5px;}
.form_item .imageThumbs img {display: block; margin: 0 0 3px;}
.form_item .imageThumbs input[type=checkbox] {display: inline; vertical-align: middle; top: 0; margin: 0 2px 0 0;}
.form_item .imageThumbs label .icon16 {display: inline-block; vertical-align: middle;}
.form_item.plain .fieldBox {padding-top: 4px;}
.form_item.plain .fieldBox p {margin-top: 0;}
.form_item.radio .fieldBox label {margin-right: 7px;}
.form_item.checkbox label {float: none; width: auto; padding-left: 7px;}
.form_item.required label:after {content: " *";}
.form_item.protection {display: none;}
.form_item.captcha input {width: 140px; text-transform: uppercase;}
.form_item.captcha img {margin: 0 0 3px 0; vertical-align: top;}
.form_note {font-size: 85%;}
.form_item.buttons {margin-top: 30px;}
.button, a.button {display: inline-block; font-size: 16px; padding: 18px 25px; color: white; border: 1px solid #393939; background-color: #393939; text-transform: uppercase; text-decoration: none;}
.button:hover {background-color: white; color: #393939;}

/* pagination */
.pagination {display: block; text-align: center; list-style: none; margin: 25px 0 15px;}
.pagination li {display: inline;}
.pagination .active a, .pagination a:hover {background-color: #DDDDDD; color: inherit;}
.pagination span {padding: 0; background: transparent;}

/* sysmessage */
.alert {padding: 15px; margin: 10px 0; border: 1px solid transparent; border-radius: 4px;}
.alert-dismissable {padding-right: 35px;}
.alert-dismissable .close {position: relative; right: -21px; color: inherit; -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2;}
.alert-success {color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;}
.alert-info {color: #31708f; background-color: #d9edf7; border-color: #bce8f1;}
.alert-warning {color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;}
.alert-danger {color: #a94442; background-color: #f2dede; border-color: #ebccd1;}

/* accordion */
.accordion {border-bottom: 2px solid #393939;}
.accordion h3 {cursor: pointer; border-top: 2px solid #393939; padding: 22px 42px 22px 20px; margin: 0; text-align: center; font-size: 22px; text-transform: none; position: relative; line-height: normal;}
.accordion h3:before {content: "+"; position: absolute; top: 20px; right: 12px; font-size: 24px; font-weight: bold; line-height: normal; color: #666666;}

/* header */
.page_header {position: relative;}
.page_header h1 {font-size: 24px; font-weight: bold; text-align: center; margin: 60px 0 40px;}
.page_header h3 {font-size: 20px; text-align: center; margin: 0;}

/* home visual */
.home_visual {position: relative; width: 100%; overflow: hidden; height: 465px; margin: 10px 0 70px; background-position: top; background-repeat: no-repeat; background-size: contain;}
.home_visual .box {padding-top: 1px;}
.home_visual .strip {width: 100000px; height: 100%; position: absolute; left: 0; top: 0;}
.home_visual .slide {width: 100%; height: 100%; float: left; position: relative; overflow: hidden;}
.home_visual .image img {display: block; margin: auto; max-height: 465px;}
.home_visual .text {text-align: center; position: absolute; left: 10px; right: 10px; bottom: 0;}
.home_visual h1 {font-size: 31px; font-weight: bold; text-transform: none; margin: 0; padding: 20px 0; background: #f7ecd699;}
.home_visual .nav {position: absolute; top: 50%; margin-top: -35px; opacity: 0; cursor: pointer;}
.home_visual:hover .nav {opacity: 1;}
.home_visual .nav.prev {left: 30px;}
.home_visual .nav.next {right: 30px;}
.home_visual .nav.prev:before , .home_visual .nav.next:before {display: inline-block; -webkit-transform:scale(0.5, 1.0); -moz-transform:scale(0.5, 1.0); -ms-transform:scale(0.5, 1.0); -o-transform:scale(0.5, 1.0); transform:scale(0.5,1.0); color: black; font-size: 60px; font-weight: normal; line-height: 1em; font-family: Times, serif;}
.home_visual .nav.prev:before {content: "<";}
.home_visual .nav.next:before {content: ">";}

/* home reference slider */
.home_reference_slider {position: relative; padding: 40px 0 60px; font-size: 24px; line-height: 1.5em; text-align: center;}
.home_reference_slider a {text-decoration: none;}
.home_reference_slider .name {font-size: 16px; font-weight: bold; margin-top: 25px; line-height: normal;}
.home_reference_slider .name span {display: block; font-weight: normal; margin-top: 8px;}
.home_reference_slider img {width: 600px; margin: 10px 0 0;}
.home_reference_slider .more_all {text-align: center; margin: 60px 0 0; }
.home_reference_slider .frame {position: relative; overflow: hidden; height: 350px;}
.home_reference_slider .strip {position: absolute; left: 0; width: 100000px;}
.home_reference_slider .slide {float: left; width: 100%;}
.home_reference_slider .navigation {position: absolute; top: 50%; left: 0; right: 0;}
.home_reference_slider .prev, .home_reference_slider .next {position: absolute; width: 40px; height: 40px; top: -20px; margin: auto; cursor: pointer; border-radius: 10000px; background: #666666; text-align: center;}
.home_reference_slider .prev:hover, .home_reference_slider .next:hover {opacity: 0.85;}
.home_reference_slider .prev {left: -60px;}
.home_reference_slider .next {right: -60px;}
.home_reference_slider .prev:before, .home_reference_slider .next:before {display: inline-block; -webkit-transform:scale(0.5, 1.0); -moz-transform:scale(0.5, 1.0); -ms-transform:scale(0.5, 1.0); -o-transform:scale(0.5, 1.0); transform:scale(0.5,1.0); color: white; font-size: 40px; font-weight: bold; line-height: 1em; font-family: Times, serif; position: relative; top: 1px;}
.home_reference_slider .prev:before {content: "<"; right: 2px;}
.home_reference_slider .next:before {content: ">"; left: 2px;}
.home_reference_slider .nav_icons {position: absolute; bottom: 70px; left: 0; right: 0; text-align: center;}
.home_reference_slider .nav_icons span {position: relative; display: inline-block; width: 18px; height: 18px; background-color: white; cursor: pointer; margin: 10px 5px; border-radius: 10000px;}
.home_reference_slider .nav_icons span.active {background: black;}
.home_reference_slider .prev, .home_reference_slider .next {top: -25px;}
.home_reference_slider .prev {left: -120px;}
.home_reference_slider .next {right: -120px;}
@media (max-width: 991px) {
  .home_reference_slider {padding: 0 0 30px; font-size: 16px;}
  .home_reference_slider h2 {margin: 30px 0 40px;}
  .home_reference_slider .col-md-3 {text-align: center;}
  .home_reference_slider img {float: none; margin: 0 auto 40px;}
  .home_reference_slider .text {padding-right: 15px;}
  .home_reference_slider .text p {font-size: 1rem; text-align: left;}
  .home_reference_slider .prev, .home_reference_slider .next {top: -50px; width: 50px; height: 50px; background: none; opacity: 0.7;}
  .home_reference_slider .prev:before, .home_reference_slider .next:before {font-size: 42px; color: #00000066;}
  .home_reference_slider .prev {left: 5px;}
  .home_reference_slider .next {right: 5px;}
}

/* pages */
.page {padding-top: 0; padding-bottom: 60px;}

/* gallery */
.gallery .item {margin: 0 0 25px;}
.gallery .item img {margin: 0;}
.gallery_image_title {font-style: italic; font-size: 12px; text-align: center; margin: 0;}
.glightbox-clean h4.gslide-title {text-transform: none; font-size: 15px; }

/* catalog (doctors) */
.pageListItem {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,.075);}
.pageListItem:last-child {border-bottom: none;}
.pageListItem h3 {margin: 0 0 15px; font-weight: 400;}
.pageListItem h3 a {text-decoration: none;}
.pageListItem img, .pageListItem .noImage {border-radius: 10000px;}
.pageListItem .perex {margin: 0 0 20px; font-weight: normal;}
.pageListItemLeft {float: left; display: inline-block;}
.pageListItemLeft {width: 145px; margin: 0 35px 10px 0;}
.pageListItemRight {margin-left: 180px;}
.filterForm {margin: 0 0 60px;}
.pageDoctor .avatar img {margin-top: 40px;}
.filterForm {vertical-align: middle; line-height: 2.5em; padding: 0 0 20px; margin: 0 0 60px; border-bottom: 1px solid rgba(0,0,0,.075);}
.filterForm label {font-size: 16px; padding-right: 5px;}
.filterForm input[type=text], .filterForm textarea, .filterForm select {border: 1px solid #AAAAAA; border-radius: 3px; padding: 10px 10px; line-height: normal; box-sizing: border-box; font-size: inherit;}
.filterBox {display: inline-block; margin: 1px 10px 1px 0;}


/* responsive design */

@media only screen and (min-width: 992px) 
{
  .mobile {display: none;}
}
@media only screen and (max-width: 991px) 
{
  .desktop {display: none;}
  html {overflow-x: hidden;}
  
  /* header */
  .page_header h1 {margin: 25px 0 40px;}
  
  /* main menu */
  .main_menu_button {display: inline-block; padding: 4px 6px 4px 30px; line-height: 1em; text-align: center; position: absolute; top: 21px; right: 15px; font-size: 16px; text-transform: uppercase; color: black;}
  .main_menu_button:after {position: absolute; content: ""; display: inline-block; width: 18px; height: 18px; background: url(../images/icon_menu.svg) no-repeat; left: 0; top: 3px;}
  .main_menu_button.open:after {content: "+"; color: black; background: none; transform: rotate(45deg); font-size: 35px; font-weight: bold; top: 2px;}
  .main_menu {margin-left: -15px; margin-right: -15px; clear: both; background: white; font-size: 16px; text-transform: uppercase;}
  .main_menu ul {display: none; padding: 20px 15px 20px; text-align: left; position: static;}
  .main_menu.open > ul {display: block;}
  .main_menu li, .sub_menu li {display: block; margin: 0 0 3px;}
  .main_menu li a, .sub_menu li a {display: block;}
  .main_menu li.active a, .sub_menu li.active a {text-decoration: underline;}
  .main_menu li a, .sub_menu li a, .main_menu ul ul li a, .sub_menu ul ul li a {padding: 8px 15px;}
  .main_menu ul ul {position: static; border: none; width: calc(100% + 15px); background: #F5F5F5; margin: 10px -15px; box-shadow: none; padding: 10px 0 10px 30px; box-sizing: border-box;}
  .main_menu ul ul ul {padding: 0 0 0 15px; width: 100%;}
  .main_menu ul .language_menu_mobile ul {background: none; margin: 0; width: 100%; display: block; padding-left: 7px;}
  .main_menu ul .language_menu_mobile ul li {display: inline-block;}
  .main_menu ul .language_menu_mobile ul li a {padding: 7px;}
  .main_menu li.has_submenu {padding-right: 0;}
  .main_menu a span {width: 30px; height: 30px; position: absolute; top: 7px; right: 15px; text-align: center; line-height: 28px; -webkit-transform:scale(0.5, 1.0); -moz-transform:scale(0.5, 1.0); -ms-transform:scale(0.5, 1.0); -o-transform:scale(0.5, 1.0); transform: rotate(90deg) scale(0.5,1.0);}
  .main_menu li a span:after {font-size: 22px;}
  .main_menu .has_submenu a span, .main_menu ul ul .has_submenu a span {display: inline-block;}
  
  /* home visual */
  .home_visual .nav {opacity: 1;}
  .home_visual .nav.prev {left: 0;}
  .home_visual .nav.next {right: 0;}
}