/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/**
 * Product Item Selectors
 */
/***********************************************************************/
/**
* Transition-timing-function property@mixin 
*/
/*background RGBA
============================================*/
/****/
/* RIGHT TO LEFT */
/** CHECKOUT BY STEP */
/*  
 * LAYOUT VARIABLES 
 */
.columns-container:before {
  background-image: url("img/blue.png");
}

.btn-outline:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3095e7), color-stop(100%, #0067d4));
  background-image: -webkit-linear-gradient(#3095e7, #0067d4);
  background-image: -moz-linear-gradient(#3095e7, #0067d4);
  background-image: -o-linear-gradient(#3095e7, #0067d4);
  background-image: linear-gradient(#3095e7, #0067d4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3095e7', endColorstr='#0067d4',GradientType=0 );
}

.pagination > li > a:hover, .pagination .pagination > li > span:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3095e7), color-stop(100%, #0067d4));
  background-image: -webkit-linear-gradient(#3095e7, #0067d4);
  background-image: -moz-linear-gradient(#3095e7, #0067d4);
  background-image: -o-linear-gradient(#3095e7, #0067d4);
  background-image: linear-gradient(#3095e7, #0067d4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3095e7', endColorstr='#0067d4',GradientType=0 );
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3095e7), color-stop(100%, #0067d4));
  background-image: -webkit-linear-gradient(#3095e7, #0067d4);
  background-image: -moz-linear-gradient(#3095e7, #0067d4);
  background-image: -o-linear-gradient(#3095e7, #0067d4);
  background-image: linear-gradient(#3095e7, #0067d4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27a921', endColorstr='#3095e7',GradientType=0 );
}

a {
  color: darkgrey;
}
a:hover, a:focus {
  color: #007bd9;
}

.btn-outline-inverse {
  color: white;
  background-color: #007bd9;
  border-color: #007bd9;
}
.btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse:active, .btn-outline-inverse.active {
  color: white;
  background-color: #818181;
  border-color: #818181;
}
.open .btn-outline-inverse.dropdown-toggle {
  color: white;
  background-color: #818181;
  border-color: #818181;
}
.btn-outline-inverse:active, .btn-outline-inverse.active {
  background-image: none;
}
.open .btn-outline-inverse.dropdown-toggle {
  background-image: none;
}
.btn-outline-inverse.disabled, .btn-outline-inverse.disabled:hover, .btn-outline-inverse.disabled:focus, .btn-outline-inverse.disabled:active, .btn-outline-inverse.disabled.active, .btn-outline-inverse[disabled], .btn-outline-inverse[disabled]:hover, .btn-outline-inverse[disabled]:focus, .btn-outline-inverse[disabled]:active, .btn-outline-inverse[disabled].active, fieldset[disabled] .btn-outline-inverse, fieldset[disabled] .btn-outline-inverse:hover, fieldset[disabled] .btn-outline-inverse:focus, fieldset[disabled] .btn-outline-inverse:active, fieldset[disabled] .btn-outline-inverse.active {
  background-color: #007bd9;
  border-color: #007bd9;
}
.btn-outline-inverse .badge {
  color: #007bd9;
  background-color: white;
}

.btn-outline {
  color: white;
  background-color: #818181;
  border-color: #818181;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
  color: white;
  background-color: #007bd9;
  border-color: #007bd9;
}
.open .btn-outline.dropdown-toggle {
  color: white;
  background-color: #007bd9;
  border-color: #007bd9;
}
.btn-outline:active, .btn-outline.active {
  background-image: none;
}
.open .btn-outline.dropdown-toggle {
  background-image: none;
}
.btn-outline.disabled, .btn-outline.disabled:hover, .btn-outline.disabled:focus, .btn-outline.disabled:active, .btn-outline.disabled.active, .btn-outline[disabled], .btn-outline[disabled]:hover, .btn-outline[disabled]:focus, .btn-outline[disabled]:active, .btn-outline[disabled].active, fieldset[disabled] .btn-outline, fieldset[disabled] .btn-outline:hover, fieldset[disabled] .btn-outline:focus, fieldset[disabled] .btn-outline:active, fieldset[disabled] .btn-outline.active {
  background-color: #818181;
  border-color: #818181;
}
.btn-outline .badge {
  color: #818181;
  background-color: white;
}

.block-default {
  border-color: #dddddd;
}
.block-default .title_block {
  color: #333333;
  background-color: whitesmoke;
  border-color: #dddddd;
}
.block-default .title_block a {
  color: #333333;
}
.block-default .title_block + .block-collapse .block_content {
  border-top-color: #dddddd;
}
.block-default > .block-footer + .block-collapse .block-body {
  border-bottom-color: #dddddd;
}

.block-primary {
  border-color: #999999;
}
.block-primary .title_block {
  color: white;
  background-color: #999999;
  border-color: #999999;
}
.block-primary .title_block a {
  color: white;
}
.block-primary .title_block + .block-collapse .block_content {
  border-top-color: #999999;
}
.block-primary > .block-footer + .block-collapse .block-body {
  border-bottom-color: #999999;
}

.block-success {
  border-color: #d6e9c6;
}
.block-success .title_block {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.block-success .title_block a {
  color: #3c763d;
}
.block-success .title_block + .block-collapse .block_content {
  border-top-color: #d6e9c6;
}
.block-success > .block-footer + .block-collapse .block-body {
  border-bottom-color: #d6e9c6;
}

.block-info {
  border-color: #bce8f1;
}
.block-info .title_block {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.block-info .title_block a {
  color: #31708f;
}
.block-info .title_block + .block-collapse .block_content {
  border-top-color: #bce8f1;
}
.block-info > .block-footer + .block-collapse .block-body {
  border-bottom-color: #bce8f1;
}

.block-warning {
  border-color: #faebcc;
}
.block-warning .title_block {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.block-warning .title_block a {
  color: #8a6d3b;
}
.block-warning .title_block + .block-collapse .block_content {
  border-top-color: #faebcc;
}
.block-warning > .block-footer + .block-collapse .block-body {
  border-bottom-color: #faebcc;
}

.block-danger {
  border-color: #ebccd1;
}
.block-danger .title_block {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.block-danger .title_block a {
  color: #a94442;
}
.block-danger .title_block + .block-collapse .block_content {
  border-top-color: #ebccd1;
}
.block-danger > .block-footer + .block-collapse .block-body {
  border-bottom-color: #ebccd1;
}

#topbar {
  border-bottom: 1px solid #f6f4f4;
  background: #212525;
}
#topbar a:hover {
  color: #007bd9;
}
#topbar .inner {
  background: #212525;
  color: #9c9c9c;
}
#topbar .inner a {
  color: #9c9c9c;
}
#topbar .inner a:hover {
  color: #007bd9;
}
#topbar .links-outline a {
  color: #007bd9;
}
#topbar .btn-group .quick-setting a:hover {
  color: #007bd9;
}

#leo-mainnav {
  background: url("../img/bg-body.png");
}
#leo-mainnav .inner {
  background: url("../img/bg-body.png");
  color: #9c9c9c;
}
#leo-mainnav .inner a {
  color: #9c9c9c;
}
#leo-mainnav .inner a:hover {
  color: #007bd9;
}

#footer #newsletter_block_left .btn-danger {
  background-color: #007bd9;
  border-color: #007bd9;
}

.footer-top .inner .social_carousel {
  background-color: #007bd9;
}
.footer-top .inner .social_carousel .carousel-control {
  border-color: #007bd9;
}

.footer-center .inner .title_block span {
  color: #007bd9;
  text-shadow: -1px 0px 0px #007bd9;
}

.footer-nav {
  background: #007bd9;
}
.footer-nav .inner {
  background: #007bd9;
}

.block_content .carousel-control:hover {
  color: #007bd9;
}

.bullet li a:hover:before {
  color: #007bd9;
}

#footer #newsletter_block_left.block .title_block {
  color: #b4b4b4;
}

.box-services:hover h4,
.box-services:hover .iconbox {
  color: #007bd9;
}

.content_sortPagiBar .display a.active, .content_sortPagiBar .display a:hover {
  background-color: #007bd9;
  border: 1px solid #007bd9;
}
.content_sortPagiBar .display a.active .fa, .content_sortPagiBar .display a:hover .fa {
  color: white;
}

.breadcrumb {
  color: #007bd9;
}
.breadcrumb a:hover {
  color: #007bd9;
}

#cart h4 {
  color: #007bd9;
}

div.verticalmenu .navbar-nav > li:hover > a {
  color: #007bd9;
}
div.verticalmenu .navbar-nav > li > a:hover, div.verticalmenu .navbar-nav > li > a:focus {
  color: #007bd9;
}
div.verticalmenu .navbar-nav > li > a:hover .menu-title, div.verticalmenu .navbar-nav > li > a:focus .menu-title {
  color: #007bd9;
}
div.verticalmenu .navbar-nav > li:hover > a .caret {
  border-top-color: #007bd9;
}

.leo-megamenu .navbar-nav > li:hover > a, .leo-megamenu .navbar-nav > li.active > a {
  color: #007bd9;
}
.leo-megamenu .navbar-nav > li:hover > a .caret, .leo-megamenu .navbar-nav > li.active > a .caret {
  color: #007bd9;
}
.leo-megamenu .navbar-nav > li > a:hover, .leo-megamenu .navbar-nav > li > a:focus, .leo-megamenu .navbar-nav > li > a:active {
  color: #007bd9;
}
.leo-megamenu .navbar-nav li a:hover {
  color: #007bd9;
}

.price {
  color: #007bd9;
}

.products_block .page-subheading span {
  color: #007bd9;
}

.product-block .name a {
  color: #212525;
}
.product-block .name a:hover {
  color: #007bd9;
}

/** product **/
.product-label.new-box {
  background-color: #007bd9;
}

.product-block .functional-buttons .btn:hover {
  color: #007bd9;
}

.content_sortPagiBar .display .selected a {
  background-color: #007bd9;
  border: 1px solid #007bd9;
}

.nav-pills > li > a:hover {
  color: #007bd9;
  background-color: transparent;
}
.nav-pills > li > a:hover:before {
  background-color: #007bd9;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #007bd9;
  background-color: transparent;
}
.nav-pills > li.active > a:before, .nav-pills > li.active > a:hover:before, .nav-pills > li.active > a:focus:before {
  background-color: #007bd9;
}