ol, ul { list-style: none; }
header { position: relative; }
header .nav { padding: 20px 0 15px; }
header .nav .row { margin: 0; }
header .nav nav #header_logo {  padding-top: 8px; float: left; }
@media (min-width: 480px) and (max-width: 767px) {
header .nav nav #header_logo { padding-top: 14px; } }
@media (max-width: 479px) { header .nav nav #header_logo { padding: 0 0 20px; float: none; } }
header .nav nav #header_logo a { display: block; }
@media (min-width: 480px) and (max-width: 767px) {
header .nav nav #header_logo a { width: 182px; } }
header .bottom_footer .bf_indent { 
background: #1b3c5b; 
background: -webkit-linear-gradient(top, #345b82 0%, #1b3c5b 100%); 
background: -o-linear-gradient(top, #345b82 0%, #1b3c5b 100%);
background: linear-gradient(to bottom, #345b82 0%, #1b3c5b 100%); border-top:solid 1px #103152; }
header .bottom_footer .bf_indent > .container { position: relative; }
header .bottom_footer .bf_indent > .container > .row { margin: 0; position: relative; }
@media (min-width: 767px) { header .col-sm-4 + .col-sm-4 + .col-sm-4 { float: right; } }
.ie8 #header #header_logo { width: 350px; }

.bloknot { margin: 0; float: right; text-transform: uppercase; padding: 5px 11px 0 9px;  font-size: 12px; line-height: 22px; font-weight: bold; }
.bloknot a { color: #b5b5b5; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; }
.bloknot a:hover, .bloknot a.active { color: #8ccc14; }
.bloknot-activ { margin: 0; float: right; text-transform: uppercase; padding: 5px 11px 0 9px;  font-size: 12px; line-height: 22px; font-weight: bold; }
.bloknot-activ a { color: #8ccc14; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; }
.bloknot-activ a:hover, .bloknot a.active { color: #fff; }

#currencies-block-top { float: right; position: relative; padding-top: 5px; }

#currencies-block-top span.male { padding: 0px 6px 0px 0px; }
#currencies-block-top a span.male  { color: #8ccc14; }
#currencies-block-top a:hover span.male  { color: #fff; }

#currencies-block-top span.angle { padding: 0px 15px 0px 0px; }
#currencies-block-top a span.angle  { color: #b5b5b5; }
#currencies-block-top a:hover span.angle  { color: #fff; }

#currencies-block-top a span.male, 
#currencies-block-top a:hover span.male, 
#currencies-block-top a span.angle, 
#currencies-block-top a:hover span.angle { 
-o-transition: all 0.15s linear;
-webkit-transition: all 0.15s linear;
transition: all 0.15s linear;} 

#currencies-block-top ul { position: absolute; top: 37px; left: 50%; width: 150px; margin-left: -70px;
background: #345b82;
background: -webkit-linear-gradient(top, #345b82 0%, #1b3c5b 100%);
background: -o-linear-gradient(top, #345b82 0%, #1b3c5b 100%);
background: linear-gradient(to bottom, #345b82 0%, #1b3c5b 100%);
z-index: 2; }
#currencies-block-top ul:before { content: "\f0d8"; font-family: "FontAwesome"; height: 10px; top: -13px; position: absolute; left: 0; width: 100%; text-align: center; color:#fff; font-size:14px; }
#currencies-block-top ul li { line-height: 35px; border-top: 1px solid #1b3c5b; }
#currencies-block-top ul li a { padding: 0 10px 0 12px; display: block; color: white; text-transform: uppercase; font-size: 12px;
 font-weight: bold;
-o-transition: all 0.15s linear;
-webkit-transition: all 0.15s linear;
transition: all 0.15s linear; }
#currencies-block-top ul li.selected, #currencies-block-top ul li:hover a { background: #345b82; }

.header_user_info { float: right; padding-left: 5px; padding-top: 5px; }
.header_user_info a { color: white; font-weight: bold; font-size: 12px; line-height: 22px; display: block; position: relative; padding: 0px 9px 0px 8px; cursor: pointer; background: #39648f; text-transform: uppercase; }
.header_user_info a {
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.header_user_info a span { position: relative; z-index: 3; }
.header_user_info a:before, .header_user_info a:after { background: #fbb112; content: " "; height: 0; left: 50%; opacity: 0; position: absolute; top: 50%; transition: all 0.4s ease; width: 0; z-index: 2; }
.header_user_info a:after { background: #1b3c5b; z-index: 1; }
.header_user_info a:before { transition-delay: 0.1s; }
.header_user_info a:hover, .header_user_info a.active { color: #fff; text-decoration:none; }
.header_user_info a:hover:before, .header_user_info a:hover:after, .header_user_info a.active:before, .header_user_info a.active:after { height: 100%; left: 0; opacity: 1; top: 0; width: 100%; }

.search_block_top { padding: 12px 0 15px 23px; float: right; clear: right; }
@media (max-width: 1199px) { .search_block_top { padding: 12px 0 15px 10px; } }
@media (max-width: 479px) { .search_block_top { padding: 12px 0 15px 0px; width: 100%; } }
.search_block_top .searchbox { float: left; width: 100%; border: none; position: relative; background: #fbfbfb; padding-right: 44px; }
.search_block_top .btn.button-search { background: none; display: block; position: absolute; top: 0px; right: 0px; border: none; color: #333333; width: 44px; height: 38px; text-align: center; padding: 0; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; font-size: 17px; line-height: 38px; }
.search_block_top .btn.button-search span { display: none; }
.search_block_top .btn.button-search:before { content: "\f002"; display: block; font-family: "FontAwesome"; width: 100%; text-align: center; font-weight: normal; }
.search_block_top .btn.button-search:hover { color: #fbb112; font-size: 23px; }
.search_block_top .search_query_top { display: inline-block; padding: 9px 10px 9px 13px; height: 38px; border: none; background: none; }
form.searchbox { position: relative; }
form.searchbox label { color: #333333; }
form.searchbox .input { margin-right: 10px; max-width: 222px; margin-bottom: 10px; display: inline-block; float: left; }
form.searchbox .btn.btn-sm { float: left; } 
form.searchbox .btn.btn-sm i { margin-right: 0; }

.plusbox { width: auto; padding:0; margin-left: -64px; float: right; }
@media (min-width: 768px) and (max-width: 991px) {
.plusbox { margin-left: -44px; } }
.plus_button a { padding: 16px 0 0 0; width: 150px; height: 61px; border-right: 1px solid #103152; border-left: 1px solid  #103152; background: #8ccc14; display: block; font-weight: normal; color: #fff; overflow: hidden; position: relative; font-size: 1.3em; text-align:center; }
.plus_button a:hover { background:#fbb112; }
@media (min-width: 768px) and (max-width: 991px) {
.plus_button a { width: 44px; height: 40px; padding: 8px 0 0 0; font-size: 1.25em; } }

.sf-contener { clear: both;  float: left; width: 85%; }
.sf-menu { margin: 0; padding: 0; }
.sf-menu { padding: 0; width: 100%; }
@media (max-width: 767px) { .sf-menu { display:none; background: #223c4b; } }
.sf-menu ul { position: absolute; top: -999em; background: white; }
@media (max-width: 767px) { .sf-menu ul { position: relative; } }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover {  visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu > li { float: left; border-right: 1px solid #103152; }

.sf-menu li a { padding: 23px 26px 18px 26px; color: #fff; display: block;  position: relative; }
.sf-menu li a:hover { background: #8ccc14; }
@media (max-width: 767px) {
.sf-menu > li { float: none; position: relative; border-right: none; line-height:38px; }
.sf-menu li a { padding:0px 0px; text-decoration:none; }
.sf-menu > li i { float:left; padding: 14px 0px 0px 18px; margin: 0 14px 0 0; font-size: 0.9em;} }
@media (min-width: 768px) and (max-width: 991px) { .sf-menu li a { padding: 14px 18px 8px 18px; font-size: 0.9em; } }
@media (min-width: 992px) and (max-width: 1199px) { .sf-menu li a { padding: 23px 26px 18px 26px; } }
@media only screen and (min-width: 1200px) { .sf-menu li a { padding: 23px 26px 18px 26px; } }
.sf-menu li ul { display: none; left: 0; top: 100%; z-index: 99; width: 100%; padding: 20px; background: #191919; }
.sf-menu li li div { font-size:18px; padding:2px 8px; color: #fff; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { 
.sf-menu li li div { font-size:14px; padding:2px 8px; color: #fff; text-transform: uppercase; } }
.sf-menu li li a { color: #fff; text-transform: uppercase; padding:2px 8px; background-color:#5192f3; margin:8px; }
.sf-menu li li a:hover { color: #8ccc14; text-decoration: none; color:#fff; }
@media (min-width: 768px) and (max-width: 991px) {
.sf-menu li li a { font-size: 10px; float:left; padding:2px 8px; background-color:#5192f3; margin:8px; } }
@media (min-width: 992px) and (max-width: 1199px) { 
.sf-menu li li a { float:left; padding:2px 8px; background-color:#5192f3; margin:8px; } }
@media only screen and (min-width: 1200px) { 
.sf-menu li li a { float:left; padding:2px 8px; background-color:#5192f3; margin:8px; } }
.cat-title { display: none; }
@media (max-width: 767px) {
.cat-title {  display: block; font: 900 23px/23px sans-serif; text-transform: uppercase; color: #fff; padding: 18px 30px 19px; text-transform: uppercase; }
.cat-title:after { font-family: "FontAwesome"; content: "\f0ab"; font-size: 23px; line-height: 23px; padding-left: 15px; font-weight: normal; }
.cat-title.active:after { content: "\f0aa"; } }

.black, .black a, .black a:hover { color:#000; }
.green, .green a, .green a:hover { color:#060; }
.green_success, .green_success a, .green_success a:hover { color:#3c763d; }
.red, .red a, .red a:hover { color:#f02727; }
.red_danger, .red_danger a, .red_danger a:hover { color:#a94442; }
.blue, .blue a, .blue a:hover { color:#039; }
.gray, .gray a, .gray a:hover { color:#999; }
.blue_info, .blue_info a, .blue_info a:hover { color:#31708f; }
.white-bg { background-color:#fff;}

.sm8 {font-size:80%; }
.sm85 {font-size:85%;}
.sm9 {font-size:90%; }
.sm95 {font-size:95%; }

.fil_6 { height:6px; }
.fil_10 { height:10px; }
.fil_14 { height:14px; }
.fil_20 { height:20px; }
.fil_line_6 { height:1px; background-color:#d5d5d5; margin:6px 0; }
.fil_line_12 { height:1px; background-color:#d5d5d5; margin:12px 0; }

.mar_t_4 { margin-top:4px; }
.mar_b_4 { margin-bottom:4px; }
.mar_t_8 { margin-top:8px; }
.mar_b_8 { margin-bottom:8px; }
.mar_t_10 { margin-top:10px; }
.mar_r_10 { margin-right:10px; }
.mar_b_10 { margin-bottom:10px; }

.mar_t_14 { margin-top:14px; }
.mar_t_30 { margin-top:30px; }

.pad_2_4 { padding: 2px 4px; }

.box_sh, .box_sh img { }
.box_sh a:hover img { opacity:0.75;filter:alpha(opacity=75) }

.box_sh_b { box-shadow: 1px 2px 4px #666; }

.last_add { background:#fff; padding:20px 10px; margin:10px 0; border:solid 1px #b5b5b5; line-height:normal; overflow:hidden; width:100%; }  
.last_add img { float:left; margin-right:10px; }

@media (max-width: 480px) { .last_add img { float:left; width:70px; } }
@media (max-width: 480px) { .last_add img, .stradv img, .topmess img, .selectmess img { width:70px; } }

@media (min-width: 768px) {
.last_add { width:100%;  }
.last_add img { float:left; margin-right:10px; }
}
@media (min-width: 992px) {
.last_add { width:204px; float:left; margin:10px 14px; height:410px; }
.last_add img { float:none; margin-right: 0px;}
}
@media (min-width: 1200px) {
.last_add { width:242px; float:left; padding:20px 30px;  margin:10px 20px; height:410px; }
.last_add img { float:none; margin-right: 0px; }
  }  

.last_add img { box-shadow: 4px 4px 4px #666; }
.last_add a:hover img { opacity:0.75;filter:alpha(opacity=75) }
.last_add_p_bg { background-color:#EEE; padding:3px 0; text-align:center; margin:12px 0 8px 0; border:solid 1px #b5b5b5;}

.stradv { background-color: #fff;}
.topmess { background-color: #FFC;}
.selectmess { background-color: #dff0d8;}
.stradv, .topmess, .selectmess { padding:14px 10px; border-bottom: 1px solid #b5b5b5; }
.stradv img, .topmess img, .selectmess img { margin-right:12px; }
.stradv a:hover img, .topmess a:hover img, .selectmess a:hover img { opacity:0.75;filter:alpha(opacity=75) }

.line_norm { line-height:normal; }
.col-bord-l { border-left:1px solid #d5d5d5 }
.otkl { pointer-events: none; cursor: not-allowed; }
.comment { padding: 10px 20px; margin: 0 10px; border-left: 3px solid #afd9ee; }
.bottom_line { height:3px; background-color:#1b3c5b; margin:30px 0;}
.btn-xs-otkl-danger { color: #fff; background-color: #d9534f;  border: 1px solid #d43f3a; text-align:center; font-size:11px; padding: 0 2px; }
.btn-xs-otkl-success { color: #fff; background-color: #46a74e; border: 1px solid #3e9546; text-align:center; font-size:11px; padding: 0 2px; }
.btn-xs-otkl-info { color: #fff; background-color: #5192f3; border: 1px solid #3983f1; text-align:center; font-size:11px; padding: 0 2px; }
.btn-xs-otkl-primary { color: #fff; background-color: #428bca; border: 1px solid #357ebd; text-align:center; font-size:11px; padding: 0 2px; }
.btn-xs-otkl-warning { color: #fff; background-color: #f0ad4e; border: 1px solid #eea236; text-align:center; font-size:11px; padding: 0 2px; }
.btn-xs-otkl-default { color: #333; background-color: #fff; border: 1px solid #ccc; text-align:center; font-size:11px; padding: 0 2px; }

.footer-container .container {  padding-bottom: 10px; }
.footer-container #footer { color: #b5b5b5; }
.footer-container #footer .footer-block { margin-top: 35px; }
@media (max-width: 767px) { .footer-container #footer .footer-block { margin-top: 20px; } }
.footer-container #footer a { color: #b5b5b5; }
.footer-container #footer a:hover { color: #8ccc14; }
.footer-container #footer h4 { font: 500 17px/21px sans-serif; color: #fff; margin: 0 0 0 0; text-transform: uppercase; }
@media (min-width: 768px) and (max-width: 991px) { .footer-container #footer h4 { font: 500 14px/20px sans-serif; } }
@media (max-width: 767px) {}
.footer-container #footer ul { margin-bottom: 0; }
.footer-container #footer ul li { }
.footer-container #footer ul li a { font-weight: bold; font-size: 12px; line-height: 28px; text-transform: uppercase; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.footer-container #footer ul li a:hover { color: #8ccc14; text-decoration: underline; }
.footer-container #footer .block_contact_infos > div ul li { padding: 0 0px 6px 0px; font-size: 12px; }
.footer-container #footer .block_contact_infos > div ul li i { font-size: 25px; width: 26px; margin-right:10px; float: left; color: #8ccc14; }