
body {
	background: #E6E6E6 url(../images/gfx/bg_1.jpg) center top no-repeat;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.37em;
	color: #111;
}

a, .blue {
	color: #2A4576;
	text-decoration: none;
}
a:hover {
	color: #3F70C8;
}
.red {color: red}

/* Spacing */
p,
ul,
ol {
	padding-top: 10px;
	padding-bottom: 10px;
}
p + ul,
p + ol {
	padding-top: 0;
}

* + h2,
* + h3,
* + h4 {
	padding-top: 15px;
}

/* Align */
.align-left   {text-align: left}
.align-right  {text-align: right}
.align-center {text-align: center}

.pull-left {
	margin: 10px;
	margin-left: 0;
	float: left;
}
.pull-right {
	margin: 10px;
	margin-right: 0;
	float: right;
}
.pull-center {
	display: block;
	margin: 10px auto;
}


/* Headers */
h1, h2, h3, h4 {

}
h1, .h1 {
	font-size: 26px;
}
h2, .h2 {
	font-size: 24px;
	padding: 20px 0;
	line-height: 1.1em;
}
h3, .h3 {
	font-size: 15px;
	padding: 10px 0;
	line-height: 1.3em;
}
h4, .h4 {
	font-size: 16px;
	padding: 10px 0;
}

/* Lists */
ul {
	list-style: none;
	margin-left: 15px;
}
ul li {
	padding: 1px 0 1px 10px;
	background: url(../images/gfx/dot.png) no-repeat 0 7px;
}
ol {
	margin-left: 35px;
}
ol li {
	padding: 1px 0 1px 0;
}
nav ul,
nav li,
.unstyled,
.unstyled li {
	background: none;
	margin: 0;
	padding: 0;
	list-style: none;
}


/*  Table  */
table {
	margin: 10px auto;
}
	table td,
	table th {
		border: 1px solid #EEE;
		padding: 5px 8px;
	}
	table th {
		font-weight: bold;
	}


/*   Form   */
form {}
	label {
		display: block;
		clear: both;
		padding: 3px 0;
	}
	label > b {
		display: inline-block;
		font-weight: normal;
		font-size: 13px;
		padding-top: 3px;
	}
	label > b:first-child {
		padding-right: 5px;
		min-width: 130px;
		text-align: right;
		padding-top: 5px;
	}
	form .indent {
		padding-left: 100px;
	}
	form .indent > b {
		font-weight: normal;
		display: block;
		padding: 5px 0 0 4px;
	}
	label b small {
		display: block;
		color: #aaa;
	}

	.ie7 label b {zoom: 1}

form[data-ajax] {
	position: relative;
}
	form[data-ajax] .form-loading {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fff url(../images/gfx/loading.png) no-repeat center center;
	}


