/*-----------------------------------------------------------------------------------

    Template Name: Sell Shop - eCoommerce HTML5 template
    Template URI: http://www.codecarnival.net
    Description: This is HTML5 eCommerce Template
    Author: Codecarnival
    Author URI: http://www.codecarnival.net
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    [ 1. theme default CSS ] (body, link color, section etc)
	[ 2. home version one ]
	[ 3. home version two ]
	[ 4. about page ]
	[ 5. blog page ]
	[ 6. pages ]
		[ 6.1 single blog page ]
		[ 6.2 product grid view ]
		[ 6.3 product list view ]
		[ 6.4 Wishlist ]
		[ 6.5 cart ]
		[ 6.6 checkout page ]
		[ 6.7 login page ]
		[ 6.8 My account ]
		[ 6.9 Order complete ]
		[ 6.10 single products page ]
	[ 7. Contact page ]
	[ 8. 404 page ]
	
-----------------------------------------------------------------------------------*/

/*-------------------------------------
[ 1. theme default CSS ]
---------------------------------------*/
html, body {
    height: 100%;
}

.floatleft {
    float: left
}

.floatright {
    float: right
}

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
}

.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
}

.aligncenter {
    display: block;
    margin: 0 auto 15px
}

a:focus {
    outline: 0px solid
}

img {
    max-width: 100%;
}

.fix {
    overflow: hidden
}

p {
    margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 10px;
    font-family: 'Arial', sans-serif;
    text-transform: capitalize;
    font-weight: 600;
}

a {
    transition: all 0.3s ease 0s;
    text-decoration: none;
    font-weight: 500;
    color: #666;
    text-transform: capitalize;
}

a:hover, a:hover, a:focus {
    color: #004C97;
    text-decoration: none;
}

button:focus, a:focus {
    border: 0;
    outline: 0;
}

a:active, a:hover {
    outline: 0 none;
    text-decoration: none;
}

.animated {
    animation-duration: 1.5s;
}

i {
    font-size: 16px;
}

p {
    color: #666666;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

ul li {
    float: left;
}

hr.line {
    background: #ef6644 none repeat scroll 0 0;
    border: 0 none;
    height: 1px;
    margin: 0 auto;
    width: 100px;
}

.section-padding {
    padding: 80px 0;
}

.section-padding-top {
    padding-top: 80px;
}

.section-padding-bottom {
    padding-bottom: 80px;
}

.d-table {
    display: table;
    height: 100vh;
    width: 100%;
}

.d-tablecell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.col-text-center {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ScrollUp */
#scrollUp {
    background-color: #eee;
    bottom: 60px;
    font-size: 22px;
    height: 30px;
    right: 12px;
    text-align: center;
    text-decoration: none;
    width: 30px;
}

#scrollUp i {
    color: #004C97;
    line-height: 30px;
}

#scrollUp:hover {
    background-color: #004C97;
}

#scrollUp:hover i {
    color: #fff;
}

.clear {
    clear: both
}

body {
    font-family: 'Arial', sans-serif;
    color: #666666;
    font-size: 13px;
    font-weight: 400;
}

/* section title */
.section-title > h2 {
    color: #444;
    display: inline-block;
    margin-bottom: 0px;
    font-weight: 700;
    text-transform: capitalize;
}

.section-title {
    margin-bottom: 40px;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
}

input:focus, textarea:focus {
    outline: 0px;
}

/*-------------------------------------
[ 2. home version one ]
---------------------------------------*/
/* header section */
.middle-top .left, .middle-top .right {
    width: 20%;
}

.middle-top {
    border: 1px solid #ccc;
    border-top: 0px solid #ccc;
}

.middle-top .right a {
    font-size: 16px;
    line-height: 75px;
}

.middle-top .right > ul > li {
    float: left;
    width: 50%;
}

.middle-top .right li:last-child a i {
    border: 0 none;
}

.header-one .right li {
    position: relative;
}

.middle-top .right li ul a, .middle-top ul.right li ul li a {
    display: block;
    line-height: 1;
    padding: 8px 10px;
    text-align: left;
    text-transform: capitalize;
    width: auto;
}

@media (max-width: 700px) {
    .header-container {
        margin: 0;
        width: 100% !important;
    }

}


.header-one .right ul li ul, .middle-top ul.right li ul {
    background: #fff none repeat scroll 0 0;
    left: 0;
    opacity: 0;
    padding: 8px;
    position: absolute;
    top: 95px;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    width: 125px;
    z-index: 99;
    border: 1px solid #ddd;
    border-top: 0;
}

.header-one .right ul li:hover ul, .middle-top ul.right li:hover ul {
    opacity: 1;
    top: 76px;
    visibility: visible;
}

.middle-top ul.right li ul {
    top: 60px;
}

.middle-top ul.right li:hover ul {
    top: 37px;
}

.middle-top .right a i {
    border-right: 1px solid #ccc;
    width: 100%;
    line-height: 30px;
}

.middle-top .left p {
    line-height: 75px;
}

header .logo, .cart-itmes {
    line-height: 150px;
}

.cart-itmes > a.cart-itme-a {
    font-size: 16px;
    text-transform: lowercase;
    position: relative;
    top: 10px;
}

.cart-itmes a.cart-itme-a i {
    font-size: 25px;
    left: 50%;
    margin-left: -13px;
    margin-top: -35px;
    position: absolute;
    top: 50%;
}

.cart-itmes > a.cart-itme-a strong, .menu-cart-text > strong, .total strong, .mainmenu li:hover > a, .mainmenu li a.active, .header-one .right li:hover > a, .header-one .right li a.active, header .parent-active > a {
    color: #004C97;
}

/* cartdrop */
.cart-itmes .cartdrop {
    line-height: initial;
}

.cartdrop {
    padding: 50px 0;
    right: 0;
    width: 415px;
}

.sin-itme {
    padding: 0 50px;
}

.sin-itme i {
    background: #f5f5f5 none repeat scroll 0 0;
    cursor: pointer;
    float: left;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-top: 45px;
    transition: all 0.3s ease 0s;
    width: 30px;
}

.cart-img {
    border: 1px solid transparent;
    float: left;
    margin: 0 30px 30px;
    width: 83px;
}

.menu-cart-text {
    text-align: left;
}

.sin-itme i:hover {
    background: #004C97 none repeat scroll 0 0;
    color: #fff;
}

.sin-itme:hover .cart-img {
    border-color: #004C97;
}

.menu-cart-text span, .goto {
    color: #999;
}

.menu-cart-text a h5 {
    font-weight: 400;
    font-family: 'Arial', serif;
}

.menu-cart-text > strong, .total > span, .menu-cart-text span, .out-menu, .mainmenu a, .cart-itmes > a.cart-itme-a, .slide-text span {
    display: block;
}

.menu-cart-text > strong {
    display: block;
    font-size: 16px;
    font-weight: 800;
    margin-top: 10px;
}

.total > span {
    border-bottom: 2px solid #eeeeee;
    border-top: 2px solid #eeeeee;
    font-size: 14px;
    font-weight: 800;
    line-height: 58px;
    text-transform: uppercase;
}

.total strong {
    font-weight: 800;
}

.goto {
    display: inline-block;
    font-weight: 700;
    line-height: 60px;
}

.out-menu {
    background: #eeeeee none repeat scroll 0 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 50px;
}

.out-menu:hover, .wrapper > button:hover {
    background: #004C97 none repeat scroll 0 0;
    color: #fff;
}

.cart-page-button {
    text-align: center;
}

/* top middle */
.middle-top .center {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    line-height: 75px;
    width: 60%;
}

.middle-top .center button {
    border: 0;
    background: transparent none repeat scroll 0 0;
    font-size: 16px;
    height: 31px;
    line-height: 30px;
    margin-right: -3px;
}

.middle-top .center input {
    border: 0;
    color: #999;
    height: 30px;
    line-height: 30px;
    padding: 5px;
    width: 480px;
}

.middle-top .center form {
    border-bottom: 1px solid #ccc;
    display: inline-block;
    line-height: 30px;
}

.bordercolor form {
    border-color: #004C97 !important;
    transition: .5s;
}

