/*@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: local('Roboto'),
		url('../fonts/Roboto-Regular.woff2') format('woff2'),
		url('../fonts/Roboto-Regular.woff') format('woff'),
		url('../fonts/Roboto-Regular.ttf');
}
@font-face {
	font-family: 'Roboto'; 
	font-style: normal;
	font-weight: bold;
	font-display: swap;
	src: local('Roboto'),
		url('../fonts/Roboto-Bold.woff2') format('woff2'),
		url('../fonts/Roboto-Bold.woff') format('woff'),
		url('../fonts/Roboto-Bold.ttf');
}*/
/*@font-face {
	font-family: 'Font Awesome 5 Free'; 
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url('../fonts/fontawesome/webfonts/fa-solid-900.woff2') format('woff2'),
		url('../fonts/fontawesome/webfonts/fa-solid-900.woff') format('woff');
}*/
/*@font-face {
	font-family: "Font Awesome 5 Free";
	src: url("../fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"),
	url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"),
	url("../fonts/fontawesome/fa-solid-900.woff") format("woff"),
	url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"),
	url("../fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg");
	font-style: normal;
	font-weight: 900;
	font-display: swap;
}*/

/*html, body { margin: 0px; padding: 0px; font-family: 'Segoe UI', 'Open Sans', Arial, Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif; font-size: 15px; }*/
html, body { margin: 0px; padding: 0px; font-family: 'Roboto', 'Segoe UI', 'Open Sans', Arial, Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif; font-size: 17px; }
html { background: #fdfdfd; }
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', Arial, Impact, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 34px; font-weight: bold; font-weight: 500; margin-top: 0; padding-bottom: 0; margin-bottom: 0; color: #2474A5; line-height: 1.1; /*letter-spacing: -1px;*/ /*font-weight: normal;*/ /* Для Fira Sans Condensed */ }
h1 { margin-bottom: 10px; }
h2, h3 { font-size: 28px; margin-bottom: 0px; }
h2 { margin: 25px 0 20px 0; color: #d84547; }
h2 span { color: #2474A5; }
#index-travel h2 span, #index-contacts h2 span, #index-pay h2 span { font-size: 18px; font-weight: normal; }
h2 a:link, h2 a:visited, h2 a:active { color: #d84547; text-decoration: underline; }
h2 a:hover { color: #2474A5; }
h1 sup { color: #d84547; line-height: 0.5; }
h2 sup { color: #2474A5; line-height: 0.5; }
h3 { color: #333; font-size: 22px; margin-top: 20px; }
h4 { font-size: 26px; }
h4 a:link, h4 a:visited, h4 a:active { color: #2474A5; text-decoration: underline; }
h4 a:hover { color: #d84547; }
.col2 h3, .col3 h3, .col4 h3 { margin-top: 0; }
a:link {text-decoration: underline; color: #444;}
a:visited {text-decoration: underline; color: #444;}
a:active {text-decoration: underline; color: #444;}
a:hover {text-decoration: underline; color: #2474A5;}
a { transition: all 0.1s ease-out 0s; }
/*td, input, select, textarea { font-family: 'Segoe UI', 'Open Sans', Arial, Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif; font-size: 15px; color: #222; vertical-align: top; line-height: 1.5; }*/
td, input, select, textarea { font-family: 'Roboto', 'Segoe UI', 'Open Sans', Arial, Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif; font-size: 17px; color: #333; vertical-align: top; line-height: 1.7; }
input { outline:none; }
table { border-collapse: collapse; width: 100%; }
td { padding: 0px; margin: 0px; }
table.global { height: 100%; width: 100%; background-position: 10% 80px; background-repeat: no-repeat; }
body { background-position: 10% 80px; background-repeat: no-repeat; }

header { padding: 17px 0 17px 0; }
.td_header { vertical-align: middle; height: 109px; }

/*header { background-image: repeating-radial-gradient(circle, rgba(185,236,254,0.2), rgba(185,236,254,0.2) 10px, rgba(130,221,255,0.2) 10px, rgba(130,221,255,0.2) 20px); background-attachment: fixed; }*/
/*.td_header { background-image: repeating-radial-gradient(circle, rgba(185,236,254,0.2), rgba(185,236,254,0.2) 10px, rgba(130,221,255,0.2) 10px, rgba(130,221,255,0.2) 20px) !important; background-attachment: fixed !important; }*/

header, .td_header {
	background: linear-gradient(to right, rgba(36, 116, 165,0.10) 0%, rgba(216,69,71,0.10) 25%, rgba(36, 116, 165,0.10) 50%, rgba(216,69,71,0.10) 75%, rgba(36, 116, 165,0.10) 100%);
	background-size: 5000px 100%;
	animation: bg 15s linear infinite;
}
@keyframes bg {
	0% { background-position-x: 0; }
	100% { background-position-x: 5000px; }
}


.div_header { position:relative; width: 1140px; width: 1200px;margin: auto; }
.text_slider { width: 1160px; }
.text_slider .fa, .text_slider .fas, .text_slider .fab { color: #2474A5; margin-left: 5px; }
.td_picture, .td_picture_index, .div_picture {
	letter-spacing: -1px;
	height: 160px;
	color: #444;
	font-size: 70px;
	font-family: 'Roboto', Arial, 'Fira Sans Condensed', 'Cuprum', Impact, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-weight: 500;
	vertical-align: middle;
	text-transform: uppercase;
	line-height: 1.2;
	text-shadow: #fff 1px 1px 0px;
}
.td_picture a:hover, .td_picture_index a:hover { color: #444 !important;}
.td_picture_index { height: 200px; }
.td_picture .fa, .td_picture_index .fa { color: #d84547; }
#small { font-size: 40px; }
.td_workarea { padding: 10px 0 30px 0; background: url(../img/bg_shadow_bottom.png) center top no-repeat; }
.div_picture_top { height: 20px; background: url(../img/bg_workarea_circle.png) center left repeat-x; }
.div_picture_bottom { height: 20px; background: url(../img/bg_workarea_circle.png) center left repeat-x; }
.div_footer_top { background: url(../img/bg_footer_top.png) top left repeat; padding: 40px 0; }
.td_footer_top_top { height: 20px; background: url(../img/bg_shadow_top.png) center bottom no-repeat; }
.td_footer { padding: 15px 0; vertical-align: middle; background: url(../img/bg_shadow_bottom.png) center top no-repeat; }
.footer_1 { background-color: rgba(0, 0, 0, 0.03); }
.footer_2 { background-color: rgba(0, 0, 0, 0.07); padding: 15px 0; }
td.logo { vertical-align: middle; width: 170px; line-height: 1; }
td.logo img { display: block; }
td.slogan, .slogan_hidden { vertical-align: middle; font-size: 20px; color: #444; }
td.slogan { /*font-size: 14px;*/ font-size: 16px; width: 360px; line-height: 1; }
td.slogan a { font-size: 28px; font-weight: bold; font-weight: 500; color: #d84547; text-decoration: none; font-family: 'Roboto', Arial, 'Fira Sans Condensed', 'Cuprum', Impact, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; }
td.slogan a:hover { color: #2474A5; }
td.phone { vertical-align: middle; text-align: left; font-family: 'Roboto', Arial, 'Fira Sans Condensed', 'Cuprum', Impact, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 26px; font-weight: bold; font-weight: 500; text-transform: uppercase; color: #d84547; line-height: 1; text-align: right; }
td.phone span { color: #2474A5; font-size: 32px; }
.phone_hidden, .tr_footer_top_hidden, .menu_hidden, .logo_hidden, .slogan_hidden, .footer_hidden, .menu_hidden_gamburger { display: none; }
.footer_hidden { padding-top: 5px; padding-bottom: 5px; }
.tr_footer_top { display: table-row; }
td.address { font-family: 'Segoe UI', 'Open Sans', Arial, Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif; font-size: 16px; color: #444; text-align: right; line-height: 100%; }
td.address a { color: #444; text-decoration: none; }
td.address a:hover{ color: #d84547; }
td.address .fab, td.address .fas, td.address .far { font-size: 20px; margin-left: 10px; }
.phone_hidden .fab { margin-left: 3px; }
td.address .fa-whatsapp, .phone_hidden .fa-whatsapp { color: #0dc143; }
td.address .fa-envelope { color: #2474A5; }
td.address .fa-whatsapp:hover, td.address .fa-envelope:hover { color: #d84547; }
#pink { color: #d84547; }
#blue, .blue { color: #2474A5; }
#grey { color: #444; }
a#grey:hover { color: #2474A5 !important; }

.foot_name, .foot_name a, .foot_name a:link, .foot_name a:active, .foot_name a:visited,
.foot_phone, .foot_phone a, .foot_phone a:link, .foot_phone a:active, .foot_phone a:visited,
.foot_addr, .foot_addr a, .foot_addr a:link, .foot_addr a:active, .foot_addr a:visited,
.foot_counter { font-size: 12px; color: #999; text-decoration: none; }
td.foot_name a:hover, td.foot_phone a:hover, td.foot_addr a:hover { text-decoration: underline; }
td.foot_name { width: 260px; }
td.foot_counter { text-align: right; }
td.foot_counter img { opacity: 0.1; }
td.foot_counter img:hover { opacity: 0.5; }
td.foot_links { width: calc((100% - 50px)/6); margin: 0 10px 0 0; display: block; float: left; }
td.foot_links, td.foot_links a, td.foot_links a:active, td.foot_links a:visited, td.foot_links a:link { color: #666; font-size: 12px; text-decoration: none; }
td.foot_links a:hover { color: #2474A5; color: #d84547 !important; }
td.foot_links p { color: #666; line-height: 1.5; }
td.foot_links p b { color: #444; padding-top: 10px; display: block; }
td.foot_links span, .foot_link { color: #222 !important; font-weight: bold; font-size: 14px !important; color: #2474A5 !important; text-decoration: none !important; }
td.foot_links_last { margin-right: 0; }
table.footer { border-top: 5px solid #e9e9e9; }
td.foot { padding: 5px 15px 0 15px; height: 50px; vertical-align: middle; }
table.price { width: 100%; }
table.price td, table.price th { padding: 5px; font-size: 12px; border: 1px solid #e9e9e9; }
table.price th { font-weight: bold; background-color: #f5f5f5; }
table.price td, table.price th { padding: 7px; font-size: 13px; text-align: center; vertical-align: middle; }
table.price td.left { text-align: left; }
td.copy { height: 60px; vertical-align: middle; color: #a0a0a0; font-size: 11px; text-align: right; }
.imgcustom { border: 1px solid #eee; }
#rr, .rr { color: #d50303; }
a#rr:hover { color: #2474A5; }
#lightgrey, .lightgrey { color: #888; font-size: 85%; }
#lightgrey a, .lightgrey a { color: #888; }
#lightgrey a:hover, .lightgrey a:hover { color: #2474A5; }
ul#sddm #lightgrey { color: #888; font-size: 90%; }
#r { color: #ff0000; }
#r2 { color: #8e1400; }
#green, .green { color: #257A0D; }
tr#light { background-color: #fafafa; }
table.txt { border-collapse: collapse; width: 100%; }
table.txt th { text-align: center; font-weight: bold; font-size: 14px; border: 1px solid #b7b8ba; border: 1px solid #dadada; padding: 7px; color: #e35002; }
table.txt td { text-align: center; border: 1px solid #b7b8ba; border: 1px solid #dadada; font-size: 14px; padding: 7px 7px 7px 10px; vertical-align: middle; }
#old { font-weight: bold; text-decoration: line-through; color: #666; }
#new { font-weight: bold; color: #ff0000; }
.red { color: #ff0000; }
.bread { font-family: 'Segoe UI', 'Open Sans', Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #aaa; margin-top: 0; }
.bread a { color: #aaa; }
.bread a:hover { color: #d84547; }
.right_col { width: 240px; font-size: 13px; padding-left: 40px; display: none; }
.right_col p { margin: 10px 0; }
.right_col_sep { width: 40px; background: url(../img/bg_col_sep.png) center top repeat-y; }
.right_col table td, .right_col table td select, .right_col table td input, .right_col table td textarea { font-size: 13px; }
.right_col h2 { font-size: 24px; }
.right_col p#pink, .services p#pink, div p#pink { font-weight: bold; border-radius: 4px; background-color: rgba(216, 69, 71, 0.1); padding: 5px 10px; }
.right_col p#pink:before { font-family: 'Font Awesome 5 Free'; content: "\f0a8"; content: "\f060"; padding-right: 5px; font-weight: bold; }
.right_col p#pink a { color: #d84547; text-decoration: none; }
.right_col p#pink a:hover{ color: #2474A5; }
.services p#green, div p#green { border-radius: 4px; background-color: rgba(37, 122, 13, 0.1); padding: 5px 10px; }
.col_left { width: calc(100% - 240px - 40px); float: left; }
.col_right { width: 240px; font-size: 13px; padding-left: 40px; float: left; }
.col_right p { margin: 10px 0; }
.col_right table td, .col_right table td select, .col_right table td input, .col_right table td textarea { font-size: 13px; }
.col_right h2 { font-size: 24px; }
.col_right p#pink, .services p#pink, div p#pink { font-weight: bold; border-radius: 4px; background-color: rgba(216, 69, 71, 0.1); padding: 5px 10px; }
.col_right p#pink:before { font-family: 'Font Awesome 5 Free'; content: "\f0a8"; content: "\f060"; padding-right: 5px; font-weight: bold; }
.col_right p#pink a { color: #d84547; text-decoration: none; }
.col_right p#pink a:hover{ color: #2474A5; }
div p#pink { font-weight: normal; padding: 5px 8px; }
.right_col .fa, .right_col .far, .right_col .fas { width: 15px; }
.right_col sup { line-height: 1; color: #d50303; font-weight: bold; }
input[type="submit"]:hover { cursor: pointer; }
input[type="text"], input[type="number"], input[type="password"], input[type="date"], select, textarea { padding: 3px 6px; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #a9a9a9; }
input, textarea { width: 518px; }
select, input[type="submit"] { width: 518px; }
input[type="checkbox"] { width: auto; }
#img_custom, #img_square { border: 1px solid rgba(36, 116, 165, 0.05); }
#img_square { width: 163px; height: 163px; }
#img_doc { width: 20px; height: 20px; margin-right: 7px; }
#img_mark { width: 26px; height: 16px; margin-left: 7px; }
.img_opacity { opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100); }
.img_opacity:hover { opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=50); border: transparent 0; }
.img_mtop30 { margin-top: 30px; }
.img_w100p { max-width: 100%; }
.img_w1000 { width: 100%; max-width: 1000px; }
.img_w800 { width: 100%; max-width: 800px; }
.img_w826 { width: 100%; max-width: 826px; }
.img_w830 { width: 100%; max-width: 830px; }
.img_w600 { width: 100%; max-width: 600px; }
.img_w400 { width: 100%; max-width: 400px; }
.img_w350 { width: 100%; max-width: 350px; }
.img_w300 { width: 100%; max-width: 300px; }
.img_w250 { width: 100%; max-width: 250px; }
.img_w200, .col3 .img_w200, .col4 .img_w200, .img_w200 img { width: 100%; max-width: 200px; }
.img_w163 { width: 100%; max-width: 163px; }
.imgfright { float: right; margin: 0 0 20px 20px; text-align: center; }
.img_shadow { border: none !important; box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); }
table.new td#logo { font-size: 13px; width: 165px; padding-right: 20px; }
.new_works { width: 165px; padding: 0 20px 20px 0; float: left; overflow: hidden; font-size: 13px; min-height: 230px; }
.new_works a { text-decoration: none; color: #777; }
.new_works a:hover { color: #2474A5; }
.body-clients .new_works { padding: 0 15px 20px 0; }
.body-bitrix24 .col2, .col2-new { width: 47.5%; width: calc((100% - 20px - 20px) / 2 - 1px); padding: 0 20px 20px 0; float: left; }
.body-bitrix24 .col2 p, .col2-new p { font-size: 17px; }
.body-bitrix24 .col2 img, .col2-new img  { max-width: 100%; }

/* http://gnatkovsky.com.ua/poyavlenie-bloka-pri-navedenii-s-pomoshhyu-css.html */
.col3-new { float: left; position: relative; width: 323px; width: calc((100% - 40px - 40px - 40px - 20px - 20px) / 3); height: 170px; margin: 0 20px 20px 0; padding: 20px; }
.col3-new:hover { background-color: rgba(36, 116, 165, 0.04); box-shadow: 0px 0px 20px rgba(36, 116, 165, 0.3); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }
.col3-new:hover .col3-new-add { display: block; }
.col3-new:hover p { color: #222; }
.col3-new h2 .fa, .col3-new h2 .fas, .col3-new h2 .far { width: 44px !important; color: #2474A5;
	/*background: -webkit-gradient(linear, left bottom, right top, from(#2474A5), to(#d84547));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
}
.col3-new h2 div { background-color: #2474A5; color: #fff; border-radius: 100%; width: 30px; height: 30px; float: left; text-align: center; }
.col3-new h2, .col2-new h2 { padding-top: 0; font-size: 26px; }
.col3-new p { line-height: 1.5; margin-top: 10px; font-size: 16px; }
.color-1 { background-color: rgba(36, 116, 165, 0.06); }
.color-2 { background-color: rgba(36, 116, 165, 0.06); }
.border-top { border-top: 10px solid rgba(36, 116, 165, 0.1); }
.border-top h2, .border-top h3 { margin: 0; }

/* http://gnatkovsky.com.ua/poyavlenie-bloka-pri-navedenii-s-pomoshhyu-css.html */
.col3-new-add { position: absolute; left: 0; bottom: 0; right: 0; top: 0; background-color: rgba(36, 116, 165, 0.9); display: none; text-align: center; margin-top: -10px; }
.col3-new-add h2 { color: #fff; font-size: 2.4em; padding-top: 34px; line-height: 1.2; }
.col3-new-add h2 span { color: #fff000 !important; }

.col3, .col6, .col4, .col2, .col1 { float: left; background-position: center top; background-repeat: no-repeat; overflow: hidden; }
.col3 p.digits { font-family: 'Roboto', Arial, 'Fira Sans Condensed', 'Cuprum', Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight: 500; text-align: center; font-size: 170px; line-height: 200px; text-shadow: #2474A5 1px 1px 2px; text-shadow: rgba(36, 116, 165, 0.9) 5px 5px 10px; padding: 0; margin: 0; }
.col3 strong, .col6 strong { font-size: 22px; font-family: 'Roboto', Arial, 'Fira Sans Condensed', 'Cuprum', Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 28px; font-weight: 500; }
.col3 ul li, .col6 ul li, .col4 ul li, .col2 ul li, .col1 ul li, .td_workarea .div_header ul li { margin-bottom: 10px !important; }
.col2, .col3, .col4, .col6 { float: left; margin: 0 20px 20px 0; }
.col2 { width: calc((100% - 20px) / 2); }
.col3 { width: calc((100% - 20px - 20px) / 3); }
.col4 { width: calc((100% - 20px - 20px - 20px) / 4); }
.col6 { width: calc((100% - 20px - 20px - 20px - 20px - 20px) / 6); }
.collast { margin-right: 0; }
.colcenter { text-align: center; }
.nth-col2 .col2:nth-child(2n) { margin-right: 0; }
.nth-col3 .col3:nth-child(3n), a:nth-child(3n) .col3-new, .col3-new:nth-child(3n) { margin-right: 0; }
.nth-col4 .col4:nth-child(4n) { margin-right: 0; }
.col2 img, .col3 img, .col4 img, .col6 img { max-width: 100%; height: auto; }
.col2 img.imgcustom, .col3 img.imgcustom, .col4 img.imgcustom, .col6 img.imgcustom { max-width: calc(100% - 2px); height: auto; }
.services { margin: 30px 0; }
.services td { font-size: 13px; width: 25%; padding-right: 20px; }
.services td ul li { margin-bottom: 5px; }
.portfolio { border-collapse: collapse; margin-top: 10px; }
.portfolio th { height: 10px; text-align: left; }
.portfolio td { height: 183px; }
.portfolio td strong { font-size: 110%; }
.inner { font-family: 'Roboto', Arial, 'Fira Sans Condensed', Cambria, Georgia, Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif; font-style: italic; margin: 30px 0 30px 30px; color: #444; font-size: 20px; border-left: 6px solid #aaa; border-left: 10px solid #aaa; padding: 12px 15px; line-height: 1.7; }
.inner strong, .inner b { font-weight: 500; }
.inner a { color: #444; }
.inner a:hover { color: #2474A5; }
.inner b { font-weight: 500; }
.inner2 { font-family: 'Roboto', Arial, 'Fira Sans Condensed', 'Cuprum', Impact, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 30px 0; border: 10px solid rgba(36, 116, 165, 0.1); text-align: center; padding: 20px 20px; font-size: 23px; color: #333; /*border-radius: 20px;*/ background-color: rgba(36, 116, 165, 0.06); }
.inner2 a { color: #333; }
.inner2 a:hover { color: #ea2f38; }
.inner2 b { font-weight: 500; }
.inner2_red { border: 10px solid rgba(216, 69, 71, 0.1); }

.img_text { font-family: 'Segoe UI', 'Open Sans', Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-style: italic; color: #666; font-size: 13px; }
.btn_more { font-family: 'Segoe UI', 'Open Sans', Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-shadow: #888 1px 1px 0px; margin-right: 9px; line-height: 40px; }
.btn_more:link, .btn_more:active, .btn_more:visited, .btn_more:hover {
	text-decoration: none; padding: 3px 8px; color: #555; text-shadow: #fff 1px 1px 0px;

	/* monosnap.com */
	background-color: rgb(245, 245, 245);
	background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(230, 230, 230));
	background-repeat: repeat-x;
	border-width: 1px;
	border-style: solid;
	border-image: none;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgb(179, 179, 179);
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.1);
	/* 29.01.2017 */
	background-color: rgba(36, 116, 165, 0.1);
	background-image: none;
	border-radius: 15px;
	color: #222;
	text-shadow: none;
	font-size: 14px;
	margin-right: 7px;
	/* 29.01.2017 */
}
p .btn_more { display: inline-block; line-height: 1.2; margin-bottom: 14px; }
.btn_more:hover {
	cursor: pointer; background-color: rgb(230, 230, 230); background-image: linear-gradient(to bottom, rgb(230, 230, 230), rgb(244, 244, 244)); background-repeat: repeat-x;
	/* 29.01.2017 */
	background-color: rgba(36, 116, 165, 0.2);
	background-image: none;
	color: #000;
	/* 29.01.2017 */
}
.btn_more_act { box-shadow: 0px 1px 7px rgba(216, 69, 71, 0.7) !important; }
.btn_more2, .btn_more2:link, .btn_more2:active, .btn_more2:visited, .btn_more2:hover { font-family: 'Segoe UI', 'Open Sans', Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; margin-right: 0px; margin-left: 5px; padding: 2px 7px; }
.btn_more_big { font-size: 18px; text-transform: uppercase; margin-right: 0px; border-color: #d84547 !important; font-weight: bold; border-width: 3px !important; border-radius: 20px !important; }
.btn_more_big { border-radius: 10px !important; background-color: rgba(216, 69, 71, 1.0) !important; padding: 9px 30px !important; text-decoration: none !important; color: #fff !important; transition: all 0.1s ease-out 0s; display: inline-block; }
.btn_more_big:hover { background-color: rgba(36, 116, 165, 1.0) !important; border-color: rgba(36, 116, 165, 1.0) !important; }
.btn_more_big span { font-size: 14px; font-weight: normal; text-transform: none; color: #fff999; }
.btn_more_big_green { background-color: rgba(37, 122, 13, 1.0) !important; }
.btn_more_zakaz { background-color: rgba(37, 122, 13, 0.8); text-decoration: none !important; color: #fff !important; border-radius: 4px; padding: 5px 10px 5px 9px; font-size: 12.5px; margin: 0; line-height: 3em; font-family: 'Roboto', Arial, 'Segoe UI', 'Open Sans', Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
.btn_more_zakaz .fa, .btn_more_zakaz .fas { margin-right: 6px; font-size: 100% !important; }
.btn_more_zakaz:hover { background-color: rgba(37, 122, 13, 1); }
.btn_more_zakaz .fa:hover, .btn_more_zakaz .fas:hover { color: #fff !important; }
.btn_center { margin: 0; line-height: 2.5em; }
.btn_right { margin: 0 0 0 12px; line-height: 2.5em; }
.info { border-collapse: collapse; width: 100%; margin-top: 10px; margin-bottom: 20px; }
.info td { padding: 7px 10px; border: #e0dfdf 1px solid; vertical-align: middle; font-size: 15px; }
.info th { font-size: 15px; padding: 7px 7px; margin: 0px; font-weight: bold; text-align: center; color: #444; border: #e0dfdf 1px solid; vertical-align: middle; background-color: #edebeb; background-color: rgba(36, 116, 165, 0.05); }
.info th#rr span { color: #444; font-weight: normal; }
.info th a.btn_more { margin-right: 0; }
.info td#cost { font-weight: bold; text-align: center; }
.info td#cost span, .info td#cost span a { font-weight: normal; color: #999; }
.info td#cost span a:hover { color: #222; }
.info td#left { font-weight: bold; text-align: left; }
.info td#center, .info td.center { text-align: center; }
.info td#yes, .info td.yes { background: url(../img/mark.png) center center no-repeat; }
.info .fa { font-size: 150%; }
.stats { border-collapse: collapse; width: auto; margin-top: 10px; }
.stats th { font-size: 11px; font-weight: normal; line-height: .9; text-align: left; height: 14px; }
.stats td { font-size: 11px; font-weight: normal; line-height: .9; width: 29px; height: 14px; background-color: none; border: 1px solid #fdfdfd; text-align: center; }
.stats td a { display: block; text-decoration: none; height: 14px; float: left; width: 29px; background: #d84547; background: linear-gradient(to top right, #e7927d, #f5c4b7); }
.stats td a:hover { background-color: #2474A5; background: linear-gradient(to top right, #3283b5, #75bae4); text-decoration: none; }
#stats_green { background: #d84547; background: linear-gradient(to top right, #e7927d, #f5c4b7); }
#supercost { font-weight: bold; color: #d84547; font-size: 20px; }
.hidden { display: none; position: relative; top: 0px; left: 0px; }
.icons { margin: 0 7px 0 0; }
table.buttons td { vertical-align: top; text-align: left; }
table.buttons td.left { padding: 0 10px 20px 0; }
table.buttons td.right { padding: 0 0 20px 10px; }
.button { background: url(../img/bg_button.png) left bottom repeat-x; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 20px 10px; font-size: 14px; border: 1px solid #e9e9e9; height: 100px; width: 516px; text-align: left; text-shadow: #fff 1px 1px 1px; }
a.big { font-size: 17px; font-weight: bold; }
.button img { width: 50px; height: 50px; margin: 0 8px 50px 0; float: left; }
.div_actions { text-align: center; vertical-align: middle; color: #fdfdfd; color: #fffccc; font-weight: normal; font-size: 16px; font-family: 'Segoe UI', Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; text-shadow: 1px 1px 2px #000;

/* Убираем рандомные фразы, устанавливаем баннер */
/*	background: #d84547 url(../img/bg_actions.gif) top left repeat-x; Красная полоса
	height: 28px;
	padding-top: 2px; */
	height: 30px;
	background: #ffb800 url(../img/bg_actions_yellow.gif) top left repeat-x;
	background-size: contain;
}
.div_actions a, .div_actions a:link, .div_actions a:active, .div_actions a:visited { color: #fdfdfd; color: #fffccc; text-decoration: none; }
.div_actions a:hover { color: #fdfdfd; color: #fffccc; text-decoration: underline; }
.div_actions .fa { color: #fff000; }
.div_actions b { color: #fff999; }
.form td { vertical-align: top; padding-bottom: 10px; }
.topmenu { font-family: 'Roboto', Arial, 'Fira Sans Condensed', 'Cuprum', Impact, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: right; font-size: 22px; font-weight: bold; width: 730px; width: 720px; }
table.nav td { font-family: 'Segoe UI', 'Open Sans', Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; }
code { border: 1px dashed #999; padding: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: block; }
.primechanie { font-style: italic; font-size: 14px; color: #666; }
.primechanie a { color: #666; }
.primechanie a:hover { color: #2474A5; }
.font100 .fa { font-size: 100%; }
.font100 .fa-chevron-circle-down, .font100 .fa-chevron-circle-up { font-size: 90%; }
.font100 .fa:hover { color: #2474A5; transition: all 0.1s ease-out 0s; }
.font100 tr:hover { background-color: rgba(36,116,165,0.07) !important; transition: all 0.1s ease-out 0s; cursor: pointer; }
.font100 tr th:hover { cursor: text; }
td.foot_links .fa { font-size: 120%; margin-right: 6px; color: #d84547; }
a.btn_more .fa, a.btn_more .fas, a.btn_more .far, a.btn_more .fab { margin-right: 6px; }
td.slogan .fa { color: #d84547; }
.bilo_stalo { width: auto; }
.bilo_stalo th { text-align: left; }
.bilo_stalo td { padding: 0 30px 30px 0; }
.bilo_stalo td.arrow { font-family: 'Segoe UI', 'Open Sans', Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; vertical-align: middle; }
td.text ul li { margin-bottom: 12px; }
.clear { clear: both; }
a.link_png, a.link_pdf, a.link_pps, a.link_doc, a.link_zip, a.link_jpg, a.link_xls, a.link_rar, a.link_php, a.link_txt,  a.link_www { margin: 0px; border: 0px none; padding: 0px 0px 5px 26px; }
a.link_png { background: url("../img/file_png.png") no-repeat scroll left top transparent; }
a.link_pdf { background: url("../img/file_pdf.png") no-repeat scroll left top transparent; }
a.link_pps { background: url("../img/file_pps.png") no-repeat scroll left top transparent; }
a.link_doc { background: url("../img/file_doc.png") no-repeat scroll left top transparent; }
a.link_zip { background: url("../img/file_zip.png") no-repeat scroll left top transparent; }
a.link_jpg { background: url("../img/file_jpg.png") no-repeat scroll left top transparent; }
a.link_xls { background: url("../img/file_xls.png") no-repeat scroll left top transparent; }
a.link_rar { background: url("../img/file_rar.png") no-repeat scroll left top transparent; }
a.link_php { background: url("../img/file_php.png") no-repeat scroll left top transparent; }
a.link_txt { background: url("../img/file_txt.png") no-repeat scroll left top transparent; }
a.link_www { background: url("../img/file_www.png") no-repeat scroll left top transparent; }
.link_nw:after { padding: 0 0 0 2px; margin-right: 3px; vertical-align: middle; content: url("../img/new_window.gif"); }
.divright { line-height: 1; float:right; margin-top:20px; font-family: 'Roboto', Arial, 'Fira Sans Condensed', 'Cuprum', Impact, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 44px; font-weight: 500; color: #d50303; text-align: center; width: 250px; height: 200px; padding-top: 40px; background: url(../img/receipt_small.png) center center no-repeat; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1.0); }
.divright span { display: inline-block; color: #888; font-weight: normal; font-size: 26px; }
.smallphoto { margin: 0 20px 20px 0; }
.nw:after, .link_nw:after { padding: 0 0 0 5px; margin-right: 3px; vertical-align: top; content: url(../img/new_window.gif); }

/* http://mattweb.ru/component/k2/item/63-fiksiruem-menu-pri-prokrutke-stranitsy */
#fixedmenu { z-index: 10001; padding: 0; display: table-cell; }
#fixedmenu_wrapper { width: 100%; height: 46px; background-color: rgba(36, 116, 165, 1.0); z-index: 9999; position: fixed; }
.fixedmenu_content { position: relative; width: 1140px; width: 1200px;margin: auto; }
.font70 { font-weight:normal; font-size:70%; }
.font80 { font-weight:normal; font-size:80%; }
#hidden-01-text, #hidden-02-text, #hidden-03-text, #hidden-04-text, #hidden-05-text, #hidden-06-text, #hidden-07-text, #hidden-08-text, #hidden-09-text,
#hidden-10-text, #hidden-11-text, #hidden-12-text, #hidden-13-text, #hidden-14-text, #hidden-15-text, #hidden-16-text { display: none; }
.gallery-images { display: block; line-height: 0; max-width: 100%; position: relative; }
.gallery-images .bg-images { bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
.gallery-images:hover > .bg-images { background: #fff; background: rgba(255,255,255,.7); -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
.gallery-images .bg-images i { margin: 7px 0 0 7px; }
.gallery-images .bg-images i:before { color: rgba(255,255,255,0.8); color: rgba(216,69,71,0.8); font-size: 20px; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
.gallery-images:hover .bg-images i:before { color: #2474A5; font-size: 30px; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
.instalink { position: fixed; left: 10px; top: 1px; font-family: 'Segoe UI', Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #fff; z-index: 10000; text-shadow: 1px 1px 2px #000; }
.instalink a { text-decoration: none; color: #fff999; }
.instalink a:hover { color: #fff; }
#text_slide1, #text_slide2, #text_slide3, #text_slide4, #text_slide5, #text_slide6, #text_slide7, #text_slide8, #text_slide9, #text_slide10,
#text_slide11, #text_slide12, #text_slide13, #text_slide14, #text_slide15, #text_slide16, #text_slide17, #text_slide18, #text_slide19, #text_slide20,
#text_slide21, #text_slide22, #text_slide23, #text_slide24, #text_slide25, #text_slide26, #text_slide27, #text_slide28, #text_slide29, #text_slide30,
#text_slide31, #text_slide32, #text_slide33, #text_slide34, #text_slide35, #text_slide36 { position: absolute; left: 0px; opacity:0; top: -70px; display: none; }

.div_picture #text_slide1, .div_picture #text_slide2, .div_picture #text_slide3, .div_picture #text_slide4, .div_picture #text_slide5, .div_picture #text_slide6, .div_picture #text_slide7, .div_picture #text_slide8, .div_picture #text_slide9, .div_picture #text_slide10,
.div_picture #text_slide11, .div_picture #text_slide12, .div_picture #text_slide13, .div_picture #text_slide14, .div_picture #text_slide15, .div_picture #text_slide16, .div_picture #text_slide17, .div_picture #text_slide18, .div_picture #text_slide19, .div_picture #text_slide20,
.div_picture #text_slide21, .div_picture #text_slide22, .div_picture #text_slide23, .div_picture #text_slide24, .div_picture #text_slide25, .div_picture #text_slide26, .div_picture #text_slide27, .div_picture #text_slide28, .div_picture #text_slide29, .div_picture #text_slide30,
.div_picture #text_slide31, .div_picture #text_slide32, .div_picture #text_slide33, .div_picture #text_slide34, .div_picture #text_slide35, .div_picture #text_slide36 { top: 20px; }

/********** New styles 05.02.2017 **************/
.td_picture, .td_picture_index { background-color: rgba(36, 116, 165, 0.07); text-shadow: none; }
.td_picture, .td_picture_index { height: 226px; padding-top: 46px; }
.tr_picture_top, .tr_picture_bottom { display: none; }
.td_workarea/*, .td_header*/, .right_col_sep { background: none; }
.tr_footer_top { background-color: rgba(0, 0, 0, 0.03); }
.div_footer_top, .td_footer { background: none; }
.td_footer  { background-color: rgba(0, 0, 0, 0.07); }
.td_footer_top_top { display: none; }
/********** New styles 05.02.2017 **************/

.promo-wrapper { background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 0; margin: 30px 0;}
.promo-wrapper-top { margin-top: 46px; margin-bottom: 0; }
.promo-wrapper-top-new { margin-top: 0; /*font-family: 'Segoe UI', 'Open Sans', Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;*/ font-size: 15px; }
.promo-wrapper-bg { background-color: rgba(0, 0, 0, 0.75); padding: 60px 0; }
.promo-wrapper-bg .div_header { color: #f5f5f5; text-align: center; line-height: 1.8; width: 85%; min-width: 1140px; min-width: 1200px; text-shadow: 1px 1px 2px #000; }
.promo-wrapper-bg .div_header h2 { color: #fff; font-family: 'Roboto', Arial, 'Fira Sans Condensed', 'Cuprum', Impact, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 40px; }
.promo-wrapper-bg .div_header h2 b { font-weight: 500; }
.promo-wrapper-bg .div_header h2 span, .promo-wrapper-bg .div_header h2 sup, .promo-wrapper-bg .div_header b { color: #fff000 !important; }
.promo-wrapper-bg .div_header .btn_more_big { line-height: 1.5; text-shadow: none; }
.promo-wrapper-bg .div_header .btn_more_big:hover { box-shadow: 0 0 40px rgba(0, 0, 0, 0.5); }
.promo-wrapper-bg .div_header p { font-size: 145%; }
.promo-wrapper-bg .div_header h2 { line-height: 1.2; }
.cms-imgs img { opacity: 0.9; }
.cms-imgs img:hover { opacity: 1.0; }

/* http://shpargalkablog.ru/2010/09/postroenie-ssylok-v-html.html */
.hash:target:before { content: ""; display: block; height: 3em; margin-top: -2em; visibility: hidden; }
.portfolio-sites-img { width: 165px; margin: 0 20px 20px 0; float: left; }
.portfolio-sites-text { width: calc(100% - 165px - 20px); margin-top: 0; margin-bottom: 20px; float: left; }
.portfolio-sites-text p { margin: 0 0 15px 0; }
.btn_more:link, .btn_more:active, .btn_more:visited, .btn_more:hover { box-shadow: none; border-radius: 4px; border-width: 0px; padding: 5px 10px; }
.info.font100 .btn_more.btn_center { border: 1px solid #d84547; }
.flags img { margin-right: 10px; width: 32px; height: 32px; }
h3 .fa, h3 .fas, h3 .far, h3 .fab { /*min-width: 30px;*/ padding-right: 10px; color: #d84547; font-size: 120% }
.div_picture { height: 180px; /*padding-top: 46px;*/ }
.div_picture, .div_picture_index { background-color: rgba(36, 116, 165, 0.07); text-shadow: none; }
nav { height: 46px; }
#content { padding: 10px 0 30px 0; }
/*#content .div_header { font-family: 'Segoe UI', 'Open Sans', Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #444; line-height: 1.6; }*/
#content .div_header { font-family: 'Roboto', 'Segoe UI', 'Open Sans', Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #444; line-height: 1.7; }
#content ul li, #content ol li { margin-bottom: 10px; }
#index-pay .info .fa-copy { color: #bbb; }
#index-pay .info .fa-copy:hover { color: #2474A5; }
#index-pay .info .fa-copy:active { animation: 1500ms ease 0s normal none 1 running pulse; }
@keyframes pulse {
	0% { transform: scaleX(1) scaleY(1); }
	10% { transform: scaleX(0.85) scaleY(0.85); }
	20% { transform: scaleX(1) scaleY(1); }
	30% { transform: scaleX(0.85) scaleY(0.85); }
	40% { transform: scaleX(1) scaleY(1); }
	50% { transform: scaleX(0.85) scaleY(0.85); }
	60% { transform: scaleX(1) scaleY(1); }
	70% { transform: scaleX(0.85) scaleY(0.85); }
	80% { transform: scaleX(1) scaleY(1); }
	90% { transform: scaleX(0.85) scaleY(0.85); }
	100% { transform: scaleX(1) scaleY(1); }
}
.font120p { font-size: 120% !important; }
.action { display: none; } /* Отключаю рекламный блок в шапке с 01.09.2023 г. */
.action { vertical-align: middle; width: 330px; }
.action b { color: #2474A5; text-transform: uppercase; }
.action a { text-decoration: none; color: #d84547; line-height: 20px; display: inline-block; padding-left: 10px; }
.action a:hover span, .action a:hover { color: #2474A5 !important; }
.action span { font-size: 140%; color: #d84547; }
.action .small { color: #333; font-size: 80%; text-decoration: underline; line-height: 18px; }
.action { /* https://html5book.ru/css3-gradient/ */
	background-image: repeating-radial-gradient(circle, rgba(185,236,254,0.5), rgba(185,236,254,0.5) 10px, rgba(130,221,255,0.5) 10px, rgba(130,221,255,0.5) 20px);
	background-attachment: fixed;
}
.fon-2 { background-image: linear-gradient(to bottom, rgba(36, 116, 165, 1.0), rgba(36, 116, 165, 0.9)); text-align: center; margin-bottom: 30px; padding-top: 25px !important; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }
.fon-2 h2 { color: #fff000; font-size: 44px; }
.fon-2 p { font-size: 22px; color: #fff; }
.fon-2 form input { border: none; padding: 12px 20px 13px 20px; border-radius: 10px; width: calc(100% - 40px); font-size: 18px; }
.fon-2 form input[type="submit"] { width: 100%; background-color: #ddd; }
input[type="submit"]:hover { cursor: pointer !important; }
.fon-2 form input[type="submit"]:hover { background-color: #257a0d; color: #fff; }
table.info td.for_zakaz_left { border-right: none; }
table.info td.for_zakaz_right { border-left: none; text-align: right; width: 100px; }
.div_menu_cherdak .div_header { overflow: hidden; }
.div_menu_cherdak { background-color: rgba(36, 116, 165, 0.15); }
.menu_cherdak a { display: block; float: left; padding: 0 30px; text-decoration: none; font-size: 14px; line-height: 30px; color: #333; font-family: 'Roboto', Arial, 'Segoe UI', 'Open Sans', Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; }
@-moz-document url-prefix() { .menu_cherdak a { padding: 0 30px; } }
.menu_cherdak a:hover { background-color: rgba(36, 116, 165, 0.05); }
.menu_cherdak a.current { background-color: rgba(36, 116, 165, 0.1); }
.zakaz_zvonka { float: right; }
.zakaz_zvonka a { color: #fff; text-decoration: none; padding: 3px 12px 4px 12px; border-radius: 4px; margin-top: 5px; background-color: rgba(36, 116, 165, 1.0); font-size: 13px; line-height: 13px; font-family: 'Roboto', Arial, 'Segoe UI', 'Open Sans', Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.zakaz_zvonka a:hover { color: #fff; background-color: rgba(37, 122, 13, 0.9); }
.div_picture, .div_picture_index, .tr_picture { display: none; }
.td_workarea { padding-top: 56px; }
.new_works_new { width: calc((100%) / 5); float: left; height: 300px; overflow: hidden; background-size: 100%; }
.new_works_new_title { transition: all 0.1s ease-out 0s; position: relative; left: 0; top: 0; width: calc(100% - 70px); height: 300px; /*display: none;*/ opacity: 0; background-color: rgba(0, 0, 0, 0.8); padding: 35px 35px; vertical-align: top; color: #fff; font-size: 18px; text-shadow: 1px 1px 2px #000; line-height: 1.4; }
.new_works_new_title span { font-weight: bold; font-size: 20px; display: block; color: #fff000; }
.new_works_new:hover .new_works_new_title { opacity: 1; }
.new_works_new { background-position: center top; background-repeat: no-repeat; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
.clients { width: calc((100%) / 5); background-position: center center; height: 200px; background-size: auto; background-color: #fff; }
.sidimdoma { display: inline-block; margin-top: 5px; }
.sidimdoma .fas { margin-right: 8px; }
.menu_hidden_gamburger .fa, .menu_hidden_gamburger .fas { line-height: 70px; font-size: 40px; width: 40px; color: #D84547; transition: all 0.1s ease-out 0s; }
.menu_hidden_gamburger .fas { color: rgba(36, 116, 165, 1.0); }
.menu_hidden_gamburger ul { list-style-type: none; margin: 0px; padding: 0px; }
#menublock { position: absolute; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2); }
#menublock { width: calc(100% - 30px); background-color: rgba(36, 116, 165, 1.0); padding: 6px 15px 6px 15px; z-index: 100000000; }
#menublock li.child { margin-left: 15px; }
#menublock li.child a, #menublock .lightgrey { font-size: 16px; color: #ccc; }
#menublock li.child a { color: #fff; padding: 4px 0 9px 0; }
#menublock a { text-decoration: none; color: #fff; font-size: 18px; display: block; padding: 9px 0; }
#menublock a.current, #menublock li.child a.current { color: #fff000; }
.mesto_dlya_logo { display: table-cell; text-align: center; vertical-align: middle; float: none; font-size: 150%; color: #d84547; /*padding: 10px;*/ position: relative; }
#cbw-chat .author, #cbw-form .author { display: none; }
#cbw-chat form, #cbw-form form { padding: 0 30px 20px 30px !important; margin-bottom: 0; }
#cbw-chat .title, #cbw-form .title { padding: 30px !important; font-family: 'Roboto', Arial, 'Fira Sans Condensed'; text-align: center; font-weight: 500; font-size: 26px !important; }
#price sup { line-height: 1; }
#index-podderzhka-sajtov h2 { text-align: center; }
#index-podderzhka-sajtov .col3-new.color-1.border-top h2 { text-align: left; }
#index-podderzhka-sajtov .col3-new.color-1.border-top .col3-new-add h2 { text-align: center; }
.reveal-modal input, .reveal-modal textarea { border-radius: 4px; padding: 6px 10px 7px 10px; border-color: #ccc; width: calc(100% - 22px); }
.reveal-modal input[type="submit"] { width: 100%; background-color: rgba(37, 122, 13, 0.8); border-width: 0; color: #fff; border-radius: 4px; font-weight: 400; line-height: 30px; font-family: 'Roboto', Arial, 'Segoe UI', 'Open Sans', Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; transition: all 0.1s ease-out 0s; }
.reveal-modal input[type="submit"]:hover { background-color: rgba(37, 122, 13, 1); }
.reveal-modal input[type="checkbox"]:hover { font-weight: normal; }
.reveal-modal td { font-weight: 600; }
.reveal-modal tr:last-child td { padding-bottom: 0; }
.reveal-modal input[type="checkbox"] { width: auto; }
.reveal-modal h2 { margin-top: 0; }
.table_price tbody tr:nth-child(2n) { background-color: #fafafa; }
#bg-image.lazy { background-image: none !important; background-color: #F1F1FA; }



#sddm { display: flex; margin: 0; padding: 0; z-index: 10001; font-family: 'Roboto', Arial, 'Fira Sans Condensed', 'Cuprum', Impact, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#sddm li { flex: 1 1 auto; margin: 0; padding: 0; list-style: none; float: left; height: 46px; line-height: 46px; }
#sddm li a { display: block; width: auto; text-align: center; text-decoration: none; background-color: #aaa; color: #fff; background-color: rgba(36, 116, 165, 1.0); font-weight: normal; padding: 0px 19px; font-size: 19px; transition: none; }
#sddm li a:hover { background-color: rgba(255, 255, 255, 0.2); }
#sddm li a.current { background-color: rgba(255, 255, 255, 0.3); }
#sddm li div a.current { background: rgba(246, 246, 246, 0.95); color: #2474A5;}
#sddm li a.has-child:after { font-family: 'Font Awesome 5 Free'; speak: none; font-style: normal; font-weight: 900; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; /*content: "\72";*/ content: "\f107"; vertical-align: -10%; /*font-size: 9px;*/ /*padding: 0 0.5em; padding: 0 0 0 0.5em;*/ padding: 0 0 0 0.3em; }
#sddm li span.caption { display: block; padding: 12px 12px 0px 12px; text-align: left; font-weight: 600; font-size: 16px; line-height: 24px; text-transform: uppercase; color: #333; background: rgba(246, 246, 246, 0.95); }
#sddm .fa { width: 24px; color: #999; }
#sddm  a:hover .fa { color: #2474A5 !important; }
#sddm div { position: absolute; visibility: hidden; margin: 0; padding: 0; background: rgba(246, 246, 246, 0.95); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.4); z-index: 10002; }
#sddm div a { position: relative; display: block; margin: 0; padding: 5px 17px 5px 12px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; color: #222; font-size: 15px; line-height: 25px; font-weight: normal; text-transform: none; background: rgba(246, 246, 246, 0.95); }
#sddm div a b { font-weight: 600; text-transform: uppercase; color: #333; }
#sddm div a:hover { border: none; background-image: linear-gradient(to top, #edebeb, #f7f7f7) !important; color: #2474A5; margin: 0px; }

.nooferta { font-size: 11px; color: #555; text-align: center; padding: 10px 0; }
.content_news .text h3 { margin-top: 30px; }

.btn_more_zakaz, .btn_more_zakaz + br, .fon-2, .btn_more_big.btn_more_big_green, .btn_more_big { display: none; }

/* http://sampleweb.ru/articles/usloviya-css-dlya-ekrana/ */

/* iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	#hidden-01-text, #hidden-02-text, #hidden-03-text, #hidden-04-text, #hidden-05-text, #hidden-06-text, #hidden-07-text, #hidden-08-text,
	#hidden-09-text, #hidden-10-text, #hidden-11-text, #hidden-12-text, #hidden-13-text, #hidden-14-text, #hidden-15-text, #hidden-16-text { display: table-row !important; }
	.share42init, .instalink { display: none; }
}

/* iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.div_header { width: 100%; max-width: 1000px; }
	#sddm li a { font-size: 17px; }
	.td_picture, .td_picture_index { font-size: 60px; }
	.promo-wrapper-bg .div_header { min-width: 97%; }
	div.col3-new { width: calc((100% - 40px - 40px - 20px) / 2); }
	a:nth-child(3n) .col3-new { margin-right: 20px; }
	a:nth-child(2n) .col3-new { margin-right: 0; }
	#index .clients, #index-podderzhka-sajtov .clients { width: calc((100%) / 4); }
}

/* iPad in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#sddm li a { font-size: 19px; }
}

/* Retina iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Retina iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {}

/* Retina iPad in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {}

/* iPad 1 & 2 in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1){}

/* iPad 1 & 2 in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)  {}

/* iPad 1 & 2 in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {}

/*@media only screen and (max-width: 1100px) { */
/*@media only screen and (max-width: 768px) {*/
@media only screen and (max-width: 1024px) {
	html { background-image: none; }
	body, .global { background: none; }
	#sddm div, div.share42init/*, .fa*/, .jivo-fixed-bottom, .div_actions, .phone, .address, .instalink { display: none !important; width: 0px !important; height: 0px !important; }
	.slogan_hidden .fa { display: inline !important; padding-right: 7px; }
	.slogan_hidden a { color: #D84547; text-decoration: none; font-weight: 500; }
	.slogan_hidden a:hover { color: #2474A5; }
	.topmenu { font-size: 18px; }
	#sddm li { font-size: 15px; height: 34px; line-height: 33px; }
	#sddm li a .fa, #sddm li a .fas, #sddm li a .far { line-height: 33px; }
	td.phone span { font-size: 26px; }
	.td_picture { font-size: 50px; height: auto; }
	#small { font-size: 30px;}
	.col_left, .div_header { width: 97%; max-width: 1140px; max-width: 1200px; }
	.td_footer_top .div_header { width: 100%; }
	td.slogan, .slogan_hidden { font-size: 15px; line-height: 1; }
	.btn_more_big  { padding: 9px 20px !important; }
	.btn_more  { line-height: 30px; }
	.btn_more .fa { display: inline !important; }
	#index .btn_more { padding: 10px 15px; font-size: 14px; margin-top: 20px; }
	#index .div_header p:first-child { margin-top: 0; }
	.col_right, .right_col, .right_col_sep, .table_desktop { display: none; width: 0px !important; height: 0px !important; }
	#sddm li a { padding: 0px 7px !important; font-size: 17px; margin-right: 1px; }
	td.logo { width: 130px; padding: 4px 0; }
	td.logo img { width: 120px; height: auto; }
	.logo4 { padding-right: 0px; }
	.phone_hidden { display: inline; font-size: 24px; line-height: 24px; }
	.phone_hidden b { color: #D84547; }
	.menu_hidden, .menu_hidden_gamburger { display: block; font-family: 'Roboto', Arial, 'Fira Sans Condensed', 'Cuprum'; }
	.menu_hidden #sddm li { float: left; }
	.logo_hidden { width: 70px; padding: 4px 0; display: block; float: left; }
	.logo_hidden img { width: 62px; height: 62px; display: none; }
	.logo_hidden a { width: 62px; height: 62px; font-weight: bold; font-size: 38px; display: table-cell; background-color: #D84547; font-family: Impact; vertical-align: middle; text-align: center; text-decoration: none; color: #fff; }
	.logo_hidden a:before { content: 'TD'; }
	.slogan_hidden { display: block; text-align: left; padding-top: 3px; font-family: 'Roboto', Arial, 'Fira Sans Condensed', 'Cuprum', Impact, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: 500; }
	.slogan_hidden { float: left; width: calc(100% - 70px - 40px); }
	.menu_hidden_new { text-align: center; line-height: 20px; background-color: rgba(36, 116, 165, 1.0); }
	.menu_hidden_new a { background-color: rgba(36, 116, 165, 1.0); padding: 6px 8px !important; font-size: 17px; text-decoration: none; color: #fff; display: inline-block; }
	.menu_hidden_new a:hover { color: #fff; background-color: rgba(36, 116, 165, 0.7); background-color: rgba(255, 255, 255, 0.3); }
	.menu_hidden_new a.current { background-color: rgba(36, 116, 165, 0.7); background-color: rgba(255, 255, 255, 0.3); }
	.topmenu { display: none !important; width: 0px !important; height: 0px !important; }
	.tr_picture, .tr_picture_bottom, .tr_footer_top, .foot_phone, .foot_addr, .div_picture, .footer_1  { display:none !important; width: 0px !important; height: 0px !important; }
	#toTop { display:none !important; width: 0px !important; height: 0px !important;}
	.foot_name { width: auto !important; }
	.tr_footer_top_hidden { display: table-row; }
	.footer_hidden { display: block; }
	.tr_footer_top_hidden td, .footer_hidden td { color: #bbb !important; }
	.tr_footer_top_hidden td a.foot_link, .footer_hidden td a.foot_link { font-size: 15px !important; }
	.td_footer_top { padding: 12px 10px; }
	h1 { font-size: 28px; line-height: 30px; }
	h2 { font-size: 24px; line-height: 26px; }
	h2 sup { line-height: 1; }
	.col1, .col2, .col3, .col4, .col2-new { width: 100% !important; padding-right: 0 !important; }
	.col3-new { width: calc(100% - 20px - 20px); min-height: auto; }
	.col3-new h2 { font-size: 28px; }
	.col3-new-add h2 { font-size: 3em; }
	.col3-new h2 .fa { display: inline !important; padding-right: 12px; }
	.col3-new-add { width: 100%; }
	.color-2 { background-color: rgba(36, 116, 165, 0.06); }
	div.new_works { padding: 0; margin: 0 10px 20px 0; width: calc((100% - 10px) / 2); min-height: auto; }
	div.new_works:nth-child(2n+1) { margin-right: 0; }
	div.new_works img { width: calc(100% - 2px) !important; height: auto !important; }
	#fixedmenu_wrapper { display: none !important; width: 0px !important; height: 0px !important; }
	.reveal-modal { left: 0; left: calc(10%/2 - 5px); margin: 0 auto; max-width: 90%; padding: 5px; }
	input, textarea { width: 100%; }
	select, input[type="submit"] { width: 100%; }
	.inner { margin-left: 0 !important; font-size: 18px !important; }
	#sddm li a:hover, #sddm li a.current { background-color: rgba(36, 116, 165, 0.7); }
	.bread { margin-bottom: 8px; }
	.tr_footer_top_hidden, .footer_hidden { background-color: rgba(0, 0, 0, 0.03); }
	.promo-wrapper-top { margin-bottom: 0; }
	.promo-wrapper-bg { padding: 20px 0; }
	.promo-wrapper-bg .div_header h2 { font-size: 30px; margin-top: 10px; }
	.promo-wrapper-bg .div_header p { font-size: 18px; line-height: 1.6; }
	.promo-wrapper-bg .div_header { min-width: 97%; }
	.fon-2 h2 { font-size: 36px; margin-top: 10px; }
	#sddm li a .fa, #sddm li a:hover .fa { color: #fff !important; }
	.info td, .info th { font-size: 13px; }
	.info { display: block; max-width: 200px; }
	.font70 { font-size: 100%; }
	.divright { width: 180px; background-size: 95%; margin-top: 0; font-size: 30px; height: 140px; padding: 25px 20px 20px 20px; background-position: center top; background-size: 100%; }
	.divright span { font-size: 18px; }
	.stats { display: none; }
	header { padding: 0;  }
	header, .td_header { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
	nav { height: auto; margin: 0 auto; background-color: rgba(36, 116, 165, 1.0); }
	footer { font-family: 'Segoe UI', 'Open Sans', Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.5; font-size: 15px; }
	footer .footer_hidden a { font-size: 15px !important; }
	footer .footer_hidden { color: #aaa; font-size: 80%; }
	table.info { display: block; width: 100%; max-width: 100%; overflow: auto; }
	.mobile_nomargin { margin: 0; }
	.font120p { font-size: 100% !important; }
	.info.font100 .btn_more.btn_center .fa { display: none !important; }
	code { width: calc(100% - 12px) !important; max-width: calc(100% - 12px) !important; font-size: 13px; padding: 10px 0 10px 10px; }
	.inner2 { font-size: 20px; margin: 20px 0; padding: 15px; line-height: 28px; }
	/*.fon-2 form input { width: 100%; }*/
	.cms-imgs img { height: 35px; width: auto; }
	.div_menu_cherdak { display: none; }
	.td_workarea { padding-top: 10px; }
	.hash:target:before { height: 0; margin-top: 0; }
	.new_works_new { width: calc((100%) / 2); height: 200px; }
	.new_works_new_title { font-size: 14px; padding: 15px 20px; width: calc(100% - 40px); }
	.new_works_new_title span { font-size: 16px; }
	#index .new_works_new_wrapper a:last-child, #index-podderzhka-sajtov .new_works_new_wrapper a:last-child, #korporativnyj-sajt-pod-klyuch .new_works_new_wrapper a:last-child { display: none; }
	.clients { background-position: center center; height: 160px; }
	.mobile-hide { display: none; }
	.promo-wrapper-bg .div_header .btn_more_big { width: calc(100% - 70px); }
	.td_header { height: auto; }
	.sidimdoma { margin-top: 0; font-weight: normal; }
	.imgfright { margin: 0 0 10px 10px; }
	#backcall.cfg_align_left-bottom { left: 15px !important; bottom: 15px !important; }
	.col2 img, .col3 img, .col4 img, .col6 img { width: 100%; height: auto; }
	
	.img_w400 { width: 100%; max-width: 400px; }
	.img_w350 { width: 100%; max-width: 350px; }
	.img_w300 { width: 100%; max-width: 300px; }
	.img_w250 { width: 100%; max-width: 250px; }


	/************ Для прокручивающегося по горизонтали верхнего меню *********************/
	/*.menu_hidden { overflow-x: auto; }
	.menu_hidden_new a { display: table-cell; }*/
	/************ Для прокручивающегося по горизонтали верхнего меню *********************/
	
}