/* Fonts
-------------------------------------------------------------- */

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.eot');
    src: local('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman'),
        url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.woff') format('woff'),
        url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.eot');
    src: local('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium'),
        url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.woff') format('woff'),
        url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.eot');
    src: local('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold'),
        url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.woff') format('woff'),
        url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
  font-family: 'LeksaPro-Black';
  src: url('fonts/LeksaPro-Black/LeksaPro-Black.eot?#iefix') format('embedded-opentype'),
      url('fonts/LeksaPro-Black/LeksaPro-Black.woff') format('woff'),
      url('fonts/LeksaPro-Black/LeksaPro-Black.ttf')  format('truetype'),
      url('fonts/LeksaPro-Black/LeksaPro-Black.svg#LeksaPro-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Reset
-------------------------------------------------------------- */
* { vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; list-style: none; }

*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box;}

/* Main
-------------------------------------------------------------- */

html { font-family: 'HelveticaNeueCyr', Verdana, Arial, Tahoma, sans-serif; min-width:960px; background-color: #333399; font-size:17px; color: #333333; }
sup { height: 0; line-height: 1; vertical-align: baseline; position: relative; bottom: 1ex; font-size: 0.75em; }
strong, b { font-weight: bold; }
em, i { font-style:italic; }
a { text-decoration: none; }
xmp { white-space: normal; }


.hide { display: none;}
.clear { float: none; width:100%;}
.pos_center { width: 1106px; max-width: 100%; margin: 0 auto; position:relative;}
.btn,
.button,
input[type="submit"]{ cursor: pointer; }

/* MENU MAIN */
#pos_0 { width: 100%; height: 58px; background-color: #333399; position: fixed; z-index: 1; font-size: 13px; color: #fff;}
#pos_0 .pos_center { position: relative; }
#pos_0 a.logo { display: inline-block; margin: 6px 12px 0px 6px; width: 127px; height: 48px; vertical-align: top; background: url('images2/logo.png') center no-repeat; }
#pos_0 a { text-decoration: none; color: #fff; }

#pos_0 .menu-top_left-container,
#pos_0 ul.menu { display: inline-block; vertical-align: top; }
#pos_0 ul.menu>li { display: inline-block; vertical-align: top; position: relative;  }
#pos_0 ul.menu>li>a { display: inline-block; height: 54px; margin-right: 6px; padding-bottom: 4px; vertical-align: top; line-height: 74px; }
#pos_0 ul.menu>li:hover>a { border-bottom: 4px #fff solid; padding-bottom: 0px; }
#pos_0 ul.menu>li>ul {
    position: absolute;
    left: -20px;
    padding: 30px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    line-height: 30px;

    opacity: 0;
    visibility: hidden;
    transition: all .3s ease .15s;
}
#pos_0 ul.menu>li:active>ul,
#pos_0 ul.menu>li:hover>ul {
    opacity: 1;
    visibility: visible;
}
#pos_0 ul.menu>li>ul a { display: block; color: #666666; white-space: nowrap; }
#pos_0 ul.menu>li>ul a:hover { text-decoration: underline; color: #333399; }
#pos_0 ul.menu>li>ul ul { margin-left: 10px; margin-bottom: 10px; }
#pos_0 ul.menu>li.current-menu-item>a,
#pos_0 ul.menu>li.current-menu-ancestor>a,
#pos_0 ul.menu>li.current-menu-parent>a { text-decoration: underline; }

#pos_0 .menu-top_right-container { float: right; display: inline-block; vertical-align: top; margin-right: 2px; }

/* MENU MAIN WIDGET */
#pos_0 .menu-main-right-container { display: inline-block; vertical-align: top; float: right; }
#pos_0 .menu-main-right-container {  }
#pos_0 .menu-main-right-container a.profile { display: inline-block; height: 54px; vertical-align: top; margin-right: 16px; line-height: 74px; }
#pos_0 .menu-main-right-container a.profile:hover { border-bottom: 4px #fff solid; }
#pos_0 .menu-main-right-container a.cart { display: inline-block; vertical-align: top; width: 31px; height: 58px; background: url('images2/cart.png') center center no-repeat; color: #333399; font-weight: bold; text-align: center; line-height: 74px; }

