body {font-family: 'Roboto', sans-serif;color:#525252;}

.container-header{background-color:#fff;background-image:none;border-top: 5px solid #ADB4C2;box-shadow: 0 5px 5px #ddd;}

h1,h2,h3{font-family: 'Roboto', sans-serif;text-align:center; margin: 40px 15px 30px;}
h1 {border-bottom: 2px dotted #ccc; padding-bottom: 15px;}

.primary {color: #2B4F8D;} /*blu*/
.secondary {color: #02C9AF;} /*biruza*/
.dark-red{color:#D12023;} /*krasnyi*/
a, button {text-decoration:none!important;outline: none!important;}

.btn {display: inline-block;margin-top: 25px; color:#02C9AF; border: 2px solid #02C9AF;text-decoration: none; font-weight: bold; border-radius: 5px;transition: all 0.5s ease;}
.btn:hover {color:#2B4F8D; border: 2px solid #2B4F8D;}


.btn-secondary{margin: 40px 0;font-size:18px;background: #02C9AF;padding: 10px 25px;border: 1px solid #02C9AF;color: #fff;border-radius: 8px;transition: all 0.5s ease;text-decoration:none}
.btn-secondary a{}
.btn-secondary a:hover{border: 1px solid #02C9AF;color: #02C9AF;background: #FFF;}

.divider hr{border-top: 5px solid #02C9AF;opacity: 1;margin: 1rem 0;max-width: 80px;}

/*menu*/
.container-header .mod-menu {color: #2B4F8D;} 
/*Gor-menu - color*/

.container-header .mod-menu>li>a {font-size: 1rem;font-weight: 600;text-transform: uppercase;padding-bottom: 5px;margin-bottom:0px;transition: all 0.5s ease;} 
/*style Gor-menu*/

.container-header .mod-menu>li>a:hover{color: #02C9AF;}

.container-header .mod-menu li.active>a {color:#02C9AF;} 
/*active menu*/

.mod-menu .parent>ul {border: 1px solid #ddd;border-radius: 5px;overflow: hidden;text-transform:initial;} /*sub-menu*/

.metismenu.mod-menu .metismenu-item>button{color: #2B4F8D;text-transform: uppercase;font-weight:600; padding: 0 0 0.4em; font-size: initial; } 
/*style zagolov-menu*/

.mod-menu .metismenu-item>button:hover {color: #02C9AF;} 
/*menu hover na zagolov-menu*/

.mod-menu .metismenu-item.active.parent>button{color: #02C9AF;} 
/*menu active na zagolov-menu*/

.container-header .container-nav {padding: 0.5em; align-items: center;} 
/*aling rov Gor-menu v header*/


/*mob-menu*/
.container-header .navbar-toggler {font-size: 1.7rem; color: #2B4F8D;box-shadow: none;}/*try poloski*/
.offcanvas { --offcanvas-width: 220px;background:#2B4F8D;} /*shtorki*/
.offcanvas.show {padding-top:25px;color:#fff;}
.offcanvas.show .metismenu-item>button {white-space: normal; text-align: left; width: 130px;color:#fff;}
.offcanvas.show .metismenu-item.active.parent>button{color: #02C9AF}
.offcanvas.show:not(.hiding) {overflow-y: scroll;}

@media screen and (min-width: 991px){
.mob-tel{display:none}
}

@media screen and (max-width: 991px){
.mod-menu .mob-tel {display:block;padding:0 15px; margin-top: 0;}
.mob-tel .btn{margin-top:0}
}

/*banner-top*/
.banner-top {position: relative; width: 100%; max-width: 1900px; height: 720px; margin: 0 auto; background-image:url(/images/banners/baner-top-1.png),url(/images/banners/baner-top-2.png); background-size: contain,auto; background-position:right center,left 10% center; background-repeat:no-repeat,no-repeat; background-color:#E8EAED; display:grid; align-items: center; padding: 0 5%; box-sizing: border-box; color: #2B4F8D; text-shadow: 5px 5px 8px rgba(0, 0, 0, 0.2);}
.banner-top-content {display: flex; flex-direction: column; align-items: center; text-align: left; max-width: 50%;}
.banner-top-content h1 {font-size: 8em; margin: 0;line-height: 1.2;font-weight:800;text-transform:uppercase;}
.banner-top-content p {font-size: 3em; margin-top: 10px;font-weight:700;}
.banner-top-content .btn {background-color: #02C9AF;color: #fff; transition: all 0.5s ease;}
.banner-top-content .btn:hover {background-color: #2B4F8D;transition: all 0.5s ease;}


/*news-gl*/
.site-grid .grid-child.container-top-b {grid-column: full-start / full-end;}
.container-top-b{background:#EBF4F4;padding:30px 15px;}
.title-gl{font-size:42px;font-weight:600;line-height: 1.5;margin-bottom:30px;text-align: center;}
.news.col-md-8{ margin-left: auto; margin-right: auto;max-width:1000px}
.newsflash-title {font-size:18px;}
.newsflash-title a {color:#525252;text-decoration:none}
h4.newsflash-title a:hover{text-decoration:none;}
.mod-list li {padding: 0.25em 1em;}
figure {margin: 0 0 0.5em;}
.newsflash-image img{border-radius:10px}
.newsflash-horiz li {background:#fff;padding:15px;border-radius:10px;border:2px solid #fff;transition: all 0.5s ease;}
.newsflash-horiz li:hover{border:2px solid #02C9AF;}
.news .divider hr{border-top: 5px solid #02C9AF;opacity: 1;margin: 1rem 0;max-width: 80px;}

/*news*/
.itemid-110 .category-title{display:none}

.com-content-category-blog.blog,.moduletable.news,.item-pagecataracta-page{max-width: 1200px;margin-left: auto; margin-right: auto;}
.itemid-110 .com-content-category-blog.blog h2 {font-size: 20px;line-height: 1.35;padding-bottom:10px;text-transform: initial;margin: 10px 0; text-align: left;}
.com-content-category-blog.blog h2 a{text-decoration: none;color: inherit;}
.com-content-category-blog.blog h2 a:hover{color:#02C9AF;transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.com-content-category-blog__items.blog-items{font-size: 16px;line-height: 1.55;padding:0 20px 0;}
figure img{border-radius:10px}
.com-content-category-blog__items.blog-items p{  
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}

.com-content-article.item-page{max-width:800px;margin-left:auto;margin-right:auto;padding: 0 20px 60px;}
.com-content-article__body{font-size: 20px;line-height: 1.55;}
.com-content-article .article-img {margin:30px 0;border-radius:12px} 
.com-content-article.item-page h1, .com-content-category-blog.blog h1 {text-transform: inherit; font-weight: 500;}

/*article*/
.list-1 {list-style-image: url('/images/icon-list.png');padding-left: 4rem;}
.vs {display: block; font-weight: 700;}
#cz-kamenskoe.field-content a {display:inline-block; border:1px solid #000;padding:5px}

/* - dva bloka*/
.article-block {display:flex;flex-direction:row;gap: 40px;justify-content: center;align-items: center;}
.article-block-image{flex: 1;}
.article-block-content{flex: 1;font-weight: 600;border-bottom: 6px solid #02C9AF;padding-bottom: 20px;border-top: 6px solid #02C9AF;padding-top: 20px;}

/* - vibor sity*/
.sity{display:flex;border-radius:15px;margin:30px 0;background-image:url(/images/cataracta/vibor-sity-40-1.jpg);background-size: cover;height: 300px;justify-content: end;align-items: center;}
.sity-content {margin-right: 20px;padding:20px;color:#fff;text-align: center;font-size: 28px;max-width: 65%;display: flex;flex-direction: column;}
#mod-custom118 {width:161px;margin-left:auto;margin-right:auto;}
.sity .dropdown-toggle.btn {border:2px solid #02C9AF}
.sity .dropdown-toggle.btn:hover {color:#fff}



/*bl-question*/
.bl-question{text-align:center;}
.bl-body{max-width: 1400px; margin-left: auto; margin-right: auto;}

.bl-question{margin-top: 20px;}
.bl-body .title{font-size:42px;font-weight:bold;margin: 15px;}
.vstup{font-size:20px;text-align: center;padding: 25px 15px ;max-width: 1000px; margin-left: auto; margin-right: auto;}

.accordion {background-color: #02C9AF; color: #fff; cursor: pointer; padding: 18px; width: 70%; border: none; text-align: left; outline: none; font-size: 24px; font-weight: bold;margin-top:10px;border-top:2px solid #fff; border-radius: 8px;transition: 0.4s;}
.accordion.last{border-bottom:2px solid #fff;}
.accordion:hover {background-color: #02C9AF;}
.accordion:after {content: '\002B'; color: #fff; float: right; margin-left: 5px;}
.accordion.active:after {content: "\2212";}
.panel {text-align:left;margin-left: auto;margin-right: auto;font-size: 20px;  padding: 0 25px;border-radius: 10px; background-color: white; width: 70%; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.panel p{margin-top:15px}

/*Partner-bottom*/
.partner {display: flex;background:url(/images/partner-top.jpg) repeat-x top left;gap: 40px;margin-top: 40px;}
.partner-image{ flex: 1;}
.partner-img{width: 100%; min-width: 400px ;height: 100%; object-fit: cover; border-radius: 4px;}
.partner-content{display: flex;flex-direction: column;flex: 1;justify-content: center;background:url(/images/linza-partner.png) no-repeat center center;padding: 50px 16px 20px 0;}
.partner-text {margin-bottom: 16px; color:#525252; font-size:18px; position: relative; display: inline-block;}
.partner-text.line::before {content: ''; display: block; width: 80px; height: 5px; background-color: #02C9AF; position: absolute; top: -25px; left: 0;}
.partner-content .moduletable {text-align:center}

#WJCForm119 .control-label,#WJCForm120 .control-label{display:none;}
.modal-dialog{width:400px}
.wjcallbackform .form-validate .modal-body {padding: 0 0 15px;text-align: center;color:#02C9AF;font-weight:600;}
.wjcallbackform .form-validate .informtext {padding-bottom: 5px;margin: 0 40px;}
.wjcallbackform .modal-header {border-bottom:none; opacity: .5;}
.control-group {margin: 15px 40px;}
.modal-footer{justify-content: center; }
.modal-footer .btn {margin: 20px}

/*clinic*/
.com-content-category-blog.blog .category-title{font-size: 2.5rem;text-align: center;margin: 40px 15px 30px;font-weight:500;}
.clinic-card{border-bottom: 3px solid #ddd; display:flex;padding: 20px 0 30px;flex-wrap: wrap;}
.clinic-card-logo img{border-radius:15px;flex-grow:0;    width: 300px;}
.clinic-card-content{flex-grow: 2; margin-left: 20px;}
.clinic-card-title {margin: 0 0 20px;text-align:left;text-transform: inherit;}
.clinic-card-title h2 {font-size: 20px;line-height: 1.35;}

.clinic-card-content-colums{display:flex;flex-wrap: wrap;}
.clinic-card-content-colum{flex-grow: 1;border-left: 2px solid #ddd; padding-left: 20px;padding-right: 20px;}
.clinic-card-content-colum.first{border-left: none; padding-left: 0;}
.clinic-card-content-colum.last{padding-right: 0;}
.clinic-card-content-colum .field-title{padding:5px;}
.field-content{font-size: 18px;}
.clinic-card-content-colum .uvaga{max-width: 210px;font-size: 10px;background: #D9DADA;padding: 5px 10px;border-radius: 5px;}
.clinic-card-content-colum .uvaga img {margin: 0 10px 0 0}

/*contact*/
.contact-image{
  display: flex;
  justify-content: center;
  align-items: center;
  background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/contact.jpg);
  background-position:right top;
  background-size: cover;
  height:500px;
  margin-bottom:40px;
  border-radius: 15px;
  transition: all 0.5s ease;
  }
.contact-image h1 {font-size:3.5rem;color:#ffffff94;border-bottom:none;}
.contact h4{line-height: 40px;}
.contact-zayva{max-width:700px;margin-left:auto;margin-right:auto;}

/*bottom-site*/
#mod-custom112{background-color:#2B4F8D;background-image:none;display:block;text-align: center;border-top:6px solid #fff}
#mod-custom112 .debug-top {align-items:center ;padding: 2.5rem 0.5em;}
#mod-custom112 .debug-bottom{background-color:#02C9AF;color:#d3e3ffc9;font-size:15px;text-align: center;padding:0.3em;}


@media screen and (max-width: 1400px){
.banner-top{background-position:right center,left center;padding: 0 2%;} 
.banner-top-content{max-width:40%;}    
.banner-top-content h1 {font-size: 5em;} 
}

@media screen and (max-width: 1200px){
.partner-content{font-size:20px}

.banner-top {background-size: cover;color: #fff;background-position: center;}
.banner-top-content {max-width: 100%;text-align: center;align-items: center;}
.banner-top-content h1 {font-size: 4em;margin-top:40%}
.banner-top-content p {font-size: 2.5em;}
.banner-top .btn {margin-top: 0;}  	  
  
}

@media screen and (max-width: 1100px){
.clinic-card{justify-content: center;}
.clinic-card-logo img {width: 100%;}  
.clinic-card-title  {margin: 20px 0; text-align: center;}
.divider hr{margin: 0 auto 2rem; max-width: 150px;}
  
.accordion,.panel {width: 85%;}  
}

@media screen and (max-width: 960px){
.container-header .container-nav nav {margin: 0.5em 0;}
  
.partner{flex-direction: column;display:block;background:none}
.partner-content{font-size:18px}
.partner-image {width: 100%; height: 300px; overflow: hidden; position: relative;}
.partner-image img {width: 100%; height: 100%; object-fit: cover; object-position: top;border-radius:15px}
  
.accordion,.panel{font-size: 21px;}
#mod-custom114 .bl-body .title {font-size: 40px;}
.vstup{font-size: 18px;padding: 0 15px;} 
  
.article-block{flex-direction:column;gap: 20px;}
.article-block-content{margin:0 60px}
  
.sity-content{max-width: 100%;margin-right: 0;}
}

@media screen and (max-width: 768px){
.category-desc h1{font-size:36px}
.clinic-card{padding: 20px 0;}
.clinic-card-content{margin-left: 0;}
.clinic-card-content-colum {margin-bottom: 20px;text-align: center; width: 50%;}
.clinic-card-content-colum.prev{ border-left: none; padding-left: 0;}
.clinic-card-content-colum .uvaga{margin: 0 auto;}    
  
.banner-top {height: 550px;}
.banner-top-content {max-width: 100%;}
.banner-top-content h1 {font-size: 3em;}
.banner-top-content p {font-size: 2em;}
  
.contact-image{background-size: cover; height:300px;}
.contact-image h1 {font-size:2.5rem;}
}

@media screen and (max-width: 640px){
.accordion,.panel {width: 100%; font-size: 18px;}
#mod-custom114 .bl-body .title {font-size: 32px;}
  
.article-block-content{margin:0}
  
.sity {height: 400px;}
}

@media screen and (max-width: 480px){
#mod-custom110 img {width:240px}
  
.clinic-card-content-colum {width: 100%;border-left: none;padding:0;margin-bottom: 0;}  

.banner-top {height: 450px;}
.banner-top-content h1 {font-size: 3em;margin-top:45%}
.banner-top-content p {font-size: 1.5em;}
/*.btn {padding: 12px 25px; font-size: 0.9em;}*/
}

/*anim*/

h1 {
    animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s; /* don't forget to set a duration! */
}

/*anim*/

@keyframes bounce-2 {
0%   { transform: translateY(0); }
50%  { transform: translateY(-40px); }
100% { transform: translateY(0); }
}