input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	border: 1px solid #CCC;
	background-color: #FFF;
	background-image: -webkit-linear-gradient(top, #FAFAFA, #FFFFFF); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #FAFAFA, #FFFFFF); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #FAFAFA, #FFFFFF); /* IE10 */
	background-image:      -o-linear-gradient(top, #FAFAFA, #FFFFFF); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #FAFAFA, #FFFFFF);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FAFAFA', EndColorStr='#FFFFFF'); /* IE6–IE9 */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; 
	border-radius: 2px; 
	-webkit-box-shadow: inset 0 1px 0 0 #FFF;
	-moz-box-shadow: inset 0 1px 0 0 #FFF;
	box-shadow: inset 0 1px 0 0 #FFF;
	width: 220px;
	padding: 5px;
	display: inline-block;
	vertical-align: middle;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
textarea {
	width: 340px;
	height: 90px;
	vertical-align: top;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
	border-color: #AAA;
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}

input[type=text].invalid,
input[type=email].invalid,
input[type=url].invalid,
input[type=password].invalid,
textarea.invalid {
	border-color: #D47171;
}

.btn,
input[type=submit],
input[type=button],
button,
.button {
	border: 1px solid #1A2841;
	line-height: 27px;
	background: #F5F5F5 url(../images/gfx/btn.png) center 0;
	color: #fff;
	padding: 0px 13px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	display: inline-block;
	font-weight: 700;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.button {
	display: inline-block;
}
.btn:hover,
input[type=submit]:hover,
input[type=button]:hover,
button:hover,
.button:hover {
	border-color: #193973;
	color: #fff;
}

.btn.btn-orange,
input[type=submit].btn-orange,
input[type=button].btn-orange,
button.btn-orange,
.button.btn-orange {
	border-color: #74092F;
	background-position: center -27px;
}

select {
	min-width: 150px;
	padding: 3px 5px;
}

.w100 {
	width: 100%;
	padding: 0;
}

/*
 * Container
 */
.container {
	position: relative;
	width: 940px;
	margin: 15px auto 0;
	padding: 0;
	background: #fff;
}

/*
 * Main
 */
.main {
	overflow: hidden;
	background: url(../images/gfx/main_bg.png) 0 0 repeat-y;
}

/*
 * Top
 */
.top {
	height: 300px;
	position: relative;
	background: url(../images/gfx/top.jpg) center bottom no-repeat;
}
	.logo {
		display: block;
		text-align: center;

		padding-top: 130px;
		position: absolute;
		right: 0;
		bottom: 20px;
	}
	.logo a,
	.logo img {
		display: block;
		margin: 0 auto;
	}
	.top p {
		color: #fff;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
		font-style: italic;
		position: absolute;
		bottom: 0px;
		left: 27px;
		display: none;
	}


/*
 * Nav
 */
.nav {
	overflow: hidden;
	clear: both;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 940px;
	text-align: right;
}
	.nav li {
		display: inline-block;
		*display: inline;
		zoom: 1;;
	}
	.nav a {
		padding: 0px 30px;
		line-height: 60px;
		display: block;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 13px;
		color: #111;
	}
	.nav a:hover {
		color: #2351A1;
		background: #f9f9f9;
	}



/*
 * Categories
 */
.categories {
	margin-bottom: 10px;
}
	.categories a {
		display: block;
		text-decoration: none;
		font-size: 12px;
		padding: 3px 0;
		font-weight: 700;
		line-height: 16px;
		border-top: 1px solid #ECEDEF;
		border-bottom: 1px solid #F9F9F9;
		background: url(../images/gfx/dot.png) 0 8px no-repeat;
		padding-left: 12px;
	}
	.categories ul {
		padding-left: 10px;
		padding-bottom: 5px;
		display: none;
	}
	.categories ul ul {
		margin-left: 9px;
	}
	.categories ul a {
		font-size: 12px;
		padding: 2px;
	}
	.categories li.open > a {
		font-weight: bold;
	}
	.categories ul li.active > a {
		font-weight: bold;
	}


/*
 * Left
 */
.left-block {
	width: 217px;
	float: left;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-right: 30px;
}

/*
 * Right
 */
.right-block {
	width: 180px;
	float: right;
	padding-left: 20px;
}

/*
 * Content
 */
.content {
	overflow: hidden;
	padding-right: 17px;
}
	.content img {
		border: 1px solid #E1E1E1;
		max-width: 100%;
	}
	.content a:hover img {
		border-color: #AFAFAF;
	}


.product-box {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 303px;
	padding: 3px 10px 5px;
	background: #FAFAFA;
	margin: 5px 3px;
	vertical-align: top;
	border: 1px solid #E7E7E7;
	min-height: 100px;
	padding-bottom: 30px;
	position: relative;
}
	.product-box  a {
		color: #8B0F1A;
	}
	.product-box  a:hover {
		color: #C60F1F;
	}
	.product-box a:first:child {
		width: 120px;
		float: left;
		min-height: 97px;
		text-align: center;
	}
	.product-box  a + p {
		float: right;
		width: 175px;
		padding-top: 0;
		padding: 10px 0;
		font-size: 12px;
	}

	.product-box p a {
		font-weight: 700;
		
		
	}

	.product-box p.clear {
		padding: 5px 0;
	}
		.price strong {
			color: #F50606;
			font-size: 18px;
		}
		 .price {
			display: inline-block;
			width: 125px;
			text-align: center;
			position: absolute;
			left: 10px;
			bottom: 10px;
		}
		.product-box p.clear .btn {
			padding: 0;
			width: 170px;
			position: absolute;
			right: 10px;
			bottom: 10px;
			color: #fff;
		}
	



/*
 * Classes
 */
.breadcrumbs {
	border: 1px solid #EEE;
	padding: 5px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	.breadcrumbs b {
		font-size: 18px;
		font-weight: bold;
		display: inline-block;
		vertical-align: middle;
		color: #CCC;
		margin-top: -2px;
		padding: 0 2px;
	}
	.breadcrumbs a,
	.breadcrumbs span {
		display: inline-block;
		vertical-align: middle;
		text-decoration: none;
	}

.rr {
	display: inline-block;
	vertical-align: top;
}

.buttons {
	border-top: 1px solid #EEE;
	margin: 10px 0 0 0;
	padding: 10px 0;
	text-align: center;
}

/* Items */
.items {
	margin: 0;
	clear: both;
	text-align: center;
}
	.items li {
		vertical-align: top;
		display: inline-block;
		background: none;
		margin: 0;
		padding: 5px 0 10px;
	}
	.items.items-col-3 li {
		width: 32.5%;
	}
	.items.items-col-4 li {
		width: 25%;
	}
	.items.items-col-5 li {
		width: 20%;
	}
	.items a {
		text-decoration: none;
	}
	.items i {
		display: block;
		height: 140px;
		line-height: 140px;
	}
	.items img {
		vertical-align: middle;
	}
	.items strong {
		display: block;
		height: 40px;
		line-height: 40px;
		font-weight: normal;
		max-width: 70%;
		margin: 0 auto;
	}
	.items span {
		display: inline-block;
		line-height: 110%;
		vertical-align: middle;
		max-height: 28px;
		padding: 3px 0;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.items b {
		font-weight: normal;
		font-size: 11px;
	}
	.items a:hover img {
		opacity: .8;
		filter:alpha(opacity=80);
	}

/* news */
.news {
	margin: 0;
	clear: both;
	padding: 0;
}
	.news li {
		background: none;
		margin: 0;
		padding: 10px 0;
		overflow: hidden;
	}
	.news img {
		float: left;
		margin: 0 10px 10px 0;
	}
	.news div {
		overflow: hidden;
	}
	.news h3 {
		padding-top: 3px;
	}
	.news time {
		display: block;
		padding: 5px 0 2px;
		font-size: 12px;
		color: #999;
	}
	.news p {
		padding-top: 0;
	}
	

/* news */
.news2 {
	margin: 0;
	clear: both;
	padding: 0;
}
	.news2 li {
		display: inline-block;
		*display: inline;
		zoom:1;
		width: 193px;
		padding: 3px 10px 10px;
		background: #F9F9F9;
		margin: 5px 4px;
		vertical-align: top;
	}
	.news2 img {
		
	}
	.news2 div {
		overflow: hidden;
	}
	.news2 h3 {
		padding-top: 5px;
		font-size: 16px;
	}
	.news2 time {
		display: block;
		padding: 5px 0 2px;
		font-size: 12px;
		color: #999;
	}
	.news2 p {
		padding-top: 0;
	}
	.news2 .btn {
		padding: 0;
		width: 193px;
	}

	

.info-box,
.alert-box,
.error-box {
	border: 1px solid;
	padding: 8px 10px;
	margin: 5px 0;
	text-align: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	.error-box,
	.error-box .close {
		border-color: #FF9494;
		background: #FFEDED;
		color: #FF2727;
	}
	.info-box,
	.info-box .close {
		border-color: #81AEFF;
		background: #E9F1FF;
		color: #1B4797;
	}
	.alert-box,
	.alert-box .close {
		border-color: #E1D042;
		background: #FFFFDE;
		color: #A99B27;
	}

	.close {
		float: right;
		width: 15px;
		height: 15px;
		line-height: 15px;
		font-size: 15px;
		text-align: center;
		margin: 0 -3px 0 5px;
	}
	.close:hover {
		font-size: 21px;
	}


.loading {
	background: url(../images/gfx/loading.png) center center no-repeat;
}



/*
 * Footer
 */
.footer {
	clear: both;
	padding: 10px;
	font-size: 11px;
	color: #666;
	width: 920px;
	margin: 0 auto;
}
	.footer .rh {
		float: right;
		color: #666;
		text-decoration: none;
	}

/* print styles  */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* Transitions Only After Page Load */
.no-js * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
}

/* Mobile */
.c-hamburger, .hamburger-shadow {
    display: none;
}
#hamburgerInput {
    display: none;
    left: -100px;
    opacity: 0;
	position: fixed;
	top: -100px;
}

@media only screen and (max-width: 1000px) {
    *, *:before, *:after {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    .container { margin-top: 0; max-width: 100%; }
    
    .top { background-size: cover; height: auto; padding: 31.91489% 0 0; }
    
    .product-box { max-width: 48%; padding-bottom: 70px; }
    .product-box p { max-width: 100%; width: auto; }
    .product-box a + p { float: none; width: auto; }
    .price { bottom: 45px; left: 0; margin: 0 auto; right: 0; }
    .product-box p.clear .btn { left: 0; margin: 0 auto; right: 0; }

    .news2 li { width: 31%; }
    
    .footer { max-width: 100%; padding: 0; }
}

@media only screen and (max-width: 800px) {
	.nofon {
        display: none;
    }
    .c-hamburger {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        border: none;
        -webkit-border-radius: none;
           -moz-border-radius: none;
                border-radius: none;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
        cursor: pointer;
        display: block;
        font-size: 0;
        height: 60px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: fixed;
        left: 0;
        text-indent: -9999px;
        top: 1px;
        -webkit-transition: all 0.4s ease-out 0s;
           -moz-transition: all 0.4s ease-out 0s;
             -o-transition: all 0.4s ease-out 0s;
                transition: all 0.4s ease-out 0s;
        width: 60px;
        z-index: 899;
    }
    .c-hamburger:focus {
        outline: none;
    }
    .c-hamburger span {
    	background: rgba(255, 255, 255, 1);
        display: block;
        height: 4px;
        left: 13px;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        position: absolute;
        right: 13px;
        top: 28px;
    }
    .c-hamburger span::before,
    .c-hamburger span::after {
    	background: rgba(255, 255, 255, 1);
        content: '';
        display: block;
        height: 4px;
        left: 0;
        position: absolute;
        width: 100%;
    }
    .c-hamburger span::before {
        top: -10px;
    }
    .c-hamburger span::after {
        bottom: -10px;
    }
    .c-hamburger--htx {
    	background: rgba(0, 0, 0, 0.25);
        -webkit-transition: all 0.4s ease-out 0s;
           -moz-transition: all 0.4s ease-out 0s;
             -o-transition: all 0.4s ease-out 0s;
                transition: all 0.4s ease-out 0s;
    }
    .c-hamburger--htx span {
        /*transition: background 0s 0.4s;*/ 
        -webkit-transition-duration: 0.4s, 0.4s;
           -moz-transition-duration: 0.4s, 0.4s;
             -o-transition-duration: 0.4s, 0.4s;
                transition-duration: 0.4s, 0.4s;
    }
    .c-hamburger--htx span::before,
    .c-hamburger--htx span::after {
        /*transition-delay: 0.4s, 0s;*/
        -webkit-transition-duration: 0.4s, 0.4s;
           -moz-transition-duration: 0.4s, 0.4s;
             -o-transition-duration: 0.4s, 0.4s;
                transition-duration: 0.4s, 0.4s;
    }
    .c-hamburger--htx span::before {
        -webkit-transition-property: top, transform;
           -moz-transition-property: top, transform;
             -o-transition-property: top, transform;
                transition-property: top, transform;
    }
    .c-hamburger--htx span::after {
        -webkit-transition-property: bottom, transform;
           -moz-transition-property: bottom, transform;
             -o-transition-property: bottom, transform;
                transition-property: bottom, transform;
    }
    /* active state, i.e. menu open */
    #hamburgerInput:checked + .c-hamburger--htx {
        left: 250px;
    }
    #hamburgerInput:checked + .c-hamburger--htx span {
        background: rgba(255, 255, 255, 0);
        /*opacity: 0;*/
    }
    #hamburgerInput:checked + .c-hamburger--htx span::before {
        top: 0;
        -webkit-transform: rotate(45deg);
           -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
             -o-transform: rotate(45deg);
                transform: rotate(45deg);
    }
    #hamburgerInput:checked + .c-hamburger--htx span::after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
           -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
             -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }
    #hamburgerInput:checked + .c-hamburger--htx span::before,
    #hamburgerInput:checked + .c-hamburger--htx span::after {
    	background: #ae0000;
        /*transition-delay: 0s, 0.4s;*/
    }
    .left-block {
    	padding: 10px;
		background: #fff;    	
        /*bottom: 0;*/
        -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
           -moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
                box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
        clear: both;
        display: block;
        float: none;
        height: 100%;
        left: -250px;
        margin-left: 0;
        margin-top: 0;
        max-width: 100%;
        overflow: hidden;
        padding: 0 10px;
        position: fixed;
        top: 0;
        -webkit-transition: all 0.4s ease-out 0s;
           -moz-transition: all 0.4s ease-out 0s;
             -o-transition: all 0.4s ease-out 0s;
                transition: all 0.4s ease-out 0s;
        width: 250px !important;
        z-index: 800;
    }
    #hamburgerInput:checked + .c-hamburger--htx + .left-block {
    	left: 0;
    	overflow: auto;
    	overflow-x: hidden;
    }
    .hamburger-shadow {
    	position: fixed;
    	top: -150px;
    	bottom: -150px;
    	background: rgba(0,0,0,0.6);
    	background: -moz-linear-gradient(left, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 74%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(left, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.4) 74%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to right, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.4) 74%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
    	left: 0;
    	width: 0;
    	opacity: 0;
    	z-index: 600;
    	display: block;
    	pointer-events: none;
        -webkit-transition: all 0.4s ease-out 0s;
           -moz-transition: all 0.4s ease-out 0s;
             -o-transition: all 0.4s ease-out 0s;
                transition: all 0.4s ease-out 0s;
    }
    #hamburgerInput:checked + .c-hamburger--htx + .left-block + .hamburger-shadow {
		width: 130%;
		pointer-events: initial;
		opacity: 1;
    }

    body { background: #E6E6E6; }
    .main { background: none; }
    .content { padding: 0 10px; }
}

