.logon:before{
   content:'';
   background:url("http://mya.termoprodaja.com/img/logotip.png") no-repeat 0 0;
   background-size:100%;
   display:block;
   height:30px;
   
   }            
                  
 .logon{
 text-align:center;
 display:block;
 float:left;
 height:100%;
 width:200px;
 max-width:100px;
 position:relative;
 margin-top:-15px;
 text-align:center;
  
  
 }
  

  .mo {
  
   background: #180659;
   
  
  }

.navbar-dark .navbar-toggler {
  color: #f40871;
  border-color: #f40871;
}

 /* Set the border color */
          
        .custom-toggler.navbar-toggler {
            border-color: #f40871;
        }
        /* Setting the stroke to green using rgb values (0, 128, 0) */
          
        .custom-toggler .navbar-toggler-icon {
            background-image: url(
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(244,8,113, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
float: left;

        }
  

  
  
  .header-container:after,.header-container .top-container:after,.header .quick-access:after,#nav:after,.main:after,.footer:after,.footer-container .bottom-container:after,.col-main:after,.col2-set:after,.col3-set:after,.col3-layout .product-options-bottom .price-box:after,.col4-set:after,.search-autocomplete li:after,.block .block-content:after,.block .actions:after,.block li.item:after,.block-poll li:after,.block-layered-nav .currently li:after,.page-title:after,.products-list li.item:after,.box-account .box-head:after,.dashboard .box .box-title:after,.box-reviews li.item:after,.box-tags li.item:after,.pager:after,.sorter:after,.add-to-cart:after,.product-essential:after,.product-collateral:after,.product-view .product-img-box .more-views ul:after,.product-view .box-tags .form-add:after,.product-view .box-description:after,.product-view .box-tags .form-add:after,.product-options .options-list li:after,.product-review:after,.cart:after,.cart-collaterals:after,.cart .crosssell li.item:after,.checkout-progress:after,.multiple-checkout .place-order:after,.group-select li:after,.buttons-set:after,.page-print .print-head:after,.advanced-search-summary:after,.gift-messages-form .item:after,.send-friend .form-list li p:after,.footer-call-center:after,.footer-info-box:after,.footer-call-center:after,.inner-call-center:after,.purchase-box:after,.product-tabs:after,.product-options:after,.dashboard .box-account li:after,.product-tabs-content:after,.main-branch-children:after,.commentsQuestionResponseBox:after,.usercommentquestion:after,.padder div.tab-content:after,.altireviewslist:after,.block .block-title:after,.shop-right-wrapper:after,.request-create:after,.credit-box:after,.product-info-box:after,.main-branch-children-wrapper:after,.col23top:after,.review-comments-wrapper:after,.products-list .desc:after,.top-links:after,.userprofile:after,.userreview:after,.altireviewstoolbar:after,.review_comment:after,.ul-review-comments:after,.reviewsComment li:after,.block-related ol:after,.outlet-product-versions:after,.right-ov:after,.bigCategoryBox:after,.smallCategoryBox3col:after,.smallCategoryBox4col:after,.socialmedia-buttons:after,.totals:after,.cart-table tr:after,.cart-table tfoot td:after,.discount:after,.top-block-left:after{
  content:" ";
  display:block;
  clear:both
}


@media screen and (max-width: 1200px){
  .header{
   
  }
}
@media screen and (max-width: 800px){
  .header{
    max-width:140px;
  }
}
.header,.top-content-inner,.main-container-inner{
  max-width:1185px;

  margin-right:5px;
  margin-left: 1px;
}
.header:after,.top-content-inner:after,.main-container-inner:after{
  content:" ";
  display:block;
  clear:both
}
@media screen and (min-width: 961px){
  .col1-layout .col-main{
    clear:both;
    width:100%;
    margin-left:0;
    margin-right:0
  }
}
@media screen and (min-width: 961px) and (max-width: 1024px){
  .col2-left-layout .col-main{
    width:74.68354%;
    float:right;
    margin:0;
    float:right
  }
}
@media screen and (min-width: 1025px){
  .col2-left-layout .col-main{
    width:76.79325%;
    float:right;
    margin:0;
    float:right
  }
}
@media screen and (min-width: 961px) and (max-width: 1024px){
  .col2-right-layout .col-main{
    width:74.68354%;
    float:left;
    margin-right:1.26582%
  }
}
@media screen and (min-width: 1025px){
  .col2-right-layout .col-main{
    width:76.79325%;
    float:left;
    margin-right:1.26582%
  }
}
@media screen and (min-width: 961px){
  .col-wrapper .col-main{
    width:69.41667%;
    float:left
  }
}
@media screen and (min-width: 961px) and (max-width: 1024px){
  .col-left{
    width:24.05063%;
    float:left;
    margin-right:1.26582%
  }
}
@media screen and (min-width: 1025px){
  .col-left{
    width:21.94093%;
    float:left;
    margin-right:1.26582%
  }
}
@media screen and (min-width: 961px){
  .col-wrapper .col-left{
    width:29.66245%;
    float:left;
    margin-right:1.26582%
  }
}
@media screen and (min-width: 961px) and (max-width: 1024px){
  .col-wrapper{
    width:74.68354%;
    float:left;
    margin-right:1.26582%
  }
}
@media screen and (min-width: 1025px){
  .col-wrapper{
    width:76.79325%;
    float:left;
    margin-right:1.26582%
  }
}
@media screen and (min-width: 961px) and (max-width: 1024px){
  .col-right{
    width:24.05063%;
    float:right;
    margin:0
  }
}
@media screen and (min-width: 1025px){
  .col-right{
    width:21.94093%;
    float:right;
    margin:0
  }
}
.page{
  position:relative
}
@media screen and (max-width: 800px){
  .page .top-content-container{
    display:none
  }
}
.col2-set .col-1,.col2-set .col-2{
  padding:20px 10px
}
@media screen and (min-width: 601px){
  .col2-set .col-1{
    width:49.36709%;
    float:left;
    margin-right:1.26582%
  }
}
.col2-set .col-1:nth-child(2n){
  margin-right:0
}
.col2-set .col-1.empty{
  margin-right:0;
  width:100%
}
@media screen and (min-width: 601px){
  .col2-set .col-2{
    width:49.36709%;
    float:right;
    margin:0
  }
}



.top-content-inner,.main-container-inner{
  background:#fff
}
.header{
  background:transparent
}
@media screen and (min-width: 801px){
  .mm-menu{
    display:none !important
  }
}
#my-menu:not(.mm-menu){
  display:none
}
.menu-trigger{
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  cursor:pointer;
  display:inline-block;
  float:left;
  margin:0;
  padding:2px 6px 2px 2px;
  position:relative;
  text-align:center;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-transition:all .3s ease;
  -o-transition:all .3s ease;
  transition:all .3s ease;
  vertical-align:middle;
  z-index:1
}
@media screen and (min-width: 801px){
  .menu-trigger{
    display:none
  }
}
.menu-trigger .i-menu{
  background:#d6de23;
  border-radius:3px;
  color:#1a2421;
  font-size:20px;
  height:40px;
  padding:10px 0;
  width:40px
}
@media screen and (min-width: 801px){
  html.mm-opening .mm-slideout{
    -webkit-transform:none !important;
    -ms-transform:none !important;
    transform:none !important
  }
}
html.mm-blocking #mm-blocker{
  background:#222;
  opacity:.7
}
@media screen and (min-width: 801px){
  html.mm-blocking #mm-blocker{
    display:none
  }
}

