.mask-overlay,.theme-color-mask, .white-mask {z-index: 1; position: relative;}
.mask-overlay::before,.theme-color-mask::before, .white-mask::before {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.mask-overlay::before{ background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;}
.white-mask::before{ background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;}
 
 
 

 

/******************************* 
    3 - INNER PAGES CSS STARTS 
********************************/


/*--------------------- Breadcrumbs Starts ------------------------- */
.breadcrumb-bg-2 {background: #f2f2f2; padding: 80px 0 100px; text-align: center; color: #000;}
.breadcrumb-bg {
    background-image: url("../img/common/bag-rop-bg-detail-product.png");
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    padding: 150px 0 180px;
}
.breadcrumb-bg.bg-img-2 {background-image: url("../img/common/about-us-bg.png");}
.breadcrumb-bg.bg-img-3 {background-image: url("../img/common/contact-bg-banner.png");}
.breadcrumb-bg.bg-img-4 {background-image: url("../img/common/breadcrumb-bg-4.jpg");}
.breadcrumb-bg.bg-img-5 {background-image: url("../img/common/blog-bg-banner.jpg");}
.breadcrumb-menubar{background:transparent none repeat scroll 0 0;margin:0;padding:0}
.breadcrumb-menubar > li{text-transform:capitalize;}
.breadcrumb-bg li, .breadcrumb-bg li > a, .breadcrumb-bg h1  {color: #fff;}
.breadcrumb-menubar > li > a:after{
    content: "/";
    color: #fff;
    padding: 0 3px;
}
.breadcrumb-bg-2 .breadcrumb-menubar > li > a:after{color: #000;}
.breadcrumb-menubar > li > a:hover, .breadcrumb-menubar > li > a:focus {color: #999;}
@media (max-width: 1199px) {
    .breadcrumb-bg {padding: 80px 0 100px;}
}
/*--------------------- Breadcrumbs Ends ------------------------- */


/*---------------- Product Categories Sidebar Starts ------------------------ */

/*-- Category Css --*/
.right-sidebar .prod-sidebar {float: right;}
.prod-sidebar .widget-wrap {margin-bottom: 40px;}
.prod-sidebar .widget-title {margin: 0; padding-bottom: 14px;}
.prod-sidebar .widget-title, .prod-sidebar .category li, .prod-sidebar .panel li, .prod-sidebar .widget-heading,
.prod-sidebar .widget-content .recent-wrap {border-bottom: 1px solid #eeeeee;}
.prod-sidebar .widget-content ul{margin-bottom: 0;}
.prod-sidebar .widget-content li, .prod-sidebar .widget-content .category li {
    display: inline-block;
    padding: 10px 0;
    vertical-align: middle;
    width: 100%;
}
.prod-sidebar .category li:last-child, .widget-content .recent-wrap:last-child {border-bottom: none;}
.prod-sidebar .panel-group {margin: 0;}
.prod-sidebar .panel {border-radius: 0; box-shadow: 0; margin-top: 0; box-shadow: none;}
.prod-sidebar .panel + .panel {margin: 0;}
.prod-sidebar .panel a {display: inline-block; width: 100%; position: relative;}
.prod-sidebar .widget-heading {padding-top: 8px;}
.prod-sidebar .widget-heading a {padding: 0 0 10px;}
.prod-sidebar .widget-heading a:after {
    content: "K";
    font-family: "ElegantIcons";
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 0;
    line-height: normal;
}
.prod-sidebar .widget-heading a.collapsed:after {content: "L";}
.prod-sidebar .category li > a {
    display: inline-block;
    font-size: 13px;
    width: 100%;
    position: relative;
}
.prod-sidebar .category li > a span {color: #999999;}
.prod-sidebar .category li > a::before,
.prod-sidebar .panel a:before {
    content: "^";
    font-family: "ElegantIcons";
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    vertical-align: middle;
    margin-right: 10px;
    display: none;
    margin-top: -3px;
}
.prod-sidebar .panel .panel-collapse a:before {
    margin-right: 25px;
}
/*-- / Category Css --*/

/*-- Range Css --*/
.prod-sidebar .filter-option .widget-title {margin-bottom: 30px;}
.widget-content #slider-range {
    background-color: #333333;
    background-image: none;
    border: medium none;
    border-radius: 0;
    height: 1px;
    margin: 35px 0 30px;
}
.widget-content .amount {
    color: #000000;
    font-size: 13px;
    font-weight: normal;
}
.widget-content #amount {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #000000;
    font-size: 13px;
    width: 150px;
}
#slider-range .ui-widget-header{
    background-image: none;
    background-color: #000000;
}
#slider-range .ui-slider-handle{
    background-color: #333;
    background-image: none;
    border: medium none;
    border-radius: 0;
    height: 15px;
    margin-left: 0;
    top: -8px;
    width: 15px;
}
/*-- / Range Css --*/

/*-- Filter Option Css --*/
.filter-option .widget-content {margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eee;}
.filter-option .widget-content:last-child {
    border-bottom: 0 none;
    padding-bottom: 0;
}
.prod-sidebar .filter-option li {display: inline-block; width: auto; padding-bottom: 0;}
.filter-option .color-optn a {
    border: 1px solid rgba(0, 0, 0, 0);
    display: inline-block;
    line-height: normal;
    padding: 2px;
    vertical-align: middle;
}
.filter-option .color-optn a:focus, .filter-option .color-optn a:hover {border-color: #000;}
.filter-option .size-optn a {
    background-color: #efefef;
    color: #333333;
    display: inline-block;
    font-weight: 600;
    height: 25px;
    min-width: 25px;
    padding: 2px 6px;
    text-align: center;
}
.filter-option .size-optn li {padding-right: 10px;}
.filter-option .size-optn a:focus, .filter-option .size-optn a:hover {background-color: #333; color: #fff;}
/*-- / Filter Option Css --*/

/*-- Recent Product Css --*/
.prod-sidebar .widget-content .recent-wrap {    
    margin-bottom: 15px;
    padding-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.prod-sidebar .recent-prod .col-xs-8 {padding-left: 0;}
.prod-sidebar .recent-prod {margin-top: 30px;}
.prod-sidebar .recent-prod .product-title {margin-top: 0; font-size: 12px;}
.prod-sidebar .recent-prod .price b {color: #000;}
.prod-sidebar .recent-prod .image {float: left;}
.prod-sidebar .recent-prod .product-content {display: block; margin-left: 90px;}

/*-- / Recent Product Css --*/

/*---------------- Product Categories Sidebar Ends ------------------------ */


/*---------------------- Sorter Bar CSS Starts ---------------------------- */
.sorter-bar > div {
    float: left;
    line-height: normal;
    vertical-align: middle;
    width: 28%;
    margin-bottom: 25px;
}
.sorter-bar > div:last-child {width: 16%; padding-left: 0;}
.sorter-bar > div + div {padding-left: 10px;}
.sorter-bar .show-result {margin-top: 3px;} 
.sorter-bar .select-option form label {
    float: left;
    font-weight: 400;
    margin-bottom: 0;
    margin-right: 10px;
    margin-top: 2px;
    text-transform: uppercase;
}
.sorter-bar .btn.dropdown-toggle.btn-default {
    border: medium none;
    float: left;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    line-height: normal;
    padding: 0;
    position: relative;
}
.sorter-bar .search-selectpicker.selectpicker-wrapper {
    float: left;
    line-height: normal;
    width: 110px;
}
.sorter-bar .btn-group.open .dropdown-toggle {background-color: rgba(0, 0, 0, 0);  box-shadow: none;}
.sorter-bar .bootstrap-select.btn-group .dropdown-toggle .caret {right: 10px;}
.sorter-bar .btn-group.bootstrap-select {position: relative;}
.sorter-bar .bootstrap-select .btn .filter-option {line-height: normal; font-weight: 600;}
.sorter-bar .bootstrap-select .dropdown-menu {
    border: medium none;
    border-radius: 0;
    min-width: 140px;
    text-transform: uppercase;
}
.sorter-bar .bootstrap-select.btn-group .dropdown-menu li a {color: #999; font-weight: 600;}
.sorter-bar .bootstrap-select.btn-group .dropdown-menu li a:hover {color: #000;}
.sorter-bar .dropdown-menu > li > a:focus, .sorter-bar .dropdown-menu > li > a:hover {background-color: transparent;}

.sorter-bar .tabs-btns {text-align: right;}
.sorter-bar .tabs-btns li {
    display: inline-block;   
    text-transform: uppercase;
    vertical-align: middle;
}
.sorter-bar .tabs-btns li.active a {color: #999;}
.sorter-bar .tabs-btns li + li {margin-left: 10px;}
.sorter-bar .tabination.view-tabs {margin: 0;}
.sorter-bar .tabs-btns li i {font-size: 18px;}

@media (max-width: 480px) {
    .sorter-bar > div, .sorter-bar > div:last-child {width: 100%; text-align: left;}
    .sorter-bar > div + div {padding-left: 0; text-align: left}
}
/*---------------------- Sorter Bar CSS Ends ---------------------------- */

/*---------------------- Pagination CSS Starts ---------------------------- */
.pagination-wrap {
    margin-top: 40px;
    padding-top: 30px;
}
.pagination-1 {margin: 0;}
.pagination-1 > li {
    display: inline-block;
    vertical-align: middle;
}
.pagination-1 > li a {
    display: inline-block;
    font-weight: 600;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    width: 35px;
}
.pagination-1 > li a:hover, .pagination-1 > li a:focus, .pagination-1 > li a.active {
    background-color: #000000;
    color: #ffffff;
    border-color: #000;
}
.pagination-1 .nxt > a {border: 1px solid #cccccc; font-size: 20px;}


.single-page-pagination  > div {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 18px 8px;
    text-transform: uppercase;
    text-align: center;
}

.single-page-pagination > div  i {
    font-size: 16px;
    vertical-align: middle;
}

.single-page-pagination .prev{
    float: left;
    margin: 0;
    padding: 0;
    border: none;
}
.single-page-pagination .next {
    float: right;
    margin: 0;
    padding: 0;
    border: none;
}
.single-page-pagination .prev a:before{
    position: absolute;
    height: 40px;
    width: 60px;
    left: 0;
    top: 0;
    background-color: #ebf0f1;
    content: "";
    z-index: -1;
}
.single-page-pagination .next a:after{
    position: absolute;
    height: 40px;
    width: 60px;
    right: 0;
    top: 0;
    background-color: #ebf0f1;
    content: "";
    z-index: -1;
}
.single-page-pagination .prev a, 
.single-page-pagination .next a{
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 110px;
    display: inline-block;
}

/*---------------------- Pagination CSS Ends ---------------------------- */

/*---------------------- Product Column Starts ---------------------------- */
.categories .theme-tabs {margin-bottom: 40px; text-align: center;}
.theme-tabs li {display: inline-block; text-transform: uppercase; font-size: 14px; font-weight: 600; margin-bottom: 10px;}
.theme-tabs li + li {margin-left: 30px;}
.theme-tabs li a {color: #999999;}
.theme-tabs li a:hover, .theme-tabs li.active a {color: #000;}
/*---------------------- Product Column Ends ---------------------------- */


/*---------------------- Product CSS Starts ---------------------------- */
.product-item {margin: 30px auto auto; display: table;}
.product-item .product-image {position: relative;}
.product-item:hover .product-image .img::before{ opacity: 1;}
.product-item .product-image .img::before {
    /*background-color: rgba(0, 0, 0, 0.5);*/
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    transition:  all 0.4s ease-in-out 0s;
    -webkit-transition:  all 0.4s ease-in-out 0s;
}
.product-item .product-image .product-hover{
    left: 0;
    opacity: 0;
    perspective: 500px;
    position: absolute!important;
    top: 0;
    transform: rotateY(-90deg);-moz-transform: rotateY(-90deg);-webkit-transform: rotateY(-90deg);-o-transform: rotateY(-90deg);
    transform-style: preserve-3d;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;
    transition: all 0.6s ease-in-out 0s;
    visibility: hidden;
    width: 100%;
}
.product-item:hover .product-image .product-hover{
    opacity: 1;
    transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);
    transition: all 0.4s ease-in-out 0s;
    visibility: visible;
}
.product-item .product-image > ul {
    background-color: #ffffff;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 3px 5px 5px;
    position: absolute;
    vertical-align: middle;
    z-index: 2;
}
.product-item .color-swatch-item > li {
    display: inline-block;
    height: 15px;
    line-height: 0;
    vertical-align: middle;
    width: 15px;
}
.product-item .color-swatch-item img {
    border-radius: 50%;
    height: 15px;
    width: 15px;
}
.product-item .color-swatch-item a {
    display: inline-block;
    line-height: 0;
}
.product-item .quick-view a {
    background-color: #000000;
    bottom: 0;
    color: #ffffff;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    position: absolute;
    right: -25px;
    text-align: center;
    visibility: hidden;
    width: 40px;
    z-index: 2;
}
.product-item:hover .quick-view a {visibility: visible; opacity: 1; right: 0;}
.product-item .quick-view a:focus, .product-item .quick-view a:hover {background-color: #fff; color: #000;}
.product-item .product-content {
    padding: 15px 10px;
    text-align: center;
}
.product-item .product-title a:hover, .product-item .product-title a:focus {color: #999;}
.product-item .price > b {
    color: #000000;
    font-size: 18px;
    margin-right: 5px;
}
.product-item .product-links > a {
    border: 1px solid #999999;
    color: #999999;
    display: inline-block;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 2px;
    vertical-align: middle;
    width: 40px;
}
.product-item .product-links > a:focus, .product-item .product-links > a:hover {
    color: #fff !important;
    background-color: #333;
    border-color: #333;
}
.product-item .product-content .rating {margin: 10px;}
.product-item .product-links {
    display: inline-block;
    margin-top: 15px;
    text-align: center;
    width: 100%;
}
.product-item .product-links > a.add-to-cart {
    color: #000000;
    font-size: 13px;
    font-weight: 600;
    padding: 0 20px;
    text-transform: uppercase;
    width: auto;
    min-width: 40px;
}
.product-item .product-links > a.add-to-cart i {font-size: 18px; display: none; line-height: 40px; color: #999; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; }
.product-item .product-links > a.add-to-cart:hover i {color: #fff;}

.product-item:hover .product-image .grid-image .product-hover {
    opacity: 1;
    transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    visibility: visible;
}
.product-item .product-image .grid-image .product-hover {
    left: 0;
    opacity: 0;
    perspective: 500px;
    position: absolute!important;
    top: 0;
    transform: rotateY(-90deg);-moz-transform: rotateY(-90deg);-webkit-transform: rotateY(-90deg);-o-transform: rotateY(-90deg);
    transform-style: preserve-3d;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;
    transition: all 0.6s ease-in-out 0s;
    visibility: hidden;
    width: 100%;
}

@media (max-width: 991px) {
    .product-item .product-links > a.add-to-cart {padding: 0;}
    .product-item .product-links > a.add-to-cart i {display: block;}
    .product-item .product-links > a.add-to-cart span {display: none;}
}
/*---------------------- Product CSS Ends ---------------------------- */

/*---------------------- Product List CSS Starts ---------------------------- */
.listview-wrap .product-item {display: block;}
.listview-wrap .product-item .product-image {display: table; margin-bottom: 10px;}
.listview-wrap .product-item .product-content {padding: 0; text-align: left;}
.listview-wrap .product-item .product-content .rating {margin-left: 0;}
.listview-wrap .discription {padding: 20px 0 10px;}
.listview-wrap .product-item .product-links {text-align: left;}
.listview-wrap .product-title {margin-top: 0;}
@media (max-width: 991px) {
    .listview-wrap .product-item .product-content {margin-bottom: 20px;}
}
/*---------------------- Product List CSS Ends ---------------------------- */

/*---------------------- Quick Preview Starts ---------------------------- */
.product-modal .modal-content {
    border-radius: 0;
    display: inline-block;
    padding: 30px 10px;
    width: 100%;
}
.product-modal .close {
    background: #333333 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    float: none;
    font-size: 24px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    opacity: 1;
    position: absolute;
    right: 30px;
    text-align: center;
    text-shadow: unset;
    width: 40px;
    z-index: 1;
}
.product-modal .close:hover {
    background: #ececec none repeat scroll 0 0;
    color: #999999;
}

@media (min-width:1200px) {
    .product-modal{width: 1090px;}  
}
/*---------------------- Quick Preview Ends ---------------------------- */

/*--------------------- Product Layout Main Starts------------------------- */

/*--- Product Slider Style 1 Starts ---*/
.owl-carousel .item:hover .caption-link {
    opacity: 1;
    visibility: visible;
}
.sync1 {margin-bottom: 16px;}
.caption-link {
    background-color: #ffffff;
    text-align: center;
    border-radius: 3px;
    bottom: 0;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    left: 0;
    line-height: 35px;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 30px;
}
.sync2 .synced .item:before, .sync2 .item:hover:before {
    background-color: rgba(255, 255, 255, 0);
}
.sync2 .item:before {  
    background-color: rgba(255, 255, 255, 0.5);
    bottom: 0;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    transition: all 0.4s ease-in-out 0s;
    -website-transition: all 0.4s ease-in-out 0s;
}
.sync2 .item,.sync1 .item {  
    cursor: pointer;
    text-align: center;   
    position: relative;
    transition: all 0.4s ease-in-out 0s;
    -website-transition: all 0.4s ease-in-out 0s;
}
.sync2 .owl-nav i {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;   
}
.sync2 .owl-nav i:hover {background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;}
.sync2 .owl-nav .owl-next i {right: 0;}
.sync2 .owl-nav .owl-prev i {left: 0;}

/*--- Product Slider Style 1 Ends ---*/

/*--- Product Content Starts ---*/
.product-detail {display: inline-block; width: 100%; vertical-align: middle; position: relative;}
.product-detail .section-title {margin: 0 0 10px;}
.product-detail .rating {margin-bottom: 20px;}
.product-detail .price b {color: #000000; font-size: 24px;}
.product-detail .price del {margin-left: 5px; font-size: 18px;}
.product-detail .price {margin-bottom: 20px;}
.product-detail .price > p {margin-bottom: 0; text-transform: uppercase; font-weight: 600;}
.product-detail .prod-lr-btn{ position: absolute; right: 0; }
.product-detail .prod-lr-btn a {
    display: inline-block;
    line-height: normal;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.product-detail .prod-lr-btn i {
    font-size: 24px;
    color: #000;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.product-detail .prod-lr-btn a::before {
    background-color: rgba(255, 255, 255, 0.5);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}
.product-detail .prod-lr-btn a:hover:before, .product-detail .prod-lr-btn a:hover i {opacity: 1;}

.product-detail .prod-lr-btn-2 { position: absolute; right: 0; }
.product-detail .prod-lr-btn-2 a {
    background-color: #ececec;
    color: #999999;
    display: inline-block;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    width: 25px;
}
.product-detail .prod-lr-btn-2 a:hover {
    background-color: #000000;
    color: #ffffff;
}

.product-detail .product-review {
    display: inline-block;
    margin-left: 10px;
}
.product-detail .product-review li , .product-detail .stock-detail li { line-height: 1; }
.product-detail .product-review li + li,.product-detail .stock-detail li + li { border-left: 1px solid #999; padding-left: 10px; }
.product-detail .stock-detail li + li{   margin-left: 17px; padding-left: 30px; }
.product-detail .stock-detail i {font-size: 18px; vertical-align: sub; margin-right: 5px;}
.product-detail .product-review a {padding-left: 5px;}
.product-detail .product-description p{ color: #666; margin-bottom: 0;}
.product-detail .product-description li {color: #666666; position: relative;}
.product-detail .product-description li::before {
    content: "5";
    font-family: "ElegantIcons";
    margin-right: 5px;
}
.product-detail .color-optn a {
    border: 1px solid rgba(0, 0, 0, 0);
    display: inline-block;
    line-height: normal;
    padding: 2px;
    vertical-align: middle;
}
.product-detail .color-optn li {display: inline-block;}
.product-detail .color-optn a:focus, .product-detail .color-optn a:hover {border-color: #000;}
.product-detail .size-optn a {
    background-color: #efefef;
    color: #333333;
    display: inline-block;
    font-weight: 600;
    height: 25px;
    min-width: 25px;
    padding: 2px 6px;
    text-align: center;
}
.product-detail .size-optn a:focus, .product-detail .size-optn a:hover {background-color: #333; color: #fff;}
.product-detail .product-options label {
    color: #000000;
    display: inline-block;
    font-weight: 500;
    width: 100%;
    margin-bottom: 17px;
}
.product-detail .product-options .option {text-transform: uppercase;}
.product-detail .product-options .bootstrap-select .btn .filter-option {color: #999; font-style: italic;}
.product-detail .product-options .bootstrap-select .btn{
    height: 45px;
    line-height: 45px;
    padding: 5px 20px;    
}

.product-detail .prod-btns {
    display: inline-block;
    margin-bottom: 40px;    
    width: 100%;
}
.product-detail .prod-btns > div {margin-top: 20px;}
.product-detail .add-to-cart .cart-btn{min-width: 200px; font-size: 18px;}
.product-detail .add-to-cart .cart-btn i {
    line-height: 0;
    font-size: 24px;
    margin-right: 7px;
    vertical-align: middle;
}
.product-detail .prod-btns .form-control.qty {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: 170px;
    line-height: normal;
}
.product-detail .prod-btns .quantity .btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;
    padding: 0;
    position: absolute;
    top: 0;
    font-size: 22px;
}
.product-detail .prod-btns .quantity .minus {
    left: 10px;
}
.product-detail .prod-btns .quantity .plus{
    right: 10px;
}
.product-detail .prod-btns .quantity {
    position: relative;
    margin-right: 25px;
}
.product-detail .prod-btns > div{ display: inline-block; vertical-align: middle; }
.product-detail .quantity input[type=number]::-webkit-outer-spin-button,
.product-detail .quantity input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.product-detail .quantity input[type=number] {
    -moz-appearance:textfield;
}
.product-detail .prod-social ul{
    display: inline-block;
    vertical-align: middle;
}
.product-detail .prod-social li a {
    color: #cccccc;
    font-size: 16px;
}
.product-detail .prod-social li a:hover { color: #000; }
.prod-tabs {border-bottom: 1px solid #cccccc; }
.prod-tabs li{display: inline-block; font-weight: 600; text-transform: uppercase; font-size: 16px;}
.prod-tabs li a{ color: #ccc; padding: 15px; position: relative; }
.prod-tabs li a:hover, .prod-tabs li a:focus, .prod-tabs li.active a{
    background-color: transparent;
    color: #333;
}
.prod-tabs li a::after {
    background: #000;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 90%;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    -webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    width: 100%;    
}
.prod-tabs li a:hover::after, .prod-tabs li a:focus::after, .prod-tabs li.active a::after{
    opacity: 1;
    transform: translateY(4px);
    -webkit-transform: translateY(4px);
}
.prod-tab-content {margin-top: 40px; color: #666; font-size: 16px;}
.prod-tab-content p{margin-bottom: 5px;}
.prod-tab-content ul { margin-bottom: 0; }
.prod-tab-content li {
    display: inline-block;
    font-size: 13px;
    padding: 3px 20px;
    vertical-align: middle;
    width: 100%;
    position: relative;
}
.prod-tab-content li::before {
    background: #999999 none repeat scroll 0 0;
    content: "";
    height: 5px;
    left: 2px;
    position: absolute;
    top: 10px;
    width: 5px;
}
.prod-tab-content li .des {
    float: left;  
    width: 94%;
}
.single-product .owl-nav-2 {margin-top: 70px;}

/*Tabs Style 2*/
.tabs-style-2 .prod-tabs li{ display: block; font-size: 14px;}
.prod-with-sidebar .tabs-style-2 .prod-tabs li a, .tabs-style-2 .prod-tabs li a{ padding: 6px 0; }
.tabs-style-2 .prod-tabs {border-bottom: 0;}
.tabs-style-2 .content{ border-left: 1px solid #ccc;  padding: 10px 15px 30px 30px;}
.tabs-style-2 .prod-tabs li a:hover:after, 
.tabs-style-2 .prod-tabs li a:focus:after, 
.tabs-style-2 .prod-tabs li.active a:after{
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.tabs-style-2 .prod-tabs li a:after{
    height: 40px;
    width: 2px;   
    right: -15px;
    top: 0;
    left: auto;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
}
.prod-with-sidebar .tabs-style-2 .prod-tabs li:first-child a{padding-top: 13px;}

.tabs-style-2 .prod-tab-content {margin-top: 0;}

@media (max-width: 767px) {
    .tabs-style-2 .prod-tabs li a::after {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }
    .tabs-style-2 .content {
        border-top: 1px solid #cccccc;
        margin-top: 15px;
        padding: 20px 15px;
    }
}
/*--- Product Content Ends ---*/

/*--- Product Bundle Starts ---*/
.layout-bundle .quantity > span {
    color: #000000;
    display: inline-block;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    margin: 0 25px 0 0;
    text-transform: uppercase;
    vertical-align: middle;
}
.layout-bundle .quantity .form-control {
    color: #666666;
    float: right;
    height: 45px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}
.layout-bundle .quantity {
    text-align: right;
}

@media (max-width: 991px) {
    .layout-bundle .prod-slider-wrap {
        margin-bottom: 50px;
    }
}
@media (max-width: 767px) {
    .layout-bundle .quantity {
        display: inline-block;
        margin-top: 15px;
        text-align: left;
        width: 100%;
    }
    .layout-bundle .quantity > span, .layout-bundle .quantity .form-control {float: left;}
}
/*--- Product Bundle Ends ---*/


/*--- Product Groupped Ends ---*/
.layout-groupped .product-table {
    border: 1px solid #cccccc;
    margin: 15px auto;
    width: 100%;
}
.layout-groupped .product-table .description {width: 50%;}
.layout-groupped .product-table .price {width: 25%;}
.layout-groupped .product-table th {
    background-color: #efefef;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    padding: 20px 25px;
    text-transform: uppercase;
}
.layout-groupped .product-table thead {border-bottom: 1px solid #cccccc;}
.layout-groupped .product-table th + th, .layout-groupped .product-table td + td {
    border-left: 1px solid #cccccc;
    text-align: center;
}
.layout-groupped .product-table tr td {padding: 10px 25px; color: #000;}
.layout-groupped .form-control.qty {width: 65px; height: 32px; text-align: center; margin: auto;}
/*--- Product Groupped Ends ---*/

/*--- Product Tier Pricing Starts ---*/
.product-detail .tier-pricing li {color: #666666; position: relative;}
.product-detail .tier-pricing li::before {
    content: "5";
    font-family: "ElegantIcons";
    margin-right: 5px;
}
/*--- Product Tier Pricing Ends ---*/

/*--- Product Layout-2 Starts ---*/
.prod-slider-2 .slider-img {padding-right: 0;}
.prod-slider-2 .item:hover .caption-link {
    opacity: 1;
    visibility: visible;
}

.prod-slider-2 .slide-thumb li {margin-bottom: 19px;}
.prod-slider-2 .slide-thumb li.active img, .prod-slider-2 .slide-thumb li img:hover{border-color: #000;}
.prod-slider-2 .slide-thumb li img{
    border: 1px solid transparent;
    width: 100px;
    display: block; margin: auto;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}

.layout-2 .product-detail .prod-tabs li + li{ 
    margin-left: 20px;
}
.layout-2 .product-detail .prod-tabs li + li a::after, .layout-2 .product-detail .prod-tabs li + li a:after{
    left: 13px;
}
.layout-2 .product-detail .prod-tabs li + li a::before, .layout-2 .product-detail .prod-tabs li + li a:before  {    
    content: " ";
    border-left: 1px solid #cccccc;    
    padding-left: 20px;
}
.layout-2 .product-detail .prod-tabs li a {
    padding: 10px 0; font-size: 14px; font-weight: 500;
}
.layout-2 .product-detail .prod-tab-content {margin-top: 20px;}

.layout-2 .product-description {padding: 80px 0; text-align: center;}
.layout-2 .product-description .section-title {margin-bottom: 40px;}
.layout-2 .product-description p {margin: auto auto 20px; width: 80%;}

@media (max-width: 991px) {
    .layout-2 .prod-slider-wrap {margin-bottom: 50px;}
}
@media (max-width: 767px) {
    .prod-slider-2 {
        display: table;
        margin: auto;
        width: auto;
    }
    .prod-slider-2 .slide-thumb {text-align: center;}
    .prod-slider-2 .slide-thumb li {
        display: inline-block;
        margin: 15px 15px 0 0;
        vertical-align: middle;
        width: 18%;
    }

    .layout-2 .product-detail .prod-tabs li {
        display: block;
        margin: auto;
        text-align: center;
        width: 150px;
    }
    .layout-2 .product-detail .prod-tabs li + li {
        margin-left: auto;
    }
    .layout-2 .product-detail .prod-tabs li + li a::before {
        border-left: medium none;
        padding-left: 0;
    }
    .layout-2 .product-detail .prod-tabs li + li a::after{
        left: 0;
    }

    .layout-2 .product-description p {width: 95%;}

}
/*--- Product Layout-2 Ends ---*/

/*--- Product Layout-3 Starts ---*/
.layout-3 .prod-tabs li {font-size: 14px;}
.layout-3 .prod-tabs li a {padding: 15px 10px;}


@media (max-width: 991px) {
    .layout-3 .prod-slider-wrap {margin-bottom: 50px;}
}
@media (max-width: 767px) {
    .layout-3 .prod-layout-sidebar {margin-top: 50px;}
}
/*--- Product Layout-3 Ends ---*/

/*--- Product Layout-5 Starts ---*/
.layout-5 .sync1 .item{overflow: hidden;}

.layout-5 .sync2 .item {margin: 8px;}
.layout-5 .sync2 .synced img, .layout-5 .sync2 img:hover{border-color: #000;}
.layout-5 .sync2 img{
    border: 1px solid transparent;
    width: 100px;
    display: block; margin: auto;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}

.layout-5 .sync2 {
    bottom: 70px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 67%;
}
.layout-5  .owl-prev, .layout-5 .owl-next{
    bottom: 0;
    color: #000000;
    font-weight: bold;
    height: 20px;
    left: 15px;
    letter-spacing: 5px;
    margin: auto;
    position: absolute;
    text-transform: uppercase;
    top: 0;    
    transform-origin: left bottom 0;
    width: auto;    
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.layout-5  .owl-next {
    right: -55px;
    left: auto;
}
.layout-5 .sync1{
    text-align: center;
}
.sync1 img {margin: auto;}
/*--- Product Layout-5 Ends ---*/


/*--- Product Layout Sidebar Starts ---*/
.prod-layout-sidebar .widget-wrap {margin-bottom: 50px;}
.prod-layout-sidebar .widget-title {margin-bottom: 35px;}
.prod-layout-sidebar .brand-logo {
    padding: 20px;
    text-align: center;
    background-color: #f2f2f2;
}
.prod-layout-sidebar .widget-feature li a {
    display: inline-block;
    width: 100%;
}
.prod-layout-sidebar .widget-feature li a:hover .feature-icon {
    color: #fff;
}
.prod-layout-sidebar .widget-feature .feature-icon {
    background: #f2f2f2 none repeat scroll 0 0;
    float: left;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 45px;
    color: #666;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}
.prod-layout-sidebar .widget-feature li a:hover .feature-icon {
    background-color: #cc0000;
}
.prod-layout-sidebar .widget-feature .feature-des {
    color: #666666;
    display: block;
    font-size: 13px;
    line-height: 1.8;
    margin-left: 70px;
    vertical-align: top;
}
.prod-layout-sidebar .widget-feature > li {padding: 8px 0;}

.prod-layout-sidebar .recent-wrap {display: inline-block; width: 100%; padding-bottom: 20px;}
.prod-layout-sidebar .recent-wrap .product-title {font-size: 12px;}
.prod-layout-sidebar .recent-wrap .image {float: left;}
.prod-layout-sidebar .recent-wrap .product-content {
    display: block;
    margin-left: 90px;
}
.prod-layout-sidebar .recent-wrap .image img {
    border: 1px solid transparent;
    margin-top: 10px;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}
.prod-layout-sidebar .recent-wrap:hover .image img{ border-color: #000; }

.prod-layout-sidebar .recent-prod-slider .owl-nav {
    color: #000000;
    cursor: pointer;
    font-size: 20px;
    line-height: 0;
    position: absolute;
    right: 0;
    top: -55px;
}
.prod-layout-sidebar .recent-prod-slider .owl-nav > div {display: inline-block;}


/*--- Product Layout Sidebar Ends ---*/

/* Responsive */
@media (max-width: 767px) {
    .prod-slider-wrap {margin-bottom: 50px;}
    .product-detail .product-review {display: block; margin: 10px 0 0 -5px;}
    .product-detail .stock-detail li + li {margin-left: 0; padding-left: 15px;}
}

/*--------------------- Product Layout Main Ends ------------------------- */

/*----------------  Shopping Cart Ends -------------------------- */
.cart-table {padding: 30px 0;}
.shopping-cart .form-control, .shopping-cart .bootstrap-select .btn, .shopping-cart .theme-btn {
    border-color: #ccc;
}
.shopping-cart .form-control, .shopping-cart .bootstrap-select .btn {
    height: 55px;
}
.shopping-cart .bootstrap-select.btn-group .dropdown-toggle .caret::after,
.shopping-cart .bootstrap-select .btn .filter-option{
    color: #999;
}
table {
    height: auto;
    overflow: auto;
    width: 100%;
}
.product-table td {
    padding: 40px 20px;
    vertical-align: top;
    border-top: 1px solid #cccccc;
}
.product-table td.image {
    padding: 30px 0 30px 30px;
}
.product-table th {
    font-weight: normal;
    padding: 13px 20px;
    text-transform: uppercase;
}
.product-table .description li {
    padding: 12px 0 0;
}
.product-table .description li i, .product-table .description li span {
    vertical-align: middle;
}
.product-table .remove-edit a {
    display: block;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: right;
    width: 20px;
    color: #cccccc;
}
.product-table .remove-edit a:hover{color: #000;}
.product-table .price, .product-table .description a {font-size: 16px;}
.product-table .qty {
    border: 1px solid #cccccc;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 60px;
}
.shp-btn .btn{
    float: left;
}
.continue-shp .btn{
    float: right;
}
.continue-shopping {
    display: inline-block;
    padding: 35px 0;
    width: 100%;
}
.product-table {
    border-bottom: 1px solid #cccccc;
    color: #000;
}
.continue-shopping .btn {
    min-width: 240px;
    border-color: #e7e8ec;
}
.shp-btn .btn:first-child {
    margin-right: 25px;
}
.heading.chk span {
    float: right;
    line-height: 20px;
    font-size: 30px;
}
.coupon-form {
    margin-top: -5px;
}
.chk-sub-total {
    background-color: #efefef;
    padding: 40px;
}
.chk-total {
    background-color: #efefef;
    padding: 40px;
}
.chk-total .submit-btn {
    display: block;
    width: 100%;
}
.chk-total li span {
    margin-left: 20px;
}

@media (min-width:768px) and (max-width: 991px) {
    .continue-shopping .btn {min-width: 200px; padding: 0 5px;}
}
@media (max-width:767px) {
    .product-table {display: block; overflow-x: auto;}
    .continue-shopping > div {float: none; display: inline-block; width: 100%;}
    .continue-shopping .btn {float: none; margin: 20px 0 0;}
    .product-table td {padding: 40px 10px;}
    .product-table td.image {padding: 30px 0;}
    .product-table td.image > div {width: 80px;}
}

/*----------------  Shopping Cart Ends -------------------------- */

/*---------------- Checkout Starts -------------------------- */
.chk-panel {
    border: 1px solid #e5e5e5; padding-bottom: 1px; margin-bottom: 0; margin-top: 20px;
}
.chk-body {   
    padding-left: 25px;
    padding-top: 30px;
}
.chk-body form .form-group{
    margin-bottom: 15px;
}
.chk-panel .panel {
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
    box-shadow: none;
    padding: 30px;
}
.chk-panel .panel + .panel {
    margin-top: 0;
}
.chk-panel .panel:last-child{
    border-bottom: none;
}
.chk-form  .form-group {padding-bottom: 15px;}
.chk-form .radio-inline {
    display: inline-block;
    margin: 15px 0 0;
    width: 100%;
    font-size: 13px;
}
.chk-body p, .chk-body ul li{ color: #999; }
.chk-body ul li {
    display: inline-block;
    margin: 8px 0 0;
    width: 100%;
}
.chk-body ul li span {
    line-height: normal;
    vertical-align: middle;
    font-size: 20px;
}
.chk-body .submit-btn{
    min-width: 145px;
    border-color: #e7e8ec;
}
.registed-form .fpw {
    float: left;
    margin: 15px 0;    
}
.registed-form .form-group label{
    color: #000000;
}
.registed-form label {   
    font-size: 13px;
    margin-bottom: 15px;    
}

@media (max-width: 767px) {
    .chk-panel .panel {padding: 30px 15px;}
    .chk-body {padding-left: 0;}
}
/*---------------- Checkout Ends -------------------------- */

/*---------------- Blog Starts -------------------------- */
.post-wrap {margin-bottom: 50px;}
.post-media {position: relative;}
.post-media .content {
    position: absolute;
    top: 50%;
    padding: 10px;    
    text-align: center;
    left: 0;
    right: 0;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.post-media .content h2, .post-media .content a {color: #fff; margin: 0;}
.post-media iframe {width: 100%; height: 250px;}
.post-meta > li + li::before {
    color: #999999;
    content: "|";
    padding-right: 6px;
}
.post-body > p {margin-bottom: 20px;} 
.post-wrap .link i {font-size: 17px; vertical-align: middle;}

.play-video {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    bottom: 0;
    color: #333333;
    display: inline-block;
    font-size: 20px;
    line-height: 55px;
    padding-left: 6px;
    height: 55px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 55px;
}
.blog-slider .owl-nav .owl-prev, .blog-slider .owl-nav .owl-next {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 0;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    width: 35px;
    opacity: 1;
}
.blog-slider .owl-nav .owl-prev:hover, .blog-slider .owl-nav .owl-next:hover {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    opacity: 0.5;
}
.blog-slider .owl-nav .owl-prev {left: 10px;}
.blog-slider .owl-nav .owl-next {right: 10px;}

.blog-post .main-player-scrubber {width: 90px;}
.blog-post .pagination-wrap {padding-top: 0;}

/* Blog Listing */
.blog-list-post .post-wrap {margin-bottom: 90px;}
.blog-list-post .tag {text-transform: uppercase; font-size: 13px; font-weight: 500;}
.blog-list-post .post-wrap {text-align: center;}
.blog-list-post .post-title {font-size: 25px;}
.blog-list-post .post-body {
    border-bottom: 1px solid #cccccc;
    display: inline-block;
    padding: 30px 50px 10px;
    width: 100%;
}
.blog-list-post .post-footer {
    display: inline-block;
    padding: 20px 50px 0;
    width: 100%;
}
.blog-list-post .post-footer > .link {float: left;}
.blog-list-post .post-footer .post-meta {float: right; margin: 0;}
.blog-list-post iframe {height: 350px;}
.post-wrap blockquote {
    border: 20px solid #ececec;
    padding: 8%;
    padding: 50px 90px;
    position: relative;
    text-align: left;
    margin-bottom: 10px;
}
.post-wrap blockquote p {margin-bottom: 30px; font-size: 24px;}
.post-wrap blockquote::after {
    bottom: 0;
    color: #f3f3f3;
    content: "{";
    font-family: "ElegantIcons";
    font-size: 100px;
    position: absolute;
    right: 0;
    z-index: -1;
}
.blog-list-post .pagination-wrap {padding: 0; margin: 0;}

/* Blog Thumb */
.blog-thumb .post-wrap {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 50px;
}
.blog-thumb .post-title {margin-top: 0;}

/* Blog Masonry */
.blog-post .isotope-item {padding: 15px;}
.blog-post .isotope-item .post-wrap {margin-bottom: 20px;}

/*--------------------- Single Blog Starts -------------------------*/
.blog-single .post-body b{color: #000;}
.blog-single .post-body > p {
    line-height: 2;
    margin-bottom: 25px;
    font-size: 16px;
}
.blog-single .post-body .highlight {color: #cc0000;}
.blog-single .post-body > ul {padding-left: 25px;}
.blog-single .post-body > ul li:before{
    content: "\5e";
    font-family: "ElegantIcons";
    color: #666666;
    padding-right: 5px;
    vertical-align: middle;
}
.blog-single .post-body > ul li {padding: 5px 0;}
.blog-single blockquote {
    background-color: #f6f6f6;
    border-left: 5px solid #666666;
    color: #666;
    display: inline-block;
    font-size: 18px;
    line-height: 2;
    margin: 10px 0 30px;
    padding: 40px 75px;
    position: relative;
    width: 100%;
}
.blog-single blockquote:after{
    bottom: -25px;
    color: #cccccc;   
    font-size: 70px;
    position: absolute;
    right: 15px;
    z-index: 0;
    content: "\7b";
    font-family: "ElegantIcons";   
}
.post-footer .social-media ul {
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    vertical-align: middle;
}
.post-footer .social-media a:hover, .post-footer .social-media a:focus{
    color: #000;
}
.post-footer .tag-cloud span, .post-footer .social-media span{
    margin-right: 5px;
}
.post-footer .tag-cloud, .post-footer .social-media {
    display: inline-block;
    margin: 10px 0;
    width: 100%;
}
.blog-single .fullwidth-divider{
    border-color: #e5e5e5;
}
.single-post-img iframe#video{
    height: 400px;
}
.single-post-img .related-post .post-media iframe#video {
    height: 192px;
}
.author-info {
    background-color: #f6f6f6;
    display: inline-block;
    padding: 45px;
    vertical-align: middle;
    width: 100%;
}
.author-info .title-2 {
    margin: 0 0 20px;
}
.author-info > p {
    margin-bottom: 0;
}
.blog-single .related-post .post-meta{
    margin: 5px 0 25px -5px;
}
.related-post-slider .post-wrap{
    margin: 0 15px;
}
.comment-box .comment-avatar{
    margin-right: 20px;
}
.comment-box .media-body {
    background-color: #f6f6f6;
    padding: 10px 20px 20px;
    position: relative;
    overflow: visible;
}
.comment-box .media-body:before{
    content: "";
    left: -10px;
    position: absolute;
    top: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 12px 6px 0;
    border-color: transparent #f6f6f6 transparent transparent;
}
.comment-box .media-body h5 i {font-weight: 400; font-size: 12px;}
.comment-wrap .comments.child {padding-left: 20px;}


/*--------------------- Single Blog Ends -------------------------*/

/* Responsive */
@media (min-width: 1200px) {
    .grid-col-3 .clear-box:nth-child(3n+1){
        clear: both;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .grid-col-3 .clear-box:nth-child(2n+1){
        clear: both;
    }
}
@media (max-width: 991px) {
    .blog-thumb .post-media {margin-bottom: 40px;}
}


/* Blog Sidebar Starts */
.blog-sidebar .sidebar-search .form-control {
    background-color: #f6f6f6;
    border: medium none;
    font-style: italic;
    margin-bottom: 0;
}
.blog-sidebar .widget-wrap {padding-bottom: 40px;}
.blog-sidebar .widget-title {font-size: 16px; margin-bottom: 50px;}

.blog-sidebar .category li > a {
    display: inline-block;
    font-size: 13px;
    width: 100%;
    position: relative;
    color: #666;
}
.blog-sidebar .category li > a:hover {color: #000;}
.blog-sidebar .category li > a span {color: #999999; float: right;}
.blog-sidebar .category li > a::before {
    content: "E";
    font-family: "ElegantIcons";
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
    margin-top: -3px;
}

.blog-sidebar .widget-content li, .blog-sidebar .category li {
    display: inline-block;
    padding: 15px 0;
    vertical-align: middle;
    width: 100%;
    font-size: 16px;
    color: #666666;
}
.blog-sidebar .category li, .blog-sidebar .widget-content .recent-wrap {
    border-bottom: 1px solid #ddd;
}
.blog-sidebar .view-all {font-size: 12px;}
.blog-sidebar .view-all span {font-size: 16px; vertical-align: middle;}

.recent-tweets {margin-bottom: 30px;}
.recent-tweets .title-2 {
    color: #cccccc;
    display: inline-block;
    font-size: 12px;
    margin-top: 13px;
}
.recent-tweets p{
    line-height: 2.2;
    margin: 0;
}
.recent-tweets a{color: #666;}
.recent-tweets a.red-color{color: #cc0000;}

.blog-sidebar .widget-content .recent-wrap {    
    margin-bottom: 15px;
    padding-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.blog-sidebar .recent-blog .post-title {font-size: 14px; text-transform: capitalize;}
.blog-sidebar .recent-blog .post-meta a {color: #999;}
.blog-sidebar .recent-blog .image {float: left;}
.blog-sidebar .recent-blog .recent-content {display: block; margin-left: 105px;}

.blog-sidebar .tag-cloud > a {
    border: 1px solid #cccccc;
    color: #999999;
    display: inline-block;
    height: 30px;
    margin: 0 7px 10px 0;
    padding: 5px 20px;
    line-height: 1.2;
}
.blog-sidebar .tag-cloud > a:hover {background-color: #000; color: #fff; border-color: #00;}

/* Blog Sidebar Ends */

/*---------------- Blog End -------------------------- */

/*---------------- Portfolio Starts -------------------------- */
.portfolio .current a {color: #000;}
.portfolio .theme-tabs {margin-bottom: 70px; text-align: center;}


.portfolio-col-4 {float: left; width: 25%;}
.portfolio-col-3 {float: left; width: 33.3333%;}
.portfolio-col-2 {float: left; width: 50%;}
@media (max-width: 1199px) {
    .portfolio-col-4 {width: 33.3333%;}
}
@media (max-width: 991px) {
    .portfolio-col-4 {width: 50%;}
    .portfolio-col-3 {width: 50%;}
}
@media (max-width: 568px) {
    .portfolio-col-4 {width: 100%;}
    .portfolio-col-3 {width: 100%;}
    .portfolio-col-2 {width: 100%;}
}

.portfolio .load-more {margin-top: 80px; text-align: center;}
.portfolio-wrap {position: relative; display: inline-block; width: 100%;}
.portfolio-wrap .section-title, .portfolio-wrap .sub-title {margin: 5px 0 0;}
.portfolio-wrap .item-hover {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    bottom: 0px;
    left: 0px;
    position: absolute;
    opacity:0;
    right: 0px;
    top: 0px;
    z-index: 9;
    transform: scale(0.8);
    transition: all 0.35s ease-in-out 0s;
    -webkit-transform: scale(0.8);
    -webkit-transition: all 0.35s ease-in-out 0s;
}
.portfolio-wrap:hover .item-hover {transform: scale(1); -webkit-transform: scale(1); opacity:1;}

.portfolio-style-1 .portfolio-wrap .item-hover{
    right: 15px;
    top: 15px;
    bottom: 15px;
    left: 15px;
}
.portfolio-style-1 .content {
    text-align: center;
    position: absolute;
    color:#666666;
    left: 0;
    right: 0;
    padding: 10px;
    top: 50%;
    margin: auto;
    transform: translateY(-50%); 
    -webkit-transform: translateY(-50%);
}

.portfolio-style-2 .portfolio-wrap .item-hover {background: transparent;}
.portfolio-style-2 .content {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 center;
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
}
.portfolio-style-2 .content a, .portfolio-style-2 .content .section-title, .portfolio-style-2 .content p { color: #ffffff;}
.portfolio-style-2 .left {float: left;}
.portfolio-style-2 .right {
    float: right;
    line-height: 0;
}
.portfolio-style-2 .right a:first-child {font-size: 40px;}
.portfolio-style-2 .right a {
    line-height: 0;
    margin-left: 10px;
    font-size: 30px;    
    vertical-align: middle;
    display: inline-block;
}
.portfolio-style-2 .right a:hover, .portfolio-style-2 .right a:focus {color: #000;}

.portfolio-style-3 .portfolio-wrap .item-hover{background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;}
.portfolio-style-3 .content {
    text-align: center;
    position: absolute;
    color:#666666;
    left: 0;
    right: 0;
    padding: 10px;
    top: 50%;
    margin: auto;
    transform: translateY(-50%); 
    -webkit-transform: translateY(-50%);
}
.portfolio-style-3 .content a, .portfolio-style-3 .content .section-title, .portfolio-style-3 .content p { color: #ffffff;}
.portfolio-style-3 .buttons {margin-top: 20px;}
.portfolio-style-3 .buttons a:first-child {font-size: 27px; line-height: 35px;}
.portfolio-style-3 .buttons a {
    border: 2px solid #ffffff;
    border-radius: 50%;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin: 5px;
    vertical-align: middle;
    width: 40px;
}
.portfolio-style-3 .buttons a:hover {background-color: #fff; color: #000;}

.portfolio-style-4 .buttons {
    text-align: center;
    position: absolute;
    color:#999;
    font-size: 100px;
    left: 0;
    right: 0;
    padding: 10px;
    top: 50%;
    margin: auto;
    transform: translateY(-50%); 
    -webkit-transform: translateY(-50%);
}
.portfolio-style-4 .content {
    bottom: 0;
    left: 0;
    padding: 30px;
    position: absolute;
    right: 0;
}

.portfolio.with-meso .isotope-item {padding: 15px;}

/* Portfolio Single */

.portfolio-sidebar .text.widget-wrap > p {
    font-size: 15px;
    line-height: 2;
    margin-bottom: 40px;
}
.portfolio-sidebar .widget-wrap + .widget-wrap {border-top: 1px solid #ccc;}
.portfolio-sidebar .proj-detail {margin-top: 45px;}
.portfolio-sidebar .proj-detail li {display: inline-block; width: 100%; margin-bottom: 24px; font-weight: 600; text-transform: uppercase;}
.portfolio-sidebar .proj-detail li .left {float: left; width: 40%}
.portfolio-sidebar .proj-detail li .right {float: right; width: 60%; color: #000;}

.portfolio-single .single-wrap {margin-bottom: 55px; position: relative;}
.portfolio-single .single-img > img + img {margin-top: 30px;}
.portfolio-single .single-video iframe {width: 100%; height: 575px;}

/* Audio */
.main-player{position:relative}
.main-player-wrap{position:absolute;bottom:0;left:0;width:100%;height:auto; background:rgba(0,0,0,0.2);display:inline-block;width:100%;vertical-align:middle}
.main-player-play-pause,.main-player-volume,.main-player-list-wrapper{float:left;margin:0 10px;position:relative;padding:0;width:40px;cursor:pointer;position: relative;}
.main-player-song{float:left;margin:0 10px;overflow:hidden;padding:0;width:30%}
.main-player-song > *{display:inline-block;margin:10px}
.main-player-wrap i{line-height:20px;cursor:pointer;display:block;padding:10px;height:40px;width:40px;box-sizing:border-box;font-style:normal;float:left;text-align:center;color:rgba(255,255,255,0.7);transition:color .3s;font-size:16px;font-weight:400}
.main-player-wrap i:hover{color:rgba(255,255,255,1)}
.main-player-volume i,.main-player-volume.off i.main-player-volume-high,.main-player-volume.half i.main-player-volume-high,.main-player-play-pause i,.main-player-playing .main-player-play-pause .main-player-play,.main-player-loading .main-player-play-pause .main-player-play,.main-player-error .main-player-play-pause .main-player-play{display:none;float:none}
.main-player-play-pause .main-player-play,.main-player-playing .main-player-pause,.main-player-loading .main-player-loading-icon,.main-player-error .main-player-error-icon,.main-player-volume .main-player-volume-high,.off .main-player-volume-off,.half .main-player-volume-low{display:block}
.main-player-shuffle.off,.main-player-loop.off{color:rgba(255,255,255,0.3)}
.main-player-scrubber{border-bottom:0 none;border-left:0 none;float:left;margin:0 20px;height:40px;position:relative;width:280px;box-sizing:border-box;cursor:pointer}
.main-player-scrubber-back,.main-player-progress,.main-player-loaded{background:rgba(255,255,255,1);height:2px;left:0;position:absolute;top:19px;z-index:0;width:100%}
.main-player-scrubber-back{background:rgba(255,255,255,0.15)}
.main-player-loaded{background:rgba(255,255,255,0.4);z-index:1;width:0}
.main-player-progress{width:0;z-index:2}
.main-player-progress b{position:absolute;top:-7px;right:0;width:0;height:16px;border-right:2px solid #FFF;z-index:4}
.main-player-time{color:#FFF;float:left;height:40px;line-height:40px;margin:0 10px;padding:0;width:80px}
.main-player-time em{font-style:normal}
.main-player-volume{position:relative;overflow:visible}
.main-player-volume:hover,.main-player-volume.hover{background:rgba(0,0,0,.9);border-radius:0 0 3px 3px;transition:background .3s}
.main-player-vslider{background:rgba(0,0,0,.9);position:absolute;bottom:40px;visibility:hidden;opacity:0;transition:opacity .3s;width:100%;height:80px;z-index:10000;border-radius:3px 3px 0 0;box-sizing:border-box;padding:10px 0 0}
.main-player-vslider div{position:relative;height:100%;width:100%}
.main-player-vslider div div{position:absolute;width:0;height:100%;top:0;left:50%;bottom:0;border-left:1px solid #FFF;z-index:1}
.main-player-vslider b{position:absolute;width:50%;left:50%;bottom:0;text-align:center;z-index:2}
.main-player-vslider b span{position:absolute;width:10px;height:10px;border-radius:5px;background:#FFF;top:-5px;left:-5px;z-index:3}
.main-player-volume:hover .main-player-vslider,.main-player-volume.hover .main-player-vslider{visibility:visible;opacity:1}
.main-player-error-message{position:absolute;bottom:3px;color:red;font-size:10px;width:100%;z-index:10;text-align:center}
.main-player-list{position:absolute;bottom:50px;width: 250px;right:0;height:auto;background:rgba(0,0,0,0.9);padding:15px;margin:0;list-style:none;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s}
.main-player-list.opened{opacity:1;visibility:visible}
.main-player-list li{display:block;cursor:pointer;padding:2px;margin:2px 0}
.main-player-list li.playing{border-left:2px solid rgba(255,255,255,0.5);background:rgba(255,255,255,0.1)}
.main-player-list li *{display:inline-block;margin:0 10px;color:rgba(255,255,255,0.8)}
.main-player-list li:hover{background:rgba(255,255,255,0.2)}
.main-player-list li:hover *{color:rgba(255,255,255,1)}

@media (max-width: 991px) {
    .portfolio-single .single-video iframe {height: 375px;}
}
@media (max-width: 767px) {
    .portfolio-sidebar {margin-bottom: 50px;}
}
/*---------------- Portfolio Ends -------------------------- */


/*---------------- About Us Starts -------------------------- */
.about-content .sub-title {width: 65%; margin: 35px auto; font-size: 16px; color: #000;}
.about-content {text-align: center;}
.about-content > p {color: #999; line-height: 1.8; margin-bottom: 25px;}
.our-team-item{text-align:left;position: relative; margin-top: 40px;}
.our-team-item .content-left{float:left;}
.our-team-item .content-right{float:right; border-bottom: 1px dashed #fff;}
.our-team-item .content-left h3{color: #fff; font-size: 16px; margin: 0;}
.our-team-item .content-left h5{color: #999999; font-size: 12px;}
.our-team-item .content{
    bottom: -2px;
    color: #fff;
    padding: 15px;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
    position: absolute;
    width: 100%;
}
.our-team-item:hover .content{opacity: 1;}
.our-team-item .social-link {
    margin-bottom: 10px;
}
.our-team-item .social-link a {
    color: #ffffff;
    font-size: 16px;
}


@media (max-width: 767px){
    .about-content .sub-title {width: 90%;}
}
/*---------------- About Us Ends -------------------------- */

/*--------------------- Contact Starts -------------------------*/
.contact-box + .contact-box {
    border-left: 1px solid #e5e5e5;
}
.contact-box i {
    color: #999999;
    font-size: 40px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.contact-box .title-1 {font-size: 16px;}
.contact-box p {
    font-size: 13px;
    margin-bottom: 0;
}
.contact-form .form-group {
    margin-bottom: 25px;
}
.contact-form .form-control {
    background-color: #f6f6f6;
    border: medium none;
}
.contact-form .section-title span {
    display: block;
    line-height: 2;
}
.google-map, .map-canvas, #map-canvas2 {
    max-height: 500px;
    min-height: 500px;
    width: 100%;
}
#map-canvas{
    min-height: 700px;
    max-height: 700px;
}

.map-location {
    background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    width: 330px;
    position: relative;
}
.loctn-img {
    display: inline-block;
    vertical-align: middle;
}
.loctn-info {
    display: inline-block;
    padding: 0 15px;
    vertical-align: middle;
}
.loctn-info > p {
    margin-bottom: 5px;
}
/*--------------------- Contact Ends -------------------------*/

/*---------------- Login/Register Starts -------------------------- */
.login-register .section-title {padding-bottom: 30px;}
.login-register form {padding-top: 40px;}
.login-form {padding-bottom: 30px;}
.login-form .form-group {
    margin-bottom: 25px;
}
.login-form .form-control, .register-form .form-control{ color: #333; }
.login-form .submit-btn{
    min-width: 100px;
    border-color: #e7e8ec;
}
.login-form .checkbox-inline {
    font-size: 13px;
    line-height: 0;
    vertical-align: middle;
}
.login-form .forgot-pw {
    float: right;
    font-weight: 400;
    font-size: 13px;
}
.register-form .form-control{
    border-color: #f6f6f6;
    background-color: #f6f6f6;
}
.register-form .form-control:focus{
    background-color: transparent;
    border-color: #e7e8ec;
}
@media (min-width:768px) {
    .register-wrap{
        border-left: 1px solid #e5e5e5;
        padding-left: 70px;
    }
    .login-wrap {
        padding-right: 40px;
    }
}
@media (min-width:991px) {.dnone{display: none;}}
@media (max-width:991px) {
    .login-form .forgot-pw {float: none; margin-top: 15px; width: 100%;}
}
/*---------------- Login/Register Ends -------------------------- */


/*---------------- Error Starts ------------------------- */
.error-wrap {padding: 70px 0;}
.error-wrap .main-title {padding: 30px 0 50px;}
.error-search {
    display: inline-block;
    position: relative;
    width: 30%;
    margin-top: 30px;
}
.error-search .submit-btn {
    color: #999999;
    height: 25px;
    padding: 0;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 15px;
    width: 25px;
}
.error-search .form-control {
    background-color: #f6f6f6;
    border: medium none;
}
@media (max-width: 1199px) {
    .error-search {width: 50%;}
}
@media (max-width: 991px) {
    .error-search {width: 90%;}
}
/*---------------- Error Ends ------------------------- */

/*---------------- My Account Pages Starts ------------------------- */
.my-account .account-panel {border: 1px solid #e5e5e5; margin-bottom: 50px;}
.my-account .account-panel .panel {
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
    box-shadow: none;
    padding: 20px 30px;
}
.my-account .account-panel .panel + .panel {margin-top: 0;}
.my-account .account-panel .panel:last-child {border-bottom: none;}
.my-account .account-wrap label {color: #000000;}
.my-account .status-btns > a {margin: 5px;}
.chk-form .radio-inline {
    display: inline-block;
    margin: 10px 0 0;
    width: 100%;
}
.registed-form .fpw {
    float: left;
    margin: 10px auto auto;
}
.registed-form label {
    font-size: 13px;
    margin-bottom: 15px;
}
.account-body {
    padding-left: 35px;
    padding-top: 20px;
}
.acnt-list li {padding: 5px 0;}
.acnt-list li i {margin-right: 5px;}
.account-wrap {
    border: 1px solid #e5e5e5;
    padding: 30px;
    margin-bottom: 50px;
}
.account-wrap .form-control, .account-wrap .bootstrap-select .btn {border: 1px solid #e5e5e5;}
.subscribe-group > label {padding-right: 15px;}
.subscribe-group > .radio-inline {margin-top: -10px;}
.order-status > .btn {margin: 5px;}
.review-table td {text-align: left;}
.review-table td {border-bottom: 1px solid #eeeeee;}
.review-table .ratings {width: 40%;}

.product-section ul {line-height: 32px;}
.product-section ul li strong { color: #000;}

.product-details h3.section-title { font-size: 16px;}

.product-section {border: 1px solid #ddd; padding: 10px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);} 
.panel .product-section {border: none; padding: 0; box-shadow: inherit;} 
#accordionExample { margin-top: 30px;}
.widget-heading {font-size: 16px}
#accordionExample.prod-sidebar .panel li {border-bottom: none !important;    padding: 0 0 0 10px;}

@media (max-width: 767px) {
    .my-account .account-panel .panel {padding: 20px;}
    .account-body {padding-left: 15px;}
    .product-section {
    margin-bottom: 30px;
}
#accordionExample { margin-top: 0;}
}

/*---------------- My Account Pages Ends ------------------------- */

/*------------------------- 1.9 - Owl Slider Navigation Styles Starts --------------------- */
.owl-nav-2 .owl-nav {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: -25px;
    width: 110px;
}
.owl-nav-2 .owl-nav::before {
    border-bottom: 1px dashed #d5d5d5;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: -1;
}
.owl-nav-2 .owl-nav > div {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    color: #999999;
    display: inline-block;
    font-size: 24px;
    height: 34px;
    line-height: 31px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-indent: 0;
    top: 50%;    
    width: 34px;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    -webkit-transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
}
.owl-nav-2 .owl-nav > div:focus, .owl-nav-2 .owl-nav > div:hover {background-color: #000; color: #fff;}
.owl-nav-2 .owl-nav .owl-prev {left: 0;}
.owl-nav-2 .owl-nav .owl-next {right: 0;}
/*------------------------- 1.9 - Owl Slider Navigation Styles Ends --------------------- */



.mb-10{
    margin-bottom: 10px;
}

.accordion .card-header {
    background: #f8f9fa;
    padding: 0;
}

.accordion .btn-link {
    width: 100%;
    padding: 15px 45px 15px 15px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    position: relative;
        background-color: #ebebeb;
        text-align: left;
}

.accordion .btn-link:hover {
    text-decoration: none;
    background: #f1f1f1;
}

/* Plus Icon */
.accordion .btn-link::after {
    content: "\f067"; /* plus */
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 100;
}

/* Minus Icon when open */
.accordion .btn-link:not(.collapsed)::after {
    content: "\f068"; /* minus */
}

/* Card Body */
.accordion .card-body {
    background: #fff;
    padding: 15px;
    border-top: 1px solid #ddd;
    line-height: 1.6;
}

.section-four.home-post .owl-nav-2 .owl-nav {
    position: absolute;
    text-align: center;
    top: 50%;
}

.section-four.home-post .owl-nav-2 .owl-nav .owl-prev {
    left: -100px;
}
.section-four.home-post .owl-nav-2 .owl-nav .owl-next {
    right: -100px;
}

.product-details { margin-top: 30px;}