.view {

height: 100%;

}

/* Navigation*/



@font-face {

    font-family: 'Glyphicons Halflings';

    src: url('../fonts/glyphicons-halflings-regular.eot');

    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');

}



.navbar {

background-color: transparent;

}

.txt-white {color: #ffffff !important;}

.scrolling-navbar {

-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;

-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;

transition: background .5s ease-in-out, padding .5s ease-in-out;

top: 30px;

 background-color: #3c4f74;

}

.scrolling-navbar.nooffers{
	top: 0px;
}


.top-nav-collapse {

    background-color: #3c4f74;

     

}

#about{
    margin-top:105px;
}

footer.page-footer {

background-color: #3c4f74;

margin-top: 2rem;

}



@media only screen and (max-width: 768px) {

.navbar {

    background-color: #1C2331;

}

}

/*Call to action*/



.flex-center {

color: #fff;

}



/* Carousel*/



.carousel,

.carousel-item.active {

    height: 100vh;

   

}



marquee {

   background-color: red;

   color: white;

    padding: 5px; 

}

.carousel-inner {

    height: 100%;

}

/*Caption*/



.flex-center {

    color: #fff;

}

.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;opacity:0;z-index:1}

.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1}

.carousel-fade .carousel-control{z-index:2}

.carousel-fade .carousel-inner .active { opacity: 1;}

@media (min-width: 776px) {

    .carousel .view ul li {

        display: inline;

    }

    .carousel .view .full-bg-img ul li .flex-item {

        margin-bottom: 1.5rem;

    }

    

}

/*.view {

background: url("https://mdbootstrap.com/img/Photos/Horizontal/Work/full page/img%20(2).jpg")no-repeat center center fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

}*/

/*Contact section*/



#contact .fa {

font-size: 2.5rem;

margin-bottom: 1rem;

color: #1C2331;

}



.main_balance {

	display: inline-block;

	background-color:green;

}

.main_balance a{

	padding: .1em 1em;

	display: block;

	cursor: default;

}

.main_balance span {font-size:12px;}



.modal-content,

.popover {

    background-clip: padding-box

}

.modal {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1050;

    display: none;

    outline: 0

}

.modal-content,

.modal-header {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox

}

.modal.fade .modal-dialog {

    -webkit-transition: -webkit-transform .3s ease-out;

    transition: -webkit-transform .3s ease-out;

    transition: transform .3s ease-out;

    transition: transform .3s ease-out, -webkit-transform .3s ease-out;

    -webkit-transform: translate(0, -25%);

    -ms-transform: translate(0, -25%);

    transform: translate(0, -25%)

}

.modal.show .modal-dialog {

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    transform: translate(0, 0)

}

.modal-open .modal {

    overflow-x: hidden;

    overflow-y: auto

}

.modal-dialog {

    position: relative;

    width: auto;

    /*margin: 10px*/

}

.modal-content {

    position: relative;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    background-color: #fff;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: .3rem;

    outline: 0

}

.modal-dialog.cascading-modal .modal-c-tabs .nav-tabs {

	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)

}

.modal-dialog.cascading-modal .modal-c-tabs .nav-tabs {

    margin: -1.5rem 1rem 0

}

.nav-tabs {

	border: 0;

    padding: .7rem;

    margin-left: 1rem;

    margin-right: 1rem;

    margin-bottom: -20px;

    z-index: 2;

    position: relative;

        background-color: #0277bd!important;

}

.tabs-2 li {

    width: 50%

}

.nav-tabs .nav-link {

    border: 0;

    color: #fff;

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

	color: #464a4c;

    background-color: #fff;

    border-color: #ddd #ddd #fff;

}

.nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {

	background-color: rgba(255,255,255,.2);

    color: #fff;

    -webkit-transition: all 1s;

    transition: all 1s;

    border-radius: 2px;

}



.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {

	border-color: #eceeef #eceeef #ddd;

}

.nav-tabs .nav-link {

	border: 0;

    color: #fff;

    text-align: center;

}

.product-table .btn-group .btn.btn-sm{

	padding: .5rem;

}

.mobile_menu {

	display: inline-flex;

	flex-direction: row;

	position: relative;

	right: -30%;

}

.mobile_menu .nav-item{

	display: inline-block;

	padding: 0 1rem;

}

@media (max-width: 550px){

	.mobile_menu {right:0%;}

	.mobile_menu .nav-item{padding: 0 0.5rem;}

	.mobile_menu .main_balance a {padding: .5em;}

}



.chip {

    display: inline-block;

    font-size: 13px;

    color: rgba(0,0,0,.6);

    padding: 0 12px;

    border-radius: 16px;

    background-color: #eceff1;

    margin-bottom: 1rem;

    margin-right: 1rem;

}

.chip img {

    float: left;

    margin: 0 8px 0 -12px;

    height: 32px;

    width: 32px;

    border-radius: 50%;

}

.chip, .chip .close, .chips .input {

    line-height: 32px;

}

.chip, .chips .input {

    height: 32px;

    font-weight: 500;

}



.navbar-nav .chip {

    margin: 5px 10px 0;

}

.main_balance.chip{

    font-size: 16px;

 }

 #mdb-preloader {

    background-color: rgba(0, 0, 0, 0.99) !important; 

 }



 .table td, .table th, .table thead th {

 	border-color: #a0a0a0;

 }

 @media (max-width: 991px){	
	.navbar .container .navbar-toggler-right {
	    top: 10px;
	}
}

.cartTable tr.deliverycharge td {
    border:0px;
    padding: 0 0.75rem;
}
.cartTable tr.deliverycharge td input, tr.prd_title th{
    border:0px;
}

.cartTable td {
    padding-top: 0;
    padding-bottom: 0;
    border: 0px;
}
button.delProduct {
    padding: 3px !important;
}
tr.sumtotal td {
    padding: 5px;
}
tr.sumtotal h3 {
    font-size: 24px;
    font-weight: bold;
}

.hidden{
    display: none;
}