@import url('qs.css');
@import url('jcarousel.css');
@import url('brands.css');
@import url('font-awesome.css');
@import url('colorbox.css');
@import url('entition.css');
@font-face {
    font-family: 'Open Sans Condensed';
    src: url('../font/opensanscondlight.woff2') format('woff2'),url('../font/opensanscondlight.woff') format('woff'),url('../font/opensanscondlight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans Condensed';
    src: url('../font/opensanscondlightitalic.woff2') format('woff2'),url('../font/opensanscondlightitalic.woff') format('woff'),url('../font/opensanscondlightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans Condensed';
    src: url('../font/opensanscondensedbold.woff2') format('woff2'),url('../font/opensanscondensedbold.woff') format('woff'),url('../font/opensanscondensedbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face{
  font-family:'FontAwesome';
  src:url("../font/fontawesome-webfont.eot"),
      url("../font/fontawesome-webfont.woff2") format("woff2"),
      url("../font/fontawesome-webfont.woff") format("woff"),
      url("../font/fontawesome-webfont.ttf") format("truetype"),    
      url("../font/fontawesome-webfont.svg") format("svg");
  font-weight:normal;
  font-style:normal
}
@font-face {
  font-family: 'Helios-Cond';
  src: url('../font/HeliosCondLight.eot');
  src: url('../font/HeliosCondLight.eot?#iefix') format('embedded-opentype'),
       url('../font/HeliosCondLight.woff2') format('woff2'),
       url('../font/HeliosCondLight.woff') format('woff'),
       url('../font/HeliosCondLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
/**/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0;
    margin:0;
}
*,*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: Helvetica;
    font-size: 13px;
    background-color: #f3f3f3;
    overflow-x: hidden;
    /*position: relative;*/
    color: #555;
    line-height: 165%;
    padding:0;
    margin:0;
    background-image: url(/img/bg.png);
}
a {
    color: #333;
    transition: all 0.25s ease 0s;
    text-decoration: none;
}
a:hover, a:focus, a div:hover
    {color: #dc4242;}

ol, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

h4,h3,h2,h1,.h4,.h3,.h2,.h1 {
    margin-top: 0;
    text-transform: uppercase;
    color: #333;
    font-family: Open Sans Condensed;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 5px;
}

h2,.h2 {font-size: 18px; margin:10px 0 5px;}
h3,.h3 {font-size: 16px; margin:10px 0 5px;}
h4,.h4 {font-size: 14px; margin:10px 0 5px;}
th {text-align:left; margin:10px 0 5px;}
p {margin:10px 0 5px;}

.strong {font-weight:bold}
.em,.i    {font-style:italic;}
.clear {clear:both;}
.wrap {width:100%}
.grayline {width:100%;height:20px;background-color:#f3f3f3;margin:30px -30px;padding:0 -30px;}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.row {margin:0 -15px;}
.container:before, .container:after {
    content: " ";
    display: table;
}
.container:after {
    clear: both;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.row:before, .row:after {
    content: " ";
    display: table;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.header-right {text-align:right;}
.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}
.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
}

.service-box.icon-left {
    text-align: left;
    padding: 0px 0 20px 47px;
}
.service-box h4,.service-box h3,.service-box h2,.service-box h1 {
    text-transform: uppercase;
    font-size: 100%;
    margin: 0 0 5px 0px;
    font-family:Open Sans Condensed;
    font-weight:700;
    font-size: 140%;
}
.service-box p {margin:0;}
#sns_wrapper {
    margin: 0 auto;
    overflow-x: hidden;
    position: relative;
    z-index: 0;
    max-width:1200px;
}

#sns_header {
    z-index: 2;
    position: relative;
    background: #fff;
}

#sns_header .top-cart .sns-top-help0 {
    border-bottom: 1px dotted #eaeaea;
    margin-bottom: 5px;
    padding-bottom: 5px;
    float:right;
}
#sns_header .top-cart .sns-top-help0 a {
    color: #666;
}
#sns_header .top-cart .sns-top-help0 a:hover {color: #dc4242;}
#sns_header .top-cart .sns-top-help0 li {
    padding: 0 17px;
    border-right: 1px solid #eaeaea;
    line-height: 100%;
    display: inline-block;
    border-bottom: 0;
    float:left;
}
#sns_header .top-cart .sns-top-help0 div {
    border:0;padding:0;margin:0; color:#666;font-weight:bold;
}
#sns_header .top-cart .sns-top-help0 div:hover {
    color: #dc4242;
}
#sns_header .top-cart .sns-top-help0 li#sns-top-help7 {
    border-right: none;
    padding-right: 0;
}
#sns_header .top-cart .sns-top-help0 .selector {display:none; margin:0;padding:0;width:0;}
#sns_header .mini-cart .tongle .fa-shopping-cart {
    display: inline-block;
    font-size: 14px;
    padding-right: 5px;
}

