@font-face {
font-family: Calibri-L; /* Имя шрифта */
src: url('/fonts/CalibriL.ttf'); /* Путь к файлу со шрифтом */
}

body {margin:0;padding:0;background:#fff; width:100%; height: 100%;}
#wrapper {margin:0 auto;}

h1 {font-size: 21px;
 font-weight: bold; padding:0; margin:0;}

.blog-box {float:left; width: 720px;}
.blog-mess {}

.boxTitle2 {font-size:18px; font-weight:bold; margin-bottom:12px;}

.mtr .im {background:#FFFFFF;padding-right:15px;display:table-cell;vertical-align:top} 
.mtr .im2 {background:#FFFFFF;padding-right:15px;display:table-cell;vertical-align:top; height: 60px;} 

.mtr .inim {width:300px; max-height: 132px; overflow:hidden} 
.mtr_descr {margin:0;position:absolute;top:-9000px} 
.mtr_d2 {font-size:16px; overflow: hidden;}
.name_mtr {margin-bottom:7px;font-size:16px;font-weight:bold} 
.name_mtr2 {margin-bottom:7px;font-size:21px;font-weight:bold} 
.article_counters {margin-bottom:-5px;font-size:13px;color:#8c8c8c} 
.article_counters span {display:inline-block;margin-right:10px} 
.article_counters .dats {background:url('http://yraaa.ru/files/time.png') 0px 1px no-repeat;padding-left:20px} 
.article_counters .views {background:url('http://yraaa.ru/files/views.png') 0px 1px no-repeat;padding-left:20px} 
.article_counters .coms {background:url('http://yraaa.ru/files/comment.png') 0px 1px no-repeat;padding-left:20px} 
.article_counters .catalog {background:url('http://yraaa.ru/files/catalog.png') 0px 1px no-repeat;padding-left:20px} 
.article_counters .user {background:url('http://yraaa.ru/files/user.png') 0px 1px no-repeat;padding-left:20px}

.hleb {color:#6E6E6E; font-size:14px; padding-top:12px;}
.hleb a:link {color:#6E6E6E; text-decoration:none;}
.hleb a:active {color:#6E6E6E; text-decoration:none;}
.hleb a:visited {color:#6E6E6E; text-decoration:none;}
.hleb a:hover {color:#6E6E6E; text-decoration:underline;}
.hleb #curr {text-decoration:underline;}

/* Tiny Carousel */
#slider1 {overflow:hidden; padding: 0 0 10px; }
#slider1 .viewport {width:500px; height:350px; overflow: hidden; position: relative; margin: 0 auto;}
#slider1 .buttons {background:url('/img/arrows.png') no-repeat 0 0 transparent; display: block; background-position: 0 0px; text-indent: -999em; float: left; width:123px; height:350px; overflow: hidden; position: relative; opacity:0.3;}
#slider1 .buttons:hover {opacity:0.5}
#slider1 .next {background-position: -123px 0; margin: 0px 0 0 0px; float: right;}
#slider1 .disable {visibility: hidden; }
#slider1 .overview {list-style: none; position: absolute; padding: 0; margin: 0; width:500px; left: 0 top: 0; }
#slider1 .overview li {float: left; margin: 0 20px 0 0; width:500px; height:350px;}
#slider1 .overview img {width:500px; height:350px;}

.slider-mini-blog {width:500px; margin:0 auto; margin-top:5px;}
.slider-mini-blog img {width:45px; flaot:left; margin-right:5px;}

input[type=button], input[type=reset] {background:#3e8fc7; padding:4px 6px; border:0; color:#fff; text-align:center; font-size:15px;}
input[type=button]:hover, input[type=reset]:hover {background:#fc4923; padding:4px 6px; border:0; color:#fff; text-align:center; font-size:15px; cursor:pointer;}


#uEntriesList {margin: 0; padding: 0; list-style: none; border-collapse: collapse;}
#uEntriesList:before, #uEntriesList:after {content: "";display: table;}
#uEntriesList:after {clear: left;}
#uEntriesList {zoom: 1;}
#uEntriesList .uEntryWrap {width: 33.33%; text-align: center; vertical-align: top; display: inline-block; *display: inline; *zoom: 1;}
#uEntriesList .entryBlock {text-align: left; display: inline-block; *display: inline; *zoom: 1;}
.u-comboeditimg {height: 16px !important; line-height: normal !important; background: none !important; color: #333 !important;}
.fileinput input {line-height: normal; height: 30px !important;}
.allEntriesTable {margin-left: -15px !important; margin-right: -15px !important;}
.allEntriesTable li.phtTdMain {width: 100% !important; padding: 0 15px 30px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.allEntriesTable li.phtTdMain .entryBlock {width: 100%;}

.photo-entry {position: relative; overflow: hidden;}
.photo-entry img {width: 100%; filter: none; -o-filter:none; -ms-filter:none; -moz-filter:none; -webkit-filter:none; opacity: 1; transition:All 0.2939s ease-in-out; -webkit-transition:All 0.2939s ease-in-out; -moz-transition:All 0.2939s ease-in-out; -o-transition:All 0.2939s ease-in-out;}
.photo-entry:hover img {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); filter: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22blur%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E#blur"); filter:blur(3px); -o-filter:blur(3px); -ms-filter:blur(3px); -moz-filter:blur(3px); -webkit-filter:blur(3px); opacity: 0.5;}
.photo-entry-icon {margin: -27px 0 0 -56px; padding: 0; list-style: none; position: absolute; width: 114px; left: 50%; opacity: 0; visibility: hidden; z-index: 9; line-height: 50px; height: 50px; top: 50%; text-align: center;}
.photo-entry-icon li {display: block; margin: 0 1px; float: left;}
.photo-entry-icon li a {position: relative; display: block; width: 55px; height: 55px; line-height: 55px; color: #56A0CC; font-size: 14pt;}
.photo-entry-icon li.l a {-webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;}
.photo-entry-icon li.r a {-webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;}
.photo-entry-icon li a:hover {}
.photo-entry-icon li span {opacity: 0; visibility: hidden; line-height: 12px; font-size: 8pt; width: 55px; left: 50%; margin-left: -27px; position: absolute; bottom: -30px; text-align: center; color: rgba(255,255,255,0.5);}
.photo-entry-icon, .photo-entry-icon li, .photo-entry-icon li span {transition:All 0.3619s ease; -webkit-transition:All 0.3619s ease; -moz-transition:All 0.3619s ease; -o-transition:All 0.3619s ease;}
.photo-entry:hover .photo-entry-icon li {transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px);}
.photo-entry-icon li.l {background:url('/img/search.png') no-repeat; width:55px; height:55px; transform: translate(-10px, 0px); -webkit-transform: translate(-10px, 0px); -moz-transform: translate(-10px, 0px); -o-transform: translate(-10px, 0px); -ms-transform: translate(-10px, 0px); border-radius:5px; opacity:0.6;}
.photo-entry-icon li.r {background:url('/img/fulls.png') no-repeat; width:55px; height:55px; transform: translate(10px, 0px); -webkit-transform: translate(10px, 0px); -moz-transform: translate(10px, 0px); -o-transform: translate(10px, 0px); -ms-transform: translate(10px, 0px); border-radius:5px; opacity:0.6;}
.photo-entry-icon li.l:hover, .photo-entry-icon li.r:hover {opacity:1;}
.photo-entry:hover .photo-entry-icon, .photo-entry-icon li a:hover span {opacity: 1; visibility: visible;}
.photo-main {overflow: hidden; text-align: center;}

.photo-main i { opacity: 0; visibility: hidden; position: absolute; width: 120px; height: 120px; line-height: 120px; margin: -60px 0 0 -60px; left: 50%; top: 50%; text-align: center; color: #fff; font-size: 28pt; background: rgba(0,0,0,0.6); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index: 2; transition:All 0.3619s ease; -webkit-transition:All 0.3619s ease; -moz-transition:All 0.3619s ease; -o-transition:All 0.3619s ease;}
.photo-main:hover i {opacity: 1; visibility: visible;}

.vrazdel {background:url('/img/v-razdel.jpg') no-repeat; width:162px; height:31px; color:#fff; float:left; padding-left: 17px; padding-top: 7px; margin-top:10px; margin-bottom: 20px;}
.vrazdel:hover {background:url('/img/v-razdel-h.jpg') no-repeat; width:162px; height:31px; color:#fff; float:left; padding-left: 17px; padding-top: 7px; cursor:pointer;}


.last-news {width:300px; margin-bottom:33px;}
.ln-img img {width: 300px; height: 150px; z-index: 1; border-radius: 3px;}
.ln-img a {margin-top: 20px; margin-left: 20px; padding: 0 15px; line-height: 30px; background: rgba(0, 0, 0, 0.7); z-index: 3; position: absolute; text-decoration: none !important; color: #fff !important; border-radius: 3px;}
.ln-title {color:#2185c5; padding:0px 0; line-height: 0px;}
.ln-comm {font-size:16px; color:#989898; padding-bottom:7px;}
.ln-mess {font-size:16px;}
.ln-dalee {display: inline-block; line-height: 40px; text-decoration: none !important; padding: 0 15px; border-radius: 3px; background:#e8e8e8; color:#232323 !important; margin:10px 0 12px 0; transition: all .3s ease;}
.ln-dalee:hover {background:#fc4923; color:#fff !important}

.last-news-g {float:left; width:300px; margin-right:80px;}
.last-news-g:nth-child(4n) {float:left; width:300px; margin-right:0px !important;}


.akcii {color:#fff; margin-bottom:17px;}
.akcii:hover {text-decoration: underline}
.akcii img {width:220px;}
.akcii-mess {padding-top:5px;}

.infAkcii {float:left; width:220px;}
.infAtitle {background:#fc4923; width:220px; line-height:40px; margin-bottom:12px; text-align:center; color:#fff;}

@media (max-width:1920px) and (min-width:1200px) {
#contentBlock {width:100%; max-width:1060px; margin:0 auto;}
.head {z-index:998}
.header {background:#fff; min-height:97px; z-index:999}

.logo {background:url('/img/logo.jpg') no-repeat; width:202px; height:83px; float:left; margin-top:6px;}

.slogan {float:left; margin-left:14.4%; color:#2c2c2c; font-size:16px; text-transform:uppercase; list-style:none; text-align:center; padding-top: 30px;}

.phone-ico {background:url('/img/phone-ico.jpg') no-repeat; width:22px; height:44px; float:right; margin-left:12%; margin-top:30px;}
.phone-rab {color:#434343; font-size:10.5px; text-transform:uppercase; margin-left:12px; margin-top:15px; width:91%px;}
.phone {width:190px; margin-left:10px; color:#434343; font-size:24px; margin-top: -5px; list-style:none;}
.phone a:link {color:#434343; text-decoration:none;}
.phone a:active {color:#434343; text-decoration:none;}
.phone a:visited {color:#434343; text-decoration:none;}
.phone a:hover {color:#434343; text-decoration:none;}
.phone-p {float:right;}

#allEntries {float: left;}
.mtr_td {display: table-cell; vertical-align: top;}
.mtr {padding:20px 20px 0px 0;} 
.mtr_d {max-height: 88px; font-size: 14px; overflow: hidden;}
.cont {float:left; width: 68%;}

.slide {background:url('/img/slide.jpg') top center no-repeat; width:100%; height:249px; margin:0 auto; }
.slide2 {background:url('/img/slide.jpg') top center no-repeat; width:100%; margin:0 auto; height:115px;}

.preim {background:#2c2c2c; height:391px; border-top:30px solid #fc4923; border-bottom:30px solid #2185c5; list-style:none; position:relative;}
.prem-title {background: #fff; padding: 19px 28px 33px 28px; font-size: 36px; text-transform: uppercase; color: #fc4923; text-align: center; width: 404px; height:30px; position: absolute; top: 156px; margin: 0 auto; bottom: 0; left: 0; right: 0;}
.one-line {height:182px; border-bottom:30px solid #fff;}

.prem1 {background:#2c2c2c; width:33.3%; height:182px; font-size:18px; text-align:center; float:left; color:#fff;}
.prem2 {background:#fc4923; width:33.3%; height:182px; font-size:18px; text-align:center; float:left; color:#fff;}
.prem3 {background:#2c2c2c; width:33.3%; height:182px; font-size:18px; text-align:center; float:left; color:#fff;}
.prem4 {background:#2c2c2c; width:33.3%; height:179px; font-size:18px; text-align:center; float:left; color:#fff;}
.prem5 {background:#2185c5; width:33.3%; height:182px; font-size:18px; text-align:center; float:left; color:#fff;}
.prem6 {background:#2c2c2c; width:33.3%; height:179px; font-size:18px; text-align:center; float:left; color:#fff;}

.prem-padd {padding-top:30px; padding-bottom:10px;}
.prem-padd2 {padding-bottom:10px;}
.prem-padd3 {padding-top:50px; padding-bottom:10px;}

.menu-t {background:#14171c; height:46px; z-index:1000}
.menu-t #knp {height:36px; padding:0 1.9%; color:#fff; text-align:center; float:left; font-size:18px; font-size:100%; padding-top:10px;}
.menu-t #knp:hover {background:url('/img/menu-act.jpg') #14171c center no-repeat; height:36px; color:#fff; text-align:center; padding-top:10px; border-bottom:3px solid #2185c5;}
.menu-t #curr1 {background:url('/img/menu-act.jpg') #14171c center no-repeat; border-bottom:3px solid #2185c5; height:36px; padding:0 1.9%; color:#fff; text-align:center; float:left; font-size:18px; font-size:100%; padding-top:10px;}

.h1-tabs {color:#2185c5; font-size:24px; font-weight:bold; text-transform:uppercase; margin-top:12px; margin-bottom: 15px;}

.section {margin-top:10px;}
ul.tabs {list-style: none;}
.box {display: none; color:#434343;}
.box.visible {display: block; color:#434343;}
.box.visible p {margin-top:5px;}
.vertical .tabs {width: 339px; float: left; display: inline; padding:0px !important;}
.vertical .tabs li {border: 1px solid #d8d8d8; width: 288px; font-size: 16px; padding-left: 20px; padding-top: 12px; color:#434343; text-transform: uppercase; height: 33px; background: #fff; margin-bottom:5px;}
.vertical .tabs li:hover {border: 1px solid #d8d8d8; border-left:5px solid #fc4923; width: 288px; font-size: 16px; padding-left: 16px; padding-top: 12px; color:#2185c5; text-transform: uppercase; height: 33px; background: #fff; cursor: pointer;}
.vertical .tabs li.current {border: 1px solid #d8d8d8; border-left:5px solid #fc4923; width: 288px; font-size: 16px; padding-left: 16px; padding-top: 12px; color:#2185c5; text-transform: uppercase; height: 33px; background: #fff;}
.vertical .box {width: 68%; float: left; text-align: justify;}

.mini-gall {float:left; width:720px; margin-top:20px;}
.mini-gall img {width:233px; height:138px; float:left;}
.mini-gall a {margin-right:12px; float:left; margin-bottom:12px; width:233px; height:138px; }
.mini-gall a:nth-child(3n) {margin-right:-15px;}

.o-service {background:#2c2c2c; border-top:5px solid #2185c5; margin-top:0px; padding-bottom:10px;}
.service-name {background:#2185c5; margin:0 auto; width:169px; height:34px; text-align:center; color:#fff; padding-top:7px; margin-bottom:28px;}

.two-sert {}
.two-sert img {padding-bottom:0 !important; float:right; padding-left:15px;}
.sert-inf {float:left; width:720px; padding-left:31px; padding-bottom:25px; color:#fff; text-align:justify;}


.box1 {float:left;}
.boxTitle {color:#2185c5; font-size:24px; font-weight:bold; text-transform:uppercase;}
.contTitle {color:#2185c5; font-size:24px; font-weight:bold; text-transform:uppercase;}
ul.box-menu {list-style: none;}
.box-menu {width: 339px; float: left; display: inline; padding:0px !important;}
.box-menu li {border: 1px solid #d8d8d8; width: 288px; font-size: 16px; padding-left: 20px; padding-top: 12px; color:#434343; text-transform: uppercase; height: 33px; background: #fff; margin-bottom:5px;}
.box-menu li:hover {border: 1px solid #d8d8d8; border-left:5px solid #fc4923; width: 288px; font-size: 16px; padding-left: 16px; padding-top: 12px; color:#2185c5; text-transform: uppercase; height: 33px; background: #fff; cursor: pointer;}
.box-menu .curr2 {border: 1px solid #d8d8d8; border-left:5px solid #fc4923; width: 288px; font-size: 16px; padding-left: 16px; padding-top: 12px; color:#2185c5; text-transform: uppercase; height: 33px; background: #fff; cursor: pointer;}

.footer {background:#2c2c2c; padding-top:20px; height:275px; border-top:1px dashed #ccc; margin-top:15px; clear:both;}

.foot-menu {float:left; font-size:16px; width:210px; list-style:none;}
.foot-menu li {width:210px; border-bottom:1px solid #4D4D4D; padding-bottom:11px; margin-bottom:8px;}
.foot-menu a:link {color:#DBDBDB; text-decoration: none;}
.foot-menu a:active {color:#DBDBDB; text-decoration: none;}
.foot-menu a:visited {color:#DBDBDB; text-decoration: none;}
.foot-menu a:hover {color:#fff; text-decoration: underline;}

.foot-conts {float:right; font-size:16px; width:220px; list-style:none; color:#fff; font-size:14px;}

}


.comment_over {margin-top:20px;padding-bottom:15px;border-bottom:1px solid #dedede} 
.comment {display:table;width:100%;} 
.comment_avatar {display:table-cell;vertical-align:top;width:64px;padding-right:15px} 
.comment_message {display:table-cell;vertical-align:top;text-align:left} 
.comment_rate {display:table-cell;vertical-align:top;text-align:center;width:80px} 
.comment_top {padding-top:2px;padding-bottom:7px;font-size:17px;line-height:20px} 
.comment_top a {text-decoration:none;color:#6c6c6c} 
.comment_top .comm_time {font-size:12px;color:#9c9c9c;display:inline-block;padding-left:10px} 
.comment_message_in {font-size:15px} 
.comment_over:hover .comment_answer_button a {display:inline-block} 
.comment_over:hover .c_rate_plus a, .comment_over:hover .c_rate_minus a {display:block} 
.comment_answer_button {margin-top:10px;height:24px} 
.comment_answer_button a {display:none;color:#666;font-size:13px;text-decoration:none;background:#efefef;padding:3px 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px} 
.comment_answer_button a:hover {color:#1d1d1d;text-decoration:none;background:#eaeaea;} 
.c_minus, .c_ziro, .c_plus {width:38px;padding:3px 0px;font-size:13px;text-align:center;font-weight:bold;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px} 
.c_minus {background:#ffcccc;color:#cc0000} 
.c_ziro {background:#cccccc;color:#FFF} 
.c_plus {background:#ccffcc;color:#009900} 
.c_rate_t {display:table;height:24px} 
.c_rate_plus {display:table-cell;vertical-align:top;width:22px;} 
.c_rate_minus {display:table-cell;vertical-align:top;width:22px;} 
.c_rate_count {display:table-cell;vertical-align:top;width:46px;padding-left:3px;text-align:center} 
.c_rate_plus a {width:18px;height:18px;display:none;color:rgba(0,0,0,0);font-size:0px;background:url('http://yraaa.ru/files/like.png');margin-top:3px;opacity:0.5;position:absolute} 
.c_rate_minus a {width:18px;height:18px;display:none;color:rgba(0,0,0,0);font-size:0px;background:url('http://yraaa.ru/files/unlike.png');margin-top:3px;margin-left:-5px;opacity:0.5;position:absolute} 
.c_rate_plus a:hover, .c_rate_minus a:hover {opacity:1}
 


@media (max-width:1199px) and (min-width:960px) {
#contentBlock {width:100%; max-width:1199px; margin:0 auto;}
.head {z-index:998}
.header {background:#fff; min-height:97px; z-index:999}

.logo {background:url('/img/logo.jpg') no-repeat; width:202px; height:83px; float:left; margin-top:6px; margin-left: 3%;}

.slogan {float:left; margin-left:4.4%; color:#2c2c2c; font-size:16px; text-transform:uppercase; list-style:none; text-align:center; padding-top: 30px;}

.phone-ico {background:url('/img/phone-ico.jpg') no-repeat; width:22px; height:44px; float: right; margin-top:30px;}
.phone-rab {color: #434343; font-size: 10.5px; text-transform: uppercase; width:81%; text-align: right; margin-right: 12px; margin-top:14px;}
.phone {width: 160px; margin-left:10px; color:#434343; font-size:19px; margin-top: -5px; margin-right: 12px; list-style:none;}
.phone a:link {color:#434343; text-decoration:none;}
.phone a:active {color:#434343; text-decoration:none;}
.phone a:visited {color:#434343; text-decoration:none;}
.phone a:hover {color:#434343; text-decoration:none;}
.phone-p {float:right;}

#allEntries {float: left;}
.cont {float:left; width: 61%;}
.mtr_td {display: table-cell; vertical-align: top;}
.mtr {padding:20px 20px 0px 0;} 
.mtr_d {max-height: 88px; font-size: 14px; overflow: hidden;}
.slide {background:url('/img/slide.jpg') center no-repeat; width:100%; height:249px; margin:0 auto;}

.preim {background:#2c2c2c; height:391px; border-top:30px solid #fc4923; border-bottom:30px solid #2185c5; list-style:none; position:relative;}
.prem-title {background: #fff; padding: 19px 28px 33px 28px; font-size: 36px; text-transform: uppercase; color: #fc4923; text-align: center; width: 404px; height:30px; position: absolute; top: 156px; margin: 0 auto; bottom: 0; left: 0; right: 0;}
.one-line {height:182px; border-bottom:30px solid #fff;}

.prem1 {background:#2c2c2c; width:33.3%; height:182px; font-size:18px; text-align:center; float:left; color:#fff;}
.prem2 {background:#fc4923; width:33.3%; height:182px; font-size:18px; text-align:center; float:left; color:#fff;}
.prem3 {background:#2c2c2c; width:33.3%; height:182px; font-size:18px; text-align:center; float:left; color:#fff;}
.prem4 {background:#2c2c2c; width:33.3%; height:179px; font-size:18px; text-align:center; float:left; color:#fff;}
.prem5 {background:#2185c5; width:33.3%; height:182px; font-size:18px; text-align:center; float:left; color:#fff;}
.prem6 {background:#2c2c2c; width:33.3%; height:179px; font-size:18px; text-align:center; float:left; color:#fff;}

.prem-padd {padding-top:30px; padding-bottom:10px;}
.prem-padd2 {padding-bottom:10px;}
.prem-padd3 {padding-top:50px; padding-bottom:10px;}

.menu-t {background:#14171c; height:46px; z-index:1000}
.menu-t #knp {height:34px; padding:0 1.9%; color:#fff; text-align:center; float:left; font-size:15px; padding-top:12px;}
.menu-t #knp:hover {background:url('/img/menu-act.jpg') #14171c center no-repeat; height:34px; color:#fff; text-align:center; padding-top:12px; border-bottom:3px solid #2185c5;}
.menu-t #curr1 {background:url('/img/menu-act.jpg') #14171c center no-repeat; border-bottom:3px solid #2185c5; height:36px; padding:0 1.9%; color:#fff; text-align:center; float:left; font-size:18px; font-size:100%; padding-top:10px;}


.box1 {float:left; padding-left:3%}
.boxTitle {color:#2185c5; font-size:24px; font-weight:bold; text-transform:uppercase;}
.contTitle {color:#2185c5; font-size:24px; font-weight:bold; text-transform:uppercase;}
ul.box-menu {list-style: none;}
.box-menu {width: 339px; float: left; display: inline; padding:0px !important;}
.box-menu li {border: 1px solid #d8d8d8; width: 288px; font-size: 16px; padding-left: 20px; padding-top: 12px; color:#434343; text-transform: uppercase; height: 33px; background: #fff; margin-bottom:5px;}
.box-menu li:hover {border: 1px solid #d8d8d8; border-left:5px solid #fc4923; width: 288px; font-size: 16px; padding-left: 16px; padding-top: 12px; color:#2185c5; text-transform: uppercase; height: 33px; background: #fff; cursor: pointer;}
.box-menu .curr2 {border: 1px solid #d8d8d8; border-left:5px solid #fc4923; width: 288px; font-size: 16px; padding-left: 16px; padding-top: 12px; color:#2185c5; text-transform: uppercase; height: 33px; background: #fff; cursor: pointer;}


.h1-tabs {color:#2185c5; font-size:24px; font-weight:bold; text-transform:uppercase; margin-top:12px; margin-bottom: 15px;}

.section {margin-top:37px;}
ul.tabs {list-style: none;}
.box {display: none; color:#434343;}
.box.visible {display: block; color:#434343;}
.box.visible p {margin-top:12px;}
.vertical .tabs {width: 339px; float: left; display: inline;}
.vertical .tabs li {border: 1px solid #d8d8d8; width: 288px; font-size: 16px; padding-left: 20px; padding-top: 12px; color:#434343; text-transform: uppercase; height: 33px; background: #fff; margin-bottom:9px;}
.vertical .tabs li:hover {border: 1px solid #d8d8d8; border-left:5px solid #fc4923; width: 288px; font-size: 16px; padding-left: 16px; padding-top: 12px; color:#2185c5; text-transform: uppercase; height: 33px; background: #fff; cursor: pointer;}
.vertical .tabs li.current {border: 1px solid #d8d8d8; border-left:5px solid #fc4923; width: 288px; font-size: 16px; padding-left: 16px; padding-top: 12px; color:#2185c5; text-transform: uppercase; height: 33px; background: #fff;}
.vertical .box {width:57%; float: left; text-align: justify;}

.mini-gall {margin-top:45px;}
.mini-gall img {width:100%; height:13.8%; float:left;}
.mini-gall a {margin-right:1.2%; float:left; margin-bottom:12px; width: 30.4%; height:13.8%;}

.o-service {background:#2c2c2c; border-top:5px solid #2185c5; margin-top:38px; padding-bottom:42px;}
.service-name {background:#2185c5; margin:0 auto; width:169px; height:34px; text-align:center; color:#fff; padding-top:7px; margin-bottom:28px;}

.two-sert {}
.two-sert img {padding-bottom:0 !important; float:right; padding-left:15px;}
.sert-inf {float:left; padding-left:31px; padding-bottom:25px; color:#fff; text-align:justify; width:73%;}


.footer {background:#2c2c2c; padding-top:20px; height:275px; border-top:1px dashed #ccc; margin-top:15px;}

.foot-menu {float: left; margin-left: 2%; font-size: 16px; width: 21%; list-style: none;}
.foot-menu li {width:210px; border-bottom:1px solid #4D4D4D; padding-bottom:11px; margin-bottom:8px;}
.foot-menu a:link {color:#DBDBDB; text-decoration: none;}
.foot-menu a:active {color:#DBDBDB; text-decoration: none;}
.foot-menu a:visited {color:#DBDBDB; text-decoration: none;}
.foot-menu a:hover {color:#fff; text-decoration: underline;}

.foot-conts {float:right; font-size: 16px; width: 22%; list-style: none; margin-right:2%; color: #fff; font-size: 14px;}
}


@media (max-width:959px) and (min-width:600px) {
#contentBlock {width:100%; margin:0 auto;}
.head {z-index:998}
.header {background:#fff; width:100%; z-index:999}
.logo {background:url('/img/logo.jpg') no-repeat; width:202px; height:83px; margin:0 auto; margin-left: 3%; margin-top: 6px; float:left;}

.slogan {color: #2c2c2c; font-size: 90%; text-transform: uppercase; list-style: none; text-align: center; padding-top: 31px; margin-right: 3%; float: right}

.phone-cl {clear:left;}
.phone-rab {color: #434343; font-size: 10.5px; text-transform: uppercase; width: 100%; text-align: center; padding-top: 25px; border-top: 1px solid #ccc; margin-right: 12px; margin: 0 auto; margin-top: 14px;}
.phone {width: 147px; margin-left: -47px; color: #434343; font-size: 19px; margin-top: -5px; margin-right: 12px; margin: 0 auto; list-style: none;}

.phone a:link {color:#434343; text-decoration:none;}
.phone a:active {color:#434343; text-decoration:none;}
.phone a:visited {color:#434343; text-decoration:none;}
.phone a:hover {color:#434343; text-decoration:none;}

.phone-p {height: 110px;}

#allEntries {float: left;}
.mtr .inim {width:100%; overflow:hidden} 
.mtr .inim img {overflow:hidden}
.mtr .im {display: table-cell;} 
.mtr_td {display: table-cell; vertical-align: top;}
.mtr {padding:20px 20px 0px 0;} 
.mtr_d {max-height: 88px; font-size: 14px; overflow: hidden;}

.cont {float:left; margin-left:22px;}

.box1 {float:left; padding-left:3%}
.boxTitle {color:#2185c5; font-size:24px; font-weight:bold; text-transform:uppercase;}
.contTitle {color: #2185c5; font-size: 24px; font-weight: bold; text-transform: uppercase}
ul.box-menu {list-style: none;}
.box-menu {width: 339px; float: left; display: inline; padding:0px !important;}
.box-menu li {border: 1px solid #d8d8d8; width: 288px; font-size: 16px; padding-left: 20px; padding-top: 12px; color:#434343; text-transform: uppercase; height: 33px; background: #fff; margin-bottom:5px;}
.box-menu li:hover {border: 1px solid #d8d8d8; border-left:5px solid #fc4923; width: 288px; font-size: 16px; padding-left: 16px; padding-top: 12px; color:#2185c5; text-transform: uppercase; height: 33px; background: #fff; cursor: pointer;}
.box-menu .curr2 {border: 1px solid #d8d8d8; border-left:5px solid #fc4923; width: 288px; font-size: 16px; padding-left: 16px; padding-top: 12px; color:#2185c5; text-transform: uppercase; height: 33px; background: #fff; cursor: pointer;}

.slide {background:url('/img/slide.jpg') center no-repeat; width:100%;height:249px; margin:0 auto;}

.preim {list-style:none; position:relative; width:100%; float:left;}
.prem-title {background: #fff; padding:3.3% 0; border-top:2px solid #2c2c2c; font-size:215%; text-transform: uppercase; color: #fc4923; text-align: center; width:100%; height:8%; margin: 0 auto}
.one-line {width:100%; border-bottom:3% solid #fff;}

.prem1 {background:#2c2c2c; width:49.845%; height:182px; font-size:18px; text-align:center; float:left; color:#fff; border-right: 1px solid #fff; border-bottom:2px solid #fff;}
.prem2 {background:#2c2c2c; width: 49.7%; height:182px; font-size:18px; text-align:center; float:right; color:#fff; border-left: 1px solid #fff; border-bottom:2px solid #fff;}
.prem3 {background:#2185c5; width:49.845%; height:182px; font-size:18px; text-align:center; float:left; color:#fff; border-right: 1px solid #fff; border-bottom:2px solid #fff;}
.prem4 {background:#2185c5; width: 49.7%; height:182px; font-size:18px; text-align:center; float:right; color:#fff; border-left: 1px solid #fff; border-bottom:2px solid #fff;}
.prem5 {background:#fc4923; width:49.845%; height:182px; font-size:18px; text-align:center; float:left; color:#fff; border-right: 1px solid #fff;}
.prem6 {background:#fc4923; width: 49.7%; height:182px; font-size:18px; text-align:center; float:right; color:#fff; border-left: 1px solid #fff;}

.prem-padd {padding-top:30px; padding-bottom:10px;}
.prem-padd2 {padding-top:30px; padding-bottom:10px;}
.prem-padd3 {padding-top:30px; padding-bottom:10px;}

.menu-t {background:#14171c; height:100%; z-index:1000}
.menu-t #knp {height:36px; padding:0 19px; color:#fff; text-align:center; font-size:100%; padding-top:10px;}
.menu-t #knp:hover {background:url('/img/menu-act.jpg') #14171c center no-repeat; height:36px; padding:0 19px; color:#fff; text-align:center; padding-top:10px; border-bottom:3px solid #2185c5;}
.menu-t #curr1 {background:url('/img/menu-act.jpg') #14171c center no-repeat; border-bottom:3px solid #2185c5; height:36px; padding:0 19px; color:#fff; text-align:center; font-size:100%; padding-top:10px;}


.h1-tabs {color:#2185c5; font-size:100%; font-weight:bold; text-transform:uppercase; margin-top:17px; margin-bottom: 15px;}

.section {width:100%; margin-top:3%;}
ul.tabs {list-style: none;}
.box {display: none; color:#434343;}
.box.visible {display: block; color:#434343;}
.box.visible p {margin-top:12px;}
.vertical .tabs {width: 88%; float: left; display: inline; margin-left: -18px;}
.vertical .tabs li {border: 1px solid #d8d8d8; width: 100.8%; font-size: 100%; padding: 1.4% 1.6%; color:#434343; text-transform: uppercase; height: 3.3%; background: #fff; margin-bottom:9px;}
.vertical .tabs li:hover {border: 1px solid #d8d8d8; border-left:5px solid #fc4923; width: 100.1%; font-size: 100%; padding: 1.4% 1.6%; color:#2185c5; text-transform: uppercase; height: 3.3%; background: #fff;}
.vertical .tabs li.current {border: 1px solid #d8d8d8; border-left:5px solid #fc4923; width: 100%; font-size: 100%; padding: 1.4% 1.6%; color:#2185c5; text-transform: uppercase; height: 3.3%; background: #fff;}
.vertical .box {width: 90%; text-align: justify; margin: 0 auto;}


.mini-gall {margin-left:22px;}
.mini-gall img {width:100%; height:13.8%; float:left;}
.mini-gall a {margin-right:1.2%; float:left; margin-bottom:12px; width: 30.4%; height:13.8%;}


.last-news {width:45%; margin-bottom:33px; float:left; margin-right: 5%;}
.ln-img img {width: 44vw; height: 25vw; z-index: 1; border-radius: 3px;}
.ln-img a {margin-top: 20px; margin-left: 20px; padding: 0 15px; line-height: 30px; background: rgba(0, 0, 0, 0.7); z-index: 3; position: absolute; text-decoration: none !important; color: #fff !important; border-radius: 3px;}
.ln-title {color:#2185c5; padding:0px 0; line-height: 0px;}
.ln-comm {font-size:16px; color:#989898; padding-bottom:7px;}
.ln-mess {font-size:16px;}
.ln-dalee {display: inline-block; line-height: 40px; text-decoration: none !important; padding: 0 15px; border-radius: 3px; background:#e8e8e8; color:#232323 !important; margin:10px 0 12px 0; transition: all .3s ease;}
.ln-dalee:hover {background:#fc4923; color:#fff !important}


.o-service {background:#2c2c2c; border-top:5px solid #2185c5; margin-top:38px; padding-bottom:42px;}
.service-name {background:#2185c5; margin:0 auto; width:169px; height:34px; text-align:center; color:#fff; padding-top:7px; margin-bottom:28px;}
.two-sert {width:100%;}
.two-sert img {width:43%; float:left; padding-left:22px;}
.sert-inf {padding-left:22px; width:91%; padding-bottom:25px; color:#fff; text-align:justify; float: left;}

.footer {background:#2c2c2c; padding-top:20px; height:275px; border-top:1px dashed #ccc; margin-top:15px;}

.foot-menu {float: left; margin-left: 2%; font-size: 16px; width: 21%; list-style: none;}
.foot-menu li {width:210px; border-bottom:1px solid #4D4D4D; padding-bottom:11px; margin-bottom:8px;}
.foot-menu a:link {color:#DBDBDB; text-decoration: none;}
.foot-menu a:active {color:#DBDBDB; text-decoration: none;}
.foot-menu a:visited {color:#DBDBDB; text-decoration: none;}
.foot-menu a:hover {color:#fff; text-decoration: underline;}

.foot-conts {float:right; font-size: 16px; width: 38%; list-style: none; margin-right:2%; color: #fff; font-size: 14px;}
}


@media (max-width:599px) {
#contentBlock {width:100%; margin:0 auto;}
.head {}
.header {background:#fff; width:100%;}
.logo {background:url('/img/logo.jpg') no-repeat; width:202px; height:83px; margin:0 auto; margin-top:3%;}

.slogan {color:#2c2c2c; font-size:90%; text-transform:uppercase; list-style:none; text-align:center; padding-top:3%; padding-bottom:3%;}

.phone-cl {clear:left;}
.phone-rab {color: #434343; font-size: 10.5px; text-transform: uppercase; width: 100%; text-align: center; padding-top: 25px; border-top: 1px solid #ccc; margin-right: 12px; margin: 0 auto; margin-top: 14px;}
.phone {width: 147px; margin-left: -47px; color: #434343; font-size: 19px; margin-top: -5px; margin-right: 12px; margin: 0 auto; list-style: none;}

.phone a:link {color:#434343; text-decoration:none;}
.phone a:active {color:#434343; text-decoration:none;}
.phone a:visited {color:#434343; text-decoration:none;}
.phone a:hover {color:#434343; text-decoration:none;}

.phone-p {height: 110px;}


#allEntries {float: left;}
.mtr .inim {width:100%; overflow:hidden} 
.mtr .inim img {overflow:hidden}
.mtr .im {display: table-cell;} 
.mtr_td {display:grid; vertical-align: top;}
.mtr {padding:20px 20px 0px 0;} 
.mtr_d {font-size: 14px; overflow: hidden;}

.cont {float:left; margin-left:22px;}

.box1 {float:left; padding-left:3%}
.boxTitle {color:#2185c5; font-size:24px; font-weight:bold; text-transform:uppercase;}
.contTitle {color: #2185c5; font-size: 24px; font-weight: bold; text-transform: uppercase}
ul.box-menu {list-style: none;}
.box-menu {width: 339px; float: left; display: inline; padding:0px !important;}
.box-menu li {border: 1px solid #d8d8d8; width: 288px; font-size: 16px; padding-left: 20px; padding-top: 12px; color:#434343; text-transform: uppercase; height: 33px; background: #fff; margin-bottom:5px;}
.box-menu li:hover {border: 1px solid #d8d8d8; border-left:5px solid #fc4923; width: 288px; font-size: 16px; padding-left: 16px; padding-top: 12px; color:#2185c5; text-transform: uppercase; height: 33px; background: #fff; cursor: pointer;}
.box-menu .curr2 {border: 1px solid #d8d8d8; border-left:5px solid #fc4923; width: 288px; font-size: 16px; padding-left: 16px; padding-top: 12px; color:#2185c5; text-transform: uppercase; height: 33px; background: #fff; cursor: pointer;}

.slide {background:url('/img/slide.jpg') center no-repeat; width:100%;height:249px; margin:0 auto;}

.preim {list-style:none; position:relative; width:100%; float:left;}
.prem-title {background: #fff; padding:3.3% 0; border-top:2px solid #2c2c2c; font-size:215%; text-transform: uppercase; color: #fc4923; text-align: center; width:100%; height:8%; margin: 0 auto}
.one-line {width:100%; border-bottom:3% solid #fff;}

.prem1 {background:#2c2c2c; width:49.6%; height:182px; font-size:18px; text-align:center; float:left; color:#fff; border-right: 1px solid #fff; border-bottom:2px solid #fff;}
.prem2 {background:#2c2c2c; width: 49.6%; height:182px; font-size:18px; text-align:center; float:right; color:#fff; border-left: 1px solid #fff; border-bottom:2px solid #fff;}
.prem3 {background:#2185c5; width:49.6%; height:182px; font-size:18px; text-align:center; float:left; color:#fff; border-right: 1px solid #fff; border-bottom:2px solid #fff;}
.prem4 {background:#2185c5; width: 49.6%; height:182px; font-size:18px; text-align:center; float:right; color:#fff; border-left: 1px solid #fff; border-bottom:2px solid #fff;}
.prem5 {background:#fc4923; width:49.6%; height:182px; font-size:18px; text-align:center; float:left; color:#fff; border-right: 1px solid #fff;}
.prem6 {background:#fc4923; width: 49.6%; height:182px; font-size:18px; text-align:center; float:right; color:#fff; border-left: 1px solid #fff;}

.prem-padd {padding-top:30px; padding-bottom:10px;}
.prem-padd2 {padding-top:30px; padding-bottom:10px;}
.prem-padd3 {padding-top:30px; padding-bottom:10px;}

.menu-t {background:#14171c; height:100%; z-index:1000}
.menu-t #knp {height:36px; padding:0 19px; color:#fff; text-align:center; font-size:100%; padding-top:10px;}
.menu-t #knp:hover {background:url('/img/menu-act.jpg') #14171c center no-repeat; height:36px; padding:0 19px; color:#fff; text-align:center; padding-top:10px; border-bottom:3px solid #2185c5;}
.menu-t #curr1 {background:url('/img/menu-act.jpg') #14171c center no-repeat; border-bottom:3px solid #2185c5; height:36px; padding:0 19px; color:#fff; text-align:center; font-size:100%; padding-top:10px;}



.h1-tabs {color:#2185c5; font-size:100%; font-weight:bold; text-transform:uppercase; margin-top:17px; margin-bottom: 15px;}

.section {width:100%; margin-top:3%;}
ul.tabs {list-style: none;}
.box {display: none; color:#434343;}
.box.visible {display: block; color:#434343;}
.box.visible p {margin-top:12px;}
.vertical .tabs {width: 85%; float: left; display: inline; margin-left: -18px;}
.vertical .tabs li {border: 1px solid #d8d8d8; width: 98.1%; font-size:100%; padding-left: 20px; padding-top: 12px; color:#434343; text-transform: uppercase; height:33px; background: #fff; margin-bottom:9px;}
.vertical .tabs li:hover {border: 1px solid #d8d8d8; border-left:5px solid #fc4923; width: 99.5%; font-size: 100%; padding-left: 16px; padding-top: 12px; color:#2185c5; text-transform: uppercase; height:33px; background: #fff;}
.vertical .tabs li.current {border: 1px solid #d8d8d8; border-left:5px solid #fc4923; width:98.5%; font-size: 100%; padding-left: 16px; padding-top: 12px; color:#2185c5; text-transform: uppercase; height:33px; background: #fff;}
.vertical .box {width: 90%; text-align: justify; margin: 0 auto;}


.mini-gall {margin-left:22px;}
.mini-gall img {width:100%; height:13.8%; float:left;}
.mini-gall a {margin-right:1.2%; float:left; margin-bottom:12px; width: 30.4%; height:13.8%;}


.o-service {background:#2c2c2c; border-top:5px solid #2185c5; margin-top:38px; padding-bottom:42px;}
.service-name {background:#2185c5; margin:0 auto; width:169px; height:34px; text-align:center; color:#fff; padding-top:7px; margin-bottom:28px;}
.two-sert {width:100%;}
.two-sert img {width:41%; float:left; padding-left:22px;}
.sert-inf {padding-left:22px; width:88%; padding-bottom:25px; color:#fff; text-align:justify; float: left;}

.footer {background:#2c2c2c; padding-top:20px; border-top:1px dashed #ccc; margin-top:15px;}

.foot-menu {margin:0 auto; font-size: 16px; list-style: none; text-align:center;}
.foot-menu li {border-bottom:1px solid #4D4D4D; padding-bottom:11px; margin-bottom:8px;}
.foot-menu a:link {color:#DBDBDB; text-decoration: none;}
.foot-menu a:active {color:#DBDBDB; text-decoration: none;}
.foot-menu a:visited {color:#DBDBDB; text-decoration: none;}
.foot-menu a:hover {color:#fff; text-decoration: underline;}

.foot-conts {font-size: 16px; list-style: none; color: #fff; font-size: 14px; margin-right:30%; margin-top:15px; padding-bottom:15px;}
}



.clrl {clear:left;}



a:link {text-decoration:none; color:#3e8fc7;}
a:active {text-decoration:none; color:#3e8fc7;}
a:visited {text-decoration:none; color:#3e8fc7;}
a:hover {text-decoration:none; color:#3e8fc7;}

td, body {font-family:Calibri-L; font-size:16px; color:#434343; height: 100%;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:17px; font-family:Calibri-L;}
.copy {font-size:17px;}

a.noun:link {text-decoration:none; color:#3e8fc7}
a.noun:active {text-decoration:none; color:#3e8fc7}
a.noun:visited {text-decoration:none; color:#3e8fc7}
a.noun:hover {text-decoration:none; color:#3e8fc7}
.mframe1 {padding:2 10 30 10px;}
hr {color:#282318;height:1px;}
label {cursor:pointer;cursor:hand}


.swt2 { 
 background-color: #2880e4; 
 padding:7px; 
 text-align: center; 
 line-height: 30px; 
 border-top-width: 1px; 
 border-bottom-width: 1px; 
 border-left-width: 1px; 
 border-top-style: solid; 
 border-bottom-style: solid; 
 border-left-style: solid; 
 border-top-color: #216abd; 
 border-bottom-color: #216abd; 
 border-left-color: #216abd; 
 font-size: 13px; 
 color: #fff; 
 }

.swt3 { 
 background-color: #2880e4; 
 padding:7px; 
 text-align: center; 
 line-height: 30px; 
 font-size: 13px; 
 border: 1px solid #216abd; 
 margin-left: -4px; 
 color: #fff !important; 
 }
.swt4 { 
 background-color: #2880e4; 
 padding-top: 7px; 
 padding-right: 10px; 
 padding-bottom: 7px; 
 padding-left: 10px; 
 text-align: center; 
 line-height: 30px; 
 font-size: 13px; 
 border: 1px solid #216abd; 
 margin-left: -4px; 
 color: #fff; 
 } 
.swchItem { 
 background-color: #2880e4; 
 font-size: 13px; 
 border:1px solid #216abd; 
 border-right:0; 
 margin-left: -4px; 
 padding-top: 7px; 
 padding-right: 10px; 
 padding-bottom: 7px; 
 padding-left: 10px; 
 color: #fff !important; 
 } 

.swchItemA { background-color: #2573cc;
 font-size: 13px; 
 border-top-width: 1px; 
 border-bottom-width: 1px; 
 border-left-width: 1px; 
 border-top-style: solid; 
 border-bottom-style: solid; 
 border-left-style: solid; 
 border-top-color: #216abd; 
 border-bottom-color: #216abd; 
 border-left-color: #216abd; 
 margin-left: -4px; 
 padding-top: 7px; 
 padding-right: 10px; 
 padding-bottom: 7px; 
 padding-left: 10px; 
 color: #fff; 
 } 

.swchItemA { background-color: #2573cc; 
 font-size: 13px; 
 border-top-width: 1px; 
 border-bottom-width: 1px; 
 border-left-width: 1px; 
 border-top-style: solid; 
 border-bottom-style: solid; 
 border-left-style: solid; 
 border-top-color: #216abd; 
 border-bottom-color: #216abd; 
 border-left-color: #216abd; 
 margin-left: -4px; 
 padding-top: 7px; 
 padding-right: 10px; 
 padding-bottom: 7px; 
 padding-left: 10px; 
 color: #fff; 
 } 

.swt2:hover {color: #fff; text-decoration: none; background-color: #2573cc; border:1px solid ##216abd; border-right:0}
.swt3:hover {color: #fff !important; text-decoration: none; background-color: #2573cc; border: 1px solid #216abd;}
.swchItem:hover {border:1px solid ##216abd; border-right:0; color: #fff; text-decoration: none; background-color: #2573cc;} 

.swchItemDots {display:none;}


.info_box { 
 margin:10px 0px 10px; 
 font-size:15px; 
 line-height:18px; 
 position:relative; 
 -moz-box-shadow:0 1px 1px rgba(0,0,0,0.1); 
 -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1); 
 box-shadow:0 1px 1px rgba(0, 0, 0, 0.1); 
} 
.info_box_content { 
 text-shadow:1px 1px 1px white; 
 padding:18px 43px 17px 66px; 
 min-height:35px; 
} 

.warning { 
 border:1px solid #E0B1B1; 
} 
.warning .info_box_content { 
 color:#AD7676; 
 background:#FFD9D5; 
 border:1px solid #FCEEEC; 
 -moz-box-shadow:inset 0 0 45px #f0bfba; 
 -webkit-box-shadow:inset 0 0 45px #F0BFBA; 
 box-shadow:inset 0 0 45px #F0BFBA; 
} 
.warning::before { 
 width:17px; 
 height:17px; 
 background:url(/img/sprite_ico_box.png) no-repeat; 
} 
.note { 
 border:1px solid #B9DBB6; 
} 
.note .info_box_content { 
 color:#547152; 
 background:#DFF7DD; 
 border:1px solid #F1F9F0; 
 -moz-box-shadow:inset 0 0 45px #cbe5c9; 
 -webkit-box-shadow:inset 0 0 45px #CBE5C9; 
 box-shadow:inset 0 0 45px #CBE5C9; 
} 
.note::before { 
 width:19px; 
 height:14px; 
 background:url(/img/sprite_ico_box.png) no-repeat 0 -17px; 
} 
.nice { 
 border:1px solid #E2E2BA; 
} 
.nice .info_box_content { 
 color:#ADA771; 
 background:#F9F9DC; 
 border:1px solid #FBFBEF; 
 -moz-box-shadow:inset 0 0 45px #efefc0; 
 -webkit-box-shadow:inset 0 0 45px #EFEFC0; 
 box-shadow:inset 0 0 45px #EFEFC0; 
} 
.nice::before { 
 width:22px; 
 height:20px; 
 background:url(/img/sprite_ico_box.png) no-repeat -19px -15px; 
} 
.advise { 
 border:1px solid #B3D8D3; 
} 
.advise .info_box_content { 
 color:#80ACB0; 
 background:#DDF5F7; 
 border:1px solid #F1FAFB; 
 -moz-box-shadow:inset 0 0 45px #c6edf0; 
 -webkit-box-shadow:inset 0 0 45px #C6EDF0; 
 box-shadow:inset 0 0 45px #C6EDF0; 
} 
.advise::before { 
 width:19px; 
 height:15px; 
 background:url(/img/sprite_ico_box.png) no-repeat -17px 0; 
} 
.normal { 
 border:1px solid #DDD; 
} 
.normal .info_box_content { 
 color:#737373; 
 background:#FAFAFA; 
 border:1px solid #FAFAFA; 
 -moz-box-shadow:inset 0 0 45px #e7e7e7; 
 -webkit-box-shadow:inset 0 0 45px #E7E7E7; 
 box-shadow:inset 0 0 45px #E7E7E7; 
} 
.normal::before { 
 width:20px; 
 height:16px; 
 background:url(/img/sprite_ico_box.png) no-repeat 0 -34px; 
} 

.warning::before, .note::before, .nice::before, .advise::before, .normal::before {
 content:''; 
 position:absolute; 
 top:22px; 
 left:28px; 
}