header.header-one {
    box-shadow: 0 0 3px rgba(25, 25, 25, 0.56);
    position: relative;
    z-index: 999;
}

.mainmenu li {
    border-right: 1px solid #ccc;
    /*width: 15%;*/
    margin: 0 10px;
    position: relative;
}

.mainmenu a {
    font-size: 16px;
    line-height: 75px;
}

.mainmenu li:first-child {
    border-left: 1px solid #ccc;
}

.mobile-menu-area {
    display: none;
}

/* dropdown menu */
.mainmenu li > ul > li {
    border: 0 none;
    float: none;
    width: auto;
}

.mainmenu li > ul > li:first-child {
    border: 0 none;
}

.cartdrop, .mainmenu li > ul {
    position: absolute;
    top: 145%;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    z-index: 99999;
    opacity: 0;
    background: #fff none repeat scroll 0 0;
}

.mainmenu li > ul.dropdown li > ul.subdropdown {
    position: absolute;
    top: -10px;
    margin-top: -50%;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    z-index: 99999;
    opacity: 0;
    background: #fff none repeat scroll 0 0;
    left: 151%;
    padding: 25px;
    text-align: left;
    width: 184px;
    box-shadow: 0 3px 7px rgba(221, 221, 221, 0.8);
}

.mainmenu li > ul.dropdown {
    left: 0;
    padding: 25px;
    text-align: left;
    width: 184px;
    box-shadow: 0 3px 7px rgba(221, 221, 221, 0.8);
}

.mainmenu li > ul > li > a {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 20px;
}

.mainmenu li > ul > li:last-child a {
    margin-bottom: 0;
}

.mainmenu li:hover ul, .cart-itmes:hover .cartdrop {
    opacity: 1;
    top: 101%;
    visibility: visible;
}

.mainmenu li:hover ul.dropdown li:hover ul.subdropdown {
    opacity: 1;
    top: 101%;
    visibility: visible;
}

/* maga menu */
.mainmenu ul.magamenu {
    padding: 40px;
    width: 777px;
    box-shadow: 0 3px 7px rgba(221, 221, 221, 0.8);
}

.mainmenu ul.magamenu li {
    float: left;
    margin-left: 70px;
}

.mainmenu ul.magamenu li ul {
    background: transparent none repeat scroll 0 0;
    margin: 0;
    padding: 0;
    position: unset;
}

.mainmenu ul.magamenu li ul li {
    float: none;
    margin: 0;
    text-align: left;
}

.mainmenu ul.magamenu li ul li:first-child, .mainmenu ul.magamenu li:first-child {
    margin-left: 0;
}

.magamenu h5 {
    font-size: 13px;
    margin-bottom: 25px;
}

.mainmenu .magamenu li a {
    color: #999;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.mainmenu .magamenu li a:hover, .colect-text > h4 a:hover {
    color: #004C97;
}

.mainmenu ul.magamenu > li:first-child a {
    margin-bottom: 0;
}

/* sticky menu */
#sticky-menu.sticky, #sticky-menu-2.sticky-2 {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    box-shadow: 0 0 5px 0 #000;
    transition: all 0.5s ease 0s;
}

#sticky-menu.sticky .mainmenu ul > li > a, #sticky-menu-2.sticky-2 .mainmenu ul > li > a {
    color: #fff;
}

#sticky-menu.sticky .mainmenu ul li ul li a, #sticky-menu-2.sticky-2 .mainmenu ul li ul li a {
    color: inherit;
}

/* slider area */
.slider-wrapper {
    position: relative;
}

.nivoSlider > img {
    max-width: 100%;
}

.nivo-caption {
    background: transparent none repeat scroll 0 0;
    box-sizing: border-box;
    color: #fff;
    display: none;
    left: 0;
    opacity: 1;
    overflow: visible;
    top: 50%;
}

.nivo-caption .slider-right {
    left: inherit;
    position: absolute;
    right: 20%;
    margin-top: -133px;
}

.right-width p {
    width: 80%;
}

.nivo-caption p, .nivo-caption {
    padding: 0;
}

.nivo-caption .slider-right {
    width: 620px;
}

.slide-text h3 {
    color: #333;
    font-size: 25px;
    font-weight: 400;
}

.slide-text h1 {
    color: #282828;
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}

.slide-text span {
    color: #666666;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.slide-text p.one-p {
    color: #666666;
    font-size: 13px;
    font-weight: 400;
}

.slider-btn {
    margin-top: 40px;
}

.nivo-caption a {
    border: 1px solid #ccc;
    color: #666;
    display: inline-block !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    padding: 0 50px;
}

.nivo-caption a:hover {
    border-color: #004C97;
    background: #004C97;
    color: #fff;
}

/* collection section */
.collect-img h2 {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    color: #333;
    font-size: 26px;
    line-height: 50px;
    margin: -25px 0 0;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    top: 50%;
    width: 100%;
}

.collect-img {
    position: relative;
}

.collect-img.margin {
    margin-top: 64px;
}

.collect-one img {
    border: 10px solid #eee;
}

.colect-text > h4 a {
    color: #444;
    font-size: 26px;
    font-weight: 700;
    text-transform: capitalize;
}

.colect-text h5 {
    color: #666;
    font-family: "Arial", serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}

.colect-text {
    margin-top: 50px;
}

.colect-text > a {
    color: #004C97;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    margin-top: 10px;
    padding-bottom: 3px;
    position: relative;
    transition: all 0.3s ease 0s;
}

.colect-text > a::after {
    background: #004C97 none repeat scroll 0 0;
    bottom: 0px;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: 150px;
    z-index: 2;
}

.colect-text > a:hover::after {
    background: #444 none repeat scroll 0 0;
}

.colect-text > a:hover {
    color: #444;
}

/* banner hover effect */
.banner a::before {
    background-color: rgba(255, 255, 255, 0.15);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-out 0s;
    width: 100%;
    transform: scale(0);
}

.banner a::after {
    background-color: rgba(255, 255, 255, 0.15);
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    transition: all 0.3s ease-out 0s;
    width: 0;
}

.banner a {
    display: block;
    height: 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
}

.banner:hover a::after, .banner:hover a::before {
    height: 100%;
    transition: all 0.4s ease-out 0s;
    width: 100%;
}

.banner:hover a::before {
    transform: scale(1);
    transition: all 0.4s ease-out 0s;
}

/* single products section */
.product-dsc > p a {
    color: #666;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    font-family: "Arial", serif;
}

div.product-dsc {
    min-height: 125px;
}

.product-dsc > p a, .colect-text > p {
    margin-bottom: 10px;
}

.single-product {
    background: #fff none repeat scroll 0 0;
    transition: all 0.4s ease 0s;
}

.single-product:hover {
    box-shadow: 0 0 5px 0 rgba(25, 25, 25, 0.3);
}

.product-dsc {
    padding: 25px 0;
}

.product-dsc > span {
    color: #004C97;
    font-size: 18px;
    font-weight: 700;
}

.pro-type {
    background: #004C97 none repeat scroll 0 0;
    color: #fff;
    left: 10px;
    line-height: 22px;
    padding: 0 12px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    border-radius: 3px;
}

.pro-type.sell {
    background: #7fc8aa none repeat scroll 0 0;
}

.product-img {
    position: relative;
}

.actions-btn > a {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #333333;
    display: inline-block;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin: 0 4px;
    width: 35px;
}

.actions-btn {
    left: 50%;
    margin-left: -63px;
    margin-top: -17.5px;
    position: absolute;
    top: 50%;
    opacity: 0;
    transform: scale(2);
    transition: all 0.4s ease 0s;
}

.actions-btn > a:hover {
    background: #004C97 none repeat scroll 0 0;
    color: #fff;
}

.single-product:hover .actions-btn {
    opacity: 1;
    transform: scale(1);
}

.wrapper > button, .single-product:hover .actions-btn {
    transition: all 0.3s ease 0s;
}

/* load more */
.load-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.load-list li {
    position: relative;
    margin-bottom: 40px;
    float: none;
}

.load-list li:last-child {
    margin-bottom: 0px;
}