#sns_header_main {
    padding: 33px 0 0 0;
}
.sitename {
    display:block;
    font-family: Open Sans Condensed;
    font-weight:700;
    color: #bd0406;
    font-size:36px;
    line-height:36px;
    height:30px;
    display:block;
    position:absolute;
    left:50%;
    margin-left:-310px;
    text-align:center;
}
.icons  {min-width:300px;float:right;}
.icons td {
    padding:0 5px;
    text-align:center;
    width:80px;
}
.icons td.doublesize{
    width:160px;
}
.popup_wrapper {
    position:absolute;
    width:350px; 
    height:500px;
    z-index:9999999;
    overflow:hidden;
    display:none;
}
.popup_contacts {
    position:absolute;
    width:320px;
    background-color:white;
    border:1px solid #ccc;
    border-top:1px dotted #ddd;
    border-radius:0 0 10px 10px;
    margin:-200px 10px 0px;
    padding:10px;
    box-shadow: 0 10px 10px rgba(0,0,0,0.5);
}
.logo_wrapper {
    position:absolute;
    width:350px; 
    height:150px;
    margin-left:-30px;
    z-index:9999999;
    overflow:hidden;
    display:none;
}
.popup_logo {
    position:absolute;
    width:300px;
    background-color:white;
    border:1px solid #ccc;
    padding:10px;
    margin: 0px 10px 10px -400px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    text-align:center;
}

.adherent{
    display:block;
    position:fixed;
    top:0px;
    left:0;
    background-color:white;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.5) ;
    z-index:10000;
}

.redphone {
    float:right;
    color: #bd0406;
    margin-top:7px;
    text-align:right;
    font-size:13px;
    font-weight:bold;
}
.redphone  a {color: #bd0406;}
.redphone  div {margin-top:-5px;}
.adherent .redphone{
    display:block;
}
.small {font-size:11px;font-weight:normal;}
.slider-wrapper {overflow:hidden;position:relative;}
.slider-wrapper #controls  a{
    position: absolute;
    top:50%;
    margin-top:-30px;
    width: 100%;
    
    background: rgba(0,0,0,0.5);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 60px;
    font: normal normal normal 14px/1 FontAwesome;
    color:white;
    padding:7px 0 0 20px;
}
.slider-wrapper #controls  a:hover {background-color:#dc4242;}
.slider-wrapper #controls  a.prevBtn {left: 65px;}
.slider-wrapper #controls  a.nextBtn {right: 65px;}
.slider-wrapper #controls  a.prevBtn:before {font-size: 40px;}
.slider-wrapper #controls  a.nextBtn:before {font-size: 40px;}


