@-ms-viewport {width: device-width; }

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap');

/* Reset */
html, body, main, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, sub, sup, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tr, th, td, article, aside, canvas, figure, figcaption, footer, header, hgroup, menu, nav, output, section, audio, video, form, label, input, textarea { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; -webkit-font-smoothing:subpixel-antialiased; text-rendering: optimizeLegibility; -webkit-overflow-scrolling: touch; font-weight:100; font-size: 100%; line-height:1.525; font-weight:400;vertical-align: baseline; font-family: "Roboto", "Open Sans", "Ubuntu", "Segoe UI", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif; } 

*, *:after, *::before {box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
*:focus {outline: none; }

header, section, article, footer, aside, figure, figcaption, hgroup, nav, output {display: block; position:relative; } 
ol, ul { list-style: none; } 
img {max-width: 100%; height: auto; -ms-interpolation-mode: nearest-neighbor; }
button {border:none; }
a {text-decoration: none; outline:none; } 

hr { height: 25px; border: 0; box-shadow: 0 15px 15px -10px #ddd inset;}
.none {display:none; }


/* HTML, BODY, SECTION ========================================================================================= */

html {width:100%; height:100%; background:#fff; }
body {width:100%; height:100%; vertical-align:top; padding:0; margin:0; }

.wrapper, p, ul, h1, h2, h3 {max-width:1000px; margin:0 auto; position:relative;}

#main {width:100%; min-height:calc(100vh - 300px); display: flex;}
aside {width:320px; background:#ddddd5; flex: none; padding: 10px 20px 20px;  }
section {padding: 50px; margin-right: auto; }


/* HEADER ========================================================================================= */

header {width:100%; height:180px; background:#123 url(/css/header.png) top right no-repeat; z-index:100;}

.logo {width:580px; display:block; position:absolute; top:40px; left:30px; z-index:100; } 

header a[href*="tel"] {font-size:180%; line-height:130%; color:#000; background:#fd0; text-align:right; display:block; padding: 0 10px; position:absolute; top:70px; right:0;}
header a[href*="tel"] span {font-size:60%!Important; color:#123;}
header a:hover {color:#f00;}

/* МЕНЮ в HEADER ========================================================================================= */
nav { height:30px; z-index:110; position:absolute; top:140px; left: 20px; }
nav a { color:#fff; font-size:90%; line-height:15px; display: inline-block; text-align:left; padding:5px 10px; margin: 0 2px 0 0; text-transform:uppercase; 
border:2px solid #123; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; }
nav .selected { color:#fd0; pointer-events: none;}
nav a:hover { color:#fff; border:2px solid #fd0; }


/* МЕНЮ ASIDE ========================================================================================= */
#open_nav, .aside_open { display: none;}

aside h6 {font-size:100%; line-height:20px; color:#039ea5; text-align:left; text-transform:uppercase; margin:25px 0 10px -20px;}
aside h6::before {content: ''; width: 15px; height: 12px; display: inline-block; background: #039ea5; margin:0 5px 0 0;}

aside a {width:100%; color:#000; font-size:100%; line-height:1; display: block; padding:0; margin:0 0 7px;-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s;}
aside a:hover {color:#0cc;}
aside .selected {color:#f00;pointer-events: none;}


/* FOOTER ========================================================================================= */
footer {width:100%; height:150px; background:#121 url(/css/footer-logo.png) center 110px no-repeat;}

footer address {width:80%; height:150px; font-size:70%; line-height:1.4; color:#ddd; text-align:center; white-space:pre-line; margin:0 auto; display:block;}
footer address a {font-size:100%; line-height:1.2; color:#ddd;}

a[href*="doolesov"] {font-size:60%; color:#ddd; position:absolute; right:20px; bottom:10px; display:block; }
a[href*="yy"] {width:20px; height:18px; display:block; position:absolute; bottom:14px; left:0;}
.li {position:absolute; bottom:10px; left:20px;}

#toTop {width: 32px; height: 32px; background:url(/css/toTop.png) 0 0 no-repeat; position: fixed; right:20px; bottom:40px; cursor: pointer; z-index:9999; filter: grayscale(0%); -webkit-filter: grayscale(0%); }
#toTop:hover {filter: grayscale(100); -webkit-filter: grayscale(100);}


/* ТЕКСT ========================================================================================= */
h1, h2, h3, h4 {text-transform:uppercase;}

h1 {font-size:260%; line-height:1.2; color:#039ea5; text-align:left; white-space:pre-line; margin:0 0 20px;}
h2 { font-size:160%; line-height:1.2; color:#123; text-align:left; white-space:pre-line; padding:5px 10px; margin:30px 0 15px; clear:both; 
border-left: 20px solid #039ea5; border-top:1px solid #039ea5; border-bottom:1px solid #039ea5; }
h3 { font-size:120%; line-height:1.2; color:#039ea5; text-align:left; white-space:pre-line; margin:20px 0 10px; clear:both; }

p {font-size: 100%; color:#222; text-align:justify; margin:10px 0 5px; white-space:pre-line; overflow:hidden; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.left {font-size: 70%; line-height:1.2; color:#039ea5; text-align:left; margin:5px 0; }

em {font-size: inherit; font-style:italic; white-space:pre-line; }
strong {font-size: inherit; font-weight:700; color:#039ea5; white-space:pre-line; }
small {color:#039ea5; white-space:pre-line; }


ul {padding: 5px 0;}
ul li {font-size: 105%; line-height:1.5; text-align:justify; color:#123; position: relative;padding: 0 0 2px 25px; white-space:pre-line;}
ul li:before {position: absolute; width: 10px;height: 10px; border-radius: 50%; background: #234; content: ""; left: 0; transition: .3s ease-in-out; top: 7px;}
ul li:hover {color:#039ea5;}
ul li:hover:before{background: #039ea5;}

/* ТАБЛИЦА ========================================================================================= */

table {width: 100%; max-width:1000px; border-collapse:separate; border-spacing: 1px;  margin: 15px 0; table-layout: fixed; background:#09a; }
table  tr:hover td {background:#ebeaef;}

table th {font-size: 80%; line-height:1.2; color: #fff; text-transform:uppercase; padding: 10px 8px; text-align:center; vertical-align: middle; background:#088;}
.th_title {font-size: 100%; line-height:1.2; color: #fff; background:#222; text-align:center!Important;}

table td {font-size: 90%; line-height:1.2; text-align:center; word-wrap: break-word; vertical-align: middle; color: #222; padding: 4px 6px;background:#fff;}
table td:first-child {text-align:left;}

.tbl {table-layout: auto;}
.tbl th:first-child {text-align:left;}

.table td:first-child {text-align:center;}

/* КОНТАКТЫ ========================================================================================= */

div[itemtype*="Organization"] {width:100%; font-size:100%; white-space:pre-line; display:block;}
div[itemprop="address"] {white-space:pre-line; display:inline-block; }
span[itemprop="name"] {font-size:100%; font-weight:900; color:#09a; line-height:1.2; text-align:left;}

span[itemprop="addressCountry"], span[itemprop="addressRegion"], span[itemprop="postalCode"], span[itemprop="addressLocality"], span[itemprop="streetAddress"], span[itemprop="telephone"], span[itemprop="email"] {font-size:100%; line-height:1.4; color:#666; text-align:left; white-space:pre-line;}



#connect {width:100%; position:relative; z-index:100; position:relative; margin:50px 0;}

#connect label {width:100%; height:30px; font-size:90%; line-height:30px; color:#088; display:block; margin:0 0 10px 0; position:relative; }
#connect label input {width:70%; height:100%; font-size:120%; line-height:30px; color: #234; padding:0 5px; outline:none; position:absolute; top:0; left:30%; z-index:100; border-bottom:1px solid #123;}
#connect label input:invalid {color: #000; border-bottom:1px solid #088;}

#connect textarea {width:100%; height:180px; font-size:100%; line-height:1.2em; color: #222; padding:2%; margin:0 0 10px 0; -moz-appearance: none; resize:none; overflow: auto; border:1px solid #088; background: #fff;}

#connect input[type="submit"] {font-size:110%; vertical-align: middle; cursor: pointer; padding:8px 20px; margin:0 0 10px; text-align:center; display:block; background: #fd0; color: #000; text-transform:uppercase; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; }
#connect input[type="submit"]:hover, #connect input[type="submit"]:focus { background: #223; color:#fd0; }

#connect input[type="checkbox"] {width:20px; height:20px; display:inline-block; }

#connect .close {height:20px; font-size:90%; line-height:20px; color: #039ea5; display:block; position:relative}
#connect .close:hover { color:#f00;cursor:pointer;}
#connect .close::before {content: 'Я соглашаюсь на обработку моих персональных данных.'; display: inline-block; position:absolute; top:-25px; left: 30px;}

#connect .close+div {max-width:10px; font-size: 90%; line-height:1.1; color:#666; text-align:justify; display:none; padding:9px 14px; border:1px solid #039ea5;}

#connect .open+div {max-width:700px!Important; display:block; margin:0 0 10px;}
#connect .open::before {content: 'Закрыть текст пользовательского соглашения.'; display: inline-block; margin:0 20px 0 0;}


.Plan {width:100%; height:400px; display:block; border:1px solid #666;}

/* FANCYBOX ========================================================================================= */

.fancybox-slide--video .fancybox-content {width: 853px; height: 480px; max-width: 80vw; max-height: 80vh; margin: 0; }

.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible; height:100%}.fancybox-container{position:fixed; top:0; left:0; width:100%; height:100%; z-index:99993; -webkit-backface-visibility:hidden; backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute; top:0; right:0; bottom:0; left:0; background:#0f0f11; opacity:0; transition-timing-function:cubic-bezier(.55,.06,.68,.19); -webkit-backface-visibility:hidden; backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87; transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute; top:0; left:0; right:0; text-align:center; opacity:0; z-index:99994; transition:opacity .2s; pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block; pointer-events:all}.fancybox-infobar__body{display:inline-block; width:70px; line-height:44px; font-size:13px; font-family:Helvetica Neue,Helvetica,Arial,sans-serif; text-align:center; color:#ddd; background-color:rgba(30,30,30,.7); pointer-events:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color:transparent; -webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute; top:0; right:0; display:none; pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden; direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute; top:0; left:0; bottom:0; right:0; padding:0; margin:0; z-index:99993; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; overflow:auto; outline:none; white-space:normal; box-sizing:border-box; text-align:center; z-index:99994; -webkit-overflow-scrolling:touch}.fancybox-slide:before{content:""; height:100%; width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block; vertical-align:middle}

.fancybox-slide>*{position:relative; padding:24px; margin:44px auto; border-width:0; text-align:left; background-color:#fff; overflow:auto; box-sizing:border-box; width:90%; max-width:900px; }

.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block; position:relative; margin:44px auto; padding:0; border:0; width:80%; height:calc(100% - 88px); vertical-align:middle; line-height:normal; text-align:left; white-space:normal; outline:none; font-size:16px; font-family:Arial,sans-serif; box-sizing:border-box; -webkit-tap-highlight-color:transparent; -webkit-overflow-scrolling:touch}.fancybox-iframe{display:block; margin:0; padding:0; border:0; width:100%; height:100%; background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995; background:transparent; cursor:default; overflow:visible; -webkit-transform-origin:top left; transform-origin:top left; background-size:100% 100%; background-repeat:no-repeat; -webkit-backface-visibility:hidden; backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute; top:0; left:0; margin:0; padding:0; border:0}.fancybox-image,.fancybox-spaceball{width:100%; height:100%; max-width:none; max-height:none; background:transparent; background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute; top:-9999px; left:-9999px; visibility:hidden}.fancybox-error{position:absolute; margin:0; padding:40px; top:50%; left:50%; width:380px; max-width:100%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background:#fff; cursor:default}.fancybox-error p{margin:0; padding:0; color:#444; font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}

.fancybox-close-small{position:absolute; top:0; right:0; width:44px; height:44px; padding:0; margin:0; border:0; border-radius:0; outline:none; background:transparent; z-index:10; cursor:pointer}
.fancybox-close-small:after {content:"\2715"; position:absolute; top:10px; right:10px; width:30px; height:30px; font:130%/30px Arial, "Helvetica Neue", Helvetica,sans-serif; color:#fd0; font-weight:300; text-align:center; border-radius:20%; border-width:0; border:none; background:#234; transition:background .2s; box-sizing:border-box; z-index:2; 
outline: none; }

.fancybox-slide--video .fancybox-close-small {top:-36px; right:-36px; background:transparent}
.fancybox-close-small:hover:after{color:#fff; background:#f63;}

.fancybox-caption-wrap{position:absolute; bottom:0; left:0; right:0; padding:60px 30px 0; z-index:99998; -webkit-backface-visibility:hidden; backface-visibility:hidden; box-sizing:border-box; background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8)); opacity:0; transition:opacity .2s; pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0; border-top:1px solid hsla(0,0%,100%,.4); font-size:14px; font-family:Helvetica Neue,Helvetica,Arial,sans-serif; color:#fff; line-height:20px; -webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff; text-decoration:underline}.fancybox-button{display:inline-block; position:relative; width:44px; height:44px; line-height:44px; margin:0; padding:0; border:0; border-radius:0; cursor:pointer; background:transparent; color:#fff; box-sizing:border-box; vertical-align:top; outline:none}.fancybox-button--disabled{cursor:default; pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:""; pointer-events:none; position:absolute; border-color:#fff; background-color:currentColor; color:currentColor; opacity:.9; box-sizing:border-box; display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px; -webkit-transform:rotate(-135deg); transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px; width:6px; height:6px; background:transparent; border-top:2px solid currentColor; border-right:2px solid currentColor}.fancybox-button--right:after{right:20px; -webkit-transform:rotate(45deg); transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:""; display:inline-block; position:absolute; height:2px; width:16px; top:calc(50% - 1px); left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg); transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg); transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4); border-top:6px solid hsla(0,0%,100%,.6); border-radius:100%; height:50px; width:50px; -webkit-animation:a .8s infinite linear; animation:a .8s infinite linear; background:transparent; position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-25px; z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg); transform:rotate(0deg)}to{-webkit-transform:rotate(359deg); transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg); transform:rotate(0deg)}to{-webkit-transform:rotate(359deg); transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0; margin:0}}.fancybox-button--fullscreen:before{width:15px; height:11px; left:15px; top:16px; border:2px solid; background:none}.fancybox-button--play:before{top:16px; left:18px; width:0; height:0; border-top:6px inset transparent; border-bottom:6px inset transparent; border-left:10px solid; border-radius:1px; background:transparent}.fancybox-button--pause:before{top:16px; left:18px; width:7px; height:11px; border-style:solid; border-width:0 2px; background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px; left:21px; width:3px; height:3px; box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute; top:0; right:0; bottom:0; left:auto; width:220px; margin:0; padding:5px 5px 0 0; background:#fff; z-index:99993; word-break:normal; -webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:transparent; box-sizing:border-box}.fancybox-thumbs>ul{list-style:none; position:absolute; position:relative; width:100%; height:100%; margin:0; padding:0; overflow-x:hidden; overflow-y:auto; font-size:0}.fancybox-thumbs>ul>li{float:left; overflow:hidden; max-width:50%; padding:0; margin:0; width:105px; height:75px; position:relative; cursor:pointer; outline:none; border:5px solid #fff; border-top-width:0; border-right-width:0; -webkit-tap-highlight-color:transparent; -webkit-backface-visibility:hidden; backface-visibility:hidden; box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute; top:0; left:0; min-width:100%; min-height:100%; max-width:none; max-height:none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }.fancybox-thumbs>ul>li:before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:2px; border:4px solid #4ea7f9; z-index:99991; opacity:0; transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}}

/* ПРОКРУТКА ========================================================================================= */

::-webkit-scrollbar { width: 0px;}
 ::-webkit-scrollbar-thumb {background: #222; }
::-webkit-scrollbar-thumb:window-inactive {	background: rgba(255,0,0,0.7); }