.wrapper > button, .wrapper-two button {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    color: #999;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 50px;
    text-transform: uppercase;
    width: 100%;
}

/* coming product section */
.coming-product .padding {
    padding: 50px 0;
}

.single-products.extra-padding-bottom {
    padding-bottom: 140px;
}

.single-products.extra-padding-top {
    padding-top: 140px;
}

.large-img {
    margin: -60px 0;
    padding: 10px;
}

.large-img, .tab-menu li a, .tab-menu li a:hover, .tab-menu li.active::after {
    box-shadow: 0 0 5px rgba(25, 25, 25, .2);
}

.tab-menu li:first-child {
    margin-bottom: 27px;
}

.tab-menu li a, .tab-menu li a:hover {
    border: 0 none;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(25, 25, 25, 0.2);
    display: block;
    padding: 10px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-width: 0;
}

.nav-tabs {
    border-bottom: 0;
}

.tab-menu li.active {
    position: relative;
}

.tab-menu li.active::after {
    content: "";
    height: 0;
    margin-top: -6px;
    position: absolute;
    right: -50.8%;
    top: 50%;
    transform: rotate(45deg);
    width: 0;
    z-index: 666;
    border-left: 14px solid #fff;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #fff;
    border-top: 14px solid transparent;
    box-shadow: -3px 3px 3px -4px;
}

.single-coming {
    padding-left: 30px;
}

.single-coming h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    font-family: "Arial", serif;
}

.single-coming span {
    color: #004C97;
    font-size: 16px;
    font-weight: 700;
}

.single-coming span del {
    color: #ccc;
    font-size: 13px;
    font-weight: 400;
}

.single-coming p.come-p {
    padding-bottom: 30px;
    padding-top: 32px;
}

.single-coming .color-size li {
    clear: both;
    display: table;
    float: none;
}

.single-coming .color-size li span {
    float: left;
    display: block;
    width: 85px;
}

.single-coming ul li span {
    color: #666;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.single-coming ul li strong {
    font-weight: 800;
    margin-right: 18px;
}

.single-coming ul li a {
    margin-left: -4px;
    padding-right: 16px;
    text-transform: capitalize;
}

.count-text li {
    border: 3px solid #ccc;
    font-size: 16px;
    font-weight: 600;
    height: 70px;
    margin-right: 10px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    width: 70px;
}

.count-text li:last-child, .single-coming .count-text li span {
    margin: 0;
}

.count-text {
    margin-top: 24px;
}

.single-coming .count-text li p, .coming-product2 .count-text li p {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 3px;
}

.single-coming .count-text li span, .coming-product2 .count-text li span {
    color: #004C97;
    font-weight: 800;
    font-size: 16px;
}

/* tab-products section */
.product-tab {
    display: inline-block;
}

.product-tab li a {
    color: #999;
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
}

.product-tab li a span {
    padding: 0 15px;
}

.product-tab li.active a {
    color: #333;
}

/* service section */
.service-text {
    padding: 40px 0;
}

.service-text i {
    border-radius: 50%;
    font-size: 30px;
    height: 70px;
    line-height: 70px;
    margin-bottom: 30px;
    transition: all 0.3s ease 0s;
    width: 70px;
}

.service-text:hover i {
    background: #004C97 none repeat scroll 0 0;
    color: #fff;
}

.service-text h4 {
    color: #333;
    font-size: 20px;
    font-family: "Arial", serif;
    font-weight: 400;
}

.service-text a:hover, .footer-menu a:hover i {
    color: #004C97;
}

/* latest blog section */
.latest-blog .load-list li {
    float: left;
}

.latest-blog.extra-padding {
    padding-bottom: 120px;
}

.s-blog-text {
    border-bottom: 1px solid #eee;
    padding: 30px;
}

.date-read > a {
    float: left;
    line-height: 50px;
    text-align: center;
    width: 50%;
}

.date-read > a:first-child {
    border-right: 1px solid #eee;
}

.s-blog-text a {
    color: #333;
    font-size: 16px;
    font-weight: 400;
}

.s-blog-text span a {
    color: #999;
    font-size: 12px;
    text-transform: capitalize;
}

.s-blog-text > span {
    color: #999;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 20px;
}

.s-blog-text > h4 {
    margin-bottom: 5px;
}

.date-read, .barnd-bg, .brand-logo, .newsletter input, .service-text i, .s-blog-text, .large-img, .tab-menu li a, .tab-menu li a:hover {
    background: #fff none repeat scroll 0 0;
}

.s-blog-text span a:hover, .s-blog-text h4 a:hover {
    color: #004C97;
}

.l-blog-text:hover {
    box-shadow: 0 0 5px rgba(25, 25, 25, 0.3);
}

.l-blog-text, .l-blog-text:hover {
    transition: all 0.4s ease 0s;
}

/* quick view modal */
.main-view {
    background: #f2f2f2 none repeat scroll 0 0;
    padding: 30px;
    border-radius: 0;
}

.quick-view .modal-dialog {
    width: 100%;
    margin: 20px 0;
}

.quick-view .modal-footer {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #333;
    border-radius: 50%;
    cursor: pointer;
    height: 25px;
    padding: 0;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -15px;
    width: 25px;
}

.quick-view .quick-thumb li {
    width: 22.75%;
}

.modal.animated {
    animation-duration: .6s;
}

/* footer section */
footer, .latest-blog, .single-products, .service-text, .coming-product.coming-product2 {
    background: #f5f5f5 none repeat scroll 0 0;
}

.barnd-bg {
    margin: -40px 0;
    padding: 40px 100px;
    z-index: 2;
    position: relative;
}

.barnd-bg > a {
    text-align: center;
    width: 19.7%;
}

/* social media */
.social-media {
    background: rgba(0, 0, 0, 0) url("/store/img/footer/bg2.jpg") no-repeat scroll 0 0;
    padding-top: 110px;
}

.social-icons {
    padding-right: 80px;
    text-align: right;
}

.social-icons a {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    border-radius: 50%;
    color: #fdfdfd;
    font-size: 30px;
    height: 50px;
    line-height: 50px;
    margin-left: 5px;
    text-align: center;
    width: 50px;
}

.newsletter input, .footer-two .newsletter textarea, .custom-mess textarea {
    border: 0 none;
    color: #999;
    font-weight: 500;
    line-height: 40px;
    padding: 0 20px;
    width: 350px;
}

.newsletter input[type="submit"] {
    color: #666;
    font-weight: 400;
    margin-left: 7px;
    text-transform: uppercase;
    width: auto;
}

.newsletter form, .social-icons a, .barnd-bg > a {
    display: inline-block;
}

.newsletter {
    padding: 5px 0;
    text-align: right;
}

.newsletter input[type="submit"], .social-icons a {
    transition: all 0.3s ease 0s;
}

.newsletter input[type="submit"]:hover, .social-icons a:hover, .footer-two .social-icons a:hover, .error-content > a:hover, .list-btn > a:hover, .submit-text > button:hover, .submit-text a:hover, .products-two .wrapper button:hover {
    background: #004C97 none repeat scroll 0 0;
    color: #fff;
}

/* footer top */
.footer-top {
    background: rgba(0, 0, 0, 0) url("/store/img/footer/bg.jpg") no-repeat scroll center center / cover;
}

.footer-title > h4 {
    color: #333;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 40px;
}

.footer-text i {
    background: #666 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin-right: 15px;
    margin-top: 5px;
    text-align: center;
    width: 30px;
}

.footer-text li {
    float: none;
    margin-bottom: 20px;
}

.footer-text li p {
    overflow: hidden;
}

.footer-menu a {
    text-transform: capitalize;
}

.footer-menu li {
    float: none;
    margin-bottom: 10px;
}

.footer-menu li:last-child, .footer-text li:last-child, .s-side-text:last-child {
    margin-bottom: 0;
}

.footer-menu a i {
    color: #999;
    font-size: 15px;
    margin-right: 8px;
    position: relative;
    top: 1px;
}

.instagram li {
    padding-bottom: 10px;
    padding-right: 10px;
}

.instagram {
    margin-right: -17px;
}

.instagram a, .footer-menu a {
    display: block;
}