.nivo-html-caption{
    position:absolute;
    right:-900px;
    top:5px;
    color:#fff;
    width:70%;
    text-align:right;
    padding:12px 58px 0 0 ;
    overflow:hidden;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-shadow: 4px 4px 7px rgba(0, 0, 0, 1);
}
#slider-wrapper-main .nivo-html-caption{top:20px;}
.nivo-html-caption a{text-decoration:none}
.nivo-html-caption p{color:#fff;}
.nivo-html-caption span{
    font-family:Arial,Helvetica,sans-serif;
    font-weight:bold;
    color:#fff;
    font-size:13px;
    line-height:25px;
    display:inline-block;
    margin-bottom:13px
}
.nivo-html-caption span {
    font-family:Arial,Helvetica,sans-serif;
    font-weight:bold;
    color:#fff;
    display:inline-block;
    margin:0px
}
.nivo-html-caption h4 strong{
    color:#ff0e0e;
    font-size:66px;
    line-height:1em;
    display:block;
    margin-top:-3px
}
.nivo-html-caption b{
    font-family:'Roboto',sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    //text-shadow:1px 1px 1px rgba(0,0,0,1);
    border-bottom:1px solid #c26603;
    color:#fff;
    font-size:16px;
    line-height:20px;
    background:#ff9e04;
    background:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWUwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjg3MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top,#ff9e04 0,#ff8704 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9e04),color-stop(100%,#ff8704));
    background:-webkit-linear-gradient(top,#ff9e04 0,#ff8704 100%);
    background:-o-linear-gradient(top,#ff9e04 0,#ff8704 100%);
    background:-ms-linear-gradient(top,#ff9e04 0,#ff8704 100%);
    background:linear-gradient(to bottom,#ff9e04 0,#ff8704 100%);
    display:inline-block;
    width:189px;
    text-align:center;
    padding:10px 0;
    box-shadow:1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow:1px 1px rgba(0,0,0,0.4);
    -webkit-box-shadow:1px 1px rgba(0,0,0,0.4);
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px
}
.nivo-html-caption h1,.nivo-html-caption h2,.nivo-html-caption h3,.nivo-html-caption h4{
    font-size:43px;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    font-family:'Roboto',sans-serif;
    //text-shadow:1px 1px 1px rgba(0,0,0,1);
    margin:0;padding:0;
    margin-left:60px;
    margin-bottom:20px;
}
.nivo-html-caption h2,.nivo-html-caption h2 * {font-size:33px;}
.nivo-html-caption h3,.nivo-html-caption h3 *{font-size:23px;}
.nivo-html-caption h4,.nivo-html-caption h4 *{
    font-size:18px;

    color:#ff9104;
    text-transform:uppercase;
    font-weight:bold;
    font-family:'Roboto',sans-serif;
    //text-shadow:1px 1px 1px rgba(0,0,0,1);
    margin:12px 0 8px
}


/* */
.service-box {
    position: relative;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    width:100%;
    float:left;
}
.service-box.icon-left > a.icon, .service-box.icon-left > div.icon  {
    text-align: center;
    position: absolute;
    left: 0;
    display: block;
    top: 0;
    border: 3px solid #eaeaea;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #666;
}

ul.catalog0,ul.cat0  {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
li.catalog0,li.cat0 {
    border: none;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    float: left;
}
li.catalog0 a,li.cat0 a{
    color: #333;
    display: block;
    font-family: inherit;
    
    text-shadow: 0px 0px 0.1px #666;
    line-height: 16px;
    padding: 15px 10px 15px;
    position: relative;
    text-transform: uppercase;
    font-weight: normal;
}
ul.cat0 a{margin-left:-10px;}
li.catalog0 > a > div, li.cat0 > a > div, .redphone a{
    font-family:Open Sans Condensed;font-weight:700;font-size: 130%;
}


li.catalog0:hover > a ,ul.catalog0 > li.selected > a,li.cat0:hover > a ,ul.cat0 > li.selected > a {
    background: #eaeaea none repeat scroll 0 0;
    color: #333;
    transition: all 0.2s ease-in;
}
li#cat37 > a > div {color: #bd0406;}

ul.catalog1 {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    border:1px solid #ccc;
    border-top: 4px solid #666;
    display:none;
    background: #fff;
    position:absolute;
    min-width:220px;
    z-index:1;
}
li.catalog0:hover  ul.catalog1 {
    display:block;
    transition: all 0.5s ease-in;
}
li.catalog0 > a > div:hover{
    color: #333;
}

li.catalog1 {
    width:100%;
    margin:0;
}

li.catalog1 > a {
    border: medium none !important;
    color: #666;
    font-weight: normal;
    display: block;
    font-size: 125%;
    padding:7px 10px;
    text-transform: none;
    text-shadow: none;
    transition: all 0.2s ease 0s;
}
li.catalog1:hover > a ,ul.catalog1 > li.selected > a {
    background: #eaeaea none repeat scroll 0 0;
    color: #333;
     -webkit-transition: top 1s ease-out 1.5s;
     -moz-transition: top 1s ease-out 1.5s;
     -o-transition: top 1s ease-out 1.5s;
     transition: top 1s ease-out 1.5s;
}

/* CONTENT */
.sns_content {
    background: #fff;
    margin: 30px 0 30px;
    /*padding-bottom: 30px;*/
    padding-top: 20px;
    position: relative;
    z-index: 1;
    min-height:200px;
}
#sns_menu .container #sns_mainnav {
    border-top: 1px solid #eaeaea;
    display: inline-block;
    min-width: 100%;
    position: relative;
    vertical-align: middle;
}

.headcat {
    display:block;overflow:hidden;
    margin-bottom:-40px;
}
.topinclud img{float:left;margin:0 20px 20px 0;}
/*===========*/
ul.product_view {
    margin: 0 0 -32px 0px;
    padding: 0;
    list-style: none;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    text-align: right;
    float: left;
}
ul.product_view li {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
}
ul.product_view li a{
    display: block;
    width: 30px;
    height: 30px;
    font-size: 14px;
    overflow: hidden;
    position: relative;
    text-align: center;
    line-height: 30px;
    border: 1px solid #efefef;
}

ul.product_view li  i{
    margin-top: 5px;
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
}
ul.product_view li a{
    display: block;
    width: 26px;
    height: 26px;
    font-size: 14px;
    overflow: hidden;
    position: relative;
    text-align: center;
    line-height: 30px;
    border: 1px solid #efefef;
}
ul.product_view li a:hover {
    border: 1px solid red;
}
ul.product_view li.current a {
    border: 1px solid red;
    color:red;
}
ul.product_view li  i.icon-fa-th:before            {content: "\f00b";}
ul.product_view li  i.icon-th-list:before         {content: "\f00a";}

/*===========*/
#showby{
    display:block;
    overflow:hidden;
    float:left;
    margin-left:80px;
    width:150px; height:30px;
    margin: 0px 0 0 100px;
}
.tab-content > .tab-pane {
    display: none;
    visibility: hidden;
}
.tab-content > .active {
    display: block;
    visibility: visible;
}
#sns_tab_products ul.nav-tabs li {
    display: inline-block;
    float:left;
    margin-bottom:-1px;
}
#sns_tab_products ul.nav-tabs > li:first-child a, #sns_tab_products ul.nav-tabs > li.tabdrop + li a {
    margin: 0;
}
#sns_tab_products ul.nav-tabs > li:hover > a, #sns_tab_products ul.nav-tabs > li.active > a {
    background: #333 none repeat scroll 0 0;
    color: #fff;
}
#sns_tab_products ul.nav-tabs > li > a {
    border: medium none;
    color: #333;
    display: inline-block;
    float: left;
    font-family: inherit;
    font-size: 133.333%;
    font-weight: 700;
    margin: 0;
    padding: 15px 20px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.2s ease-out 0s;
    vertical-align: middle;
}
#sns_tab_products .tab-content{
    position: relative;
    margin: 0;
    overflow: hidden;
    padding: 20px;
    border: 1px solid #eaeaea;
    border-top: 3px solid #333;
}
.subscriber h2 {margin:2px 10px 0 20px; padding:0;}


