/*Shopping cart style sheet body {
background: url(../media/co2-img.b15f1385.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
*/
*{
font-family: Arial, sans-serif;
}
.logo {
    width: 100%;
    max-width: 320px;
    height: auto;
}
.mb-30 {margin-bottom:30px;}
.mb-50 {margin-bottom:50px;}
.mb-100 {margin-bottom:100px;}
.purpule {color: #5D267E;}

.dropdown-menu {
background-color:#33BEF3 !important;
}

.dropdown-item {
color: #fff !important;
}

.dropdown-item:hover{
color: #000 !important;
}

/* Menu */

.navbar-nav{
background-color: #3ABEF6 !important;
border-radius: 50px;
}

.navbar-dark .navbar-nav .nav-link{
color: #fff !important;
letter-spacing: 1px;
font-size: 14px;
position: relative;
padding: 14px 18px 14px 10px;
border-radius: 50px;

}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{
color: indigo !important;
}
.navbar-dark .navbar-nav .nav-link.active{
background: #3ABEF6;
}
.navbar-dark .navbar-nav .nav-link::after {
content: '';
width: 0;
height: 3px;
background: transparent;
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
border-radius: 0px;
-webkit-transition: all .5s;
transition: all .5s;
z-index: -1;
}
.navbar-dark .navbar-nav .nav-link.active::after {
width: 50%;
}
nav {
white-space: nowrap;
}
.shoplink{
padding: 12px !important;
}
.shoplink a{
color: #FFF !important;
}
.fa, .fas {
font-family: 'FontAwesome';
}  
/** Cart Trolley **/
ul li a.cart .cart-basket {
font-size: .9rem;
position: absolute;
top: 3px;
right:9px;
width: 18px;
height: 18px;
color: #fff;
background-color: #418deb;
border-radius: 50%;
}

/**new-btn**/

.btn-new {
position: relative;
padding: 11px 25px;
font-size: 18px;
border: none;
color: var(--inv);
letter-spacing: 0px;
text-transform: uppercase;
transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
cursor: pointer;
background: #faad3b;
color: #ffffff;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.btn-new:before, .btn-new:after {
content: '';
position: absolute;
transition: inherit;
z-index: -1;
}

.btn-new:hover {
color: var(--def);
transition-delay: .6s;
}

.btn-new:hover:before {
transition-delay: 0s;
}

.btn-new:hover:after {
background: var(--inv);
transition-delay: .4s;
}

.navstyle {
background: linear-gradient(86deg, rgb(40, 189, 239) 14%, rgb(58, 190, 246) 100%);
border-radius: 3em;
padding: 0.3em;
margin-top: 3.4em;
margin-right: 3em;
color: white;
font-weight: 400;
font-size: 19px;
float:right;
white-space: nowrap;
}
.cartstyle {
margin-left: 1.1em;
text-align: center;
text-shadow: none;
border: none;
padding: 0.65em 0em 0em 1.4em;
height: 2.85em;
width: 9em;
font-weight: 500;
color: #000 !important;
border-radius: 3em;
background-color: white;
font-size: 19px;
font-weight:600;
}

.bottom-bar {
width: 100%;
background: linear-gradient(86deg, rgb(0, 178, 255) 0%, rgba(49, 104, 187, 0.29) 53%, rgb(93, 38, 126) 100%);
height: 3em;
}

.alignleft{
padding: 6px 0 0 20px;
text-align: left;
float: left;
font-size:26px;
font-weight:500;
color: #fff;
}
.alignright{
padding: 6px 20px 0 0;
float: right;
text-align: right;
font-size:26px;
font-weight:500;
color: #fff;
}

@media (max-width: 1412px){
.nav-link{
margin-left: 5px;
}
}

@media only screen and (max-width: 599px){
.navbar-dark .navbar-toggler {
color: rgba(41,41,41);
border-color: rgba(41,41,41);
font-weight: 200;

}
}

@media only screen and (max-width: 599px){
.navbar-dark .navbar-nav {
border-radius:20px;
}
}