.single-list-view, .instagram a {
    transition: all 0.3s ease 0s;
}

.instagram a:hover {
    box-shadow: 0 3px 5px rgba(25, 25, 25, 0.6);
}

/* footer bottom */
.footer-bottom {
    padding: 18px 0;
}

.footer-bottom p {
    padding: 2px 0;
}

/*-------------------------------------
[ 3. home version two ]
---------------------------------------*/
.header-top-two .middle-top .right a, .header-top-two .middle-top .left p {
    line-height: 50px;
}

.header-top-two, .footer-bottom {
    background: #eee none repeat scroll 0 0;
}

.header-two .logo, .header-two .cart-itmes, .header-two .mainmenu a {
    line-height: 120px;
}

.header-two .mainmenu li > ul > li > a {
    line-height: 1;
}

.header-two .mainmenu li:first-child, .header-two .mainmenu li {
    border: 0;
}

.header-top-two .middle-top {
    border: 0 none;
}

.header-two .cart-itmes a.cart-itme-a i {
    font-size: 16px;
    margin-top: -44px;
    background: #004C97;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    color: #fff;
}

.header-two .middle-top .left, .header-two .middle-top .right {
    width: auto;
}

.right.floatright > form {
    float: left;
}

.right.floatright button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #666;
    float: right;
    font-size: 16px;
    margin-left: -4px;
    padding: 3px 25px;
}

.right.floatright input {
    background: #fff none repeat scroll 0 0;
    border: 0px solid #999;
    float: right;
    height: 26px;
    padding: 0px;
    width: 0px;
    transition: .5s;
}

.header-top-two .right.widthfull input {
    width: 300px;
    padding-left: 10px;
}

.right.floatright input, .right.floatright button {
    line-height: 20px;
}

.header-top-two .middle-top .right li > a {
    line-height: 1;
    text-transform: lowercase !important;
}

.header-top-two .middle-top .left p {
    line-height: 50px;
}

.header-top-two .middle-top .right > li > a {
    border-left: 1px solid #ccc;
    padding: 0px 25px;
    width: auto;
    margin: 3px 0;
    float: left;
}

.header-top-two .middle-top .right li :last-child a {
    padding-right: 0;
}

.header-top-two .middle-top .right a i {
    border-right: 0 none;
    line-height: 20px;
    width: 100%;
}

.header-top-two .right.floatright {
    padding: 12px 0;
}

.middle-top ul.right li ul li a {
    display: block;
}

.header-one .header-top-two .right li {
    float: left;
}

.header-one .header-top-two .right li ul li, .middle-top ul.right li ul li, .middle-top ul.right li ul li a {
    float: none;
}

/* slider two*/
.main-slider-two .nivo-caption .slider-right {
    width: 470px;
}

.main-slider-two .slide-text h3 {
    color: #666;
    font-weight: 700;
    margin-bottom: 0;
}

.main-slider-two .slide-text h1 {
    color: #004C97;
    font-weight: 900;
}

.main-slider-two .nivo-caption a {
    background: #004C97 none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #fff;
    font-weight: 700;
    padding: 0 30px;
}

.main-slider-two .nivo-caption a:hover {
    color: #666;
    background: #fff;
}

.main-slider-two .nivo-caption .slider-right {
    margin-top: -215px;
    right: 17%;
}

.main-slider-two .nivo-caption .slider-right.two-caption-text {
    margin-top: -140px;
    right: 20%;
    width: 650px;
}

.collection-area2 {
    background: #f5f5f5 none repeat scroll 0 0;
}

.collection-area2 .single-colect img {
    border: 10px solid #fff;
}

/* products two */
.single-products.products-two, .single-member .member-img {
    background: #fff none repeat scroll 0 0;
}

.products-two .product-dsc, .products-two .wrapper button, .products-two {
    background: #f2f2f2 none repeat scroll 0 0;
}

.coming-product2 .large-img {
    position: relative;
}

.coming-product2 .count-text {
    bottom: 30px;
    left: 50%;
    margin-left: -155px;
    position: absolute;
    width: 100%;
}

.coming-product2 .count-text li {
    background: rgba(255, 255, 255, .9);
    border-color: #fff;
}

.coming-product2 .single-coming p.come-p {
    padding-bottom: 35px;
    padding-top: 40px;
}

.coming-product2 .single-coming h4 {
    margin-top: 30px;
}

/* footer-two  */
.footer-two .barnd-bg {
    margin: 0;
    padding: 40px 0;
}

.footer-two .social-media {
    background: url(img/footer/bg3.jpg) no-repeat;
    padding-top: 80px;
}

.newsletter h3 {
    color: #333;
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 20px;
}

.footer-two .newsletter {
    padding: 0px;
    text-align: left;
}

.footer-two .newsletter input[type="text"], .footer-two .newsletter textarea {
    margin-bottom: 10px;
    width: 100%;
}

.footer-two .newsletter input[type="submit"] {
    margin-left: 0px;
}

.footer-two .newsletter form {
    display: block;
}

.footer-two .newsletter2 {
    padding-right: 70px;
}

.footer-two .social-icons {
    padding-right: 0;
    text-align: left;
    margin-top: 50px;
}

.footer-two .social-icons a {
    background: #fff;
    border-radius: 6px;
    color: #666666;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin-left: 5px;
    width: 35px;
}

.footer-two .footer-top, .pages {
    background: #F5F5F5;
}

/* pages title */
.pages-title {
    background: rgba(0, 0, 0, 0) url("/store/img/page-bg.png") repeat scroll 0 0;
}

.pages-title ul.text-left {
    position: relative;
    top: 50px;
}

.pages-title-text h2 {
    margin: 0;
    color: #333;
    font-size: 32px;
    margin-bottom: -20px;
}

.pages-title li {
    font-weight: 600;
    text-transform: uppercase;
}

.pages-title ul span {
    padding: 0 10px;
}

header.header-one.header-page {
    box-shadow: 0 2px 7px rgba(25, 25, 25, 0.2);
}

/*-------------------------------------
[ 4. about page ]
---------------------------------------*/
.about-author > h4, .list-text > h3, .member-title > h4 {
    color: #333;
}

.about-author > h4 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 40px;
}

.about-text > p {
    margin-top: 25px;
}

.share-member {
    padding: 20px 0;
}

.member-title > h4 {
    font-family: "Arial", serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}

.member-btn > a {
    font-size: 16px;
    padding: 0 5px;
}

.member-btn > a:hover {
    color: #004C97;
}

.single-member {
    position: relative;
    transition: all 0.5s ease 0s;
}

.share-member {
    margin-top: -45px;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.single-member:hover .share-member {
    opacity: 1;
    top: 50%;
}

.single-member:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    transform: scale(1.1);
}

/*-------------------------------------
[ 5. blog page ]
---------------------------------------*/
.blog-row li, .products-page .col-xs-12 .single-product {
    margin-bottom: 30px;
}

.pagnation-ul {
    margin-top: 10px;
    text-align: center;
}

.pagnation-ul a {
    font-size: 14px;
    line-height: 50px;
    padding: 0 5px;
}

.pagnation-ul a i {
    font-size: 25px;
    position: relative;
    top: 4px;
}

.pagnation-ul ul {
    display: inline-block;
    margin-bottom: -5px;
}

.pagnation-ul a:hover, .normal-a > a:hover, .product-dsc p a:hover, .share-tag a:hover, .author-des > span a:hover, .author-des > h4 a:hover, .sidebar-title h5 a:hover {
    color: #004C97;
}

/*-------------------------------------
[ 6. pages ]
---------------------------------------*/
/*--------------------------
[ 6.1 single blog page ]
---------------------------*/
.single-blog-page, .main-padding, .pagnation-ul, .s-side-text, .error-content button, .error-content input, .error-content > a, .share-member {
    background: #fff;
}

.padding30 {
    padding: 30px;
}

.single-blog-area .post-title > h3 {
    color: #333;
    font-size: 22px;
    font-family: Arial;
    font-weight: 400;
}

.single-blog-page .post-title li, .post-title li a, .share-tag a, .author-des > span, .recent-post h5, .recent-post span, .error-content button, .error-content input, .error-content > h5, .pages-title li, .right.floatright input, .member-btn > a, .pagnation-ul a {
    color: #999;
}

