@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxhgVThLs8Y7ETJzDCYFCSLE.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxpiMaisvaUVUsYyVzOmndek.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxrBAWGjcah5Ky0jbCgIwDB8.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxv14vlcfyPYlAcQy2UfDRm4.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxqfJul7RR1X4poJgi27uS4w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxqvyPXdneeGd26m9EmFSSWg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxko2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v14/xjAJXh38I15wypJXxuGMBjTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v14/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v14/xjAJXh38I15wypJXxuGMBkbcKLIaa1LC45dFaAfauRA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v14/xjAJXh38I15wypJXxuGMBmo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v14/xjAJXh38I15wypJXxuGMBr6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v14/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v14/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxmgpAmOCqD37_tyH_8Ri5MM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxsPNMTLbnS9uQzHQlYieHUU.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxgyhumQnPMBCoGYhRaNxyyY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxhUVAXEdVvYDDqrz3aeR0Yc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxlf4y_3s5bcYyyLIFUSWYUU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxnywqdtBbUHn3VPgzuFrCy8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxl2umOyRU7PgRiv8DXcgJjk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxp6iIh_FvlUHQwED9Yt5Kbw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxi_vZmeiCMnoWNN9rHBYaTc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxiFaMxiho_5XQnyRZzQsrZs.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxgalQocB-__pDVGhF3uS2Ks.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxmhQUTDJGru-0vvUpABgH8I.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxujkDdvhIIFj_YMdgqpnSB0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* Ubuntu */
@font-face {
    font-family: 'Ubuntu Bold';
    src: url('../font/Ubuntu.ttf') format('truetype');
    
}

/* Сброс */
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, fieldset, 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; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 }

html { height: 100%; min-height: 100%; }
body { min-height: 100%; }
html, html a { -webkit-font-smoothing: antialiased; }

/* Настройка основной типографии */
body {
	font-family: 'Open Sans', sans-serif;
	color: #222425;
	background-color: #e5e9ea;
	outline: none;
	text-rendering: optimizeLegibility;
}
	a { 
		outline: none;
		color: #535e76;
		text-decoration: none;
	}
	a:hover { text-decoration: underline; }

	a img { border: 0 none; }
	a > img { vertical-align: bottom; }

/* Заголовки H1-6 */
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
	margin: 10px 0 10px 0;
	font-family: 'Ubuntu Bold';
	line-height: normal;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}
h1, .h1 { font-size: 23px; }
h2, .h2 { font-size: 21px; }
h3, .h3 { font-size: 20px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 16px; }

.addcomment h3 { margin: .3em 0 .6em 0; }

.dlevideoplayer ul[data-theme] {
	display: none;
}

/* Частые стили */
.strike { text-decoration: line-through; }
.nobr { white-space: nowrap; }
.hide { display: none; }
.title_hide { left: -9999px; position: absolute; top: -9999px; overflow: hidden; width: 0; height: 0; }
.uline { text-decoration: underline; }
.strike { text-decoration: line-through; }
.justify { text-align: justify; }
.center { text-align: center; }
.left { float: left; }
.right { float: right; }
	fieldset { border: 1px solid rgba(0,0,0,0.1); padding: 20px; margin-bottom: 25px; }
	fieldset legend { font-weight: bold; }