.nav-container>.mm-listview{
  margin:-20px -30px 0
}
.mm-panels>.mm-panel>.mm-listview{
  margin-top:-20px
}
.mm-listview.links{
  margin:0 -30px
}
.mm-listview>li>a,.mm-listview>li>span{
  background:none !important;
  color:#333;
  font-weight:600
}
.mm-listview li.active a{
  color:#009344
}
.mm-close{
  font-size:20px
}



@media screen and (min-width: 801px){
  .menu-trigger{
    display:none
  }
}


.i {
  display: inline-block;
  font-family: "winwin-4";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: relative;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
 
}



.header-container{
  background-color:#f5f5f5;
  width:100%;
  position:relative;
  z-index:1010
}
@media screen and (max-width: 800px){
  .header{
    height:auto;
   
  }
}
.header .logo{
   text-align:center;
 display:block;
 float:left;
 height:50%;
 width:200px;
 max-width:100px;
 position:relative;
 margin-top:-5px;
 text-align:center;
  z-index:101
}
@media screen and (min-width: 481px){
  .header .logo{
    max-width:180px
  }
}
@media screen and (min-width: 801px){
  .header .logo{
   
    max-width:160px;
    margin-bottom:0px
  }
}
@media screen and (max-width: 480px){
  .header .logo:before{
    content:'';
   background:url("http://mya.termoprodaja.com/img/logotip.png") no-repeat 0 0;
   background-size:100%;
   display:block;
   height:30px;
   
  }
}
.header .logo img{
  max-width:100%;
  display:none
  
}
@media screen and (min-width: 481px){
  .header .logo img{
    display:inline
  }
}
.header .logo strong{
  border:0;
  clip:rect(0, 0, 0, 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px
}
.header .form-language{
  clear:both;
  text-align:right
}
.header-container .top-container{
  clear:both;
  text-align:right
}
.hidden-block{
  display:none
}
.quick-access:after{
  content:" ";
  display:block;
  clear:both
}
@media screen and (max-width: 800px){
  .quick-access{
    float:right
  }
}
@media screen and (min-width: 801px){
  .quick-access{
    width:calc(100% - 300px);
    margin-top:5px;
    float:right
  }
}
@media screen and (min-width: 801px){
  .quick-access-left{
    width:calc(100% - 300px);
    float:left;
    position:relative
  }
}
@media screen and (min-width: 801px){
  .quick-access-right{
    float:right;
    margin-top:4px;
    position:relative;
    width:275px;
    text-align:right
  }
}
@media screen and (max-width: 800px){
  .quick-access-left,.quick-access-right{
    float:left
  }
}




.pilot {
  color: #f40871 !important;
 
  background: #180659 ;
 border: 0px;
 padding:0px;
float:right;
}

.pilot:hover {
 border-style: solid;
  border-width: 1px;
  color: #f40871 !important;
  border-radius:3px;
}



 .sub_div {
              text-align: center;
            }
            
            
  .dropdown-item {
   color: #fff;
  
  }  
  
  .dropdown-menu {
   background: #180659 ;
  
  }    
  
  .router-link-active {
  color: red;
}