.single-blog-page .post-title li, .post-title li a, .author-des > span a {
    text-transform: capitalize;
}

.single-blog-page .post-title li span {
    padding: 0 10px;
}

.single-blog-page .blog-text > p {
    padding: 30px 0;
}

.italic p {
    background: #eee none repeat scroll 0 0;
    padding: 20px 30px;
    border-left: 3px solid #004C97;
}

.share-tag h5 {
    font-size: 13px;
    margin: 0;
    padding: 3px 0;
    font-weight: 500;
    color: #555;
}

.share-tag a {
    margin-left: 13px;
}

.author-des > h4 a {
    display: inline-block;
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 800;
    color: #333;
    margin-bottom: 0;
}

.author-des > span {
    display: block;
    margin-bottom: 20px;
}

.author-des > span a {
    color: #666;
    font-weight: 700;
}

.about-author > h4, .leave-comment h4 {
    color: #333;
    font-size: 20px;
    margin-bottom: 30px;
}

.about-author.comments {
    padding-bottom: 30px;
    padding-top: 60px;
}

.about-author.reply {
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    padding: 30px 0 30px 50px;
    margin-bottom: 30px;
}

.autohr-text > img {
    float: left;
    margin-right: 20px;
}

.leave-comment {
    margin-top: 60px;
}

.single-blog-area .single-blog {
    border-bottom: 1px solid #eee;
}

.input-text > input, .input-text > textarea {
    border: 1px solid #ccc;
    line-height: 35px;
    margin-bottom: 15px;
    padding: 0 20px;
    width: 100%;
    color: #999;
}

.submit-text > button, .submit-text a {
    background: #333 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: inline-block;
    line-height: 35px;
    padding: 0 30px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

/* single blog sidebar */
.recent-post a img {
    float: left;
    margin-right: 15px;
    padding-left: 30px;
}

.recent-post li {
    border-bottom: 1px solid #dcdcdc;
    float: none;
    padding: 15px 0;
}

.recent-post h5 {
    font-family: 'Arial', serif;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 5px;
}

.recent-post h5, .recent-post span, .author-des > p, .recent-post li {
    overflow: hidden;
}

/*---------------------------
[ 6.2 product grid view ]
---------------------------*/
.grid-content .ratting i {
    float: none;
    margin: 0 0 10px;
    padding: 0;
}

.sidebar-title {
    border-bottom: 1px solid #dcdcdc;
    padding: 20px 30px;
}

.normal-a > a, .medium-a, .range-slider {
    padding: 0 30px;
}

.normal-a > a:last-child, .categories .panel:last-child .medium-a, .recent-post li:last-child {
    border: 0;
}

.sidebar-title h4, .sidebar-title h5 {
    margin: 0;
}

.sidebar-title h4 {
    font-size: 16px;
    font-weight: 800;
}

.sidebar-title h5 a {
    color: #999;
    font-weight: 600;
}

.medium-a {
    border-bottom: 1px solid #eeecec;
    cursor: pointer;
    font-weight: 500;
    line-height: 40px;
    text-transform: uppercase;
}

.normal-a > a {
    border-bottom: 1px solid #eeecec;
    clear: both;
    color: #afafaf;
    display: inline-table;
    line-height: 30px;
    padding-left: 40px;
    text-transform: capitalize;
    width: 100%;
}

.categories .panel {
    width: 100%;
    position: relative;
}

.categories .medium-a:after {
    color: #999;
    content: "+";
    font-size: 20px;
    position: absolute;
    right: 30px;
    top: 0;
}

.sidebar .categories [aria-expanded="true"] .medium-a:after {
    content: "-";
}

.sidebar .categories [data-target="#collapse1"] .medium-a:after {
    content: "-";
}

.sidebar .categories [aria-expanded="false"] .medium-a:after {
    content: "+" !important;
}

.panel-group .panel {
    border-radius: 0px;
    box-shadow: none;
}

.panel-group, .related-post li {
    margin-bottom: 0;
}

.s-side-text, .single-list-view {
    margin-bottom: 30px;
}

.ui-slider-range {
    background: #004C97 none repeat scroll 0 0;
}

.ui-slider-horizontal {
    border-radius: 0;
    box-shadow: none;
    background: #dcdcdc none repeat scroll 0 0;
    height: 3px;
    clear: both;
    border: medium none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #004C97;
    border-radius: 100%;
    cursor: ew-resize;
    height: 12px;
    top: -4px;
    transition: none 0s ease 0s;
    width: 12px;
    z-index: 2;
}

.range-slider span, .size-select a {
    float: left;
}

.range-slider {
    padding-bottom: 30px;
}

.range-slider input {
    margin-left: 2px;
    width: 50%;
}

.range-slider label {
    margin: 20px 0 15px;
}

.range-slider label, .range-slider span {
    color: #afafaf;
    font-weight: 400;
}

.range-slider.text-bg label, .range-slider.text-bg input.submit {
    margin-bottom: 10px;
}

.size-select a {
    border-right: 1px solid #eeecec;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    width: 20%;
}

.brands-select li:last-child, .brands-select li a:last-child, .size-select a:last-child, .range-slider input#amount, .panel-group .panel {
    border: 0 none;
}

.size-select a:hover, table tbody i.mdi-close:hover {
    background: #004C97 none repeat scroll 0 0;
    border-color: transparent;
    color: #fff;
}

.color-select {
    padding: 20px 30px;
}

.color-select span {
    display: block;
    float: left;
    height: 19px;
    margin-right: 11.58px;
    width: 19px;
    cursor: pointer;
}

.color-select span:nth-child(1) {
    background: #ffa07a none repeat scroll 0 0;
}

.color-select span:nth-child(2) {
    background: #00eeee none repeat scroll 0 0;
}

.color-select span:nth-child(3) {
    background: #ff7f24 none repeat scroll 0 0;
}

.color-select span:nth-child(4) {
    background: #004C97 none repeat scroll 0 0;
}

.color-select span:nth-child(5) {
    background: #e9967a none repeat scroll 0 0;
}

.color-select span:nth-child(6) {
    background: #00b2ee none repeat scroll 0 0;
}

.color-select span:nth-child(7) {
    background: #1874cd none repeat scroll 0 0;
}

.color-select span.outline {
    outline: 1px solid #004C97;
    outline-offset: 2px;
}

.color-select span:last-child {
    margin-right: 0;
}

.brands-select li {
    border-right: 1px solid #eeecec;
    float: left;
    width: 50%;
}

.brands-select li a {
    border-bottom: 1px solid #eeecec;
    color: #afafaf;
    display: block;
    font-weight: 400;
    line-height: 30px;
    padding-left: 30px;
    text-align: left;
    text-transform: capitalize;
}

.brands-select li a:hover {
    color: #004C97;
}

.banner-text > h2 {
    background: #004C97 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    margin: 0;
    padding: 0 10px;
}

.s-side-text .banner a {
    border: 10px solid #fff;
    position: relative;
}

.banner-text {
    bottom: 70px;
    position: absolute;
}

.banner-text .banner-brand {
    margin-top: 5px;
    margin-left: 10px;
}

/*----------------------------
[ 6.3 product list view ]
-----------------------------*/
.right-products .section-title {
    background: #fff none repeat scroll 0 0;
    padding: 0 20px;
}

.sort-by, .pages table tbody tr td, .list-btn > a {
    font-weight: 700;
}

.sort-by, .nav-view > li > a {
    line-height: 50px;
}

.nav-view li a:hover, .items-dsc h5 a {
    color: #666;
}

.nav-view > li > a {
    font-size: 25px;
    margin-right: 15px;
}

.single-list-view:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.list-text {
    background: #fff none repeat scroll 0 0;
    padding: 30px;
}

.list-text > h3 {
    font-family: 'Arial', serif;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 2px;
}

.list-text > span {
    font-style: italic;
}

.ratting i {
    float: left;
    font-size: 16px;
    padding: 2px .2px;
}

.ratting i, .list-text > h5, .items-dsc h5 a:hover, .login-page a.forget:hover {
    color: #004C97;
}

