/* Add here all your css styles (customizations) */
body{
    font-family: 'Open Sans', sans-serif !important;
}
.ThemeBorder{border: 1px solid #F57729;}
.ThemeBackground{background-color:#F57729; color:white;}
.SelectedThumb{ border-radius:2px; box-shadow: 2px 2px 5px #878787; text-align:center;}

a, a:hover, a:visited, a:active {
    color: black;
    text-decoration: none;
}

.btn-primary, .btn-primary.active, .btn-primary:active, .btn-primary:visited {
    background: #232526; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #5e5e5e, #474747); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #5e5e5e, #474747); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: white;
    border: none;
   box-shadow: 2px 2px 5px 1px rgba(00,00,00,0.2);
     -webkit-box-shadow:2px 2px 5px 1px rgba(00,00,00,0.2);
}
 .btn-primary:focus{
     background: #232526 !important; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #5e5e5e, #474747) !important; /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #5e5e5e, #474747) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
      box-shadow:none !important;
      -webkit-box-shadow: none !important;
     
 }

 .background-white:focus , .background-white.active{
   color: white !important;
 }


 .form-control:focus{
     border-color: #000 !important;
     box-shadow:none;
 }
 .form-control:hover{
     border-color: #000 !important;
     box-shadow:none;
 }
.max-theme-background {
    background: #232526; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #5e5e5e, #474747); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #5e5e5e, #474747); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.btn-primary:hover {
    box-shadow:none;
}

.btn-default, .btn-default:hover, .btn-default:active, .btn-default:visited {
    color: #56575A !important;
    background-color:white !important;
    border-radius: 0 !important;
}

.illustration-v2 .add-to-cart:hover {
	color: #fff;
	text-decoration: none;
	background: #F57729;
	transition: background-color 0.2s ease-in-out;
}
        .LogoProfileLink:hover {
            color: #F57729;
            border-color: #F57729;
        }



.DefaultBackground{ 
    background: #232526; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #5e5e5e, #474747); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #5e5e5e, #474747); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color:white;}
.ThemeFontColor{color:#F57729;}

@media(max-width:1199px){
             .container{width:100%;}
}

.pagination.pagination-v2 > li > a:hover, .pagination.pagination-v2 > .active > a, .pagination.pagination-v2 > .active > span, .pagination.pagination-v2 > .active > a:hover, .pagination.pagination-v2 > .active > span:hover, .pagination.pagination-v2 > .active > a:focus, .pagination.pagination-v2 > .active > span:focus {
    background: black !important;
    border-color: black !important;
    color:white !important;
}




    
.btn-fill-dark {
 
  position: relative;
  padding: 8px;
  border: 1px #000 solid;
  border-radius: 4px;
  outline: 0;
  overflow:hidden;
  background: none;
  z-index: 1;
  cursor: pointer;
  transition:         0.08s ease-in;
  -o-transition:      0.08s ease-in;
  -ms-transition:     0.08s ease-in;
  -moz-transition:    0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
}


.btn-fill-light{
  
  
  padding: 8px;
  border: 1px #fff solid;
  border-radius: 4px;
  outline: 0;
  overflow:hidden;
  background: none;
  z-index: 1;
  cursor: pointer;
  transition:         0.08s ease-in;
  -o-transition:      0.08s ease-in;
  -ms-transition:     0.08s ease-in;
  -moz-transition:    0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
}

.fill-dark:hover {
  color: #ffffff !important;
}

.fill-dark:before {
  content: "";
  position: absolute;
  background: #383736;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.09s ease-in;
}

.fill-dark:hover:before {
  top: 0;
}



.fill-light:hover {
  color: #000 !important;
  background-color:white;
 
  -webkit-transition: all 0.3s ease-in;
}


@media(min-width:576px)
{
    
.top-selling{
    padding: 0px ;
}


}