body {
   font: 13px/1.4 "Open Sans";
}

h1, h2 {
   font-weight: 700;
   line-height: 1.2;
}

h3, h4, h5, h6 {
   font-weight: 600;
   line-height: 1.3;
}

hr {
   border-top: 1px solid #ddd;
}
.page-header {
   border-bottom-color: #ddd;
   margin-bottom: 30px;
   margin-top: 30px;
   overflow: hidden;
}
.vertical-align {
  display: flex;
  flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
  justify-content: center; /* Optional, to align inner items 
                              horizontally inside the column */
}




.form-control {
   box-shadow: none!important;
}

.btn {
   border: 0;
   background-color: #009641;
   color: #fff;

   text-transform: uppercase; 
   font-weight: 700;
   letter-spacing: 1px;
   overflow: hidden;
}
.btn:hover, .btn:active {
   color: #fff!important; 
   background-color: #006633!important;  
}
.btn:focus {
   color: #f9c433!important; 
   background-color: #006633!important; 
}

a {
   color: #009641;
   outline: none!important;
}
a:hover, a:focus {
   color: #006633;  
}
#logo img {
   max-width: 100%;
   width: 180px;
   margin-bottom: 20px;
}

.greenline {
   background-color: #009641;
   color: #fff;
   padding-top: 10px;
   margin-bottom: 30px;
}
.greenline a {
   color: #fff;
   font-weight: 700;
}
.greenline a:hover, .greenline a:focus {
   color: #fff;  
}
.greenline .active {
   color: #f9c433!important;
}


.phone1:before {
   content:"";
   display: inline-block;
   width: 13px;
   height: 13px;
   background-image: url(../image/vodafone.png);
   background-size: cover;
   margin-right: 3px;
   margin-bottom: -2px;
}
.phone2:before {
   content:"";
   display: inline-block;
   width: 13px;
   height: 13px;
   background-image: url(../image/kyivstar.png);
   background-size: cover;
   margin-right: 3px;
   margin-bottom: -2px;
}



.phones:before {
   font-family: 'Glyphicons Halflings';
   content:"\e145";
   font-size: 12px;
}
.account:before {
   font-family: 'Glyphicons Halflings';
   content:"\e161";
   font-size: 12px;
}

.phones a, .account a {
   display: inline-block;
   margin-left: 5px;
}

.searchblock {
   position: relative;
}
.searchblock .form-control {
   padding-left: 30px;
   margin-bottom: 20px;
   border: 0!important;
   background-color: #f5f5f5;
}
.searchblock .button-search {
   position: absolute;
   top: 7px;
   left: 25px;
   float: left;
   cursor: pointer;
}
.searchblock .button-search span {
   color: #777;
}

.cartblock > div {
   margin-bottom: 20px;
}
.cartblock h5 {
   margin-top: 0;
   margin-bottom: 0;
   font-weight: 700;
}
.cartblock > div:before {
   font-family: 'Glyphicons Halflings';
   content:"\e116";
   padding-right: 15px;
   color: #f9c433;
   font-size: 24px;
   float: left;
   border-right: 1px solid #ddd;
   margin-right: 15px;
}




.navbar {
   margin-bottom: 30px;
        border-radius: 4px;
}

.navbar-brand {
    height: auto;
    padding: 15px 0 0 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #000!important;
}

.navbar-default {
        border: 0px;
        background: #fff;
}
.navbar-default .navbar-nav > li > a {
	color: #000;
        font-weight: 600;
        font-size: 16px;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #006633;
	text-decoration: underline;
}
.navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
}
.navbar-default .navbar-toggle {
        background-color: #009641;
        border-color: #009641; 
        float: left;
        margin-right: 10px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #006633;
        border-color: #006633;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #ddd;
}
.navbar-collapse {
        padding-left: 0;
        padding-right: 15px;
}
.navbar-brand {
        padding-left: 0px;
}
.navbar-toggle {
        margin-right: 0px;
}

.dropdown-menu {
        border: 0;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

/*
span.caret {
        margin-left: 5px;
        margin-top: -4px;
}
*/

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        background-color: transparent;
        color: #006633;
}



.breadcrumb {
    margin-bottom: 0;
}











/* home */



.maincat .topgreenblock,
.maincat .topyellowblock {
    overflow: hidden;
}

.maincat .topgreenblock img,
.maincat .topyellowblock img {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  z-index: 9;
}
.maincat .topgreenblock:hover img,
.maincat .topyellowblock:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.maincat .topgreenblock .btn,
.maincat .topyellowblock .btn {
  position: relative;
  z-index: 11;
}

.maincat .topgreenblock em,
.maincat .topyellowblock em {
    font-weight: 600;
}