/* FOOTER */
#sns_footer_top {
    background: #fff;
    position: relative;
    padding: 25px 0;
    overflow:hidden;
}
#sns_footer_top .container {
    position: relative;
}
#sns_footer_top .col-sm-3 {
    min-height:180px;
    text-align:left;
    padding-top:0;
}
#sns_footer_top .col-sm-3-selector{
    height:130px;
    background-color:#ccc;
}
#sns_footer_top .container:after {
    content: "";
    width: calc(100% - 30px);
    height: 3px;
    background: #333;
    position: absolute;
    bottom: -26px;
    left: 15px;
}

#sns_footer {
    padding: 30px 0 0;
    background: #fff;
}
#sns_footer_bottom {
    background: #fff;
}
.bottommenu {
    width:250px;
    display:block;
    overflow:hidden;
}
.bottommenu li{
    list-style:none;
    padding: 10px 0;
    margin:0;
}
.bottommenu  p {
    margin-top: 0;
    text-transform: uppercase;
    color: #333;
    font-family: Open Sans Condensed;
    font-size: 140%;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top:0px;
}
.bottommenu ul li{
    padding:0 0 5px 0px;
    list-style:circle;
}
.bottommenu ul li:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 12px;
    text-align: center;
    line-height: 12px;
    box-sizing: border-box;
    margin-left:-4px;
}
.bottommenu ul li div {display:inline-block;margin-left:3px;}
.bottomtext {text-align:justify;}

