/* Start:/local/templates/compasplus/css/style.css?178652347740060*/
@charset "utf-8";


.xcover{position: absolute; left: 0; top: 0; width: 100%; height: 10000px; background: url("/local/templates/compasplus/css/../img/tmp/pix.jpg")center top no-repeat; z-index: 999; opacity: 0.6}


@font-face {
	font-family: 'ttbackward';
	src: url('/local/templates/compasplus/css/fonts/ttbackwardssansbold.woff2') format('woff2'),
	url('/local/templates/compasplus/css/fonts/ttbackwardssansbold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'ttbackward';
	src: url('/local/templates/compasplus/css/fonts/ttbackwardssansregular.woff2') format('woff2'),
	url('/local/templates/compasplus/css/fonts/ttbackwardssansregular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Lora-Variable';
	src: url('/local/templates/compasplus/css/fonts/Lora-Italic-VariableFont_wght.woff2') format('woff2'),
	url('/local/templates/compasplus/css/fonts/Lora-Italic-VariableFont_wght.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Lora-Variable';
	src: url('/local/templates/compasplus/css/fonts/Lora-VariableFont_wght.woff2') format('woff2'),
	url('/local/templates/compasplus/css/fonts/Lora-VariableFont_wght.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('/local/templates/compasplus/css/fonts/Montserrat-Regular.ttf'),
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Montserrat';
	src: url('/local/templates/compasplus/css/fonts/Montserrat-Bold.ttf'),
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Montserrat-Medium';
	src: url('/local/templates/compasplus/css/fonts/Montserrat-Medium.ttf'),
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'tupo-vyaz';
	src: url('/local/templates/compasplus/css/fonts/tupo-vyaz_bold.ttf'),
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'tupo-vyaz';
	src: url('/local/templates/compasplus/css/fonts/tupo-vyaz_regular.ttf'),
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'OpenSans_SemiCondensed-Bold';
	src: url('/local/templates/compasplus/css/fonts/OpenSans_SemiCondensed-Bold.ttf'),
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}



*::before,
*::after{ display:block; content:""; position:absolute;}


#fancybox-wrap{ box-sizing:content-box}
#fancybox-wrap *{box-sizing:content-box}
*{ margin: 0; padding: 0; outline:none; float:none; box-sizing:border-box; ;}
.fa-navicon::before, .fa-reorder::before, .fa-bars::before, .fa::before{position:relative; display:block}
select, a, input, button{outline:none; font-family:'Montserrat'; color:#000; font-size: 1em; transition: 0.1s}
select,textarea,input{  font-weight:normal; color:#000; font-size: 1em; font-family:'Montserrat'; resize: none}
select { -moz-appearance: none;-webkit-appearance: none;appearance: none;}
svg{ transition: 0.1s;}


::-ms-expand{display: none;}
.noSelect{-moz-user-select: none;-o-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
table{width: auto; border-collapse: collapse}
img{border:0; display: block}
li{list-style:none}
a{transition:0.1s; position:relative; text-decoration:none; cursor: pointer}
a:hover{text-decoration:none}
button{cursor:pointer;transition:0.1s;}
.clear {clear: both;height:0px; float:none}
b, strong{font-weight:600}
h1, h2, h3{font-weight: 600; line-height: 1; margin-bottom: 1em; color:#2E2E2E; font-size: 1em  }



html {min-height: 100%;display: -webkit-flex;display: flex;flex-direction: column;font-size:18px;color:#121212; background: #f0f1f0;font-family:'Montserrat'; line-height: 1.375}
body {margin: 0;padding: 0;display: -webkit-flex;display: flex;flex-direction: column;flex: auto;}
header {width: 100%;z-index:10;position:relative;}
main {width: 100%;margin: auto;flex-grow: 1;box-sizing: border-box; position: relative; z-index: 1}
footer {width: 100%;margin: auto;box-sizing: border-box;}
.flex{display: -webkit-flex;display: flex;flex-direction:row;flex: auto;justify-content:flex-start;align-items:flex-start; align-items: start;}
.fw {flex-wrap: wrap;}
.faic {align-items: center;}
.fsb {justify-content: space-between;}
.fjcc {justify-content: center;}
.gap30 {gap: 30px;}
.d-33 {width: 33%;}
.gap30 .d-33 {width: calc(33% - 30px);}
.img70 img {max-width: 50% !important; margin: 0 auto; display: block !important; margin-bottom: 10px;}
.margb30 {margin-bottom: 25px;}
.d-25 {width: 25%;}
.gap30 .d-25 {width: calc(25% - 30px);}


.ddoc {padding-left: 60px; align-items: center; display: inline-flex; background: url(/local/templates/compasplus/css/../img/ddoc.png) 0 50% no-repeat;  min-height: 90px; background-size: 60px auto;}
.ddoc:before {}
.ddoc.ddoc2 {background: url(/local/templates/compasplus/css/../img/ddoc2.png) 0 50% no-repeat; background-size: 60px auto; min-height: 65px;}
.ddoc.ddoc3 {background: url(/local/templates/compasplus/css/../img/ddoc3.png) 0 50% no-repeat; background-size: 60px auto;  min-height: 65px;}


:focus::-webkit-input-placeholder {color: transparent !important}
:focus::-moz-placeholder          {color: transparent !important}
:focus:-moz-placeholder           {color: transparent !important}
:focus:-ms-input-placeholder      {color: transparent !important}

input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;}
input:-moz-placeholder      {text-overflow:ellipsis;}
input:-ms-input-placeholder {text-overflow:ellipsis;}

.bcrumbs li{color:#121212; display:inline-block; margin-right:5px; line-height:1;  }
.bcrumbs li a{ color:#121212; }
.bcrumbs li a:hover{ text-decoration: underline}

body{position: relative}
main{padding-left: 400px;}

header{ background: #fff; position: fixed; left: 0; top: 0; width: 400px; height: 100%; z-index: 999; }
header .wrp{position: relative; background: #fff; z-index: 1; width: 100%; height: 100%}
header::after{width: 70px; height: 120%; right: -20px; top: -10%;  background: #fff; border-radius: 0 100% 100% 0; z-index: 0}
header .wrp{ padding: 30px 15px; position: relative}
header .hmenu{display: none}
header  .menubtn{ background: none; border: none}
header  .menubtn svg{ stroke:#000; width: 36px;}
header  .menubtn span{display: block; width: 36px; height: 4px; background: #000; border-radius: 2px; margin-bottom: 5px; transition: 0.1s}
header  .menubtn span:last-child{margin: 0}

.menuover{ left: 0; top:0; position: fixed; width: 100%; height: 100%; background: rgba(68, 61, 56, 0.5); z-index: -1; opacity: 0; transition: 0.3s }
header .wrp .scb{ width: 100%; height: 100%; position: relative; overflow-y: auto; padding:15px 20px;scrollbar-width: thin;scrollbar-color: #74afd8 #eee;}
header .wrp .scb::-webkit-scrollbar {height: 5px;width: 5px;}
header .wrp .scb::-webkit-scrollbar-track {background: #eee;}
header .wrp .scb::-webkit-scrollbar-thumb {background-color: #74afd8;}
header .logo a{display: flex; align-items:flex-start; font-family: 'OpenSans_SemiCondensed-Bold'; font-size:1.16em ;line-height: 1.1}
header .logo a span{display: block; margin-left: 17px; padding-top: 10px;}


header .menu{ padding-top: 1.5em}
header .menu nav{ border-bottom: 2px solid #e6f1fa; padding-bottom: 2em; margin-bottom: 2em}
header .menu nav > ul{}
header .menu nav > ul > li > a{ font-size: 16px; text-transform: uppercase; font-weight: bold; display: block; padding: 0.7em 20px 0.7em 0; position: relative; font-family: 'Montserrat';}
header .menu nav > ul > li.p > a::after{width: 14px; height: 14px; background: url("/local/templates/compasplus/css/../img/mar.png") center center no-repeat; right: 6px; top: 50%; transform: translateY(-50%); transition: 0.3s}
header .menu nav > ul > li > div > ul > li.active > a,
header .menu nav > ul > li.active > a,
header .menu nav > ul > li > ul > li > a:hover,
header .menu nav > ul > li:hover > a{ color: #006db8}
header .menu nav > ul > li > div{overflow: hidden; max-height: 0; transition: 0.4s}
header .menu nav > ul > li > div > ul{ display: block; margin-left: 0.5em; padding-left: 1em; border-left: 2px solid #e6f1fa;}
header .menu nav > ul > li > div > ul{ transition: 0.4s;	transform: translateY(-100%);}
header .menu nav > ul > li.active > div{max-height: 100% !important;}
header .menu nav > ul > li.active > div > ul{transform: translateY(0) !important;}

/*
header .menu nav > ul > li:hover > div{ max-height: 800px  }
header .menu nav > ul > li:hover > div > ul,
*/
header .menu nav > ul > li.show > div > ul{transform: translateY(0);}

header .menu nav > ul > li > div > ul > li{}
header .menu nav > ul > li > div > ul > li > a{ font-size: 15px	; display: block; padding: 0.4em 0; font-family: 'Montserrat-Medium';}
header .menu nav > ul > li.active > div > ul{ display:block}

/*header .menu nav > ul > li.p.active > a::after{transform: translateY(-50%) rotate(90deg)}*/

header .menu nav > ul > li > div button{display: none}


header .info{ padding-bottom: 2em}
header .info .phone{}
header .info .phone p{font-size: 1.16em}
header .info .phone a{ color: #007cc3; font-size: 1.16em}
header .info .mail{ margin-top: 0 !important;}
header .info .mail a{color: #007cc3; font-size: 1.27em}

.phone .anmcont{padding: 0; background: none; color: #000; font-size: 16px;}
.phone .anmcont p{margin-bottom: 0 !important;}
.phone .anmcont p.email {background-image: url(/local/templates/compasplus/css/../img/ico/cmailb.webp);}
.phone .anmcont p.phone {background-image: url(/local/templates/compasplus/css/../img/ico/cphoneb.webp);}
.phone .anmcont a:hover {text-decoration: underline;}
.phone .soclink {margin: 20px 0;}
.phone .soclink a {width: 50px;  height: 50px;}
.phone .soclink .tg svg {width: 27px;  height: 22px;}
.phone .soclink .vk svg {width: 33px;  height: 20px;}

.soclink{ display: flex; justify-content: flex-start; margin-bottom: 1.7em}
.soclink a{background: #263d61; width: 33px; height: 33px; display: block; position: relative; transition: 0.2s; border-radius: 100%; margin-right: 13px;}
.soclink a:last-child{margin: 0}
.soclink a:hover{transform: scale(1.167)}
.soclink a svg{position: absolute; fill:#fff; display:block;transition: 0.2s}
.soclink .tg svg{ width: 18px; height: 15px; top: 25%; left: 18%}
.soclink .vk svg{left: 16.88%;top: 30.42%; width: 22px; height: 13px;}
.soclink .dz{background: #fff}
.soclink .dz svg{fill:#263d61; width: 100%; height: 100%}
.soclink .rt svg{ width: 18px; left: 25%; top: 23%}

header .videolink{}
header .videolink a{ display: block; width: 100%; height: 157px; background: url("/local/templates/compasplus/css/../img/video.jpg") center center no-repeat; background-size: cover; border-radius: 15px; color: #fff; padding: 20px; line-height: 1}
header .videolink a p{display: flex; }
header .videolink a svg{ width: 11px; height: 16px; stroke:#fff; margin-left: 18px; }

header .videolink.hv{display: none}

.pslider{ width: 100%; height: 100vh !important; position: relative; background: #254561 }
.pslider .slider{width: 100%; height: 100vh}
.pslider .oneslide{width: 100%; height: 100%; background: center center no-repeat; background-size: cover;}
.pslider .tns-nav{position: absolute; right: 0; top: 0; height: 100%; width: 110px; z-index: 2; display: flex; flex-direction: column;
align-items: center; justify-content: center; border-left: 1px solid #b2bec8; background: rgba(0,0,0,0.1)}
.pslider .tns-nav button{ width: 24px; height: 24px; border-radius: 100%; border: none; background: #fff; margin: 0.7em 0;
	position: relative;}

.pslider .tns-nav button.tns-nav-active::after{ width: 11px; height: 11px; border-radius: 100%; background: #020570; left: 7px; top: 7px}
.oneslide .wrp{ display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; padding: 20px 130px; overflow: hidden  }
.oneslide .wrp .line1{ color: #fff; font-size: 6em; font-family: 'OpenSans_SemiCondensed-Bold'; background: #FFFFFF;background: linear-gradient(to bottom, #FFFFFF 0%, #a8d4ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
line-height: 1; }
.oneslide .wrp .line2{ color: #fff; font-size: 2.5em; font-family: 'OpenSans_SemiCondensed-Bold'; font-weight: bold; 	}
.oneslide .wrp .line3{ color: #fff; font-size: 1.7em; transform: translateY(600%);transition: 1s ease; opacity: 0; transition-delay: 0.5s	}

.oneslide .wrp .l2block{margin-bottom: 3.3em;transform: translateY(-300%);	opacity: 0; transition: 1s ease}
/*
.oneslide.tns-slide-active .wrp .line3,
.oneslide.tns-slide-active .wrp .line2,
.oneslide.tns-slide-active .wrp .line1{transform: translateX(0);opacity: 1;}
*/
.oneslide.tns-slide-active .wrp .l2block,
.oneslide.tns-slide-active .wrp .line3{transform: translateX(0);opacity: 1;}


.mainslider.start .oneslide{display: none}
.mainslider.start .oneslide.s1{display: block}



.pslider .tns-nav::after{width: 6px; height: 6px; background: rgba(255,255,255,0.7); border-radius: 100%;
	left: -3px; top: 0; z-index: 99;
	-webkit-box-shadow: 0px 0px 61px 38px rgba(255, 255, 255, 1);
	-moz-box-shadow: 0px 0px 61px 38px rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 41px 22px rgba(255, 255, 255, 0.7);
	animation:wmove 5.6s ease-in-out infinite;

}

@keyframes wmove
{
	0%{top: 0;box-shadow: 0px 0px 41px 22px rgba(255, 255, 255, 0.7);}
	25%{box-shadow: 0px 0px 21px 2px rgba(255, 255, 255, 0.2);}
	40%{box-shadow: 0px 0px 21px 20px rgba(255, 255, 255, 0.2);}
	50%{top: 100%;box-shadow: 0px 0px 41px 22px rgba(255, 255, 255, 0.7);}
	75%{box-shadow: 0px 0px 21px 2px rgba(255, 255, 255, 0.2);}
	85%{box-shadow: 0px 0px 21px 20px rgba(255, 255, 255, 0.2);}
	100%{top: 0%;	}
}



.about{padding: 20px 130px;}

.amenu{background: rgba(255,255,255,0.9); padding: 40px; border-radius: 15px;}
.amenu ul > li > a{ font-size: 1.3em;  display: block; padding: 0.4em 80px 0.4em 0; position: relative; color: #012a4e}
.amenu ul > li > a::after{width: 14px; height: 14px; background: url("/local/templates/compasplus/css/../img/mar.png") center center no-repeat; right: 6px; top: 50%; transform: translateY(-50%); transition: 0.3s}
.amenu ul > li:hover > a{ color: #006db8}

.secinfo{width: 100%; height: 75vh !important; background: center center no-repeat; background-size: cover;padding: 20px 50px 20px 90px;
position: relative; overflow: hidden; 	}
main#fullpage .secinfo{height: 100vh !important;}
.secinfo .wrp{ display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center;  }

.mtitle{color: #fff; font-size: 6em; font-family: 'OpenSans_SemiCondensed-Bold'; font-weight: normal;  text-transform: uppercase; line-height: 1; /*white-space: nowrap;*/ 
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}
.about .wrp2{display: flex; justify-content:space-between;   line-height: 1.2 }
.invest .wrp2{display: flex; justify-content:space-between;   line-height: 1.2 }


.secinfo .mtitle{margin-bottom: 50px;}
.secinfo .amenu{float: right}
/*.map .mtitle{ color: #263e61}*/

/*
@keyframes leftmove
{
	0%{ transform: translateX(-300%);	opacity: 0;}
	100%{transform: translateX(0); opacity: 1}
}
@keyframes rightmove
{
	0%{ transform: translateX(300%);	opacity: 0;}
	100%{transform: translateX(0); opacity: 1}
}
.section .movefromleft{ transform: translateX(-300%);	opacity: 0;}
.section .movefromright{transform: translateX(300%);	opacity: 0;}
.section.active .movefromleft{animation:leftmove 2s ease;}
.section.active .movefromright{animation:rightmove 2s ease;}
*/

.section .movefromtop{ transform: translateY(-600px); opacity: 0; transition: 1s ease}
.section .movefrombottom{transform: translateY(600px); opacity: 0;transition: 1s ease}
.section .movefromleft{ transform: translateX(-300%); opacity: 0; transition: 1s ease}
.section .movefromright{transform: translateX(300%); opacity: 0;transition: 1s ease}

.section.animate .movefromtop,
.section.animate .movefrombottom,
.section.animate .movefromright,
.section.animate .movefromleft,
.section.active .movefromtop,
.section.active .movefrombottom,
.section.active .movefromright,
.section.active .movefromleft{ transform: translateX(0); opacity: 1;   }


.link{ max-width: 1210px; margin-top: 30px; }
.link a{ width: 400px;  border-radius: 12px; background: #364c6b; font-size: 1.3em; color: #fff;text-align: left;
	padding: 0 30px 0 40px; display: flex; justify-content: space-between; float: right; align-items: center; height: 90px}
.link a svg {
	width: 10px;
	height: 18px;
	stroke: #FFF;
	margin-top: 2px;
}



.news .newswrp{ padding: 0 70px; position: relative; max-width: 1350px; }
.nav .prev,
.nav .next{ width: 48px; height: 48px; border-radius: 100%; background: none; position:absolute; top: 50%; margin-top: -24px; border: none; transition: .3s; cursor: pointer; padding: 0 !important;}
.nav .prev:hover,
.nav .next:hover{ transform: scale(1.125)}
.nav .prev{ left: 5px;}
.nav .next{ right: 5px; }
.nav .next[disabled],
.nav .prev[disabled]{display: none}
.nav .prev svg,
.nav .next svg{stroke:#fff; }
.nav .prev svg{transform: rotate(180deg)}


.secinfo.news{padding-left: 60px}
.secinfo.news .mtitle {padding-left: 60px;}
.newswrp .tns-outer{border-radius: 15px; overflow: hidden}
.newsone .np{ display: flex !important; align-items: stretch; width: 100%; }
.newsone .img{min-height: 240px; width: 370px; min-width: 370px; background:  center center no-repeat; background-size: cover; transition: 0.2s}
.newsone .description{ color: #fff; padding: 25px 40px; background: #174564; width: 100%}
.newsone .description .date{ font-size: 1.3em; margin-bottom: 0.5em}
.newsone .description .text{font-size: 1.3em; margin-bottom: 0.7em}
.newsone .description span{ text-decoration: underline}
.newsone:hover .description span{ text-decoration:none}

.news .link{margin: 60px 60px 0 0;  }
.news .link a{ background: #f1f3f8;  color: #012a4e;	}
.news .link a svg {stroke: #012a4e;}


main{ background: #f0f1f0}
.white main{background: #fff}
.white .mtitle{color: #020570}


/*body.bxpanel header{padding-top:145px;}*/
#bxpanel{ z-index:99999; }

.section.about{ background-color: #679ec3}
.section.invest{ background-color: #2e5e81}
.section.map{ background-color: #ecf3e0}
.section.information{ background-color: #64286c}
.section.business{ background-color: #45659d}
.section.news{ background-color: #7174af}

.btmenu{ position: absolute; bottom: 0; left: 0; background: #eefcff; width: 100%; padding: 35px 50px; }
.btmenu ul.secmenu{width: 100%; display: flex;  flex-wrap: wrap; justify-content:center; font-size: 16px;}
.btmenu ul.secmenu > li > a{ font-weight: bold; color: #020570; text-transform: uppercase; display: inline-block; padding: 15px 20px; line-height: 1; transition: none; border-radius: 8px; text-align: center}
.btmenu .secmenu .p > a{padding-right: 35px; background: url("/local/templates/compasplus/css/../img/dx.png") right center no-repeat; border-radius: 8px 8px 0 0; position: relative}

.btmenu ul.secmenu > li.active.p > a{background:#020570 url("/local/templates/compasplus/css/../img/dx_act.png") right center no-repeat; color: #fff;}
.btmenu ul.secmenu > li.active.p > a:hover {color: #fff;}
.btmenu ul.secmenu > li.active > a{background:#020570; color: #fff;}
.btmenu ul.secmenu > li.active > a:hover{color: #020570;}

.btmenu .p{position: relative}
.btmenu ul.secmenu li > ul{display: none}
.btmenu  ul.secmenu > li > a:hover,
.btmenu .p:hover > a{  background-color: #fafcff; }
.btmenu .p.active > a:hover {background:#fafcff url("/local/templates/compasplus/css/../img/dx.png") right center no-repeat;}
.btmenu .p:hover > a{z-index: 22}
.btmenu .p:hover ul{ display: block; position: absolute; top: 0; background: #fafcff; z-index: 11; padding: 50px 0 20px; border-radius: 0 0 8px 8px}
.btmenu .p:hover ul a{ padding: 10px 20px; font-size: 18px; color: #020570; display: block; white-space: nowrap}
.btmenu .p:hover ul a:hover{background: #f1f8fd; color: #000}
.btmenu.top .p:hover ul{ top: auto; bottom: 0;  padding: 20px 0 50px; border-radius: 8px 8px 0 0 }
/*.menufix .btmenu{ position: fixed; left: 0; top: 0; z-index: 999; bottom: auto; padding-left: 450px;}*/
.menufix .btmenu a{font-size: 0.9em}


/*header .menu nav > ul > li:hover > a{background: #f1f8fd; color: #000}*/




.wrapper{min-width:320px; max-width:1360px; margin:0 auto; position:relative; display:block; width:100%; padding: 40px 20px; float: none; clear: both }

.text{line-height: 1.9; font-size: 14px;}

.text{overflow: hidden}

.text img{display:inline-block; max-width: 100%; height: auto; width: auto}
.text p{ margin-bottom: 1.5em; text-align: justify; line-height: 200%; font-size: 14px;}
.text p:last-child{margin:0}
.text ul, .text ol{margin-bottom: 1.4em; }
.text li { margin-bottom: 0.2em; list-style:none; padding-left: 1.5em; position: relative; font-size: 14px;}
.text li::after{width: 6px; height: 6px; background: #444; border-radius: 100%; left: 3px; top: 50%; margin-top: -3px}
.text em a{font-style: initial;}
.text em a:hover{ color: #020570; text-decoration: underline; }
.text  a{font-style: initial;}
.text  a:hover{ color: #020570; text-decoration: underline; }


.text table{ width: auto}
.text table td{padding: 5px; }
.text a{ color: #121212; text-decoration:none }
.text a:hover{text-decoration:underline}
img[data-lazy]{opacity: 0; transition: 0.2s; height: auto}
img[data-lazy].loaded{opacity: 1}
.selhoztable {margin: 0 auto;}
.selhoztable td {align-items: center; font-weight: bold; vertical-align: middle; font-size: 23px; padding: 10px 20px;}
.selhoztable td p {font-size: 21px;}
.selhoztable td img {margin: 0 auto;}
.text h1,
.text h2{ color: #020570; text-transform: uppercase; font-size: 4em; font-weight: normal; font-family: 'OpenSans_SemiCondensed-Bold'; line-height: 1; margin-bottom: 0.5em}
.text h3{ font-size: 1.7em;}
.text h1, .text h2, .text h3, .text h4, .text h5 {font-size: 30px; font-family: 'Montserrat'; text-align: justify;}
.text p, .text li, .text ol, .text {font-size: 14px; font-family: 'Montserrat-Medium'; }

.text img.left{float: left; margin: 0 3em 2em 0; display: block; max-width: 725px; }
.text img.right{float: left; margin: 0 3em 2em 0;  display: block; max-width: 725px; }
.text img.flright{float: right; margin: 0 0 2em 3em;  display: block; max-width: 725px; } 
.nf{}
.nf img{display: block; width: 50%; margin-right: 30px}
.nf .text{padding: 30px; background: #fff; border-radius: 10px; border: 1px solid #fff;}
.nf .text .label{text-align: right; color: #020570}
.nf .text b{font-size: 18px;  color: #020570}
.nf .text:hover {border: 1px solid #020570}


.icons{display: flex; justify-content: center; flex-wrap: wrap; margin: 2em 0 1em}
.graph .ico,
.icons .ico{width: calc(100%/6 - 40px); margin: 0 20px; text-align: center; line-height: 1.5; min-width: 145px; margin-bottom: 1em}
.graph .ico .circle,
.icons .ico .circle{width: 140px; height: 140px; min-height: 140px; min-width: 140px; border-radius: 100%; border: 2px dotted #111478; position: relative;  transition: 1s; background: center center no-repeat; background-size: 100% 100%; margin: 0 auto 0.25em auto;
	display: flex; align-items: center;; justify-content: center;
	font-size: 3em; color: #030671; 	font-family: 'OpenSans_SemiCondensed-Bold';
}
/*.icons .ico:hover .circle{transform: rotate(-360deg);}*/
.graph .ico .circle span,
.icons .ico .circle span{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 1em; color: #030671; 	font-family: 'OpenSans_SemiCondensed-Bold';}

.more{text-align: center; margin: 2em 0}
.more a{display: inline-block; font-size: 1.3em; color: #020570; padding: 18px 10px; min-width: 270px; border-radius: 8px; border: 1px solid #020570; background: #eefcff; line-height: 1; margin: 0 15px 15px}
.more a:hover{background: #fff; text-decoration: none}



.graph{ margin:4em 0 1.5em; flex-wrap: wrap }
.graph .lines{ padding-right: 150px;  }
.graph .line{ display: flex; align-items: center; white-space: nowrap; font-size: 24px; font-weight: bold; color: #0b0e73; margin-bottom: 28px;}
.graph .line b{display: inline-block; padding-right: 7px; font-size: 30px; }
.graph .line div{ margin-right: 30px; width: 350px; min-width: 350px;}
.graph .line div span{ display: block; line-height: 70px; width: 100%; color: #fff; padding: 0 20px; }
.graph .ico{ display: flex; align-items: center; text-align: left; color: #030671; max-width: none; min-width: inherit; width: auto}
.graph .ico .circle{margin: 0 20px 0 0}



.sqrlinks{display: flex; justify-content: center; flex-wrap: wrap; margin: 2em 0 4em}
.sqrlinks a{ width: 30%; margin: 0 1.5%; background: #fff; border-radius: 10px; border: 1px solid #fff; padding: 15px 15px 30px; font-weight: bold; color: #020570; font-size:1.3em; 

-webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.14);
box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.14);}
.sqrlinks a:hover{ text-decoration: none; border-color: #020570}
.sqrlinks a img{ display: block; width: 100%; margin-bottom: 20px;}
.sqrlinks a p{margin: 0}


.vn{ background: #fff; border-radius: 10px; padding: 10px;}

.text.inner{text-align: justify;}

.txx{position: fixed; left: 0; top:0; background: #fff; padding: 20px; z-index: 99999}









.newslist{flex-wrap: wrap; align-items: stretch}

.wnews-one{ text-align:left; font-size:0.9em; display:block; vertical-align:top; width: calc(100%/3 - 20px); margin: 0 10px 50px; background:#fff; padding:25px 20px;
-webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:    0px 3px 15px 0px rgba(0, 0, 0, 0.15);
box-shadow:         0px 3px 15px 0px rgba(0, 0, 0, 0.15);position: relative; border-radius: 10px;
padding-bottom: 100px; }
.wnews-one img {width: 100%; display: block; margin-bottom: 20px; }
.wnews-one .date{ background:#ff000f; position:absolute; top:-45px; right:20px; padding:3px 10px;  color:#fff; text-align:left; line-height:1;
-moz-transform: skew(-15deg, 0deg);-webkit-transform: skew(-15deg, 0deg);-o-transform: skew(-15deg, 0deg);-ms-transform: skew(-15deg, 0deg);transform: skew(-15deg, 0deg);}
.wnews-one .date .sk{line-height:1;-moz-transform: skew(15deg, 0deg);-webkit-transform: skew(15deg, 0deg);-o-transform: skew(15deg, 0deg);-ms-transform: skew(15deg, 0deg);
transform: skew(15deg, 0deg);}
.wnews-one .date .day{ float:left; font-size:1.9em; font-weight:900}
.wnews-one .date .mnt{ font-weight:600;  float:left; margin-left:5px; 	}
.wnews-one .name{ font-weight:bold; text-transform:uppercase; font-size:1.1em; margin-bottom:20px; }
.wnews-one .ntxt{ font-family: 'Montserrat-Medium'}
.wnews-one .wrp{ position: relative}
.wnews-one .more{ margin: 0; width: 100%; position: absolute; bottom: 30px; left: 0;}
.wnews-one .more a{ display:inline-block; width: 100%; max-width: 200px; padding: 0; line-height: 50px; }
.wnews-one .more span{   display: inline-block;  font-size: 1.3em;  color: #020570;  padding:18px 62px;  border-radius:8px;  border:1px solid #020570;  background:#eefcff;  line-height: 1;  margin:0 15px 15px;  width: 100%; max-width: 200px; padding: 0; line-height: 50px; }
.wnews-one:hover {text-decoration: none !important; box-shadow: 0px 3px 15px 0px #020570;}


.pages{ text-align:center; }
.pages ul{width: 100%; display: flex; flex-wrap: wrap; justify-content: center}
.pages li{ margin:0 1px;line-height:1; font-weight:bold; font-size:1em;}
.pages li.disabled{color:#324e68; vertical-align:middle; padding-top:5px;} 
.pages li a{ display:block; padding:7px 9px;  color:#324e68}
.pages li.active a,
.pages li a:hover{background-color:#263d61; color:#fff; text-decoration: none; }





.contwrap{position: relative;}
.anmcont{color: #fff; width: 100%; z-index: 2; background: rgba(38,61,97,0.9); display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;padding: 35px; font-weight: 300}
/*
.anmcont{color: #fff; min-width: 400px; position: absolute;top: 0;z-index: 2; background: rgba(38,61,97,0.9); height: 100%;display: flex;width: 30%;flex-wrap: wrap;flex-direction: column;justify-content: center;padding: 0 35px; font-weight: 300}
*/
.anmcont a {color: #fff;}
.contwrap .map{width: 100%; height: 400px; background: #fff}
.anmcont h3{color: #fff; font-size: 1em; text-transform: uppercase; font-weight: normal; line-height: 1.5; margin-bottom: 1em}
.anmcont p.phone,
.anmcont p.email{ padding:5px 0 5px 28px; background:left center no-repeat; margin-bottom: 1em}
.anmcont p.phone{ background-image:url("/local/templates/compasplus/css/../img/ico/cphone.webp");}
.anmcont p.email{ background-image:url(/local/templates/compasplus/css/../img/ico/cmail.webp);}
.anmcont blockquote {position: relative;display: block;padding: 3px 0 3px 25px;margin:10px 0 0 8px; background: none; color: #fff; border: none; }
.anmcont blockquote:before{display: none}
.anmcont blockquote::after {width: 4px;height: 100%;background: #fff;top: 0;left: 0;}
.audiogid{ margin-top: 50px }
.audiogid h3{font-size: 1.3em; padding-left: 20px;}
	






.faq_list{ display: flex; justify-content:flex-start; align-items: stretch; flex-wrap: wrap; margin-bottom: 40px;}
.faq_list .faqOne{ width: 23.5%; margin: 0 1.5% 20px 0;}
.faqOne{position: relative;  display: block; padding: 3px; box-sizing:border-box; text-decoration: none !important}
.faqOne p{margin: 0 !important}
.faqOne .w{ height: 100%; min-height: 20px;  padding: 27px; border: 1px solid #ddd; border-radius: 5px; transition: 0.2s; 
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e6f6fa 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#e6f6fa 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#DDDEEC 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6f6fa',GradientType=0 );
border-radius:8px; 
-webkit-box-shadow: 0px 0px 3px 0px rgba(103, 136, 144, 0.25);
-moz-box-shadow:    0px 0px 3px 0px rgba(103, 136, 144, 0.25);
box-shadow:         0px 0px 3px 0px rgba(103, 136, 144, 0.6);
position: relative; padding-bottom: 30px}
.faqOne:hover .w{border-color:#026799}
.faqOne .tx .tx_hdr{ min-height: 30px; margin-bottom: 5px; font-size: 14px; }
.faqOne .tx .tx_body h3{font-size: 18px;color: #020570;font-weight: 500;line-height: 1.5;margin: 0 0 15px; text-align: left; font-family: 'Montserrat-Medium';}
.faqOne .txmore{ overflow: hidden; position: absolute; left: 20px; bottom: 20px; font-size: 15px; color: #7a7f85}
.faqOne .txmore .txmore_mr{	display: -webkit-flex; 	display: flex; align-items: center; transition: 0.3s; transform: translate(-58px,0)}
.faqOne .txmore .txmore_mr img{display: block; width: 20px; height: 14px; margin-left: 5px;}
.faqOne:hover .txmore .txmore_mr{transform: translate(0,0)}



.bcrumbs{ padding: 0 0 20px}
.bcrumbs .wrapper{ padding-top: 0; padding-bottom: 0}
.bx-breadcrumb{ display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap}
.bx-breadcrumb-item{padding-right: 10px; font-size: 0.9em; color: #999}
.bx-breadcrumb-item a{color: #999}

.newsdetail-date{margin-bottom: 20px; font-weight: bold; font-size: 1.1em}
.backlink{font-weight: bold; text-decoration: underline; font-weight: 1.1em}
.backlink:hover{text-decoration: none;}
.qna-detail{padding: 20px 0; }

.qna-detail h1 {	color: #020570;	text-transform:uppercase;	font-size: 2.2em;	margin-bottom: 1em;}
.qna-detail h2{font-size: 2.2em; }
.qna-detail p {margin-bottom: 3px;}
.qna-detail strong, .qna-detail b {font-family: 'Montserrat'; font-weight: normal;}


.openMap{ width: 100%; height: 100vh}


.elinks{ padding-top: 2em}
.elinks h3{margin-bottom: 1em}
.elinks .wrp.flex{ flex-wrap: wrap; align-items: stretch}
.elinks .elink-item{width: 46%; margin: 0 2% 1em; display: inline-block; padding: 20px; border-radius: 20px; background: #006db8; color: #fff; text-align: center; font-weight: bold; line-height: 1.2; font-size: 14px;}
.elinks .elink-item:hover{background: #fff; color: #020570; text-decoration: none}

.accordion__content {display: grid; grid-template-rows: 0fr; transition-duration: 0.3s;}
.accordion__content_body {overflow: hidden;}
.accordion__details {font-size: 15px; cursor: pointer;}
.accordion__details:hover {text-decoration: underline;}
.accordion__details[open] + .accordion__content {grid-template-rows: 1fr;}

.places .wrp{ position: relative }
.places .slider {
	display: flex;
	align-items: stretch;
}

.mione a{ height: 100%; overflow: hidden; color: #000; position: relative;
	display: flex; flex-direction: column;
	border-radius:8px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(103, 136, 144, 0.25);
	-moz-box-shadow:    0px 0px 3px 0px rgba(103, 136, 144, 0.25);
	box-shadow:         0px 0px 3px 0px rgba(103, 136, 144, 0.6);
	line-height: 1.5;
	border: 1px solid #ddd;
}
.mione a .img{position: relative}
/*.mione a .img::after{ width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.05); transition: 0.1s}*/
.mione a img{ display: block; width: 100%; height: auto}
.mione a .wp{ padding: 2em 1.5em; position: relative; z-index: 2; height: 100%;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e6f6fa 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6f6fa 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#DDDEEC 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6f6fa',GradientType=0 );
}
.mione a .wp h3{ color: #000; font-size: 1.5em; font-weight: normal;  margin-bottom: 0.5em; font-family: 'Montserrat-Medium'; text-align: center;}
.mione a .wp div{ font-size: 0.95em; text-align:center;  }
.mione a:hover {text-decoration: none !important; border-color: #026799;}




.tns-controls button{ width: 54px; height: 54px; border-radius: 100%; border: none; background:rgba(0,0,0,0.5) center center no-repeat;
	-webkit-box-shadow: 3px 3px 7px 0px rgba(34, 60, 80, 0.3);
	-moz-box-shadow: 3px 3px 7px 0px rgba(34, 60, 80, 0.3);
	box-shadow: 3px 3px 7px 0px rgba(34, 60, 80, 0.3);}
.tns-controls button:first-child{background-image: url("/local/templates/compasplus/css/../img/ico/prev.webp");}
.tns-controls button:last-child{background-image: url("/local/templates/compasplus/css/../img/ico/next.webp");}
.tns-controls button{background-color: #fff; text-indent: -9999px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 99; opacity: 0.8}
.tns-controls button:hover{transform: scale(1.05) translateY(-50%)}
.tns-controls button:first-child{left: -32px;}
.tns-controls button:last-child{right: -32px;}


.company_list{display: flex; align-items: stretch; flex-wrap: wrap}
.company_list .mione{ width: 23.5%; margin: 0 1.5% 20px 0;}



.spwp{display: flex; align-items: stretch; flex-wrap: wrap; margin-bottom: 10px}
.spwp > div{ width: calc(100%/3 - 14px); margin: 0 20px 20px 0; background: #fff; padding:30px 20px; border-radius: 10px; line-height: 1.1; text-align: center; position: relative; overflow: hidden; }
.spwp > div, .spwp > div p, .spwp > div h3, .spwp > div h4 {text-align: left !important;}
.spwp > div:nth-child(3n){margin-right: 0}
.spwp > div img{ display: block; width: auto; max-width: 100%; margin: 0 auto 1rem}

.spwp > div h3{font-family: 'OpenSans_SemiCondensed-Bold'; font-size: 22px; text-align: center;}
.spwp > div h4{color: #555; font-family: 'OpenSans_SemiCondensed-Bold'; margin-bottom: 1em; padding: 0 30px; font-size: 16px; font-weight: normal;}
.spwp > div p{}
.spwp > div > div {position: absolute; top: 100%; height: 100%; left: 0; width: 100%; padding: 20px; background: rgba(0, 109, 184, 0.95); transition: all 0.2s ease-out; color: #fff; text-align: left;}
.spwp > div:hover > div {top: 0;}
.spwp > div > div h3, .spwp > div > div h2, .spwp > div > div h4 {color: #fff;}




.fixed{overflow: hidden; }
.modal{ display:flex; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.1); justify-content: center; align-items: center;  padding: 5px;overflow-y: auto; z-index: -1; opacity: 0; transition: 0.2s}
.modal.show{ opacity: 1; z-index: 999}
.modal .form{width: 100%;  margin: 0 auto; background: #fff;border-radius: 20px; max-width: 560px; padding: 60px; position: relative; z-index: 1; position: relative;border: 1px solid #E1E1E1;box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.2);}
.modal .title{text-align: center;font-family: 'OpenSans_SemiCondensed-Bold';font-size: 2.5rem;font-weight: 500;line-height: 1.1;letter-spacing: -0.8px;text-transform: uppercase; margin-bottom: 1rem}
.modal .dtitle{ text-align: center}
.modal form{margin-top: 30px;}
.modal .close_btn{background: none; border: none; position: absolute; right: 45px; top: 35px;}
.modal .close_btn svg{stroke:#929292}
.modal .close_btn:hover svg{stroke: #f33a66;}
.modal .errors-list p{margin: 0 0 6px 0}
.modal input,
.modal textarea{ width: 100%;height: 50px;background: #fff;border: 1px solid #ddd;border-radius: 8px; padding: 0 20px; margin-bottom: 15px;}
.modal input.error,
.modal textarea.error{ border: 1px solid #ff0000;}
.modal textarea{ height: 135px;padding: 20px;}
.modal .send_btn{ margin-bottom: 10px; }
.modal .send_btn button{width: 100%; height: 50px;
	border: none;
	border-radius: 8px;
	background: #006db8;
	color: #fff;
	text-align: center;
	font-weight: bold;

}



.modal .nb{text-align: center; font-size: 0.8rem}
.modal .nb a{ text-decoration: underline;font-size: 0.8rem}
.modal .nb a:hover{text-decoration: none}
.modal.message .form .wrp{}
.modal.message{ }
.modal.message .title{margin-bottom: 1em}
.modal.message .form{max-width: 450px;}
.modal.message p{margin-bottom: 0.3em}
.modal.message h3{font-size: 1.1em; width: auto; }
.modal.message.error h3,
.modal.error{color: #D00104; }
.modal.error .close_btn svg{stroke:#D00104}
.modal.message.error .title p{color: #D00104; }
.modal.message.error h3{text-align: left}
.modal.message.error .form .wrp{}



.letter_filter ul{ display: flex; flex-wrap: wrap; }
.letter_filter ul > li{list-style: none; margin: 0 5px; padding: 0;  font-size: 15px; cursor: pointer; z-index: 99;}
.letter_filter ul > li::after { display: none;}
.letter_filter ul > li > a{text-transform: uppercase; color: #000; font-family: 'Montserrat-Medium';}
.companies .letter_filter ul > li > a{text-transform: none; color: #000; font-family: 'Montserrat-Medium';}
.letter_filter ul > li.all > a{text-transform: none; color: #555}
.letter_filter ul > li.active > a{ text-decoration: underline; color: #000}

.cities_filter ul{ display: none; position: absolute; background: #fff; width: 320px; max-width: 100vw;}
.cities_filter:hover ul {display: block;}
.cities_filter ul > li{list-style: none; margin: 0 5px; padding: 0; font-size: 15px; padding: 2px 10px; line-height: auto; text-align: left; }
.cities_filter ul > li::after { display: none;}
.cities_filter ul > li a{text-transform: uppercase; color: #000; font-family: 'Montserrat-Medium'; font-size: 14px;}
.companies .cities_filter ul > li a{text-transform: none; color: #000; font-family: 'Montserrat-Medium';}
.cities_filter ul > li.all a{text-transform: none; color: #555}
.cities_filter ul > li.active a{ text-decoration: underline; color: #000}


.companies.text {overflow: visible; background: #f0f1f0}

#aboutindustrial-tourism {background-image: url("/upload/pt.jpeg") !important; }
#aboutindustrial-tourism h2 {text-shadow: #fff 0 0 3px;}

img.regimg {display: block !important; max-width: 100%; margin: 0 auto 1.5em auto;}


header .menu nav > ul > li > a{white-space: nowrap}
.phone .anmcont p{margin: unset !important;}
.phone .anmcont p.name{margin-bottom: 1rem !important;}
.phone .anmcont p.address{margin-bottom: 1rem !important;}

header .info .phone p{font-size: 0.95rem}
header .info .adrinfo p a,
header .info .adrinfo p{font-family: 'Montserrat-Medium'; font-size: 0.95rem;}

header .info .adrinfo p.address{display: flex; margin-bottom: 0.3rem !important;     color: #007cc3;font-size: 0.95rem;}
header .info .adrinfo p.address svg{min-width: 25px; margin-right: 5px}

.econtribl > div {padding: 5px; border: 1px solid transparent; border-radius: 5px;}
.econtribl > div:hover {border: 1px solid #020570;  background: #fff;}

.econtribl > a {text-align: center; padding: 5px; border: 1px solid transparent; border-radius: 5px;}
.econtribl > a:hover {border: 1px solid #020570;  background: #fff;}
.econtribl.blueicons > a {font-weight: normal;font-size: 30px;  line-height: 97%;}
.econtribl.blueicons > a:hover img {filter:saturate(100%) contrast(120%) brightness(110%) sepia(15%);}
.margb25 {margin-bottom: 25px;}

section.places.text {overflow: visible;}

.news_detail, .news_detail h1,.news_detail h2,.news_detail h3,.news_detail h4, .news_detail p {text-align: left !important;}

.melinks >  a {text-align: left; max-width: 250px; padding: 5px; display: block; border: 1px solid transparent;}
.melinks >  a:hover {background: #fff; border-color: #020570}
.descr_full {margin: 20px 0;}
/* End */


/* Start:/local/templates/compasplus/css/media.css?178652347714000*/
@media (max-width:1600px) {
    .oneslide .wrp{  padding: 20px 50px; }
    .oneslide .amenu{padding: 30px;}
    .oneslide .amenu ul > li > a{ font-size: 1.2em; padding: 0.4em 70px 0.4em 0;}
    .secinfo .wrp,
    .oneslide .wrp{font-size: 15px;}
    .pslider .tns-nav button{ margin: 0.5em 0 ; width: 20px; height: 20px;}
    .pslider .tns-nav button.tns-nav-active::after{width: 9px; height: 9px; left: 6px; top: 6px}

    .secinfo .amenu ul > li > a {
        font-size: 1.3em;
        padding: 0.3em 80px 0.3em 0;
    }

    .secinfo {
        padding: 20px 50px;
    }
}
@media (max-width:1350px){
	
	.text.top{padding-top: 150px;}

    html{font-size: 16px;}
    header{ width: 100%; height: auto}
    header .wrp{ padding: 0}
    header .wrp .scb{display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; padding: 30px 35px 10px; overflow: inherit}
    .soclink{margin: 0}
    header .videolink{display: none}
    main{padding: 0}
    header .hmenu{display: block; padding-left: 40px;}
    header::after{width: 120%; height: 70px; left: -10%; top: auto; right: auto; bottom: -20px;  background: #fff; border-radius: 0 0 100% 100%; z-index: 0}
    header .menu{ display: block; overflow: hidden;  padding: 0;  position: absolute; left: 0; width: 100%; top: 115px;
    max-height: 0;
    transition: 0.4s ease;
    border-top: 3px solid transparent; z-index:-1;     }
    header .menu .sover{ display:flex; background: #fff; padding: 0;  justify-content: space-between; align-items: stretch;  transition: 0.4s ease ; transform: translateY(-100%)  }
    header .menu nav{width: 50%; padding: 22px 15px; margin: 0; border: none; border-right: 1px solid #e2f1fb  }
    header .menu .info{width: 50%; padding: 40px 45px;}
    .showmenu  header::after{ border-radius: 0}
    .showmenu header .menu{ max-height: 800px; border-color: #e2f1fb; z-index:3;}
    .showmenu header .menu .sover{transform: translateY(0)}

    header .logo a{font-size: 20px;}
    .oneslide .wrp .line3 br{ display: none}

    .pslider .tns-nav{top: auto; bottom: 0; left: 0; right: 0; width: 100%; height: 70px; border: none; flex-direction: row; align-items: center;
    border-top: 1px solid #bdcde0}
    .pslider .tns-nav button{ margin: 0 0.5em; width: 20px; height: 20px;}
    .pslider .tns-nav button.tns-nav-active::after{width: 9px; height: 9px; left: 6px; top: 6px}


    header .videolink.hv{display: block; max-width: 290px; margin-top: 1.7em}
    header .info .mail{margin-top: 1em}
    header .menu nav > ul > li > a{padding-left:40px; padding-right: 40px; }
    header .menu nav > ul > li > div >  ul > li:hover > a,
    header .menu nav > ul > li:hover > a{background: #f1f8fd; color: #000}
    header .menu nav > ul > li.p > a::after{right: 20px}
    .showmenu header  .menubtn span:nth-child(2){ opacity: 0}
    .showmenu header  .menubtn span:nth-child(1){ transform: rotate(45deg) translate(4px, 9px);}
    .showmenu header  .menubtn span:nth-child(3){ transform: rotate(-45deg) translate(4px, -9px)}
    header .menu nav > ul > li > div{display: block; position: absolute; left: 50%; top: 0; height: 100%; background: #fff; width: 50%; margin:0; padding: 0; z-index: 1;
        padding: 15px 0; overflow: auto;scrollbar-width: thin;scrollbar-color: #74afd8 #eee; max-width: 0; overflow: hidden; transition: 0.3s ease}
    header .menu nav > ul > li > div > ul{display: block;  transition: 0.3s ease; padding: 0; margin: 0; border: none; transform: translateX(-100%); width: 100%}
    header .menu nav > ul > li > div > ul::-webkit-scrollbar {height: 5px;width: 5px;}
    header .menu nav > ul > li > div > ul::-webkit-scrollbar-track {background: #eee;}
    header .menu nav > ul > li > div > ul::-webkit-scrollbar-thumb {background-color: #74afd8;}
    header .menu nav > ul > li > div > ul > li > a{padding: 0.27em 25px}



    header .menu nav > ul > li.show > div{ max-width: 50%; z-index: 2}

    header .menu nav > ul > li.show > div > ul{ transform: translateX(0)}

    .showmenu{overflow: hidden}
    .showmenu .menuover{z-index: 989; opacity: 1}
    .secinfo.news,
    .secinfo{ padding:70px 45px 30px }
    .pslider{height: auto}
	
	
	
	/*.menufix .btmenu{ top: 130px; padding:35px 20px 15px;}*/
	.menufix .btmenu ul{justify-content: center}
	.menufix .btmenu ul a{text-align: center}

	

}
@media (max-width:1000px) {
	
	.p-50 {width: 50%;}
.gap30 .p-50 {width: calc(50% - 30px);}


	.mtitle{white-space: normal; font-size: 5em;}

    .company_list .mione {width: calc(100%/3 - 1.5%);}
    .mione a .wp { padding: 1.5em 1em; }

    .news .nav .prev, .news .nav .next{display: none}
    .secinfo.news .mtitle,
    .news .newswrp{padding: 0}
    .news .link{ margin:35px 0 0 0 }
	
	.anmcont{min-width: 0; position:relative; background: rgba(38,61,97,1); height: auto; width: 100%; padding: 50px 25px}
    /*
	.secinfo.contacts{height: auto !important;  min-height:inherit; padding-top: 180px}
	.secinfo.contacts .wrp{display: block; height: auto !important}
	*/
	/*
	.secinfo{height: auto !important; min-height:  100vh; display: flex; flex-direction: column}
	.btmenu{position: relative; bottom: auto; left: auto}
*/	
.oneslide .wrp .line1{font-size: 4em;}

}
@media (max-width:850px) {
	
	
	
	.spwp div{ width: calc(100%/2 - 10px); }
	.spwp div:nth-child(3n){margin-right: 20px}
	.spwp div:nth-child(2n){margin-right: 0}

	
	.wnews-one{ width: calc(50% - 20px);}

    .about .wrp2 {
        display: block
    }

    .about .amenu {
        float: right
    }

    .newsone .img {
        width: 30%;
        min-width: auto
    }

    .newsone .description {
        width: 70%
    }
    .newsone .description p,
    .newsone .description .date{font-size: 1.1em}
    .newsone .img{ min-height: auto}
	
	.btmenu{padding: 15px; font-size: 14px;}
	.btmenu a{text-transform: none; padding: 5px 10px;}
	
	.text img.left{margin: 0 2em 2em 0; }
	.text img.right{ margin: 0 2em 2em 0;   }
	.nf img{width: 100% !important; margin: 0 auto 2em; float: none}
	.nf.flex{display: block}
	.text h1,
	.text h2{text-align: center}
	.text{font-size: 16px !important; line-height: 1.5}

	/*
		.btmenu{ position: fixed; left: 0; top: 80px; z-index: 999; bottom: auto; padding: 30px 0 10px;}
	*/
	.btmenu > ul{justify-content: center}


	.faq_list .faqOne{ width: 31%; }



}

@media (max-width:730px){
	
	
	

    .company_list .mione {width: 48%; margin-right: 2%}

    .secinfo.contacts{padding-top: 140px}
	.anmcont{padding: 20px 15px;}
	.anmcont p.phone, .anmcont p.email{margin-bottom: 0.5em}
	.contwrap .map{height: 300px;}
	.anmcont blockquote{margin-top: 5px;}

	
	.text.top{padding-top: 70px;}

	
    header .logo a span{display: none}
    .soclink{flex-wrap: wrap; width: 70px;}
    .soclink a{width: 22px; height: 22px; margin:0 8px 8px 0;}
    .soclink .tg svg{ width: 14px; height: 11px; top: 25%; left: 12%}
    .soclink .vk svg{width: 15px; height: 10px;}
    .soclink .rt svg{ width: 12px; left: 25%; top: 30%}
    header .logo a img{ width: 46px !important;}


    header .wrp .scb{padding:10px 20px 5px;}
    header::after{height: 40px; bottom: -10px;}
    html{font-size: 14px}
    .oneslide .wrp{ padding: 20px}

    .oneslide .wrp .line1{font-size: 40px; margin-bottom: 20px}
    .oneslide .wrp .line2{ font-size: 25px; }
    .oneslide .wrp .line3{ font-size: 16px; }

    .pslider .tns-nav button{ width: 13px; height: 13px; margin: 0 0.3em}
    .pslider .tns-nav button.tns-nav-active::after{width: 6px; height: 6px; left: 4px; top: 4px}
    .pslider{ }
    .mtitle{font-size: 48px; float: none}
    .secinfo .amenu{ padding:20px }
    .secinfo .amenu ul > li > a{font-size: 1em}
    .oneslide .wrp{}
    .secinfo,
    .oneslide .wrp{ padding: 50px 20px 30px}


    .link a {
        width: 250px;
        border-radius: 8px;
        font-size: 1em;
        padding: 0 20px 0 20px;
        height: 60px;
    }

/*
    .secinfo{  height: auto}
    */
    .pslider .wrp{padding-top: 90px;}
    header .menu{top: 85px; height: calc(100vh - 85px); }
    .showmenu header .menu{ max-height: none !important;}
    header .menu .sover{ display:block; }
    header .menu nav{width: 100%}
    header .menu nav > ul > li > a{font-size: 1em; padding: 0.5em 40px 0.5em;}
    header .menu .info{width: 100%; padding: 0 40px 30px;  }
    header .info .phone{border-top:1px solid #e2f1fb; padding-top: 20px; }
    header .menu nav > ul > li.p > a::after{right: 40px;}
    header .videolink.hv{display: none}
    header .menu nav > ul > li > div{ left: auto; right: 0; transform: translateX(100%); width: 100% !important; max-width: none !important; padding-top: 20px }
    header .menu nav > ul > li > div > ul{transform: none; width: 100% !important;}
    header .menu nav > ul > li.show > div{ transform: translateX(0)}
    header .menu nav > ul > li > div button{ display: inline-block;  background: none; text-transform: uppercase; border:none; margin:0 0 15px 25px; font-size: 15px; font-weight: 600; padding-left: 25px;
        position: relative;  }
    header .menu nav > ul > li > div button::after{width: 12px; height: 12px; background: url("/local/templates/compasplus/css/../img/mar.png") center center no-repeat; left: 0px; top: 50%; transform: translateY(-50%) rotate(180deg); transition: 0.3s; background-size: 7px auto}
    header .menu nav > ul > li > div > ul > li > a{font-size: 16px;padding: 0.3em 25px;}
    header .menubtn span{width: 30px; height: 3px}
    .showmenu header  .menubtn span:nth-child(1){ transform: rotate(45deg) translate(4px, 8px);}
    .showmenu header  .menubtn span:nth-child(3){ transform: rotate(-45deg) translate(4px, -8px)}


	.text img.left,
	.text img.right,
	.nf img{width: 100% !important; margin: 0 auto 2em; float: none}
	
	
	
	.text{font-size: 14px !important; line-height: 1.6 !important}
	.graph .ico .circle, .icons .ico .circle{width: 110px;height: 110px;min-height: 110px;min-width: 110px; margin: 0 auto}
	.graph .line div span {line-height: 50px;width: 100%;padding: 0 10px;}
	.graph .line div{margin-right: 20px;    width: 60%;    min-width:300px;}
	.graph .line {font-size: 18px;margin-bottom: 15px;}	
	.graph .line b {padding-right: 5px;font-size: 24px;}	
	.text h3{font-size: 1.3em; text-align: center}
	.sqrlinks a {width: 46%;margin: 0 2% 20px;background: #fff;border-radius: 5px;padding: 10px 10px 20px;font-size: 1.1em;}		
	.text h1,
	.text h2{font-size: 3em}
	.graph .ico, .icons .ico{min-width: 110px;}
	/*.menufix .btmenu{ top: 70px; padding:25px 10px 10px;}*/
	.more a {font-size: 1.1em;padding: 15px 40px;border-radius: 5px;}
	
	
	
	.secinfo{height: auto !important; padding: 160px 0 0 0;}
	.secinfo .mtitle{margin-bottom: 60px}
	.secinfo.contacts .mtitle{margin-bottom: 35px}
	.secinfo .wrp { display: flex;  width: 100%;    height: auto;    flex-direction: column;    justify-content:flex-start; padding: 0 20px}
	.btmenu {    position: relative;    bottom: auto;    left: auto;    background: #eefcff;}
	
	
	
	.secinfo.contacts {
    min-height: 100vh !important;
}
	
	

}
@media (max-width:600px) {
		.m-100 {width: 100%;}
.gap30 .m-100 {width: 100%;}

	
		.spwp div{ width: 100%; margin-right: 0 !important }

	
		.wnews-one{ width: 100%; margin: 0 0 50px}


    .secinfo{}
    .secinfo .amenu {
        float: none;
    }
    .newsone .img{display: none}
    .newsone .description{width: 100%}
    .secinfo.news{padding: 70px 20px 30px}
    .mtitle{white-space: normal}
    /*.secinfo .mtitle{margin-bottom: 35px;}*/
    .secinfo.news .wrp{display:block; padding-top: 110px;}
	
	
	.graph .lines{padding-right: 0; width: 100%}
	.graph .line{display:block; margin-bottom: 5px}
	.graph .line div{width: 100%; margin: 0}
	.menufix .btmenu a{font-size: 12px}
	
		.faq_list .faqOne{ width: 48%; }
		.text h1, .text h2{font-size: 1.8em}
	.graph .ico, .icons .ico br{display: none}
	
	
	.anmcont{font-size: 0.9em}
	.anmcont h3{}
	.anmcont p.phone, .anmcont p.email{margin-bottom: 0.3em}
	.anmcont p.phone,.anmcont p.email{background-size: 14px auto}
	

	
}
@media (max-width:500px) {
    .company_list .mione {width: 100%; margin-right: 0}
    .sqrlinks a {    width: 100%;    margin: 0 0 20px;    padding: 10px 10px 20px;}
	.faq_list .faqOne{ width: 100%; margin: 0 0 20px }
	.graph .ico .circle, .icons .ico .circle {font-size: 2.4em;width: 90px;height: 90px;min-height: 90px;min-width: 90px;}	
	.elinks .elink-item {    width: 100%;    margin: 0 0 1em;    display: inline-block;    padding: 20px;    border-radius: 15px;}
	.faqOne .w{min-height:inherit;padding: 15px 15px 30px;	}
	.faqOne .tx .tx_body h3{text-align: left}
	.oneslide .wrp .line1{font-size: 2em;}
	.mtitle{white-space: normal; font-size: 2em;}


}

@media (max-width:360px) {

    .pslider .wrp { padding-top: 30px;  }
    .oneslide .wrp .line2{margin-bottom: 30px;}
    .oneslide .wrp .line1{margin-bottom: 10px}
    .oneslide .wrp .line2{margin-bottom: 15px;}
    header .menu nav{padding: 15px}
    header .info .phone{padding-top: 15px;}
    header .info .phone p,
    header .info .phone a,
    header .info .mail a{font-size: 1em}
    header .info .phone p{margin-bottom: 5px}
	
	.graph .ico, .icons .ico{width: 100%; margin: 0 0 20px}
	.mtitle{white-space: normal; font-size: 1.75em;}
	
	
	
	
}

@media (max-height:520px) {
    .pslider .wrp { padding-top: 110px; display: block  }


}

@media (max-height:600px) {
    .secinfo{height: auto; min-height: 100vh}
	
	
}
@media (max-height:950px) {
	header .wrp .scb{padding-top:20px}
    header .wrp{padding:0;}
    header .menu{}
    header .menu nav > ul > li > a{padding: 7px 20px 7px 0; /*font-size: 14px; */}
    header .menu nav {        padding-bottom: 15px;        margin-bottom: 15px;    }
    header .info .mail a,
    header .info .phone a,
    header .info .phone p{font-size: 1em}
    header .info .mail{margin-top: 15px}
    header .info{padding-bottom: 20px}
    .soclink{margin-bottom: 20px}
    header .videolink a{font-size: 16px;     height: 145px;}
    header .logo a img{ width: 60px}
}
@media (max-height:710px) {
    header .videolink{display: none}
    .soclink{margin-bottom:0 }
}
/* End */


/* Start:/local/templates/compasplus/css/tiny-slider.css?17865234772181*/
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */

/* End */


/* Start:/local/templates/compasplus/css/jquery.fancybox.min.css?178652347712795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{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{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.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{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.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{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,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%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;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{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.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:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.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{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{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{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.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;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.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{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */
/* /local/templates/compasplus/css/style.css?178652347740060 */
/* /local/templates/compasplus/css/media.css?178652347714000 */
/* /local/templates/compasplus/css/tiny-slider.css?17865234772181 */
/* /local/templates/compasplus/css/jquery.fancybox.min.css?178652347712795 */