@media only screen and (max-width: 600px) {
    .news2 li { width: 48%; }
}

@media only screen and (max-width: 480px) {
    .product-box { display: block; margin: 10px auto; max-width: 100%; }

    .news2 li { width: auto; }
}




.starbox {
	display: block;
	text-align: center;
}
.starbox-in {
	display: inline-block;
	font-size: 0.00001em;
}
.starbox-star {
	display: inline-block;
	padding: 10px 8px;
	font-size: 30px;
	color: #2a4576;
}
.starbox-star.active ~ .starbox-star {
	color: #ccc;
}
.starbox-star.active ~ .starbox-star.active {
	color: #2a4576;
}

.starbox-in:hover .starbox-star {
	color: #2a4576;
}
.starbox-in:hover .starbox-star:hover ~ .starbox-star {
	color: #ccc;
}

.starbox-in:hover .starbox-star:hover {
	color: #2a4576 !important;
}
.starbox-star path {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.starbox-star.active ~ .starbox-star path {
	fill: #fff;
}
.starbox-star.active ~ .starbox-star.active path,
.starbox-star.active path {
	fill: #2a4576;
}

.starbox-in:hover .starbox-star path {
	fill: #28519c;
}
.starbox-in:hover .starbox-star:hover ~ .starbox-star path {
	fill: #fff;
}

.starbox-in:hover .starbox-star:hover path {
	fill: #28519c !important;
	stroke-width: 10;
	stroke: #28519c !important;
}

.starbox-star:focus {
	-webkit-transform: scale(1.4) rotate(360deg) !important;
	-moz-transform: scale(1.4) rotate(360deg) !important;
	-o-transform: scale(1.4) rotate(360deg) !important;
	transform: scale(1.4) rotate(360deg) !important;
	-webkit-transition: all 0.8s cubic-bezier(0.55, -0.25, 0.37, 1.32);
	-moz-transition: all 0.8s cubic-bezier(0.55, -0.25, 0.37, 1.32);
	-o-transition: all 0.8s cubic-bezier(0.55, -0.25, 0.37, 1.32);
	-ms-transition: all 0.8s cubic-bezier(0.55, -0.25, 0.37, 1.32);
	transition: all 0.8s cubic-bezier(0.55, -0.25, 0.37, 1.32);
}
.starbox-star:focus path {
	fill: #28519c !important;
	stroke-width: 10;
	stroke: #28519c !important;
}

.opinBox {
	width: 100%;
	max-height: 200px;
	overflow: auto;
	/*padding: 10px;*/
	margin: 10px 0;
}
.opinBox div {
	padding: 5px;
	border-bottom: 1px solid #eee;
}
.opinBox div:first-child {
	border-top: 1px solid #eee;
}