.botright li:before {margin-right:10px;margin-left:0px;}


.col-lg-9 {
    width: 75%;
}
.icon-time-wrapper {display:block;height:43px;width:100%;float:left;margin-top:-45px;}
.icon-time{
    height:43px;
    line-height:43px;
    font-family:"FontAwesome";
    font-size:166.66667%;
    float:left;
    color:#666;
    width:20%;
    border:1px solid #eaeaea;
    border-right:0;
    text-align:center;
    vertical-align:middle;
}
#totop {
    font-size: 45px;
    line-height: 45px;
    color: #888;
    position: fixed;
    right: 50px;
    bottom: 50px;
    display: none;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    z-index: 20;
    font-family: FontAwesome;
    transition:0.5s;
}
#totop:hover{
    color:red;
    transition:0.5s;
}
.col-sm-3-selector{
    width:1px;
    /*background-color:#bd0406;*/
    height:100px;
    float:left;
}
.search_elm > div{
    max-height:150px;
    overflow-y:auto;
    overflow-x:hidden;
    padding: 0 5px 0 0;
}
.search_elm > div:hover{
    max-height:450px;
}
.search_elm{
    margin-bottom:20px;
}
.search_elm h4{
    color:#bd0406;
}
/* --- media < 750 --- */
@media (max-width: 768px){
.service-box h4,.service-box h3,.service-box h2,.service-box h1 {
    margin: 0 0 5px 0px;
}
.sitename{
    top:10px;
}
.col-sm-3 {
    width: 48%;
    height:120px;
    overflow:hidden;
    text-align:center;
    padding-top:20px;
}
.col-sm-3-selector{
    width:1px;
    background-color:#bd0406;
    height:100px;
    margin:10px 0;
    float:left;
}
.midselector {display:none;}
}

/* --- media 750 --- */
@media (min-width: 768px){
.container {
    width: 750px;
}
.sitename{
    top:10px;
}
.service-box h4,.service-box h3,.service-box h2,.service-box h1 {
    margin: 0 0 5px 0px;
}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {  
    float: left;
}
.col-sm-3 {
    width: 49%;
    height:100px;
    padding-top:15px;
}
.col-sm-3-selector{
    width:1px;
    background-color:#bd0406;
    height:100px;
    margin:10px 0;
    float:left;
}
.midselector {display:none;}
.col-sm-6 {
    width: 50%;
}
.col-sm-8 {
    width: 66.6%;
}
.col-sm-9 {
    width: 75%;
}
.icons  {min-width:350px;float:right;}
}
/* --- media 992 --- */
@media (min-width: 992px){
.container {
    width: 970px;
}
.col-md-3 {
    width: 33%;
}
.col-md-9 {
    width: 72%;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.service-box h4,.service-box h3,.service-box h2,.service-box h1 {
    margin: 0 0 5px 0px;
}
.col-sm-3 {
    min-width:24%;
}
.icons  {min-width:350px;float:right;}
}
/* --- media 1200 --- */   
@media (min-width: 1200px){
#rightpane {max-height:100%; overflow-y:auto;}
.container {
    width: 1170px;
}
.sitename {top:40px}
.logo {margin-top:-10px;}
.phone,.adr {
    padding-top:50px;
}
.service-box h4,.service-box h3,.service-box h2,.service-box h1 {
    margin: 0 0 2px 0px;
}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
}
.col-sm-3 {
    width: 24.5%;
    text-align:left;
}
.midselector {display:block;margin-top:30px;height: 80px;margin-top:50px;}
#sns_footer_top .midselector {margin-top:10px;}
.botright {
    float:right;
    margin:10px 0 0 0px;
}
.col-sm-3 .mycart {
    float: right;
    text-align:center;
}
.header-right {padding-left:20px;}
.col-lg-3 {
    width: 25%;
}
.col-lg-6 {
    width: 50%;
}
.col-lg-9 {
    width: 75%;
}
.col-lg-2-4 {
    float: left;
    width:25%;
}
.icons  {min-width:350px;float:right;margin-top:-10px;}
}