.ratting p {
    float: right;
    margin-left: 10px;
}

.list-text > h5 {
    font-size: 20px;
    margin: 25px 0 35px;
}

.list-text > p {
    margin-bottom: 40px;
}

.list-text > h5 del {
    font-size: 16px;
    font-weight: 400;
    margin-right: 15px;
}

.list-btn > a {
    background: #ccc none repeat scroll 0 0;
    display: inline-block;
    font-size: 14px;
    line-height: 35px;
    padding: 0 30px;
    margin-right: 7px;
}

/*-------------------------------------
[ 6.4 Wishlist ]
---------------------------------------*/
table {
    width: 100%;
}

table thead tr th, .order-complete table thead tr td {
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
}

.items-dsc h5 a {
    font-family: 'Arial', serif;
    font-size: 14px;
    font-weight: 400;
}

.items-dsc > p, table tbody .plus-minus a {
    font-weight: 500;
}

.items-dsc > p, .list-text > h5 del, .single-contact i, .reviews-tab a, .size-drop .btn.dropdown-toggle, .size-drop .dropdown-menu > li > a, .size-drop .btn, .custom-input input, .main-input .custom-select select, .list-text > span, .nav-view > li > a, .sort-by {
    color: #999;
}

.pages table tbody tr td {
    border-bottom: 2px solid #f5f5f5;
    font-size: 13px;
    padding: 30px 0;
}

.pages.wishlist-page table tbody tr:last-child td, .pages.cart-page table tbody tr:last-child td {
    border: 0;
}

table thead tr th, table td .submit-text > a, table tbody i.mdi-close, table tbody .plus-minus a, table tbody .plus-minus input, .custom-input input, .order-complete table thead tr td, .checkout table thead tr td {
    background: #f5f5f5 none repeat scroll 0 0;
}

table td .submit-text > a {
    line-height: 30px;
    padding: 0 20px;
}

table tbody i.mdi-close {
    color: #666;
    cursor: pointer;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    width: 30px;
    transition: .3s;
}

tbody .td-img > a {
    display: inline-block;
    float: left;
    margin-right: 30px;
    width: 83px;
}

.items-dsc {
    padding: 20px 0;
}

.pages.wishlist-page table tbody tr td:first-child, .pages.cart-page table tbody tr td:first-child {
    padding-left: 0
}

/*-------------------------------------
[ 6.5 cart ]
---------------------------------------*/
.pages.cart-page table tbody tr td, .pages.cart-page table tbody tr td:nth-child(4) strong {
    font-weight: 800;
}

.cart-form-text p {
    margin-bottom: 20px;
}

table tbody .plus-minus a, table tbody .plus-minus input {
    border: 0 none;
    display: inline-block;
    font-weight: 600;
    height: 31px;
    line-height: 28px;
    text-align: center;
}

table tbody .plus-minus input {
    margin-left: 3px;
    margin-right: 3px;
    padding: 0;
    width: 30px;
}

@media (max-width: 767px) {
    table tbody .plus-minus input {
        margin-left: 3px;
        margin-right: 3px;
        padding: 0;
        width: 30px;
        background: none;
    }

    table tbody i.mdi-close {
        color: #666;
        cursor: pointer;
        font-size: 16px;
        height: 30px;
        line-height: 30px;
        width: 30px;
        transition: .3s;
        background: none;
    }
}

table tbody .plus-minus a {
    cursor: pointer;
    font-size: 18px;
    width: 30px;
}

.cart-form-text .submit-text, .cart-page .margin-top, .checkout .margin-top {
    margin-top: 30px;
}

.custom-input input {
    border: 0 none;
    line-height: 40px;
    height: 40px;
    padding: 0 20px;
    width: 100%;
}

.custom-input.post-state {
    padding-top: 92px;
}

.pages .cart-form-text table tbody tr th, .pages .cart-form-text table tbody tr td, .cart-form-text tfoot tr th, .cart-form-text tfoot tr td {
    font-weight: 600;
}

.cart-form-text tbody tr {
    border-bottom: 1px solid #f2f2f2;
}

.cart-form-text tbody tr:last-child {
    border-color: #ccc;
}

.pay-details {
    margin: -15px 0 -30px;
}

.pages .cart-form-text table tbody tr td, .cart-form-text tfoot tr td {
    text-align: right;
}

.pages .cart-form-text table tbody tr th, .pages .cart-form-text table tbody tr td, .pages .cart-form-text table tfoot tr th, .pages .cart-form-text table tfoot tr td {
    padding: 14px 30px;
}

.cart-form-text tfoot tr td, .cart-form-text tfoot tr th {
    color: #004C97;
    font-weight: 600;
    border: 0;
}

/*-------------------------------------
[ 6.6 checkout page ]
---------------------------------------*/
.main-input .custom-mess > textarea, .main-input .custom-select select, .checkout .medium-a {
    background: #f5f5f5 none repeat scroll 0 0;
    width: 100%;
}

