/* Start:/local/templates/.default/fonts/Montserrat/stylesheet.css?16976508996711*/ /* This stylesheet generated by Transfonter (https://transfonter.org) on October 3, 2017 10:05 PM */ @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/fonts/Montserrat/Montserrat-Light.eot'); src: local('Montserrat Light'), local('Montserrat-Light'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Light.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/fonts/Montserrat/Montserrat-MediumItalic.eot'); src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'), url('/local/templates/.default/fonts/Montserrat/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/Montserrat/Montserrat-MediumItalic.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat/Montserrat-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/fonts/Montserrat/Montserrat-Thin.eot'); src: local('Montserrat Thin'), local('Montserrat-Thin'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Thin.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/fonts/Montserrat/Montserrat-ExtraLightItalic.eot'); src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'), url('/local/templates/.default/fonts/Montserrat/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/Montserrat/Montserrat-ExtraLightItalic.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/fonts/Montserrat/Montserrat-BoldItalic.eot'); src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url('/local/templates/.default/fonts/Montserrat/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/Montserrat/Montserrat-BoldItalic.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat/Montserrat-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/fonts/Montserrat/Montserrat-SemiBold.eot'); src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('/local/templates/.default/fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/Montserrat/Montserrat-SemiBold.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/fonts/Montserrat/Montserrat-ExtraLight.eot'); src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url('/local/templates/.default/fonts/Montserrat/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/Montserrat/Montserrat-ExtraLight.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat/Montserrat-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/fonts/Montserrat/Montserrat-ExtraBoldItalic.eot'); src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'), url('/local/templates/.default/fonts/Montserrat/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/fonts/Montserrat/Montserrat-Italic.eot'); src: local('Montserrat Italic'), local('Montserrat-Italic'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Italic.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/fonts/Montserrat/Montserrat-Bold.eot'); src: local('Montserrat Bold'), local('Montserrat-Bold'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Bold.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/fonts/Montserrat/Montserrat-LightItalic.eot'); src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url('/local/templates/.default/fonts/Montserrat/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/Montserrat/Montserrat-LightItalic.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat/Montserrat-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/fonts/Montserrat/Montserrat-BlackItalic.eot'); src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'), url('/local/templates/.default/fonts/Montserrat/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/Montserrat/Montserrat-BlackItalic.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat/Montserrat-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/fonts/Montserrat/Montserrat-SemiBoldItalic.eot'); src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'), url('/local/templates/.default/fonts/Montserrat/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/Montserrat/Montserrat-SemiBoldItalic.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/fonts/Montserrat/Montserrat-Regular.eot'); src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Regular.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/fonts/Montserrat/Montserrat-Medium.eot'); src: local('Montserrat Medium'), local('Montserrat-Medium'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Medium.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/fonts/Montserrat/Montserrat-ExtraBold.eot'); src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('/local/templates/.default/fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/Montserrat/Montserrat-ExtraBold.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/fonts/Montserrat/Montserrat-Black.eot'); src: local('Montserrat Black'), local('Montserrat-Black'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Black.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat/Montserrat-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/.default/fonts/Montserrat/Montserrat-ThinItalic.eot'); src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'), url('/local/templates/.default/fonts/Montserrat/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/fonts/Montserrat/Montserrat-ThinItalic.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat/Montserrat-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } /* End */ /* Start:/local/components/bitrix2/search.title2/templates/header_search/style.css?16976509002109*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/components/bitrix2/search.title2/templates/header_search/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/local/components/bitrix2/search.title2/templates/header_search_mob/style.css?16976509002108*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/components/bitrix2/search.title2/templates/header_search_mob/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/local/templates/.default/components/bitrix/menu/main_menu/style.css?1697650900581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/.default/components/bitrix/menu/main_menu/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/medicina/components/bitrix/news.list/maps_n/style.css?17035980482108*/ .map_n_wrap{ position: relative; } .map_description_wrap { background-color: #fff; position: absolute; right: 0; top: 0; max-width: 600px; z-index: 9; padding: 30px; bottom: 0; height: 100%; overflow-y: auto; overflow-x: hidden; font-family: Geometria; font-size: 14px; } .map_description_name_ico_wrap { display: flex; align-items: flex-end; gap: 15px; font-size: 26px; padding-bottom: 20px; } .map_description_name_ico_img img{ height: 30px; } .map_description_name_title { padding-bottom: 20px; } .map_description_avto_wrap { padding-bottom: 20px; } .map_description_avto_title { font-weight: 700; font-size: 18px; padding-bottom: 12px; } .map_description_avto_descr { color: #939191; } .map_description_tabs_wrap_title { font-weight: 700; font-size: 18px; padding-bottom: 12px; } .map_description_tabs_item_name { font-weight: 400; display: flex; gap: 10px; align-items: center; cursor: pointer; } .map_description_tabs_item_deskript { color: #939191; } .map_description_tabs_item_name_ic { background-color: #ff7575; border-radius: 50%; padding: 5px; color: #fff; font-size: 13px; font-weight: 300; display: flex; width: 30px; height: 30px; align-items: center; justify-content: center; min-width: 30px; } .map_description_tabs_item_name_time { width: 140px; } .map_description_tabs_item_deskript { display: none; } .map_description_tabs_item.active .map_description_tabs_item_deskript{ display: block; padding: 10px; } .map_description_tabs_item_name_close { margin-left: auto; display: flex; align-items: center; } .map_description_tabs_item.active .map_description_tabs_item_name_close_img { transform: rotate(180deg); } .map_description_tabs_item { border: solid 1px #e7e7e7; padding: 10px; margin-bottom: -1px; } .map_description_tabs_item:first-child{ border-radius: 10px 10px 0 0; } .map_description_tabs_item:last-child{ border-radius: 0 0 10px 10px; } .map_description_tabs_item.active { background-color: #e7e7e7; } @media (max-width: 760px) { .map_description_wrap { position: static; width: 100%; max-width: 100%; } } /* End */ /* Start:/bitrix/components/ctweb/socnet/fonts/css/fontello.css?16976508852328*/ @font-face { font-family: 'fontello'; src: url('/bitrix/components/ctweb/socnet/fonts/css/../font/fontello.eot?93754128'); src: url('/bitrix/components/ctweb/socnet/fonts/css/../font/fontello.eot?93754128#iefix') format('embedded-opentype'), url('/bitrix/components/ctweb/socnet/fonts/css/../font/fontello.woff2?93754128') format('woff2'), url('/bitrix/components/ctweb/socnet/fonts/css/../font/fontello.woff?93754128') format('woff'), url('/bitrix/components/ctweb/socnet/fonts/css/../font/fontello.ttf?93754128') format('truetype'), url('/bitrix/components/ctweb/socnet/fonts/css/../font/fontello.svg?93754128#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('/bitrix/components/ctweb/socnet/fonts/css/../font/fontello.svg?93754128#fontello') format('svg'); } } */ [class^="fa-"]:before, [class*=" fa-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .fa-twitter:before { content: '\f099'; } /* '' */ .fa-facebook:before { content: '\f09a'; } /* '' */ .fa-google-plus:before { content: '\f0d5'; } /* '' */ .fa-linkedin:before { content: '\f0e1'; } /* '' */ .fa-youtube:before { content: '\f167'; } /* '' */ .fa-instagram:before { content: '\f16d'; } /* '' */ .fa-vk:before { content: '\f189'; } /* '' */ .fa-pinterest-p:before { content: '\f231'; } /* '' */ .fa-odnoklassniki:before { content: '\f263'; } /* '' */ .fa-vimeo:before { content: '\f27d'; } /* '' */ .fa-blogger:before { content: '\f314'; } /* '' */ /* End */ /* Start:/local/templates/medicina/components/ctweb/socnet/social_link_white/style.css?1697650900942*/ ul.socnet{ margin: 0; padding: 0; } ul.socnet > li{ list-style: none; display: inline-block; } ul.socnet > li a{ -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color: #fff; padding: 6px 5px; display: inline-block; font-size: 20px; min-width: 36px; } ul.socnet > li a.gradient{ background: #8440b6; background: -moz-linear-gradient(top, #8440b6 0%, #d12e7c 50%, #f97e2b 100%); background: -webkit-linear-gradient(top, #8440b6 0%,#d12e7c 50%,#f97e2b 100%); background: linear-gradient(to bottom, #8440b6 0%,#d12e7c 50%,#f97e2b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8440b6', endColorstr='#f97e2b',GradientType=0 ); } ul.socnet > li a:hover{ text-decoration: none; transform: scale(1.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); } /* End */ /* Start:/local/templates/medicina/components/bitrix/menu/bottom/style.css?1697650900581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/medicina/components/bitrix/menu/bottom/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/.default/css/animate_min.css?169765090060240*/ @charset "UTF-8";@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-name:headShake;animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{from,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{from,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-transform-origin:center;transform-origin:center;-webkit-animation-name:jello;animation-name:jello}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);opacity:1}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);opacity:1}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0);opacity:0}60%{-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);opacity:1}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0);opacity:0}60%{-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);opacity:1}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0);opacity:0}60%{-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0);opacity:1}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0);opacity:0}60%{-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0);opacity:1}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0);opacity:0}60%{-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0);opacity:1}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0);opacity:0}60%{-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0);opacity:1}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0);opacity:0}60%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:1}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0);opacity:0}60%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:1}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);opacity:1}to{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);opacity:1}to{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:1}to{-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);opacity:0}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:1}to{-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);opacity:0}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);opacity:0}}@keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);opacity:0}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);opacity:1}to{-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);opacity:0}}@keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);opacity:1}to{-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);opacity:0}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);opacity:0}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);opacity:0}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes fadeInDown{from{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes fadeInDownBig{from{-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes fadeInLeft{from{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes fadeInLeftBig{from{-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes fadeInRight{from{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes fadeInRightBig{from{-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes fadeInUp{from{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes fadeInUpBig{from{-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);opacity:0}}@keyframes fadeOutDown{from{opacity:1}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);opacity:0}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);opacity:0}}@keyframes fadeOutDownBig{from{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);opacity:0}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}}@keyframes fadeOutLeft{from{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);opacity:0}}@keyframes fadeOutLeftBig{from{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);opacity:0}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}}@keyframes fadeOutRight{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);opacity:0}}@keyframes fadeOutRightBig{from{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);opacity:0}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);opacity:0}}@keyframes fadeOutUp{from{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);opacity:0}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);opacity:0}}@keyframes fadeOutUpBig{from{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);opacity:0}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-animation-name:flip;animation-name:flip;-webkit-backface-visibility:visible;backface-visibility:visible}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);-webkit-transform-origin:center;transform-origin:center;opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-origin:center;transform-origin:center;opacity:1}}@keyframes rotateIn{from{-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);-webkit-transform-origin:center;transform-origin:center;opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-origin:center;transform-origin:center;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);-webkit-transform-origin:center;transform-origin:center;opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);-webkit-transform-origin:center;transform-origin:center;opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge;-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes jackInTheBox{from{-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;opacity:0}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes jackInTheBox{from{-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;opacity:0}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{from{-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rollIn{from{-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);opacity:0}}@keyframes rollOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);opacity:0}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}50%{opacity:1}}@keyframes zoomIn{from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0}60%{-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1}}@keyframes zoomInDown{from{-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0}60%{-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0}60%{-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1}}@keyframes zoomInLeft{from{-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0}60%{-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0}60%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1}}@keyframes zoomInRight{from{-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0}60%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0}60%{-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1}}@keyframes zoomInUp{from{-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0}60%{-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1}to{-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0}}@keyframes zoomOutDown{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1}to{-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center;opacity:0}}@keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center;opacity:0}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center;opacity:0}}@keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center;opacity:0}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1}to{-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0}}@keyframes zoomOutUp{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1}to{-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{visibility:visible;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{visibility:visible;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{visibility:visible;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{visibility:visible;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{visibility:visible;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{visibility:visible;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{visibility:visible;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{visibility:visible;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:800ms;animation-duration:800ms}.animated.faster{-webkit-animation-duration:500ms;animation-duration:500ms}.animated.slow{-webkit-animation-duration:1.5s;animation-duration:1.5s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s} /* End */ /* Start:/local/templates/.default/css/owl.carousel_min.css?16976509004951*/ .owl-carousel{position:relative;z-index:1;display:none;width:100%;-webkit-tap-highlight-color:transparent}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{line-height:0;display:block;visibility:hidden;clear:both;height:0;content:'.'}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}.owl-carousel .owl-item{position:relative;float:left;min-height:1px;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none}.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none}.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{color:inherit;font:inherit}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{display:block;opacity:0}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height 500ms ease-in-out}.owl-carousel .owl-item .owl-lazy{transition:opacity 400ms ease;opacity:0}.owl-carousel .owl-item .owl-lazy[src^=''],.owl-carousel .owl-item .owl-lazy:not([src]){max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;z-index:1;top:50%;left:50%;width:80px;height:80px;margin-top:-40px;margin-left:-40px;cursor:pointer;transition:transform 100ms ease;background:url(/local/templates/.default/css/owl.video.play.png) no-repeat;-webkit-backface-visibility:hidden}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{height:100%;transition:opacity 400ms ease;opacity:0;background-repeat:no-repeat;background-position:center center;background-size:contain}.owl-carousel .owl-video-frame{position:relative;z-index:1;width:100%;height:100%}.owl-carousel .owl-nav button{position:absolute;z-index:2;top:-51px;display:block;overflow:visible;width:16px;height:26px;cursor:pointer;transition:transform .2s linear;text-indent:-9999px;border:none;background:none}.owl-carousel .owl-nav button.owl-prev{left:0;margin-left:53px}.owl-carousel .owl-nav button.owl-next{left:0;margin-left:108px}.owl-carousel .owl-nav button.owl-prev:before,.owl-carousel .owl-nav button.owl-next:before{position:absolute;top:50%;display:block;width:18px;height:18px;margin-top:-9px;content:'';transition:.2s linear;transform:rotate(-45deg)}.owl-carousel .owl-nav button.owl-prev:before{left:50%;margin-left:-4px;border-top:4px solid var(--color_arrow1);border-left:4px solid var(--color_arrow1)}.owl-carousel .owl-nav button.owl-next:before{right:50%;margin-right:-4px;border-right:4px solid var(--color_arrow1);border-bottom:4px solid var(--color_arrow1)}.owl-carousel.white .owl-nav button.owl-prev:before,.owl-carousel.white .owl-nav button.owl-next:before{border-color:var(--color_arrow2)}.owl-carousel .owl-nav button:not(.disabled):hover{transform:scale(1.75)}.owl-carousel .owl-nav button.disabled{transform:scale(.8);opacity:.5}.partners .owl-carousel .owl-nav button{top:-67px}.main_doctors .owl-carousel .owl-nav button{top:-87px}.certificates .owl-carousel .owl-nav button{top:-63px}.photos.owl-carousel .owl-nav button{top:-95px}.photosMob.owl-carousel .owl-nav button{top:-75px}.owl-dots{position:absolute;bottom:20px;left:0;display:flex;width:100%;height:3px;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap}.owl-dot{position:relative;display:block;width:20px;height:3px;transition:.2s linear;border:none;border-radius:2px;background:rgba(255,255,255,.4)}.owl-dot + .owl-dot{margin-left:20px}.owl-dot:hover,.owl-dot.active{background:#f90} /* End */ /* Start:/local/templates/.default/css/fancybox_min.css?169765090012963*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{position:absolute!important;top:-9999px;left:-9999px;visibility:hidden;margin:0}.fancybox-container{position:fixed;z-index:99992;top:0;left:0;width:100%;height:100%;transform:translateZ(0);outline:none;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}.fancybox-container *{box-sizing:border-box}.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{transition-timing-function:cubic-bezier(.47,0,.74,.71);transition-duration:inherit;transition-property:opacity;opacity:0;background:var(--color1)}.fancybox-is-open .fancybox-bg{transition-timing-function:cubic-bezier(.22,.61,.36,1);opacity:.88}.fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button{position:absolute;z-index:99997;visibility:hidden;transition:opacity .25s ease,visibility 0 ease .25s;opacity:0;direction:ltr}.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button{visibility:visible;transition:opacity .25s ease 0s,visibility 0 ease 0;opacity:1}.fancybox-infobar{color:#fff;font-family:Arial;font-size:13px;font-weight:400;line-height:44px;top:0;left:0;min-width:44px;height:44px;padding:0 10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-font-smoothing:subpixel-antialiased;-webkit-touch-callout:none}.fancybox-toolbar{top:0;right:0}.fancybox-stage{z-index:99994;overflow:visible;transform:translateZ(0);direction:ltr}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{position:absolute;z-index:99994;top:0;left:0;display:none;overflow:auto;width:100%;height:100%;padding:44px;transition-property:transform,opacity;text-align:center;white-space:normal;outline:none;-webkit-backface-visibility:hidden;-webkit-overflow-scrolling:touch}.fancybox-slide::before{font-size:0;display:inline-block;width:0;height:100%;content:'';vertical-align:middle}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-slide--html.fancybox-slide{padding:5px 10px}.fancybox-content{position:relative;display:inline-block;max-width:100%;margin:0;text-align:left;vertical-align:middle;-webkit-overflow-scrolling:touch}.fancybox-slide--image .fancybox-content{position:absolute;z-index:99995;top:0;left:0;overflow:visible;max-width:none;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:transform,opacity;-ms-transform-origin:top left;transform-origin:top left;animation-timing-function:cubic-bezier(.5,0,.14,1);background:transparent;background-repeat:no-repeat;background-size:100% 100%;-webkit-backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-swipe .fancybox-content,.fancybox-can-pan .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable='true']{cursor:text}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;background:transparent}.fancybox-spaceball{z-index:1}.fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--iframe .fancybox-content{overflow:visible;width:100%;height:100%;padding:0}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-video,.fancybox-iframe{display:block;overflow:hidden;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent}.fancybox-iframe{position:absolute;top:0;left:0}.fancybox-error{width:100%;max-width:400px;padding:40px;cursor:default;background:#fff}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{position:relative;display:inline-block;visibility:inherit;width:44px;height:44px;margin:0;padding:10px;cursor:pointer;transition:color .2s;vertical-align:top;border:0;border-radius:0;background:rgba(30,30,30,.6);box-shadow:none}.fancybox-button,.fancybox-button:visited,.fancybox-button:link{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{position:relative;display:block;overflow:visible;width:100%;height:100%;transition:.2s linear}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2){display:none}.fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1){display:none}.fancybox-progress{position:absolute;z-index:99998;top:0;right:0;left:0;height:2px;transition-timing-function:linear;transition-property:transform;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:0;transform-origin:0;background:#ff5268}.fancybox-close-small{color:#ccc;position:absolute;z-index:401;top:-44px;right:-12px;padding:8px;cursor:pointer;border:0;border-radius:0;background:transparent}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:var(--color1);position:absolute;top:0;right:0;width:30px;height:30px;padding:0;transition:.2s linear;opacity:1;background:none}.fancybox-slide--html .fancybox-close-small:hover{color:var(--color_hover2)}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{position:absolute;top:calc(50% - 50px);width:70px;height:100px;opacity:0;background-clip:content-box}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{right:0;right:env(safe-area-inset-right);padding:31px 6px 31px 26px}.fancybox-caption{color:#eee;font-size:14px;font-weight:400;line-height:1.5;z-index:99996;right:0;bottom:0;left:0;padding:75px 44px 25px;text-align:center;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%)}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{overflow:auto;max-height:50vh;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{position:absolute;z-index:99999;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;padding:0;animation:fancybox-rotate 1s linear infinite;opacity:.7;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;background:transparent}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{transform:translate3d(0,0,0);opacity:1}.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next{transition-timing-function:cubic-bezier(.19,1,.22,1);opacity:0}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{transform:scale3d(1,1,1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-ms-transform:rotate(-360deg);transform:rotate(-360deg);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-ms-transform:rotate(360deg);transform:rotate(360deg);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-ms-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0,0,0) scale(1)}@media all and (max-height: 576px){.fancybox-slide{padding-right:6px;padding-left:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{color:#f2f4f6;top:0;right:0;width:36px;height:36px;padding:6px;opacity:1;background:#4e4e4e}.fancybox-caption{padding-right:12px;padding-left:12px}}.fancybox-share{max-width:90%;padding:30px;text-align:center;border-radius:3px;background:#f4f4f4}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{font-size:14px;font-weight:700;line-height:40px;display:inline-block;min-width:130px;margin:0 5px 10px;padding:0 15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s;white-space:nowrap;text-decoration:none;border:0;border-radius:3px}.fancybox-share__button:visited,.fancybox-share__button:link{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{color:#5d5b5b;font-size:14px;width:100%;margin:10px 0 0;padding:10px 15px;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;outline:none;background:transparent}.fancybox-thumbs{position:absolute;z-index:99995;top:0;right:0;bottom:0;display:none;width:212px;margin:0;padding:2px 2px 4px;background:#ddd;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;position:absolute;position:relative;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;margin:0;padding:0;list-style:none;white-space:nowrap}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{border-radius:10px;background:#fff;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{border-radius:10px;background:#2a2a2a}.fancybox-thumbs__list a{position:relative;float:left;overflow:hidden;width:100px;max-width:calc(50% - 4px);height:75px;max-height:calc(100% - 8px);margin:2px;padding:0;cursor:pointer;outline:none;background-color:rgba(0,0,0,.1);background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-thumbs__list a::before{position:absolute;z-index:99991;top:0;right:0;bottom:0;left:0;content:'';transition:all .2s cubic-bezier(.25,.46,.45,.94);opacity:0;border:6px solid #ff5268}.fancybox-thumbs__list a:focus::before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}@media all and (max-width: 576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/.default/css/custom.css?17291638103616*/ .doc_rew_items.show_all_rew { display: none; } .show_more_rew_btn_wrap { text-align: center; } .show_more_rew_btn_wrap button { width: 180px; } .main_title.main_title_rew_flex { display: flex; justify-content: space-between; flex-wrap: wrap; } .btn_add_rew_wrap a.main_btn_n.main_btn_red { width: 200px; color: #fff; display: inline-block; padding: 10px 5px; } .doc_rew_items.show_all_rew.active { display: block; } .review .text img { width: 100%; height: auto; } header .info.fixed_menu{ position: fixed; top: 0; left: 0; right: 0; margin-top: 0; background-color: #3c506f; transition: .3s; } .wideo_wrap { position: absolute; right: 20%; top: 35px; } .wideo_wrap img { width: 60px; height: 60px; padding: 10px; border: solid 1px #fff; border-radius: 33%; transition: .3s; } .wideo_wrap .first_vigeo_src { display: flex; flex-wrap: wrap; color: #fff; align-items: center; justify-content: center; text-decoration: none; } .wideo_wrap .first_vigeo_src:hover img{ border-radius: 50%; } .wideo_wrap .first_vigeo_src span{ width: 100%; padding-top: 10px; text-align: center; } .review .text img { width: 100%; height: auto; max-height: 100px; object-fit: cover; object-position: top; } ul.map-level-1 { padding-left: 25px; } ul.map-level-2 { padding-left: 25px; } .cont_sert_bottom .main_sert .slider .slide{ opacity: 0; } .patsientam_banners { display: flex; margin-top: 12px; } .patsientam_banners .banner_item { width: 33%; height: 200px; top: 0; left: 0; position: relative; text-decoration: none; } .patsientam_banners .banner_item:before { top: 0; left: 0; width: 100%; height: 200px; content: ''; opacity: .8; background: var(--bg2); position: absolute; } .patsientam_banners .background { height: inherit; background-repeat: no-repeat; background-position: 50%; background-size: cover; } .patsientam_banners .title { color: var(--color2); font-size: var(--title_size2); font-weight: 500; position: relative; text-align: center; text-transform: uppercase; padding: 20%; } .main header .logo_mob img { max-width: 50px; } /*#ajax_maps { filter: grayscale(1); -ms-filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); }*/ @media (max-width: 1123px){ .wideo_wrap { position: absolute; right: 10%; top: 35px; } } @media (max-width: 1023px){ .main #header_search_mob-form{ top: 63px; } .therapy_header .breadcrumbs { margin-top: 60px; } .doctor__block_wraps{ margin-top: 60px; } .content_flex{ margin-top: 80px; } .inner_section.small{ margin-top: 60px; } .main .page-content, .main .contacts{ margin-top: 60px; } } @media (max-width: 620px) { .patsientam_banners { display: block; } .patsientam_banners .banner_item { width: 100%; margin-bottom: 12px; } } .main_section .title{ min-height:45px; } .main_section .desc{ min-height:70px; } @media (max-width: 767px) { .main_section .title{ min-height:38px; } .main_section .desc{ margin-top:22px; min-height:36px; } } @media (max-width: 1023px) { .wideo_wrap{ padding:20px; } } /* End */ /* Start:/local/templates/.default/css/styles.css?1743753689107769*/ @font-face { font-family: 'PTRoubleSans'; font-weight: normal; font-style: normal; font-display: swap; src: url('/local/templates/.default/css/../fonts/PTRoubleSans.woff') format('woff'), url('/local/templates/.default/css/../fonts/PTRoubleSans.ttf') format('truetype'); } @font-face { font-family: 'Geometria'; font-weight: 200; font-style: normal; font-display: swap; src: url('/local/templates/.default/css/../fonts/Geometria-ExtraLight.woff') format('woff'), url('/local/templates/.default/css/../fonts/Geometria-ExtraLight.ttf') format('truetype'); } @font-face { font-family: 'Geometria'; font-weight: normal; font-style: normal; font-display: swap; src: url('/local/templates/.default/css/../fonts/Geometria.woff') format('woff'), url('/local/templates/.default/css/../fonts/Geometria.ttf') format('truetype'); } @font-face { font-family: 'Geometria'; font-weight: 500; font-style: normal; font-display: swap; src: url('/local/templates/.default/css/../fonts/Geometria-Medium.woff') format('woff'), url('/local/templates/.default/css/../fonts/Geometria-Medium.ttf') format('truetype'); } @font-face { font-family: 'Geometria'; font-weight: 700; font-style: normal; font-display: swap; src: url('/local/templates/.default/css/../fonts/Geometria-Bold.woff') format('woff'), url('/local/templates/.default/css/../fonts/Geometria-Bold.ttf') format('truetype'); } @font-face { font-family: 'Geometria'; font-weight: 800; font-style: normal; font-display: swap; src: url('/local/templates/.default/css/../fonts/Geometria-ExtraBold.woff') format('woff'), url('/local/templates/.default/css/../fonts/Geometria-ExtraBold.ttf') format('truetype'); } * { box-sizing: border-box; margin: 0; padding: 0; } *:before, *:after { box-sizing: border-box; } img { border: none; } textarea { overflow: auto; } input, textarea, input:active, textarea:active { -webkit-border-radius: 0; border-radius: 0; outline: none transparent !important; box-shadow: none; -webkit-appearance: none; appearance: none; -moz-outline: none !important; } input[type=submit], button[type=submit], input[type=reset], button[type=reset] { -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; appearance: none; } :focus { outline: none; } :hover, :active { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; } ::-ms-clear { display: none; } /*--------------- Main styles---------------*/ :root { --scroll_width: 17px; --bg: #e5e5e5; --bg1: #fff; --bg2: #425879; --bg3: #000831; --bg4: #f8f8f8; --bg5: #0e1228; --bg6: #ff6262; --btn_bg1: #425879; --btn_bg2: #ff6262; --btn_hover1: 0 4px 20px rgba(0, 0, 0, .25); --btn_hover2: #ff6262; --btn_size: 16px; --bord_color1: #152236; --color1: #152236; --color2: #fff; --color3: #000; --color4: #ff6262; --color5: #425879; --color6: #b4b4b4; --color_hover1: #425879; --color_hover2: #ff6262; --font_family: 'Geometria'; --text_size: 18px; --font_size: 18px; --font_size1: 15px; --font_size2: 16px; --font_size3: 20px; --font_size4: 25px; --title_size1: 30px; --title_size2: 20px; --title_size3: 40px; --title_size4: 20px; --color_arrow1: #152236; --color_arrow2: #fff; } .clear { clear: both; } .left { float: left; } .right { float: right; } html { height: 100%; background: var(--bg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { color: var(--color1); font: var(--text_size) var(--font_family); height: 100%; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-overflow-scrolling: touch; text-rendering: optimizeLegibility; text-decoration-skip: objects; } body.lock { overflow: hidden; } .wrap { position: relative; display: flex; overflow: hidden; flex-direction: column; min-height: 100%; } .main { flex: 1 0 auto; } .cont_bg { max-width: 1486px; margin: 0 auto; } .cont { width: 100%; margin: 0 auto; padding: 0 95px; } .overlay { position: fixed; z-index: 100; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: .65; background: #000; } .compensate-for-scrollbar { margin-right: var(--scroll_width) !important; } .lozad { transition: .5s linear; opacity: 0; } .lozad.loaded { opacity: 1; } .flex { display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; } .rub { font-family: 'PTRoubleSans'; font-weight: normal !important; font-style: normal; } ::-webkit-input-placeholder { color: #bababa; } :-moz-placeholder { color: #bababa; } :-ms-input-placeholder { color: #bababa; } .search ::-webkit-input-placeholder, .search_inner ::-webkit-input-placeholder { color: #c2c2c2; } .search :-moz-placeholder, .search_inner :-moz-placeholder { color: #c2c2c2; } .search :-ms-input-placeholder, .search_inner :-ms-input-placeholder { color: #c2c2c2; } .form { position: relative; background: var(--bg1); } .form > * { position: relative; } .form .img_abs { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 100% 0; } .form .bg { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50%; background-size: cover; } .form .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: .9; background: var(--bg2); } .form .title_form { font-weight: 500; margin-bottom: 27px; } .form .title_form.white { color: var(--color2); } .form .line_flex { justify-content: space-between; } .form .line_form { margin-bottom: 20px; } .form .line_flex .line_form { width: calc(50% - 10px); } .form .field { position: relative; } .form .field .icon_input { position: absolute; top: 0; left: 16px; display: flex; max-width: 28px; height: 46px; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap; } .form .field .icon_input svg { display: block; max-width: 100%; fill: var(--color5); } .form .input { color: var(--color1); font: 200 var(--text_size) var(--font_family); display: block; width: 100%; height: 46px; padding: 0 15px; transition: .2s linear; border: 1px solid var(--bg2); background: var(--bg1); } .form .input.name, .form .input.mail { padding-left: 58px; } .form textarea { color: var(--color1); font: 200 var(--text_size) var(--font_family); display: block; width: 100%; height: 100px; padding: 12px 15px; transition: .2s linear; border: 1px solid var(--bg2); background: var(--bg1); } .form .success { border-color: green; } .form .error { border-color: red; } .form .input:disabled, .form textarea:disabled, .form input[type=file]:disabled + label, .checkbox .label_check input[type=checkbox]:disabled + .check_text { cursor: default; pointer-events: none; } .form .error_text { color: red; font-size: var(--font_size1); line-height: normal; margin-top: 6px; } .form .submit { margin-top: 25px; text-align: center; } .form .submit_btn { color: var(--color2); font: 700 var(--btn_size) var(--font_family); display: block; width: 100%; height: 53px; cursor: pointer; transition: .2s linear; text-transform: uppercase; border: none; background: var(--btn_bg2); } .form .submit_btn:hover { box-shadow: var(--btn_hover1); } .form .agree { color: var(--color5); font-size: var(--font_size1); font-weight: 200; margin-top: 12px; } .form .agree a { color: var(--color5); font-weight: normal; transition: .2s linear; text-decoration: none; } .form .agree a:hover { color: var(--color_hover2); } .tabs { display: flex; margin-bottom: 12px; justify-content: space-between; align-items: stretch; align-content: stretch; flex-wrap: nowrap; } .tabs button { color: rgba(21, 34, 54, .29); font: 700 30px/38px var(--font_family); position: relative; display: flex; width: calc(50% - 6px); min-height: 92px; padding: 10px 5px; cursor: pointer; transition: .2s linear; text-align: center; text-transform: uppercase; border: none; background: #fff; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; } .tabs button:hover { color: var(--color1); } .tabs button.active { color: var(--color1); box-shadow: 0 4px 20px rgba(0, 0, 0, .47); } .tab_content { position: relative; visibility: hidden; overflow: hidden; height: 0; pointer-events: none; opacity: 0; } .tab_content.active { visibility: visible; overflow: visible; height: auto; transition: opacity .5s linear; pointer-events: all; opacity: 1; } .text_block:after { display: block; clear: both; width: 100%; content: ''; } .text_block > :last-child { margin-bottom: 0 !important; } .text_block { --size_h2: 30px; --size_h3: 22px; --size_h4: 18px; --size_h5: 18px; } .text_block h1, .text_block > .title { color: var(--color1); font-size: var(--title_size1); font-weight: 700; line-height: 38px; margin-bottom: 26px; } .text_block h2 { color: var(--color1); font-size: var(--size_h2); font-weight: 700; line-height: normal; margin-bottom: 32px; } .text_block * + h2, .text_block .hideMob h2 { margin-top: 46px; } .text_block h3 { color: var(--color1); font-size: var(--size_h3); font-weight: 700; line-height: normal; margin-bottom: 23px; text-transform: uppercase; } .text_block * + h3, .text_block .hideMob h3 { margin-top: 69px; } .text_block h4 { color: var(--color1); font-size: var(--size_h4); font-weight: 700; line-height: normal; margin-bottom: 23px; } .text_block * + h4, .text_block .hideMob h4 { margin-top: 46px; } .text_block h5 { color: var(--color1); font-size: var(--size_h5); font-weight: 500; line-height: normal; margin-bottom: 23px; opacity: .53; } .text_block * + h5, .text_block .hideMob h5 { margin-top: 44px; } .text_block p, .text_block ul, .text_block ol { margin-bottom: 23px; } .text_block span { color: var(--color4); } .text_block img { display: block; max-width: 100%; margin-bottom: 60px; } .text_block * + img { margin-top: 36px; } .text_block img.left { width: 51%; margin: 0 26px 23px 0; } .text_block img.right { width: 51%; margin: 0 0 23px 26px; } .text_block blockquote { display: block; margin-bottom: 32px; padding: 50px; background: #fcfcfd; } .text_block ul li { position: relative; padding-left: 26px; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .text_block ul li:before { position: absolute; top: 7px; left: 0; width: 9px; height: 9px; content: ''; background: #ff6262; } .text_block ul li + li { margin-top: 23px; } .text_block ol { counter-reset: li; } .text_block ol li { position: relative; display: block; list-style-type: none; } .text_block ol li:before { padding-right: 10px; color: var(--color4); font-weight: 700; display: inline; content: ''; content: counter(li) '.'; counter-increment: li; float: left; } .text_block ol li + li { margin-top: 23px; } .text_block a { cursor: pointer; color: var(--color1); transition: .2s linear; text-decoration: none; border-bottom: 1px solid; } .text_block a:hover { border-bottom-color: transparent; } .text_block .columns { column-gap: 40px; column-count: 2; } .text_block .columns > * { margin-bottom: 0; padding-bottom: 24px; --webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .text_block blockquote .columns { margin-bottom: -24px; } .text_block .hideMob { margin-bottom: 23px; } .text_block .hideMob.show { display: block; } .text_block .hideMob > :last-child { margin-bottom: 0 !important; } .text_block .more_readMob { color: var(--color4); font-weight: 700; position: relative; display: none; padding-right: 22px; text-transform: uppercase; border: none; } .text_block .more_readMob svg { position: absolute; top: 50%; right: 0; width: 10px; height: 12px; transform: translateY(-50%); fill: var(--color4); } .text_block.white { color: var(--color2); } .text_block.white h1 { color: var(--color2); } .text_block.white h2 { color: var(--color2); } .text_block.white h3 { color: var(--color2); } .text_block.white h4 { color: var(--color2); } .text_block.white h5 { color: var(--color2); } .text_block.white h6 { color: var(--color2); } .text_block.white a { color: var(--color2); } .text_block.white .more_readMob { color: var(--color2); } .text_block.white .more_readMob svg { fill: var(--color2); } .tooltip { position: relative; } .tooltip .icon_tooltip { display: block; width: 12px; height: 12px; cursor: help; transition: .2s linear; border-radius: 50%; background: #d9d9d9 url(/local/templates/.default/css/../images/ic_question.svg) 50% no-repeat; } .tooltip:hover .icon_tooltip { background-color: #e1e1e1; } .tooltip .tooltip_text { position: absolute; z-index: 99; top: calc(100% + 17px); left: 50%; visibility: hidden; width: 280px; padding: 16px; transition: .2s linear; transform: translateX(-50%); text-align: center; opacity: 0; border-radius: 5px; background: var(--bg1); box-shadow: 2px 4px 8px rgba(0, 0, 0, .25); } .tooltip .tooltip_text:before { position: absolute; top: -27px; left: 50%; width: 35px; height: 37px; margin-left: -18.5px; content: ''; background: url(/local/templates/.default/css/../images/angle.svg) 0 0 no-repeat; } .tooltip .tooltip_text:after { position: absolute; top: -17px; width: 100%; height: 17px; content: ''; } .tooltip:hover .tooltip_text { visibility: visible; pointer-events: all; opacity: 1; } .modal_cont { position: relative; } .mini_modal { position: absolute; z-index: 99; top: 0; left: 0; visibility: hidden; transition: .2s linear; pointer-events: none; opacity: 0; } .mini_modal.active { visibility: visible; pointer-events: all; opacity: 1; } .mini_modal .close { position: absolute; top: 0; right: 66px; display: flex; width: 17px; height: 17px; cursor: pointer; border: none; background: transparent; justify-content: center; align-items: center; } .mini_modal .close span { position: absolute; top: 50%; left: 50%; display: block; width: 20px; height: 1px; margin: -2px 0 0 -10px; background: #666; } .mini_modal .close:hover span { background: #000; } .mini_modal .close span:nth-child(1) { transform: rotate(45deg); } .mini_modal .close span:nth-child(2) { transform: rotate(-45deg); } .breadcrumbs { color: var(--color5); font-size: var(--font_size2); font-weight: 700; } .breadcrumbs a { color: var(--color5); transition: .2s linear; text-decoration: none; opacity: .6; } .breadcrumbs a:hover { opacity: 1; } .breadcrumbs span { opacity: .6; } .sorting { justify-content: space-between; } .sort { align-items: center; align-content: center; } .sort .name { color: #666; font-size: 15px; line-height: normal; margin-right: 16px; } .pagination { position: relative; z-index: 1; margin-top: 80px; } .pagination > :first-child { margin-left: 0; } .pagination a { color: var(--color3); font-size: var(--font_size1); line-height: 31px; display: block; width: 33px; height: 33px; margin-left: 19px; transition: .2s linear; text-align: center; text-decoration: none; border: 1px solid var(--color6); } .pagination a:hover, .pagination a.active { color: var(--color2); border-color: var(--btn_hover2); background: var(--btn_hover2); } .pagination .step { color: var(--color3); font-size: var(--font_size1); line-height: 31px; display: block; width: 33px; height: 33px; margin-left: 19px; transition: .2s linear; text-align: center; text-decoration: none; border: 1px solid var(--color6); } .pagination a.prev, .pagination a.next { display: flex; width: auto; border: none; background: transparent; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; } .pagination a.prev { transform: rotate(180deg); } .pagination a.prev svg, .pagination a.next svg { width: 10px; height: 15px; transition: .2s linear; fill: var(--color6); } .pagination a.prev:hover svg, .pagination a.next:hover svg { fill: var(--color1); } .content_flex { justify-content: space-between; align-content: stretch; align-items: stretch; } .content_flex .content { width: calc(63.19% - 12px); margin-top: 12px; } .content_flex .content.big { width: 56.5%; padding: 54px 65px 156px 95px; background: var(--bg1); } .supports_error { font-family: 'Montserrat', 'Arial', sans-serif; font-size: 20px; line-height: 30px; position: fixed; z-index: 10000; top: 0; left: 0; display: none; width: 100%; height: 100%; padding: 20px; text-align: center; background: #fff; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; } .supports_error.show { display: flex; } .page_content { padding-bottom: 70px; } .head_section.center { text-align: center; } .main_title { color: var(--color1); font-size: var(--title_size1); font-weight: 700; line-height: 38px; text-transform: uppercase; } .main_title h1 { color: var(--color1); font-size: var(--title_size1); font-weight: 700; line-height: 38px; text-transform: uppercase; } .head_section.white .main_title { color: #fff; } .main_title i { font-style: normal; } .main_title sup { font-size: 12px; } .head_section .desc { font-weight: 200; } .head_section.white .desc { color: #fff; } .title_small { font-size: var(--title_size2); font-weight: 700; } .title_small.white { color: var(--color2); } header .info, .main_section .info, .main_section .main_sert, .main_about, .main_advantages, .main_new .block, .main_new .items, .main_articles .block_l, .main_articles .block_r, .premium .box .cup, .premium .box .name, .premium .box .title, .main_doctors, .partners, .section_map, footer, .inner_section .cont, .small_info, .prospects .item, .advantages .item, .branches, .construction, .information, .section_photos, .section_form .img, .section_form .form, .content.big, aside.big, .contacts .block, .contacts .form, .cert_doc .item, .certificates, .equipment .item, .feedback .box_links, .feedback .item, .section_info .block, .section_info .images, .features .item, aside:not(.big) .banner_aside, .animationInUp, aside:not(.big) .form:not(.anNo), .more_articles, .section_pad, .form_sector, .inform .box_img, .inform .sector{ visibility: hidden; } .animated { visibility: visible !important; } /*--------------- Header---------------*/ header { position: relative; z-index: 99; } header.top_header { margin-bottom: -86px; } header .top { padding: 9px 0; background: var(--bg1); } header .logo_mob { display: none; margin: 0 auto; } header .logo_mob a { color: var(--color1); font-size: 20px; font-weight: 800; position: relative; display: block; text-decoration: none; } header .logo_mob a:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(180deg, rgba(255, 255, 255, .4) 29.09%, rgba(255, 255, 255, .8) 51.25%, #fff 61.52%); } header .logo_mob img { display: block; max-width: 39px; margin: 0 auto; } header .logo_mob .name { line-height: 25px; position: relative; z-index: 1; display: block; margin-top: -22px; } header .visually { color: var(--color1); font-size: var(--font_size2); font-weight: 700; line-height: 30px; position: relative; display: block; padding-left: 34px; transition: .2s linear; text-decoration: none; } header .visually:hover { color: var(--color_hover2); } header .visually svg { position: absolute; top: 50%; left: 0; width: 23px; height: 15px; margin-top: -8px; transition: .2s linear; fill: var(--color1); } header .visually:hover svg { fill: var(--color_hover2); } header .search { width: 460px; margin: 0 auto; } header .search .input { color: var(--color1); font: 13px var(--font_family); width: 100%; height: 30px; padding: 0 30px 0 12px; border: 2px solid var(--bord_color1); border-radius: 5px; background: var(--bg1); } header .search .submit_btn { display: flex; width: 27px; height: 30px; margin-left: -27px; cursor: pointer; border: none; border-radius: 0 5px 5px 0; background: none; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap; } header .search .submit_btn svg { display: block; width: 13px; height: 14px; transition: .2s linear; fill: var(--color1); } header .search .submit_btn:hover svg { transform: scale(1.5); } header .phone { color: var(--color1); font-size: 25px; font-weight: 700; line-height: 30px; margin-left: 42px; transition: .2s linear; text-decoration: none; } header .phone svg { display: none; width: 100%; height: 100%; fill: var(--color1); } header .tooltip_adres { display: flex; height: 30px; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap; } header .tooltip_adres .title { font-size: var(--font_size2); font-weight: 700; padding-bottom: 4px; } header .tooltip_adres .title span { display: inline-block; vertical-align: middle; border-bottom: 1px dashed; } header .tooltip_adres .tooltip_text { padding: 0; text-align: left; } header .tooltip_adres .tooltip_bg { position: relative; padding: 16px 26px 12px 64px; border-radius: 5px; background: var(--bg1); } header .tooltip_adres .tooltip_bg:before { position: absolute; top: 18px; left: 23px; width: 29px; height: 40px; content: ''; background: url(/local/templates/.default/css/../images/ic_marker.svg) 0 0 no-repeat; } header .tooltip_adres .name { color: var(--color3); font-size: 14px; font-weight: 700; } header .tooltip_adres .link { font-size: 8px; margin-top: 2px; } header .tooltip_adres .link button { color: var(--color3); font: 8px var(--font_family); display: inline-block; cursor: pointer; transition: .2s linear; vertical-align: top; border: none; background: none; } header .tooltip_adres .link button:hover { color: var(--color_hover1); } header .modal_lang { margin: 0 -13px 0 30px; } header .modal_lang .mini_modal_link { color: var(--color1); font: 700 var(--font_size2) var(--font_family); position: relative; z-index: 100; height: 30px; padding: 0 13px 0 33px; cursor: pointer; transition: .2s linear; border: none; background: none; } header .modal_lang .mini_modal_link:hover, header .modal_lang .mini_modal_link.active { color: var(--color_hover1); } header .modal_lang .mini_modal_link:before { position: absolute; top: 50%; left: 12px; width: 0; height: 0; margin-top: -5px; content: ''; transition: border .2s linear; border: 6px solid transparent; border-top: 10px solid var(--color1); } header .modal_lang .mini_modal_link:hover:before, header .modal_lang .mini_modal_link.active:before { border-top-color: var(--color_hover2); } header .modal_lang .mini_modal_link.active:before { margin-top: -11px; transform: rotate(180deg); } header .modal_lang .mini_modal { width: 100%; padding: 35px 10px 10px 33px; border-radius: 5px; background: var(--bg1); box-shadow: 0 0 8px rgba(0, 0, 0, .25); } header .modal_lang .mini_modal a { color: var(--color1); font-size: var(--font_size2); font-weight: 700; transition: .2s linear; text-decoration: none; } header .modal_lang .mini_modal a:hover { color: var(--color_hover1); } header .info { position: relative; padding: 18px 0; } header .info .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } header.top_header .info .bg { display: none; } header .info .bg img { display: block; width: 100%; height: 100%; opacity: .2; object-fit: cover; } header .info .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: .2; background: var(--bg2); } header .info .bg:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: .27; background: var(--bg3); } header .info { margin-top: 12px; background: none; } header .info .cont { position: relative; align-items: center; align-content: center; } header .logo { display: flex; height: 50px; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap; } header .logo a, header .logo img { display: block; max-width: 100%; } header .modal_langMob { display: none; } header .modal_langMob .mini_modal_link { color: var(--color2); font: 700 var(--font_size2) var(--font_family); position: relative; z-index: 100; height: 30px; padding: 0 13px 0 33px; cursor: pointer; transition: .2s linear; border: none; background: none; } header .modal_langMob .mini_modal_link:before { position: absolute; top: 50%; left: 12px; width: 0; height: 0; margin-top: -5px; content: ''; transition: border .2s linear; border: 6px solid transparent; border-top: 10px solid var(--color2); } header .modal_langMob .mini_modal_link.active:before { margin-top: -11px; transform: rotate(180deg); } header .modal_langMob .mini_modal { width: 100%; padding: 35px 10px 10px 33px; border-radius: 5px; background: var(--bg2); box-shadow: 0 0 8px rgba(0, 0, 0, .25); } header .modal_langMob .mini_modal a { color: var(--color2); font-size: var(--font_size2); font-weight: 700; transition: .2s linear; text-decoration: none; } header .login { color: var(--color2); font-size: var(--font_size2); font-weight: 700; line-height: 27px; position: relative; margin-left: auto; padding-right: 49px; transition: .2s linear; text-decoration: none; order: 3; } header .login:hover { color: var(--color_hover2); } header .login svg { position: absolute; top: 0; right: 0; width: 27px; height: 27px; transition: .2s linear; fill: var(--color2); } header .login:hover svg { fill: var(--color_hover2); } header .menu { margin-left: 30px; } header .menu .item + .item { margin-left: 18px; } header .menu .item a { color: var(--color2); font-size: var(--font_size2); font-weight: 700; line-height: 25px; display: block; padding: 0 12px; transition: .2s linear; text-decoration: none; border-radius: 5px; } header .menu .item a:hover, header .menu .item a.active { background: var(--bg2); } header .visuallyMob { display: none; width: calc(100% + 40px); margin: 32px -20px 0; padding: 34px 20px; border-top: 1px solid rgba(255, 255, 255, .6); border-bottom: 1px solid rgba(255, 255, 255, .6); } header .visuallyMob a { color: var(--color2); font-size: var(--font_size2); font-weight: 700; position: relative; display: block; padding-left: 34px; text-decoration: none; } header .visuallyMob a svg { position: absolute; top: 50%; left: 0; width: 23px; height: 15px; transform: translateY(-50%); fill: var(--color2); } header .phoneMob { color: var(--color2); font-weight: 500; display: none; width: 100%; margin-top: 47px; } header .phoneMob a { color: var(--color2); font-size: 22px; font-weight: 700; text-decoration: none; } header .adresMob { color: var(--color2); display: none; width: 100%; margin-top: 31px; } .mob_menu_link { position: relative; display: none; width: 24px; height: 24px; cursor: pointer; border: none; background: none; } .mob_menu_link span { position: relative; display: block; width: 100%; height: 4px; transition: .2s linear; background: var(--color1); } .mob_menu_link span + span { margin-top: 6px; } .mob_menu_link span:last-child { width: calc(100% - 7px); } .close_header { display: none; width: 24px; height: 24px; margin-right: auto; cursor: pointer; border: none; background: none; } .close_header span { position: relative; display: block; width: 100%; height: 4px; background: var(--bg1); } .close_header span:nth-child(1) { top: 2px; transform: rotate(45deg); } .close_header span:nth-child(2) { top: -2px; transform: rotate(-45deg); } /*--------------- Main section---------------*/ .owl-carousel .owl-stage { white-space: nowrap; } .owl-carousel .owl-item { display: inline-block; float: none; vertical-align: top; white-space: normal; } .owl-carousel .slide .lozad { transition: .3s linear; } .main_section { position: relative; overflow: hidden; padding: 224px 0 38px; background: url(/local/templates/.default/css/../images/bg1.jpg) 50%/cover no-repeat; } .main_section:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: .27; background: var(--bg3); object-fit: cover; } .main_section .cont { position: relative; } .main_section .info { max-width: 710px; } .main_section .title { color: var(--color2); font-size: var(--title_size3); font-weight: 700; text-shadow: 0 4px 4px rgba(0, 0, 0, .25); } .main_section .title h1 { color: var(--color2); font-size: var(--title_size3); font-weight: 700; text-shadow: 0 4px 4px rgba(0, 0, 0, .25); } .main_section .desc { color: var(--color2); font-weight: 500; margin-top: 18px; } .main_section .link { margin-top: 28px; } .main_section .link a { color: var(--color2); font-size: var(--btn_size); font-weight: 700; line-height: 53px; display: inline-block; padding: 0 48px; transition: .2s linear; vertical-align: top; text-decoration: none; background: var(--btn_bg2); } .main_section .link a:hover { box-shadow: var(--btn_hover1); } .subscribe_link { color: var(--color2); font: 700 var(--btn_size) var(--font_family); display: inline-block; height: 53px; padding: 0 48px; cursor: pointer; cursor: pointer; transition: .2s linear; vertical-align: top; border: none; background: var(--btn_bg2); } .subscribe_link:hover { box-shadow: var(--btn_hover1); } .main_sert { margin-top: 136px; } .main_sert .slider { margin-top: 19px; } .main_sert .owl-stage-outer { overflow: visible; } .main_sert .slider .slide { position: relative; opacity: .4; } .main_sert .slider .active .slide { opacity: 1; } .main_sert .slider .slide .img { display: flex; height: 144px; padding: 10px; transition: .2s linear; background: var(--bg4); justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; } .main_sert .slider .slide img { display: block; min-width: 50px; max-width: 100%; min-height: 50px; max-height: 100%; width: auto; height: auto; } .main_sert .slider .slide .desc_sert { color: var(--color3); font-size: var(--font_size2); position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; padding: 10px 26px; transition: .2s linear; text-align: center; opacity: 0; background: var(--bg1); justify-content: flex-start; align-items: stretch; align-content: stretch; flex-wrap: wrap; } .main_sert .slider .slide:hover .desc_sert { opacity: 1; } .main_sert .slider .slide .desc_sert span { display: block; overflow: hidden; width: 100%; max-height: 100%; margin: auto; } .equipment { position: relative; margin-top: 12px; padding: 65px 0; background: var(--bg1); } .equipment .img_abs { position: absolute; top: 0; right: 0; width: 100%; max-width: 80%; height: 100%; background-repeat: no-repeat; background-position: 100% 0; background-size: contain; } .equipment .cont { position: relative; } .equipment .items { margin-top: 54px; } .equipment .item + .item { margin-top: 12px; } .equipment .item { min-height: 389px; padding: 44px 46px 36px; background: var(--bg1); box-shadow: 0 4px 20px rgba(0, 0, 0, .25); justify-content: space-between; } .equipment .item .img { position: relative; display: block; width: 31.9%; padding-bottom: 23.84%; } .equipment .item .img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .equipment .item .info { width: calc(68.1% - 49px); margin-top: -6px; } .equipment .text_block { font-size: var(--font_size); font-weight: 200; line-height: 26px; } .equipment .text_block h3 { color: var(--color3); line-height: 32px; text-transform: none; } .equipment .text_block ul li:before { top: 9px; } .equipment .text_block ul li + li { margin-top: 26px; } .feedback { margin-top: 12px; } .feedback .box_links { margin-top: -12px; justify-content: space-between; align-items: stretch; align-content: stretch; flex-wrap: nowrap; } .feedback .box_links a { color: var(--color1); font-size: var(--title_size1); font-weight: 700; position: relative; display: flex; width: calc(50% - 6px); min-height: 92px; margin-top: 12px; padding: 10px 20px; transition: .2s linear; text-align: center; text-decoration: none; text-transform: uppercase; background: var(--bg1); justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; } .feedback .box_links a span { transition: .2s linear; opacity: .29; } .feedback .box_links a:hover span, .feedback .box_links a.active span { opacity: 1; } .feedback .box_links a.active { opacity: 1; box-shadow: 0 4px 20px rgba(0, 0, 0, .47); } .feedback .item { position: relative; overflow: hidden; min-height: 528px; margin-top: 12px; padding-right: 95px; background: var(--bg1); justify-content: space-between; align-items: stretch; align-content: stretch; } .feedback .item .img_abs { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 100% 0; } .feedback .item .box_img { position: relative; width: 26.67%; } .feedback .item .box_img .img { position: relative; display: block; min-height: 100%; padding-bottom: 142.33%; } .feedback .item .box_img .img:before { position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; opacity: .7; background: var(--bg2); } .feedback .item .box_img .img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .feedback .item .box_img .img img.mob { display: none; } .feedback .item .box_img .rev { position: absolute; z-index: 2; top: 73px; left: 0; width: 100%; } .feedback .item .box_img .rev img { display: block; width: 100%; max-width: 252px; margin: 0 auto; } .feedback .item .info { position: relative; width: calc(73.333% - 30px); max-width: 948px; padding: 74px 0 60px; } .feedback .item .info .text_block { line-height: 26px; } .feedback .item .info .text_block h4 { margin-bottom: 40px; } .feedback .item .info .text_block p { opacity: .53; } .feedback .item .info .text_block ul li:before { top: 9px; } .feedback_doctor .item .info { width: calc(53.78% - 30px); max-width: 600px; } .feedback .item .box_doctor { position: relative; width: 19.55%; padding: 42px 0 50px; } .feedback .item .doctor { transition: .2s linear; text-align: center; background: var(--bg1); box-shadow: 0 4px 10px rgba(0, 0, 0, .25); } .feedback .item .doctor .photo { position: relative; display: block; padding-bottom: 97.5%; } .feedback .item .doctor .photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .feedback .item .doctor .block { padding: 15px 10px 25px; } .feedback .item .doctor .name { color: var(--color5); font-size: var(--font_size1); font-weight: 500; } .feedback .item .doctor .name a { color: var(--color5); transition: .2s linear; text-decoration: none; } .feedback .item .doctor .name a:hover { color: var(--color_hover2); } .feedback .item .doctor .name b { display: block; } .feedback .item .doctor .box { margin-top: 12px; } .feedback .item .doctor .position { font-size: var(--font_size1); font-weight: 200; } .feedback .item .doctor .desc { font-size: var(--font_size1); font-weight: 200; margin-top: 14px; } .feedback .item .doctor .link { margin-top: 28px; } .feedback .item .doctor .link a { color: var(--color2); font-size: var(--btn_size); font-weight: 700; line-height: 53px; position: relative; display: inline-block; min-width: 202px; padding: 0 20px; vertical-align: top; text-decoration: none; text-transform: uppercase; background: var(--btn_bg1); } .feedback .item .doctor .link a:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .2s linear; background: var(--btn_hover2); } .feedback .item .doctor .link a:hover:before { width: 100%; } .feedback .item .doctor .link a span { position: relative; } .feedback .more_all { margin-top: 12px; padding: 36px 0; text-align: center; background: var(--bg1); } .feedback .more_all a { line-height: 53px; display: inline-block; min-width: 487px; padding: 0 20px; vertical-align: top; } .diagnostics { position: relative; margin-top: 12px; padding: 67px 0 100px; background: var(--bg1); } .diagnostics .abs_img { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 100% 0; } .diagnostics .cont { position: relative; } .advantages { margin: 22px 0 0 -33px; align-items: stretch; align-content: stretch; } .advantages .item { position: relative; width: calc(33.333% - 33px); margin: 44px 0 0 33px; padding-top: 52px; } .advantages .item .icon { position: absolute; z-index: 1; top: 0; left: 34px; display: flex; width: 78px; height: 75px; padding: 6px; background: var(--bg6); justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; } .advantages .item .icon img { display: block; max-width: 100%; max-height: 100%; } .advantages .item .box { position: relative; display: flex; height: 100%; min-height: 130px; padding: 30px 34px 25px; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap; } .advantages .item .box .bg { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50%; background-size: cover; } .advantages .item .box .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: .9; background: var(--bg2); } .advantages .item .desc { color: var(--color2); font-size: var(--font_size3); font-weight: 700; line-height: 25px; position: relative; } .data_info { position: relative; overflow: hidden; padding: 52px 95px 80px 88px; background: var(--bg1); } .data_info .img_abs { position: absolute; top: 1080px; left: 0; width: 883px; max-width: 100%; height: 923px; background-repeat: no-repeat; background-position: 0 0; background-size: contain; } .data_info .img_abs2 { position: absolute; top: 0; right: 0; width: 100%; max-width: 883px; height: 100%; background-repeat: no-repeat; background-position: 100% 100%; background-size: contain; } .data_info > * { position: relative; } .main_about { position: relative; overflow: hidden; margin-top: 12px; padding: 59px 0 52px; background: var(--bg1); } .main_about .img_abs { position: absolute; top: 0; right: 0; display: block; } .main_about .cont { position: relative; } .main_about .text_block { font-weight: 200; padding-right: 178px; } .main_about .text_block h2 { text-transform: uppercase; } .main_advantages { margin-top: 12px; margin-bottom: 12px; } .main_advantages .grid { margin: -12px 0 0 -12px; align-items: stretch; align-content: stretch; } .main_advantages .item { color: var(--color1); position: relative; display: block; width: calc(33.333% - 12px); min-height: 240px; margin: 12px 0 0 12px; padding: 39px 95px 36px; transition: .2s linear; text-decoration: none; background: var(--bg1); } .main_advantages .item:hover { color: var(--color2); } .main_advantages .item:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; transition: .2s linear; opacity: 0; background: var(--bg2); } .main_advantages .item:hover:before { opacity: 1; } .main_advantages .item .img { position: absolute; top: 0; right: 0; height: 100%; } .main_advantages .item .img:before { position: absolute; z-index: 1; top: 0; height: 100%; content: ''; transform: rotate(180deg); background: linear-gradient(0deg, rgba(255, 255, 255, .29), rgba(255, 255, 255, .29)), linear-gradient(266.42deg, #fff 20.42%, rgba(255, 255, 255, 0) 76.75%); } .main_advantages .item .img:after { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; content: ''; transition: .2s linear; transform: rotate(180deg); opacity: 0; background: linear-gradient(0deg, rgba(66, 88, 121, .26), rgba(66, 88, 121, .26)), linear-gradient(270.93deg, #425879 25.14%, rgba(255, 255, 255, 0) 121.41%); } .main_advantages .item:hover .img:after { opacity: 1; } .main_advantages .item .img img { display: block; height: 100%; width: auto; } .main_advantages .item .box { position: relative; z-index: 2; max-width: 264px; } .main_advantages .item .name { font-size: var(--font_size3); font-weight: 700; text-transform: uppercase; } .main_advantages .item .desc { font-weight: 200; margin-top: 14px; } .main_advantages .item .more { font-size: var(--font_size); font-weight: 200; line-height: 23px; position: relative; display: inline-block; margin-top: 32px; padding-right: 44px; vertical-align: top; text-transform: uppercase; } .main_advantages .item .more svg { position: absolute; top: 1px; right: 0; width: 13px; height: 21px; transition: .2s linear; opacity: .5; fill: var(--color1); } .main_advantages .item:hover .more svg { opacity: 1; fill: var(--color2); } .main_new { margin-top: 12px; } .main_new .grid { justify-content: space-between; align-items: stretch; align-content: stretch; } .main_new .block { position: relative; overflow: hidden; width: calc(67.2% - 12px); padding: 65px 95px; background: var(--bg1); order: 2; } .main_new .block .img_abs { position: absolute; right: 0; bottom: 0; display: block; min-width: 50px; min-height: 50px; } .main_new .head_section { position: relative; } .main_new .itemBig { position: relative; margin-top: 40px; } .main_new .itemBig .img { display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; } .main_new .itemBig .img a, .main_new .itemBig .img img { display: block; max-width: 100%; height: auto; } .main_new .itemBig .box { max-width: 636px; margin-top: 32px; } .main_new .itemBig .date { font-size: var(--font_size1); } .main_new .itemBig .name { font-size: var(--font_size); font-weight: 800; margin-top: 10px; } .main_new .itemBig .name a { color: var(--color1); transition: .2s linear; text-decoration: none; } .main_new .itemBig .name a:hover { color: var(--color_hover1); } .main_new .itemBig .desc { font-weight: 200; margin-top: 18px; } .main_new .bot { margin-top: 26px; align-items: center; align-content: center; } .main_new .more a { color: var(--color2); font-size: var(--btn_size); font-weight: 700; line-height: 53px; display: inline-block; min-width: 228px; padding: 0 20px; transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; text-transform: uppercase; background: var(--btn_bg2); } .main_new .more a:hover { box-shadow: var(--btn_hover1); } .like_btn { color: var(--color4); font-size: var(--font_size2); font-weight: 700; line-height: 32px; position: relative; margin-left: 30px; padding-left: 44px; transition: .2s linear; text-decoration: none; height: 32px; } .like_btn svg { position: absolute; top: -1px; left: 0; width: 31px; height: 32px; fill: var(--color4); } .like_btn svg rect { transition: .2s linear; opacity: 0; } .like_btn:hover svg rect { opacity: 1; } .link_share { color: var(--color4); font-size: var(--font_size2); font-weight: 700; line-height: 29px; position: relative; margin-left: 30px; padding-left: 37px; transition: .2s linear; text-decoration: none; } .link_share svg { position: absolute; top: -1px; left: 0; width: 27px; height: 29px; fill: var(--color4); } .main_new .items { display: flex; flex-direction: column; width: 32.8%; } .main_new .items > :last-child { margin-bottom: 0 !important; } .main_new .item { width: 100%; margin-bottom: 8px; padding: 15px 12px; background: var(--bg1); flex: 1 0 auto; } .main_new .item .img { position: relative; display: block; padding-bottom: 45.3%; } .main_new .item .img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .main_new .item .box { margin-top: 15px; padding-left: 83px; } .main_new .item .date { font-size: var(--font_size1); } .main_new .item .name { font-size: var(--font_size); font-weight: 800; } .main_new .item .name a { color: var(--color1); transition: .2s linear; text-decoration: none; } .main_new .item .name a:hover { color: var(--color_hover1); } .more_all a { color: var(--color2); font-size: var(--btn_size); font-weight: 700; line-height: 62px; display: block; transition: .2s linear; text-align: center; text-decoration: none; text-transform: uppercase; background: var(--btn_bg1); } .more_all a:hover { box-shadow: var(--btn_hover1); } .more_all.red a { background: var(--btn_bg2); } .more_all.small { margin-top: 66px; text-align: center; } .more_all.small a { display: inline-block; padding: 0 45px; vertical-align: top; } .main_articles { position: relative; z-index: 1; margin-top: 12px; } .main_articles .img_abs { position: absolute; top: 0; right: 0; display: none; max-width: 280px; } .main_articles .grid { position: relative; justify-content: space-between; align-items: stretch; align-content: stretch; } .main_articles .block_l { width: 56.5%; padding: 55px 65px 50px 95px; background: var(--bg1); } .main_articles .articleBig { margin-top: 24px; } .main_articles .articleBig .img a { position: relative; display: block; padding-bottom: 29.6%; } .main_articles .articleBig .img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .main_articles .articleBig .date { font-size: var(--font_size1); margin-top: 20px; } .main_articles .articleBig .name { font-size: var(--font_size); font-weight: 800; margin-top: 2px; } .main_articles .articleBig .name a { color: var(--color1); transition: .2s linear; text-decoration: none; } .main_articles .articleBig .name a:hover { color: var(--color_hover1); } .main_articles .articleBig .desc { font-weight: 200; margin-top: 14px; } .main_articles .bot { margin-top: 36px; align-items: center; align-content: center; } .main_articles .more a { color: var(--color2); font-size: var(--btn_size); font-weight: 700; line-height: 47px; display: inline-block; min-width: 220px; padding: 0 20px; transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; text-transform: uppercase; background: var(--btn_bg2); } .main_articles .more a:hover { box-shadow: var(--btn_hover1); } .main_articles .block_r { display: flex; flex-direction: column; width: calc(43.5% - 12px); padding: 64px 95px 50px; background: var(--bg1); } .main_articles .items { margin-top: 50px; flex: 1 0 auto; } .main_articles .more_all { margin-top: 30px; } .main_articles .more_all a { line-height: 50px; } .main_articles .article { font-weight: 800; } .main_articles .article + .article { margin-top: 36px; } .main_articles .article a { color: var(--color1); font-size: var(--font_size); transition: .2s linear; text-decoration: none; } .main_articles .article a:hover { color: var(--color_hover1); } .main_articles .article .name { padding-right: 16px; } .main_articles .article .visually { font-weight: 500; position: relative; display: inline-block; padding-left: 27px; vertical-align: middle; } .main_articles .article .visually svg { position: absolute; top: 50%; left: 0; width: 23px; height: 15px; transition: .2s linear; transform: translateY(-50%); fill: var(--color1); } .main_articles .article a:hover .visually svg { fill: var(--color_hover1); } .premium { position: relative; min-height: 146px; margin-top: 12px; padding: 36px 0 28px; background: url(/local/templates/.default/css/../images/bg2.webp) 50%/cover no-repeat; } .premium:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: .9; background: var(--bg2); } .premium .cont { position: relative; justify-content: center; } .premium .box { position: relative; padding-left: 130px; } .premium .box .cup { position: absolute; top: -46px; left: 0; width: 80px; } .premium .box .cup img { display: block; max-width: 100%; height: auto; margin: 0 auto; } .premium .box .name { color: var(--color2); font-size: 28px; text-transform: uppercase; } .premium .box .title { color: var(--color2); font-size: 28px; font-weight: 700; margin-top: 12px; text-transform: uppercase; } .partners { margin-top: 12px; padding: 37px 0 67px; background: var(--bg1); } .partners .slider { margin-top: 36px; } .partners .slider .slide { display: flex; height: 135px; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; } .partners .slider .slide img { display: block; min-width: 10px; max-width: 100%; min-height: 10px; max-height: 100%; transition: .3s linear; opacity: .3; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } .partners .slider .slide:hover img { opacity: 1; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); } .section_map { position: relative; overflow: hidden; margin-top: 12px; } .section_map .info { position: absolute; top: 33px; left: 95px; width: 490px; padding: 29px 47px 39px; background: var(--bg1); } .section_map .text { font-weight: 200; margin-top: 26px; } .section_map .text p { margin-bottom: 22px; } .section_map .text > :last-child { margin-bottom: 0 !important; } .map { height: 340px; } .ymaps-layers-pane { filter: url('data:image/svg+xml;utf8,#grayscale'); /* Firefox 3.5+ */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .main_doctors { overflow: hidden; margin-top: 12px; padding: 89px 0 85px; background: var(--bg2); } .doctors .slider { margin-top: 55px; } .doctors .slider .owl-stage-outer { overflow: visible; } .doctors .doctor { transition: .2s linear; text-align: center; background: var(--bg1); } .doctors .slider .doctor { opacity: .4; } .doctors .slider .active .doctor { opacity: 1; } .doctors .doctor .photo { position: relative; display: block; padding-bottom: 97.5%; } .doctors .doctor .photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .doctors .doctor .block { padding: 30px 30px 40px; } .doctors .doctor .name { color: var(--color5); font-size: var(--font_size1); font-weight: 500; } .doctors .doctor .name a { color: var(--color5); transition: .2s linear; text-decoration: none; } .doctors .doctor .name a:hover { color: var(--color_hover2); } .doctors .doctor .name b { display: block; } .doctors .doctor .box { margin-top: 17px; } .doctors .doctor .position { font-size: var(--font_size1); font-weight: 200; } .doctors .doctor .desc { font-size: var(--font_size1); font-weight: 200; margin-top: 17px; } .doctors .doctor .link { margin-top: 39px; } .doctors .doctor .link a { color: var(--color2); font-size: var(--btn_size); font-weight: 700; line-height: 53px; position: relative; display: inline-block; min-width: 202px; padding: 0 20px; vertical-align: top; text-decoration: none; text-transform: uppercase; background: var(--btn_bg1); } .doctors .doctor .link a:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .2s linear; background: var(--btn_hover2); } .doctors .doctor .link a:hover:before { width: 100%; } .doctors .doctor .link a span { position: relative; } .inner_section { position: relative; padding: 105px 0 60px; } .inner_section.small { padding: 135px 0 76px; } .inner_section:before { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: .5; background: var(--bg2); } .inner_section.gray:before { background: var(--bg5); } .inner_section .img_abs { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .inner_section .cont { position: relative; z-index: 2; } .inner_section .text_block h1 { font-size: var(--size_h2); line-height: normal; margin-bottom: 32px; } .inner_section .link { margin-top: 40px; } .inner_section .link a { color: var(--color2); font-weight: 700; line-height: 53px; display: inline-block; min-width: 487px; padding: 0 33px; transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; text-transform: uppercase; background: var(--btn_bg2); } .inner_section .link a:hover { box-shadow: var(--btn_hover1); } .inner_section .subscribe_link { min-width: 487px; padding: 0 33px; } .inner_section .breadcrumbs { color: var(--color2); margin-bottom: 26px; } .inner_section.small .breadcrumbs { margin-bottom: 56px; } .inner_section .breadcrumbs a { color: var(--color2); opacity: .51; } .inner_section .breadcrumbs a:hover { opacity: 1; } .inner_section .breadcrumbs span { opacity: .51; } .section_form { margin-top: 12px; align-items: stretch; align-content: stretch; justify-content: space-between; } .section_form .img { width: 55%; min-height: 399px; } .section_form .img img { display: block; width: 100%; height: 100%; object-fit: cover; } .section_form .form { position: relative; width: calc(45% - 12px); padding: 50px 95px 36px 78px; } .small_info { position: relative; margin-top: 12px; padding: 54px 0; } .small_info .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50%; background-size: cover; } .small_info .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: .9; background: var(--bg2); } .small_info .title { color: var(--color2); font-size: var(--font_size); position: relative; display: none; margin-bottom: 13px; text-align: center; text-transform: uppercase; } .small_info .desc { color: var(--color2); font-size: var(--title_size1); font-weight: 700; position: relative; text-align: center; text-transform: uppercase; } .text_bg { position: relative; margin-top: 12px; padding: 64px 95px 80px 88px; } .text_bg .bg { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50%; background-size: cover; } .text_bg .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: .9; background: var(--bg2); } .text_bg > * { position: relative; } .banner_mob { display: none; margin-top: 12px; } .banner_mob img { display: block; max-width: 100%; } .features { position: relative; padding: 60px 0 107px; background: var(--bg1); } .features .img_absMob { position: absolute; top: 0; right: 0; display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 100% 0; } .features .cont { position: relative; } .features .grid { margin: 27px 0 0 -30px; align-items: stretch; align-content: stretch; } .features .item { position: relative; width: calc(33.333% - 30px); margin: 30px 0 0 30px; padding: 49px 20px 30px 58px; background: var(--bg1); box-shadow: 0 4px 20px rgba(0, 0, 0, .25); } .features .item:before { position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 7px; content: ''; background: var(--bg6); } .features .item .bg { position: absolute; z-index: 2; top: 0; left: 0; width: 25px; height: 100%; background-repeat: no-repeat; background-position: 50%; background-size: cover; } .features .item .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: .9; background: var(--bg2); } .features .item .img_abs { position: absolute; z-index: 0; top: 0; right: 0; width: calc(100% - 25px); max-width: 390px; height: 100%; max-height: 548px; background-repeat: no-repeat; background-position: 100% 0; background-size: contain; } .features .item .text_block { line-height: 26px; position: relative; z-index: 3; } .features .item .text_block h4 { line-height: 26px; margin-bottom: 26px; } .features .item .text_block ul li:before { top: 9px; } .section_info { position: relative; margin-top: 12px; padding: 66px 0 90px; background: var(--bg1); } .section_info .img_abs { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 0 0; } .section_info .cont { position: relative; justify-content: space-between; } .section_info .block { width: calc(64% - 10px); max-width: 811px; } .section_info .text_block { margin-top: 48px; } .section_info .images { width: 36%; margin-top: -66px; order: 2; justify-content: center; } .section_info .images img { max-width: calc(100% - 21px); margin-top: 36px; margin-left: 21px; } .page-content, .contacts { position: relative; margin-top: 12px; padding: 43px 0 73px; background: var(--bg1); } .page-content .img_abs, .contacts .img_abs { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 100% 0; } .page-content .cont, .contacts .cont { position: relative; } .contacts_flex { justify-content: space-between; } .contacts .block { width: calc(56.25% - 30px); margin-top: 73px; } .contacts .block .contact { margin-top: 44px; } .contacts .contact .line { font-size: var(--font_size); font-weight: 200; } .contacts .contact .line b { font-weight: 500; display: inline-block; width: 110px; padding-right: 6px; vertical-align: top; } .contacts .contact .line span { width: calc(100% - 110px); } .contacts .contact .line a { color: var(--color1); text-decoration: none; } .contacts .socials { margin-top: 28px; } .contacts .socials a { transition: .2s linear; } .contacts .socials a:hover { transform: scale(1.48); } .contacts .socials a + a { margin-left: 40px; } .contacts .socials img { display: block; } .contacts .form { width: 43.75%; margin-top: 26px; padding-right: 83px; background: transparent; } .contacts_flex .organization-details { flex: 1; margin-top: 64px; } @media (min-width: 768px) { .contacts_flex .organization-details { order: 2; } } @media (max-width: 767.98px) { .contacts_flex .organization-details { margin-top: 46px; } } .certificates { position: relative; overflow: hidden; margin-top: 12px; padding: 70px 0 100px; background: var(--bg1); } .certificates .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-repeat: no-repeat; background-position: 50%; background-size: cover; } .certificates .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: .9; background: var(--bg2); } .certificates .img_abs { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 100% 0; } .certificates .cont { position: relative; } .certificates .title_small { max-width: 766px; text-transform: uppercase; } .certificates .title_small.big { max-width: none; } .certificates .slider { margin-top: 63px; } .certificates .slider.view_small, .certificates .slider.view_all { margin-left: 15px; } .certificates .slider .owl-stage-outer { overflow: visible; } .certificates .slider .owl-stage { margin: 0 auto; } .certificates .cert { transition: .2s linear; transform: scale(.98); pointer-events: none; opacity: .4; } .certificates .active .cert { transform: scale(1); pointer-events: all; opacity: 1; } .certificates .cert .img { position: relative; display: block; padding-bottom: 141.9%; } .certificates .cert .img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .cert_doc { position: relative; margin-top: 12px; padding: 65px 0 52px; background: var(--bg1); } .cert_doc .img_abs { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 100% 0; } .cert_doc .cont { position: relative; } .cert_doc .items { margin-top: 30px; } .cert_doc .item { margin-top: 24px; background: var(--bg1); box-shadow: 0 4px 20px rgba(0, 0, 0, .25); align-items: stretch; align-content: stretch; justify-content: space-between; } .cert_doc .item .img { display: flex; width: 31.87%; min-height: 212px; background: #f8f8f8; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; } .cert_doc .item .img img { display: block; max-width: 100%; } .cert_doc .item .block { width: 68.13%; padding: 44px 30px; } .cert_doc .item .name { font-size: var(--font_size4); font-weight: 500; } .cert_doc .item .desc { font-size: var(--font_size); font-weight: 200; margin-top: 13px; } .cert_doc .more_all { margin-top: 56px; text-align: center; } .cert_doc .more_all a { display: inline-block; padding: 0 55px; vertical-align: top; } .content.big { position: relative; } .content.big > .img_abs { position: absolute; top: 0; right: 0; display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 100% 0; } .page-content .breadcrumbs, .content.big .breadcrumbs { margin-bottom: 39px; } .content.big > * { position: relative; } .articles { margin-top: 53px; } .articles .article + .article { margin-top: 84px; } .articles .article .img a { position: relative; display: block; padding-bottom: 29.6%; } .articles .article .img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .articles .article .date { font-size: var(--font_size1); margin-top: 20px; } .articles .article .name { font-size: var(--font_size); font-weight: 800; margin-top: 2px; } .articles .article .name a { color: var(--color1); transition: .2s linear; text-decoration: none; } .articles .article .name a:hover { color: var(--color_hover1); } .articles .article .desc { font-weight: 200; margin-top: 14px; } .articles .bot { margin-top: 36px; align-items: center; align-content: center; } .articles .more a { color: var(--color2); font-size: var(--btn_size); font-weight: 700; line-height: 47px; display: inline-block; min-width: 220px; padding: 0 20px; transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; text-transform: uppercase; background: var(--btn_bg2); } .articles .more a:hover { box-shadow: var(--btn_hover1); } .articles .more_all { margin-top: 30px; } .articles .more_all a { line-height: 50px; } .events { position: relative; padding: 123px 95px 93px; background: var(--bg1); flex: 1 0 auto; } .events .img_abs { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 100% 0; z-index: 0; } .events > * { position: relative; } .event_list * + .title_small { margin-top: 50px; } .events .top { z-index: 1; position: relative; margin-bottom: 38px; align-items: center; align-content: center; } .events .top .title { width: 100%; display: block; font-size: var(--title_size4); font-weight: 700; text-transform: uppercase; } .events .top .sort { margin-top: 18px; font-size: var(--font_size1); } .events .top .sort a { color: var(--color1); transition: .2s linear; text-decoration: none; border-bottom: 1px dashed; } .events .top .sort a:hover { border-bottom-color: transparent; } .event_list .items { margin-top: 40px; } .event_list .items .item + .item { margin-top: 36px; } .event_list .items .item a { color: var(--color1); transition: .2s linear; text-decoration: none; } .event_list .items .item a:hover { color: var(--color_hover1); } .event_list .items .item .name { padding-right: 16px; } .event_list .items .item .visually { color: var(--color6); font-weight: 500; position: relative; display: inline-block; padding-left: 27px; transition: .2s linear; vertical-align: middle; } .event_list .items .item a:hover .visually { color: var(--color_hover1); } .event_list .items .item .visually svg { position: absolute; top: 50%; left: 0; width: 23px; height: 15px; transition: .2s linear; transform: translateY(-50%); fill: var(--color6); } .event_list .items .item a:hover .visually svg { fill: var(--color_hover1); } .event_list { position: relative; z-index: 1; } .search_inner { position: relative; z-index: 1; max-width: 390px; margin-bottom: 38px; } .search_inner .input { color: var(--color1); font: 13px var(--font_family); width: 100%; height: 30px; padding: 0 30px 0 12px; border: 2px solid var(--bord_color1); border-radius: 5px; background: var(--bg1); } .search_inner .submit_btn { display: flex; width: 27px; height: 30px; margin-left: -27px; cursor: pointer; border: none; border-radius: 0 5px 5px 0; background: none; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap; } .search_inner .submit_btn svg { display: block; width: 13px; height: 14px; transition: .2s linear; fill: var(--color1); } .search_inner .submit_btn:hover svg { transform: scale(1.5); } .article_page { margin-top: 50px; } .article_page .img { position: relative; display: block; padding-bottom: 29.6%; } .article_page .img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .article_page .date { font-size: var(--font_size1); font-weight: 500; margin-top: 30px; } .article_page .main_title { margin-top: 12px; text-transform: none; } .article_page .text_block { margin-top: 40px; } .article_page .text_block img { margin-bottom: 40px; } .article_page .text_block ul { margin: 38px 0 58px; } .content_text { margin-top: 46px; } .content_text .title { font-weight: 700; margin-bottom: 23px; } .content_text .list { color: var(--color4); font-weight: 700; } .content_text .list div + div { margin-top: 23px; } .content_text .list a { color: var(--color4); transition: .2s linear; text-decoration: none; border-bottom: 1px solid; } .content_text .list a:hover { color: var(--color1); } .tags { margin-top: 70px; flex-wrap: nowrap; } .tags .name { font-weight: 700; white-space: normal; } .tags a { color: var(--color4); margin-left: 18px; transition: .2s linear; text-decoration: none; } .tags a:hover { color: var(--color_hover1); } .article_page .bot { margin: 60px 0 0 -30px; align-items: center; align-content: center; } .article_page .more { margin-left: 30px; } .article_page .more a { color: var(--color2); font-size: var(--btn_size); font-weight: 700; line-height: 47px; display: inline-block; padding: 0 46px; transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; text-transform: uppercase; background: var(--btn_bg2); } .article_page .more a:hover { box-shadow: var(--btn_hover1); } .author { margin-top: 24px; } .author .photo { width: 21%; } .author .photo img { display: block; width: 100%; } .author .name { color: var(--color4); font-weight: 700; width: calc(79% - 27px); margin-top: 20px; } .author .name a { color: var(--color4); transition: .2s linear; text-decoration: none; border-bottom: 1px solid; } .author .name a:hover { color: var(--color1); } .author .desc { width: calc(79% - 27px); margin-top: 12px; opacity: .46; } .prospects { position: relative; margin-top: 12px; padding: 56px 0; background: var(--bg1); } .prospects > .abs_img { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 100% 0; } .prospects .cont { position: relative; } .prospects .grid { margin-top: 31px; padding: 0 16px; justify-content: space-between; align-items: stretch; align-content: stretch; } .prospects .item { position: relative; width: calc(50% - 13px); padding: 53px 75px 43px; background: var(--bg1); box-shadow: 0 4px 10px rgba(0, 0, 0, .25); } .prospects .item .abs_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 100% 100%; } .prospects .item .text_block { position: relative; } .branches { position: relative; margin-top: 12px; padding: 55px 0 67px; background: var(--bg1); } .branches > .abs_img { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 100% 0; } .branches .cont { position: relative; } .branches .grid { margin: 7px 0 0 -30px; align-items: stretch; align-content: stretch; } .branches .item { width: calc(33.333% - 30px); margin: 30px 0 0 30px; text-align: center; background: var(--bg1); box-shadow: 0 4px 10px rgba(0, 0, 0, .25); } .branches .item .img { position: relative; display: block; padding-bottom: 71%; } .branches .item .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .branches .item .block { padding: 37px 30px 72px; } .branches .item .name { font-weight: 700; text-transform: uppercase; } .branches .item .name a { color: var(--color5); transition: .2s linear; text-decoration: none; } .branches .item .name a:hover { color: var(--color_hover2); } .branches .item .info { font-size: var(--font_size1); margin-top: 28px; } .branches .item .text { font-size: var(--font_size1); font-weight: 200; margin-top: 28px; } .branches .item .text p + p { margin-top: 19px; } .information { position: relative; margin-top: 12px; padding: 60px 0 72px; background: var(--bg1); } .information > .abs_img { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 100% 0; } .information .cont { position: relative; } .information .text_block { font-weight: 200; margin-top: 38px; padding-left: 45px; border-left: 9px solid var(--bg6); } .information .text_block span { font-weight: 500; } .information .img { display: block; width: 100%; margin-top: 47px; } .section_photos { overflow: hidden; margin-top: 12px; padding: 60px 0 135px; background: var(--bg1); } .photos { margin-top: 62px; } .photos .owl-stage-outer { overflow: visible; } .photos .slide { overflow: hidden; margin: -15px 0 0 -15px; transition: .2s linear; pointer-events: none; opacity: .4; } .photos .active .slide { pointer-events: all; opacity: 1; } .photos .slide .photo { display: block; float: left; width: calc(43.4% - 15px); height: 559px; margin: 15px 0 0 15px; } .photos .slide .photo img { display: block; width: 100%; height: 100%; object-fit: cover; } .photos .slide .photo.big { width: calc(56.6% - 15px); } .photos .slide .photo.small { width: calc(35.62% - 15px); height: 390px; } .photos .slide .photo.middle { width: calc(64.38% - 15px); height: 390px; } .photosMob { margin-top: 44px; padding: 0 0px; } @media (min-width: 1023px) { .photosMob.owl-carousel.owl-loaded { display: none !important; } } .photosMob.owl-loaded { display: none; } .photosMob .owl-stage-outer { overflow: visible; } .photosMob .slide { transition: .2s linear; pointer-events: none; opacity: .4; } .photosMob .active .slide { pointer-events: all; opacity: 1; } .photosMob .slide .photo { position: relative; display: block; padding-bottom: 75%; } .photosMob .slide .photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .construction { position: relative; margin-top: 12px; padding: 60px 0 0; background: var(--bg1); } .construction > .abs_img { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 100% 0; } .construction .cont { position: relative; } .construction .info_flex { position: relative; margin-top: 35px; align-items: stretch; align-content: stretch; justify-content: space-between; } .construction .info_flex .abs_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 0 0; } .construction .info_flex > * { position: relative; } .construction .img_top { display: block; width: 100%; margin-bottom: 12px; } .construction .block_l { display: flex; flex-direction: column; width: calc(62.45% - 12px); } .construction .info { padding: 65px 70px 65px 95px; flex: 1 0 auto; } .construction .feature { margin-bottom: 32px; } .construction .feature .line:not(.adres) b { color: var(--color4); } .construction .feature sup { font-size: 10px; } .construction .data { margin-top: 23px; } .construction .data .title { font-weight: 700; } .construction .data .list { padding-left: 12px; } .construction .data .list li { position: relative; list-style: none; } .construction .data .list > li:before { position: absolute; top: 9px; left: -12px; width: 4px; height: 4px; content: ''; border-radius: 50%; background: var(--color1); } .construction .data .list li ul { margin-left: -12px; } .construction .data .list li ul li:before { display: inline; content: '- '; } .construction .form { width: calc(100% + 12px); margin-top: 12px; padding: 41px 70px 41px 95px; border-top: 12px solid var(--bg); border-right: 12px solid var(--bg); } .construction .form .box { max-width: 488px; margin: 0 auto; } .construction .img { width: 37.55%; } .construction .img img { display: block; width: 100%; height: 100%; object-fit: cover; } .page_links { position: fixed; z-index: 90; top: 50%; right: 50%; width: 34px; margin-right: 753px; transform: translateY(-50%); } .page_links div { position: relative; width: 34px; height: 34px; } .page_links div + div { margin-top: 18px; } .page_links button { color: var(--color1); font: var(--btn_size) var(--font_family); position: absolute; top: 0; left: 0; width: 34px; height: 34px; padding: 0 8px; cursor: pointer; transition: .2s linear; border: none; border-radius: 5px; background: transparent; } .page_links button span { display: none; padding-left: 24px; white-space: nowrap; opacity: .8; } .page_links button:hover, .page_links button.active { width: auto; background: var(--bg1); box-shadow: 2px 4px 8px rgba(0, 0, 0, .25); } .page_links button:hover span, .page_links button.active span { display: block; } .page_links button:before { position: absolute; top: 8px; left: 8px; width: 18px; height: 18px; content: ''; opacity: .6; border-radius: 50%; background: var(--bg2); } .page_links button:after { position: absolute; top: 12px; left: 12px; width: 10px; height: 10px; content: ''; transition: .2s linear; opacity: 0; border-radius: 50%; background: var(--bg1); } .page_links button:hover:after, .page_links button.active:after { opacity: .5; } /*--------------- Sidebar---------------*/ aside { display: flex; flex-direction: column; width: 36.81%; margin-top: 12px; } aside.big { width: calc(43.5% - 12px); } aside .top { flex: 1 0 auto; } aside .top .bg { position: relative; z-index: 10; padding: 52px 17px 65px 95px; background: var(--bg1); } aside .top .bg .img_abs { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 100% 0; } aside .top .bg > * { position: relative; } aside .main_title { margin-bottom: 12px; } aside .box { padding-top: 25px; border-top: 2px solid #dedede; } aside .menu .item + .item { margin-top: 25px; } aside .menu .item > a { color: var(--color1); line-height: 23px; transition: .2s linear; text-decoration: none; border-bottom: 1px solid; } aside .menu .item > a.active { color: var(--color4); font-weight: 800; } aside .menu .item a:hover { color: var(--color_hover2); } aside .menu .sum_menu { display: none; margin-top: 15px; padding-left: 25px; } aside .menu .sum_menu div + div { margin-top: 15px; } aside .menu .sum_menu a { color: #b3b3b3; transition: .2s linear; text-decoration: none; } aside .banner_aside { margin-top: 12px; } aside .banner_aside img { display: block; max-width: 100%; } aside .form { margin-top: 12px; padding: 44px 72px 46px 95px; } aside.big .form { padding-right: 95px; padding-left: 95px; } /*--------------- Footer---------------*/ footer { margin-top: 12px; flex: 0 0 auto; } footer .cont_bg { position: relative; padding: 58px 0 55px; } footer .cont_bg .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50%; background-size: cover; } footer .cont_bg .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: .9; background: var(--bg2); } footer .cont { position: relative; justify-content: space-between; align-items: stretch; align-content: stretch; } footer .block_l { position: relative; max-width: 316px; } footer .logo { display: flex; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap; } footer .logo img { display: block; max-width: 100%; height: auto; } footer .logo .text { color: var(--color2); font-size: var(--font_size2); font-weight: 700; margin-left: 18px; text-transform: uppercase; } footer .copy { color: var(--color2); font-size: var(--font_size2); font-weight: 200; margin-top: 37px; opacity: .3; } footer .copy.mob { display: none; } footer .adres { color: var(--color2); font-size: var(--font_size2); margin-top: 21px; } footer .phone { margin-top: 26px; } footer .phone .desc { color: var(--color2); font-size: var(--font_size2); font-weight: 500; } footer .phone a { color: var(--color2); font-size: 22px; font-weight: 700; text-decoration: none; } footer .socials { margin-top: 41px; } footer .socials a { display: flex; width: 23px; height: 23px; transition: .2s linear; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; } footer .socials a:hover { transform: scale(1.48); } footer .socials a + a { margin-left: 40px; } footer .socials img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; } footer .map_site { margin-top: 56px; } footer .map_site a { color: var(--color2); font-size: var(--font_size2); font-weight: 700; transition: .2s linear; text-decoration: none; } footer .map_site a:hover { text-shadow: 0 4px 10px rgba(0, 0, 0, .25); } footer .link { margin-top: 38px; } footer .link.mob { display: none; } footer .link a { color: var(--color2); font-size: var(--font_size2); font-weight: 700; transition: .2s linear; text-decoration: none; } footer .link a:hover { text-shadow: 0 4px 10px rgba(0, 0, 0, .25); } footer .block_r { display: flex; flex-direction: column; width: 700px; } footer .list { width: calc(100% + 70px); margin: -56px 0 0 -70px; justify-content: space-between; flex: 1 0 auto; } footer .list > div { width: 122px; margin: 68px 0 0 70px; } footer .list > div > a { color: var(--color2); font-size: var(--font_size2); font-weight: 700; transition: .2s linear; text-decoration: none; } footer .list a:hover { text-shadow: 0 4px 10px rgba(0, 0, 0, .25); } footer .list ul { margin-top: 40px; } footer .list ul li { list-style: none; } footer .list ul li + li { margin-top: 28px; } footer .list ul li a { color: var(--color2); font-weight: 200; transition: .2s linear; text-decoration: none; } footer .personal-data { font-size: 0.8em; color: var(--color2); margin-top: 30px; } footer .personal-data p { margin-top: 12px; } footer .personal-data p span { font-size: 1.2em; } footer .personal-data a { color: var(--color2); text-decoration: underline; } footer .payment { width: 100%; margin-top: 35px; } footer .payment img { display: block; max-width: 100%; height: auto; margin-left: auto; opacity: .3; } /*--------------- PopUp---------------*/ .modal { display: none; visibility: visible !important; width: 350px; max-width: 100%; padding: 30px; border-radius: 5px; background: #fff; box-shadow: 2px 4px 8px rgba(0, 0, 0, .25); } .modal.big { width: 910px; padding: 15px 0 15px 15px; } .modal > .flex { justify-content: space-between; } .modal .img_modal { display: block; width: 40%; } .modal.big .form { width: calc(60% - 15px); padding: 20px 35px 20px 0; } .section_text{ background: var(--bg1); padding: 30px 0 80px; } .section_text .cont{ padding: 0 60px; } .content_flex.marg{ margin-top: 50px; } .content_flex .content.middle{ width: calc(67% - 48px); margin-top: 12px; margin-top: 0; } aside.middle{ width: calc(33% - 20px); margin-top: 0; } .breadcrumbs.bord{ padding-bottom: 30px; border-bottom: 1px solid #DEDEDE; } .head_text{ margin-top: 30px; padding-bottom: 40px; border-bottom: 1px solid #DEDEDE; align-content: flex-end; align-items: flex-end; } .head_text .date{ font-weight: 500; font-size: 15px; margin-bottom: 12px; } .main_title.noT{ text-transform: none; } .price_box .text + .text{ margin-top: 20px; } .price_box .more_all{ margin-top: 23px; max-width: 100%; width: 350px; } .price_box .more_all a{ line-height: 50px; } .section_text .text_block{ --size_h3: 20px; } .section_text .text_block h3{ text-transform: none; } .section_text .text_block * + h3, .section_text .text_block .hideMob h3{ margin-top: 50px; } .section_text .text_block img{ margin-bottom: 50px; } .section_text .text_block * + img{ margin-top: 50px; } aside .menu.marg .item + .item{ margin-top: 30px; } aside .serts{ background: var(--bg4); padding: 35px; margin-top: 50px; } aside .serts .item{ display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: nowrap; } aside .serts .item + .item{ margin-top: 30px; } aside .serts .item .img{ display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; width: 70px; height: 70px; flex-shrink: 0; margin-right: 20px; } aside .serts .item .img img{ display: block; max-width: 100%; max-height: 100%; } aside .serts .item .desc_sert{ min-height: 70px; display: flex; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap; font-size: 14px; } aside .form.dark{ background: #465876; padding: 30px; margin-top: 40px; } .form.dark .title_form{ font-size: var(--font_size3); margin-bottom: 20px; } .form .field.big .icon_input{ height: 50px; } .form .field.big .input{ height: 50px; border-color: transparent; } .form .field.red .input{ border-color: #FF6161; } .form.dark .submit{ margin-top: 20px; } .form .submit_btn.small{ height: 50px; font-weight: 500; } .form.gray{ background: #F7F7F7; padding: 55px 20px 40px; margin-top: 50px; } .form .title_form.big{ font-weight: 700; font-size: 23px; color: #152236; } .form .title_form a{ color: var(--color1); transition: .2s linear; text-decoration: none; border-bottom: 1px solid; } .form .title_form a:hover{ border-bottom-color: transparent; } .form .bot{ justify-content: space-between; flex-wrap: nowrap; margin-top: -20px; } .form .bot .agree{ max-width: 280px; margin-top: 20px; font-size: 14px; font-weight: 400; color: var(--color); } .form .bot .submit{ width: calc(50% - 10px); flex-shrink: 0; margin: 20px 0 0 20px; } .more_articles{ margin-top: 12px; position: relative; padding: 90px 0; } .bg_sector{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-repeat: no-repeat; background-position: 50%; background-size: cover; } .bg_sector:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: .9; background: var(--bg2); } .bg_sector + .cont{ position: relative; } .more_articles .list{ display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; margin-left: -30px; } .more_articles .list li{ display: block; margin: 20px 0 0 30px; width: calc(100%/3 - 30px); font-size: var(--font_size2); } .more_articles .list li a{ color: var(--color2); text-decoration: none; transition: .2s linear; border-bottom: 1px solid; } .more_articles .list li a:hover{ border-bottom-color: transparent; } .section_pad{ margin-top: 12px; padding: 90px 0; background: var(--bg1); } .head_section.in_slider{ padding-right: 120px; } .head_section .sub_title { margin-top: 20px; } .head_section.white .sub_title { color: #fff; } .slider.big_btn{ margin-top: 30px; } .clinic_advantages .slide{ padding: 40px 24px 47px; background: rgba(229, 229, 229, 0.4); } .clinic_advantages .slide .block{ flex-wrap: nowrap; } .clinic_advantages .slide .icon{ width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; flex-shrink: 0; margin-right: 20px; } .clinic_advantages .slide .icon img{ display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; } .clinic_advantages .slide .box{ width: 100%; } .clinic_advantages .slide .name{ padding-top: 5px; min-height: 55px; font-weight: 700; font-size: 20px; } .clinic_advantages .slide .desc{ margin-top: 20px; } .big_btn .owl-nav button{ width: 50px; height: 50px; top: -80px; } .big_btn .owl-nav button.owl-prev{ left: auto; margin-left: 0; right: 50px; } .big_btn .owl-nav button.owl-next{ left: auto; margin-left: 0; right: 0; } .form_sector{ margin-top: 12px; padding: 90px 0; background: var(--bg1); } .main_title a{ color: inherit; text-decoration: none; } .form_sector .form{ margin: 0 auto; max-width: 1090px; } .form_sector .main_title{ text-transform: none; } .form_sector .form .main_title{ margin-bottom: 54px; } .form .line_flex.three{ margin-left: -20px; justify-content: flex-start; } .form .line_flex.three{ margin-bottom: -20px; } .form .line_flex.three .line_form{ width: calc(100%/3 - 20px); margin-left: 20px; } .form .line_box{ margin-bottom: 20px; } .form .line_flex.three .line_box{ width: calc(100%/3 - 20px); margin-left: 20px; } .form .line_box .submit{ margin-top: 0; } .inform{ margin-top: 12px; justify-content: space-between; align-content: stretch; align-items: stretch; } .inform .box_img{ width: 36.8%; } .inform .box_img .img{ padding-bottom: 194.7%; position: relative; min-height: 100%; } .inform .box_img .img img{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .inform .sector{ display: flex; flex-direction: column; width: calc(63.2% - 12px); } .inform .sector .box{ flex: 1 0 auto; background: var(--bg1); padding: 50px 70px 50px 80px; } .inform .sector .box + .box{ margin-top: 12px; } .inform .text_block h3{ text-transform: none; } aside .doctor{ display: flex; justify-content: flex-start; align-items: stretch; align-content: stretch; flex-wrap: nowrap; } aside .doctor .doctor_photo{ width: 23.22%; max-width: 100px; flex-shrink: 0; margin-right: 20px; } aside .doctor .doctor_img{ display: block; position: relative; padding-bottom: 100%; } aside .doctor .doctor_img img{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } aside .doctor .doctor_box{ width: 100%; display: flex; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap; } aside .doctor .doctor_name{ font-weight: 700; font-size: 14px; line-height: 18px; color: #FF6162; } aside .doctor .doctor_name a{ color: #FF6162; text-decoration: none; border-bottom: 1px solid; transition: .2s linear; } aside .doctor .doctor_name a:hover{ border-bottom-color: transparent; } aside .doctor .doctor_desc{ font-size: 14px; margin-top: 10px; color: #A4A9B0; } .messengers{ margin: 20px 0 0 -10px; } .messengers a{ display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; background: #F7F7F7; margin: 10px 0 0 10px; padding: 5px; width: calc(100%/6 - 10px); max-width: 100px; height: 50px; transition: .2s linear; } .messengers a:hover{ background: rgba(21, 34, 54, 0.1); } .messengers a img{ display: block; max-width: 100%; max-height: 100%; } .section_news .search{ margin-top: 30px; } .search_form { margin-top: 30px; } .search_form .input { color: var(--color1); font: 18px var(--font_family); width: 100%; height: 60px; padding: 0 50px 0 28px; border: 2px solid var(--bord_color1); border-radius: 10px; background: var(--bg1); } .search_form .submit_btn { display: flex; width: 50px; height: 60px; margin-left: -50px; cursor: pointer; border: none; border-radius: 0 10px 10px 0; background: none; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap; } .search_form .submit_btn svg { display: block; width: 19px; height: 20px; transition: .2s linear; fill: var(--color1); } .search_form .submit_btn:hover svg { transform: scale(1.5); } .sort{ margin-top: 70px; } .sort .name{ margin-right: 20px; } .sort a{ text-decoration: none; color: currentColor; border-bottom: 1px dashed; transition: .2s linear; } .sort a + a{ margin-left: 20px; } .sort a:hover, .sort a.active{ border-bottom-color: transparent; } .news{ margin: 10px 0 0 -12px; } .news .item{ width: calc(100%/3 - 12px); margin: 30px 0 0 12px; } .news .item .img{ display: block; padding-bottom: 67%; position: relative; margin-bottom: 20px; } .news .item .img img{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .news .item .date{ font-size: var(--font_size1); margin-bottom: 10px; } .news .item .name{ font-size: var(--font_size3); font-weight: 500; } .news .item .name a{ color: currentColor; text-decoration: none; transition: .2s linear; border-bottom: 1px solid transparent; } .news .item .name a:hover{ border-bottom-color: currentColor; } .hidden_photo{ overflow: hidden; } .slider_photo{ padding: 0 26.85%; } .slider_photo .owl-stage-outer{ overflow: visible; } .slider_photo .photo{ padding-bottom: 66.7%; display: block; position: relative; } .slider_photo .photo img{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .reviews{ overflow: hidden; } .reviews .slider .owl-stage-outer{ overflow: visible; } .reviews .review .box{ background: rgba(229, 229, 229, 0.4); padding: 40px 30px; display: flex; flex-direction: column; } .reviews .review .text{ padding-top: 34px; position: relative; flex: 1 0 auto; } .reviews .review .text:before{ content: ''; position: absolute; left: 0; top: 0; width: 65px; height: 4px; background: #FF6161; } .reviews .review .link{ margin-top: 40px; } .reviews .review .link a{ color: currentColor; text-decoration: none; border-bottom: 1px solid; transition: .2s linear; } .reviews .review .link a:hover{ border-bottom-color: transparent; } .reviews .review .name{ font-weight: 700; margin-top: 20px; font-size: 20px; color: #002356; } @media (max-width: 1485px) { header .search { width: 400px; } header .menu .item + .item { margin-left: 8px; } header .menu .item a { padding: 0 8px; } .main_sert .slider .slide .desc_sert { padding-right: 10px; padding-left: 10px; } } @media (max-width: 1365px) { .cont { padding: 0 40px; } .main_sert .slider .slide .desc_sert { font-size: 14px; } .main_advantages .item { padding-left: 40px; } .main_new .block { padding-right: 40px; padding-left: 40px; } .main_new .item .box { padding-left: 28px; } .main_articles .block_l { padding-right: 40px; padding-left: 40px; } .main_articles .block_r { padding-right: 40px; padding-left: 40px; } .doctors .doctor .block { padding-right: 20px; padding-left: 20px; } .section_map .info { left: 40px; } .section_form .form { padding-right: 40px; padding-left: 40px; } .data_info { padding-right: 40px; padding-left: 40px; } .text_bg { padding-right: 40px; padding-left: 40px; } .feedback .item { padding-right: 40px; } .certificates .slider { padding-right: 20px; } .certificates .slider.view_small, .certificates .slider.view_all { padding-right: 0; } .content_flex .content.big { padding-right: 40px; padding-bottom: 70px; padding-left: 40px; } .events { padding: 50px 40px; } .article_page .more a { padding: 0 20px; } .prospects .item { padding: 40px; } .branches .item .block { padding-right: 20px; padding-bottom: 40px; padding-left: 20px; } .construction .info { padding: 40px; } .construction .form { padding-right: 40px; padding-left: 40px; } aside .top .bg { padding-left: 40px; } aside .form { padding-right: 40px; padding-left: 40px; } aside.big .form { padding-right: 40px; padding-left: 40px; } .section_text .cont{ padding: 0 40px; } .inform .sector .box{ padding: 40px 30px; } } .text_block ol ol, .text_block ol ol ol, .text_block ol ol ol ol { padding-left: 25px; padding-top: 20px; } .more_red a:hover { box-shadow: var(--btn_hover1); } .more_red a:hover, .more_red_sm a:hover { box-shadow: var(--btn_hover1); } .more_red a { color: var(--color2); font-size: var(--btn_size); font-weight: 700; line-height: 53px; display: inline-block; padding: 0 20px; transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; text-transform: uppercase; background: var(--btn_bg2); } .more_red_sm a { color: var(--color2); font-size: var(--btn_size); line-height: 30px; display: inline-block; padding: 0 20px; transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; background: var(--btn_bg2); } .more_gray a:hover, .more_gray_sm a:hover { box-shadow: var(--btn_hover1); } .more_gray a { color: var(--color2); font-size: var(--btn_size); font-weight: 700; line-height: 53px; display: inline-block; padding: 0 20px; transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; text-transform: uppercase; background: var(--btn_bg1); } .more_gray_sm a { color: var(--color2); font-size: var(--btn_size); line-height: 30px; display: inline-block; padding: 0 20px; transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; background: var(--btn_bg1); } blockquote { font-weight: 200; margin-top: 38px; padding-left: 45px; border-left: 9px solid var(--bg6); } ul.documents { list-style: none; padding: 2rem 0; } ul.documents a { display: flex; align-items: center; text-decoration: none; padding: 0.5rem 0; color: var(--color1); } .icon-file-pdf { display: inline-block; width: 39px; height: 48px; background-image: url(/upload/pdf_file.svg); background-repeat: no-repeat; background-position: center; margin-right: 17px; } .privacy-policy { position: relative; margin-top: 12px; padding: 43px 0 73px; background: var(--bg1); } .privacy-policy .breadcrumbs { margin-bottom: 30px; } .privacy-policy h2 { margin: 1.5em 0; } .privacy-policy h3, .privacy-policy h4, .privacy-policy h5, .privacy-policy h6 { margin: 1em 0; } .privacy-policy p { margin: 0 0 1em 0; } .privacy-policy ul, .privacy-policy ol { padding: 0 0 0 1em; margin: 0 0 1em 0; } .privacy-policy li { margin: 0 0 0.5em 0; } .privacy-policy .content a { text-decoration: underline; color: #0031A4; } .privacy-policy .content a:hover { text-decoration: none; color: #0031A4; } .privacy-policy table { width: 100%; min-width: auto; border-spacing: 0; border: 0; margin: 0 0 2em 0; } .privacy-policy .table-responsive { overflow: auto; margin-bottom: 2em; } .privacy-policy .table-responsive>table { margin-bottom: 0; } .privacy-policy table td, .privacy-policy table th { background-color: #fdfdfd; padding: 8px 16px; border: 1px solid rgb(0 0 0 / 4%); font-size: 0.9em; } .privacy-policy table thead td, .privacy-policy table thead th { background-color: #F9F7F5; } .privacy-policy table tbody tr:nth-of-type(2n) td, .privacy-policy table tbody tr:nth-of-type(2n) th { background-color: #F9F7F5; } .privacy-policy table.table-small { font-size: 0.8em; } .privacy-policy table.table-small td, .privacy-policy table.table-small th { padding: 4px 10px; min-width: 48px; } .wrapper-figure { width: 50%; float: right; margin: 10px 10px 20px; } .wrapper-figure figcaption { font-size: 15px; } .wrapper-figure p { margin-bottom: 15px; } .sign figcaption { margin: 0 12px 5px; } .wrapper-figure img.sign { margin-bottom: 15px; } .showing_part_time{ opacity:0 !important; visibility: hidden !important; /*transition: opacity 2s ease-out;*/ } .mob-fixed.showing_part_time{ top:0px; } .showing_part_time.show_part_time{ opacity:1 !important; visibility: visible !important; } /* End */ /* Start:/local/templates/medicina/styles.css?175990118114188*/ /*************/ .doctors .doctor .block .name{ height: auto !important; min-width: 37px; } .block_doctors_wrap_info { display: flex; padding: 20px 0; justify-content: space-between; align-items: flex-start; } .block_doctors_flex_item { width: calc(50% - 15px); } .article_page .main_title.block_doctors_main_title{ margin-top: 0; margin-bottom: 20px; } .block_doctors_wrap_img img { box-shadow: 0 0 8px 0 #ababab; } .btn_doctors_flex_item{ width: calc(50% - 10px); } .block_doctors_wrap_btns { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 30px 0; } .main_btn_n { font-size: 12px; font-weight: 700; text-transform: uppercase; text-decoration: none; border: solid 1px #000; background-color: #fff; color: #000; text-align: center; padding: 15px 0; cursor: pointer; transition: .3s; } .main_btn_n:hover{ box-shadow: 0 0 8px 0 #ababab; } .main_btn_red { border: solid 1px #ff6262; background-color: #ff6262; color: #fff; } .main_btn_white{ border: solid 1px #ff6262; background-color: #fff; color: #ff6262; } .content_rew_text { max-width: 900px; padding: 50px; background: #fff; border-radius: 10px; } /*************/ div.menu-sitemap-tree li div.folder a { font-weight: 800; color: #ff6266; transition: .2s linear; cursor: pointer; border: none; text-decoration: none; } div.menu-sitemap-tree li.menu-close div.folder a { font-weight: normal; color: #000000; transition: .2s linear; border: none; text-decoration: none; } div.menu-sitemap-tree li.menu-close div.folder a{ font-weight: normal; color: #000000; transition: .2s linear; text-decoration: none; border: none; } div.menu-sitemap-tree li.menu-close div.folder a:hover { color: #ff6266; transition: .2s linear; border: none; text-decoration: none; } .ar_al_left { margin-left: 30px; } /*************/ .modal_cont.modal_langMob { display: none; } .sort .active { font-weight: 600; } .flex_logo_leed{ display: flex; flex-wrap: wrap; align-items: center; } .logo_leed_img{ padding-right: 30px; } .logo_leed_inf{ font-family: Geometria; font-style: normal; font-weight: bold; font-size: 30px; line-height: 38px; color: #FFFFFF; max-width: 750px; } /****** careers page**********/ .subscribe_link_a{ text-decoration: none; display: inline-block; padding: 15px 48px; } .block_careers_wrap img{ max-height: 450px; width: 100%; height: auto; object-fit: cover; } .block_careers_wrap h2{ margin: 30px auto; } /****************************/ .article_page { margin-top: unset!important; } .article_page .img { position: unset!important;; padding-bottom: unset!important;; } .article_page .img img { position: unset!important;; top: unset!important;; left: unset!important;; height: unset!important;; object-fit: unset!important;; } #header_search_mob-form { display: none; } /************************/ header .menu .item{ position: relative; } .sub_menu_wrap { display: none; position: absolute; /*background-color: rgb(66 88 121);*/ padding: 30px; /* background: #3F4374*/; background: rgb(60 80 111 / 98%); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index: 99; } .sub_menu_item { width: 190px; } .sub_menu_wrap.has_sub { width: 900px; right: -400px; max-height: calc(100vh - 193px); overflow: auto; } .sub_menu_wrap.has_sub::-webkit-scrollbar { width: 10px; /* ширина scrollbar */ } .sub_menu_wrap.has_sub::-webkit-scrollbar-track { background: rgb(60 80 111 / 98%); /* цвет дорожки */ border-radius: 20px; } .sub_menu_wrap.has_sub::-webkit-scrollbar-thumb { background-color: #35445a; /* цвет плашки */ border-radius: 20px; /* закругления плашки */ border: 3px solid rgb(60 80 111 / 98%); /* padding вокруг плашки */ } .sub_menu_wrap.has_sub .sub_menu_item { width: 33%; /*text-transform: uppercase;*/ float: left; padding-top: 15px; } .sub_menu_wrap.has_sub .sub_menu_item .sub_menu_item_sub{ text-transform: initial; } .sub_menu_wrap.has_sub .sub_menu_item .sub_menu_item_sub a{ font-size: 16px; font-weight: 400; } .sub_menu_wrap.has_sub .sub_menu_item .read_all_menu { color: #ff0; font-size: 16px; font-weight: 400; text-transform: initial; text-decoration: underline; } .sub_menu_item_link{ margin-bottom: 15px; } .sub_menu_item_link_sub { opacity: .7; } header .menu .item a:hover, header .menu .item a { border-bottom: solid 2px transparent; border-radius: 0; background: unset; transition: .2s; } header .menu .item a:hover, header .menu .item a.active { border-bottom: solid 2px #fff; } header .menu .item .sub_menu_wrap a{ border-bottom: solid 1px transparent; border-radius: 0; background: unset; transition: .2s; } header .menu .item .sub_menu_wrap a:hover{ /*border-bottom: solid 1px #fff;*/ text-decoration: underline; } header .menu .item a:hover, header .menu .item a.active{ background-color: transparent; } /************************/ .modal.big.modal_iframe{ width: 100%; max-width: 930px; padding: 30px 15px 0 0; } .modal.big.modal_iframe iframe{ padding: 30px 15px 0 0; } header .menu .item:hover .sub_menu_wrap {display: block;} /************************/ @media (max-width: 1023px) { /*header .search { z-index: 1; !*10*! top: 42px; !*100%*! }*/ .sub_menu_wrap.has_sub { width: 100%; right: unset; left: 0; max-height: 300px; overflow: auto; } .sub_menu_wrap.has_sub .sub_menu_item { width: 50%; } table.map-columns ul li { width: 100%; display: block; } table.map-columns ul { padding-top: 15px; } ul.map-level-1,ul.map-level-2 { padding-left: 10px; } #header_search_mob-form { display: flex; top: 42px; z-index: -1; } #header_search-form { display: none; } header .top.mob-fixed { position: fixed; width: 100%; } } .diagnostic-address { position: relative; border: 4px solid #ff6262; margin: 45px 0 0; } .diagnostic-address-content { padding: 30px 35px; } .diagnostic-address-text { position: relative; margin: 0 0 10px; padding-left: 40px; font-weight: 700; } .diagnostic-address-location { position: relative; padding-left: 0; font-weight: 200; } .diagnostic-address-box { display: flex; align-items: center; justify-content: left; } .diagnostic-address-icon { height: 40px; margin-right: 11px; } .diagnostic-address-icon img { width: 39px !important; margin: 0 !important; max-width: fit-content !important; } /*.diagnostic-address-location:before { content: url(/local/templates/medicina/img/ic_marker.svg); position: relative; left: 0; top: 0; width: 39px; display: inline-block; vertical-align: middle; }*/ div#ajax_maps { max-width: 1486px; margin: 0 auto; } footer .block_l { position: relative; max-width: 350px; } footer .map_site { margin-top: 15px; } footer .link { margin-top: 60px; } footer .copy { top: 3px; position: relative; } header .logo img { height: 45px; width: auto; } .table-theranostics-wrap { overflow-x:auto; } table.theranostics { margin-bottom: 23px; width: 100%; border-collapse: collapse; border: 1px solid #ffffff; } table.theranostics thead td { padding: 15px; } table.theranostics td { padding: 10px 15px; font-size: 16px; border-collapse: collapse; border: 1px solid #ffffff; } table.theranostics td sup, table.theranostics td sub { font-size: 10px; } /**********************/ .cookie_agree_wrap { position: fixed; bottom: 0; left: 0; right: 0; background: rgba(60,80,111, 0.8); z-index: 999; } .cookie_agree_flex_wrap { display: flex; justify-content: space-between; padding: 20px 0; align-items: center; } .cookie_agree_text, .cookie_agree_text a { color: #fff; } .cookie_agree_btn { color: var(--color2); font-size: var(--btn_size); font-weight: 700; line-height: 53px; display: inline-block; min-width: 228px; padding: 0 20px; transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; text-transform: uppercase; background: var(--btn_bg2); border: none; cursor: pointer; } /**********************/ .doctors_list { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 0; padding: 0; list-style-type: none; } .doctors_items { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; background: rgba(229, 229, 229, 0.4); border-radius: 15px; position: relative; padding: 30px; } .doctor__block_wraps.white { background-color: #fff; padding: 20px 0; } .doctors_items_img_wrap_link { display: block; width: 200px; height: 200px; } .doctors_items_img_wrap{ width: 200px; height: 240px; } .doctors_items_img_wrap img { width: 100%; height: 100%; border-radius: 50%; object-fit: contain; } .doctors_items_block_info { display: flex; flex-direction: column; height: 100%; } .doctors_doljnost { flex: 1 0 auto; } .doctors_name_wrap a { color: #425879; transition: .2s linear; text-decoration: none; font-size: 22px; padding-bottom: 20px; display: block; } .doctors_link_btn { padding: 10px 20px; background: #425879; color: #fff; text-decoration: none; font-size: 16px; transition: 0.5s; } .doctors_link_btn:hover{ background-color: #ff6262; } .main_doctors_wrap.doctors { margin-top: 12px; } .btn_show_more_wrap { padding: 40px 0; margin: auto; display: flex; justify-content: center; } .checkox_none_hidden_label { display: grid; grid-template-columns: 15px 1fr; gap: 10px; } .checkox_none_hidden { width: 15px; height: 15px; border: solid 1px; -webkit-appearance: checkbox; appearance: auto; } label#CHEK-error { position: absolute; background-color: #fff; color: #f00; left: -70px; width: 170px; top: 15px; padding: 10px; } .checkox_none_hidden.error{ border-color : #f00; } /****************************/ .doctor_filters_wrap { padding: 40px 0; } .doctor_filters_select_wrap { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; } .section_doctors_list_input { position: relative; z-index: 111; } .section_doctors_list { display: none; position: absolute; padding: 0; margin: 0; list-style-type: none; background-color: #fff; top: 61px; max-height: 250px; overflow: auto; left: 5px; right: 5px; box-shadow: 0 0 3px 0 #8b8b8b; } .section_doctors_items { padding: 10px; line-height: 22px; } .section_doctors_list_input { color: #1E1B1B; font-size: 18px; line-height: 58px; position: relative; display: block; padding: 0 60px 0 24px; cursor: pointer; transition: .2s linear; white-space: nowrap; text-overflow: ellipsis; border: 1px solid #425879; background: #fff; border-radius: 10px; z-index: 10; } .section_doctors_input { color: #1E1B1B; font-size: 18px; line-height: 58px; position: relative; display: block; padding: 0 60px 0 24px; cursor: pointer; transition: .2s linear; white-space: nowrap; text-overflow: ellipsis; border: 1px solid #425879; background: #fff; border-radius: 10px; width: 100%; } .section_doctors_items:hover { background-color: #425879; color: #fff; } .link_btn_wrap { display: flex; margin-top: 20px; } .section_doctors_icon { position: absolute; right: 15px; top: 8px; width: 24px; height: 40px; transition: 0.3s; } .active .section_doctors_icon{ transform: rotate(180deg); } .load_more_second{ padding: 10px 20px; background: #425879; color: #fff; text-decoration: none; font-size: 16px; transition: 0.5s; cursor: pointer; } .load_more_second:hover{ background-color: #ff6262; } .staj-text { color: #425879; display: inline-block; height: 35px; } @media(max-width:960px){ .doctors_list { display: grid; grid-template-columns: 1fr; } .doctor_filters_select_wrap { grid-template-columns: 1fr 1fr; } } @media(max-width:520px){ .doctors_items { display: grid; grid-template-columns: 1fr; } .doctor_filters_select_wrap { grid-template-columns: 1fr; } } @media (max-width: 767px) { .subscribe_link.subscribe_link_a{ padding: 17px 33px; } } @media (min-width: 1023px) { .doctors .doctor .box { margin-top: 12px; min-height: 302px; } } @media (max-width: 768px) { .logo_leed_inf { font-size: 25px; line-height: 32px; width: 70%; } .sub_menu_wrap { display: none; position: relative; padding: 5px; } .section_flex_menu_wrap { display: flex; flex-wrap: wrap; } .wrap .menu_section_wrap { width: 100%; } .wrap .main_doctors.doctors { width: 100%; } } @media (max-width: 600px) { .logo_leed_inf { font-size: 20px; line-height: 22px; width: 100%; } .sub_menu_wrap.has_sub .sub_menu_item { width: 100%; } } @media (max-width: 425px) { .modal.big.modal_iframe iframe{ padding: 0 10px; } } .article-note { font-size: 0.8rem; font-style: italic; } footer .list ul li + li { margin-top: 10px; } footer .list ul { margin-top: 15px; } /* End */ /* Start:/local/templates/medicina/template_styles.css?17437727703533*/ .cont_full { max-width: 1486px; margin-left: auto; margin-right: auto; } .container { max-width: 1326px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } .mb-0 { margin-bottom: 0px; } .mb-1 { margin-bottom: 1.3rem; } .bold { font-weight: bold; } .text-center { text-align: center; } .page-content .cont .head_section, .contacts .cont .head_section { margin-bottom: 1.3rem; } .page-content .cont .text > p, .page-content .cont .text > ul li, .contacts .cont .text > p, .contacts .cont .text > ul li { margin-bottom: 1.3rem; line-height: 1.5; } .page-content .cont .text > p:last-child, .contacts .cont .text > p:last-child{ margin-bottom: 0; } .page-content .cont .text > ul, .contacts .cont .text > ul { padding-left: 50px; } /************/ .doc_rew_wrap { padding: 30px 0; } .doc_rew_items { padding: 25px; background: #f5f5f5; margin: 10px 0; } .doc_rew_items_inf_icon_otvet svg { width: 50px; } .doc_rew_items_info_otvet { display: flex; margin: 10px 20px 10px 60px; } .doc_rew_items_otvet_text { margin: 10px 20px; background: #fff; width: 100%; padding: 25px; border-radius: 20px; } .doc_rew_items_inf_icon svg.icon_doc_rew { fill: #3e567c; width: 50px; height: auto; } .doc_rew_items_info { display: flex; align-items: center; } .doc_rew_items_inf_icon { padding-right: 20px; } .doc_rew_items_text { padding: 20px 40px; margin: 20px 40px; background: #fff; border-radius: 20px; } .doc_rew_items_name_date { padding-left: 20px; border-bottom: solid 4px #ff6262; padding-bottom: 10px; } .doc_rew_items_name { font-size: 20px; font-weight: 700; line-height: 30px; } .doc_rew_items_date { font-size: 16px; color: #3b4f6e; } /**************/ div.menu-sitemap-tree a.folder { color: #152236; text-decoration: none; transition: .2s linear; } div.menu-sitemap-tree a.folder:hover { color: #ff6266; } div.menu-sitemap-tree a.folder.active{ font-weight: 800; color: #ff6266; } div.menu-sitemap-tree li div.folder a { font-weight: 800; color: #ff6266; transition: .2s linear; cursor: pointer; border: none; text-decoration: none; } div.menu-sitemap-tree li.menu_active_doc>a{ font-weight: 800; color: #ff6266; text-decoration: none; } div.menu-sitemap-tree .menu_active_doc li a { color: #b3b3b3; transition: .2s linear; text-decoration: none; } div.menu-sitemap-tree .menu_active_doc li a:hover { color: #ff6266; } div.menu-sitemap-tree .menu_active_doc li a.active { color: #ff6266; } .menu_section_wrap { width: 30%; margin-top: 12px; margin-right: 12px; background-color: #fff; padding: 52px 17px 65px 95px; } .section_flex_menu_wrap { display: flex; } .main_doctors.doctors { width: 70%; } .main_doctors.doctors.doctors_for_about_page { width: 100%; } .css_lk_medicine_widget .fancybox-content{ min-width:320px; max-width:850px; /*min-height:1340px; max-height:3054px;*/ } @media (max-width: 767px) { .css_lk_medicine_widget .fancybox-content { /*min-height: 1280px; max-height: 2048px; */ } .css_lk_medicine_widget.fancybox-slide{ padding-left:0px; padding-right:0px; } } #CalltouchWidgetFrame{ z-index: 89994 !important; } .getreview-widget>*>[class^="GetReviewWidget__"]{ z-index: 79994 !important; } /* End */ /* /local/templates/.default/fonts/Montserrat/stylesheet.css?16976508996711 */ /* /local/components/bitrix2/search.title2/templates/header_search/style.css?16976509002109 */ /* /local/components/bitrix2/search.title2/templates/header_search_mob/style.css?16976509002108 */ /* /local/templates/.default/components/bitrix/menu/main_menu/style.css?1697650900581 */ /* /local/templates/medicina/components/bitrix/news.list/maps_n/style.css?17035980482108 */ /* /bitrix/components/ctweb/socnet/fonts/css/fontello.css?16976508852328 */ /* /local/templates/medicina/components/ctweb/socnet/social_link_white/style.css?1697650900942 */ /* /local/templates/medicina/components/bitrix/menu/bottom/style.css?1697650900581 */ /* /local/templates/.default/css/animate_min.css?169765090060240 */ /* /local/templates/.default/css/owl.carousel_min.css?16976509004951 */ /* /local/templates/.default/css/fancybox_min.css?169765090012963 */ /* /local/templates/.default/css/custom.css?17291638103616 */ /* /local/templates/.default/css/styles.css?1743753689107769 */ /* /local/templates/medicina/styles.css?175990118114188 */ /* /local/templates/medicina/template_styles.css?17437727703533 */