.frontmod .price {
    font-weight: 600;
    font-size: 16px;
}
.frontmod h4 {
    font-size: 16px;
}

.frontmod .btn {
    margin-top: 10px;
}

.frontmod .row > div {
    margin-bottom: 30px;
}

.frontmod .cart {
    display: none;
}

.frontmod .image img {
       width: 180px; 
       max-width: 100%;
}


/* catalog */


.product-list .price,
.product-list .cart {
       margin-bottom: 20px;
}

.product-list .price {
       font-weight: 600;
       font-size: 18px;
}

.product-list .image img {
       width: 180px; 
       max-width: 100%;
}


.alert {
       border: 0;
       border-radius: 0;
}
.close {
       font-size: 15px;
       opacity: .33;
}


.category-info {
       margin-top: 10px;
       margin-bottom: 30px;
}

.table .image {
       text-align: left;
}
.table .image img {
       max-width: 75px;
}




/* product */

.product-info .price,
.product-info .cart,
.product-info .quantity {
       margin-bottom: 20px;
}

.product-info .image {
       margin-bottom: 30px;
}

.product-info .image img { 
       max-width: 100%;
}


.product-info .quantity {
       width: 140px;
}

.product-info .quantity .glyphicon {
       cursor: pointer;
}

.product-info .price {
       font-weight: 600;
       font-size: 24px;
}




.price .list-inline {
   margin-bottom: 0;
}

.price-old {
   display: block;
   float: left;
   position: relative;
   font-weight: 400;
   color: #666;
}
.price-new {
   display: block;
   float: left;
}
.price-old:before {
   display: block;
   position: absolute;
   content: "";
   top: 50%;
   left: -3px;
   width: 110%;
   border-bottom: 1px solid red;
   transform: rotate(-27deg);
}



.topgreenblock, .topyellowblock {
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 10px;
   padding-bottom: 20px;
   margin-bottom: 15px;
   overflow: hidden;
}
.topgreenblock em, .topyellowblock em {
   font-size: 15px;
}
.topgreenblock img, .topyellowblock img {
   max-width: 100%;
}
.topgreenblock {
   background-color: #e9f6e9;
}

.topyellowblock {
   background-color: #f2eee2;
}

.topgreenblock .btn, .topyellowblock .btn {
   margin-top: 10px;
}




.introblock h3 {
   margin-top: 10px;
   font-weight: 700;
}

.introblock .topgreenblock h4, .introblock .topyellowblock h4 {
   margin-top: 10px;
}

.introblock .topgreenblock {
   margin-top: 15px;
}



.input-group-addon,
.input-group .form-control {
   border-radius: 0!important;
}


.greyline {
   background-color: #f5f5f5;
   border-top: 3px solid #ddd;
   margin-top: 30px;
   padding-top: 20px;
   padding-bottom: 10px;
}




.manufacturer li {
   background-color: #f5f5f5;
   font-weight: 600;
   font-size: 16px;
   margin-right: 20px;
   margin-bottom: 20px;
   padding: 5px 15px;
}





/* Filter */

.mfilter-box {
   margin-bottom: 30px;
   background-color: #f5f5f5;
}
.mfilter-box .box-heading {
   background-color: #009641;
   color: #fff;
   padding: 10px 15px;
}

.mfilter-box .box-heading .glyphicon {
   margin-right: 5px;
   font-size: 15px;
}


.mfilter-box .box-content.mfilter-content {
   padding: 0 15px;
   overflow: auto;
   max-width: 300px;
}

.mfilter-box .box-content h4 {
   margin-top: 0;
   margin-bottom: 15px;
   font-size: 16px;
}

.mfilter-box .box-heading h4 {
   margin: 0;
}

.mfilter-box .input-group-addon {
   padding: 5px 10px;
}

.mfilter-box .radio label, .mfilter-box .checkbox label, .mfilter-category li a {
    font-weight: 600;
}

.mfilter-box .radio, .mfilter-box .checkbox {
    margin-bottom: 0;
    margin-top: 0;
}

.mfilter-box .badge {
    display: block;
    float: right;
}

.mfilter-box .mfilter-slider-slider .ui-slider-handle, .mfilter-box #mfilter-price-slider .ui-slider-handle {
    top: -4px;
}
.mfilter-box .mfilter-price-slider {
    margin-top: 20px!important;
}
/*
.mfilter-box #mfilter-opts-price-min, .mfilter-box #mfilter-opts-price-max {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
}
*/

.mfilter-box .mfilter-filter-item .mfilter-options {
    padding: 0;
}

.mfilter-box .mfilter-filter-item .mfilter-option {
    padding: 5px; 
    border: 0!important;
}

.mfilter-box .mfilter-category-tree ul li a {
    display: inline;
    font-weight: 600;
}

