@charset "utf-8";

/* ------------------ Стили отдела продвижения. Оптимизатор: Надежда Зайцева. Помощник оптимизатора: Иванова Алина. ----------------------*/

 table.tariff {width:100%;border:none;padding:0;margin:0}
 table.tariff td {vertical-align:top}
 table.tariff td.left {width:151px}
 table.tariff td.right {font-size:16px}
 div.nname {font-size:20px;color:#333333;padding:5px 0;margin-top:6px}
 table.price {width:100%;border:none;margin:0;padding:0}
 table.price td {vertical-align:top;padding:5px;background:#F5F5F5;border-bottom:2px solid #FFF;font-size:15px}
 table.price td span {font-size:18px}
 table.price td.rrigth {width:145px}

/*таблица, карты, блоки*/

div.k-block1 {
	border: 1px solid rgba(247,247,247,1);
    border-radius: 10px;
    background: rgba(247,247,247,1);
}

table.k-table {
	width: 890px;
    margin: 18px 18px;
}

div.k-block2 {
	display: inline-block;
    border: 1px solid #6E829F;
}

/*аккордеон*/

div.accknop {
	border: 1px solid #0E3571;
    display: inline-block;
    padding: 8px 14px;
    color: #0d3470;
    background: #fff;
    margin: 3px 0px;
}

div.accknop:hover {
	cursor: pointer;
	color: #000;
}

div.acckontent {
	background: #E9E9E9;
    padding: 15px;
    margin: 7px -1px;
    border: 1px solid #DFDFDF;
}


a.tmakn {
    display: inline-block;
    border: 1px solid #527BBB;
    padding: 7px 22px;
    border-radius: 10px;
    background: linear-gradient(to bottom, rgb(118, 176, 255) 0%, rgb(62, 92, 147) 100%);
    color: #FFFFFF;
    font-weight: bold;
    margin: 5px 20px;
    text-decoration: none;
}

a.tmakn:hover {
	text-decoration: none;
    color: #fced20;
    background: #527BBB;
}

div.cifr {
	float: left;
    border: 1px solid #D5D5D5;
    width: 24px;
    height: 19px;
    border-radius: 50%;
    text-align: center;
    padding: 4px 0px 0px 0px;
    margin: -4px 10px 0px 15px;
    background: #DFDFDF;
    color: #000;
}

p.kakh2 {
	font-size: 19px;
}

div.blvopros {
	color: #3a3a3a;
}

div.stat {
    border: 2px dashed #00A1CF;
    border-radius: 0px 0px 15px 15px;
    margin: 0px 0px 20px 0px;
    padding: 10px;
    width: 98%;
}
.zagstat {
    border: 2px solid #00A1CF;
    border-radius: 15px 15px 0px 0px;
    margin: 10px 0px -2px 0px;
    padding: 6px 10px;
    width: 98%;
}
p.zagol {
    text-align: center;
    font-size: 16px;
    color: #00baf2;
    margin: -10px 1px 1px 1px;
    font-style: oblique;
    text-transform: uppercase;
}

div.stat a {
    color: #444;
}

div.stat a:hover {
    color: #00baf2;
}

.stat li {
    padding: 2px 0px;
}

div.accknop {
	border: 1px solid #0E3571;
    display: inline-block;
    padding: 8px 14px;
    color: #0d3470;
    background: #fff;
    margin: 3px 0px;
}

div.acckontent {
	background: #aaa;
	padding: 15px;
	margin: 0px 5px;
}

.markdiv {
    margin: 10px 5px;
    padding: 10px 25px;
    box-shadow: inset 0px 0px 25px 1px #abcdff, 0px 1px 5px 0px #666;
    -moz-box-shadow: inset 0px 0px 25px 1px #abcdff, 0px 1px 5px 0px #666;
    -webkit-box-shadow: inset 0px 0px 25px 1px #abcdff, 0px 1px 5px 0px #666;
    border: 1px solid #6c90c7;
    outline: 2px solid #fff;
    outline-offset: -3px;
    color: #393939;
}

.markdiv p {
    font-size: 15px;
}

.markdiv span {
	border-bottom: 1px solid #6c90c7;
}

.markdiv li {
    padding-bottom: 6px;
}

.markdiv a {
    text-decoration: underline;
}

.markdiv a:hover {
    text-decoration: none;
}

img.shadow {
    border-radius: 3px;
    box-shadow: 0px 1px 5px 0px #666;
    -moz-box-shadow: 0px 1px 5px 0px #666;
    -webkit-box-shadow: 0px 1px 5px 0px #666;
    border: 1px solid white;
}

.forzag {
    border-bottom: 1px solid #e4e4e4;
    margin-right: 5px;
    padding-bottom: 3px;
    color: #3b3b3b;
}

ul.blcircle {
	padding-left: 20px;
}

ul.blcircle li {
	list-style-type: none;
    background: url(/d/1737663/t/images/images/yellowc.png) no-repeat 0px 4px;
    padding: 0px 0px 5px 25px;
    font-style: italic;
    color: #222222;
}

.specialist {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.specialist div {
    margin: 5px;
    text-align: center;
    padding: 8px 8px 15px 8px;
    border-radius: 3px;
    box-shadow: 0px 0px 6px 0px #666;
}

.specialist img {
    border-radius: 2px;
    border: 1px solid #2658a3!important;
    width: 300px;
}

.specialist img:hover {
    border: 1px solid #fff!important;
}
.specialist div:hover {
    background: #d9e8ff;
}

.decor-block-top-frm2 {
    background: #f1f1f1!important;
    border: 2px solid #ffffff!important;
    box-shadow: 0px 0px 2px 1px #cccccc!important;
    margin: 5px 0px!important;
}

.decor-block-top-frm-body2 {
    color: #777777!important;
}

.decor-block-top-frm-tit2 {
    color: #5179b7!important;
}

button.gr-button {
    color: #234f92!important;
    box-shadow: 0px 1px 3px 1px #9c9c9c!important;
    font-size: 16px!important;
    background: linear-gradient(to bottom, #fced20 0%, #fbf490 50%, #ecdc00 100%)!important;
}

button.gr-button:hover {
    color: #fced20!important;
    box-shadow: 0px 0px 1px 1px #999!important;
    background: linear-gradient(to bottom, #264473 0%, #2658a3 50%, #517cc7 100%)!important;
}

.decor-block-top-pic2 {
    border: 2px solid #ffffff!important;
    box-shadow: 0px 0px 2px 1px #cccccc!important;
    margin: 5px 3px;
}

body .decor-contacts-wr .tablew .td.first {
    background: linear-gradient(to bottom, #f1fdff 0%, #fff 90%)!important;
    border-radius: 10px 10px 2px 2px;
    padding: 5px 10px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 6px 0px #aaa;
    margin-bottom: 10px;
    width: 49%!important;
    margin-right: 2%!important;
}

body .decor-contacts-wr .tablew .td.second {
    background: linear-gradient(to bottom, #f1fdff 0%, #fff 90%)!important;
    border-radius: 10px 10px 2px 2px;
    padding: 5px 10px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 6px 0px #aaa;
    margin-bottom: 10px;
    width: 49%!important;
}

.decor-darant-tit {
    text-align: center;
    background: none!important;
    color: #444!important;
}

.decor-cont-tit {
    text-align: center;
    background: none!important;
    color: #444!important;
}

body .decor-contacts-wr .tablew {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

body .decor-darant-wr ul li:after {
    background: url(/d/1737663/t/images/images/yellowc.png) no-repeat center center!important;
    width: 41px!important;
}


.kontblpage li{
    padding: 2px 0px;
    font-size: 17px;
    list-style-type: none;
    color: #2658a3;
}

.minikontbl {
	border: 1px solid #fcef39;
}

.pricepage {
    margin: 20px 10px;
    box-shadow: 0px 0px 6px 0px #aaa;
    border: 5px solid #fff;
}


.pricepage div {
    padding: 9px 5px;
    margin: 5px 0px;
    background: #f5f5f5;
    font-size: 12pt;
}

.pricepage div:first-child {
    margin-top: 0px;
}

.pricepage div:last-child {
    margin-bottom: 0px;
}

.pricepage span {
    font-weight: bold;
    color: #2658a3;
    margin-right: 7px;
}

.pricepage div:hover {
    background: #fffbc4;
}

.pricepage p {
    text-align: center;
    margin: 12px 0px 5px;
}

.pricepage a {
    border-bottom: 2px dashed;
    text-decoration: none;
}

.pricepage a:hover {
    border-bottom: 0;
    text-decoration: none;
    color: #133e80;
}

.kartgl {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.kartBlock {
    width: 45%;
    margin: 10px 5px 10px 0px;
    border: 1px solid rgba(247,247,247,1);
    border-radius: 10px;
    background: rgba(247,247,247,1);
    padding: 20px;
}

.kartRam {
	border: 1px solid #6E829F;
}

.ph {
    font-size: 23px;
    color: #232323;
    margin: 3px 0px;
}

span.smallph {
    color: #5f5f5f;
}

div.tit { display: none; }

ol.cifry li {
    font-size: 20px;
    line-height: 1;
    padding: 0px 0px 12px 0px;
    color: #2658a3;
}

ol.cifry li span {
    font-size: 14px;
    line-height: 0.5;
    color: #333333;
}

/*-----------------------------------Обновление контактов-------------------------------------------*/

.bigbl {
    box-shadow: 0px 0px 4px 0px #aaa;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1px 10px 5px;
}

p.bigzag {
    width: 100%!important;
    text-align: center;
    font-size: 20px;
    color: #1e4886;
}

.smalbl {
    width: 42%;
    margin: 5px 10px;
    background: #f9f9f9;
    padding: 1px 15px;
    border: 1px solid #e4e4e4;
}

.smalbl p:nth-child(1) {
    background: url(/d/1737663/t/images/metrico.png) no-repeat 0px 0px;
    padding: 4px 0px 4px 30px;
    font-size: 15px;
}

.smalbl p:nth-child(2) {
    background: url(/d/1737663/t/images/markico.png) no-repeat 0px 0px;
    padding: 4px 0px 4px 30px;
    font-size: 16px;
}

.smalbl p:nth-child(3) {
    background: url(/d/1737663/t/images/phonico.png) no-repeat 0px 0px;
    padding: 3px 0px 4px 30px;
    font-size: 16px;
    color: #111;
    line-height: 1.5;
}

.ykart {
    width: 96.5%;
    border: 1px solid #afafaf;
    margin: 10px 0px;
    height: 400px;
}

.smalbll {
    width: 43%;
    margin: 5px 10px;
    background: #f9f9f9;
    padding: 0px 11px;
    border: 1px solid #e4e4e4;
}

.smalbll img {
    width: 98%;
    border: 1px solid #dadada;
    padding: 2px;
}

.kntknop {
	cursor: pointer;
    width: 99%;
    border: 1px solid #fced22;
    text-align: center;
    margin: 7px 10px;
    padding: 7px 0px;
    background: url(/d/1737663/t/images/arrdwn1.png) no-repeat right 3px, linear-gradient(to bottom, #fff889 0%, #e6dd56 100%);
    border-radius: 4px;
    box-shadow: 0px 1px 3px 0px #aaa;
    text-transform: uppercase;
    font-size: 13px;
    color: #3f6088;
}

.kntknop:hover {
    border: 1px solid #fff455;
    background: url(/d/1737663/t/images/arrdwn2.png) no-repeat right 3px, linear-gradient(to bottom, #d4c700 0%, #f7ea35 100%);
    color: #ffffff;
    box-shadow: 0px 0px 3px 0px #aaa;
    text-shadow: 1px 0px 2px #666;
}

.g-comment {
    background: linear-gradient(to bottom, #fafeff 0%, #f1fdff 100%)!important;
    border: 2px solid #fff!important;
    box-shadow: 0px 0px 4px 0px #aaa!important;
}

.g-comment__author {
    color: #3a5782!important;
}

.g-header.g-header--h2 {
    text-align: center;
}

form.g-board__form {width: 470px;margin: 0px auto 0px;}


.g-form-row.g-form-row--submit {
    text-align: center;
}

.g-form-field__value input#post_name {width: 457px;}

.g-form-field__value input#post_mail {
    width: 457px;
}

.g-board .g-button {
    background: #fced20!important;
    border: 1px solid #fced20!important;
    color: #2658a3!important;
    text-shadow: none!important;
    box-shadow: 0px 1px 5px -1px #666!important;
}

.g-board .g-button:hover {
    background: linear-gradient(to bottom, #133d7d 0%, #567db8 100%)!important;
    border: 1px solid #4068a5!important;
    color: yellow!important;
    box-shadow: 0px 1px 2px 0px #666!important;
}

.g-form-row.g-form-row--submit .g-button {
    color: #2658a3!important;
}

.g-form-row.g-form-row--submit .g-button:hover {
    color: yellow!important;
}

@media screen and (max-width:1024px){
	.main {
		width: 670px;
		margin-left: auto!important;
		margin-right: auto!important;
		float: none;
 	}
}

@media screen and (max-width: 990px) {
	.kartBlock {
		width: 100%!important;
	}
}

@media screen and (max-width: 715px) {
	.smalbl, .smalbll {
		width: 100%;
	}
	.smalbll img {
		width: 300px;
		display: block;
		margin:0px auto;
	}
}

@media screen and (max-width:710px){
	.main {
		width: 100%;
	}
}

@media screen and (max-width:680px){
	body .decor-contacts-wr .tablew .td.second{
		width: 97%!important;
		margin: 10px 5px;
		border-radius: 10px!important;
	}
	body .decor-contacts-wr .tablew .td.first{
		width: 100%!important;
		margin: 10px 5px;
		border-radius: 10px!important;
	}  
}

@media screen and (max-width: 630px) {
	.ykart {
		width: 95%;
	}
}

@media screen and (max-width: 510px){
    form.g-board__form {
        width: 100%
    }
    .g-form-field__value input#post_name {
        width: 100%;
        display: block;
    }
    .g-form-field__value {
        display: block;
    }
}

@media screen and (max-width: 500px) {
	.kartBlock {
		margin: 10px 0px;
	}
	.zagstat {
		padding: 8px 5px;
		width: 95%;
	}
	div.stat {
		padding: 10px 5px;
		width: 95%;
	}
	p.zagol {
		font-size: 15px;
		margin: 4px auto 1px;
	}
	p.zagol img {
		display: none;
	}
	img.skryt {
		display: none;
	}
	table.tariff td.left {
		width:0px
	}
	.markdiv ol, .markdiv ul {
		padding-left: 20px;
	}
}

@media screen and (max-width: 430px) {
	p.bigzag {
		font-size: 17px;
	}
	.smalbll img {
		width: 100%;
	}
}

@media screen and (max-width: 400px) {
	.kartBlock {
		padding: 10px;
	}
	.kartBlock img {
		display:none!important;
	}
}

@media screen and (max-width: 390px) {
	.smalbl p:nth-child(2) {
		font-size: 15px;
	}
	p.bigzag {
		font-size: 16px;
	}
	.smalbl p {
		padding: 2px 0px 2px 26px!important;
	}
	.ykart {
		width: 94%;
	}
}

@media screen and (max-width:350px){
	body .decor-contacts-wr .tablew .td.second{
		margin: 10px 0px; padding: 0px;
	}
	body .decor-contacts-wr .tablew .td.first{
		margin: 10px 0px;
		padding: 0px;
	}
	.pricepage {
		margin: 20px 0px;
	}
}
@media screen and (max-width: 340px) {
	.bigbl {
		padding: 1px 4px 5px;
	}
	.smalbl p {
		background: none!important;
		padding: 0px!important;
	}
}