/*
Theme Name: Транслайн
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, .details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block; box-sizing:border-box; }
table{border-collapse:collapse;border-spacing:0;max-width:100%;}
body { font:400 16px/1 Evolventa; min-height:100vh; background-color:#fff;  }
img { max-width:100%; height:auto; }
input,button,select,textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.fr, .fright{float:right;}
.fl, .fleft{float:left;}
.center, .tc {text-align:center; margin-left:auto; margin-right:auto;}
.tr {text-align:right;}
h2, h3, .h2, .h3 { font-size:150%; font-weight:700; }
strong{font-weight:bold;}
em{font-style:italic;}
.ib {display:inline-block;}
.btn { box-sizing:border-box; height:50px; padding:0 27px; border:2px solid #fff; border-radius:6px; text-decoration:none; font:700 16px/49px Evolventa; text-transform:uppercase; white-space:nowrap; cursor:pointer; }
.btn.orange { background:#F97C05; color:#fff; border-color:#F97C05; }
.btn.inverse { color:#F97C05; border-color:#F97C05; }
header .btn {text-transform:none; font-size:16px; line-height:46px; height:50px; border-radius:19px; border-width:2px; }
.container { max-width:1110px; margin:0 auto; position:relative; } @media (max-width:1130px) { .container { margin:0 3.11%; } }
/*body.home { background:url(assets/xren.svg) no-repeat 100% 0px, url(assets/xren.svg) no-repeat 0% 28%; }*/
body.home { background:url(assets/xren.svg) no-repeat 100% 0px }
@media (min-width:1600px) { body.home { background-position:68% -35px, 0% 28%; } }
header { background:#007E83; }
.home header { margin-bottom:144px; }
header .logo { height:100%; width:240px; position:relative; text-align:center; }
header .logo img { width:133px; position:relative; z-index:1; top:21px; }
header .logo:before { content:''; display:block; height:284px; width:284px; border-radius:50%; background:#007E83; position:absolute; bottom:-65px; left:-28px; }
header a { color:#fff; text-decoration:none; white-space:nowrap; }
header a:hover { text-decoration:underline; }
header a.phone-link { padding:0 20px; }
header nav { height:98px; line-height:98px; display:flex; justify-content:space-between; align-items:center; color:#fff; font-weight:700; }
header nav > ul { padding-left:50px; height:100%; min-width:530px; list-style-type:none; display:flex; align-items:center; white-space:nowrap; }
header nav > ul > li { padding:3%; height:100%; position:relative; }
header nav > ul > li > a { height:100%; }
header nav ul ul { display:none; position:absolute; z-index:9999; top:100px; left:0; background:#007E83; padding:10px; line-height:2.2; }
header nav li:hover > ul { display:block; list-style-type: none; }
#nav-toggle { display:none; }

.head { background:url(assets/bg.jpg) no-repeat 50% 50%; background-size:cover; height:430px; }
.head .container { position: relative; padding-top: 325px; }
.head h1 { position:absolute; bottom:50px; font-size:32px; font-weight:700; color:#007E83; line-height:1; }
.breadcrumbs { margin-top:40px; font-size:16px; font-weight:700; color:#007E83; }
.breadcrumbs a, .breadcrumbs a:visited { color:#007E83; }

main ul, main ol { margin-left: 25px; }
main .desc { padding:100px 0;  line-height:1.3; color:#007E83; }
main .desc a { color:#007E83; }
main .desc p { margin-bottom:8px; }

footer { background:#0C4B5C; margin-top:44px; color:#fff; font-size:16px; font-weight:700; padding:97px 0 45px; }
footer a { color:#fff; text-decoration:none; }
footer .flex { display:flex; justify-content:space-between; gap:7%; align-items:end; }
footer .flex > * { flex:1 1 33% }
footer b, .titlebrd { display:inline-block; width:287px; text-align:left; font-size:24px; line-height:1.6; border-bottom:3px solid #F97C05; text-transform:uppercase; }
.cont b { margin-bottom:20px; }
footer .knts, .knts { padding:17px 0 5px 50px; line-height: 1.3; white-space:normal; }
.knts.tel { background:url(assets/_phone.svg) no-repeat 0 70%; }
.knts.eml { background:url(assets/_mail.svg) no-repeat 0 70%; }
.knts.adr { background:url(assets/_geo.svg) no-repeat 5px 22px; }
footer p { margin-top:50px; line-height:1.2; }
footer .links {flex:29%}
footer .links a { display:block; text-align:left; line-height:2.2; }
footer .soc { margin-top:32px; text-align:center; }
footer .soc a { margin:0 19px; }
.lastline { height:70px; line-height:70px; background:#E5F2F3; text-align:center;  display:flex; justify-content:center; gap:13.55%; }
.lastline a { color:#0C4B5C; font-size:16px; font-weight:700; }

.overlay { position:fixed; left:0; top:0; right:0; bottom: 0; z-index:991111; height:100%; background:#555; opacity:.6; }
.modal2w { position:absolute; z-index:991112; background:#fff; box-sizing:border-box; padding:30px; width:750px; max-width:95%; }
.modal2wc {position:absolute; top:0; right:5px; font:400 32px/1 Evolventa; cursor:pointer; transform:rotate(45deg) }
form.fluent_form_6 .wpf_has_custom_css.ff-btn-submit { background:#F97C05 !important; border:0 none }

@media (max-width:1280px) {
	header .logo { width:auto; }
	header .logo img { width:120px; position:relative; z-index:1; top:15px; }
	header .logo:before { height: 180px; width: 180px; bottom: -52px; left: -28px; }
}

@media (max-width:1080px) {
	body { font-size:12px; background-size:90% !important; }
	header .container { margin-left:6% }
	header nav { height:67px; }
	header nav > ul { display:none; height:auto; position: absolute; left:-6.5%; z-index:9999; background:#007E83; top:67px; padding-left:8%; padding-top:22px; padding-bottom:22px; }
	header nav > ul { position:fixed; top:0; left:0; right:0; bottom:0; min-width:0; z-index:999999; padding-left:8%; padding:22px !important; }
	header nav > ul > li { line-height:2; position:relative; padding: 1.0% 0; height:auto; font-size:24px; }
	header nav > ul ul { display:none; position:static; background:#fff; font-size:14px; list-style-type:none; }
	header nav > ul ul a { color:#007E83; text-transform:uppercase; }
	header nav > ul > svg { display:block; position:absolute; top:10px; right:10px; cursor:pointer; }
	header nav > ul .menu-item-has-children svg { display:block; position:absolute; right:2px; top: 22px; transform:rotate(180deg); }
	header nav > ul .active svg { transform:rotate(0deg) }
	header .logo { z-index: 99999; }
	header .logo img { width:80px; top:12px; }
	header .logo:before { height:120px; width:120px; bottom:-34px; left:-20px; }
	header .cont { position: absolute; bottom:22px; }
	header .cont b { margin-bottom: -20px; font-size: 20px; display: block; }
	header .knts { font-size:16px; }
	.home header { margin-bottom:60px; }
	#nav-toggle{display:block; float:left; position:relative; margin:27px 0 0; height:35px; width:26px;}
	#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after{cursor:pointer; height:3px; width:26px; background:#fff; border-radius:2px; position:absolute; display:block; content:'';}
	#nav-toggle span:before{ top:-7px;}
	#nav-toggle span:after{ bottom:-7px; }
	#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after{transition:all 200ms ease-in-out;}
	#nav-toggle.active span{background-color:transparent;}
	#nav-toggle.active span:before,#nav-toggle.active span:after{top:0;}
	#nav-toggle.active span:before{transform:rotate(45deg);}
	#nav-toggle.active span:after{transform:rotate(-45deg);}
	.head { height:220px; }
	.head .container { padding-top: 95px; }
	.head h1 { bottom:70px; font-size: 30px; }
	.breadcrumbs { margin-top:65px; padding-bottom:20px; font-size: 16px; }
	main .desc { padding: 20px 0; }
  
	.btn, header .btn { height:auto; padding: 0 15px; border:2px solid #fff; border-radius:20px; font:700 16px/39px Evolventa; }
	.phone-link { font-size: 18px; }


	footer { font-size: 16px }
	footer .flex { flex-direction: column; align-items:start; }
	footer .links a { text-align: left; }
	footer .flex > * { margin-bottom: 30px; }
	.lastline { height: auto; line-height:2; display: block; }
	.lastline a { display:block; font-size:16px }
	.swiper { margin-bottom: 44px; }

}

@media (max-width:480px) {
  .phone-link { visibility:hidden; font-size:11px; }
   .breadcrumbs { font-size: 12px; line-height: 1.5; }
  footer { font-size:14px; padding-top:25px; }
  footer .container { margin:0 6.11% }
  footer .logo { width:85px }
  footer p { max-width:255px }
  footer b, .titlebrd { width:82px; font-size:16px; }
  footer .knts  { background-size: 6% !important; }
  footer .knts.adr  { background-size:4% !important; }
  footer .soc { text-align: left; }
  footer .soc img { height:16px }
  .lastline { display:none }
}

@media (max-width:400px) {
	.forbtn { gap:6px !important }
}

@media (max-width:370px) {
	.forbtn { gap:6px }
	.btn { text-transform:none; font-size:15px; }
}