.main-input .custom-input input, .custom-select select, .checkout .panel-group li {
    margin-bottom: 15px;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

/*.custom-select {position: relative;}*/
.main-input .custom-select select {
    border: 0 none;
    border-radius: 0;
    padding: 0 20px;
    width: 100%;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
}

.qtybutton, .main-input .custom-select select {
    cursor: pointer;
}

.custom-select::after, .checkout .categories .medium-a::after {
    background: rgba(0, 0, 0, 0) url("/store/img/drop-down.png") no-repeat scroll 0 0;
    margin-top: -40px;
    pointer-events: none;
    position: absolute;
    right: 60px;
    /*top: 50%;*/

}

.col-md-6 .custom-select::after {
    right: 10px;
}

.pages .custom-select option {
    border: 1px solid #f5f5f5;
    padding: 5px 20px;
}

.checkout .categories .medium-a::after, .custom-select::after {
    width: 30px;
    height: 30px;
    content: "";
}

.checkout .categories .medium-a::after {
    background: url('img/drop-down.png') no-repeat;
}

.checkout .categories [data-target="#collapse1"] .medium-a::after {
    background: url('img/drop-up.png') no-repeat;
    top: 16%;
}

.checkout .categories [data-target="#collapse1"][aria-expanded="false"] .medium-a::after {
    top: 50% !important;
}

.checkout .categories [aria-expanded="true"] .medium-a::after {
    background: url('img/drop-up.png') no-repeat;
    top: 16%;
}

.checkout .categories [aria-expanded="false"] .medium-a::after {
    background: url('img/drop-down.png') no-repeat !important;
}

.checkout .medium-a {
    border: 0 none;
    font-weight: 600;
}

.checkout .normal-a p {
    padding: 30px 30px 15px 30px;
}

.checkout .categories .submit-text {
    margin-top: 15px;
}

.custom-checkbox input[type=checkbox] {
    width: 25px;
    padding-left: 10px;
}

/*-------------------------------------
[ 6.7 login page ]
---------------------------------------*/
.login-page .first-child > input {
    float: left;
    margin-bottom: 0 !important;
    margin-right: 15px;
    width: auto;
}

.login-page .first-child {
    margin: 0;
}

.pages .login-text {
    border: 3px solid #f5f5f5;
    padding: 40px;
}

.login-page .custom-input > p {
    margin-bottom: 20px;
}

.login-page .submit-text {
    margin-top: 25px;
}

.login-page a.forget {
    color: #999;
    margin: 5px 0;
    text-transform: capitalize;
}

/*-------------------------------------
[ 6.8 My account ]
---------------------------------------*/
.my-account-page .panel .account-title label {
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 5px 10px;
    border: 1px solid #ccc;
    text-transform: uppercase;
}

.my-account-page .bulling-title h5 {
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 0;
}

.my-account-page .panel .single-log-info {
    border-top: 0;
    padding: 10px;
}

.my-account-page .prayment-dsc span, .my-right-side a {
    background: #004C97 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 17px;
    margin-top: 10px;
    padding: 10px;
}

.my-account-page .prament-area .submit-text {
    padding: 0 0 10px;
}

.my-account-page .red-color {
    color: #f13340;
}

.my-account-page .single-log-info .input-text textarea {
    height: auto;
}

.my-account-page .prayment-dsc, .blog-style .l-blog-text .banner a img {
    width: 100%;
}

.my-account-page .account-title.collapse label {
    color: #004C97;
}

.my-account-page select {
    width: 100%;
}

.my-account-page .sing-checkbox label:first-child, .my-account-page .panel-group {
    margin-bottom: 0;
}

.my-account-page .social-label {
    display: block;
}

.my-account-page .mr-mrs label input {
    margin-right: 2px;
}

.my-account-page .custom-input input, .my-account-page .custom-input textarea {
    margin-bottom: 10px;
}

.my-account-page li.panel {
    display: block;
    float: none;
}

.sing-checkbox input {
    margin-right: 5px;
    width: auto;
}

.sing-checkbox > label {
    font-size: 12px;
}

.sing-checkbox > label:first-child {
    margin-right: 15px;
}

select:focus {
    outline: none !important;
    border-color: transparent;
    border: 0;
}

/*-------------------------------------
[ 6.9 Order complete ]
---------------------------------------*/
.pages .pay-details table tbody tr td {
    border-bottom: 0;
}

.order-complete .pay-details, .checkout .pay-details {
    margin: 0 0 -15px;
}

.order-complete table thead tr th, .checkout table thead tr th {
    padding-left: 30px;
    text-align: left;
}

.order-complete table thead tr td, .checkout table thead tr td {
    padding-right: 30px;
    text-align: right;
}

.complete-title > p {
    font-size: 16px;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 40px;
}

.complete-title > p, .log-title > h3, .reviews-tab li.active a, .checkout .medium-a, .pages.cart-page table tbody tr td:nth-child(4) strong, table thead tr th, .order-complete table thead tr td, table td .submit-text > a {
    color: #333;
}

.order-no ul li {
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin: 0 10px;
    padding: 40px 0;
    text-transform: uppercase;
    width: 23.24%;
}

.order-no span {
    display: block;
    font-size: 13px;
    margin-top: 12px;
}

.order-no {
    padding-bottom: 60px;
}

.padding60 {
    padding: 60px;
}

.padding60, .order-no ul li, .complete-title > p, .pages .custom-select option, .input-mail > input, .product-details .custom-mess textarea, .contact-details {
    background: #fff;
}

.log-title > h3 {
    font-size: 20px;
    font-weight: 800;
}

.order-address, .log-title > h3 {
    margin-bottom: 30px;
}

.order-address:last-child {
    margin-bottom: 0px;
}

.order-address p span, .order-details .por-dse span {
    text-transform: uppercase;
}

.order-details .por-dse li {
    color: #666;
    float: none;
    font-weight: 600;
    margin-bottom: 7px;
}

.order-details .por-dse span {
    display: inline-block;
    width: 80px;
}

/*-------------------------------------
[ 6.10 single products page ]
---------------------------------------*/
.product-details .margin-top {
    margin-top: 30px;
}

.product-details .list-text {
    padding: 50px;
}

.product-details .list-text > h5 del {
    font-size: 18px;
}

.product-details .list-text > h5, .product-details .list-text > h3 {
    font-size: 25px;
}

.s-shoose h5 {
    float: left;
    font-size: 20px;
    margin: 0;
    padding-right: 15px;
    padding-top: 5px;
    color: #666666;
    font-weight: normal;
}

.all-choose .color-select, .size-drop .dropdown-menu {
    padding: 0;
}

.all-choose .color-select span {
    height: 15px;
    margin-right: 9px;
    width: 35px;
}

.s-shoose {
    margin-bottom: 17px;
    padding: 3px 0;
}

.product-details .plus-minus-box {
    border: 0 none;
    position: relative;
    text-align: center;
    top: -3px;
    width: 40px;
}

.product-details .plus-minus {
    overflow: hidden;
    text-align: center;
    width: 90px;
}

.product-details .dec.qtybutton {
    font-size: 24px;
    line-height: 25px;
}

.product-details .inc.qtybutton {
    font-size: 20px;
}

.product-details.qtybutton {
    cursor: pointer;
}

.product-details .list-btn {
    margin: 40px 0;
}

.size-drop .btn {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 0 10px;
    text-transform: capitalize;
    color: #666666;
}

.size-drop .dropdown-menu {
    border-radius: 0;
    font-size: 13px;
    margin: -1px 0;
    min-width: 90px;
}

.size-drop .dropdown-menu, .size-drop .btn, .product-details .plus-minus, .size-drop .btn.dropdown-toggle {
    border: 1px solid #ccc;
}

.size-drop .dropdown-menu > li > a {
    padding: 2px 10px;
}

.size-drop .dropdown-menu > li {
    float: none;
}

.size-drop .btn.dropdown-toggle {
    font-size: 20px;
    height: 27px;
    line-height: 27px;
    padding: 0 !important;
    width: 35px;
}

.btn-group.open .dropdown-toggle, .size-drop .dropdown-menu {
    box-shadow: none;
}

.single-quick-image {
    margin-bottom: 20px;
}

.quick-thumb li {
    margin-right: 10px;
    width: 22.92%;
}

.quick-thumb li:last-child {
    margin: 0;
}

.quick-thumb li.active {
    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.25);
}

/* reviews tab */
.reviews-tab a {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 7px;
    text-transform: capitalize;
}

.reviews-tab > li {
    margin-right: 60px;
}

.reviews-tab {
    margin-bottom: 40px;
}

.reviews-tab li.active a {
    border-bottom: 2px solid #004C97;
}

.info-reviews .author-des > span {
    margin-bottom: 10px;
}

.info-reviews hr {
    margin: 30px 0;
}

.your-rating {
    margin-top: 60px;
}

.your-rating .rating {
    margin-bottom: 30px;
}

.your-rating .rating li span {
    padding: 0 10px;
}

.input-mail > input, .product-details .custom-mess textarea {
    border: 1px solid #ccc;
    margin-bottom: 15px;
    line-height: 35px;
}

.product-details .custom-mess textarea, #googleMap {
    width: 100%;
}

/*-------------------------------------
[ 7. Contact page ]
---------------------------------------*/
.googleMap-info, .contact-details {
    position: relative;
}

#googleMap {
    height: 480px;
}

.map-info {
    left: 50%;
    margin-left: -42px;
    position: absolute;
    top: 38%;
}

.map-info strong {
    text-transform: uppercase;
    display: block;
    font-weight: 800;
    color: #004C97;
    font-size: 16px;
}

.contact-details {
    margin-bottom: -80px;
    padding: 60px 0;
    top: -80px;
}

.single-contact i {
    border: 2px solid #ccc;
    font-size: 40px;
    height: 70px;
    line-height: 70px;
    margin-bottom: 30px;
    width: 70px;
}

.single-contact > p {
    font-size: 14px;
}

/*-------------------------------------
[ 8. 404 page ]
---------------------------------------*/
.error-content > img {
    margin-bottom: 60px;
}

.error-content > h4 {
    font-size: 20px;
}

.error-content > p {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 40px;
}

.error-content > form {
    margin: 0 auto;
    width: 400px;
}

.error-content > h5 {
    font-size: 16px;
    margin: 40px 0;
}

.error-content > a {
    color: #333;
    display: inline-block;
    font-weight: 700;
    line-height: 40px;
    padding: 0 40px;
}

.error-content input {
    height: 40px;
    padding: 5px 20px;
    width: 91%;
    font-weight: 700;
}

.error-content button, .error-content input {
    border: 0 none;
    line-height: 40px;
}

.error-content button {
    margin-left: -4px;
    padding: 0 10px;
    font-size: 16px;
}

div.logo {
    padding-top: 30px;
}

.error {
    color: red;
}

div.flash-notice {
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    padding: 10px;
}

.checkout-payment-method-container {
    min-height: 360px;
}

span.faq-heading {
    font-weight: bold;
    font-size: 18px;
    color: #004C97;
    display: block;
    padding-bottom: 10px;
}

div.faq-container {
    margin: 40px;
}

div.faq-container p {
    padding-bottom: 15px;
}

div.faq-container hr {
    width: 80%;
}