#pos_1 { background-color: #fff !important; }

#pos_1 .btn { padding: 8px 26px; display: inline-block; text-decoration: none; border-radius: 100px; text-align: center; font-size: 17px; }
#pos_1 .btn.pink { border: 1px #ff3366 solid; background-color: #ff3366; color: #fff; }
#pos_1 .btn.pink:hover { background-color: #fff; color: #ff3366; }
#pos_1 .btn.pink2 { border: 1px #ff3366 solid; background: none; color: #ff3366; }
#pos_1 .btn.pink2:hover { background-color: #ff3366; color: #fff; }
#pos_1 .btn.gray { border: 1px #666666 solid; background: none; color: #606060; }
#pos_1 .btn.gray:hover { background-color: #666666; color: #fff; }
#pos_1 .btn.white { border: 1px #fff solid; background: none; color: #fff; }
#pos_1 .btn.white:hover { background-color: #fff; color: #ff3366; }

/* HEADER */
#header { height: 267px; }

/* BODY */
.owl-carousel { z-index: auto !important; }
.owl-dots .owl-dot { display: inline-block; vertical-align: top; margin-left: 8px; width: 15px; height: 15px; border: 1px #ff3366 solid; border-radius: 100px; background: none; }
.owl-dots .owl-dot:first-child { margin-left: 0px; }
.owl-dots .owl-dot.active { background-color: #ff3366; }

.listen_child { background-color: #333398; border-radius: 20px; padding: 40px 85px 40px 65px; color: #fff; position: relative; }
.listen_child .text_1 { font-size: 26px; margin-bottom: 40px; }
.listen_child .text_2 { padding-left: 25px; }
.listen_child .text_2 li { list-style: square; margin-bottom: 10px; }
.listen_child .controls { position: absolute; top: 110px; right: 82px; }
.listen_child .controls input[type="text"] { width: 334px; height: 37px; margin-bottom: 30px; border-radius: 100px; text-align: center; line-height: 20px; }
.listen_child .controls .help { width: 28px; height: 31px; position: absolute; top: 4px; left: -37px; background: url('images2/help.png') center center no-repeat; cursor: pointer; }
.listen_child .controls .audio { width: 28px; height: 25px; position: absolute; top: 4px; right: -40px; background: url('images2/sound.png?v=2') 0px 0px no-repeat; cursor: pointer; }
.listen_child .controls .audio:hover { background-position: 0px -25px; }

/* HOME */
#home_header { position: relative; background-color: #fff; }
#home_header .owl-dots { width: 960px; margin: 0 auto; position:relative; padding-top: 14px; text-align: center; }
#home_header .owl-wrapper-outer { background-color: #000; }
#home_header .owl-nav .owl-prev { display: none; position: absolute; width: 40px; height: 93px; left: -80px; top: -315px; background: url('images2/arrows.png') 0px 0px no-repeat; }
#home_header .owl-nav .owl-next { display: none; position: absolute; width: 40px; height: 93px; right: -80px; top: -315px; background: url('images2/arrows.png') -40px 0px no-repeat; }
#home_header .buttons { position: absolute; left: 0px; right: 0px; bottom: 60px; padding-left: 334px; text-align: center; }

#home_body { font-size: 17px; background-color: #fff; }
#home_body section { padding: 40px 0px; border-top: 1px #CACACA solid; position: relative; }
#home_body section:first-child { border-top: none; }
#home_body section:after { content: ''; display: block; clear: both; }
#home_body h1,
#home_body h2 { font-weight: 500; font-size: 26px; padding-bottom: 18px; margin-left: 20px; }
#home_body .text {  padding-bottom: 20px; margin-left: 20px; line-height: 22px; }
#home_body .right { float: right; margin-right: 42px; }
#home_body .owl-dots { position: absolute; left: 0px; right: 0px; bottom: 20px; text-align: center; }

#home_body .section_1 { padding-top: 20px; }
#home_body .section_1 .items .item { display: inline-block; margin-left: 25px; text-align: center; }
#home_body .section_1 .items .item:first-child { margin-left: 0px; }

#home_body .section_3 img { float: left; padding-right: 38px; }

#home_body .section_4 { padding-bottom: 26px; }
#home_body .section_4 .image { margin-bottom: 20px; }

#home_body .section_5 { padding-top: 55px; padding-bottom: 26px; }
#home_body .section_5 .bg { padding: 26px 0px 26px 264px; margin-bottom: 20px; background-color: #CBCBCB; position: relative; font-size: 20px; }
#home_body .section_5 .bg img { position: absolute; left: 11px; top: -47px; }

#home_body .section_6 {padding-bottom: 8px; }
#home_body .section_6>img { margin-bottom: 28px; }
#home_body .section_6 .text a { display: inline-block; margin-right: 18px; }

#home_body .section_7 { padding-bottom: 12px; }
#home_body .section_7 .owl-carousel { margin-bottom: 18px; }

#home_body .section_8 .block { padding-top: 214px; position: relative; background: url('images2/section_8.jpg') center top no-repeat; }
#home_body .section_8 .sticker { position: absolute; left: 24px; top: 60px; }
#home_body .section_8 .listen_child {  }

/* MENU BOTTOM */
#pos_2 { background-color: #333399; font-size: 13px; }
#pos_2 .pos_center { width: 924px; padding: 88px 18px 60px 18px; }
#pos_2 #menu_bottom {  }
#pos_2 #menu_bottom .menu-bottom_1-container,
#pos_2 #menu_bottom .menu-bottom_2-container,
#pos_2 #menu_bottom .menu-bottom_3-container,
#pos_2 #menu_bottom .menu-bottom_4-container { display: inline-block; vertical-align: top; }
#pos_2 #menu_bottom .menu-bottom_2-container { padding-left: 88px;}
#pos_2 #menu_bottom .menu-bottom_3-container { padding-left: 120px;}
#pos_2 #menu_bottom .menu-bottom_4-container { padding-left: 100px;}
#pos_2 #menu_bottom ul li { margin-bottom: 16px; }
#pos_2 #menu_bottom ul li:first-child { margin-bottom: 28px; }
#pos_2 #menu_bottom ul li:first-child a { text-decoration: underline; }
#pos_2 #menu_bottom ul a { color: #fff;}
#pos_2 #menu_bottom ul a:hover { text-decoration: underline; }

/* FOOTER */
#pos_3 { background-color: #ff3366; font-size: 13px; color: #fff; }
#pos_3 .pos_center { width: 924px; height: 70px; padding: 0px 18px;  }
#pos_3 .social { float: left; margin-top: 16px; }
#pos_3 .social a { display: inline-block; margin-right: 18px; }
#pos_3 .copyright { float: right; margin-top: 30px; }
#pos_3 .copyright a { color: #fff; }
#pos_3 .copyright a:hover { text-decoration: underline; }
#pos_3 .counter { display: none;}

/* TWO COLUMNS */
.column_left,
.column_right { display: inline-block; vertical-align: top; }
.column_left { width: 680px; margin-right: 20px; }
.column_right { width: 220px; }

/* WIDGETS RIGHT */
#widgets_right { }
#widgets_right .widgets_right { }
#widgets_right .button { font-size: 16px; width: 188px; height: auto; line-height: normal; display: inline-block; height: 25px; background: #4372e4; color: #fff; border: 2px #3e65ca solid; text-align: center; padding-top: 3px; border-radius: 4px; text-decoration: none; cursor: pointer;}

#widgets_right .button.gray { border-color: #E6E6E6; background: #f6f6f6;  color: #757575; }

/* WIDGET PROFILE */
.widget_sk_profile_widget .widget_profile { font-size: 16px; background: url('images/widget_profile_bg.png') center top no-repeat; width: 216px; height: 106px; position: relative; text-align: center; }
.widget_sk_profile_widget .widget_profile_text { padding: 18px 12px 11px 12px; text-align: left; color: #6D6D6D; line-height: 16px; }
.widget_sk_profile_widget .widget_profile_count { text-align: right; font-weight: bold; color: #B2101C; margin-top: -8px; float: right; }


/* Content
-------------------------------------------------------------- */

.content { width: 1106px; max-width: 100%; min-height: 500px; font-size:17px; line-height: 22px; padding: 20px 15px 70px 15px; position: relative; background-color: #fff;}
.content .entry-header {  }

/* Images */
.content .alignleft { float: left; margin: 0 20px 20px 0;}
.content .alignright { float: right; margin: 0 0 20px 20px;}
.content .aligncenter { display: block; margin-left: auto; margin-right: auto;}

/*base size*/
.content h1 {font-size:1.5em;margin:0 0 1.0em;}
.content h2 {font-size:1.4em;margin:0 0 0.6em;}
.content h3 {font-size:1.3em;margin:1.5em 0 0.55em;}
.content h4 {font-size:1.2em;margin:1.2em 0 0.5em;}
.content h5 {font-size:1.1em;margin:1em 0 0.5em;}
.content h6 {font-size:1em;margin:1em 0 0.5em;}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 { font-weight: 500; line-height: normal; }

.content h1 a,
.content h2 a,
.content h3 a,
.content h4 a,
.content h5 a {text-decoration: none; color: #ff3366; }

.content h1 a:hover,
.content h2 a:hover,
.content h3 a:hover,
.content h4 a:hover,
.content h5 a:hover {text-decoration: underline}

/*hr*/
.content hr{background-color: #CCC;border: 0;height: 1px;margin: 24px;margin-bottom: 1.714285714rem;}

/*list*/
.content ul,
.content ol {margin-left:1.5em;margin-bottom:1em; list-style: disc;}
.content ol ol{margin-left: 1.5em;}
.content ul > li{list-style:outside;}
.content ol > li{list-style-type:decimal;}
.content dt{font-weight:bold;}

/*dt,dl,dd*/
.content dl dt{margin-bottom:0.25em;font-weight:bold;}
.content dl dd{padding-left:4em;margin-bottom:0.25em;}

/*table )*/
.content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	font-size: 0.9rem;
	line-height: 1.5;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}

.content table thead{
    text-align: left;
}

.content table thead th{
    border-top: 2px solid #ededed;
	padding: 20px 18px 20px 0;
    vertical-align: middle;
    text-align: left;
}

.content table tbody td{
    vertical-align: top;
}

.content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.content td {
	border-top: 1px solid #ededed;
	padding: 20px 18px 20px 0;
}

/*margin & padding*/
.content blockquote p:first-child{margin:1em 0;}
.content p, .content dl, .content pre, .content blockquote, .content address, .content form, .content table {margin-bottom:1.0em;}
.content p { text-indent:0; }
.content caption{padding:0.5em 0;}
.content blockquote{padding:0 1em;margin:1.8em 0;}

/*link*/
.content a{text-decoration:underline;color:#3B65CC;}
.content a:hover{text-decoration:none;}

/*code, pre*/
.content pre {margin: 0.5em 0;padding: 0.5em 0 0.5em 1em;border: 1px dotted #aab4be;border-left: 1.8em solid #b4b4b4;background: #fafafa;font-size: 90%;color: #2E8B57;white-space: pre-wrap;}
.content code {word-spacing: -2px;color: #D64514;}

/*image*/
.content img, .content img.alignImageLeft, .content img.alignImageRight{}
.content a:hover img {}
.content img[align="left"], .content img.alignImageLeft{float:left;margin:0 1em 0.5em 0;}
.content img[align="right"], .content img.alignImageRight{float:right;margin:0 0 0.5em 1em;}

/*quote*/
.content blockquote{border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#666;font-style:italic;}
blockquote *:before {content: "\201C";}
blockquote *:after {content: "\201D";}
q:before {content: "\00AB";}
q:after {content: "\00BB";}

/*form & control*/
.content legend, .content fieldset, .content input,.content textarea,.content select {border-radius: 3px;}
.content fieldset{padding:1em;margin:1.8em 0;}
.content legend{padding:0.2em 0.5em; border: 1px solid #ccc; margin: 0.5em 0;white-space:normal;}
.content legend+*{margin-top:1em;}
.content form .row{margin-bottom: 0.75em;}
.content form input[type="radio"], .content form input[type="checkbox"] {float:left;}
.content form label {display: block; margin-bottom: 0.2em;}

/*form button*/
.content input[type="text"], .content input[type="number"], .content input[type="password"], .content select, .content textarea {
    padding: 4px;
    margin-bottom: 0.8em;
    min-width: 200px;
    border: 1px solid #d2d2d2;
    border-top-color: #aeaeae;
    background-color: #fcfcfc;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.04);
    color: #777;
    vertical-align: top;
}
.content input[type="text"]:focus, .content input[type="number"]:focus, .content input[type="password"]:focus, .content select:focus, .content textarea:focus {
    outline: none;
    color: #000;
    border-color: #b9b9b9;
    border-top-color: #919191;
    background-color: #fff;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.12);
}
.content input[type="number"] { min-width: 35px; height: 18px; }

/*
.content input[type="button"],
.content input[type="reset"],
.content input[type="submit"],
.content .button { height: auto; line-height: normal; padding: 8px 26px; display: inline-block; text-decoration: none; border-radius: 100px; text-align: center; font-size: 17px; position: relative;  }
.content .button.red,
.content .button.blue { border: 1px #ff3366 solid; background-color: #ff3366; color: #fff; }
.content .button.red:hover,
.content .button.blue:hover { background-color: #fff; color: #ff3366; }
.content .button.gray { border: 1px #666666 solid; background: none; color: #606060; }
.content .button.gray:hover { background-color: #666666; color: #fff; }
.content .button.del { background: url('images/button_delete.png') no-repeat; text-indent: -9999px; border: none; width: 16px; height: 16px; padding: 0; margin: 3px; min-width: 16px; }
.content .btn_audio { display: inline-block; width: 28px; height: 25px; background: url('images2/sound.png?v=2') 0px -25px no-repeat; cursor: pointer; margin-left: 20px; }
*/

.content button:not(.table-basket__delete),
.content input[type="button"],
.content input[type="reset"],
.content input[type="submit"],
.content .button { word-break: auto-phrase; text-align: center; min-width: 84px; line-height: 35px; vertical-align: top; background: #4372e4; color: #fff; border: 2px #3e65ca solid;  font-size: 16px; display: inline-block; padding: 14px 20px 14px 20px; border-radius: 4px; text-decoration: none; cursor: pointer; position: relative;}

.content .button.del { background: url('images/button_delete.png') no-repeat; text-indent: -9999px; border: none; width: 16px; height: 16px; padding: 0; margin: 3px; min-width: 16px; }
.content .button.blue { border-color: #3e65ca; background: #4372e4; color: #fff; }
.content .button.red { border-color: #c00000; background: url('images/button_bg.png'); color: #fff; }
/*.content .button.gray { border-color: #E6E6E6; background: #f6f6f6;  color: #757575; }*/
.content .button.purple { border-color: #6b799c; background: #7887b0;  color: #fff; }

.content .button.profile { width: 300px; }
.content .button.profile span { position: absolute; display: block; left: 0px; top: 45px; right: 0px; color: #FFFFFF; font-size: 10px; line-height: 12px; }

/*form validate error*/
.content input:invalid,.content textarea:invalid,.content input.error,.content textarea.error,.content legend.error,
.content select.error{
    background-color: #f0dddd!important;
    border:1px solid #ffb4b4!important;
    color:#000!important;
}
.content input:invalid:focus,.content textarea:invalid:focus,.content input.error:focus,.content textarea.error:focus,
.content legend.error:focus,.content select.error:focus {
    background-color: #fff!important;
}

/* =Other
-------------------------------------------------------------- */

.content .navigation { padding-top: 10px;}
.content .navigation:after { content: ''; display: block; clear: both; }
.content .navigation h1 { display: none; }
.content .nav-previous { float: left; }
.content .nav-next { float: right; }
.content .nav-single { padding-bottom: 20px;}

.content .more-link { font-weight: bold; padding-left: 10px; }

.content .entry-content {  }
.content .entry-content:after { content: ''; display: block; clear: both;  }

.content article {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/* =Comments
-------------------------------------------------------------- */
.content .comment-form:after { content: ''; display: block; clear: both; }
.content .comment-form-comment { float: left; margin-right: 40px; }

.content .comment-respond {  }
.content ol.commentlist { margin-left: 0; padding-left: 0;}

.content .comments-title {
}
.content .comments-area article {
	margin: 20px 0;
}
.content .comments-area article header {
	margin: 0 0 4px;
	overflow: hidden;
	position: relative;
}
.content .comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}

.content .comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}

.content .comments-area .comment.byuser { padding-left: 40px; }

.content .comments-area cite b {
	font-weight: 500;
}
.content .comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
.content .comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.content .comments-area article header a:hover {
	color: #21759b;
}
.content .comments-area article header cite a {
	color: #444;
}
.content .comments-area article header cite a:hover {
	text-decoration: underline;
}
.content .comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.content .comments-area .bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
.content .comments-area .bypostauthor cite b {
	font-weight: bold;
}
.content a.comment-reply-link,
.content a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.content a.comment-reply-link:hover,
.content a.comment-edit-link:hover {
	color: #21759b;
}
.content .commentlist { font-size: 16px; }
.content .commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.content .comments-area cite span{ display: none;}
.content .comment-awaiting-moderation { color: #f00;}

.content li.comment { list-style: none; }

/* BREADCRUMBS */
.content .breadcrumbs { padding-bottom: 12px; color: #ff3366; font-size: 13px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.content .breadcrumbs a { color: #ff3366; text-decoration: none;}
.content .breadcrumbs a:hover { text-decoration: underline;}

/* MINI IMAGE */
.content .wp-post-image { margin: 0px 5px 5px 0;}

/* ACTION */
/*
<div class="action attention">
<p><b>Бесплатная доставка</b> при заказе до 20 октября<br />
 доставка DVD-комплектов Почтой России за наш счёт.</p>
<a href="/">подробнее</a></div>
*/
.content .action { margin-bottom: 35px; font-size: 19px; position: relative; }
.content .action { padding: 14px 20px 30px 245px; background: #c31c27 url('images/action_text.png') 34px center no-repeat; border: 2px #892828 solid;  border-radius: 15px; }
.content .action p { margin: 0; padding: 0; display: inline-block; color: #fff; }
.content .action b { font-size: 25px; color: #fffa70; }
.content .action a { display: block; right: 4px; bottom: 4px; position: absolute; text-decoration: none; color: #6bfffd; }

.content .attention { margin-bottom: 35px; width: 865px; height: 83px; background: url('images/attention_text.png') no-repeat; }

/* PRODUCTS */
.product_item { height: 260px; margin-bottom: 36px; border: 1px #999 solid; border-radius: 12px; overflow: hidden; }
.product_item .block_0,
.product_item .block_1,
.product_item .block_2 { display: inline-block; vertical-align: top; }
.product_item .block_0 { padding: 14px 31px 0px 16px; text-align: center; }
.product_item .block_0 a { display: inline-block; text-decoration: none; }
.product_item .block_0 img { border-radius: 10px; }
.product_item .block_1 { width: 350px; height: 228px; padding-top: 32px; border-right: 18px #6699ff solid; }
.product_item .block_1 .title { padding-bottom: 26px; font-weight: 500; font-size: 24px; }
.product_item .block_1 .title2 { height: 76px; }
.product_item .block_1 .text { font-size: 13px; line-height: 16px; }
.product_item .block_2 { padding: 24px 0px 0px 28px; }
.product_item .block_2 a.btn { width: 252px; }
.product_item .block_2 a.btn.gray { font-weight: 500; }
.product_item .block_2 .link_disk,
.product_item .block_2 .link_file { padding-bottom: 12px; }
.product_item .block_2 .sublink_disk,
.product_item .block_2 .sublink_file { padding-left: 8px;  color: #999; font-size: 13px; line-height: 16px; }
.product_item .block_2 .sublink_disk { padding-bottom: 28px; }

/* ARTICLE */
article .date { margin-bottom: 17px; font-weight: bold; }

/* CATEGORY */
.subcategories { margin-top: -20px; padding-bottom: 20px; }
.subcategories a { display: inline-block; padding: 4px 10px; margin: 0px 10px 6px 0px; text-decoration: none; border: 1px #3e65ca solid; border-radius: 4px; color: #3e65ca; }
.subcategories a:hover { background-color: #3e65ca; color: #fff; }

.category .post_items {  }
.category .post_item { display: inline-block; vertical-align: top; }

.category.category_news .post_item { display: block; padding-bottom: 20px; }
.category.category_news .post_item .title { margin-bottom: 14px; font-size: 22px; line-height: normal;}
.category.category_news .post_item .date { margin-bottom: 14px; font-weight: bold; }
.category.category_news .post_item .text { line-height: normal; }

.category.category_blog .post_item {  }
.category.category_blog .post_item a { width: 246px; height: 250px; padding: 10px; margin: 0px 10px 10px 0px; vertical-align: top; display: inline-block; border: 1px #3e65ca solid; border-radius: 4px; text-decoration: none; }
.category.category_blog .post_item a:hover { background-color: #d6e2ff; }
.category.category_blog .post_item .sub_cat { max-width: 222px; display: inline-block; padding: 4px 10px; margin-bottom: 6px; text-decoration: none; border: 1px #3e65ca solid; border-radius: 4px; color: #3e65ca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.category.category_blog .post_item img { width: 246px; height: 130px; margin: 0px 0px 8px 0px; }
.category.category_blog .post_item .title { height: 62px; overflow: hidden; }


html {min-width: 1px;background:#fff}

#header {
  margin-top: 62px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover!important;
}

.entry-title {
  font-family: 'Thwack', sans-serif;
  line-height: 1.3!important;
  font-size: 30px;
  color: #3655fd;
  letter-spacing: 1px;
}

.content {-webkit-box-sizing: border-box;box-sizing: border-box; max-width: 100%;}
.content .breadcrumbs, .breadcrumbs{color: #5663af; font-weight: 400;font-family: 'GothamPro',sans-serif;}
.content .breadcrumbs a, .breadcrumbs a{color: #5663af}
.content img{max-width: 100%}
.content .button.red {background: -webkit-gradient(linear, left top, left bottom, from(#bc0c18), to(#830413));background: -o-linear-gradient(#bc0c18, #830413);background: linear-gradient(#bc0c18, #830413);}

.listen_child {
  padding-bottom: 0;
}


.listen_child:after {
  content: '';
  display: table;
  width: 100%;
  clear: both;
}

.listen_child .text_1 {
  line-height: 1.2;
}

.listen_child .text_2 {
    padding-left: 0;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

.listen_child .text_2 ul {
    margin-bottom: 0;
}

.listen_child .controls {
  width: 334px;
  max-width: 100%;
  position: relative;
  display: inline-block;
  /* margin-top: 30px; */
  top: auto;
  right: auto;
  padding-bottom: 50px;
}

.listen_child .controls input[type="text"],
.listen_child .controls .btn {
  min-height: 42px;
  width: 100%!important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.listen_child .controls .btn {
  line-height: 1;
  display: -ms-flex!important;
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.listen_child .controls .audio {
  top: 8px;
}


.comment-form textarea {
    display: block;
    width: 447px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.comment-form .comment-form-author {
    display: inline-block;
}

.content .comment-form .cptch_input {
  min-width: 1px;
}

.content img {
  height: auto !important;
}


.names-list {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.names-list__item {
  width: 290px;
  min-width: 290px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 15px;
  margin-bottom: 40px;
}

.names-list select {
  height: 300px;
}

.names-list .button {
  margin-top: 15px;
}




@media (max-width: 992px) {
  #header {
    margin-top: 50px;
  }
}

@media (max-width: 768px) {
  #header {
    height: 100px;
  }

  .hero2__container {
    background-position: 90% 0;
  }

  .entry-title {
    font-size: 23px!important;
  }

  .content {
    padding-bottom: 45px
  }

  .listen_child {
    padding-left: 30px;
    padding-right: 56px;
  }

  .listen_child .text_1, .listen_child .text_2 {
    margin-bottom: 30px;
    margin-right: 0;
  }

  .listen_child .text_2 {
    margin-left: 0;
    margin-right: -26px;
  }

  .listen_child .controls input[type="text"] {
    margin-bottom: 20px;
  }

  .comment-form .comment-form-comment {
      float: none;
      margin-right: 0;
  }

  .comment-form input {
    width: 260px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .names-list select {
    height: 200px;
  }
}


@media (max-width: 640px) {
  .names-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}


@media (max-width: 480px) {

  .listen_child {
    padding-left: 15px;
    padding-top: 20px;
  }

  .listen_child .controls {
    padding-bottom: 40px;
  }
}