@import url('https://fonts.googleapis.com/css?family=Poppins');
a,a:focus{border:none !important; outline-offset: 0px !important; outline: none !important;} a{text-decoration:none !important; color:#786969 !important;}
button:focus{outline: none !important;} li{list-style-type: none; display:inline;} h2{font-family: 'Poppins', sans-serif;}
h1{font-family: "Poppins", sans-serif; font-size: 35px;} p{font-size:15px;} h4{font-family: 'Poppins', sans-serif;}

/* navbar and caro */
.navbar-expand-md .navbar-nav .dropdown-menu { background-color: #fff; border-radius: 2px; top:90%;}
.navbar-toggler {position:relative; margin-top:8px;margin-bottom:8px;background-color: #2370ba !important; padding: 9px 14px !important;
 border:1px solid whitesmoke !important; margin-left: 43%; color:white !important;}
.navbar-toggle .icon-bar { background-color: #fff !important;} .navbar-light .navbar-nav .nav-link { color: #716a6a !important; font-weight: 600;}
.navbar-light .navbar-nav .active > .nav-link{ color:#023c84 !important; font-size: 16px;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color:#023c84 !important;}
.navbar-nav>li>a{padding:10px 35px !important; color:#fff; font-size: 18px !important;} .side>ul>li{display:block; padding: 10px 0px;}
.nav-tabs a{margin: 0 14px;} .nav-tabs{width:88%; font-size: 15px; font-weight: 600;}
.nav-tabs .nav-item.active {border-color: #3fb698 !important;border-style: none none solid !important;border-width: 0 0 2px;}
.carousel-fade .carousel-item {opacity: 0;transition-duration: .6s;transition-property: opacity;}
.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right{opacity: 1;}
.carousel-fade .active.carousel-item-left,.carousel-fade  .active.carousel-item-right {opacity: 0;}
.carousel-fade  .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active,.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {transform: translateX(0); transform: translate3d(0, 0, 0);}

/* css */
.smallborder{ margin-left: calc(0% - 0px);width: 50px;height:4px;background-color:#575656;}
.smallborder1{ margin-left: calc(48% - 0px);width: 50px;height:4px;background-color:#001fb1;}
.smallborder2 {margin-left: calc(40% - 0px);width: 60px;height: 3px;background-color: #cfcfcf;}
.clr{color:#001fb1 !important;} .clr1{color:#594e4e;} .clr2{color:#0f4263;} .clr3{color:#fff !important;}
.bckimg{background:url("../images/curve.png")top no-repeat;position: relative;margin: -50px auto 0 auto;}
.bckimg1{background:url("../images/3.jpg");} /*.bckclr2{background-color:#03167e; border: 1px solid #484343;}*/
.bckclr{background-color: whitesmoke;} .fntsize{font-size:40px;} .fntweight{font-weight:600;} .bckclr1{background-color:#666;}
.wdth{width:150px;} .lh{line-height: 1.6em;} .lh1{line-height: 2.1em;} .wdth1{width:50px;}
.brdr{border-left:8px solid #a70000;} .brdr1{border-left:10px solid #12385b;} .brdr2{border:3px solid #02346c;} .brdr3{border-top: 4px solid #043790;}
.footer{ background-color:#232323;position: relative;} .img-fluid{width:100%;}
.footer::before {content: "";position: absolute;border-color: transparent transparent #232323;border-style: solid;border-width: 20px 40px;left: 46% !important;top: -39px;}
.parallax{background:url("../images/product.jpg"); background-attachment:fixed;height:400px;}
.faa{color: #c21111;font-size: 23px;} .faa1{color: green;font-size: 25px;} .table{background-color:whitesmoke;}
.scrollTop{position:fixed;border-radius:10px;border:1px solid yellow;right:0.3%;bottom:10px;background-color:#024CAB;opacity:0;transition:all 0.4s ease-in-out 0s;}

/* form */
.frmtext{width: 90%;height: 12%; border: 1px solid #ced4da;} .frm{ background:-webkit-linear-gradient(left, #3931af, #00c6ff);} .formleft{color: #fff; margin-top: 130px !important;}
.formright{background: #f8f9fa;border-top-left-radius: 15% 50%;border-bottom-left-radius: 15% 50%;}/*.formleft img{ width: 15%;-webkit-animation: mover 1s infinite  alternate;animation: mover 1s infinite  alternate;}*/
@-webkit-keyframes mover {0% { transform: translateY(0); }100% { transform: translateY(-20px); }}
@keyframes mover {0% { transform: translateY(0); } 100% { transform: translateY(-20px); }}
.frm .frm-form{padding: 0%;} .btnfrm{border:none;border-radius: 1.5rem;background: #0062cc;color: #fff;font-weight:bold;cursor: pointer;}
/* product */
.products_menu {position: fixed;top: 65%;right: -38px;border-radius: 10px 10px 0 0;background-color:#024cab;z-index: 99;
padding: 10px;transform: rotate(-90deg);cursor: pointer;border: 1px solid #fbd705;color: #fff;z-index: 9999;}
#sidebar{position:fixed;top:24%;right:0px;border-radius:10px;background-color:#024cab;z-index:999;padding:10px;display:none;border:1px solid yellow;}
#sidebar ul li a {background: none;border: none;width: 100%;padding:7px;display: inline-block;cursor: pointer;color: #fff !important;
font-size: 0.8rem;text-decoration: none;text-transform:uppercase;text-align: justify;}
#sidebar ul li a.heading {margin: 0;-webkit-appearance: inherit;} #sidebar ul li a i {font-size: 18px;} #sidebar ul li .in { display: block; }

@media(min-width:300px) and (max-width:432px){.bckimg{margin:-11px auto 0 auto;} .smallborder1 {margin-left: calc(39% - 0px);} .head h2 span{font-size: 24px !important;} }
@media(min-width:433px) and (max-width:767px){.smallborder1 {margin-left: calc(45% - 0px);} .head h2 span{font-size: 24px !important;}}
@media(min-width:300px) and (max-width:767px){.px-5{padding-right:15px!important;padding-left:15px!important;}.mt{margin-top:15px;}
.p-5{padding:15px !important;} .p-3{padding:5px !important;} .disply{display:none;} .footer a{font-size:16px;} .navbar{display: block;}
h4 {font-size:20px;} .smallborder2{display:none !important;} h2{font-size:22px;} .disply1{display:none;} .mt-5{margin-top:15px !important;} .mt-4{margin-top:15px !important;}
}
@media(min-width:768px) and (max-width:1250px){h4{font-size: 18px !important;} .smallborder2{display:none !important;} h2 {font-size: 20px;} 
.px-5{padding-right:15px;padding-left:15px;}.navbar-nav > li > a {padding:6px 13px!important;font-size:15px!important;}
.mt-5{margin-top:15px !important;} .smallborder1{margin-left: calc(46% - 0px);} .p-5{padding:15px!important;} .mt-4{margin-top:5px !important;}
.disply1{display:none;} .mt-3{margin-top:15px!important;} .bckimg {margin: -50px auto 0 auto;} .head h2 span{font-size: 32px;}
.footer::before {top: -37px;} .logo{width: 50px !important;} .head h3 span {font-size:0.6em !important;}
}
@media(min-width:992px) and (max-width:1250px){ h2 {font-size: 26px;} .navbar-nav > li > a {padding: 5px 20px !important; font-size:17px !important;}}
@media(min-width:1251px) and (max-width:1350px){ .disply1{display:none;} .navbar-nav > li > a {padding:6px 13px!important;font-size:15px!important;}}
@media(min-width:1367px) and (max-width:5000px){ .disply1{display:none;}}

.num-pallets-input, .row-total-input { width: 100px !important;box-shadow: 2px 2px #4e5a6600; }

#topfix {
background-image: radial-gradient(#fff, #8e908e);	margin: 0;
}
.order_cover_div #image_show {
	display: none;
	background-color: #fff;
	left: 30%;
	position: absolute;
	text-align: center;
	padding: 10px;
	z-index: 999;
}
.order_cover_div #image_show a {
	float: right;
	color: #000 !important;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 10px;
}
.order_cover_div #image_show img {
	display: initial;
	max-width: 400px;
}

.order_cover_div #order-table th {
background: #e9ecef;
font-size: 18px;
color: #242121;
padding: 12px 0;
border: 2px solid #aeb0ae;
}
.order_cover_div #order-table .odd td { background: #e9ecef21; }
.order_cover_div #order-table .even td {
    background: #cdcecd;
}
.order_cover_div #order-table td {
    border: 2px solid #c2c3c2;
    font-weight: bold;
    vertical-align: middle;
}
.shipping_table_fixed {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
}

.success_info {
	padding: 5px;
	display: table;
	border: 2px solid green;
	background-color: green;
	color: #fff;
	position: fixed;
	top: 15%;
	right: 0px;
	z-index: 9999;
	display: none;
	padding: 10px;
	align-items: center;
}
.error_info {
	padding: 5px;
	display: table;
	border: 2px solid red;
	background-color: red;
	color: #fff;
	position: fixed;
	top: 15%;
	right: 0px;
	z-index: 9999;
	display: none;
	padding: 10px;
	align-items: center;
}

span.error { color: #f00; }

#myModal .modal-body {
	height: 425px;
	overflow: scroll;
	overflow-x: hidden;
}


.packing_charges {
	font-size: 20px;
	line-height: 22px;
	color: #f00;
	font-weight: bold;
}