#reference-sheet-link {
    color: #004C97 !important;
    text-transform: capitalize !important;
    cursor: pointer;
}

#reference-sheet-popup {
    width: 95%;
    position: absolute;
    padding: 5px;
    border: 3px solid gray;
    display: none;
    left: -200px;
    top: 50px;
    border-radius: 20px;
    background-color: white;
    z-index: 20;
}

#payroll-instructions-link {
    color: #004C97 !important;
    text-transform: capitalize !important;
    cursor: pointer;
    margin-left: 30px;
}

#payroll-instructions-popup {
    position: absolute;
    padding: 5px;
    border: 3px solid gray;
    display: none;
    left: -200px;
    top: 50px;
    border-radius: 20px;
    background-color: white;
    z-index: 20;
}

.registration-payroll-instructions-container {
    padding-top: 15px;
}

.registration-payroll-instructions {
    left: -350px !important;
    top: 250px !important;
}

/** Some hacking here: */
.single-product {
    margin-top: 25px;
}

/***/

a.boxclose {
    float: right;
    margin-top: -15px;
    margin-right: -15px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 30px;
    background: #605F61;
    font-size: 25px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
}

.product-dsc {
    background-color: #d5d5d5 !important;
}

span.hint {
    color: #aaaaaa;
    font-style: italic;
    padding-left: 10px;
    padding-bottom: 19px;
}


.home-page-instructions {
    max-width: 700px;
    margin: 0 auto;
    padding: 20px;
    margin-top: 40px;
    text-align: center;
}

.home-page-instructions h3 {
    text-transform: none;
    margin-bottom: 20px;
    color: #2A5594;
}


.home-page-instructions th {
    text-transform: none;
    font-weight: normal;
    line-height: 15px;
    background-color: #2A5594;
    color: white;
    padding-top: 13px;
    padding-bottom: 13px;

}

.home-page-instructions td {
    padding-top: 13px;
    padding-bottom: 13px;

}

.home-page-instructions tr:nth-child(even) {
    background-color: #D0E3F2;
}

.payroll-off {
    color: red;
}

.payroll-on {
    color: green;
}

.log-title h3 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.canadian_wrapper {
    margin-top: 50px;
}

.canadian_details {
    padding-top: 5px;
    font-size: 14px;
    font-weight: bold;
}

.conversion-box {
    margin-top: 20px;
}

.us-dollars {
    margin-left: 15%;
    float: left;
}

.conversion-arrows {
    margin-top: 3px;
}

.canadian-dollars {
    padding-left: 17%;
    float: left;

}

/*====================================================================
							[ END ]
======================================================================*/
img.nivo-main-image {
    width: 100% !important;
}


#edit_user_productStores {
    border: 1px solid gray;
    margin-left: 10px;
    padding: 10px;
}


.cart-itmes > a.cart-itme-a strong, .menu-cart-text > strong, .total strong, .mainmenu li:hover > a, .mainmenu li a.active, .header-one .right li:hover > a, .header-one .right li a.active, header .parent-active > a {
    color: #666 !important;
}

#atlwdg-trigger {
    z-index: 1000;
}

#inventoryQuantity {
    padding-top: 10px;
}

#inventoryQuantity span {
    font-size: larger;
}

#inventoryQuantity span.nothing-left {
    font-size: larger;
    color: red;
}

.contact-form-container {
    background-color: #dcdad5;
    margin: 20px;
}

.contact-us-box {
    position: fixed;
    width: 140px;
    height: 150px;
    z-index: 1000;
    left: calc(100% - 40px);
    top: 400px;
    float: right;
    background-color: #1483a8;
    color: #ffffff !important;
    font-weight: bold;
    transform: rotate(270deg);
    transform-origin: left top 0;
    padding: 10px;
    padding-bottom: 20px;
    border-radius: 5px;
    border: 1px solid white;
}

.contact-us-box a, .contact-us-box a:hover {
    color: white;
    font-weight: bold;
    font-size: 16px;
}

.contact-form-title, .contact-menu .footer-menu ul li a, #suggestion-button {
    text-transform: none;
}

@media (min-width: 700px) {
    .col-md-3 {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 20%;
        max-width: 20%;
    }
}

.col-md-3 span.checkout-gift-card-list {
    display: block;
}

.login-select {
    display: block;
    background: #f5f5f5 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    padding: 0 20px;
    width: 100%;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
}

.login-select select {
    cursor: pointer;
}

.login-select::after {
    background: rgba(0, 0, 0, 0) url("/store/img/drop-down.png") no-repeat scroll 0 0;
    margin-top: -40px;
    pointer-events: none;
    position: absolute;
    right: 60px;

}

div.product-dsc {
    min-height: 125px;
    max-height: 125px;
}

span.loyaltytext {
    color: #0046AD;
    font-size: 14px;
}

.loyalty-rewards-container {
    border: none;
    margin: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    width: 700px;
    top: -50px;
    position: relative;
    background-color: white;
}

.loyalty-go-to-store-container {
    border: 0.5px solid black;
    margin: auto;
    padding: 20px;
    text-align: center;
    width: 600px;
}

.loyalty-text {
    color: #0046AD;
    font-weight: bold;
}

.loyalty-text-popup {
    color: #0046AD;
    font-weight: bold;
    font-size: 12px;
    text-transform: none;
    text-align: left;
}

.loyalty-text-popup-list {
    color: #0046AD;
    font-weight: bold;
    font-size: 12px;
    text-transform: none;
    text-align: left;
    list-style-type: disc;
    display: inline-block;
}

td.loyalty-td {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 20px;
    padding-left: 20px;
    border-top: 0.5px solid black;
    border-right: 0.5px solid black;
    border-left: 0.5px solid black;
    color: #0046AD;
    font-weight: bold;
    text-align: left;
    font-size: 20px;
}

td.ways-to-earn-td {
    color: #0046AD;
    font-weight: bold;
    font-size: 12px;
    text-transform: none;
    text-align: left;
}

td.loyalty-td-icon {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 20px;
    padding-left: 20px;
    border-top: 0.5px solid black;
    border-right: none;
    border-left: 0.5px solid black;
    border-bottom: none;
    color: #0046AD;
    font-weight: bold;
    text-align: left;
    font-size: 20px;
}

td.loyalty-td-middle {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 20px;
    padding-left: 20px;
    border-top: 0.5px solid black;
    border-right: none;
    border-left: none;
    border-bottom: none;
    color: #0046AD;
    font-weight: bold;
    text-align: left;
    font-size: 20px;
}

td.loyalty-td-arrow {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 20px;
    padding-left: 20px;
    border-top: 0.5px solid black;
    border-right: 0.5px solid black;
    border-left: none;
    border-bottom: none;
    color: #0046AD;
    font-weight: bold;
    text-align: left;
    font-size: 20px;
}

td.loyalty-td:first-child {
    padding-left: 20px;
    padding-right: 0;
}

tr.loyalty-popup {
    height: 20px;
    padding-top: 0px;
    padding-bottom: 10px;
    border-top: none;
    border-bottom: none;
    display: none;
}

.rotate-ninety {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

tr.loyalty-table-row {
    cursor: pointer;
    border: none;
}

.loyalty-popup-div {
    display: block;
    text-align: left;
    padding-left: 21%;
    border-top: none;
    border-right: 0.5px solid black;
    border-left: 0.5px solid black;
    border-bottom: 0.5px solid black;
}

table.loyalty-transactions-table {
    border: 1px solid;
    padding-left: 10px;
}

th.loyalty-transactions-table {
    border: 1px solid;
    padding-left: 10px;
}

tr.loyalty-transactions-table {
    border: 1px solid;
    padding-left: 10px;
}

td.loyalty-transactions-table {
    border: 1px solid;
    padding-left: 10px;
}

.loyalty-dashboard-grid-container {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 4% 4% 46% 46%;
    background-color: #0046AD;
}

.loyalty-dashboard-grid-item {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.8);
    padding: 0.5%;
    font-size: 20px;
    text-align: center;
}

.loyalty-dashboard-grid-item-aligned-left {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.8);
    padding: 5%;
    font-size: 30px;
    text-align: left;
}