.mfilter-box .mfilter-filter-item .mfilter-option:hover {
    background-color: #e5e5e5;
}


.mfilter-box .button-bottom {
    padding-bottom: 20px;
}
.mfilter-box .button-bottom a.mfilter-button-reset {
    margin-left: 0;
    font-weight: 600;
    float: none;
}
.mfilter-box .button-bottom span {
    padding-right: 5px;
}

.mfilter-box .mfilter-category-tree ul li.mfilter-to-parent {
    padding: 0;
    background-image: none;
}

.mfilter-box .mfilter-category-tree ul li.mfilter-to-parent a, .mfilter-box .mfilter-option a {
    cursor: pointer;
}
.mfilter-box .mfilter-category-tree ul li.mfilter-to-parent a:before {
   font-family: 'Glyphicons Halflings';
   content:"\e095";
   padding-right: 5px;
}













/* Account */

div.account-links {
    margin-bottom: 20px;
}

div.account-links span.glyphicon {
    padding-right: 10px;
    color: #f9c433;
    font-size: 15px;
}

.client-address a {
    font-weight: 600;
}
.client-address span.glyphicon {
    padding-right: 5px;
    font-size: 12px;
}

form .list-inline {
    margin-bottom: 0;
}




/* Pagination */

.pagination > li > a, .pagination > li > span {
    border-radius: 0!important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
   background-color: #009641;
   border-color: #009641; 
}
.pagination > li > a, .pagination > li > span {
   color: #009641;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
   color: #006633;  
}





.form-group .simplecheckout-error-text {
    margin-top: 5px;
    color: #a94442;
}
.form-group .simplecheckout-required {
    color: #a94442;
    font-weight: 400;
}


.form-group.register_country_id,
.form-group.payment_address_country_id
 {
    display: none;
}


td.quantity input {
        text-align: center;
        margin-bottom: 8px;
}
td.quantity span.glyphicon {
        font-size: 15px;
        position: relative;
        padding-right: 5px;
	color: #009641;
}
td.quantity span.glyphicon:hover, td.quantity span.glyphicon:focus {
	color: #006633;        
}
td.quantity span.glyphicon input {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
}



.image {
        position: relative;
        text-align: center;
        padding-bottom: 10px;
}

.stickers.list-inline {
        position: absolute;
        bottom: -10px;
        width: 100%;
        margin-left: 0;
}

.stickers li:before {
        display: inline-block;
        line-height: 1;
        padding: 2px 0;
        font-size: 10px; 
        text-transform: uppercase;
        font-weight: 700;   
        width: 42px;    
        border-radius: 0 0 4px 4px;
        letter-spacing: 1px; 
        background-color: #fff;
}

.stickers li.newlabel:before {
        content: "new";
        border: 2px solid #009900;
        color: #009900;
}
.stickers li.popularlabel:before {
        content: "hit";
        border: 2px solid #ff6600;
        color: #ff6600;
}
.stickers li.speciallabel:before {
        content: "sale";
        border: 2px solid #cc0000;
        color: #cc0000;
}
.stickers li.soldlabel:before {
        content: "sold";
        border: 2px solid #0066ff;
        color: #0066ff;
}

.zaxidna img {
        width: 90px;
}

.addthis_inline_share_toolbox {
        margin-top: 20px;
}



/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

.topgreenblock, .topyellowblock {
   padding-top: 20px;
   padding-bottom: 30px;
   padding-left: 30px;
   padding-right: 30px;
   margin-bottom: 30px;
}

.maincat .topgreenblock {
   min-height: 400px;
}

.maincat .topyellowblock {
   min-height: 240px;
}

.maincat .topgreenblock .btn, 
.maincat .topyellowblock .btn {
   margin-top: 20px;
}

.navbar-default .navbar-nav > li > a {
        padding-left: 0;
}

.navbar-brand {
   display: none;
}

.frontmod .row > div:nth-child(2n+1) {
   clear: left;
}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

.accountblock {
   text-align: right;
}

.topgreenblock, .topyellowblock {
   padding-left: 45px;
   padding-right: 45px;
}

.maincat .topgreenblock .btn, 
.maincat .topyellowblock .btn {
   font-size: 16px;
   padding: 9px 15px;
}

.topgreenblock img {
   max-width: 100%;
   width: 360px;
   margin-top: -30px;
   float: right;
}

.topyellowblock img {
   max-width: 100%;
   width: 210px;
   margin-top: -100px;
   float: right;
}

.frontmod .row > div:nth-child(2n+1) {
   clear: none;
}
.frontmod .row > div:nth-child(4n+1) {
   clear: left;
}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

.navbar-default .navbar-nav > li > a {
        padding-right: 20px;
}

}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}