.grey { color: #919191; }
.grey a { color: inherit; }
.grey a:hover { color: #353535; }
.blue { color: #3394e6; }
.orange { color: #e85319; }
.news-list::-webkit-scrollbar {width:0px;}
sup { vertical-align: super; font-size: smaller; }
sub { vertical-align: sub; font-size: smaller; }
.over { display: inline-block; vertical-align: middle; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
a .over { cursor: pointer; }

.cover { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }
.sticky {  position: fixed;  z-index: 101;}
.stop {  position: relative;  z-index: 101;}
/* Настройка других элементов */
ul { padding-left: 40px; list-style: disc outside; margin-top: 1em; margin-bottom: 1em;}
ol { padding-left: 40px; list-style: decimal outside; margin-top: 1em; margin-bottom: 1em;}

	strong, b { font-weight: bold }
	em, cite, i { font-style: italic }
	caption { text-align: left }
	th, td { vertical-align: middle }
	small, .small { font-size: .9em; }
	hr { height: 0; border: 0; border-top: 2px solid #eeeeef; -moz-box-sizing: content-box; box-sizing: content-box; margin: 20px 0; }

	.clr { clear: both }
	.clrfix:after { clear: both; content: ""; display: table; }

.instagram-media, .twitter-tweet {display: inline-block !important;}

.login-wrap {background:#fff;height: 100%;width:100%; position: relative; float: left; border-radius: 5px;}
.log-close {position: absolute; top: 10px; right: 10px; width:70px; height:70px; }
.log-close a {background: #fff !important; color: #333438 !important; padding: 0!important; display: block; border: 0 !important; cursor: pointer;}
.log-close a:hover i {color: #535e76;}
.log-close i {font-size:18px !important; padding-right: 10px; float: right;}
.login-menu-wrap {max-width:260px; width:100%; z-index: 1000; margin: 0 auto; padding: 0 20px 0 20px; }
.login-logo {width:100%; text-align: center; float: left; padding: 40px 0;}
.login-logo img {width:200px;}
.line-on-side { border-bottom: 1px solid #dddede; line-height: .1em;  margin: 30px 0 20px;  text-align: center;}
.line-on-side span {font-family: 'Ubuntu Bold'; font-size: 24px; background: #fff; padding: 0 20px; margin: 0 auto; text-align: center;}
.login_field{ width:100%; line-height:35px;    font-size:16px;   padding:0; padding-top: 20px;   background:#fff;    margin: 0 auto;    text-align:left;	border: 0;}
.login_field input{ color: #3a3a3a; margin-bottom: 20px;  border-radius: 3px;  width:100%;    line-height:35px; text-align: center;    line-height:20px; font-size:16px;background:#fff;border:1px solid #dddede;}
.login_field input:hover, .login_field input:active, .login_field input:focus{border:1px solid #ffdd2d;}
.logon {padding-bottom: 35px; float: left; width:100%;}
input.loginbutton {font-weight: 600;box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border: 0; text-align: center;	background: #ffdd2d; float: left; color: #000;	font-size: 16px; width: 100%; line-height: 46px; margin:0;	border-radius: 3px;	cursor: pointer;}
.loginbutton:hover {opacity: 0.8}
.logon a {font-size: 16px!important; float: left; padding: 0!important; margin: 0 !important; line-height: 20px !important; background: #fff!important; color: #333438 !important; border: 0 !important; text-align: center; width:100%;}
.logon a:hover {color: #0dd148!important;}
.sociallogin {padding-top: 10px; text-align: center;	width:100%;	margin: 0 auto;	}
.sociallogin .soc-vk {float: left; width:50%; margin-bottom: 20px; text-align: center!important; padding-right: 10px; box-sizing: border-box;}
.sociallogin .soc-fc {float: left; width:50%; margin-bottom: 20px; text-align: center!important; padding-left: 10px; box-sizing: border-box;}
.sociallogin .vkcom {text-align: center;	background:#557db4; padding: 2px 0; width:100%; color: #fff;font-size: 16px;line-height: 35px;}
.sociallogin .face {text-align: center;	background: #475992; padding: 2px 0; width:100%; color: #fff;font-size: 16px;line-height: 35px;}
.sociallogin a{	margin: 0 !important;  border: 0 !important; text-decoration: none;	border-radius: 3px;	width:100%; float: left;}
.sociallogin a:hover{opacity: 0.70;text-decoration: none; color: #fff;}
.profile {float: left; width:100%;}
.avatar-box{text-align: center;  float: left; width:100%; height: 80px; margin-bottom: 50px; position: relative;}
.avatar-boxing {position: absolute; top: 5px; margin: 0 auto; width: 100%; text-align: center;}
.avatar-boxing img {border-radius: 50%; width: 80px; border: 2px solid #dddede;}
ul.login-menu { padding: 0; margin-top:20px;  margin-bottom: 40px; list-style: none; width:100%; float: left;}
.login-menu li a { float: left; background: #f9f9f9; line-height: 40px;display:block; width:100%; padding:0;  text-decoration: none; text-align: center; color: #313b40; font-size: 16px; margin: 0 0 10px 0;  border-radius: 3px;}
.login-menu li a:hover { background:#ffdd2d; color: #000; text-decoration: none;}
.login-menu li a.exit{ float: left; background: #df4747; line-height: 40px;display:block; width:100%; padding:0;  text-decoration: none; text-align: center; color: #fff; font-size: 16px; margin: 0 0 10px 0;  border-radius: 3px;}
.login-menu li a.exit:hover { background:#de6060; color: #fff; text-decoration: none;}
#login-open{ border-radius: 5px; width:320px; display:none;  background:#fff;  position:absolute; top:100px; left:50%;  margin-left:-160px; z-index:20000 !important; box-shadow: 0px 0px 30px #000; padding:0;}
#login_overlay {background-color: #000; height: 100%;  left: 0;  opacity: 0.60;  -moz-opacity:0.5;   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);    position: fixed;     top: 0;     width: 100%;    z-index: 10000;     display:none;}
#searchblock{ width:100%; display:none;  background:#fff;  position:absolute;  top:0px;  margin: 0 auto;  z-index:20000 !important;  box-shadow: 0px 0px 30px #000;  padding:0;}
#searchblock_overlay {    background-color: #000;  height: 100%;  left: 0; opacity: 0.80; -moz-opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);  position: fixed;  top: 0; width: 100%; z-index: 10000;  display:none;}
input.searchdev { box-sizing: border-box; padding: 0 20px; border:0;color: #3b3e44;font-size: 18px;line-height:22px;margin-top: 20px;width:100%;float: left; border: 1px solid #dddede;}
.searchform {	position:static;    overflow: hidden;    color:#686868;    max-width:1200px;    height:170px;    line-height:52px;    padding:2px 20px 2px 20px !important;   font-size:17px;    font:Verdana, Geneva, sans-serif;	background:#fff;	margin: 0 auto;}
.searchform:focus{   color:#313b40;   background: #faf9f5;	box-shadow: 0px 0px 1px 1px #f02755;}
.name-search {width:100%; float: left; font-family: 'Ubuntu Bold'; font-size: 40px; text-align: center; background: #fff; margin-top: 20px;}
.main-reg {width:100%; float: left; background: #fff; }
.main-reg-wpap {max-width:700px; z-index: 1000; margin: 0 auto; padding: 20px 20px; min-height: 400px;}
.logo-reg {width:100%; text-align: center; float: left; padding: 40px 0 60px 0;}
.logo-reg img {width:300px;}
.line-on-reg { border-bottom: 1px solid #dddede; line-height: .1em;  margin: 10px 0 30px;  text-align: center;}
.line-on-reg span {font-family: 'Ubuntu Bold'; font-size: 24px; background: #fff; padding: 0 20px; margin: 0 auto; text-align: center;}
.reg-text {float: left; width:100%; line-height: 20px; font-size: 14px; padding-bottom: 20px;}
ul.reg-form {padding: 0; margin-top:20px;  margin-bottom: 20px; list-style: none; }
.reg-form li {float: left; padding: 10px 0; width:100%;}
.form-group input{ box-shadow: 0px 0px 6px -1px #e1e1e1 inset; color: #3a3a3a;  border-radius: 3px;  width:100%;    line-height:35px;     line-height:20px; font-size:16px;background:#fff;border:1px solid #dddede;}
.form-group input:hover, .login_field input:active, .login_field input:focus{border:1px solid #ffdd2d;}
.form-group label {float: left; padding-bottom: 5px; font-weight: 600;}
.form_submit {width:100%; float: left; padding: 10px 0 40px 0;}
.bnts {font-family: 'Ubuntu Bold'; font-size: 18px; font-weight: 700; padding: 0 12px; border: 0; background: #fff; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); border: 1px solid #aaaaaa; cursor: pointer; padding: 10px 24px;}
.bnts:hover {opacity: 0.8; background: #f8f8f8;}


.wrap-carusel{float: left; margin-top: 20px;  width:100%; background: #fff; box-sizing: border-box; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.owl-carousel .owl-wrapper:after {	content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
.owl-carousel{	display: none;	position: relative;	width: 100%;	-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{	overflow: hidden;	position: relative;	width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;	-moz-transition: height 500ms ease-in-out;	-ms-transition: height 500ms ease-in-out;	-o-transition: height 500ms ease-in-out;	transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{	cursor: pointer;}
.owl-controls {	-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing {  cursor:url(grabbing.png) 8 8, move;}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;	-moz-backface-visibility:    hidden;	-ms-backface-visibility:     hidden;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);}
   
.card-offer-mini {float: left; width:100%; padding: 0 0 20px 20px; box-sizing: border-box; margin-right: 10px; margin-top: 10px; display: block;}
.card-offer-mini-wr {border: 1px solid #dddede; border-radius: 4px; float: left; width:100%; padding: 20px 20px; box-sizing: border-box;}
.card-offer-mini-wr:hover {box-shadow:0 1px 9.94px 4px rgba(0,0,0,.2); transition: all 300ms ease-in-out; z-index: 1000;}
#carousel {float: left; width:100%; margin-top: 20px; padding: 0 20px 0 0; box-sizing: border-box;}
.card-offer-mini-img img {float: left; width:100%; max-width: 220px; max-height: 139px;}
.card-offer-mini-name {width:100%; float: left; padding: 5px 0; font-size: 14px;}
.card-offer-mini-name span { padding: 2px 10px 2px 0; color: #aaaaaa; font-size: 12px;}
.card-offer-mini-title {width:100%; height:100%; float: left;}
.card-offer-mini-title a{width:100%; height:100%; float: left; font-size: 14px;  line-height: 22px;font-weight: 700; box-sizing: border-box; margin-bottom: 10px;}
.card-offer-mini-title a:hover{text-decoration: none; opacity: 0.8;}
.offer-mini-online a{ float: left; text-align: center; background: #ffdd2d; color: #000; border-radius: 4px; padding:8px 15px; border: 1px solid #ffdd2d; font-size: 14px; margin-top: 10px;}
.offer-mini-online a:hover{text-decoration: none; opacity: 0.8;}
.nazvbankcard-mini {width:100%; height:100%; float: left; font-size: 12px; padding: 5px 0;}

.navigation {float: left; width: 100%; margin-top: 20px;}
.navigation span{font-weight: 600; float: left; background: #fff; border: 1px solid #aaaaaa; color: #313b40;  line-height: 20px; opacity: 0.4; padding: 7px 16px; font-size: 14px; border-radius: 3px; margin-right: 5px;}
.navigation a {font-weight: 600; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); float: left; background: #fff; border: 1px solid #aaaaaa; color: #313b40; line-height: 20px; padding: 7px 16px; border-radius: 3px; font-size: 14px; margin-right: 5px;}
.navigation a:hover { text-decoration: none; opacity: 0.7;}

.banki-nav { box-sizing: border-box; background: #fff; width:100%; float: left; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); display: flex; justify-content: space-between; border-radius: 4px;}
.banki-nav-1 {align-items: stretch; flex-basis: 50px; text-align: center; line-height: 56px; font-size: 14px; border-right: 1px solid #a7a7a7; color:#a7a7a7; font-weight: 600;}
.banki-nav-1 a{color:#313b40; width:100%; float: left; line-height: 56px;}
.banki-nav-1 a:hover {text-decoration: none; color: #fff; background: #535e76;}
.banki-nav-3 {align-items: stretch; flex-basis: 50px; text-align: center; line-height: 56px; font-size: 14px; border-left: 1px solid #a7a7a7; color:#a7a7a7; font-weight: 600;}
.banki-nav-3 a{color:#313b40; width:100%; float: left; line-height: 56px;}
.banki-nav-3 a:hover {text-decoration: none; color: #fff; background: #535e76;}
.banki-nav-2 {justify-content: center; align-items: center; flex-basis: 80%; text-align: center; font-size: 14px; padding: 20px 0; font-weight: 600;}
.banki-nav-2 a{color:#313b40; padding: 2px 5px; font-weight: 600; font-size: 16px;}
.banki-nav-2 a:hover {text-decoration: none; background: #535e76; color: #fff; }
.banki-nav-2 span {background: #535e76; color: #fff; padding: 2px 5px;}

.vopros-nav-2 {justify-content: center; align-items: center; flex-basis: 100%; text-align: center; font-size: 14px; padding: 20px 0; font-weight: 600;}
.vopros-nav-2 a{color:#313b40; padding: 2px 5px; font-weight: 600; font-size: 16px;}
.vopros-nav-2 a:hover {text-decoration: none; background: #008bea; color: #fff; }
.vopros-nav-2 span {background: #008bea; color: #fff; padding: 2px 5px;}

.errors {float:left; width: 100%; padding-bottom: 20px; text-align: center;}
.errors-tit {float:left; width: 100%;  padding-bottom: 20px; text-align: center; padding-top: 20px; text-rendering: optimizeLegibility; font-family: 'Ubuntu Bold'; font-size: 24px; line-height: 28px;}
.errors-info {float: left; width: 100%; margin: 10px 0; padding: 0px 30px; text-align: center; border-radius: 4px; box-sizing: border-box; text-align: left; line-height: 22px; font-size: 14px;}
.main-info-error {background: #fff; border-radius: 4px; padding: 20px 40px; margin-top: 20px;}

#loading-layer { background: #000; padding: 20px; text-align: center; color: #fff; border-radius: 2px }


@media screen and (min-width: 1024px) {
.header-info {width:100%; float: left; line-height: 40px;  background: #fff; border-bottom: 1px solid #dddede; }
.header-date {float: left; font-size: 14px;}
.header-date .kurs {float: right; font-weight: 600; padding-right: 15px;}
.header-date .kurs span{font-size: 12px; font-weight: 400;}
.header-nav {width:100%; float: left; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2.94px 0.06px;}
.header-wrap {z-index: 1000; line-height: 60px;}
.logo{float: left;}
.logo a { line-height: 60px;}
.logo a:hover{ opacity: 0.8; float: left;}
.logo a img{ height: 40px; padding: 10px 0;}
.login-menu {float: right; text-align: right;}
.login-menu i {font-size: 14px; padding-right: 3px;}
.login-menu a {float: right; color: #333438; font-size: 14px;  line-height: 40px:}
.login-menu a:hover {color: #535e76; text-decoration: none;}
.login-menu span {float: right; padding: 0 15px; font-size: 10px;}
.menu-search {float: right; text-align: right;}
.menu-search a {float: right; padding: 0 0 0 20px; color: #333438; font-size: 20px;  line-height: 60px;}
.menu-search a:hover {color: #535e76; text-decoration: none;}
.main-menu-container{display: inline-block;	text-align: left;float: right;}
.main-menu-switch{background: #000;	cursor: pointer;display: none;	height: 60px;	position: absolute;	right: 0;	top: 0;	width: 3.75rem;	width: 60px;	z-index: 120;}
.main-menu-switch-line{	background: #fff;	display: block;	height: 3px;left: 50%;	moz-transform: translateX(-50%) translateY(-50%);moz-transition: all .3s ease;	ms-transform: translateX(-50%) translateY(-50%);o-transform: translateX(-50%) translateY(-50%);	o-transition: all .3s ease;	position: absolute;	top: 50%;transform: translateX(-50%) translateY(-50%);	transition: all .3s ease;	webkit-transform: translateX(-50%) translateY(-50%);webkit-transition: all .3s ease;	width: 25px;}
.main-menu-switch-line:first-child{	moz-transform: translateX(-50%) translateY(-300%);	ms-transform: translateX(-50%) translateY(-300%);	o-transform: translateX(-50%) translateY(-300%);transform: translateX(-50%) translateY(-300%);	webkit-transform: translateX(-50%) translateY(-300%);}
.main-menu-switch-line:last-child{	moz-transform: translateX(-50%) translateY(200%);	ms-transform: translateX(-50%) translateY(200%);o-transform: translateX(-50%) translateY(200%);	transform: translateX(-50%) translateY(200%);	webkit-transform: translateX(-50%) translateY(200%);}
.main-menu-switch.active .main-menu-switch-line{display: none;}
.main-menu-switch.active .main-menu-switch-line:first-child{display: block;	moz-transform: translateX(-50%) translateY(0) rotate(-45deg);	ms-transform: translateX(-50%) translateY(0) rotate(-45deg);	o-transform: translateX(-50%) translateY(0) rotate(-45deg);	transform: translateX(-50%) translateY(0) rotate(-45deg);	webkit-transform: translateX(-50%) translateY(0) rotate(-45deg);}
.main-menu-switch.active .main-menu-switch-line:last-child{	display: block;	moz-transform: translateX(-50%) translateY(0) rotate(45deg);	ms-transform: translateX(-50%) translateY(0) rotate(45deg);	o-transform: translateX(-50%) translateY(0) rotate(45deg);	transform: translateX(-50%) translateY(0) rotate(45deg);	webkit-transform: translateX(-50%) translateY(0) rotate(45deg);}
.main-menu-switch.active+.main-menu-container{	max-height: 9000px;	moz-transition: 3s;	o-transition: 3s;	transition: 3s;	webkit-transition: 3s;}
.main-menu a{color: #000;	display: block; line-height: 60px;	text-decoration: none;}
.main-menu .sub-menu{left: 0; max-height: 0;	min-width: 100%;overflow: hidden;	position: absolute;	top: 56px;	white-space: nowrap;	z-index: 1000;	background: #fff;}
.main-menu .sub-menu:before{background: #fff;	box-shadow: 6px -6px 7px -6px rgba(0,0,0,0.75);	content: '';	height: 16px;	height: 1rem;	left: 20%;	moz-transform: rotateZ(-45deg);	ms-transform: rotate(-45deg);	o-transform: rotateZ(-45deg);	position: absolute;	top: -.5rem;	top: -6px;	transform: rotateZ(-45deg);	webkit-box-shadow: 0 1px 8px .1px rgba(0,0,0,.3);	webkit-transform: rotateZ(-45deg);	width: 14px;	width: 1rem;	z-index: 1;}
.main-menu .sub-menu:after{	background: #fff;	content: '';	height: 14px;	height: 1rem;	left: 20%;	moz-transform: rotateZ(-45deg);	ms-transform: rotate(-45deg);	o-transform: rotateZ(-45deg);	position: absolute;	top: -.5rem;top: -8px;	transform: rotateZ(-45deg);	webkit-transform: rotateZ(-45deg);	width: 14px;	width: 1rem;	z-index: 10;}
.main-menu .sub-menu .menu-item{background: #fff;	z-index: 5;}
.main-menu .sub-menu .menu-item a{	padding: 3px 0 3px 0px; line-height: 24px;}
.main-menu .sub-menu.active{box-shadow: 0 0 8.5px .15px rgba(0,0,0,.3);	margin-bottom: .625rem;	margin-bottom: 10px;	max-height: 9999px;	overflow: visible;	webkit-box-shadow: 0 0 8.5px .15px rgba(0,0,0,.3);}
.main-menu .menu-item{font-size: 16px;	font-size: 1rem; padding: 0 15px;	position: relative;	cursor: pointer;}
.main-menu .menu-item:hover>a{	color: #1970c9;}
.main-menu .menu-item:hover>a:after{moz-transform: rotateZ(-45deg);	ms-transform: rotate(-45deg);	o-transform: rotateZ(-45deg);	top: 0;	transform: rotateZ(-45deg);	webkit-transform: rotateZ(-45deg);}
.main-menu .menu-item:hover>ul.sub-menu {padding: 20px 10px; z-index: 10;}
.main-menu .menu-item:hover>.sub-menu{	box-shadow: 0 0 8.5px .15px rgba(0,0,0,.3);	margin-bottom: .625rem;	margin-bottom: 10px;max-height: 9999px;		overflow: visible;	z-index: 10;	webkit-box-shadow: 0 0 8.5px .15px rgba(0,0,0,.3);}
.main-menu .menu-item-has-children>a:after{	border-right: 1px solid #000;	border-top: 1px solid #000;	content: '';	display: inline-block;	height: .375rem;	height: 6px;	margin-left: .5rem;	margin-left: 8px;	moz-transform: rotateZ(135deg);	ms-transform: rotate(135deg);	o-transform: rotateZ(135deg);	position: relative;	top: -.25rem;	top: -4px;	transform: rotateZ(135deg);	webkit-transform: rotateZ(135deg);	width: .375rem;	width: 6px;}
.main-menu .menu{font-size: 0;	float: right;}
.main-menu .menu>.menu-item{display: inline-block;	line-height: 1.25rem;	line-height: 30px;	vertical-align: middle;	list-style-type: none;}
.main-menu .menu>.menu-item li{list-style-type: none;}	
.footer {width:100%; float: left; padding: 20px 0 40px; background: #232e43;}
.footer-logo { line-height: 40px; display: flex; border-bottom: 1px solid #aeb9cc; margin-bottom: 20px; padding-bottom: 15px;}
.fo-img {flex-basis: 30%;  display: flex; }
.fo-img img{height: 40px;}
.fo-text{text-align: center; color: #aeb9cc; flex-basis: 50%; flex-direction: column;}
.fo-text span {width:100%; float: left;}
.fo-text span i { color: #535e76; top: 12px;}
.fo-text .email_wrap {width:70%; float: left;}
.fo-text .email_wrap input { float: left; width: 100%;height: 40px; line-height: 22px;  padding: 0; vertical-align: middle; border-radius: 4px; padding: 0 20px; background: #f0f4f8;  border: 0; box-sizing: border-box; border-radius: 4px 0 0 4px;}
.fo-text .button_wrap {width:30%; float: left;}
.fo-text .button_wrap input {background: #1970c9;font-size: 14px;color: #ffffff; width:100%; float: left; padding: 0; border: 0; border-radius: 0 4px 4px 0; margin: 0; height: 40px; line-height: 22px;}
.fo-soc {line-height: 26px; flex-basis:30%; flex-direction: column; display: flex;}
.menu-soc {float: right;}
.menu-soc a{width:26px; height: 26px; text-align: center; background: #313c51; border-radius: 100%; border: 2px solid #697488; padding: 5px; float: right; margin-left: 10px; color: #fff;}
.menu-soc a:hover {background:#697488;}
.igp{font-size: 18px; margin-top: 0px;line-height: 20px;}
.ifb{font-size: 18px; margin-top: 0px;line-height: 20px;}
.ivk{font-size: 16px; margin-top: 0px;line-height: 20px;}
.itv{font-size: 14px; margin-top: 0px;line-height: 20px;}
.colon-fot {display: flex;}
.colon-fot-bl {flex-basis:20%; flex-direction: column; display: flex;}
.colon-fot-bl a {color:#aeb9cc; padding: 3px 0; font-size: 13px;}
.colon-fot-bl a:hover {color:#fff; text-decoration: none;}
.f-name {color: #fff; font-weight: 600; font-size: 15px; padding-bottom: 5px;}
.cont-right {float: right; text-align: right; color: #fff; font-size: 14px; line-height: 18px; padding-bottom: 20px;}
.cont-cop {float: right; text-align: right; color: #aeb9cc; font-size: 13px; line-height: 18px; padding-bottom: 10px;}
}


/* моб меню */
@media screen and (min-width: 1px) and (max-width: 1023px) { 
.header-info {width:100%; float: left; line-height: 40px; background: #fff; border-bottom: 1px solid #dddede;}
.header-date {display: none;}
.header-nav {width:100%; float: left; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2.94px 0.06px;}
.header-wrap {z-index: 1000; line-height: 60px; position: relative;}
.logo{float: left; }
.logo a { line-height: 60px;}
.logo a:hover{ opacity: 0.8; float: left;}
.logo a img{ height: 30px; padding: 15px 0;}
.login-menu {float: right; text-align: right;}
.login-menu i {font-size: 14px; padding-right: 3px;}
.login-menu a {float: right; color: #333438; font-size: 14px;  line-height: 40px:}
.login-menu a:hover {color: #535e76; text-decoration: none;}
.login-menu span {float: right; padding: 0 15px; font-size: 10px;}
.menu-search {float: right; text-align: right;}
.menu-search a {float: right; padding: 0 20px 0 0; color: #333438; font-size: 23px;  line-height: 60px;}
.menu-search a:hover {color: #535e76; text-decoration: none;}
#bg-bnt {top: 28px; float: right;width: 35px; height: 10px; position: relative; }
#bg-bnt span, #bg-bnt span:before, #bg-bnt span:after {right: 0;position: absolute;display: block;content: '';height: 2px; width: 35px; border-radius: 1px; cursor: pointer; background-color: #000;}
#bg-bnt span:before {top: -10px;}
#bg-bnt span:after {bottom: -10px;}
#bg-bnt span, #bg-bnt span:before, #bg-bnt span:after {transition: all 500ms ease-in-out;}
#bg-bnt.active span {background-color: transparent;}
#bg-bnt.active span:before, #bg-bnt.active span:after {top: 0;}
#bg-bnt.active span:before {transform: rotate(45deg);}
#bg-bnt.active span:after {transform: rotate(-45deg);}
#mob-menu.open:before{background: #535e76;content: '';height: 16px;	height: 1rem;right: 28px;moz-transform: rotateZ(-45deg);ms-transform: rotate(-45deg);	o-transform: rotateZ(-45deg);	position: absolute;	top: -.5rem;	top: -6px;	transform: rotateZ(-45deg);	webkit-box-shadow: 0 1px 8px .1px rgba(0,0,0,.3);	webkit-transform: rotateZ(-45deg);width: 18px;z-index: 1;}
#mob-menu.open:after{background: #535e76;content: '';height: 14px;height: 1rem;	right: 28px;moz-transform: rotateZ(-45deg);	ms-transform: rotate(-45deg);	o-transform: rotateZ(-45deg);	position: absolute;	top: -.5rem;top: -8px;	transform: rotateZ(-45deg);	webkit-transform: rotateZ(-45deg);width: 18px;z-index: 10;}
#mob-menu {display: none; margin-top: 120px; position: absolute; top:60px; margin-left: -20px; z-index:1001; background: #535e76; }
#mob-menu.open { display: block; margin-top: 0px;}
.main-menu-container{display: inline-block;	text-align: left;float: right;}
.main-menu a{ color: #fff; width:100%; float: left;	display: block;	text-decoration: none; text-rendering: optimizeLegibility; font-family: 'Ubuntu Bold'; font-size: 20px; padding: 10px 0 5px 0;}
.main-menu .sub-menu{border-bottom: 1px solid #fff; margin-bottom: 10px; float: left;	min-width: 100%;overflow: hidden;	white-space: nowrap;	z-index: 1001;	background: #535e76;}
.main-menu .sub-menu .menu-item{background: #535e76;	z-index: 5;}
.main-menu .sub-menu .menu-item a{	padding: 3px 0;}
.main-menu .sub-menu.active{	margin-bottom: .625rem;	margin-bottom: 10px;	max-height: 9999px;	overflow: visible;}
.main-menu .menu-item{font-size: 16px;	font-size: 1rem; width:100%; float: left;	position: relative;	cursor: pointer;}
.main-menu .menu-item:hover>a{color: #ffdd2d;}
.main-menu .menu-item>ul.sub-menu {padding: 10px 0; margin: 0; z-index: 10;}
.main-menu .menu-item>.sub-menu{max-height: 9999px;overflow: visible;	z-index: 10;}
.main-menu .menu-item-has-children>a:after{	border-right: 1px solid #fff;	border-top: 1px solid #fff;	content: '';	display: inline-block;	height: .375rem;	height: 6px;	margin-left: .5rem;	margin-left: 8px;	moz-transform: rotateZ(135deg);	ms-transform: rotate(135deg);	o-transform: rotateZ(135deg);	position: relative;	top: -.25rem;	top: -4px;	transform: rotateZ(135deg);	webkit-transform: rotateZ(135deg);	width: .375rem;	width: 6px;}
.main-menu .menu{font-size: 0;	float: right; padding: 0;}
.main-menu .menu>.menu-item{display: inline-block;	line-height: 1.25rem;	line-height: 30px;	vertical-align: middle;	list-style-type: none;}
.main-menu .menu>.menu-item li{list-style-type: none; }
.main-menu .menu>.menu-item li a{font-family: 'Open Sans', sans-serif; font-size: 16px; border: 0;}
.main-menu { box-shadow: 0px 66px 81px 1px rgba(0,0,0,0.75); margin: 0; line-height: 30px; background: #535e76;  width:100%; float: left;padding: 20px 20px; box-sizing: border-box;}
.footer {width:100%; float: left; padding: 20px 0 40px; background: #232e43;}
.footer-logo { line-height: 40px; display: flex; border-bottom: 1px solid #aeb9cc; margin-bottom: 20px; padding-bottom: 15px;}
.fo-img {display: none;}
.fo-img img{height: 32px;}
.fo-text{display: none;}
.fo-soc {line-height: 28px; flex-basis:100%; flex-direction: column; display: flex;}
.menu-soc {float: right; text-align: center;}
.menu-soc a{width:28px; height: 28px; display: inline-block; text-align: center; background: #313c51; border-radius: 100%; border: 2px solid #697488; padding: 5px; margin: 0 10px; color: #fff;}
.menu-soc a:hover {background:#697488;}
.igp{font-size: 18px; margin-top: 0px;line-height: 20px;}
.ifb{font-size: 18px; margin-top: 0px;line-height: 20px;}
.ivk{font-size: 16px; margin-top: 0px;line-height: 20px;}
.itv{font-size: 14px; margin-top: 0px;line-height: 20px;}
.colon-fot {display: flex;}
.colon-fot-bl {flex-basis:100%; flex-direction: column; display: flex;}
.colon-fot-bl:nth-child(1) {display: none;} 
.colon-fot-bl:nth-child(2) {display: none;}
.colon-fot-bl:nth-child(3) {display: none;}
.colon-fot-bl:nth-child(4) {display: none;}
.cont-right {float: right; text-align: center; color: #fff; font-size: 14px; line-height: 18px; padding-bottom: 20px;}
.cont-cop {float: right; text-align: center; color: #aeb9cc; font-size: 13px; line-height: 18px; padding-bottom: 10px;}
}
/* Конец мобильного меню */


.wd20 {padding-top: 20px; padding-bottom: 20px;}
.w40 {padding: 40px;}
.main {width:100%; float: left;}


@media screen and (min-width: 1024px) {

.wrap {max-width:1260px; margin: 0 auto; padding: 0 20px 0 20px;}
.wrapper {max-width:1260px; margin: 0 auto; padding: 0 20px 0 20px;}
.main-block {display: flex; margin-top: 30px;}
.main-block-cat {flex-basis:70%; flex-direction: column; display: flex; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.main-block-news {flex-basis:30%; flex-direction: column; display: flex; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; margin-left: 20px;}
.card_tinkoff {float: left; display: flex; padding: 20px 50px; border-radius: 4px 4px 0 0;}
.card_tinkoff:hover {box-shadow:0 1px 9.94px 4px rgba(0,0,0,.2); transition: all 300ms ease-in-out; z-index: 1000;}

.card_tinkoff-left {display: flex; flex-basis:60%; flex-direction: column;}
.card_tinkoff-right {display: flex; flex-basis:40%; flex-direction: column; justify-content: center; align-items: center;}
.card_tinkoff-right img{ float:right; max-width: 100%;}
.card_tinkoff-title {flex-basis:100%;align-items: center; display: flex; padding: 20px 0 30px 0; font-family: 'Ubuntu Bold'; font-size: 30px;}
.card_tinkoff-predl {color: #929292; flex-basis:100%;align-items: center; display: flex; padding: 0 0 15px 0; font-size: 14px;}
.card_tinkoff-predl-2 {flex-basis:100%;align-items: center; display: flex; padding: 20px 0 20px 0; color: #bcbcbc; font-size: 14px;}
.card_tinkoff-predl-2 a {box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1);background-color: #ffdd2d; padding: 12px 24px; border-radius: 4px; color: #000;}
.card_tinkoff-predl-2 a:hover {opacity: 0.8;text-decoration: none;}
.block-mini {display: flex; flex-wrap: wrap; flex-direction: row;}
.block-mini-col {flex-basis:50%; flex-direction: column; display: flex; box-sizing: border-box;}
.block-mini-col:hover {box-shadow:0 1px 9.94px 4px rgba(0,0,0,.2); transition: all 300ms ease-in-out; z-index: 1000;}
.block-mini-col:nth-child(1) {border-top: 1px solid #dddede;} 
.block-mini-col:nth-child(2) {border-left: 1px solid #dddede; border-top: 1px solid #dddede;}
.block-mini-col:nth-child(3) {border-top: 1px solid #dddede;}
.block-mini-col:nth-child(4) {border-top: 1px solid #dddede;border-left: 1px solid #dddede;}
.block-mini-col:nth-child(5) {border-top: 1px solid #dddede;}
.block-mini-col:nth-child(6) {border-top: 1px solid #dddede;border-left: 1px solid #dddede;}
.block-mini-col a{color: #333438;}
.block-mini-col a:hover {color: #535e76; text-decoration: none;}
.mini {display: flex;}
.mini-left {flex-basis:90%;flex-direction: column; justify-content: center; display: flex; width:100%; padding: 20px 0 20px 30px;}
.mini-right {flex-basis:50px;flex-direction: column; justify-content: center; display: flex; text-align: right;}
.mini-right img{height: 50px; float:right; padding-right: 30px;}
.mini-boom {display: flex; padding: 20px 30px;}
.mini-title {flex-basis:100%;align-items: center; display: flex; padding: 10px 0; font-family: 'Ubuntu Bold'; font-size: 22px;}
.mini-predl {flex-basis:100%;align-items: center; display: flex; padding: 0 0 10px 0; color: #bcbcbc; font-size: 14px;}
.all-zaym {line-height: 50px; border-top: 1px solid #dddede; background: #fff; float: left; width: 100%; border-radius: 0 0 4px 4px;}
.all-zaym a{color: #333438; text-align: center; float: left; width: 100%; font-size: 14px; border-radius: 0 0 4px 4px;}
.all-zaym a:hover {color: #fff; background: #535e76; text-decoration: none;}

.news-h {border-bottom: 1px solid #dddede; line-height: 56px; font-family: 'Ubuntu Bold'; font-size: 22px; float: left; width:100%; padding: 0 30px; box-sizing: border-box;}
.news-h span{color: #ff3636; float: right; font-size: 20px; }
.news-list-wr {float: left; position: relative; width: 100%; height: 100%;}
.news-list {float: left; padding: 0px 30px 0px 30px; height:100%;overflow: auto; position: absolute; box-sizing: border-box;  }
.news-list a {width:100%; float: left; line-height: 20px; padding: 10px 0; border-bottom: 1px solid #dddede; font-size: 15px; color: #333438;}
.news-list a:hover {color: #535e76; text-decoration: none;}
.news-list span {color: #bcbcbc; font-size: 11px;font-weight: 400;}
.news-list a:nth-child(1){ font-weight: 700; } 
.news-list a:nth-child(2){ font-weight: 700; }
.news-list a:nth-child(3){ font-weight: 700; }
.main-bank-wrap {background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; margin-top: 20px; width:100%; float: left; box-sizing: border-box;}
.main-bank {position: relative; width:100%; height: 102px; float: left;} 
.bank-short-main-img {width:100%; float: left; text-align: center;}
.bank-short-main-img img {max-width:200px;}
.bank-short-main-link {width:100%; float: left; text-align: center; border-top: 1px solid #dddede;}
.bank-line-title {padding: 0 30px; width: 100%; line-height: 50px; float: left; border-bottom: 1px solid #dddede; margin-top: 10px; box-sizing: border-box;}
.bank-line-title-left {font-family: 'Ubuntu Bold'; font-size: 24px; float: left;}
.bank-line-title-right {float: right;}
.bank-line-title-right a{font-size: 14px; color: #9299a2; float: right; padding-left: 25px;}
.bank-line-title-right a:hover{color: #535e76; text-decoration: none;}

.slider a{font-weight: 600; padding: 20px 0; color: #535e76; font-size: 14px; width:100%; float: left;}
.slider a:hover {color: #535e76; text-decoration: none;}
@keyframes scroll {  0% { transform: translateX(0); }  100% {  transform: translateX(calc(-250px * 7));  }}
.slider {  height: 102px;  margin: auto;  overflow: hidden;position: relative;width: 100%;  box-sizing: border-box; border-radius: 4px;}
.slider::before, .slider::after { background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);  content: ""; height: 102px; position: absolute; width: 30px; z-index: 2;}
.slider::after {right: 0;top: 0; transform: rotateZ(180deg);}
.slider::before {left: 0;top: 0;}
.slider .slide-track {animation: scroll 70s linear infinite;display: flex;width: calc(250px * 14);}
.slider .slide {height: 102px; width: 250px;}


.main-short {width:100%; float: left; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; margin-top: 20px;}
.main-news-wrap {max-width:1200px; z-index: 1000; margin: 0 auto; padding: 0 30px 20px 30px;}
.line-title {width: 100%; line-height: 50px; float: left; border-bottom: 1px solid #dddede; margin-top: 10px;}
.line-title-left {font-family: 'Ubuntu Bold'; font-size: 24px; float: left;}
.line-title-right {float: right;}
.line-title-right a{font-size: 14px; color: #9299a2; float: right; padding-left: 25px;}
.line-title-right a:hover{color: #535e76; text-decoration: none;}

.big-short-wrap {display: flex; padding: 20px 0;}
.big-short {flex-basis: 50%; flex-direction: column; align-items: center; justify-content: center; display: flex; border-radius: 3px; padding: 0; }
.big-short:nth-child(1){ margin-right: 10px; }
.big-short:nth-child(2){ margin-left: 10px; }
.big-short-img {border-radius: 3px; width: 100%; height: 22vw; position: relative;  overflow: hidden; top: 0px; left: 0px; float: left;}
.big-short-img-inner {height: 100%; width: 80%; position: absolute;left: 0%; top: 0%;text-align: center;}
.big-short-img img{-moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; display: block; position: absolute;  height: 100%; left: 0; top: 0; bottom: 0; right: 0;  margin: auto;}
.big-short-img img:hover{opacity: 0.8; transition: 0.4s;}
.big-short-img:hover img{transform: translate3d(0px, 0px, 0px); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
.big-short-news { background-color: rgba(51,62,80,.8); float: left; width: 100%; height: 100%; padding: 30px;  box-sizing: border-box; position: absolute;}
.big-short-news-tit { line-height: 28px;  float: left; font-family: 'Ubuntu Bold'; text-align: center; font-size: 24px; width: 100%; padding: 0 0 10px 0;}
.big-short-news-tit a{color:#fff;}
.big-short-news-tit a:hover{color:#ffdd2d; text-decoration: none;}
.big-short-news-cat { float: left; width: 100%; font-size: 14px; padding: 30px 0 20px 0; text-align: center;  text-transform: uppercase;}
.big-short-news-cat span {color:#fff; margin: 0 auto; padding: 5px 12px; border: 1px solid #fff; border-radius: 5px;}
.big-short-news-date { float: left; width: 100%;  padding: 10px 0 0 0; text-align: center; }
.big-short-news-date span {color:#fff; font-size: 14px;margin: 0 auto; padding: 5px 12px;}

.mini-short-wrap {display: flex; padding: 0 0 20px 0;}
.mini-short {flex-basis: 33.3333%; flex-direction: column; align-items: center; justify-content: center; display: flex; border-radius: 3px; padding: 0; }
.mini-short:nth-child(1){ margin-right: 15px; }
.mini-short:nth-child(3){ margin-left: 15px; }
.mini-short-img {border-radius: 3px; width: 100%; height: 14vw; position: relative;  overflow: hidden; top: 0px; left: 0px; float: left;}
.mini-short-img-inner {height: 100%; width: 80%; position: absolute;left: 0%; top: 0%;text-align: center;}
.mini-short-img img{-moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; display: block; position: absolute;  height: 100%; left: 0; top: 0; bottom: 0; right: 0;  margin: auto;}
.mini-short-img img:hover{opacity: 0.8; transition: 0.4s;}
.mini-short-img:hover img{transform: translate3d(0px, 0px, 0px); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
.mini-short-news { background-color: rgba(51,62,80,.8); float: left; width: 100%; height: 100%; padding: 30px 20px;  box-sizing: border-box; position: absolute;}
.mini-short-news-tit {font-size: 18px; line-height: 20px;  float: left; font-family: 'Ubuntu Bold'; text-align: center; width: 100%; padding: 0 0 10px 0;}
.mini-short-news-tit a{color:#fff;}
.mini-short-news-tit a:hover{color:#ffdd2d; text-decoration: none;}
.mini-short-news-date { float: left; width: 100%;  padding: 0 0 0 0; text-align: center; }
.mini-short-news-date span {color:#fff; font-size: 12px;margin: 0 auto; padding: 5px 12px;}

.all-news {width: 100%; float: left; text-align: center; padding: 20px 0; margin-bottom: 20px;}
.all-news a{color: #333438; border-radius: 5px; border: 1px solid #333438; padding: 7px 12px;}
.all-news a:hover{text-decoration: none; background: #535e76; border: 1px solid #535e76; color:#fff;}

#bottom-content {max-width:1280px; z-index: 1000; margin: 0 auto;padding: 0 20px 0 20px; text-rendering: optimizeLegibility; font-family: 'Open Sans', sans-serif;}
.down-menus {width:100%; float: left; display: flex; margin:60px 0 100px 0;}
.down-menus ul {align-items: stretch; flex-basis: 25%; float: left; list-style: none; padding: 0;}
.down-menus ul .name {color: #313b40; font-size: 14px; line-height: 16px; padding: 3px 0 7px 0; float: left; width: 100%;}
.down-menus ul li a{color: #bbbbbb; font-size: 13px; line-height: 16px; padding: 2px 10px 2px 0; float: left; width: 100%; box-sizing: border-box;}
.down-menus ul li a:hover{color: #535e76; text-decoration: none;}

.time-menu-wrap {max-width:1260px; z-index: 1; margin: 0 auto;padding: 0 20px 0 20px; }
.time-menu { position: relative; background:#535e76; padding: 10px 0; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1);}
.time-menu .tit-naz {font-size: 16px; font-weight: 600; float:left; width:70%; color: #fff; line-height: 28px;}
.time-menu .tit-naz a{font-size: 16px; font-weight: 600;  color: #fff; line-height: 28px;}
.time-menu .tit-naz a:hover{font-size: 16px; font-weight: 600;  color: #fff; line-height: 28px;}
.time-menu .tit-link { float:right; width:30%; line-height: 26px; color: #fff;}
.time-menu .tit-link a { font-size: 14px; float:right; color: #fff; padding: 2px 9px; margin-top: 0; margin-left: 10px;}
.time-menu .tit-link a:hover {background: #0184b3; border-radius: 3px; text-decoration: none;}

.time-menu1-wrap {max-width:1260px; z-index: 1; margin: 0 auto;padding: 0 20px 0 20px; }
.time-menu1 { position: relative; background:#535e76; padding: 10px 0; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1);}
.time-menu1 .tit-naz {font-size: 16px; font-weight: 600; float:left; width:70%; color: #fff; line-height: 28px;}
.time-menu1 .tit-naz a{font-size: 16px; font-weight: 600;  color: #fff; line-height: 28px;}
.time-menu1 .tit-naz a:hover{font-size: 16px; font-weight: 600;  color: #fff; line-height: 28px;}
.time-menu1 .tit-link { float:right; width:30%; line-height: 26px; color: #fff;}
.time-menu1 .tit-link a h1{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 26px; float:right; color: #fff; padding: 2px 9px; margin: 0 10px 0 0;}
.time-menu1 .tit-link a h1:hover {background: #0184b3; border-radius: 3px; text-decoration: none;}

.content {display: flex; margin-top: 30px;}
.content-left {padding: 20px 30px; flex-basis:80%; flex-direction: column; display: flex; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; box-sizing: border-box;}
.content-right {flex-basis:341px;   margin-left: 20px; box-sizing: border-box;}
.short-cat-tit {float: left; float: left; border-bottom: 1px solid #dddede; line-height: 30px; padding: 10px 0; margin-bottom: 20px;}
.short-cat-tit h1 {margin: 0; padding: 0; font-family: 'Ubuntu Bold'; font-size: 24px;}

.story-short {width: 50%; float: left; border-radius: 3px; padding-right: 20px; box-sizing: border-box; margin: 10px 0;}
.story-short:nth-child(2n){padding-right: 0;}
.story-short-img {border-radius: 3px; width: 100%; height: 14vw; position: relative;  overflow: hidden; top: 0px; left: 0px; float: left;}
.story-short-img-inner {height: 100%; width: 80%; position: absolute;left: 0%; top: 0%;text-align: center;}
.story-short-img img{-moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; display: block; position: absolute;  height: 100%; left: 0; top: 0; bottom: 0; right: 0;  margin: auto;}
.story-short-img img:hover{opacity: 0.8; transition: 0.4s;}
.story-short-img:hover img{transform: translate3d(0px, 0px, 0px); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
.story-short-news { background-color: rgba(51,62,80,.8); float: left; width: 100%; height: 100%; padding: 30px;  box-sizing: border-box; position: absolute;}
.story-short-news-tit { line-height: 24px;  float: left; font-family: 'Ubuntu Bold'; text-align: center; font-size: 20px; width: 100%; padding: 0 0 10px 0;}
.story-short-news-tit a{color:#fff;}
.story-short-news-tit a:hover{color:#ffdd2d; text-decoration: none;}
.story-short-news-cat { float: left; width: 100%; font-size: 14px; padding: 30px 0 20px 0; text-align: center;  text-transform: uppercase;}
.story-short-news-cat span {color:#fff; margin: 0 auto; padding: 5px 12px; border: 1px solid #fff; border-radius: 5px;}
.story-short-news-date { float: left; width: 100%;  padding: 10px 0 0 0; text-align: center; }
.story-short-news-date span {color:#fff; font-size: 14px;margin: 0 auto; padding: 5px 12px;}

.banner-active-main {background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; padding: 20px 30px; margin-bottom: 20px; float: left; width: 100%; box-sizing: border-box;}
.right-menu-title {font-family: 'Ubuntu Bold'; font-size: 24px; border-bottom: 1px solid #dddede; line-height: 30px; padding: 0 0 10px 0; float: left; width: 100%; box-sizing: border-box;}
.right-menu-link {float: left; width: 100%;}
.right-menu-link a{float: left; width: 100%; border-bottom: 1px dashed #dddede; color: #333438; padding: 10px 0;}
.right-menu-link a:hover{color: #535e76; text-decoration: none;}

.aktiv-banner {float: left; width:100%; padding: 0; text-align: center; display: block; }
.aktiv-banner img {max-width: 100%; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}


.full-store {float: left; width: 100%; padding: 20px 40px; box-sizing: border-box;}
.full-up {border-bottom: 1px solid #aaaaaa; padding-bottom: 20px; float: left; width: 100%;}
.full-title { font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40; font-size: 32px; line-height: 36px;}
.info-link {float: left; padding-top: 10px; color: #aaaaaa; font-size: 16px; padding-right: 15px;}
.info-link a{float: left; color: #aaaaaa;}
.info-link a:hover {color:#535e76; text-decoration: none;}
.soc-icon {float: left; padding: 20px 0; width: 100%; height: 37px;}
.ya-share2__list_direction_horizontal {display: flex; width: 100%;}
.ya-share2__list{display: flex!important;}
.ya-share2__list .ya-share2__item {height: 36px !important; width:  calc(20% - 12px)!important; margin: 0 auto!important; display: block;border-radius:4px!important;}
.ya-share2__link, .ya-share2__badge{ height: 36px !important; width: 100%; display: flex!important; justify-content: center;  border-radius:4px!important;}
.ya-share2__icon{ margin: auto;}
.ya-share2__container_size_m .ya-share2__item:nth-child(1){ margin-left: 0!important;}
.ya-share2__container_size_m .ya-share2__item:nth-last-child(1){ margin-right: 0!important;}
.full-text { width: 100%; height: 100%; float: left; font-size: 15px; line-height: 22px;}
.full-text img{max-width: 100%;}
.full-text h2{font-size: 24px; padding: 20px 0 10px 0; margin:0 0 10px 0; border-bottom: 1px solid #d0d0d0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.full-text h3{font-size: 20px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.full-text h4{font-size: 20px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.full-text h5{font-size: 20px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.full-text ul {padding: 10px 0 20px 40px; list-style: disc outside;}
.full-text ul li{padding: 5px 0; }
.full-text ol { padding: 10px 0 20px 40px; counter-reset:  item;  list-style-type: none;}
.full-text ol li{padding: 5px 0; font-weight:normal;}
.full-text ol li:before {  counter-increment: item;  content: counter(item) ". ";  font-weight: bold;}
.full-text table {width: 100%; margin: 15px 0;}
.full-text td{padding: 5px 10px; border: 1px solid #aaaaaa;}
.full-bottom {float: left; color: #aaaaaa; font-size: 14px; margin: 20px 0; padding: 15px 0; width: 100%; border-bottom: 1px solid #aaaaaa;}
.full-bottom .name {float:left; font-style: italic;}
.full-bottom .date {float:right;}

.full-banner-wrap {display: flex; margin: 10px 0; background: #ffdd2d; box-sizing: border-box; padding: 20px 40px;}
.full-banner-wrap:hover {box-shadow: 0px 0px 23px 2px rgba(184,182,184,1); z-index: 1000;}
.full-banner-left {flex-basis: 66.6666%;  flex-direction: column;  display: flex; justify-content: center;}
.full-banner-center {flex-basis: 80px;  flex-direction: column;  display: flex; justify-content: center;}
.full-banner-center img {max-width: 50px;}
.full-banner-right {flex-basis: 33.3333%;  flex-direction: column;  display: flex; justify-content: center;}
.full-banner-left .name {float: left; width: 100%; margin: 10px 0 5px 0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; font-size: 24px; color: #000;}
.full-banner-left .text {float: left; width: 100%; margin: 5px 0 10px 0; font-size: 16px; color: #000;}
.full-banner-right .link a {background: #fff; color: #313b40; float:right; padding: 12px 24px;border-radius: 4px; font-size: 16px;  font-weight: 400;}
.full-banner-right .link a:hover {text-decoration: none; opacity: 0.8;}


.full-comment {float: left; width: 100%; margin: 20px 0; }
.full-comment-tit {margin-bottom: 0px; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40; width: 100%; font-size: 20px; line-height: 24px; float: left; padding-bottom: 10px; border-bottom: 1px solid #aaaaaa;}
.form-group-com {float:left; width: 100%;}
.group-com-field {float:left; width: 100%; padding-bottom: 10px;}
.group-com-field input { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); font-size: 14px; padding: 5px 0; float: left; max-width: 400px; width: 100%; border: 1px solid #aaaaaa; border-radius: 4px; box-sizing: border-box; padding: 0 15px;}
.group-com-field input:hover, .group-com-field input:active, .group-com-field input:focus {border: 1px solid #ffdd2d;}
.redaktor .bb-editor {float: left; width: 100%!important;}
.redaktor textarea {border: 1px solid #aaaaaa; width: 100%!important; background: #fff; padding: 10px; box-sizing: border-box;  border-radius: 4px;}
.redaktor textarea:hover, .redaktor textarea:active, .redaktor textarea:focus {border: 1px solid #ffdd2d;}
.cap-comm {float: left; width: 100%;  margin-top: 10px;}
.btn-add-comm {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); background:#fff; color: #313b40; font-size: 16px; margin-top: 20px; padding: 10px 24px; border: 0; border-radius: 4px; border: 1px solid #aaaaaa; cursor: pointer;}
.btn-add-comm:hover {text-decoration: none; opacity: 0.8;}
.comm-item {float: left; width: 100%;  position: relative;}
.comm-left {position: absolute; height: 100%; width: 60px; top:10px; left:0; text-align: center;}
.comm-left img {width: 60px; border-radius: 50%; margin-bottom: 5px;}
.comm-date {color: #aaaaaa; font-size: 14px; float: left; text-rendering: optimizeLegibility; font-family: 'Open Sans', sans-serif; padding-left: 20px; padding-top: 2px;}
.comm-right {float: left; width: 100%; padding-left: 70px; box-sizing: border-box;}
.comm-wrap {float: left; width: 100%; padding: 0 0 0 10px; box-sizing: border-box;}
.comm-line { float: left; padding: 10px 0; line-height: 22px; margin-top:10px; width: 100%; font-size: 18px; text-rendering: optimizeLegibility; font-family: 'Ubuntu Bold'; color: #313b40;}
.like-dislike {float: right; line-height: 22px;}
.like-dislike span{font-family: 'Open Sans', sans-serif; font-size: 14px; }
.like-dislike .icon-smile{color:#08d948;}
.like-dislike .icon-frown{color:#ff3c0c;}


.comm-author {float: left;}
.comm-line a {text-decoration: none; font-size: 18px;  font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40;}
.comm-text {font-size: 14px; line-height: 18px; float: left; width: 100%; padding: 0 0 10px 0; box-sizing: border-box;}
ul.comm-menu {float: left; width: 100%; padding: 0 0 10px 0; margin: 0;}
ul.comm-menu li{list-style-type: none; float: left;}
ul.comm-menu li a{float: right; padding: 4px 0 2px 0; color: #aaaaaa; font-size: 12px; margin-right: 10px;}
ul.comm-menu li a:hover{text-decoration: none; color: #313b40;}
.comments-tree-list { padding: 0; margin: 0; list-style: none; position: relative; }
.comments-tree-list .comment { position: static; margin: 0; }
.comments-tree-list .comment:before {content: "";position: absolute;left: 0;width: 100%; height: 3px;background: #bababa;margin: 19px 0 0 0;background-size: auto 3px;z-index: -2px;}
.comments-tree-list .comments-tree-list { padding-left: 70px; position: static;  }
.comments-tree-list > li { margin-top: 0px; }
.mass_comments_action {display: none;}
.comm-online { background: #08d948;border-radius: 3px;font-size: 8px; color: #fff; padding: 2px 6px 2px 6px; margin: 0 auto;}
.comm-offline { background: #fd0065;border-radius: 3px;font-size: 8px; color: #fff; padding: 2px 6px 2px 6px; margin: 0 auto;}
.comm-group { background: #ebf9f9;border-radius: 3px;font-size: 10px; color: #313b40; padding: 2px 6px 2px 6px; margin: 0 auto;}
.back-cont {float:left; width: 100%; padding-bottom: 20px;}
.back-cont-tit {float: left; border-bottom: 1px solid #aaaaaa; width:100%; padding-bottom: 20px; text-rendering: optimizeLegibility; font-family: 'Ubuntu Bold'; font-size: 34px; line-height: 38px;}
.back-cont-time {float:left; width: 100%; padding-bottom: 10px;}
.back-cont-field input { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); margin-top: 10px; font-size: 14px; padding: 5px 15px; float: left; border-radius: 4px; max-width: 500px; width: 100%; border: 1px solid #aaaaaa; box-sizing: border-box;}
.back-cont-field-no {margin-top: 10px; font-size: 14px; padding: 5px 0; float: left; max-width: 500px; width: 100%; border-left: 0; border-right: 0; border-top: 0;}
.back-cont-field input:hover, .back-cont-field input:active, .back-cont-field input:focus {border: 1px solid #ffdd2d;}
.back-cont-vopros input {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); border-radius: 4px; margin-top: 10px; font-size: 16px; padding: 5px 15px; float: left; width: 100%;  border: 1px solid #aaaaaa; box-sizing: border-box;}
.back-cont-vopros input:hover, .back-cont-vopros input:active, .back-cont-vopros input:focus {border: 1px solid #ffdd2d;}
.back-cont-redaktor {float: left; width: 100%!important; margin: 10px 0 20px 0;}
.back-cont-redaktor textarea {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);font-family: 'Open Sans'!important; font-size: 16px; border: 1px solid #aaaaaa; width: 100%!important; background: #fff; padding: 15px; box-sizing: border-box; border-radius: 4px;}
.back-cont-redaktor textarea:hover, .back-cont-redaktor textarea:active, .back-cont-redaktor textarea:focus {border: 1px solid #ffdd2d;}
.cat-opt option{width: 100%; }
.cat-opt {border: 1px #aaaaaa solid; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);  font-size: 16px; padding:6px 15px; width: 100%; line-height: 30px;-webkit-appearance: none;  -moz-appearance: none;   text-indent: 0px;    text-overflow: '';    -ms-appearance: none;   appearance: none!important;    background-image: url('../images/select.png'); background-position: right center; background-repeat: no-repeat;  background-color: #fff; }


.capcha-comm {float: left; width: 100%;  margin-top: 10px;}
.back-cont-btn-add {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); background:#fff; color: #313b40; font-size: 16px; margin-top: 20px; padding: 10px 24px; border: 0; border-radius: 4px; border: 1px solid #aaaaaa; cursor: pointer;}
.back-cont-btn-add:hover {text-decoration: none; opacity: 0.8;}

.back-cont-info {float: left; width: 100%; margin: 10px 0; border-radius: 4px; background: #ebf9f9; padding:30px 40px; box-sizing: border-box; text-align: center; line-height: 20px;}
.userinfo_top { position: relative; padding-bottom: 50px; margin-bottom: 50px; }
.userinfo_top .avatar { position: absolute; }
.user_tab { list-style: none; padding: 0; margin: 0; }
.user_tab > li { display: inline; margin-right: 1.2em; }
.user_tab > li > a {text-decoration: none !important;font-size: .6em;-webkit-transition: all ease .3s; transition: all ease .3s;	}
.user_tab > li > a { color: #fff; opacity: .5; }
.user_tab > li > a:hover { color: inherit; }
.user_tab > li.active > a { cursor: default; font-size: 1em; opacity: 1; }
.usinf { list-style: none; padding: 0; margin: 0 0 25px 0; } 
.usinf li { padding: 12px 0; border-top: 1px solid #e6e6e6; }
.usinf li:first-child { border-top-width: 0; }
.ui-c1, .ui-c2 { display: inline-block; vertical-align: top; }
.ui-c1 { width: 30%; margin-right: 5%; }
.ui-c2 { width: 60%; }

.add-comm-wrap {float:left; width: 100%; box-sizing: border-box; background: #fff; padding: 40px 60px;}
.addcomment {float:left;  width: 100%;}
.addcomment-tit {float:left;  padding-bottom:10px;  font-weight: 600; color: #313b40; font-size: 16px; line-height: 20px; width: 100%;}

.related-short-tit {float:left; border-top: 1px solid #dddede; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40; width: 100%;  font-size: 24px; line-height: 24px;  float: left; margin-top: 30px; padding-top: 30px;}
.related-short {float: left; width: 50%;  box-sizing: border-box; height: 100%; padding: 0 30px 0 30px; margin-top: 30px;}
.related-short:nth-child(1n){ padding-left: 0; }
.related-short:nth-child(2n){ padding-right: 0; padding-left: 30px;}
.related-short-img {width: 100%; height: 10vw; position: relative;  overflow: hidden; top: 0px; left: 0px;}
.related-short-img-inner {height: 150%; width: 150%; position: absolute;left: -25%; top: -25%;text-align: center;}
.related-short-img img{ display: block; position: absolute; width: 100%; height: auto; left: 0; top: 0; bottom: 0; right: 0;  margin: auto;}
.related-short-img img:hover{opacity: 0.8;}
.related-short-news {float: left; width: 100%;}
.related-short-news-tit { margin-bottom: 5px; font-size: 16px; line-height: 20px; height: 52px; overflow: hidden; float: left; text-rendering: optimizeLegibility; width: 100%; padding: 10px 0;}
.related-short-news-tit a{color:#313b40;}
.related-short-news-tit a:hover{color:#535e76; text-decoration: none;}
.related-short-news-cat {color:#aaaaaa; float: left; width: 100%; font-size: 12px; padding-top: 5px;}
.related-short-news-cat a{color:#aaaaaa; float: left; font-size: 12px; padding-right: 15px;}
.related-short-news-cat a:hover{color: #535e76; text-decoration: none;}
.related-short-news-cat span{color:#aaaaaa; float: left; font-size: 12px; padding-right: 15px;}

.content-vopros {display: flex; margin-top: 30px;}
.content-vopros-left { flex-basis:80%; flex-direction: column; display: flex;box-sizing: border-box;}
.content-vopros-right {flex-basis:340px;   margin-left: 20px; box-sizing: border-box;}
.full-vopros {background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; float: left; box-sizing: border-box; width: 100%; padding: 20px 40px;}
.main-vop {background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; float: left; box-sizing: border-box; width: 100%; padding: 40px 60px; margin-bottom: 20px; }
.h-title { border-bottom: 1px solid #dddede; line-height: .1em;  margin: 20px 0 40px;  text-align: center;}
.h-title span {font-family: 'Ubuntu Bold'; font-size: 38px; background: #fff; padding: 0 20px; margin: 0 auto; text-align: center;}
.vopros-se {display: flex; }
.vopros-search {flex-basis:80%; flex-direction: column; display: flex; }
.vopros-search input {box-sizing: border-box; font-size: 14px; padding: 5px 20px; float: left; width: 100%; border-radius: 4px 0 0 4px; border: 1px solid #aaaaaa; }
.vopros-search input:hover, .vopros-search input:active, .vopros-search input:focus {border: 1px solid #ffdd2d;}
.seright {flex-basis:200px;}
.seright input{ font-weight: 600;cursor: pointer; border: 0; border-radius: 0 4px 4px 0; float: left; width: 100%;  line-height: 36px; color: #000; background: #ffdd2d; box-sizing: border-box; font-size: 16px; padding: 5px 20px;}
.seright input:hover {opacity: 0.8;}
.vopros-block {float: left; width: 100%; }
.vopros-info-left {float: left; width: 70%; font-size: 13px; color: #aaaaaa; line-height: 18px;}
.vopros-info-right {float: left; width: 30%; text-align: right;}
.vopros-info-right a{float: right; background: #ffdd2d; color: #000; border-radius: 4px; padding: 14px 20px; font-size: 16px; font-weight: 600;}
.vopros-info-right a:hover{text-decoration: none; opacity: 0.8;}
.vopros-short {float: left; width: 100%;  position: relative;  background: #fff; margin-bottom: 20px; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.vopros-short-wrap {padding: 20px 30px 10px 30px; width: 100%; float: left;box-sizing: border-box;}
.vopros-short-left {float: left; width: 100%; line-height: 36px; border-bottom: 1px solid #aaaaaa; }
.vopros-short-right {box-sizing: border-box; float: left; width: 100%;}
.vopros-short-avatar { float: left; padding-right: 10px;}
.vopros-short-avatar img{width: 22px; border-radius: 50%; margin-top: 5px;}
.vopros-short-name {float: left; font-size: 16px; padding-right: 10px; font-weight: 600;}
.vopros-short-date {float: left; font-size: 14px;  margin-top: 1px; color: #aaaaaa;}
.vopros-short-good {float:right; font-size: 16px; color: #fff;}
.vopros-short-good i{ font-size: 16px; color: #08d948;}
.vopros-short-good span{ padding: 4px 0 4px 0; margin: 0 auto; color: #313b40; font-weight: 600;}
.vopros-short-bed {float:right; font-size: 16px; color: #fff;}
.vopros-short-bed i{ font-size: 16px; color: #ff3d3d;}
.vopros-short-bed span{ padding: 4px 8px; margin: 0 auto; color: #313b40; font-weight: 600;}
.vopros-short-title { font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40; font-size: 20px; margin-bottom: 10px; margin-top: 10px; float: left; width: 100%;}
.vopros-short-title a{color: #313b40; line-height: 24px; float: left; padding: 10px 0;}
.vopros-short-title a:hover{color: #535e76; text-decoration: none;}
.vopros-short-text {float: left; width: 100%; font-size: 14px; margin: 0 0 10px 0; line-height: 20px; box-sizing: border-box; border-radius: 4px; }
.vopros-short-niz {float: left; width: 100%; margin: 10px 0; line-height: 20px;}
.vopros-short-niz .cat{float: left; padding: 0 10px 0 0; color: #aaaaaa; font-size: 14px;}
.vopros-short-niz .cat a{ color: #aaaaaa;}
.vopros-short-niz .cat a:hover{color: #535e76; text-decoration: none;}
.vopros-short-niz .see{float: left; padding: 0 10px 0 0; color: #aaaaaa; font-size: 14px;}
.vopros-short-niz .full-link{float: right;}
.vopros-short-niz .full-link a{float: right; color: #535e76; font-size: 16px; border-bottom: 1px dashed #535e76;}
.vopros-short-niz .full-link a:hover{ color:#313b40;text-decoration: none; border-bottom: 1px dashed #313b40;}
.vopros-hot-title {border-bottom: 1px solid #aaaaaa; text-rendering: optimizeLegibility; font-family: 'Ubuntu Bold'; color: #313b40;  padding-bottom: 10px; font-size: 24px; line-height: 28px; margin-bottom: 20px; margin-top: 10px; float: left; width: 100%;}
.vopros-hot-title i {float: right; color: #08d948;}
.full-short-vopros {float: left; width: 100%; margin-bottom: 20px;}
.full-short-h1 {border-bottom: 1px solid #aaaaaa; text-rendering: optimizeLegibility; font-family: 'Ubuntu Bold'; color: #313b40; padding-bottom: 20px; font-size: 34px; line-height: 38px; margin-bottom: 10px; float: left; width: 100%;}
.full-short-vopros-block {float: left; width: 100%; position: relative;min-height: 100px; margin: 20px 0 20px 0; padding: 20px 0 0 0;  background: #f3f3f3; border-radius: 4px; }
.full-short-vopros-block-left {float: left; width: 150px; position: absolute;min-height: 100px; text-align: center;}
.full-short-vopros-block-right {float: left; width: 100%; padding-left: 170px; min-height: 140px; position: relative; box-sizing: border-box;}
.full-short-vopros-block-left-avatar {padding: 10px 0;}
.full-short-vopros-block-left-avatar img{width: 60px; border-radius: 50%;}
.full-short-vopros-block-left-name {font-size: 14px; padding: 5px 0;}
.full-short-vopros-block-left-date {font-size: 12px; padding: 5px 0; color: #aaaaaa;}
.full-vopros-autor {margin-top: 10px; border-left: 2px solid #535e76; min-height: 40px; float: left; line-height: 22px; width: 100%; font-size: 16px; padding: 0 20px 20px 20px; box-sizing: border-box;}
.ugol {border-color: rgba(0, 0, 0, 0) #535e76 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);  border-image: none;  border-style: solid;  border-width: 10px;  content: "";   display: block;   margin-left: 0px;    margin-top: 20px;    position: absolute;top: 0;left:150px;}
.full-short-vopros-glav {float: left; width: 100%; position: relative;min-height: 100px; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #aaaaaa;}
.full-short-vopros-glav-left {float: left; width: 150px; position: absolute;min-height: 100px; text-align: center;}
.full-short-vopros-glav-right {float: left; width: 100%; padding-left: 170px; min-height: 140px; position: relative; box-sizing: border-box;}
.full-short-vopros-glav-left-avatar {padding: 10px 0;}
.full-short-vopros-glav-left-avatar img{width: 60px; border-radius: 50%;}
.full-short-vopros-glav-left-name {font-size: 14px; padding: 5px 0;}
.full-short-vopros-glav-left-date {font-size: 12px; padding: 5px 0; color: #aaaaaa; line-height: 16px;}
.full-short-vopros-glav-autor { background: #fff; border-left: 2px solid #535e76; float: left; line-height: 22px; width: 100%; font-size: 16px; padding: 0 0 0 20px; box-sizing: border-box;}
.ugol2 {border-color: rgba(0, 0, 0, 0) #535e76 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);  border-image: none;  border-style: solid;  border-width: 10px;  content: "";   display: block;   margin-left: 0px;    margin-top: 24px;    position: absolute;top: 0;left:150px;}
.full-short-vopros-niz {float: left; width: 100%; margin-top: 30px;}
.full-short-vopros-niz-date {float: left; color:#aaaaaa; font-size: 14px;}
.full-short-vopros-niz-cat {float: right;  font-size: 14px; color:#aaaaaa;}
.full-short-vopros-niz-cat a{color:#aaaaaa; padding-right:10px;}
.full-short-vopros-niz-cat a:hover {color: #535e76; text-decoration: none;}
.full-short-vopros-related-tit {font-family: 'Ubuntu Bold'; color: #313b40; float: left; width: 100%; font-size: 20px; margin-top: 20px;}
.full-random-link {float: left; width: 50%; margin: 10px 0;}
.full-random-link a{float: left; width: 100%; font-weight: 600; margin-top: 10px; box-sizing: border-box;  overflow:hidden;  color: #333438; line-height: 18px; font-size: 14px;}
.full-random-link a:hover {color: #535e76; text-decoration: none;}
.left-random {float: left; width: 40%;}
.left-random img{max-width: 100%;}
.right-random {float: left; width: 60%; padding: 0 15px; box-sizing: border-box;}

.banner-right-offer {text-align: center; background:#fff; width:100%; padding: 30px 30px; box-sizing: border-box; margin-bottom: 20px; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.banner-right-offer img {width: 200px;}
.rek-title {float: left; width:100%; padding: 10px 0; float: left; font-weight: 600; font-size: 22px; margin-top: 10px;}
.rek-text { color:#aaaaaa; float: left; width:100%; line-height: 16px; font-size: 14px; padding: 5px 0 15px 0;}
.rekl-link a{text-align: center; float: left; width:100%;  font-weight: 600; background: #ffdd2d; color: #000; padding: 15px 0;  border-radius: 4px;  font-size: 16px;}
.rekl-link a:hover{text-decoration: none; opacity: 0.8;}

.content-bank {display: flex; margin-top: 30px;}
.content-bank-left { flex-basis:80%; flex-direction: column; display: flex;box-sizing: border-box;}
.content-bank-right {flex-basis:340px;   margin-left: 20px; box-sizing: border-box;}

.seo-text { width: 100%; height: 100%; float: left; font-size: 15px; background: #fff; margin-top: 20px; line-height: 22px; box-sizing: border-box; padding: 20px 30px; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.seo-text img{max-width: 100%;}
.seo-text h2{font-size: 24px; padding: 20px 0 10px 0; margin:0 0 10px 0; border-bottom: 1px solid #d0d0d0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.seo-text h3{font-size: 20px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.seo-text h4{font-size: 20px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.seo-text h5{font-size: 20px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.seo-text ul {padding: 10px 0 20px 40px; list-style: disc outside;}
.seo-text ul li{padding: 5px 0; }
.seo-text ol { padding: 10px 0 20px 40px; counter-reset:  item;  list-style-type: none;}
.seo-text ol li{padding: 5px 0; font-weight:normal;}
.seo-text ol li:before {  counter-increment: item;  content: counter(item) ". ";  font-weight: bold;}
.seo-text table {width: 100%; margin: 15px 0;}
.seo-text td{padding: 5px 10px; border: 1px solid #aaaaaa;}

.banki-glav {width:100%; float: left; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px 4px 0 0; padding: 30px 40px; box-sizing: border-box;}
.banki-glav h1 {font-family: 'Ubuntu Bold'; font-size: 28px; float: left; width:70%;}
.banki-link-all {float: left; width:30%; text-align:  right; padding-top: 10px;}
.banki-link-all a{float: right; color: #313b40; font-size: 16px;  line-height: 34px; font-weight: 400;}
.banki-link-all a:hover{color: #535e76; text-decoration: none;}

.banki-search {width:100%; float: left; margin-bottom: 30px; }
.banki-search form{width:100%; float: left; font-size: 16px; position: relative;  background: #fff; box-sizing: border-box; padding: 5px 0; border-top: 1px solid #dddede; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 0 0 4px 4px;} 
.banki-search input[type="text"]{border-top: 1px solid #dddede; width:100%; height: 40px; float: left; color:#333438; line-height: 40px; padding: 0 40px; font-size: 15px; box-sizing: border-box; border: 1px solid #fff !important;  background: #fff;} 
.banki-search .but-search {cursor: pointer; position: absolute; right: 40px; top:10px; border: 0; background: #fff; height: 30px; width:30px; background: url(../images/loupe.svg) top right; background-size: 24px 24px; background-repeat: no-repeat; box-sizing: border-box;}
.banki-search .but-search:hover{opacity: 0.8;}

.banki-wrap-sort {width:100%; float: left; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; box-sizing: border-box;}

.banki-sort {float: left; width:100%; display: flex; justify-content: space-between; border-bottom: 1px solid #dddede;}
.banki-sort-1 {align-items: stretch; flex-basis: 20%; text-align: center; font-size: 14px; line-height: 50px; font-weight: 600;}
.banki-sort-2 {align-items: stretch; flex-basis: 45%; font-size: 14px; line-height: 50px; font-weight: 600;}
.banki-sort-3 {align-items: stretch; flex-basis: 20%; font-size: 14px; line-height: 50px; font-weight: 600;}
.banki-sort-4 {align-items: stretch; flex-basis: 15%; text-align: center; font-size: 14px; line-height: 50px; font-weight: 600;}

.banki-short {position: relative; box-sizing: border-box; background: #fff; width:100%; float: left; border-bottom: 1px solid #bababa; display: flex; justify-content: space-between;}
.banki-short:hover {box-shadow: 0px 0px 23px 2px rgba(184,182,184,1); z-index: 1000;}
.banki-short-1 {align-items: stretch; flex-basis: 70px; text-align: center; font-size: 14px; padding: 30px 0 30px 0; border-right: 1px solid #f3f8fc; font-weight: 600;}
.banki-short-2 {align-items: stretch; flex-basis: 20%; text-align: center; font-size: 14px; padding: 30px 0;}
.banki-short-3 {align-items: stretch; flex-basis: 45%; font-size: 14px; padding: 30px 0;}
.banki-short-4 {align-items: stretch; flex-basis: 20%; font-size: 14px; padding: 30px 0;}
.banki-short-5 {align-items: stretch; flex-basis: 15%; text-align: center; font-size: 14px;  background: #f3f8fc;}
.rang-bank {line-height: 60px; border: 2px solid #ffdd2d; border-radius: 50%; height: 60px; width:60px; margin: 0 auto; margin-top: 30px; font-weight: 600; font-size: 18px;}
.mini-bank-img {float: left; width:100%; text-align: center;}
.mini-bank-img img{max-width: 100%; padding: 0 20px; box-sizing: border-box; padding-top: 10px;}
.mini-bank-rate {float: left; width:100%; text-align: center; margin-top: 5px;}
.mini-bank-title a{float: left; width:100%; font-size: 18px; line-height: 22px;  font-weight: 700;}
.mini-bank-title a:hover{text-decoration: none; color: #ffdd2d;}
.mini-bank-lic {float: left; width:100%; color: #333438; margin-top: 20px; font-size: 14px}
.mini-bank-otziv {color: #a7a7a7; line-height: 22px;}
.mini-bank-otziv-link a{float: left; margin-top: 10px; font-size: 14px; padding: 9px 12px; color: #000; background: #ffdd2d; border-radius: 3px;}
.mini-bank-otziv-link a:hover{text-decoration: none; opacity: 0.8;}
.main-bank-info {float: left; width:100%; background: #fff; padding: 20px 40px; font-size: 14px; font-weight: 600; box-sizing: border-box; border-bottom: 1px solid #bababa;}

.accordion {width: 100%; max-width: 100%; min-height: 0; display: block; position: relative;margin-top: 20px; padding: 0;background-color: #fff; overflow: hidden; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.accordion h1, .accordion h2 {font-size: 16px;font-weight: 400;  display: block; margin: 0;font-family: 'Open Sans', sans-serif; padding: 30px 0 30px 40px;  cursor: pointer; color:#313b40; background: #fff; border-bottom: 1px solid #ebf0f1; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.accordion .kiki .msg { position: relative; overflow: hidden;    opacity: 1;  transform: translate(0, 0);}
.accordion .kiki .msg .text	{line-height: 20px; padding: 30px 40px;}
.accordion .kiki .msg .text ul {padding: 10px 40px; list-style: square outside;;}
.accordion .kiki .msg .text ul li { padding: 5px 0; line-height: 20px;}
.accordion .kiki .msg .text h2 {width: 100%; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40; font-size: 20px; line-height: 24px; padding: 10px 0; margin: 10px 0; float: left;}
.accordion .kiki .msg .text h3 {width: 100%; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40; font-size: 20px; line-height: 24px; padding: 10px 0; margin: 10px 0; float: left;}
.accordion .kiki .msg .text h4 {width: 100%; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40; font-size: 20px; line-height: 24px; padding: 10px 0; margin: 10px 0; float: left;}
.accordion .kiki .msg .text h5 {width: 100%; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40; font-size: 20px; line-height: 24px; padding: 10px 0; margin: 10px 0; float: left;}
.accordion .kiki {  position: relative;  padding: 0;  margin: 0;}
.accordion .kiki i {  position: absolute;  transform: translate(-6px, 0);  margin-top: 36px;  right: 40px;}
.accordion .kiki i:before, .accordion .kiki i:after {  content: "";  position: absolute;  background-color: #313b40;  width: 2px;  height: 6px;}
.accordion .kiki i:before {  transform: translate(-2px, 0) rotate(45deg);}
.accordion .kiki i:after {  transform: translate(2px, 0) rotate(-45deg);}
.accordion .kiki input[type=checkbox] {  position: absolute;  cursor: pointer;  width: 100%;  height: 100%;  margin: 0;  padding: 0;  opacity: 0;}
.accordion .kiki input[type=checkbox]:checked ~ div.msg {  margin-top: 0;  max-height: 0;  opacity: 0;  transform: translate(0, 50%);}
.accordion .kiki input[type=checkbox]:checked ~ i:before {  transform: translate(2px, 0) rotate(45deg);}
.accordion .kiki input[type=checkbox]:checked ~ i:after {  transform: translate(-2px, 0) rotate(-45deg);}
.accordion .kiki .msg, .kiki i:before, .kiki i:after {transition: all 0.5s ease-in-out;}

.pay-offer {width:100%; float: left; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; box-sizing: border-box; margin-bottom: 20px;}

.rek-mini-col {box-sizing: border-box; border-top: 1px solid #dddede;}
.rek-mini-col:hover {box-shadow:0 1px 9.94px 4px rgba(0,0,0,.2); transition: all 300ms ease-in-out; z-index: 1000;}
.rek-mini-col a{color: #333438;}
.rek-mini-col a:hover {color: #535e76; text-decoration: none;}
.mini-rek {display: flex;}
.mini-rek-left {flex-basis:90%;flex-direction: column; justify-content: center; display: flex; width:100%; padding: 10px 0 10px 20px;}
.mini-rek-right {flex-basis:50px;flex-direction: column; justify-content: center; display: flex; text-align: right;}
.mini-rek-right img{height: 30px; float:right; padding-right: 20px;}
.mini-rek-boom {display: flex; padding: 20px 30px;}
.mini-rek-title {flex-basis:100%;align-items: center; display: flex; padding: 10px 0; font-size: 16px; font-weight: 700;}
.mini-rek-predl {flex-basis:100%;align-items: center; display: flex; padding: 0 0 10px 0; color: #bcbcbc; font-size: 12px;}
.rek-tit {font-family: 'Ubuntu Bold'; font-size: 20px; line-height: 24px; float: left; padding: 15px 20px; width: 100%; box-sizing: border-box;}

.full-bank-main {margin-top: 30px; box-sizing: border-box; background: #fff; width:100%; float: left; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.full-bank-main-wr {display: flex; align-items: center; padding: 30px 30px;}
.full-bank-main-left {flex-basis: 80%; align-items: center;}
.full-bank-main-right {flex-basis: 320px; align-items: center;}
.full-bank-main-right img{ float: right; max-height: 100%;}
.full-bank-title {box-sizing: border-box; font-size: 30px; margin: 0 0 10px 0; line-height: 34px;font-family: 'Ubuntu Bold'; color: #313b40; float: left;  width: 100%;}
.full-bank-nord {float: left; width: 100%; line-height: 24px; margin-top:10px;}

.menu-bank {float: left; width: 100%; line-height: 60px; border-top: 1px solid #dddede; box-sizing: border-box; padding: 0 30px;}
.menu-bank a{float: left; color: #333438; padding-right: 20px;}
.menu-bank a:hover {color: #535e76; text-decoration: none;}
.menu-bank span {float:right;}
.menu-bank span a{float: left; color: #b2b2b2; padding-left: 20px; padding-right: 0;}
.menu-bank span a:hover {color: #b2b2b2; text-decoration: none;}
.menu-bank span a.yes{float: left; color: #333438; padding-left: 20px; padding-right: 0;}
.menu-bank span a.yes:hover {color: #535e76; text-decoration: none;}

.full-bank {display: flex; margin-top: 20px;}
.full-bank-left { flex-basis:80%; flex-direction: column; display: flex;box-sizing: border-box;}
.full-bank-right {flex-basis:340px;   margin-left: 20px; box-sizing: border-box;}
.full-offer {float: left; width: 100%; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; padding: 30px 30px; box-sizing: border-box;}
.uslov-title {font-size: 24px; padding: 0; margin-bottom: 20px; text-rendering: optimizeLegibility; font-family: 'Ubuntu Bold'; color: #313b40;}
.opisan-usl {float: left; line-height: 22px; padding:0; width:100%; height:100%;}
.opisan-usl h2{font-size: 24px; padding: 20px 0 10px 0; margin:0 0 10px 0; border-bottom: 1px solid #d0d0d0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.opisan-usl h3{font-size: 20px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.opisan-usl h4{font-size: 20px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.opisan-usl h5{font-size: 20px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.opisan-usl ul {padding: 10px 0 20px 40px; list-style: disc outside;}
.opisan-usl ul li{padding: 5px 0; }
.opisan-usl ol { padding: 10px 0 20px 40px; counter-reset:  item;  list-style-type: none;}
.opisan-usl ol li{padding: 5px 0; font-weight:normal;}
.opisan-usl ol li:before {  counter-increment: item;  content: counter(item) ". ";  font-weight: bold;}
.opisan-usl table {width: 100%; margin: 15px 0;}
.opisan-usl td{padding: 5px 10px; border: 1px solid #aaaaaa;}

.full-rek-otz {float: left; width: 100%; margin: 20px 0 0 0; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); padding: 30px 30px; box-sizing: border-box;}
.full-rek-otz h3 {float: left; margin: 0;}
.full-rek-otz span{font-size: 26px; color: #08d948; font-weight: 700; font-family: 'Ubuntu Bold'; float: right;}
.full-rek-otz-all {float: left; width: 100%; margin: 20px 0 0 0; border-top: 1px solid #d0d0d0; padding: 40px 0 20px 0; text-align: center;}
.full-rek-otz-all a{color: #fff; background: #08d948; padding: 10px 20px;  border-radius: 4px; }
.full-rek-otz-all a:hover{text-decoration: none; opacity: 0.8;}

.rekviz {float: left; width: 100%; border-bottom: 1px solid #d7d7d7; padding: 15px 0; display: flex; align-items: center;}
.rekviz-left {flex-basis: 40%; line-height: 24px; font-weight: 600;}
.rekviz-right {flex-basis: 60%; line-height: 24px;}
.full-bank-otz { position: relative;  background:#fff; width:100%; padding: 20px 40px; box-sizing: border-box; border-bottom: 1px solid #bababa; margin-top: 20px;}
.no-otz {float: left; width:100%; padding: 20px 30px; font-weight: 600; box-sizing: border-box; background: #fff; text-align: center; border-bottom: 1px solid #bababa;}
.opinions-title{float:left;margin-bottom:0;margin-top:2px}
.opinions-list{list-style:none;margin:0;clear:both; padding: 0;}
.opinions-list li{padding: 20px 40px; background: #fff; float: left; width:100%; font-size:16px;line-height:20px; box-sizing: border-box; border-bottom: 1px solid #bababa;}
.otziv-line {line-height: 40px; float: left; width:100%; border-bottom: 1px solid #c5c5c5;}
.otziv-rating-1 {float: left; width: 87px;height: 14px; background-image: url(../images/otz1.svg); background-position: 0 0; margin: 14px 10px 0 0;}
.otziv-rating-2 {float: left; width: 87px;height: 14px; background-image: url(../images/otz2.svg); background-position: 0 0; margin: 14px 10px 0 0;}
.otziv-rating-3 {float: left; width: 87px;height: 14px; background-image: url(../images/otz3.svg); background-position: 0 0; margin: 14px 10px 0 0;}
.otziv-rating-4 {float: left; width: 87px;height: 14px; background-image: url(../images/otz4.svg); background-position: 0 0; margin: 14px 10px 0 0;}
.otziv-rating-5 {float: left; width: 87px;height: 14px; background-image: url(../images/otz5.svg); background-position: 0 0; margin: 14px 10px 0 0;}
.otziv-name {float: left; padding-right: 10px; line-height: 40px;  font-weight: 600;}
.otziv-date {float: right; padding-left: 10px; line-height: 40px; color: #c5c5c5; font-size: 14px;}
.otziv-title {font-size: 22px; text-rendering: optimizeLegibility; font-family: 'Ubuntu Bold'; color: #313b40; padding: 20px 0 0 0; float: left; width:100%;}
.comment {float: left; width:100%; font-size:16px;line-height:20px; margin: 20px 0;}
.link-admin a {float: left; border: 1px solid #313b40; padding: 5px 10px; border-radius: 4px; color: #313b40; font-size: 14px; margin-right: 10px;}
.autoriz {width:100%; float: left; text-align: center; background:#fff; padding: 30px 0; }
.autoriz a{  border: 1px solid #aaaaaa; background: #fff; color:#313b40; border-radius: 4px; padding: 7px 15px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);}
.autoriz a:hover{text-decoration: none; opacity: 0.8;}
.autoriz .text {text-align: center; padding: 30px 0 10px 0; color: #c40000; font-size: 14px;} 
.add-otziv {width:100%; float: left; padding-top:20px;}
.add-otziv-big {width:100%; float: left; margin-top:20px;}
.left-add-otziv {float: left; width:100%; margin-top:20px;}

#bank-content {max-width:1280px; z-index: 1000; margin: 0 auto;padding: 0; font-family: 'Open Sans', sans-serif;}
.main-offer {width:100%; height:100%; float: left; display: flex; margin: 30px 0;}
.main-offer-left {flex-direction: column;align-items: stretch; flex-basis: 75%; height:100%; float: left;}
.main-offer-right {align-items: stretch; position: relative; align-items: stretch; flex-basis: 320px;  height:100%; float: left; padding: 0 0 0 20px;}
 
.kr-poisk {box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); background: #fff; border-radius: 4px; margin-bottom: 20px; position: relative;   width:100%; padding: 30px 40px; box-sizing: border-box;}
.kr-poisk h1{  padding: 0 0px 20px 0px; box-sizing: border-box; font-size: 30px;  line-height: 34px;font-family: 'Ubuntu Bold'; color: #313b40; float: left; width:100%;}
.kr-block {width:100%; height:100%; float: left; padding: 30px 0 0 0; box-sizing: border-box; }
.kr-block span{width:100%; float: left;box-sizing: border-box; line-height: 20px; color: #a6a6a6; font-size: 14px;}
.filter {width:100%; float: left;}
.filter-block {width:50%; float: left;box-sizing: border-box;}
.filter-block:nth-child(1n){ padding-right: 15px; }
.filter-block:nth-child(2n){ padding-left: 15px;}
.filter-left-nomer {float: left;margin: 10px 0 15px 0px; color: #313b40;font-size: 20px; font-weight: 600;}
.filter-right-nomer { float: right; margin: 10px 0px 15px 10px; color: #313b40; font-size: 20px; font-weight: 600;}
.filter-banner { color: #adadad; font-size: 13px; float: left; width: 100%; margin-top: 10px;}
.filter .slider1 {height:1px; background:#d5d3d3; position:relative; margin:0 auto; padding:0 10px; border: 0;}
.filter .ui-slider { margin:0; padding: 0; }
.filter .ui-slider-horizontal { margin:0; padding: 0;}
.filter .ui-widget { margin:0; padding: 25px;}
.filter .ui-widget-content { margin:0; padding: 0;}
.filter .ui-corner-all { margin:0; padding: 0; border-radius: 4px;}
.filter .ui-state-default { box-shadow:0;}
.filter .ui-slider-handle {width:18px; height:18px; position:absolute;background: #fff; border: 3px solid #ffdd2d;  margin-top: -15px; margin-left:-12px; border-radius: 50%; z-index:1;}
.filter .ui-widget-header { background: #ffdd2d; height:4px;left:1px; top:1px;}


.blockreklam {margin-bottom: 20px; width:100%; float: left; background: #d41659; color: #fff;}
.rekla-title {background:#d41659; height: 50px; line-height: 50px; padding-left: 40px; font-size: 14px; color:#fff; }
.rekla-title span {line-height: 50px; padding-right: 40px; font-size: 14px;  color:#fff; float: right;}

.blokrekomend {color:#313b40; position: relative; font-size: 14px; line-height: 22px; float:left; min-height:100px;background-color:#fff;background-repeat:no-repeat; width:100%; margin-bottom: 20px;  box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; }
.rekomtitle {background:#16c837; height: 50px; line-height: 50px; padding-left: 40px; font-size: 16px; font-weight: 600; color:#fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px 4px 0 0;}
.rekomtitle span {line-height: 50px; padding-right: 40px; font-size: 14px;  color:#fff; float: right; font-weight: 400;}

.blokosnova {color:#313b40; position: relative; font-size: 14px; line-height: 22px; float:left; min-height:100px;background-color:#fff;background-repeat:no-repeat; width:100%;box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.osnovatitle {background:#535e76; height: 50px; line-height: 50px; padding-left: 40px; font-size: 14px; color:#fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px 4px 0 0;}
.osnovatitle span {line-height: 50px; padding-right: 40px; font-size: 14px; color:#fff; float: right;}

.kr-offer-rek, .kr-offer {flex-wrap:wrap; position: relative; border-bottom: 1px solid #aaaaaa; display: flex; background:#fff; width:100%; padding: 30px 30px; box-sizing: border-box;}
.kr-otziv {position: absolute;  line-height: 14px; bottom: 0; left: 47%; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; border-radius: 20px 20px 0 0; padding: 0 10px;}
.kr-otziv a{float: left; color: #aaaaaa; font-size: 10px; }
.kr-otziv a:hover{text-decoration: none; color: #535e76;}
.kr-offer-rek:hover, .kr-offer:hover { box-shadow: 0px 0px 23px 2px rgba(184,182,184,1); z-index: 1000;}
.kr-offer-title {width:100%; height:100%; float: left;}
.kr-offer-title a{width:100%; height:100%; float: left; font-size: 18px;  line-height: 20px;font-weight: 700; padding-bottom: 10px; box-sizing: border-box; margin-bottom: 10px;}
.kr-offer-title a:hover{text-decoration: none; opacity: 0.8;}
.kr-offer-1 {align-items: stretch; flex-basis: 20%; height:100%; float: left;  padding-right: 30px; box-sizing: border-box;}
.kr-offer-1 img{width:100%;}
.nazvbank {width:100%; height:100%; float: left; color:#aaaaaa; text-align: center; font-size: 12px;}
.kr-offer-2 {align-items: stretch; flex-basis: 60%; height:100%; float: left;}
.kr-offer-3 {width:30%; height:100%; float: left;}
.kr-offer-stavka {width:100%; height:100%; float: left; font-size: 22px;  line-height: 26px;font-weight: 600;}
.kr-offer-3 span{width:100%; height:100%; float: left; color:#aaaaaa; font-size: 12px; box-sizing: border-box;}
.kr-offer-4 {width:40%; height:100%; float: left;}
.kr-offer-summa {width:100%; height:100%; float: left; font-size: 16px;  line-height: 26px; text-align: center; font-weight: 600;}
.kr-offer-4 span{width:100%; height:100%; float: left; color:#aaaaaa; font-size: 12px; text-align: center;}
.kr-offer-5 {width:30%; height:100%; float: left;}
.kr-offer-srok {width:100%; height:100%; float: left; font-size: 16px;  line-height: 26px; text-align: right; font-weight: 600;}
.kr-offer-5 span{width:100%; height:100%; float: left; color:#aaaaaa; font-size: 12px; text-align: right;}

.kr-offer-7 {align-items: stretch; flex-basis:20%; height:100%; float: left;}
.kr-offer-pay {display: flex; width:100%; }
.kr-offer-pay-left {align-items: stretch; flex-basis: 20%; padding-right: 30px; line-height: 40px; font-size: 11px; color:#aaaaaa; margin-top: 5px; text-align: center; box-sizing: border-box; width:100%;}
.kr-offer-pay-center {align-items: stretch; justify-content: center; flex-basis: 60%;width:100%; font-size: 13px; line-height: 40px;  border-top: 1px dashed #aaaaaa; margin-top: 5px;}
.kr-offer-pay-center span {float: left; color: #aaaaaa; padding-right: 10px;}
.kr-offer-pay-center img {height: 16px; float: left; padding: 12px 15px 12px 0;}
.kr-offer-pay-right {align-items: stretch; flex-basis: 20%; width:100%;line-height: 20px; text-align:right;}
.kr-offer-pay-right a{text-align: center; float: right; background: #fff; color: #aaaaaa; border-bottom: 1px dashed #aaaaaa; margin-top: 0px; padding: 10px 0 2px 0; font-size: 14px; margin-right: 15px;}
.kr-offer-pay-right a:hover{text-decoration: none; color: #535e76;}

.offer-online a{box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1);text-align: center; float: right; background: #ffdd2d; color: #000; border-radius: 4px; padding:6px 0; width:110px; border: 1px solid #ffdd2d; font-size: 14px; }
.offer-online a:hover{text-decoration: none; opacity: 0.8;}
.offer-post a{text-align: center; float: right; background: #fff; color: #aaaaaa; margin-top: 0px; border-radius: 4px; padding: 6px 0; width:110px; font-size: 14px;}
.offer-post a:hover{text-decoration: none; color: #535e76;}
 

.card-offer-rek, .card-offer {position: relative; border-bottom: 1px solid #aaaaaa; display: flex; background:#fff; width:100%; padding: 30px 30px; box-sizing: border-box;}
.card-offer-rek:hover, .card-offer:hover {border-bottom: 1px solid #ffdd2d; box-shadow: 0px 0px 23px 2px rgba(184,182,184,1); z-index: 1000;}
.card-offer-title {width:100%; height:100%; float: left;}
.card-offer-title a{width:100%; height:100%; float: left; font-size: 18px;  line-height: 22px;font-weight: 700; box-sizing: border-box; margin-bottom: 20px;}
.card-offer-title a:hover{text-decoration: none; opacity: 0.8;}
.card-offer-1 {align-items: stretch; flex-basis: 30%; height:100%; float: left;  padding-right: 20px;}
.card-offer-1 img{max-width:100%;}
.card-offer-2 {align-items: stretch; flex-basis: 60%; height:100%; float: left;}
.card-offer-3 {align-items: stretch; flex-basis:20%; height:100%; float: left;}

.card-offer-info {width:100%; height:100%; float: left; padding: 5px 0; font-size: 16px;}
.card-offer-info span { padding: 2px 10px 2px 0; color:#aaaaaa; font-size: 12px;}
.nazvbankcard {width:100%; height:100%; float: left; font-size: 12px;}

.bottom-search {width:100%; margin: 0 auto;padding: 10px 0px 30px 0px; text-rendering: optimizeLegibility; font-family: 'Open Sans', sans-serif; background: #fff; box-sizing: border-box;}
.bottom-search-wrap {max-width:1280px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.bottom-search-wite {width:100%; float: left; margin-bottom: 10px;}
.wite-title {border-bottom: 1px solid #dddede; width:100%; float: left; text-rendering: optimizeLegibility; font-family: 'Ubuntu Bold';  font-size: 24px; line-height: 50px;}
.wite-menu {width:100%; float: left; display: flex; margin: 10px 0 20px 0;}
.wite-menu ul {align-items: stretch; flex-basis: 25%; float: left; list-style: none; padding: 0;}
.wite-menu ul .name {color: #313b40; font-size: 14px; line-height: 16px; padding: 3px 0; float: left; width: 100%;}
.wite-menu ul li a{color: #313b40; font-size: 13px; line-height: 18px; padding: 2px 0; float: left; width: 100%;}
.wite-menu ul li a:hover{color: #535e76; text-decoration: none;}

.full-offer-short {margin-bottom: 20px; width:100%; float: left; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.offer-wrapper {float: left; width:100%; padding: 30px 30px;box-sizing: border-box; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.right-knopka-usl {width:100%; float: left; margin: 40px 0 20px 0;}
.right-knopka-usl a {float: left; color: #000; background: #ffdd2d; padding: 14px 17px; font-weight: 600; border-radius: 4px;}
.right-knopka-usl a:hover{text-decoration: none; opacity: 0.8;}

.full-off-main {margin-bottom: 20px; box-sizing: border-box; background: #fff; width:100%; float: left; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.full-off-main-wr {display: flex; align-items: center; padding: 30px 30px;}
.full-off-main-left {flex-basis: 80%; align-items: center;}
.full-off-main-right {flex-basis: 320px; align-items: center;}
.full-off-main-right img{ float: right; max-height: 100%;}
.full-off-title {box-sizing: border-box; font-size: 30px; margin: 0 0 10px 0; line-height: 34px;font-family: 'Ubuntu Bold'; color: #313b40; float: left;  width: 100%;}
.full-off-nord {float: left; width: 100%; line-height: 24px; margin-top:10px;}

.menu-off {float: left; width: 100%; line-height: 50px; border-top: 1px solid #dddede; box-sizing: border-box; padding: 0 30px;}
.menu-off a{float: left; color: #333438; padding-right: 30px;}
.menu-off a:hover {color: #535e76; text-decoration: none;}
.menu-off span {float:right;}
.menu-off span a{float: left; color: #000; background: #ffdd2d; padding: 0 20px; font-weight: 600;}
.menu-off span a:hover {text-decoration: none; opacity: 0.8;}

.knopka-offer-short {display: none;}

.mini-rate {display: flex;}
.mini-rate-left {flex-basis:50%;flex-direction: column; justify-content: center; display: flex; width:100%; padding: 10px 0 10px 20px;}
.mini-rate-right {flex-basis:50%;flex-direction: column; justify-content: center; align-items: center; display: flex; text-align: right; font-size: 40px; color:#08d948; font-weight: 700; font-family: 'Ubuntu Bold';}
.mini-rate-right img{height: 30px; float:right; padding-right: 20px;}
.mini-rate-boom {display: flex; padding: 20px 30px;}
.mini-rate-title {flex-basis:100%;align-items: center; display: flex; padding: 10px 0; font-size: 28px; font-weight: 700; font-family: 'Ubuntu Bold';}
.mini-rate-predl {flex-basis:100%;align-items: center; display: flex; padding: 0 0 10px 0; color: #bcbcbc; font-size: 12px;}

.podbor-main {float: left; width: 100%; background: #fff;}
.podbor-main-wrap {max-width:700px; margin: 0 auto; padding: 50px 100px;}
.block-podbor {float: left; width: 100%; border-bottom: 1px solid #dddede; margin-bottom: 40px;}
.join-title {float: left; width: 100%; font-size: 38px; font-weight: 700; font-family: 'Ubuntu Bold'; text-align: center; padding-bottom: 30px;}
.join-text {float: left; width: 100%; box-sizing: border-box; padding: 20px 20px; line-height: 20px; text-align: center;}
.join-link {float: left; width: 100%; text-align: center; padding: 40px 0;}
.join-link a{color: #000; font-family: 'Ubuntu Bold'; font-size: 24px;  border: 0;  background: #fff; border-radius: 3px;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);border: 1px solid #aaaaaa;  cursor: pointer; padding: 12px 30px;}
.join-link a:hover{color: #535e76; text-decoration: none;}

.firm-text {float: left; width: 100%; padding: 20px 20px; background: #f7f7f7; box-sizing: border-box; border-radius: 4px;}

.main-rate {display: flex; margin-top: 20px;}
.main-rate-bank {flex-basis:50%; flex-direction: column; display: flex; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; margin-right: 10px;}
.main-rate-mfo {flex-basis:50%; flex-direction: column; display: flex; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; margin-left: 10px;}
.main-rate-title {padding: 0 30px; width: 100%; line-height: 50px; float: left; margin-top: 10px; box-sizing: border-box;}
.main-rate-title-left h2{font-size: 24px; float: left; font-weight: 700; margin-top: 20px;}
.main-rate-bank ol, .main-rate-mfo ol {list-style-type: decimal; list-style: decimal; font-size: 14px; float: left; width: 100%; margin:0; box-sizing: border-box; padding: 0 30px 20px 30px;}
.main-rate-list {float: left; width: 100%; box-sizing: border-box; padding: 0 30px; }
.main-rate-offer {display: flex; border-bottom: 1px solid #dddede; margin-bottom: 20px;}
.main-rate-offer-1 {flex-basis:90%; flex-direction: column; display: flex; line-height: 30px; font-size: 12px; color: #aaaaaa;}
.main-rate-offer-2 {flex-basis:90px; padding-right: 10px; flex-direction: column; display: flex; text-align: center; line-height: 30px; font-size: 12px; color: #aaaaaa;}
.main-rate-offer-3 {flex-basis:70px; flex-direction: column; display: flex; text-align: center; line-height: 30px; font-size: 12px; color: #aaaaaa;} 

.main-rate-bank ol li, .main-rate-mfo ol li {margin-left: 16px; font-size: 14px;}
.rate-offers {display: flex;}
.rate-offers-1 {flex-basis:90%; flex-direction: column; display: flex; line-height: 40px; height: 40px;  overflow: hidden;}
.rate-offers-1 a{color: #333438; font-size: 14px;}
.rate-offers-1 a:hover{color: #ffdd2d; text-decoration: none;}
.rate-offers-2 {flex-basis:90px; padding-right: 10px; flex-direction: column; display: flex; text-align: center; line-height:40px; }
.rate-offers-3 {flex-basis:70px; flex-direction: column; display: flex; text-align: center; line-height: 40px; color: #0dd148;} 

}

 

@media screen and (min-width: 700px) and (max-width: 1023px) { 
.wrap {max-width:1260px; margin: 0 auto; padding: 0 20px 0 20px;}
.wrapper {max-width:1260px; margin: 0 auto; padding: 0 20px 0 20px;}
.main-block {display: flex; margin-top: 30px;}
.main-block-cat {flex-basis:100%; flex-direction: column; display: flex; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.main-block-news {display: none;}
.card_tinkoff {float: left; display: flex; padding: 20px 40px; border-radius: 4px 4px 0 0;}
.card_tinkoff-left {display: flex; flex-basis:60%; flex-direction: column;}
.card_tinkoff-right {display: flex; flex-basis:40%; flex-direction: column; justify-content: center; align-items: center;}
.card_tinkoff-right img{ float:right; max-width: 100%;}
.card_tinkoff-title {flex-basis:100%;align-items: center; display: flex; padding: 20px 0 30px 0; font-family: 'Ubuntu Bold'; font-size: 30px;}
.card_tinkoff-predl {color: #929292; flex-basis:100%;align-items: center; display: flex; padding: 0 0 15px 0; font-size: 14px;}
.card_tinkoff-predl-2 {flex-basis:100%;align-items: center; display: flex; padding: 20px 0 20px 0; color: #bcbcbc; font-size: 14px;}
.card_tinkoff-predl-2 a {box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1);background-color: #ffdd2d; padding: 12px 24px; border-radius: 4px; color: #000;}
.card_tinkoff-predl-2 a:hover {opacity: 0.8;text-decoration: none;}
.block-mini {display: flex; flex-wrap: wrap; flex-direction: row;}
.block-mini-col {flex-basis:50%; flex-direction: column; display: flex; box-sizing: border-box;}
.block-mini-col:hover {box-shadow:0 1px 9.94px 4px rgba(0,0,0,.2); transition: all 300ms ease-in-out; z-index: 1000;}
.block-mini-col:nth-child(1) {border-top: 1px solid #dddede;} 
.block-mini-col:nth-child(2) {border-left: 1px solid #dddede;border-top: 1px solid #dddede;}
.block-mini-col:nth-child(3) {border-top: 1px solid #dddede;}
.block-mini-col:nth-child(4) {border-top: 1px solid #dddede;border-left: 1px solid #dddede;}
.block-mini-col:nth-child(5) {border-top: 1px solid #dddede;}
.block-mini-col:nth-child(6) {border-top: 1px solid #dddede;border-left: 1px solid #dddede;}
.block-mini-col a{color: #333438;}
.block-mini-col a:hover {color: #535e76; text-decoration: none;}
.mini {display: flex;}
.mini-left {flex-basis:90%;flex-direction: column; justify-content: center; display: flex; width:100%; padding: 20px 0 20px 30px;}
.mini-right {flex-basis:50px;flex-direction: column; justify-content: center; display: flex; text-align: right;}
.mini-right img{height: 40px; float:right; padding-right: 30px;}
.mini-boom {display: flex; padding: 20px 30px;}
.mini-title {flex-basis:100%;align-items: center; display: flex; padding: 10px 0; font-family: 'Ubuntu Bold'; font-size: 22px;}
.mini-predl {flex-basis:100%;align-items: center; display: flex; padding: 0 0 10px 0; color: #bcbcbc; font-size: 14px;}
.all-zaym {line-height: 50px; border-top: 1px solid #dddede; background: #fff; float: left; width: 100%; border-radius: 0 0 4px 4px;}
.all-zaym a{color: #333438; text-align: center; float: left; width: 100%; font-size: 14px; border-radius: 0 0 4px 4px;}
.all-zaym a:hover {color: #fff; background: #535e76; text-decoration: none;}

.news-h {border-bottom: 1px solid #dddede; line-height: 56px; font-family: 'Ubuntu Bold'; font-size: 22px; float: left; width:100%; padding: 0 30px; box-sizing: border-box;}
.news-h span{color: #ff3636; float: right; font-size: 20px; }

.news-list-wr {float: left; position: relative; width: 100%; height: 100%;}
.news-list {float: left; padding: 0px 30px 0px 30px; height:100%;overflow: auto; position: absolute; box-sizing: border-box;  }
.news-list a {width:100%; float: left; line-height: 20px; padding: 10px 0; border-bottom: 1px solid #dddede; font-size: 15px; color: #333438;}
.news-list a:hover {color: #535e76; text-decoration: none;}
.news-list span {color: #bcbcbc; font-size: 11px;font-weight: 400;}
.news-list a:nth-child(1){ font-weight: 700; } 
.news-list a:nth-child(2){ font-weight: 700; }
.news-list a:nth-child(3){ font-weight: 700; }
.main-bank-wrap {background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; margin-top: 20px; width:100%; float: left; box-sizing: border-box;}
.main-bank {position: relative; width:100%; height: 102px; float: left;} 
.bank-short-main-img {width:100%; float: left; text-align: center;}
.bank-short-main-img img {max-width:200px;}
.bank-short-main-link {width:100%; float: left; text-align: center; border-top: 1px solid #dddede;}
.bank-line-title {padding: 0 30px; width: 100%; line-height: 50px; float: left; border-bottom: 1px solid #dddede; margin-top: 10px; box-sizing: border-box;}
.bank-line-title-left {font-family: 'Ubuntu Bold'; font-size: 24px; float: left;}
.bank-line-title-right {float: right;}
.bank-line-title-right a{font-size: 14px; color: #9299a2; float: right; padding-left: 25px;}
.bank-line-title-right a:hover{color: #535e76; text-decoration: none;}

.slider a{font-weight: 600; padding: 20px 0; color: #535e76; font-size: 14px; width:100%; float: left;}
.slider a:hover {color: #535e76; text-decoration: none;}
@keyframes scroll {  0% { transform: translateX(0); }  100% {  transform: translateX(calc(-250px * 7));  }}
.slider {  height: 102px;  margin: auto;  overflow: hidden;position: relative;width: 100%;  box-sizing: border-box; border-radius: 4px;}
.slider::before, .slider::after { background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);  content: ""; height: 102px; position: absolute; width: 30px; z-index: 2;}
.slider::after {right: 0;top: 0; transform: rotateZ(180deg);}
.slider::before {left: 0;top: 0;}
.slider .slide-track {animation: scroll 70s linear infinite;display: flex;width: calc(250px * 14);}
.slider .slide {height: 102px; width: 250px;}


.main-short {width:100%; float: left; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; margin-top: 20px;}
.main-news-wrap {max-width:1260px; z-index: 1000; margin: 0 auto; padding: 0 30px 20px 30px;}
.line-title {width: 100%; line-height: 50px; float: left; border-bottom: 1px solid #dddede; margin-top: 10px;}
.line-title-left {font-family: 'Ubuntu Bold'; font-size: 24px; float: left;}
.line-title-right {float: right;}
.line-title-right a{font-size: 14px; color: #9299a2; float: right; padding-left: 25px;}
.line-title-right a:hover{color: #535e76; text-decoration: none;}

.big-short-wrap {display: flex; padding: 20px 0;}
.big-short {flex-basis: 50%; flex-direction: column; align-items: center; justify-content: center; display: flex; border-radius: 3px; padding: 0; }
.big-short:nth-child(1){ margin-right: 10px; }
.big-short:nth-child(2){ margin-left: 10px; }
.big-short-img {border-radius: 3px; width: 100%; height: 22vw; position: relative;  overflow: hidden; top: 0px; left: 0px; float: left;}
.big-short-img-inner {height: 100%; width: 90%; position: absolute;left: 0%; top: 0%;text-align: center;}
.big-short-img img{-moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; display: block; position: absolute;  height: 100%; left: 0; top: 0; bottom: 0; right: 0;  margin: auto;}
.big-short-img img:hover{opacity: 0.8; transition: 0.4s;}
.big-short-img:hover img{transform: translate3d(0px, 0px, 0px); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
.big-short-news { background-color: rgba(51,62,80,.8); float: left; width: 100%; height: 100%; padding: 15px;  box-sizing: border-box; position: absolute;}
.big-short-news-tit { line-height: 20px;  float: left; font-family: 'Ubuntu Bold'; text-align: center; font-size: 18px; width: 100%; padding: 0 0 10px 0;}
.big-short-news-tit a{color:#fff;}
.big-short-news-tit a:hover{color:#ffdd2d; text-decoration: none;}
.big-short-news-cat {display: none;}
.big-short-news-cat span {color:#fff; margin: 0 auto; padding: 5px 12px; border: 1px solid #fff; border-radius: 5px;}
.big-short-news-date { float: left; width: 100%;  padding: 10px 0 0 0; text-align: center; }
.big-short-news-date span {color:#fff; font-size: 14px;margin: 0 auto; padding: 5px 12px;}

.mini-short-wrap {display: flex; padding: 0 0 20px 0;}
.mini-short {flex-basis: 33.3333%; flex-direction: column; align-items: center; justify-content: center; display: flex; border-radius: 3px; padding: 0; }
.mini-short:nth-child(1){ margin-right: 15px; }
.mini-short:nth-child(3){ margin-left: 15px; }
.mini-short-img {border-radius: 3px; width: 100%; height: 16vw; position: relative;  overflow: hidden; top: 0px; left: 0px; float: left;}
.mini-short-img-inner {height: 100%; width: 80%; position: absolute;left: 0%; top: 0%;text-align: center;}
.mini-short-img img{-moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; display: block; position: absolute;  height: 100%; left: 0; top: 0; bottom: 0; right: 0;  margin: auto;}
.mini-short-img img:hover{opacity: 0.8; transition: 0.4s;}
.mini-short-img:hover img{transform: translate3d(0px, 0px, 0px); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
.mini-short-news { background-color: rgba(51,62,80,.8); float: left; width: 100%; height: 100%; padding: 10px 15px;  box-sizing: border-box; position: absolute;}
.mini-short-news-tit {font-size: 14px; line-height: 16px;  float: left; font-family: 'Ubuntu Bold'; text-align: center; width: 100%; }
.mini-short-news-tit a{color:#fff;}
.mini-short-news-tit a:hover{color:#ffdd2d; text-decoration: none;}
.mini-short-news-date { float: left; width: 100%;  padding: 0 0 0 0; text-align: center; }
.mini-short-news-date span {color:#fff; font-size: 12px;margin: 0 auto; padding: 5px 12px;}

.all-news {width: 100%; float: left; text-align: center; padding: 20px 0; margin-bottom: 20px;}
.all-news a{color: #333438; border-radius: 5px; border: 1px solid #333438; padding: 7px 12px;}
.all-news a:hover{text-decoration: none; background: #535e76; border: 1px solid #535e76; color:#fff;}

#bottom-content {max-width:1280px; z-index: 1000; margin: 0 auto;padding: 0 20px 0 20px; text-rendering: optimizeLegibility; font-family: 'Open Sans', sans-serif;}
.down-menus {width:100%; float: left; display: flex; margin:50px 0 50px 0;}
.down-menus ul {align-items: stretch; flex-basis: 25%; float: left; list-style: none; padding: 0;}
.down-menus ul .name {color: #313b40; font-size: 14px; line-height: 16px; padding: 3px 0 7px 0; float: left; width: 100%;}
.down-menus ul li a{color: #bbbbbb; font-size: 13px; line-height: 16px; padding: 2px 10px 2px 0; float: left; width: 100%; box-sizing: border-box;}
.down-menus ul li a:hover{color: #535e76; text-decoration: none;}

.time-menu-wrap {max-width:1260px; z-index: 1; margin: 0 auto;padding: 0 20px 0 20px;}
.time-menu { position: relative; background:#535e76; padding: 10px 0; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1);}
.time-menu .tit-naz {font-size: 16px; font-weight: 600; float:left; width:70%; color: #fff; line-height: 28px;}
.time-menu .tit-naz a{font-size: 16px; font-weight: 600;  color: #fff; line-height: 28px;}
.time-menu .tit-naz a:hover{font-size: 16px; font-weight: 600;  color: #fff; line-height: 28px;}
.time-menu .tit-link { float:right; width:30%; line-height: 26px; color: #fff;}
.time-menu .tit-link a { font-size: 14px; float:right; color: #fff; padding: 2px 9px; margin-top: 0; margin-left: 10px;}
.time-menu .tit-link a:hover {background: #0184b3; border-radius: 3px; text-decoration: none;}
.time-menu1 {display: none;}

.content {display: flex; margin-top: 30px;}
.content-left {padding: 20px 30px; flex-basis:100%; flex-direction: column; display: flex; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; box-sizing: border-box;}
.content-right {display: none;}
.short-cat-tit {float: left; float: left; border-bottom: 1px solid #dddede; line-height: 30px; padding: 10px 0; margin-bottom: 20px;}
.short-cat-tit h1 {margin: 0; padding: 0; font-family: 'Ubuntu Bold'; font-size: 24px;}

.story-short {width: 50%; float: left; border-radius: 3px; padding-right: 20px; box-sizing: border-box; margin: 10px 0;}
.story-short:nth-child(2n){padding-right: 0;}
.story-short-img {border-radius: 3px; width: 100%; height: 22vw; position: relative;  overflow: hidden; top: 0px; left: 0px; float: left;}
.story-short-img-inner {height: 100%; width: 80%; position: absolute;left: 0%; top: 0%;text-align: center;}
.story-short-img img{-moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; display: block; position: absolute;  height: 100%; left: 0; top: 0; bottom: 0; right: 0;  margin: auto;}
.story-short-img img:hover{opacity: 0.8; transition: 0.4s;}
.story-short-img:hover img{transform: translate3d(0px, 0px, 0px); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
.story-short-news { background-color: rgba(51,62,80,.8); float: left; width: 100%; height: 100%; padding: 30px;  box-sizing: border-box; position: absolute;}
.story-short-news-tit { line-height: 24px;  float: left; font-family: 'Ubuntu Bold'; text-align: center; font-size: 20px; width: 100%; padding: 0 0 10px 0;}
.story-short-news-tit a{color:#fff;}
.story-short-news-tit a:hover{color:#ffdd2d; text-decoration: none;}
.story-short-news-cat { float: left; width: 100%; font-size: 14px; padding: 30px 0 20px 0; text-align: center;  text-transform: uppercase;}
.story-short-news-cat span {color:#fff; margin: 0 auto; padding: 5px 12px; border: 1px solid #fff; border-radius: 5px;}
.story-short-news-date { float: left; width: 100%;  padding: 10px 0 0 0; text-align: center; }
.story-short-news-date span {color:#fff; font-size: 14px;margin: 0 auto; padding: 5px 12px;}

.full-store {float: left; width: 100%; padding: 20px 20px; box-sizing: border-box;}
.full-up {border-bottom: 1px solid #aaaaaa; padding-bottom: 20px; float: left; width: 100%;}
.full-title { font-family: 'Ubuntu Bold'; color: #313b40; font-size: 26px; line-height: 30px;}
.info-link {float: left; padding-top: 10px; color: #aaaaaa; font-size: 14px; padding-right: 15px;}
.info-link a{float: left; color: #aaaaaa;}
.info-link a:hover {color:#535e76; text-decoration: none;}
.soc-icon {float: left; padding: 20px 0; width: 100%; height: 37px;}
.ya-share2__list_direction_horizontal {display: flex; width: 100%;}
.ya-share2__list{display: flex!important;}
.ya-share2__list .ya-share2__item {height: 36px !important; width:  calc(20% - 12px)!important; margin: 0 auto!important; display: block;border-radius:4px!important;}
.ya-share2__link, .ya-share2__badge{ height: 36px !important; width: 100%; display: flex!important; justify-content: center;  border-radius:4px!important;}
.ya-share2__icon{ margin: auto;}
.ya-share2__container_size_m .ya-share2__item:nth-child(1){ margin-left: 0!important;}
.ya-share2__container_size_m .ya-share2__item:nth-last-child(1){ margin-right: 0!important;}
.full-text { width: 100%; height: 100%; float: left; font-size: 15px; line-height: 22px;}
.full-text img{max-width: 100%;}
.full-text h2{font-size: 24px; padding: 20px 0 10px 0; margin:0 0 10px 0; border-bottom: 1px solid #d0d0d0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.full-text h3{font-size: 20px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.full-text h4{font-size: 20px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.full-text h5{font-size: 20px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.full-text ul {padding: 10px 0 20px 40px; list-style: disc outside;}
.full-text ul li{padding: 5px 0; }
.full-text ol { padding: 10px 0 20px 40px; counter-reset:  item;  list-style-type: none;}
.full-text ol li{padding: 5px 0; font-weight:normal;}
.full-text ol li:before {  counter-increment: item;  content: counter(item) ". ";  font-weight: bold;}
.full-text table {width: 100%; margin: 15px 0;}
.full-text td{padding: 5px 10px; border: 1px solid #aaaaaa;}
.full-bottom {float: left; color: #aaaaaa; font-size: 14px; margin: 20px 0; padding: 15px 0; width: 100%; border-bottom: 1px solid #aaaaaa;}
.full-bottom .name {float:left; font-style: italic;}
.full-bottom .date {float:right;}
.full-banner-wrap {display: flex; margin: 10px 0; background: #ffdd2d; box-sizing: border-box; padding: 20px 40px;}
.full-banner-wrap:hover {box-shadow: 0px 0px 23px 2px rgba(184,182,184,1); z-index: 1000;}
.full-banner-left {flex-basis: 66.6666%;  flex-direction: column;  display: flex; justify-content: center;}
.full-banner-center {flex-basis: 80px;  flex-direction: column;  display: flex; justify-content: center;}
.full-banner-center img {max-width: 50px;}
.full-banner-right {flex-basis: 33.3333%;  flex-direction: column;  display: flex; justify-content: center;}
.full-banner-left .name {float: left; width: 100%; margin: 10px 0 5px 0; font-family: 'Ubuntu Bold'; font-size: 24px; color: #000;}
.full-banner-left .text {float: left; width: 100%; margin: 5px 0 10px 0; font-size: 16px; color: #000;}
.full-banner-right .link a {background: #fff; color: #313b40; float:right; padding: 12px 24px;border-radius: 4px; font-size: 16px;  font-weight: 400;}
.full-banner-right .link a:hover {text-decoration: none; opacity: 0.8;}
.full-comment {float: left; width: 100%; margin: 20px 0;}
.full-comment-tit {margin-bottom: 0px; font-family: 'Ubuntu Bold'; color: #313b40; width: 100%; font-size: 20px; line-height: 24px; float: left; padding-bottom: 10px; border-bottom: 1px solid #aaaaaa;}
.form-group-com {float:left; width: 100%;}
.group-com-field {float:left; width: 100%; padding-bottom: 10px;}
.group-com-field input { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); font-size: 14px; padding: 5px 0; float: left; max-width: 400px; width: 100%; border: 1px solid #aaaaaa; border-radius: 4px; box-sizing: border-box; padding: 0 15px;}
.group-com-field input:hover, .group-com-field input:active, .group-com-field input:focus {border: 1px solid #ffdd2d;}
.redaktor .bb-editor {float: left; width: 100%!important;}
.redaktor textarea {border: 1px solid #aaaaaa; width: 100%!important; background: #fff; padding: 10px; box-sizing: border-box;  border-radius: 4px;}
.redaktor textarea:hover, .redaktor textarea:active, .redaktor textarea:focus {border: 1px solid #ffdd2d;}
.cap-comm {float: left; width: 100%;  margin-top: 10px;}
.btn-add-comm {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); background:#fff; color: #313b40; font-size: 16px; margin-top: 20px; padding: 10px 24px; border: 0; border-radius: 4px; border: 1px solid #aaaaaa; cursor: pointer;}
.btn-add-comm:hover {text-decoration: none; opacity: 0.8;}
.comm-item {float: left; width: 100%;  position: relative;}
.comm-left {position: absolute; height: 100%; width: 60px; top:10px; left:0; text-align: center;}
.comm-left img {width: 60px; border-radius: 50%; margin-bottom: 5px;}
.comm-date {color: #aaaaaa; font-size: 14px; float: left; font-family: 'Open Sans', sans-serif; padding-left: 20px; padding-top: 2px;}
.comm-right {float: left; width: 100%; padding-left: 70px; box-sizing: border-box;}
.comm-wrap {float: left; width: 100%; padding: 0 0 0 10px; box-sizing: border-box;}
.comm-line { float: left; padding: 10px 0; line-height: 22px; margin-top:10px; width: 100%; font-size: 18px;  font-family: 'Ubuntu Bold'; color: #313b40;}
.like-dislike {float: right; line-height: 22px;}
.like-dislike span{font-family: 'Open Sans', sans-serif; font-size: 14px; }
.like-dislike .icon-smile{color:#08d948;}
.like-dislike .icon-frown{color:#ff3c0c;}


.comm-author {float: left;}
.comm-line a {text-decoration: none; font-size: 18px;  font-family: 'Ubuntu Bold'; color: #313b40;}
.comm-text {font-size: 14px; line-height: 18px; float: left; width: 100%; padding: 0 0 10px 0; box-sizing: border-box;}
ul.comm-menu {float: left; width: 100%; padding: 0 0 10px 0; margin: 0;}
ul.comm-menu li{list-style-type: none; float: left;}
ul.comm-menu li a{float: right; padding: 4px 0 2px 0; color: #aaaaaa; font-size: 12px; margin-right: 10px;}
ul.comm-menu li a:hover{text-decoration: none; color: #313b40;}
.comments-tree-list { padding: 0; margin: 0; list-style: none; position: relative; }
.comments-tree-list .comment { position: static; margin: 0; }
.comments-tree-list .comment:before {content: "";position: absolute;left: 0;width: 100%; height: 3px;background: #bababa;margin: 19px 0 0 0;background-size: auto 3px;z-index: -2px;}
.comments-tree-list .comments-tree-list { padding-left: 70px; position: static;  }
.comments-tree-list > li { margin-top: 0px; }
.mass_comments_action {display: none;}
.comm-online { background: #08d948;border-radius: 3px;font-size: 8px; color: #fff; padding: 2px 6px 2px 6px; margin: 0 auto;}
.comm-offline { background: #fd0065;border-radius: 3px;font-size: 8px; color: #fff; padding: 2px 6px 2px 6px; margin: 0 auto;}
.comm-group { background: #ebf9f9;border-radius: 3px;font-size: 10px; color: #313b40; padding: 2px 6px 2px 6px; margin: 0 auto;}
.back-cont {float:left; width: 100%; padding-bottom: 20px;}
.back-cont-tit {float: left; border-bottom: 1px solid #aaaaaa; width:100%; padding-bottom: 20px; font-family: 'Ubuntu Bold'; font-size: 34px; line-height: 38px;}
.back-cont-time {float:left; width: 100%; padding-bottom: 10px;}
.back-cont-field input { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); margin-top: 10px; font-size: 14px; padding: 5px 15px; float: left; border-radius: 4px; max-width: 500px; width: 100%; border: 1px solid #aaaaaa; box-sizing: border-box;}
.back-cont-field-no {margin-top: 10px; font-size: 14px; padding: 5px 0; float: left; max-width: 500px; width: 100%; border-left: 0; border-right: 0; border-top: 0;}
.back-cont-field input:hover, .back-cont-field input:active, .back-cont-field input:focus {border: 1px solid #ffdd2d;}
.back-cont-vopros input {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); border-radius: 4px; margin-top: 10px; font-size: 16px; padding: 5px 15px; float: left; width: 100%;  border: 1px solid #aaaaaa; box-sizing: border-box;}
.back-cont-vopros input:hover, .back-cont-vopros input:active, .back-cont-vopros input:focus {border: 1px solid #ffdd2d;}
.back-cont-redaktor {float: left; width: 100%!important; margin: 10px 0 20px 0;}
.back-cont-redaktor textarea {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); font-family: 'Open Sans'!important; font-size: 16px; border: 1px solid #aaaaaa; width: 100%!important; background: #fff; padding: 15px; box-sizing: border-box; border-radius: 4px;}
.back-cont-redaktor textarea:hover, .back-cont-redaktor textarea:active, .back-cont-redaktor textarea:focus {border: 1px solid #ffdd2d;}
.cat-opt option{width: 100%; }
.cat-opt {border: 1px #aaaaaa solid; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);  font-size: 16px; padding:6px 15px; width: 100%; line-height: 30px;-webkit-appearance: none;  -moz-appearance: none;   text-indent: 0px;    text-overflow: '';    -ms-appearance: none;   appearance: none!important;    background-image: url('../images/select.png'); background-position: right center; background-repeat: no-repeat;  background-color: #fff; }

.capcha-comm {float: left; width: 100%;  margin-top: 10px;}
.back-cont-btn-add {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); background:#fff; color: #313b40; font-size: 16px; margin-top: 20px; padding: 10px 24px; border: 0; border-radius: 4px; border: 1px solid #aaaaaa; cursor: pointer;}
.back-cont-btn-add:hover {text-decoration: none; opacity: 0.8;}

.back-cont-info {float: left; width: 100%; margin: 10px 0; border-radius: 4px; background: #ebf9f9; padding:30px 40px; box-sizing: border-box; text-align: center; line-height: 20px;}
.userinfo_top { position: relative; padding-bottom: 50px; margin-bottom: 50px; }
.userinfo_top .avatar { position: absolute; }
.user_tab { list-style: none; padding: 0; margin: 0; }
.user_tab > li { display: inline; margin-right: 1.2em; }
.user_tab > li > a {text-decoration: none !important;font-size: .6em;-webkit-transition: all ease .3s; transition: all ease .3s;	}
.user_tab > li > a { color: #fff; opacity: .5; }
.user_tab > li > a:hover { color: inherit; }
.user_tab > li.active > a { cursor: default; font-size: 1em; opacity: 1; }
.usinf { list-style: none; padding: 0; margin: 0 0 25px 0; } 
.usinf li { padding: 12px 0; border-top: 1px solid #e6e6e6; }
.usinf li:first-child { border-top-width: 0; }
.ui-c1, .ui-c2 { display: inline-block; vertical-align: top; }
.ui-c1 { width: 30%; margin-right: 5%; }
.ui-c2 { width: 60%; }

.add-comm-wrap {float:left; width: 100%; box-sizing: border-box; background: #fff; padding: 30px 40px;}
.addcomment {float:left;  width: 100%;}
.addcomment-tit {float:left;  padding-bottom:10px;  font-weight: 600; color: #313b40; font-size: 16px; line-height: 20px; width: 100%;}

.related-short-tit {float:left; margin-top: 30px; padding-top: 30px; border-top: 1px solid #dddede; font-family: 'Ubuntu Bold'; color: #313b40; width: 100%;  font-size: 20px; line-height: 24px;  float: left;}
.related-short {float: left; width: 50%;  box-sizing: border-box; height: 100%; padding: 0 20px 0 20px; margin-top: 20px;}
.related-short:nth-child(1n){ padding-left: 0; }
.related-short:nth-child(2n){ padding-right: 0; padding-left: 20px;}
.related-short-img {width: 100%; height: 20vw; position: relative;  overflow: hidden; top: 0px; left: 0px;}
.related-short-img-inner {height: 150%; width: 150%; position: absolute;left: -25%; top: -25%;text-align: center;}
.related-short-img img{ display: block; position: absolute; width: 100%; height: auto; left: 0; top: 0; bottom: 0; right: 0;  margin: auto;}
.related-short-img img:hover{opacity: 0.8;}
.related-short-news {float: left; width: 100%;}
.related-short-news-tit { margin-bottom: 5px; font-size: 16px; line-height: 20px; height: 52px; overflow: hidden; float: left; width: 100%; padding: 10px 0;}
.related-short-news-tit a{color:#313b40;}
.related-short-news-tit a:hover{color:#535e76; text-decoration: none;}
.related-short-news-cat {color:#aaaaaa; float: left; width: 100%; font-size: 12px; padding-top: 5px;}
.related-short-news-cat a{color:#aaaaaa; float: left; font-size: 12px; padding-right: 15px;}
.related-short-news-cat a:hover{color: #535e76; text-decoration: none;}
.related-short-news-cat span{color:#aaaaaa; float: left; font-size: 12px; padding-right: 15px;}

.content-vopros {display: flex; margin-top: 30px;}
.content-vopros-left { flex-basis:100%; flex-direction: column; display: flex;box-sizing: border-box;}
.content-vopros-right {display: none;}
.full-vopros {background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; float: left; box-sizing: border-box; width: 100%; padding: 20px 40px;}
.main-vop {background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; float: left; box-sizing: border-box; width: 100%; padding: 40px 60px; margin-bottom: 20px; }
.h-title { border-bottom: 1px solid #dddede; line-height: .1em;  margin: 20px 0 40px;  text-align: center;}
.h-title span {font-family: 'Ubuntu Bold'; font-size: 38px; background: #fff; padding: 0 20px; margin: 0 auto; text-align: center;}
.vopros-se {display: flex; }
.vopros-search {flex-basis:80%; flex-direction: column; display: flex; }
.vopros-search input {box-sizing: border-box; font-size: 14px; padding: 5px 20px; float: left; width: 100%; border-radius: 4px 0 0 4px; border: 1px solid #aaaaaa; }
.vopros-search input:hover, .vopros-search input:active, .vopros-search input:focus {border: 1px solid #08d948;}
.seright {flex-basis:200px;}
.seright input{ font-weight: 600;cursor: pointer; border: 0; border-radius: 0 4px 4px 0; float: left; width: 100%;  line-height: 36px; color: #fff; background: #08d948; box-sizing: border-box; font-size: 16px; padding: 5px 20px;}
.seright input:hover {opacity: 0.8;}
.vopros-block {float: left; width: 100%; }
.vopros-info-left {float: left; width: 70%; font-size: 13px; color: #aaaaaa; line-height: 18px;}
.vopros-info-right {float: left; width: 30%; text-align: right;}
.vopros-info-right a{float: right; background: #ffdd2d; color: #000; border-radius: 4px; padding: 14px 20px; font-size: 16px; font-weight: 600;}
.vopros-info-right a:hover{text-decoration: none; opacity: 0.8;}
.vopros-short {float: left; width: 100%;  position: relative;  background: #fff; margin-bottom: 20px; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.vopros-short-wrap {padding: 20px 30px 10px 30px; width: 100%; float: left;box-sizing: border-box;}
.vopros-short-left {float: left; width: 100%; line-height: 36px; border-bottom: 1px solid #aaaaaa; }
.vopros-short-right {box-sizing: border-box; float: left; width: 100%;}
.vopros-short-avatar { float: left; padding-right: 10px;}
.vopros-short-avatar img{width: 22px; border-radius: 50%; margin-top: 5px;}
.vopros-short-name {float: left; font-size: 16px; padding-right: 10px; font-weight: 600;}
.vopros-short-date {float: left; font-size: 14px;  margin-top: 1px; color: #aaaaaa;}
.vopros-short-good {float:right; font-size: 16px; color: #fff;}
.vopros-short-good i{ font-size: 16px; color: #08d948;}
.vopros-short-good span{ padding: 4px 0 4px 0; margin: 0 auto; color: #313b40; font-weight: 600;}
.vopros-short-bed {float:right; font-size: 16px; color: #fff;}
.vopros-short-bed i{ font-size: 16px; color: #ff3d3d;}
.vopros-short-bed span{ padding: 4px 8px; margin: 0 auto; color: #313b40; font-weight: 600;}
.vopros-short-title { font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40; font-size: 20px; margin-bottom: 10px; margin-top: 10px; float: left; width: 100%;}
.vopros-short-title a{color: #313b40; line-height: 24px; float: left; padding: 10px 0;}
.vopros-short-title a:hover{color: #535e76; text-decoration: none;}
.vopros-short-text {float: left; width: 100%; font-size: 14px; margin: 0 0 10px 0; line-height: 20px; box-sizing: border-box; border-radius: 4px; }
.vopros-short-niz {float: left; width: 100%; margin: 10px 0; line-height: 20px;}
.vopros-short-niz .cat{float: left; padding: 0 10px 0 0; color: #aaaaaa; font-size: 14px;}
.vopros-short-niz .cat a{ color: #aaaaaa;}
.vopros-short-niz .cat a:hover{color: #535e76; text-decoration: none;}
.vopros-short-niz .see{float: left; padding: 0 10px 0 0; color: #aaaaaa; font-size: 14px;}
.vopros-short-niz .full-link{float: right;}
.vopros-short-niz .full-link a{float: right; color: #535e76; font-size: 16px; border-bottom: 1px dashed #535e76;}
.vopros-short-niz .full-link a:hover{ color:#313b40;text-decoration: none; border-bottom: 1px dashed #313b40;}
.vopros-hot-title {border-bottom: 1px solid #aaaaaa; text-rendering: optimizeLegibility; font-family: 'Ubuntu Bold'; color: #313b40;  padding-bottom: 10px; font-size: 24px; line-height: 28px; margin-bottom: 20px; margin-top: 10px; float: left; width: 100%;}
.vopros-hot-title i {float: right; color: #08d948;}
.full-short-vopros {float: left; width: 100%; margin-bottom: 20px;}
.full-short-h1 {border-bottom: 1px solid #aaaaaa; text-rendering: optimizeLegibility; font-family: 'Ubuntu Bold'; color: #313b40; padding-bottom: 20px; font-size: 34px; line-height: 38px; margin-bottom: 10px; float: left; width: 100%;}
.full-short-vopros-block {background: #f3f3f3; border-radius: 4px; float: left; width: 100%; position: relative;min-height: 100px; margin: 20px 0 20px 0; padding: 20px 0 0 0;  background: #f3f3f3; border-radius: 4px; }
.full-short-vopros-block-left {float: left; width: 150px; position: absolute;min-height: 100px; text-align: center;}
.full-short-vopros-block-right {float: left; width: 100%; padding-left: 170px; min-height: 140px; position: relative; box-sizing: border-box;}
.full-short-vopros-block-left-avatar {padding: 10px 0;}
.full-short-vopros-block-left-avatar img{width: 60px; border-radius: 50%;}
.full-short-vopros-block-left-name {font-size: 14px; padding: 5px 0;}
.full-short-vopros-block-left-date {font-size: 12px; padding: 5px 0; color: #aaaaaa;}
.full-vopros-autor {margin-top: 10px; border-left: 2px solid #535e76; min-height: 40px; float: left; line-height: 22px; width: 100%; font-size: 16px; padding: 0 20px 20px 20px; box-sizing: border-box;}
.ugol {border-color: rgba(0, 0, 0, 0) #535e76 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);  border-image: none;  border-style: solid;  border-width: 10px;  content: "";   display: block;   margin-left: 0px;    margin-top: 20px;    position: absolute;top: 0;left:150px;}
.full-short-vopros-glav {float: left; width: 100%; position: relative;min-height: 100px; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #aaaaaa;}
.full-short-vopros-glav-left {float: left; width: 150px; position: absolute;min-height: 100px; text-align: center;}
.full-short-vopros-glav-right {float: left; width: 100%; padding-left: 170px; min-height: 140px; position: relative; box-sizing: border-box;}
.full-short-vopros-glav-left-avatar {padding: 10px 0;}
.full-short-vopros-glav-left-avatar img{width: 60px; border-radius: 50%;}
.full-short-vopros-glav-left-name {font-size: 14px; padding: 5px 0;}
.full-short-vopros-glav-left-date {font-size: 12px; padding: 5px 0; color: #aaaaaa; line-height: 16px;}
.full-short-vopros-glav-autor { background: #fff; border-left: 2px solid #535e76; float: left; line-height: 22px; width: 100%; font-size: 16px; padding: 0 0 0 20px; box-sizing: border-box;}
.ugol2 {border-color: rgba(0, 0, 0, 0) #535e76 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);  border-image: none;  border-style: solid;  border-width: 10px;  content: "";   display: block;   margin-left: 0px;    margin-top: 24px;    position: absolute;top: 0;left:150px;}
.full-short-vopros-niz {float: left; width: 100%; margin-top: 30px;}
.full-short-vopros-niz-date {float: left; color:#aaaaaa; font-size: 14px;}
.full-short-vopros-niz-cat {float: right;  font-size: 14px; color:#aaaaaa;}
.full-short-vopros-niz-cat a{color:#aaaaaa; padding-right:10px;}
.full-short-vopros-niz-cat a:hover {color: #535e76; text-decoration: none;}
.full-short-vopros-related-tit {font-family: 'Ubuntu Bold'; color: #313b40; float: left; width: 100%; font-size: 20px; margin-top: 20px;}
.full-random-link {float: left; width: 50%; margin: 10px 0;}
.full-random-link a{float: left; width: 100%; font-weight: 600; margin-top: 10px; box-sizing: border-box;  overflow:hidden;  color: #333438; line-height: 18px; font-size: 14px;}
.full-random-link a:hover {color: #535e76; text-decoration: none;}
.left-random {float: left; width: 40%;}
.left-random img{max-width: 100%;}
.right-random {float: left; width: 60%; padding: 0 15px; box-sizing: border-box;}

.content-bank {display: flex; margin-top: 30px;}
.content-bank-left { flex-basis:100%; flex-direction: column; display: flex;box-sizing: border-box;}
.content-bank-right {display: none;}

.seo-text { width: 100%; height: 100%; float: left; font-size: 15px; background: #fff; margin-top: 20px; line-height: 22px; box-sizing: border-box; padding: 20px 30px; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.seo-text img{max-width: 100%;}
.seo-text h2{font-size: 24px; padding: 20px 0 10px 0; margin:0 0 10px 0; border-bottom: 1px solid #d0d0d0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.seo-text h3{font-size: 20px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.seo-text h4{font-size: 20px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.seo-text h5{font-size: 20px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.seo-text ul {padding: 10px 0 20px 40px; list-style: disc outside;}
.seo-text ul li{padding: 5px 0; }
.seo-text ol { padding: 10px 0 20px 40px; counter-reset:  item;  list-style-type: none;}
.seo-text ol li{padding: 5px 0; font-weight:normal;}
.seo-text ol li:before {  counter-increment: item;  content: counter(item) ". ";  font-weight: bold;}
.seo-text table {width: 100%; margin: 15px 0;}
.seo-text td{padding: 5px 10px; border: 1px solid #aaaaaa;}

.banki-glav {width:100%; float: left; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px 4px 0 0; padding: 30px 40px; box-sizing: border-box;}
.banki-glav h1 {font-family: 'Ubuntu Bold'; font-size: 28px; float: left; width:70%;}
.banki-link-all {float: left; width:30%; text-align:  right; padding-top: 10px;}
.banki-link-all a{float: right; color: #313b40; font-size: 16px;  line-height: 34px; font-weight: 400;}
.banki-link-all a:hover{color: #535e76; text-decoration: none;}

.banki-search {width:100%; float: left; margin-bottom: 30px; }
.banki-search form{width:100%; float: left; font-size: 16px; position: relative;  background: #fff; box-sizing: border-box; padding: 5px 0; border-top: 1px solid #dddede; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 0 0 4px 4px;} 
.banki-search input[type="text"]{border-top: 1px solid #dddede; width:100%; height: 40px; float: left; color:#333438; line-height: 40px; padding: 0 40px; font-size: 15px; box-sizing: border-box; border: 1px solid #fff !important;  background: #fff;} 
.banki-search .but-search {cursor: pointer; position: absolute; right: 40px; top:10px; border: 0; background: #fff; height: 30px; width:30px; background: url(../images/loupe.svg) top right; background-size: 24px 24px; background-repeat: no-repeat; box-sizing: border-box;}
.banki-search .but-search:hover{opacity: 0.8;}

.banki-wrap-sort {width:100%; float: left; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; box-sizing: border-box;}

.banki-sort {float: left; width:100%; display: flex; justify-content: space-between; border-bottom: 1px solid #dddede;}
.banki-sort-1 {align-items: stretch; flex-basis: 20%; text-align: center; font-size: 14px; line-height: 50px; font-weight: 600;}
.banki-sort-2 {align-items: stretch; flex-basis: 45%; font-size: 14px; line-height: 50px; font-weight: 600;}
.banki-sort-3 {align-items: stretch; flex-basis: 20%; font-size: 14px; line-height: 50px; font-weight: 600;}
.banki-sort-4 {align-items: stretch; flex-basis: 15%; text-align: center; font-size: 14px; line-height: 50px; font-weight: 600;}

.banki-short {position: relative; box-sizing: border-box; background: #fff; width:100%; float: left; border-bottom: 1px solid #bababa; display: flex; justify-content: space-between;}
.banki-short:hover {box-shadow: 0px 0px 23px 2px rgba(184,182,184,1); z-index: 1000;}
.banki-short-1 {align-items: stretch; flex-basis: 70px; text-align: center; font-size: 14px; padding: 30px 0 30px 0; border-right: 1px solid #f3f8fc; font-weight: 600;}
.banki-short-2 {align-items: stretch; flex-basis: 20%; text-align: center; font-size: 14px; padding: 30px 0;}
.banki-short-3 {align-items: stretch; flex-basis: 45%; font-size: 14px; padding: 30px 0;}
.banki-short-4 {align-items: stretch; flex-basis: 20%; font-size: 14px; padding: 30px 0;}
.banki-short-5 {align-items: stretch; flex-basis: 15%; text-align: center; font-size: 14px;  background: #f3f8fc;}
.rang-bank {line-height: 60px; border: 2px solid #ffdd2d; border-radius: 50%; height: 60px; width:60px; margin: 0 auto; margin-top: 30px; font-weight: 600; font-size: 18px;}
.mini-bank-img {float: left; width:100%; text-align: center;}
.mini-bank-img img{max-width: 100%; padding: 0 20px; box-sizing: border-box; padding-top: 10px;}
.mini-bank-rate {float: left; width:100%; text-align: center; margin-top: 5px;}
.mini-bank-title a{float: left; width:100%; font-size: 18px; line-height: 22px;  font-weight: 700;}
.mini-bank-title a:hover{text-decoration: none; color: #ffdd2d;}
.mini-bank-lic {float: left; width:100%; color: #333438; margin-top: 20px; font-size: 14px}
.mini-bank-otziv {color: #a7a7a7; line-height: 22px;}
.mini-bank-otziv-link a{float: left; margin-top: 10px; font-size: 14px; padding: 9px 12px; color: #000; background: #ffdd2d; border-radius: 3px;}
.mini-bank-otziv-link a:hover{text-decoration: none; opacity: 0.8;}
.main-bank-info {float: left; width:100%; background: #fff; padding: 20px 40px; font-size: 14px; font-weight: 600; box-sizing: border-box; border-bottom: 1px solid #bababa;}

.accordion {width: 100%; max-width: 100%; min-height: 0; display: block; position: relative;margin-top: 20px; padding: 0;background-color: #fff; overflow: hidden; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.accordion h1, .accordion h2 {font-size: 16px;font-weight: 400;  display: block; margin: 0;font-family: 'Open Sans', sans-serif; padding: 30px 0 30px 40px;  cursor: pointer; color:#313b40; background: #fff; border-bottom: 1px solid #ebf0f1; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.accordion .kiki .msg { position: relative; overflow: hidden;    opacity: 1;  transform: translate(0, 0);}
.accordion .kiki .msg .text	{line-height: 20px; padding: 30px 40px;}
.accordion .kiki .msg .text ul {padding: 10px 40px; list-style: square outside;;}
.accordion .kiki .msg .text ul li { padding: 5px 0; line-height: 20px;}
.accordion .kiki .msg .text h2 {width: 100%; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40; font-size: 20px; line-height: 24px; padding: 10px 0; margin: 10px 0; float: left;}
.accordion .kiki .msg .text h3 {width: 100%; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40; font-size: 20px; line-height: 24px; padding: 10px 0; margin: 10px 0; float: left;}
.accordion .kiki .msg .text h4 {width: 100%; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40; font-size: 20px; line-height: 24px; padding: 10px 0; margin: 10px 0; float: left;}
.accordion .kiki .msg .text h5 {width: 100%; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40; font-size: 20px; line-height: 24px; padding: 10px 0; margin: 10px 0; float: left;}
.accordion .kiki {  position: relative;  padding: 0;  margin: 0;}
.accordion .kiki i {  position: absolute;  transform: translate(-6px, 0);  margin-top: 36px;  right: 40px;}
.accordion .kiki i:before, .accordion .kiki i:after {  content: "";  position: absolute;  background-color: #313b40;  width: 2px;  height: 6px;}
.accordion .kiki i:before {  transform: translate(-2px, 0) rotate(45deg);}
.accordion .kiki i:after {  transform: translate(2px, 0) rotate(-45deg);}
.accordion .kiki input[type=checkbox] {  position: absolute;  cursor: pointer;  width: 100%;  height: 100%;  margin: 0;  padding: 0;  opacity: 0;}
.accordion .kiki input[type=checkbox]:checked ~ div.msg {  margin-top: 0;  max-height: 0;  opacity: 0;  transform: translate(0, 50%);}
.accordion .kiki input[type=checkbox]:checked ~ i:before {  transform: translate(2px, 0) rotate(45deg);}
.accordion .kiki input[type=checkbox]:checked ~ i:after {  transform: translate(-2px, 0) rotate(-45deg);}
.accordion .kiki .msg, .kiki i:before, .kiki i:after {transition: all 0.5s ease-in-out;}

.full-bank-main {margin-top: 30px; box-sizing: border-box; background: #fff; width:100%; float: left; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.full-bank-main-wr {display: flex; align-items: center; padding: 30px 30px;}
.full-bank-main-left {flex-basis: 80%; align-items: center;}
.full-bank-main-right {flex-basis: 320px; align-items: center;}
.full-bank-main-right img{ float: right; max-height: 100%;}
.full-bank-title {box-sizing: border-box; font-size: 30px; margin: 0 0 10px 0; line-height: 34px;font-family: 'Ubuntu Bold'; color: #313b40; float: left;  width: 100%;}
.full-bank-nord {float: left; width: 100%; line-height: 24px; margin-top:10px;}

.menu-bank {float: left; width: 100%; line-height: 60px; border-top: 1px solid #dddede; box-sizing: border-box; padding: 0 30px;}
.menu-bank a{float: left; color: #333438; padding-right: 20px;}
.menu-bank a:hover {color: #535e76; text-decoration: none;}
.menu-bank span {float:right;}
.menu-bank span a{float: left; color: #b2b2b2; padding-left: 20px; padding-right: 0;}
.menu-bank span a:hover {color: #b2b2b2; text-decoration: none;}
.menu-bank span a.yes{float: left; color: #333438; padding-left: 20px; padding-right: 0;}
.menu-bank span a.yes:hover {color: #535e76; text-decoration: none;}

.full-bank {display: flex; margin-top: 20px;}
.full-bank-left { flex-basis:100%; flex-direction: column; display: flex;box-sizing: border-box;}
.full-bank-right {display: none;}
.full-offer {float: left; width: 100%; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; padding: 30px 30px; box-sizing: border-box;}
.uslov-title {font-size: 24px; padding: 0; margin-bottom: 20px; text-rendering: optimizeLegibility; font-family: 'Ubuntu Bold'; color: #313b40;}
.opisan-usl {float: left; line-height: 22px; padding:0; width:100%; height:100%;}
.opisan-usl {float: left; line-height: 22px; padding:0; width:100%; height:100%;}
.opisan-usl h2{font-size: 24px; padding: 20px 0 10px 0; margin:0 0 10px 0; border-bottom: 1px solid #d0d0d0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.opisan-usl h3{font-size: 20px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.opisan-usl h4{font-size: 20px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.opisan-usl h5{font-size: 20px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.opisan-usl ul {padding: 10px 0 20px 40px; list-style: disc outside;}
.opisan-usl ul li{padding: 5px 0; }
.opisan-usl ol { padding: 10px 0 20px 40px; counter-reset:  item;  list-style-type: none;}
.opisan-usl ol li{padding: 5px 0; font-weight:normal;}
.opisan-usl ol li:before {  counter-increment: item;  content: counter(item) ". ";  font-weight: bold;}
.opisan-usl table {width: 100%; margin: 15px 0;}
.opisan-usl td{padding: 5px 10px; border: 1px solid #aaaaaa;}

.full-rek-otz {float: left; width: 100%; margin: 20px 0 0 0; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); padding: 30px 30px; box-sizing: border-box;}
.full-rek-otz h3 {float: left; margin: 0;}
.full-rek-otz span{font-size: 26px; color: #08d948; font-weight: 700; font-family: 'Ubuntu Bold'; float: right;}
.full-rek-otz-all {float: left; width: 100%; margin: 20px 0 0 0; border-top: 1px solid #d0d0d0; padding: 40px 0 20px 0; text-align: center;}
.full-rek-otz-all a{color: #fff; background: #08d948; padding: 10px 20px;  border-radius: 4px; }
.full-rek-otz-all a:hover{text-decoration: none; opacity: 0.8;}


.rekviz {float: left; width: 100%; border-bottom: 1px solid #d7d7d7; padding: 15px 0; display: flex; align-items: center;}
.rekviz-left {flex-basis: 40%; line-height: 24px; font-weight: 600;}
.rekviz-right {flex-basis: 60%; line-height: 24px;}
.full-bank-otz { position: relative;  background:#fff; width:100%; padding: 20px 30px; box-sizing: border-box; border-bottom: 1px solid #bababa; margin-top: 20px;}
.no-otz {float: left; width:100%; padding: 20px 30px; font-weight: 600; box-sizing: border-box; background: #fff; text-align: center; border-bottom: 1px solid #bababa;}
.opinions-title{float:left;margin-bottom:0;margin-top:2px}
.opinions-list{list-style:none;margin:0;clear:both; padding: 0;}
.opinions-list li{padding: 20px 30px; background: #fff; float: left; width:100%; font-size:16px;line-height:20px; box-sizing: border-box; border-bottom: 1px solid #bababa;}
.otziv-line {line-height: 40px; float: left; width:100%; border-bottom: 1px solid #c5c5c5;}
.otziv-rating-1 {float: left; width: 87px;height: 14px; background-image: url(../images/otz1.svg); background-position: 0 0; margin: 14px 10px 0 0;}
.otziv-rating-2 {float: left; width: 87px;height: 14px; background-image: url(../images/otz2.svg); background-position: 0 0; margin: 14px 10px 0 0;}
.otziv-rating-3 {float: left; width: 87px;height: 14px; background-image: url(../images/otz3.svg); background-position: 0 0; margin: 14px 10px 0 0;}
.otziv-rating-4 {float: left; width: 87px;height: 14px; background-image: url(../images/otz4.svg); background-position: 0 0; margin: 14px 10px 0 0;}
.otziv-rating-5 {float: left; width: 87px;height: 14px; background-image: url(../images/otz5.svg); background-position: 0 0; margin: 14px 10px 0 0;}

.otziv-name {float: left; padding-right: 10px; line-height: 40px;  font-weight: 600;}
.otziv-date {float: right; padding-left: 10px; line-height: 40px; color: #c5c5c5; font-size: 14px;}
.otziv-title {font-size: 22px; text-rendering: optimizeLegibility; font-family: 'Ubuntu Bold'; color: #313b40; padding: 20px 0 0 0; float: left; width:100%;}
.comment {float: left; width:100%; font-size:16px;line-height:20px; margin: 20px 0;}
.link-admin a {float: left; border: 1px solid #313b40; padding: 5px 10px; border-radius: 4px; color: #313b40; font-size: 14px; margin-right: 10px;}
.autoriz {width:100%; float: left; text-align: center; background:#fff; padding: 30px 0; }
.autoriz a{  border: 1px solid #aaaaaa; background: #fff; color:#313b40; border-radius: 4px; padding: 7px 15px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);}
.autoriz a:hover{text-decoration: none; opacity: 0.8;}
.autoriz .text {text-align: center; padding: 30px 0 10px 0; color: #c40000; font-size: 14px;} 
.add-otziv {width:100%; float: left; padding-top:20px;}
.add-otziv-big {width:100%; float: left; margin-top:20px;}
.left-add-otziv {float: left; width:100%; margin-top:20px;}

.main-offer {width:100%; height:100%; float: left; margin: 30px 0;}
.main-offer-left {width:100%; height:100%; float: left;}
.main-offer-right {display: none;}

.kr-poisk {box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); background: #fff url(../images/bg-right.png) bottom right; border-bottom: 5px solid #374156; border-radius: 4px; margin-bottom: 20px; position: relative;   width:100%; padding: 30px 40px; box-sizing: border-box; background-repeat: no-repeat;}
.kr-poisk h1{  padding: 0 0px 20px 0px; box-sizing: border-box; font-size: 30px;  line-height: 34px;font-family: 'Ubuntu Bold'; color: #313b40; float: left; width:100%;}
.kr-block {width:100%; height:100%; float: left; padding: 0px 30px 0px 0px; box-sizing: border-box;}
.kr-block-left { width:30%; height:100%; float: left; padding: 20px 0 0 0;}
.kr-block span{width:100%; float: left;box-sizing: border-box; line-height: 20px; padding-bottom: 15px; color: #a6a6a6; font-size: 14px;}
.filter {width:100%; float: left;}
.filter-block {width:50%; float: left;box-sizing: border-box;}
.filter-block:nth-child(1n){ padding-right: 15px; }
.filter-block:nth-child(2n){ padding-left: 15px;}
.filter-left-nomer {float: left;margin: 10px 0 15px 0px; color: #313b40;font-size: 20px; font-weight: 600;}
.filter-right-nomer { float: right; margin: 10px 0px 15px 10px; color: #313b40; font-size: 20px; font-weight: 600;}
.filter-banner { color: #adadad; font-size: 13px; float: left; width: 100%; margin-top: 10px;}
.filter .slider1 {height:1px; background:#d5d3d3; position:relative; margin:0 auto; padding:0 10px; border: 0;}
.filter .ui-slider { margin:0; padding: 0; }
.filter .ui-slider-horizontal { margin:0; padding: 0;}
.filter .ui-widget { margin:0; padding: 25px;}
.filter .ui-widget-content { margin:0; padding: 0;}
.filter .ui-corner-all { margin:0; padding: 0; border-radius: 4px;}
.filter .ui-state-default { box-shadow:0;}
.filter .ui-slider-handle {width:18px; height:18px; position:absolute;background: #fff; border: 3px solid #ffdd2d;  margin-top: -15px; margin-left:-12px; border-radius: 50%; z-index:1;}
.filter .ui-widget-header { background: #ffdd2d; height:4px;left:1px; top:1px;}

.blokrekomend {color:#313b40; position: relative; font-size: 14px; line-height: 22px; float:left; min-height:100px;background-color:#fff;background-repeat:no-repeat; width:100%; margin-bottom: 20px;   }
.rekomtitle {background:#16c837; height: 50px; line-height: 50px; padding-left: 30px; font-size: 16px; font-weight: 600; color:#fff; }
.rekomtitle span {line-height: 50px; padding-right: 30px; font-size: 14px;  color:#fff; float: right; font-weight: 400;}

.blokosnova {color:#313b40; margin-bottom: 20px; position: relative; font-size: 14px; line-height: 22px; float:left; min-height:100px;background-color:#fff;background-repeat:no-repeat; width:100%;   }
.osnovatitle {background:#535e76; height: 50px; line-height: 50px; padding-left: 30px; font-size: 14px; color:#fff; }
.osnovatitle span {line-height: 50px; padding-right: 30px; font-size: 14px; color:#fff; float: right;}

.kr-offer-rek, .kr-offer {flex-wrap:wrap; position: relative; border-bottom: 1px solid #aaaaaa; display: flex; background:#fff; width:100%; padding: 30px 30px; box-sizing: border-box;}
.kr-otziv {position: absolute;  line-height: 14px; bottom: 0; left: 47%; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; border-radius: 20px 20px 0 0; padding: 0 10px;}
.kr-otziv a{float: left; color: #aaaaaa; font-size: 10px; }
.kr-otziv a:hover{text-decoration: none; color: #535e76;}
.kr-offer-rek:hover, .kr-offer:hover { box-shadow: 0px 0px 23px 2px rgba(184,182,184,1); z-index: 1000;}
.kr-offer-title {width:100%; height:100%; float: left;}
.kr-offer-title a{width:100%; height:100%; float: left; font-size: 18px;  line-height: 20px;font-weight: 700; padding-bottom: 10px; box-sizing: border-box; margin-bottom: 10px;}
.kr-offer-title a:hover{text-decoration: none; opacity: 0.8;}
.kr-offer-1 {align-items: stretch; flex-basis: 20%; height:100%; float: left;  padding-right: 30px; box-sizing: border-box;}
.kr-offer-1 img{width:100%;}
.nazvbank {width:100%; height:100%; float: left; color:#aaaaaa; text-align: center; font-size: 12px;}
.kr-offer-2 {align-items: stretch; flex-basis: 60%; height:100%; float: left;}
.kr-offer-3 {width:30%; height:100%; float: left;}
.kr-offer-stavka {width:100%; height:100%; float: left; font-size: 22px;  line-height: 26px;font-weight: 600;}
.kr-offer-3 span{width:100%; height:100%; float: left; color:#aaaaaa; font-size: 12px; box-sizing: border-box;}
.kr-offer-4 {width:40%; height:100%; float: left;}
.kr-offer-summa {width:100%; height:100%; float: left; font-size: 16px;  line-height: 26px; text-align: center; font-weight: 600;}
.kr-offer-4 span{width:100%; height:100%; float: left; color:#aaaaaa; font-size: 12px; text-align: center;}
.kr-offer-5 {width:30%; height:100%; float: left;}
.kr-offer-srok {width:100%; height:100%; float: left; font-size: 16px;  line-height: 26px; text-align: right; font-weight: 600;}
.kr-offer-5 span{width:100%; height:100%; float: left; color:#aaaaaa; font-size: 12px; text-align: right;}

.kr-offer-7 {align-items: stretch; flex-basis:20%; height:100%; float: left;}
.kr-offer-pay {display: flex; width:100%;}
.kr-offer-pay-left {align-items: stretch; flex-basis: 20%; padding-right: 30px; line-height: 40px; font-size: 11px; color:#aaaaaa; margin-top: 5px; text-align: center; box-sizing: border-box; width:100%;}
.kr-offer-pay-center {align-items: stretch; justify-content: center; flex-basis: 60%;width:100%; font-size: 12px; line-height: 40px; border-top: 1px dashed #aaaaaa; margin-top: 5px;}
.kr-offer-pay-center span {float: left; color: #aaaaaa; padding-right: 10px;}
.kr-offer-pay-center img {height: 16px; float: left; padding: 12px 15px 12px 0;}
.kr-offer-pay-right {align-items: stretch; flex-basis: 20%; width:100%;line-height: 20px; text-align:right;}
.kr-offer-pay-right a{text-align: center; float: right; background: #fff; color: #aaaaaa; border-bottom: 1px dashed #aaaaaa; margin-top: 0px; padding: 10px 0 2px 0; font-size: 14px; margin-right: 15px;}
.kr-offer-pay-right a:hover{text-decoration: none; color: #535e76;}

.offer-online a{box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1);text-align: center; float: right; background: #ffdd2d; color: #000; border-radius: 4px; padding: 6px 0; width:110px; border: 1px solid #ffdd2d; font-size: 14px;}
.offer-online a:hover{text-decoration: none; opacity: 0.8;}
.offer-post a{text-align: center; float: right; background: #fff; color: #aaaaaa; margin-top: 10px; border-radius: 4px; padding: 6px 0; width:110px; border: 1px solid #aaaaaa; font-size: 14px;}
.offer-post a:hover{text-decoration: none; border: 1px solid #535e76; color: #535e76;}

.card-offer-rek, .card-offer {position: relative; border-bottom: 1px solid #aaaaaa; display: flex; background:#fff; width:100%; padding: 30px 30px; box-sizing: border-box;}
.card-offer-rek:hover, .card-offer:hover {border-bottom: 1px solid #ffdd2d;}

.card-offer-title {width:100%; height:100%; float: left;}
.card-offer-title a{width:100%; height:100%; float: left; font-size: 18px;  line-height: 22px;font-weight: 700; box-sizing: border-box; margin-bottom: 20px;}
.card-offer-title a:hover{text-decoration: none; opacity: 0.8;}
.card-offer-1 {align-items: stretch; flex-basis: 30%; height:100%; float: left;  padding-right: 20px;}
.card-offer-1 img{max-width:100%;}
.card-offer-2 {align-items: stretch; flex-basis: 60%; height:100%; float: left;}
.card-offer-3 {align-items: stretch; flex-basis:20%; height:100%; float: left;}
.card-offer-info {width:100%; height:100%; float: left; padding: 5px 0; font-size: 16px;}
.card-offer-info span { padding: 2px 10px 2px 0; color:#aaaaaa; font-size: 12px;}
.nazvbankcard {width:100%; height:100%; float: left; font-size: 12px;}

.bottom-search {width:100%; margin: 0 auto;padding: 10px 0px 30px 0px; text-rendering: optimizeLegibility; font-family: 'Open Sans', sans-serif; background: #fff; box-sizing: border-box;}
.bottom-search-wrap {max-width:1280px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.bottom-search-wite {width:100%; float: left; margin-bottom: 10px;}
.wite-title {border-bottom: 1px solid #dddede; width:100%; float: left; text-rendering: optimizeLegibility; font-family: 'Ubuntu Bold';  font-size: 24px; line-height: 50px;}
.wite-menu {width:100%; float: left; display: flex; margin: 10px 0 20px 0;}
.wite-menu ul {align-items: stretch; flex-basis: 25%; float: left; list-style: none; padding: 0;}
.wite-menu ul .name {color: #313b40; font-size: 14px; line-height: 16px; padding: 3px 0; float: left; width: 100%;}
.wite-menu ul li a{color: #313b40; font-size: 13px; line-height: 18px; padding: 2px 0; float: left; width: 100%;}
.wite-menu ul li a:hover{color: #535e76; text-decoration: none;}

.full-offer-short {margin-bottom: 20px; width:100%; float: left; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.offer-wrapper {float: left; width:100%; padding: 30px 30px;box-sizing: border-box; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.right-knopka-usl {width:100%; float: left; margin: 40px 0 20px 0;}
.right-knopka-usl a {float: left; color: #000; background: #ffdd2d; padding: 14px 17px; font-weight: 600; border-radius: 4px;}
.right-knopka-usl a:hover{text-decoration: none; opacity: 0.8;}

.full-off-main {margin-bottom: 20px; box-sizing: border-box; background: #fff; width:100%; float: left; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.full-off-main-wr {display: flex; align-items: center; padding: 30px 30px;}
.full-off-main-left {flex-basis: 80%; align-items: center;}
.full-off-main-right {flex-basis: 320px; align-items: center;}
.full-off-main-right img{ float: right; max-height: 100%;}
.full-off-title {box-sizing: border-box; font-size: 30px; margin: 0 0 10px 0; line-height: 34px;font-family: 'Ubuntu Bold'; color: #313b40; float: left;  width: 100%;}
.full-off-nord {float: left; width: 100%; line-height: 24px; margin-top:10px;}

.menu-off {float: left; width: 100%; line-height: 50px; border-top: 1px solid #dddede; box-sizing: border-box; padding: 0 30px;}
.menu-off a{float: left; color: #333438; padding-right: 30px;}
.menu-off a:hover {color: #535e76; text-decoration: none;}
.menu-off span {float:right;}
.menu-off span a{float: left; color: #000; background: #ffdd2d; padding: 0 20px; font-weight: 600;}
.menu-off span a:hover {text-decoration: none; opacity: 0.8;}
.knopka-offer-short {display: none;}

.podbor-main {float: left; width: 100%; background: #fff;}
.podbor-main-wrap {max-width:700px; margin: 0 auto; padding: 50px 100px;}
.block-podbor {float: left; width: 100%; border-bottom: 1px solid #dddede; margin-bottom: 40px;}
.join-title {float: left; width: 100%; font-size: 38px; font-weight: 700; font-family: 'Ubuntu Bold'; text-align: center; padding-bottom: 30px;}
.join-text {float: left; width: 100%; box-sizing: border-box; padding: 20px 20px; line-height: 20px; text-align: center;}
.join-link {float: left; width: 100%; text-align: center; padding: 40px 0;}
.join-link a{color: #000; font-family: 'Ubuntu Bold'; font-size: 24px;  border: 0;  background: #fff; border-radius: 3px;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);border: 1px solid #aaaaaa;  cursor: pointer; padding: 12px 30px;}
.join-link a:hover{color: #535e76; text-decoration: none;}

.firm-text {float: left; width: 100%; padding: 20px 20px; background: #f7f7f7; box-sizing: border-box; border-radius: 4px;}

.main-rate {display: flex; margin-top: 20px;}
.main-rate-bank {flex-basis:50%; flex-direction: column; display: flex; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; margin-right: 10px;}
.main-rate-mfo {flex-basis:50%; flex-direction: column; display: flex; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; margin-left: 10px;}
.main-rate-title {padding: 15px 30px; width: 100%; line-height: 20px; float: left; margin-top: 10px; box-sizing: border-box;}
.main-rate-title-left h2{font-size: 18px; float: left; font-weight: 700; margin: 0 0;}
.main-rate-bank ol, .main-rate-mfo ol {list-style-type: decimal; list-style: decimal; font-size: 14px; float: left; width: 100%; margin:0; box-sizing: border-box; padding: 0 30px 20px 30px;}
.main-rate-list {float: left; width: 100%; box-sizing: border-box; padding: 0 30px; }
.main-rate-offer {display: flex; border-bottom: 1px solid #dddede; margin-bottom: 20px;}
.main-rate-offer-1 {flex-basis:90%; flex-direction: column; display: flex; line-height: 30px; font-size: 12px; color: #aaaaaa;}
.main-rate-offer-2 {flex-basis:90px; padding-right: 10px; flex-direction: column; display: flex; text-align: center; line-height: 30px; font-size: 12px; color: #aaaaaa;}
.main-rate-offer-3 {flex-basis:70px; flex-direction: column; display: flex; text-align: center; line-height: 30px; font-size: 12px; color: #aaaaaa;} 

.main-rate-bank ol li, .main-rate-mfo ol li {margin-left: 16px; font-size: 14px;}
.rate-offers {display: flex;}
.rate-offers-1 {flex-basis:90%; flex-direction: column; display: flex; line-height: 40px; height: 40px;  overflow: hidden;}
.rate-offers-1 a{color: #333438; font-size: 14px;}
.rate-offers-1 a:hover{color: #ffdd2d; text-decoration: none;}
.rate-offers-2 {flex-basis:90px; padding-right: 10px; flex-direction: column; display: flex; text-align: center; line-height:40px; }
.rate-offers-3 {flex-basis:70px; flex-direction: column; display: flex; text-align: center; line-height: 40px; color: #0dd148;} 

}


@media screen and (min-width: 1px) and (max-width: 699px) { 
.wrap {max-width:1260px; margin: 0 auto; padding: 0 20px 0 20px;}
.wrapper {max-width:1260px; margin: 0 auto; padding: 0;}
.main-block {float: left; width: 100%; }
.main-block-cat {float: left; width: 100%; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.main-block-news {float: left; width: 100%; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; margin-top: 20px;}
.card_tinkoff {border-top: 1px solid #dddede; width: 100%;float: left; display: flex; padding: 20px 20px; box-sizing: border-box;}
.card_tinkoff:hover {box-shadow:0 1px 9.94px 4px rgba(0,0,0,.2); transition: all 300ms ease-in-out; z-index: 1000;}
.card_tinkoff-left {display: flex; flex-basis:100%; flex-direction: column;}
.card_tinkoff-right {display: none;}
.card_tinkoff-right img{ float:right; max-width: 100%;}
.card_tinkoff-title {flex-basis:100%;align-items: center; display: flex; padding: 10px 0 20px 0; font-family: 'Ubuntu Bold'; font-size: 22px;}
.card_tinkoff-predl {color: #929292; flex-basis:100%;align-items: center; display: flex; padding: 0 0 15px 0; font-size: 14px;}
.card_tinkoff-predl-2 {flex-basis:100%;align-items: center; display: flex; padding: 20px 0 20px 0; color: #bcbcbc; font-size: 14px;}
.card_tinkoff-predl-2 a {box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1);background-color: #ffdd2d; padding: 12px 24px; border-radius: 4px; color: #000;}
.card_tinkoff-predl-2 a:hover {opacity: 0.8;text-decoration: none;}

.block-mini {display: flex; flex-wrap: wrap; flex-direction: row;}
.block-mini-col {flex-basis:100%; flex-direction: column; display: flex; box-sizing: border-box;}
.block-mini-col:hover {box-shadow:0 1px 9.94px 4px rgba(0,0,0,.2); transition: all 300ms ease-in-out; z-index: 1000;}
.block-mini-col:nth-child(1) {border-top: 1px solid #dddede;} 
.block-mini-col:nth-child(2) {border-top: 1px solid #dddede;}
.block-mini-col:nth-child(3) {border-top: 1px solid #dddede;}
.block-mini-col:nth-child(4) {border-top: 1px solid #dddede;}
.block-mini-col:nth-child(5) {border-top: 1px solid #dddede;}
.block-mini-col:nth-child(6) {border-top: 1px solid #dddede;}
.block-mini-col a{color: #333438;}
.block-mini-col a:hover {color: #535e76; text-decoration: none;}
.mini {display: flex;}
.mini-left {flex-basis:90%;flex-direction: column; justify-content: center; display: flex; width:100%; padding: 10px 0 10px 20px;}
.mini-right {flex-basis:50px;flex-direction: column; justify-content: center; display: flex; text-align: right;}
.mini-right img{height: 40px; float:right; padding-right: 20px;}
.mini-boom {display: flex; padding: 20px 30px;}
.mini-title {flex-basis:100%;align-items: center; display: flex; padding: 10px 0; font-family: 'Ubuntu Bold'; font-size: 20px;}
.mini-predl {flex-basis:100%;align-items: center; display: flex; padding: 0 0 10px 0; color: #bcbcbc; font-size: 14px;}
.all-zaym {line-height: 50px; border-top: 1px solid #dddede; background: #fff; float: left; width: 100%; border-radius: 0 0 4px 4px;}
.all-zaym a{color: #333438; text-align: center; float: left; width: 100%; font-size: 14px; border-radius: 0 0 4px 4px;}
.all-zaym a:hover {color: #fff; background: #535e76; text-decoration: none;}

.news-h {border-bottom: 1px solid #dddede; line-height: 56px; font-family: 'Ubuntu Bold'; font-size: 20px; float: left; width:100%; padding: 0 20px; box-sizing: border-box;}
.news-h span{color: #ff3636; float: right; font-size: 20px; }

.news-list-wr {float: left; position: relative; width: 100%; height: 240px;}
.news-list {float: left; padding: 0px 20px 0px 20px; height:100%;overflow: auto; position: absolute; box-sizing: border-box;  }
.news-list a {width:100%; float: left; line-height: 20px; padding: 10px 0; border-bottom: 1px solid #dddede; font-size: 15px; color: #333438;}
.news-list a:hover {color: #535e76; text-decoration: none;}
.news-list span {color: #bcbcbc; font-size: 11px;font-weight: 400;}
.news-list a:nth-child(1){ font-weight: 700; } 
.news-list a:nth-child(2){ font-weight: 700; }
.news-list a:nth-child(3){ font-weight: 700; }
.main-bank-wrap {background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; margin-top: 20px; width:100%; float: left; box-sizing: border-box;}
.main-bank {position: relative; width:100%; height: 102px; float: left;} 
.bank-short-main-img {width:100%; float: left; text-align: center;}
.bank-short-main-img img {max-width:200px;}
.bank-short-main-link {width:100%; float: left; text-align: center; border-top: 1px solid #dddede;}
.bank-line-title {padding: 0 20px; width: 100%; line-height: 50px; float: left; border-bottom: 1px solid #dddede; margin-top: 10px; box-sizing: border-box;}
.bank-line-title-left {font-family: 'Ubuntu Bold'; font-size: 20px; float: left;}
.bank-line-title-right {display: none;}
.bank-line-title-right a{font-size: 14px; color: #9299a2; float: right; padding-left: 25px;}
.bank-line-title-right a:hover{color: #535e76; text-decoration: none;}

.slider a{font-weight: 600; padding: 20px 0; color: #535e76; font-size: 14px; width:100%; float: left;}
.slider a:hover {color: #535e76; text-decoration: none;}
@keyframes scroll {  0% { transform: translateX(0); }  100% {  transform: translateX(calc(-250px * 7));  }}
.slider {  height: 102px;  margin: auto;  overflow: hidden;position: relative;width: 100%;  box-sizing: border-box; border-radius: 4px;}
.slider::before, .slider::after { background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);  content: ""; height: 102px; position: absolute; width: 30px; z-index: 2;}
.slider::after {right: 0;top: 0; transform: rotateZ(180deg);}
.slider::before {left: 0;top: 0;}
.slider .slide-track {animation: scroll 70s linear infinite;display: flex;width: calc(250px * 14);}
.slider .slide {height: 102px; width: 250px;}


.main-short {width:100%; float: left; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; margin-top: 20px;}
.main-news-wrap {max-width:1260px; z-index: 1000; margin: 0 auto; padding: 0 20px 20px 20px;}
.line-title {width: 100%; line-height: 50px; float: left; border-bottom: 1px solid #dddede; margin-top: 10px;}
.line-title-left {font-family: 'Ubuntu Bold'; font-size: 20px; float: left;}
.line-title-right {display: none;}
.line-title-right a{font-size: 14px; color: #9299a2; float: right; padding-left: 25px;}
.line-title-right a:hover{color: #535e76; text-decoration: none;}

.big-short-wrap {float:left; width:100%;  padding: 20px 0 0 0;}
.big-short {width:100%; float: left; border-radius: 3px; padding: 0; margin-bottom: 15px;}

.big-short-img {border-radius: 3px; width: 100%; height: 45vw; position: relative;  overflow: hidden; top: 0px; left: 0px; float: left;}
.big-short-img-inner {height: 100%; width: 90%; position: absolute;left: 0%; top: 0%;text-align: center;}
.big-short-img img{-moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; display: block; position: absolute;  height: 100%; left: 0; top: 0; bottom: 0; right: 0;  margin: auto;}
.big-short-img img:hover{opacity: 0.8; transition: 0.4s;}
.big-short-img:hover img{transform: translate3d(0px, 0px, 0px); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
.big-short-news { background-color: rgba(51,62,80,.8); float: left; width: 100%; height: 100%; padding: 25px 15px 15px 15px;  box-sizing: border-box; position: absolute;}
.big-short-news-tit { line-height: 20px;  float: left; font-family: 'Ubuntu Bold'; text-align: center; font-size: 18px; width: 100%; padding: 0 0 10px 0;}
.big-short-news-tit a{color:#fff;}
.big-short-news-tit a:hover{color:#ffdd2d; text-decoration: none;}
.big-short-news-cat {display: none;}
.big-short-news-cat span {color:#fff; margin: 0 auto; padding: 5px 12px; border: 1px solid #fff; border-radius: 5px;}
.big-short-news-date { float: left; width: 100%;  padding: 10px 0 0 0; text-align: center; }
.big-short-news-date span {color:#fff; font-size: 14px;margin: 0 auto; padding: 5px 12px;}

.mini-short-wrap {float:left; width:100%; padding: 0 0 20px 0;}
.mini-short {float:left; width:100%;  border-radius: 3px; padding: 0; margin-bottom: 15px;}
.mini-short-img {border-radius: 3px; width: 100%; height: 45vw; position: relative;  overflow: hidden; top: 0px; left: 0px; float: left;}
.mini-short-img-inner {height: 100%; width: 90%; position: absolute;left: 0%; top: 0%;text-align: center;}
.mini-short-img img{-moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; display: block; position: absolute;  height: 100%; left: 0; top: 0; bottom: 0; right: 0;  margin: auto;}
.mini-short-img img:hover{opacity: 0.8; transition: 0.4s;}
.mini-short-img:hover img{transform: translate3d(0px, 0px, 0px); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
.mini-short-news { background-color: rgba(51,62,80,.8); float: left; width: 100%; height: 100%; padding: 20px 15px;  box-sizing: border-box; position: absolute;}
.mini-short-news-tit {font-size: 18px; line-height: 20px;  float: left; font-family: 'Ubuntu Bold'; text-align: center; width: 100%; }
.mini-short-news-tit a{color:#fff;}
.mini-short-news-tit a:hover{color:#ffdd2d; text-decoration: none;}
.mini-short-news-date { float: left; width: 100%;  padding: 0 0 0 0; text-align: center; }
.mini-short-news-date span {color:#fff; font-size: 14px;margin: 0 auto; padding: 5px 12px;}

.all-news {width: 100%; float: left; text-align: center; padding: 20px 0; margin-bottom: 20px;}
.all-news a{color: #333438; border-radius: 5px; border: 1px solid #333438; padding: 7px 12px;}
.all-news a:hover{text-decoration: none; background: #535e76; border: 1px solid #535e76; color:#fff;}

#bottom-content {display: none;}
.time-menu-wrap {max-width:1260px; z-index: 1; margin: 0 auto;padding: 0 20px 0 20px;}
.time-menu { position: relative; background:#535e76; padding: 10px 0; }
.time-menu .tit-naz {font-size: 14px; font-weight: 400; float:left; width:100%; color: #fff; line-height: 28px;}
.time-menu .tit-naz a{font-size: 14px; font-weight: 400;  color: #fff; line-height: 24px;}
.time-menu .tit-naz a:hover{font-size: 14px; font-weight: 400;  color: #fff; line-height: 24px;}
.time-menu .tit-link { display: none;}
.time-menu1 {display: none;}
.content {display: flex;}
.content-left {padding: 20px 20px; flex-basis:100%; flex-direction: column; display: flex; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); box-sizing: border-box;}
.content-right {display: none;}
.short-cat-tit {float: left; float: left; border-bottom: 1px solid #dddede; line-height: 30px; padding: 10px 0; margin-bottom: 20px;}
.short-cat-tit h1 {margin: 0; padding: 0; font-family: 'Ubuntu Bold'; font-size: 20px;}

.story-short {width:100%; float: left; border-radius: 3px; padding: 0; margin: 15px 0;}
.story-short-img {border-radius: 3px; width: 100%; height: 45vw; position: relative;  overflow: hidden; top: 0px; left: 0px; float: left;}
.story-short-img-inner {height: 100%; width: 90%; position: absolute;left: 0%; top: 0%;text-align: center;}
.story-short-img img{-moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; display: block; position: absolute;  height: 100%; left: 0; top: 0; bottom: 0; right: 0;  margin: auto;}
.story-short-img img:hover{opacity: 0.8; transition: 0.4s;}
.story-short-img:hover img{transform: translate3d(0px, 0px, 0px); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
.story-short-news { background-color: rgba(51,62,80,.8); float: left; width: 100%; height: 100%; padding: 25px 15px 15px 15px;  box-sizing: border-box; position: absolute;}
.story-short-news-tit { line-height: 20px;  float: left; font-family: 'Ubuntu Bold'; text-align: center; font-size: 18px; width: 100%; padding: 0 0 10px 0;}
.story-short-news-tit a{color:#fff;}
.story-short-news-tit a:hover{color:#ffdd2d; text-decoration: none;}
.story-short-news-cat {display: none;}
.story-short-news-cat span {color:#fff; margin: 0 auto; padding: 5px 12px; border: 1px solid #fff; border-radius: 5px;}
.story-short-news-date { float: left; width: 100%;  padding: 10px 0 0 0; text-align: center; }
.story-short-news-date span {color:#fff; font-size: 14px;margin: 0 auto; padding: 5px 12px;}

.full-store {float: left; width: 100%; }
.full-up {border-bottom: 1px solid #aaaaaa; padding-bottom: 20px; float: left; width: 100%;}
.full-title { font-family: 'Ubuntu Bold'; color: #313b40; font-size: 22px; line-height: 28px;}
.info-link {float: left; padding-top: 10px; color: #aaaaaa; font-size: 14px; padding-right: 15px;}
.info-link a{float: left; color: #aaaaaa;}
.info-link a:hover {color:#535e76; text-decoration: none;}
.soc-icon {float: left; padding: 20px 0; width: 100%; height: 37px;}
.ya-share2__list_direction_horizontal {display: flex; width: 100%;}
.ya-share2__list{display: flex!important;}
.ya-share2__list .ya-share2__item {height: 36px !important; width:  calc(20% - 12px)!important; margin: 0 auto!important; display: block;border-radius:4px!important;}
.ya-share2__link, .ya-share2__badge{ height: 36px !important; width: 100%; display: flex!important; justify-content: center;  border-radius:4px!important;}
.ya-share2__icon{ margin: auto;}
.ya-share2__container_size_m .ya-share2__item:nth-child(1){ margin-left: 0!important;}
.ya-share2__container_size_m .ya-share2__item:nth-last-child(1){ margin-right: 0!important;}
.full-text { width: 100%; height: 100%; float: left; font-size: 14px; line-height: 20px;}
.full-text img{max-width: 100%;}
.full-text h2{font-size: 20px; padding: 20px 0 10px 0; margin:0 0 10px 0; border-bottom: 1px solid #d0d0d0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.full-text h3{font-size: 16px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.full-text h4{font-size: 16px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.full-text h5{font-size: 16px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.full-text ul {padding: 10px 0 20px 30px; list-style: disc outside;}
.full-text ul li{padding: 5px 0; }
.full-text ol { padding: 10px 0 20px 30px; counter-reset:  item;  list-style-type: none;}
.full-text ol li{padding: 5px 0; font-weight:normal;}
.full-text ol li:before {  counter-increment: item;  content: counter(item) ". ";  font-weight: bold;}
.full-text table {width: 100%; margin: 15px 0;}
.full-text td{padding: 5px 10px; border: 1px solid #aaaaaa;}
.full-bottom {float: left; color: #aaaaaa; font-size: 14px; margin: 20px 0; padding: 15px 0; width: 100%; border-bottom: 1px solid #aaaaaa;}
.full-bottom .name {float:left; font-style: italic;}
.full-bottom .date {float:right;}
.full-banner-wrap {float: left; width: 100%; margin: 10px 0; background: #ffdd2d; box-sizing: border-box; padding: 10px 20px;}
.full-banner-wrap:hover {box-shadow: 0px 0px 23px 2px rgba(184,182,184,1); z-index: 1000;}
.full-banner-left {  float: left; width: 100%;}
.full-banner-center {display: none;}
.full-banner-right { float: left; width: 100%; text-align: center; }
.full-banner-left .name {float: left; width: 100%; margin: 10px 0 5px 0; text-align: center; font-family: 'Ubuntu Bold'; font-size: 24px; color: #000;}
.full-banner-left .text {float: left; width: 100%; margin: 5px 0 10px 0; text-align: center; font-size: 16px; color: #000;}
.full-banner-right .link { float: left; width: 100%; text-align: center; line-height: 50px;}
.full-banner-right .link a {background: #fff; color: #313b40; margin: 20px 0; padding: 10px 28px;border-radius: 4px; font-size: 16px;  font-weight: 400;}
.full-banner-right .link a:hover {text-decoration: none; opacity: 0.8;}
.full-comment {float: left; width: 100%; margin: 20px 0;}
.full-comment-tit {margin-bottom: 0px; font-family: 'Ubuntu Bold'; color: #313b40; width: 100%; font-size: 20px; line-height: 24px; float: left; padding-bottom: 10px; border-bottom: 1px solid #aaaaaa;}
.form-group-com {float:left; width: 100%;}
.group-com-field {float:left; width: 100%; padding-bottom: 10px;}
.group-com-field input { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); font-size: 14px; padding: 5px 0; float: left; max-width: 400px; width: 100%; border: 1px solid #aaaaaa; border-radius: 4px; box-sizing: border-box; padding: 0 15px;}
.group-com-field input:hover, .group-com-field input:active, .group-com-field input:focus {border: 1px solid #ffdd2d;}
.redaktor .bb-editor {float: left; width: 100%!important;}
.redaktor textarea {border: 1px solid #aaaaaa; width: 100%!important; min-height: 100px!important; background: #fff; padding: 10px; box-sizing: border-box;  border-radius: 4px;}
.redaktor textarea:hover, .redaktor textarea:active, .redaktor textarea:focus {border: 1px solid #ffdd2d;}
.cap-comm {float: left; width: 100%;  margin-top: 10px;}
.btn-add-comm {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); background:#fff; color: #313b40; font-size: 14px; margin-top: 20px; padding: 10px 24px; border: 0; border-radius: 4px; border: 1px solid #aaaaaa; cursor: pointer;}
.btn-add-comm:hover {text-decoration: none; opacity: 0.8;}
.comm-item {float: left; width: 100%;  position: relative;}
.comm-left {position: absolute; height: 100%; width: 60px; top:10px; left:0; text-align: center;}
.comm-left img {width: 30px; border-radius: 50%; margin-bottom: 5px;}
.comm-date {color: #aaaaaa; font-size: 12px; float: left; font-family: 'Open Sans', sans-serif; padding-left: 10px; padding-top: 2px;}
.comm-right {float: left; width: 100%; padding-left: 70px; box-sizing: border-box;}
.comm-wrap {float: left; width: 100%; padding: 0 0 0 10px; box-sizing: border-box;}
.comm-line { float: left; padding: 10px 0; line-height: 22px;  width: 100%; font-size: 14px;  font-family: 'Ubuntu Bold'; color: #313b40;}
.like-dislike {float: left; line-height: 22px;}
.like-dislike span{font-family: 'Open Sans', sans-serif; font-size: 14px; }
.like-dislike .icon-smile{color:#08d948;}
.like-dislike .icon-frown{color:#ff3c0c;}


.comm-author {float: left;}
.comm-line a {text-decoration: none; font-size: 14px;  font-family: 'Ubuntu Bold'; color: #313b40;}
.comm-text {font-size: 14px; line-height: 18px; float: left; width: 100%; padding: 0 0 10px 0; box-sizing: border-box;}
ul.comm-menu {float: left; width: 100%; padding: 0 0 10px 0; margin: 0;}
ul.comm-menu li{list-style-type: none; float: left;}
ul.comm-menu li a{float: right; padding: 4px 0 2px 0; color: #aaaaaa; font-size: 12px; margin-right: 10px;}
ul.comm-menu li a:hover{text-decoration: none; color: #313b40;}
.comments-tree-list { padding: 0; margin: 0; list-style: none; position: relative; }
.comments-tree-list .comment { position: static; margin: 0; }
.comments-tree-list .comment:before {content: "";position: absolute;left: 0;width: 100%; height: 3px;background: #bababa;margin: 19px 0 0 0;background-size: auto 3px;z-index: -2px;}
.comments-tree-list .comments-tree-list { padding-left: 70px; position: static;  }
.comments-tree-list > li { margin-top: 0px; }
.mass_comments_action {display: none;}
.comm-online { background: #08d948;border-radius: 3px;font-size: 8px; color: #fff; padding: 2px 6px 2px 6px; margin: 0 auto;}
.comm-offline { background: #fd0065;border-radius: 3px;font-size: 8px; color: #fff; padding: 2px 6px 2px 6px; margin: 0 auto;}
.comm-group { background: #ebf9f9;border-radius: 3px;font-size: 10px; color: #313b40; padding: 2px 6px 2px 6px; margin: 0 auto;}
.back-cont {float:left; width: 100%; padding-bottom: 20px;}
.back-cont-tit {float: left; border-bottom: 1px solid #aaaaaa; width:100%; padding-bottom: 20px; font-family: 'Ubuntu Bold'; font-size: 24px; line-height: 28px;}
.back-cont-time {float:left; width: 100%; padding-bottom: 10px;}
.back-cont-field input { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); margin-top: 10px; font-size: 14px; padding: 5px 15px; float: left; border-radius: 4px; max-width: 500px; width: 100%; border: 1px solid #aaaaaa; box-sizing: border-box;}
.back-cont-field-no {margin-top: 10px; font-size: 14px; padding: 5px 0; float: left; max-width: 500px; width: 100%; border-left: 0; border-right: 0; border-top: 0;}
.back-cont-field input:hover, .back-cont-field input:active, .back-cont-field input:focus {border: 1px solid #ffdd2d;}
.back-cont-vopros input {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); border-radius: 4px; margin-top: 10px; font-size: 16px; padding: 5px 15px; float: left; width: 100%;  border: 1px solid #aaaaaa; box-sizing: border-box;}
.back-cont-vopros input:hover, .back-cont-vopros input:active, .back-cont-vopros input:focus {border: 1px solid #ffdd2d;}
.back-cont-redaktor {float: left; width: 100%!important; margin: 10px 0 20px 0;}
.back-cont-redaktor textarea {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); font-family: 'Open Sans'!important; font-size: 16px; border: 1px solid #aaaaaa; width: 100%!important; background: #fff; padding: 15px; box-sizing: border-box; border-radius: 4px;}
.back-cont-redaktor textarea:hover, .back-cont-redaktor textarea:active, .back-cont-redaktor textarea:focus {border: 1px solid #ffdd2d;}
.cat-opt option{width: 100%; }
.cat-opt {border: 1px #aaaaaa solid; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);  font-size: 16px; padding:6px 15px; width: 100%; line-height: 30px;-webkit-appearance: none;  -moz-appearance: none;   text-indent: 0px;    text-overflow: '';    -ms-appearance: none;   appearance: none!important;    background-image: url('../images/select.png'); background-position: right center; background-repeat: no-repeat;  background-color: #fff; }

.capcha-comm {float: left; width: 100%;  margin-top: 10px;}
.back-cont-btn-add {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); background:#fff; color: #313b40; font-size: 14px; margin-top: 20px; padding: 10px 24px; border-radius: 4px; border: 1px solid #aaaaaa; cursor: pointer;}
.back-cont-btn-add:hover {text-decoration: none; opacity: 0.8;}

.back-cont-info {float: left; width: 100%; font-size: 14px; margin: 10px 0; border-radius: 4px; background: #ebf9f9; padding:20px 20px; box-sizing: border-box; text-align: center; line-height: 20px;}
.userinfo_top { position: relative; padding-bottom: 50px; margin-bottom: 50px; }
.userinfo_top .avatar { position: absolute; }
.user_tab { list-style: none; padding: 0; margin: 0; }
.user_tab > li { display: inline; margin-right: 1.2em; }
.user_tab > li > a {text-decoration: none !important;font-size: .6em;-webkit-transition: all ease .3s; transition: all ease .3s;	}
.user_tab > li > a { color: #fff; opacity: .5; }
.user_tab > li > a:hover { color: inherit; }
.user_tab > li.active > a { cursor: default; font-size: 1em; opacity: 1; }
.usinf { list-style: none; padding: 0; margin: 0 0 25px 0; } 
.usinf li { padding: 12px 0; border-top: 1px solid #e6e6e6; }
.usinf li:first-child { border-top-width: 0; }
.ui-c1, .ui-c2 { display: inline-block; vertical-align: top; }
.ui-c1 { width: 30%; margin-right: 5%; }
.ui-c2 { width: 60%; }

.add-comm-wrap {float:left; width: 100%; box-sizing: border-box; background: #fff; padding: 30px 40px;}
.addcomment {float:left;  width: 100%;}
.addcomment-tit {float:left;  padding-bottom:10px;  font-weight: 600; color: #313b40; font-size: 16px; line-height: 20px; width: 100%;}

.related-short-tit {float:left; margin-top: 30px; padding-top: 30px; border-top: 1px solid #dddede; font-family: 'Ubuntu Bold'; color: #313b40; width: 100%;  font-size: 20px; line-height: 24px;  float: left;}
.related-short {float: left; width: 100%;  box-sizing: border-box; height: 100%; margin-top: 20px;}
.related-short-img {width: 100%; height: 35vw; position: relative;  overflow: hidden; top: 0px; left: 0px;}
.related-short-img-inner {height: 150%; width: 150%; position: absolute;left: -25%; top: -25%;text-align: center;}
.related-short-img img{ display: block; position: absolute; width: 100%; height: auto; left: 0; top: 0; bottom: 0; right: 0;  margin: auto;}
.related-short-img img:hover{opacity: 0.8;}
.related-short-news {float: left; width: 100%;}
.related-short-news-tit { margin-bottom: 5px; font-size: 16px; line-height: 20px; height: 52px; overflow: hidden; float: left; width: 100%; padding: 10px 0;}
.related-short-news-tit a{color:#313b40;}
.related-short-news-tit a:hover{color:#535e76; text-decoration: none;}
.related-short-news-cat {color:#aaaaaa; float: left; width: 100%; font-size: 12px; padding-top: 5px;}
.related-short-news-cat a{color:#aaaaaa; float: left; font-size: 12px; padding-right: 15px;}
.related-short-news-cat a:hover{color: #535e76; text-decoration: none;}
.related-short-news-cat span{color:#aaaaaa; float: left; font-size: 12px; padding-right: 15px;}

.content-vopros {display: flex;}
.content-vopros-left { flex-basis:100%; flex-direction: column; display: flex;box-sizing: border-box;}
.content-vopros-right {display: none;}
.full-vopros {background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; float: left; box-sizing: border-box; width: 100%; padding: 20px 20px;}
.main-vop {background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; float: left; box-sizing: border-box; width: 100%; padding: 30px 20px; margin-bottom: 20px; }
.h-title { border-bottom: 1px solid #dddede; line-height: .1em;  margin: 20px 0 30px;  text-align: center;}
.h-title span {font-family: 'Ubuntu Bold'; font-size: 20px; background: #fff; padding: 0 20px; margin: 0 auto; text-align: center;}
.vopros-se {display: flex; }
.vopros-search {flex-basis:80%; flex-direction: column; display: flex; }
.vopros-search input {box-sizing: border-box; font-size: 14px; padding: 5px 20px; float: left; width: 100%; border-radius: 4px 0 0 4px; border: 1px solid #aaaaaa; }
.vopros-search input:hover, .vopros-search input:active, .vopros-search input:focus {border: 1px solid #ffdd2d;}
.seright {flex-basis:120px;}
.seright input{ font-weight: 600;cursor: pointer; border: 0; border-radius: 0 4px 4px 0; float: left; width: 100%;  line-height: 36px; color: #000; background: #ffdd2d; box-sizing: border-box; font-size: 16px; padding: 5px 20px;}
.seright input:hover {opacity: 0.8;}
.vopros-block {float: left; width: 100%; }
.vopros-info-left {float: left; width: 70%; font-size: 13px; color: #aaaaaa; line-height: 18px;}
.vopros-info-right {float: left; width: 30%; text-align: right;}
.vopros-info-right a{float: right; background: #ffdd2d; color: #000; border-radius: 4px; padding: 14px 20px; font-size: 16px; font-weight: 600;}
.vopros-info-right a:hover{text-decoration: none; opacity: 0.8;}
.vopros-short {float: left; width: 100%;  position: relative;  background: #fff; margin-bottom: 20px; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.vopros-short-wrap {padding: 20px 20px 10px 20px; width: 100%; float: left;box-sizing: border-box;}
.vopros-short-left {float: left; width: 100%; line-height: 36px; border-bottom: 1px solid #aaaaaa; }
.vopros-short-right {box-sizing: border-box; float: left; width: 100%;}
.vopros-short-avatar { float: left; padding-right: 10px;}
.vopros-short-avatar img{width: 22px; border-radius: 50%; margin-top: 5px;}
.vopros-short-name {float: left; font-size: 16px; padding-right: 10px; font-weight: 600;}
.vopros-short-date {float: left; font-size: 14px;  margin-top: 1px; color: #aaaaaa;}
.vopros-short-good {display:none;}
.vopros-short-good i{ font-size: 16px; color: #08d948;}
.vopros-short-good span{ padding: 4px 0 4px 0; margin: 0 auto; color: #313b40; font-weight: 600;}
.vopros-short-bed {display:none;}
.vopros-short-bed i{ font-size: 16px; color: #ff3d3d;}
.vopros-short-bed span{ padding: 4px 8px; margin: 0 auto; color: #313b40; font-weight: 600;}
.vopros-short-title { font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40; font-size: 20px; margin-bottom: 10px; margin-top: 10px; float: left; width: 100%;}
.vopros-short-title a{color: #313b40; line-height: 24px; float: left; padding: 10px 0;}
.vopros-short-title a:hover{color: #535e76; text-decoration: none;}
.vopros-short-text {float: left; width: 100%; font-size: 14px; margin: 0 0 10px 0; line-height: 20px; box-sizing: border-box; border-radius: 4px; }
.vopros-short-niz {float: left; width: 100%; margin: 10px 0; line-height: 20px;}
.vopros-short-niz .cat{float: left; padding: 0 10px 0 0; color: #aaaaaa; font-size: 14px;}
.vopros-short-niz .cat a{ color: #aaaaaa;}
.vopros-short-niz .cat a:hover{color: #535e76; text-decoration: none;}
.vopros-short-niz .see{float: left; padding: 0 10px 0 0; color: #aaaaaa; font-size: 14px;}
.vopros-short-niz .full-link{float: right;}
.vopros-short-niz .full-link a{float: right; color: #535e76; font-size: 14px; border-bottom: 1px dashed #535e76;}
.vopros-short-niz .full-link a:hover{ color:#313b40;text-decoration: none; border-bottom: 1px dashed #313b40;}
.vopros-hot-title {margin-top: 20px; border-bottom: 1px solid #aaaaaa; text-rendering: optimizeLegibility; font-family: 'Ubuntu Bold'; color: #313b40;  padding-bottom: 10px; font-size: 24px; line-height: 28px; margin-bottom: 20px; float: left; width: 100%;}
.vopros-hot-title i {float: right; color: #08d948;}
.full-short-vopros {float: left; width: 100%; margin-bottom: 20px;}
.full-short-h1 {border-bottom: 1px solid #aaaaaa; font-family: 'Ubuntu Bold'; color: #313b40; padding-bottom: 20px; font-size: 24px; line-height: 28px; margin-bottom: 10px; float: left; width: 100%;}
.full-short-vopros-block { float: left; width: 100%; position: relative; margin-top: 10px;}
.full-short-vopros-block-left {float: left; width: 100%; text-align: center;}
.full-short-vopros-block-right {float: left; width: 100%;  position: relative; box-sizing: border-box;}
.full-short-vopros-block-left-avatar {padding: 0 0; float: left; margin-right: 5px;}
.full-short-vopros-block-left-avatar img{width: 35px; border-radius: 50%; margin-top: 3px; margin-right: 10px;}
.full-short-vopros-block-left-name {font-size: 14px; padding: 5px 0; float: left; margin-right: 5px; margin-top:10px;}
.full-short-vopros-block-left-date {font-size: 14px; padding: 5px 0; color: #aaaaaa; float: left; margin-right: 15px; margin-top:10px;}
.full-vopros-autor {background: #f3f3f3; border-radius: 4px; margin-top: 10px; float: left; line-height: 22px; width: 100%; font-size: 16px; box-sizing: border-box; border-radius: 4px; padding: 15px;}
.ugol {display: none;}
.full-short-vopros-glav {float: left; width: 100%; position: relative;min-height: 100px; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #aaaaaa;}
.full-short-vopros-glav-left {float: left; width: 100%; }
.full-short-vopros-glav-right {float: left; width: 100%;  position: relative; box-sizing: border-box;}
.full-short-vopros-glav-left-avatar {float: left; margin-right: 5px; margin-bottom: 10px;}
.full-short-vopros-glav-left-avatar img{width: 35px; border-radius: 50%; margin-top: 3px; margin-right: 10px; }
.full-short-vopros-glav-left-name {margin-top: 10px; font-size: 14px; padding: 5px 0; float: left; margin-right: 15px;}
.full-short-vopros-glav-left-date {font-size: 14px; padding: 5px 0  10px 0; color: #aaaaaa; line-height: 16px; float: left; margin-right: 5px; margin-top: 10px;}
.full-short-vopros-glav-autor {float: left; line-height: 22px; width: 100%; font-size: 16px; box-sizing: border-box; border-radius: 4px;}
.ugol2 {display: none;}  
.full-short-vopros-niz {float: left; width: 100%; margin-top: 30px;}
.full-short-vopros-niz-date {float: left; color:#aaaaaa; font-size: 14px;}
.full-short-vopros-niz-cat {float: right;  font-size: 14px; color:#aaaaaa;}
.full-short-vopros-niz-cat a{color:#aaaaaa; padding-right:10px;}
.full-short-vopros-niz-cat a:hover {color: #535e76; text-decoration: none;}
.full-short-vopros-related-tit {font-family: 'Ubuntu Bold'; color: #313b40; float: left; width: 100%; font-size: 20px; margin-top: 20px;}
.full-random-link {float: left; width: 100%; margin: 10px 0;}
.full-random-link a{float: left; width: 100%; font-weight: 600; margin-top: 10px; box-sizing: border-box;  overflow:hidden;  color: #333438; line-height: 18px; font-size: 14px;}
.full-random-link a:hover {color: #535e76; text-decoration: none;}
.left-random {float: left; width: 40%;}
.left-random img{max-width: 100%;}
.right-random {float: left; width: 60%; padding: 0 15px; box-sizing: border-box;}

.content-bank {display: flex;}
.content-bank-left { flex-basis:100%; flex-direction: column; display: flex;box-sizing: border-box;}
.content-bank-right {display: none;}

.seo-text { width: 100%; height: 100%; float: left; font-size: 15px; background: #fff; margin-top: 20px; line-height: 22px; box-sizing: border-box; padding: 20px 20px; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.seo-text img{max-width: 100%;}
.seo-text h2{font-size: 20px; padding: 20px 0 10px 0; margin:0 0 10px 0; border-bottom: 1px solid #d0d0d0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.seo-text h3{font-size: 18px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.seo-text h4{font-size: 18px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.seo-text h5{font-size: 18px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.seo-text ul {padding: 10px 0 20px 20px; list-style: disc outside;}
.seo-text ul li{padding: 5px 0; }
.seo-text ol { padding: 10px 0 20px 20px; counter-reset:  item;  list-style-type: none;}
.seo-text ol li{padding: 5px 0; font-weight:normal;}
.seo-text ol li:before {  counter-increment: item;  content: counter(item) ". ";  font-weight: bold;}
.seo-text table {width: 100%; margin: 15px 0;}
.seo-text td{padding: 5px 10px; border: 1px solid #aaaaaa;}

.banki-glav {width:100%; float: left; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px 4px 0 0; padding: 20px 20px; box-sizing: border-box;}
.banki-glav h1 {font-family: 'Ubuntu Bold'; font-size: 20px; float: left; width:70%;}
.banki-link-all {float: left; width:30%; text-align:  right; padding-top: 10px;}
.banki-link-all a{float: right; color: #313b40; font-size: 12px;  line-height: 20px; font-weight: 400;}
.banki-link-all a:hover{color: #535e76; text-decoration: none;}

.banki-search {width:100%; float: left; margin-bottom: 20px; }
.banki-search form{width:100%; float: left; font-size: 16px; position: relative;  background: #fff; box-sizing: border-box; padding: 5px 0; border-top: 1px solid #dddede; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 0 0 4px 4px;} 
.banki-search input[type="text"]{border-top: 1px solid #dddede; width:100%; height: 40px; float: left; color:#333438; line-height: 40px; padding: 0 20px; font-size: 15px; box-sizing: border-box; border: 1px solid #fff !important;  background: #fff;} 
.banki-search .but-search {cursor: pointer; position: absolute; right: 20px; top:10px; border: 0; background: #fff; height: 30px; width:30px; background: url(../images/loupe.svg) top right; background-size: 24px 24px; background-repeat: no-repeat; box-sizing: border-box;}
.banki-search .but-search:hover{opacity: 0.8;}

.banki-wrap-sort {width:100%; float: left; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; box-sizing: border-box;}

.banki-sort {float: left; width:100%; display: flex; justify-content: space-between; border-bottom: 1px solid #dddede;}
.banki-sort-1 {display: none;}
.banki-sort-2 {align-items: stretch; flex-basis: 50%; font-size: 14px; padding-left: 20px; line-height: 50px; font-weight: 600;}
.banki-sort-3 {align-items: stretch; flex-basis: 50%; font-size: 14px; line-height: 50px; font-weight: 600;}
.banki-sort-4 {display: none;}

.banki-short {position: relative; box-sizing: border-box; background: #fff; width:100%; float: left; border-bottom: 1px solid #bababa; display: flex; justify-content: space-between;}
.banki-short:hover {box-shadow: 0px 0px 23px 2px rgba(184,182,184,1); z-index: 1000;}
.banki-short-1 {align-items: stretch; flex-basis: 70px; text-align: center; font-size: 14px; padding: 30px 0 30px 0; border-right: 1px solid #f3f8fc; font-weight: 600;}
.banki-short-2 {display: none;}
.banki-short-3 {align-items: stretch; flex-basis: 50%; font-size: 14px; padding: 30px 20px 30px 20px;}
.banki-short-4 {align-items: stretch; flex-basis: 50%; font-size: 14px; padding: 30px 0;}
.banki-short-5 {display: none;}
.rang-bank {line-height: 60px; border: 2px solid #ffdd2d; border-radius: 50%; height: 60px; width:60px; margin: 0 auto; margin-top: 30px; font-weight: 600; font-size: 18px;}
.mini-bank-img {float: left; width:100%; text-align: center;}
.mini-bank-img img{max-width: 100%; padding: 0 20px; box-sizing: border-box; padding-top: 10px;}
.mini-bank-rate {float: left; width:100%; text-align: center; margin-top: 5px;}
.mini-bank-title a{float: left; width:100%; font-size: 16px; line-height: 20px;  font-weight: 700;}
.mini-bank-title a:hover{text-decoration: none; color: #ffdd2d;}
.mini-bank-lic {float: left; width:100%; color: #333438; margin-top: 20px; font-size: 14px; line-height: 20px;}
.mini-bank-otziv {color: #a7a7a7; line-height: 22px;}
.mini-bank-otziv-link a{float: left; margin-top: 10px; font-size: 14px; padding: 9px 12px; color: #000; background: #ffdd2d; border-radius: 3px;}
.mini-bank-otziv-link a:hover{text-decoration: none; opacity: 0.8;}
.main-bank-info {float: left; width:100%; background: #fff; padding: 20px 40px; font-size: 14px; font-weight: 600; box-sizing: border-box; border-bottom: 1px solid #bababa;}

.accordion {width: 100%; max-width: 100%; min-height: 0; display: block; position: relative;margin-top: 20px; padding: 0;background-color: #fff; overflow: hidden; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.accordion h1, .accordion h2 {font-size: 16px;font-weight: 400;  display: block; margin: 0;font-family: 'Open Sans', sans-serif; padding: 20px 0 20px 20px;  cursor: pointer; color:#313b40; background: #fff; border-bottom: 1px solid #ebf0f1; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.accordion .kiki .msg { position: relative; overflow: hidden;    opacity: 1;  transform: translate(0, 0);}
.accordion .kiki .msg .text	{line-height: 20px; padding: 20px 20px;}
.accordion .kiki .msg .text ul {padding: 10px 20px; list-style: square outside;;}
.accordion .kiki .msg .text ul li { padding: 5px 0; line-height: 20px;}
.accordion .kiki .msg .text h2 {width: 100%; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40; font-size: 20px; line-height: 24px; padding: 10px 0; margin: 10px 0; float: left;}
.accordion .kiki .msg .text h3 {width: 100%; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40; font-size: 20px; line-height: 24px; padding: 10px 0; margin: 10px 0; float: left;}
.accordion .kiki .msg .text h4 {width: 100%; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40; font-size: 20px; line-height: 24px; padding: 10px 0; margin: 10px 0; float: left;}
.accordion .kiki .msg .text h5 {width: 100%; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility; color: #313b40; font-size: 20px; line-height: 24px; padding: 10px 0; margin: 10px 0; float: left;}
.accordion .kiki {  position: relative;  padding: 0;  margin: 0;}
.accordion .kiki i {  position: absolute;  transform: translate(-6px, 0);  margin-top: 28px;  right: 20px;}
.accordion .kiki i:before, .accordion .kiki i:after {  content: "";  position: absolute;  background-color: #313b40;  width: 2px;  height: 6px;}
.accordion .kiki i:before {  transform: translate(-2px, 0) rotate(45deg);}
.accordion .kiki i:after {  transform: translate(2px, 0) rotate(-45deg);}
.accordion .kiki input[type=checkbox] {  position: absolute;  cursor: pointer;  width: 100%;  height: 100%;  margin: 0;  padding: 0;  opacity: 0;}
.accordion .kiki input[type=checkbox]:checked ~ div.msg {  margin-top: 0;  max-height: 0;  opacity: 0;  transform: translate(0, 50%);}
.accordion .kiki input[type=checkbox]:checked ~ i:before {  transform: translate(2px, 0) rotate(45deg);}
.accordion .kiki input[type=checkbox]:checked ~ i:after {  transform: translate(-2px, 0) rotate(-45deg);}
.accordion .kiki .msg, .kiki i:before, .kiki i:after {transition: all 0.5s ease-in-out;}

.full-bank-main {box-sizing: border-box; background: #fff; width:100%; float: left; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.full-bank-main-wr {float: left; width: 100%; padding: 20px 20px; box-sizing: border-box;}
.full-bank-main-left {float: left; width: 100%; text-align: center;}
.full-bank-main-right {float: left; width: 100%; text-align: center;}
.full-bank-main-right img{ max-width: 100%; padding-top: 20px;}
.full-bank-title {box-sizing: border-box; font-size: 20px; margin: 0 0 0px 0; line-height: 34px;font-family: 'Ubuntu Bold'; color: #313b40; float: left;  width: 100%; }
.full-bank-nord {float: left; width: 100%; line-height: 24px; margin-top:10px;}

.menu-bank {float: left; width: 100%; line-height: 60px; border-top: 1px solid #dddede; box-sizing: border-box; padding: 0 20px;}
.menu-bank a{float: left; color: #333438; padding-right: 20px;}
.menu-bank a:hover {color: #535e76; text-decoration: none;}
.menu-bank span {display:none;}
.menu-bank span a{float: left; color: #b2b2b2; padding-left: 20px; padding-right: 0;}
.menu-bank span a:hover {color: #b2b2b2; text-decoration: none;}
.menu-bank span a.yes{float: left; color: #333438; padding-left: 20px; padding-right: 0;}
.menu-bank span a.yes:hover {color: #535e76; text-decoration: none;}

.full-bank {display: flex; margin-top: 20px;}
.full-bank-left { flex-basis:100%; flex-direction: column; display: flex;box-sizing: border-box;}
.full-bank-right {display: none;}
.full-offer {float: left; width: 100%; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; padding: 20px 20px; box-sizing: border-box;}
.uslov-title {font-size: 20px; padding: 0; margin-bottom: 20px; text-rendering: optimizeLegibility; font-family: 'Ubuntu Bold'; color: #313b40;}
.opisan-usl {float: left; line-height: 22px; padding:0; width:100%; height:100%;}
.opisan-usl {float: left; line-height: 22px; padding:0; width:100%; height:100%;}
.opisan-usl h2{font-size: 20px; padding: 20px 0 10px 0; margin:0 0 10px 0; border-bottom: 1px solid #d0d0d0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.opisan-usl h3{font-size: 16px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.opisan-usl h4{font-size: 16px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.opisan-usl h5{font-size: 16px; padding: 20px 0 10px 0; margin:0; font-family: 'Ubuntu Bold'; text-rendering: optimizeLegibility;}
.opisan-usl ul {padding: 10px 0 20px 30px; list-style: disc outside;}
.opisan-usl ul li{padding: 5px 0; }
.opisan-usl ol { padding: 10px 0 20px 30px; counter-reset:  item;  list-style-type: none;}
.opisan-usl ol li{padding: 5px 0; font-weight:normal;}
.opisan-usl ol li:before {  counter-increment: item;  content: counter(item) ". ";  font-weight: bold;}
.opisan-usl table {width: 100%; margin: 15px 0;}
.opisan-usl td{padding: 5px 10px; border: 1px solid #aaaaaa;}

.full-rek-otz {float: left; width: 100%; margin: 20px 0 0 0; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; padding: 20px 20px; box-sizing: border-box;}
.full-rek-otz h3 {float: left; margin: 0;}
.full-rek-otz span{font-size: 22px; color: #08d948; font-weight: 700; font-family: 'Ubuntu Bold'; float: right;}
.full-rek-otz-all {float: left; width: 100%; margin: 20px 0 0 0; border-top: 1px solid #d0d0d0; padding: 40px 0 20px 0; text-align: center;}
.full-rek-otz-all a{color: #fff; background: #08d948; padding: 10px 20px;  border-radius: 4px; }
.full-rek-otz-all a:hover{text-decoration: none; opacity: 0.8;}


.rekviz {float: left; width: 100%; border-bottom: 1px solid #d7d7d7; padding: 15px 0; display: flex; align-items: center;}
.rekviz-left {flex-basis: 40%; padding-right: 10px; line-height: 24px; font-weight: 600;}
.rekviz-right {flex-basis: 60%; line-height: 24px;}
.full-bank-otz { position: relative;  background:#fff; width:100%; padding: 20px 30px; box-sizing: border-box; border-bottom: 1px solid #bababa; margin-top: 20px;}
.no-otz {float: left; width:100%; padding: 20px 20px; font-weight: 600; box-sizing: border-box; background: #fff; text-align: center; border-bottom: 1px solid #bababa;}
.opinions-title{float:left;margin-bottom:0;margin-top:2px}
.opinions-list{list-style:none;margin:0;clear:both; padding: 0;}
.opinions-list li{padding: 20px 20px; background: #fff; float: left; width:100%; font-size:16px;line-height:20px; box-sizing: border-box; border-bottom: 1px solid #bababa;}
.otziv-line {line-height: 40px; float: left; width:100%; border-bottom: 1px solid #c5c5c5;}
.otziv-rating-1 {float: left; width: 87px;height: 14px; background-image: url(../images/otz1.svg); background-position: 0 0; margin: 14px 10px 0 0;}
.otziv-rating-2 {float: left; width: 87px;height: 14px; background-image: url(../images/otz2.svg); background-position: 0 0; margin: 14px 10px 0 0;}
.otziv-rating-3 {float: left; width: 87px;height: 14px; background-image: url(../images/otz3.svg); background-position: 0 0; margin: 14px 10px 0 0;}
.otziv-rating-4 {float: left; width: 87px;height: 14px; background-image: url(../images/otz4.svg); background-position: 0 0; margin: 14px 10px 0 0;}
.otziv-rating-5 {float: left; width: 87px;height: 14px; background-image: url(../images/otz5.svg); background-position: 0 0; margin: 14px 10px 0 0;}

.otziv-name {float: left; padding-right: 10px; line-height: 40px;  font-weight: 600;}
.otziv-date {float: left;  line-height: 20px; padding-bottom: 10px; color: #c5c5c5; font-size: 14px;}
.otziv-title {font-size: 22px; text-rendering: optimizeLegibility; font-family: 'Ubuntu Bold'; color: #313b40; padding: 20px 0 0 0; float: left; width:100%;}
.comment {float: left; width:100%; font-size:16px;line-height:20px; margin: 20px 0;}
.link-admin a {float: left; border: 1px solid #313b40; padding: 5px 10px; border-radius: 4px; color: #313b40; font-size: 14px; margin-right: 10px;}
.autoriz {width:100%; float: left; text-align: center; background:#fff; padding: 30px 0; }
.autoriz a{  border: 1px solid #aaaaaa; background: #fff; color:#313b40; border-radius: 4px; padding: 7px 15px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);}
.autoriz a:hover{text-decoration: none; opacity: 0.8;}
.autoriz .text {text-align: center; padding: 30px 0 10px 0; color: #c40000; font-size: 14px;} 
.add-otziv {width:100%; float: left; padding-top:20px;}
.add-otziv-big {width:100%; float: left; margin-top:20px;}
.left-add-otziv {float: left; width:100%; margin-top:20px;}

.main-offer {width:100%; height:100%; float: left; }
.main-offer-left {width:100%; height:100%; float: left;}
.main-offer-right {display: none;}

.kr-poisk {position: relative;   background:#fff; width:100%; padding: 20px 20px; box-sizing: border-box; }
.kr-poisk h1{ padding-bottom: 10px; text-align: center; padding-bottom: 10px; box-sizing: border-box; font-size: 22px;  line-height: 26px;font-family: 'Ubuntu Bold'; color: #313b40; float: left; width:100%; border-bottom: 1px solid #aaaaaa;}
.kr-block {width:100%; height:100%; float: left; box-sizing: border-box; margin-top: 30px;}
.kr-block span{width:100%; text-align: center; float: left;box-sizing: border-box; line-height: 18px; color: #a6a6a6; font-size: 12px;}
.filter {width:100%; float: left;}
.filter-block {width:100%; float: left;box-sizing: border-box;}
.filter-left-nomer {float: left;margin: 10px 0 15px 0px; color: #313b40;font-size: 20px; font-weight: 600;}
.filter-right-nomer { float: right; margin: 10px 0px 15px 10px; color: #313b40; font-size: 20px; font-weight: 600;}
.filter-banner { color: #adadad; font-size: 13px; float: left; width: 100%; margin-top: 10px;}
.filter .slider1 {height:1px; background:#d5d3d3; position:relative; margin:0 auto; padding:0 10px; border: 0;}
.filter .ui-slider { margin:0; padding: 0; }
.filter .ui-slider-horizontal { margin:0; padding: 0;}
.filter .ui-widget { margin:0; padding: 25px;}
.filter .ui-widget-content { margin:0; padding: 0;}
.filter .ui-corner-all { margin:0; padding: 0; border-radius: 4px;}
.filter .ui-state-default { box-shadow:0;}
.filter .ui-slider-handle {width:18px; height:18px; position:absolute;background: #fff; border: 3px solid #ffdd2d;  margin-top: -15px; margin-left:-12px; border-radius: 50%; z-index:1;}
.filter .ui-widget-header { background: #ffdd2d; height:4px;left:1px; top:1px;}

.blokrekomend {color:#313b40; position: relative; font-size: 14px; line-height: 22px; float:left; min-height:100px;background-color:#fff;background-repeat:no-repeat; width:100%;   }
.rekomtitle {background:#16c837; height: 50px; line-height: 50px; padding-left: 20px; font-size: 16px; font-weight: 600; color:#fff; }
.rekomtitle span {line-height: 50px; padding-right: 20px; font-size: 14px;  color:#fff; float: right; font-weight: 400;}

.blokosnova {margin-top: 20px; color:#313b40; position: relative; font-size: 14px; line-height: 22px; float:left; min-height:100px;background-color:#fff;background-repeat:no-repeat; width:100%;   }
.osnovatitle {background:#535e76; height: 50px; line-height: 50px; padding-left: 20px; font-size: 14px; color:#fff; }
.osnovatitle span {line-height: 50px; padding-right: 20px; font-size: 14px; color:#fff; float: right;}

.kr-offer-rek, .kr-offer {position: relative; border-bottom: 1px solid #aaaaaa;  background:#fff; width:100%; padding: 20px 20px; box-sizing: border-box; float: left;}
.kr-offer-rek:hover, .kr-offer:hover {box-shadow: 0px 0px 23px 2px rgba(184,182,184,1); z-index: 1000;}
.kr-otziv {display: none;}

.kr-offer-title {width:100%; height:100%; float: left; text-align: center;}
.kr-offer-title a{width:100%; height:100%; float: left; font-size: 16px;  line-height: 20px;font-weight: 700; box-sizing: border-box; margin-bottom: 10px;}
.kr-offer-title a:hover{text-decoration: none; opacity: 0.8;}
.kr-offer-1 {width:100%;  height:100%; float: left;  text-align: center;}
.kr-offer-1 img{max-width:100%;}
.nazvbank {width:100%; height:100%; float: left; color:#aaaaaa; text-align: center; font-size: 12px;}
.kr-offer-2 {width:100%; height:100%; float: left;}
.kr-offer-3 {width:50%; height:100%; float: left; text-align: center;}
.kr-offer-stavka {width:100%; height:100%; float: left; font-size: 20px;  line-height: 26px;font-weight: 600;}
.kr-offer-3 span{width:100%; height:100%; float: left; color:#aaaaaa; font-size: 12px; box-sizing: border-box;}
.kr-offer-4 {width:50%; height:100%; float: left;}
.kr-offer-summa {width:100%; height:100%; float: left; font-size: 16px;  line-height: 26px; text-align: center; font-weight: 600;}
.kr-offer-4 span{width:100%; height:100%; float: left; color:#aaaaaa; font-size: 12px; text-align: center;}
.kr-offer-5 {display: none;}
.kr-offer-srok {width:100%; height:100%; float: left; font-size: 14px;  line-height: 26px; text-align: center; font-weight: 600;}
.kr-offer-5 span{width:100%; height:100%; float: left; color:#aaaaaa; font-size: 12px; text-align: center;}

.kr-offer-7 {width:100%; height:100%; float: left;}


.kr-offer-pay {width:100%; float: left; box-sizing: border-box; padding: 0 0px;}
.kr-offer-pay-left {display: none;}
.kr-offer-pay-center {width:100%; float: left; line-height: 40px; font-size: 12px; border-top: 1px dashed #aaaaaa; margin-top: 15px; text-align: center; }
.kr-offer-pay-center span {display: none;}
.kr-offer-pay-center img {height: 16px; float: left; padding: 12px 15px 12px 0;}
.kr-offer-pay-right {width:100%; float: left; width:100%;line-height: 20px; text-align:center;}
.kr-offer-pay-right a{text-align: center; float: right; background: #fff; color: #aaaaaa; border-bottom: 1px dashed #aaaaaa; margin-top: 0px; padding: 10px 0 2px 0; font-size: 14px; margin-right: 15px;}
.kr-offer-pay-right a:hover{text-decoration: none; color: #535e76;}


.offer-online {width:100%; height:100%; float: left; box-sizing: border-box; padding: 0 0px;}
.offer-post {width:100%; height:100%; float: left; box-sizing: border-box; padding: 0 0px;}
.offer-online a{box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1);text-align: center; float: right; background: #ffdd2d; width:100%; margin-top: 10px; color: #000; border-radius: 4px; padding: 12px 0; border: 1px solid #ffdd2d; font-size: 14px;}
.offer-online a:hover{text-decoration: none; opacity: 0.8;}
.offer-post a{text-align: center; float: right; background: #fff; color: #313b40; margin-top: 10px; border-radius: 4px; padding: 12px 0; width:100%; border: 1px solid #aaaaaa; font-size: 14px;}
.offer-post a:hover{text-decoration: none; border: 1px solid #535e76; color: #535e76;}

.card-offer-rek, .card-offer {position: relative; border-bottom: 1px solid #aaaaaa; background:#fff; float: left; width:100%; padding: 20px 20px; box-sizing: border-box;}
.card-offer-rek:hover, .card-offer:hover {border-bottom: 1px solid #ffdd2d;}

.card-offer-title {width:100%; height:100%; float: left; text-align: left;}
.card-offer-title a{width:100%; height:100%; float: left; font-size: 16px;  line-height: 22px;font-weight: 700; box-sizing: border-box; margin-bottom: 20px;}
.card-offer-title a:hover{text-decoration: none; opacity: 0.8;}
.card-offer-1 {width:100%; height:100%; float: left; text-align: left;}
.card-offer-1 img{max-width:100%;}
.card-offer-2 {width:100%; height:100%; float: left; text-align: left;}
.card-offer-3 {width:100%; height:100%; float: left; text-align: left;}
.card-offer-info {width:100%; height:100%; float: left; padding: 5px 0; font-size: 16px; text-align: left;}
.card-offer-info span { padding: 2px 10px 2px 0; color:#aaaaaa; font-size: 12px;}
.nazvbankcard {width:100%; height:100%; float: left; font-size: 12px;}
.bottom-search {display: none;}

.full-offer-short {margin-bottom: 20px; width:100%; float: left; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.offer-wrapper {float: left; width:100%; padding: 20px 20px;box-sizing: border-box; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.right-knopka-usl {width:100%; float: left; margin: 20px 0 20px 0;}
.right-knopka-usl a {float: left; color: #000; background: #ffdd2d; padding: 14px 17px; font-weight: 600; border-radius: 4px;}
.right-knopka-usl a:hover{text-decoration: none; opacity: 0.8;}

.full-off-main {margin-bottom: 20px; box-sizing: border-box; background: #fff; width:100%; float: left; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.full-off-main-wr {float: left; width:100%; padding: 20px 20px; text-align: center; box-sizing: border-box;}
.full-off-main-left {float: left; width:100%; text-align: center;}
.full-off-main-right {float: left; width:100%; text-align: center; box-sizing: border-box;}
.full-off-main-right img{ max-width: 100%;}
.full-off-title {box-sizing: border-box; font-size: 20px; margin: 0 0 10px 0; line-height: 34px;font-family: 'Ubuntu Bold'; color: #313b40; float: left;  width: 100%; text-align: center;}
.full-off-nord {float: left; width: 100%; line-height: 24px; margin-top:10px;}

.menu-off {float: left; width: 100%; line-height: 50px; border-top: 1px solid #dddede; box-sizing: border-box; padding: 0 20px;}
.menu-off a{float: left; color: #333438; padding-right: 15px;}
.menu-off a:hover {color: #535e76; text-decoration: none;}
.menu-off span {display: none;}
.menu-off span a{float: left; color: #000; background: #ffdd2d; padding: 0 20px; font-weight: 600;}
.menu-off span a:hover {text-decoration: none; opacity: 0.8;}

.knopka-offer-short {text-align: center; margin-bottom: 20px; padding: 10px 0; width:100%; float: left; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.knopka-offer-short a{color: #000; background: #ffdd2d; padding: 9px 20px; line-height: 50px; font-weight: 600; border-radius: 4px;}
.knopka-offer-short a:hover {text-decoration: none; opacity: 0.8;}
.podbor-main {float: left; width: 100%; background: #fff;}
.podbor-main-wrap {max-width:700px; margin: 0 auto; padding: 30px 20px;}
.block-podbor {float: left; width: 100%; border-bottom: 1px solid #dddede; margin-bottom: 40px;}
.join-title {float: left; width: 100%; font-size: 20px; font-weight: 700; font-family: 'Ubuntu Bold'; text-align: center; padding-bottom: 30px;}
.join-text {float: left; width: 100%; box-sizing: border-box; padding: 20px 0; line-height: 20px; text-align: center;}
.join-link {float: left; width: 100%; text-align: center; padding: 40px 0;}
.join-link a{color: #000; font-family: 'Ubuntu Bold'; font-size: 18px;  border: 0;  background: #fff; border-radius: 3px;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);border: 1px solid #aaaaaa;  cursor: pointer; padding: 12px 30px;}
.join-link a:hover{color: #535e76; text-decoration: none;}

.firm-text {float: left; width: 100%; padding: 10px 10px; background: #f7f7f7; box-sizing: border-box; border-radius: 4px; font-size: 14px;}

.main-rate {float: left; width: 100%; margin-top: 20px;}
.main-rate-bank {float: left; width: 100%; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; margin-bottom: 20px;}
.main-rate-mfo {float: left; width: 100%; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px;}
.main-rate-title {padding: 15px 20px; width: 100%; line-height: 20px; float: left; margin-top: 10px; box-sizing: border-box;}
.main-rate-title-left h2{font-size: 18px; float: left; font-weight: 700; margin: 0 0; line-height: 20px;}
.main-rate-bank ol, .main-rate-mfo ol {list-style-type: decimal; list-style: decimal; font-size: 14px; float: left; width: 100%; margin:0; box-sizing: border-box; padding: 0 20px 20px 20px;}
.main-rate-list {float: left; width: 100%; box-sizing: border-box; padding: 0 30px; }
.main-rate-offer {display: flex; border-bottom: 1px solid #dddede; margin-bottom: 20px;}
.main-rate-offer-1 {flex-basis:90%; flex-direction: column; display: flex; line-height: 30px; font-size: 12px; color: #aaaaaa;}
.main-rate-offer-2 {flex-basis:90px; padding-right: 10px; flex-direction: column; display: flex; text-align: center; line-height: 30px; font-size: 12px; color: #aaaaaa;}
.main-rate-offer-3 {flex-basis:70px; flex-direction: column; display: flex; text-align: center; line-height: 30px; font-size: 12px; color: #aaaaaa;} 

.main-rate-bank ol li, .main-rate-mfo ol li {margin-left: 16px; font-size: 14px;}
.rate-offers {display: flex;}
.rate-offers-1 {flex-basis:90%; flex-direction: column; display: flex; line-height: 40px; height: 40px;  overflow: hidden;}
.rate-offers-1 a{color: #333438; font-size: 14px;}
.rate-offers-1 a:hover{color: #ffdd2d; text-decoration: none;}
.rate-offers-2 {flex-basis:90px; padding-right: 10px; flex-direction: column; display: flex; text-align: center; line-height:40px; }
.rate-offers-3 {flex-basis:70px; flex-direction: column; display: flex; text-align: center; line-height: 40px; color: #0dd148;} 


}


.btnra { font-weight: 600; display: inline-block; border: 1px solid #aaaaaa;  margin-right: 5px;  padding: 12px 17px; cursor: pointer; border-radius: 4px;}
.btnra.on { background-color: #0dd148;color: #fff; font-weight: 600; border: 1px solid #0d9f3a;}
.rating-wrap {float: left; width: 100%; padding-top: 20px;}
.rating-title {float: left; width: 100%; font-weight: 600;color: #313b40;font-size: 16px;line-height: 20px; padding-bottom: 15px;}
.knopka-rating {float: left; width: 100%;}
.no-offer {float: left; width: 100%; line-height: 22px; font-size: 16px; font-weight: 600; text-align: center; box-sizing: border-box; padding: 30px 20px;}
.block-kol {float: left; width: 100%;}