body { font-family: 'Roboto', sans-serif; background: #fff; line-height: 24px; color: #333; font-size: 14px; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; }

li { list-style: none; }

a, button { outline: 0; }

a:focus, a:hover { text-decoration: none; }

textarea { resize: none; }

ul { padding: 0; }

a { outline: 0; }

label { font-weight: normal; }

.np { padding-left: 0; padding-right: 0; }

.npl { padding-left: 0; }

.npr { padding-right: 0; }

.scrollup { background: rgba(0, 0, 0, 0) url("../images/images-icon_top.png") no-repeat scroll 0 0; bottom: 5px; display: none; height: 40px; opacity: 0.8; position: fixed; right: 5px; text-indent: -9999px; width: 40px; z-index: 1; }


.navbar-default { border: none; background: none; }

.navbar-nav > li a i { vertical-align: middle; }

.navbar-brand { min-height: 80px; line-height: 50px; padding: 5px 15px; }

.navbar-nav { background: #84c225; border-radius: 0px; margin-left: 0; width: 100%; }

.carousel-caption { bottom: 200px; text-align: left; right: 45%; }

.carousel-caption h3 { color: #525254; font-weight: 100; font-size: 40px; text-shadow: none; }

.carousel-caption h2 { color: #0060aa; font-size: 60px; text-shadow: none; text-transform: uppercase; }

.carousel-caption p { color: #fff; font-size: 20px; text-shadow: none; line-height: 32px; font-weight: 100; }

.btn-lg { padding: 10px 19px; font-size: 12px; float: left; border-radius: 26px; text-transform: uppercase; margin-right: 10px; margin-top: 15px; }
.navbar-default .navbar-nav > li > a { color: #ffffff; outline: 0; font-size: 12px; font-weight: bold; text-transform: uppercase; }

.navbar-nav > li > a { line-height: 16px; padding: 8px 25px; }

.navbar-right > li > a { padding: 15px 8px; color: #fff !important; }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #006ed6; }

.shadow { background-color: #fff; border-radius: 5px; border-top: 1px solid #eaeaea; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); padding-bottom: 15px; margin-bottom: 15px; }

.navbar { border-radius: 0; margin-bottom: 0; }

.navbar-inverse { background: none; border: none; }

header .nav > li > a { padding: 10px 0; }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { background-color: #f60; color: #fff; }

.navbar-inverse .navbar-nav > li > a { color: #fff; text-transform: uppercase; font-size: 14px; }

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #438b1f; }

.nav-tabs > li > a:hover { border: none; }

.navbar-right { margin-left: 0; margin-right: 0; padding: 0 10px; }

.top-info { background: #fecc09; padding-top: 10px; padding-bottom: 10px; }

.top-info .mail-info ul { padding-left: 0; margin-bottom: 0; }

.top-info .mail-info ul li { float: left; color: #333; font-size: 13px; margin-left: 15px; }

.top-info .mail-info ul li.login { float: right; }

.top-info .mail-info ul li a { color: #333; }

.top-info .mail-info ul li i { margin-right: 10px; }

.top-info .social-media ul li i { margin-right: 0; }


.carousel-control.left, .carousel-control.right { background: none; }






.weekly-deals { padding-top: 60px; padding-bottom: 40px; }

.weekly-deals .deal { background: #0060aa; min-height: 357px; border-radius: 7px; padding-top: 15px; }

.weekly-deals .deal h1 { text-align: center; color: #fff; font-size: 20px; text-transform: uppercase; margin-top: 0; }

.weekly-deal { border: 2px solid #eaeaea; border-radius: 7px; position: relative; padding: 25px; }

.weekly-deal h2 { color: #0060aa; margin-top: 0; font-weight: 100; }

.weekly-deals .deal2 { background: #0060aa; }

.weekly-deals .deal h2 { color: #fff; font-size: 16px; text-align: center; margin-bottom: 10px; margin-top: 10px; }

.weekly-deals .deal h3 { color: #fff; font-size: 14px; text-align: center; font-weight: normal; margin-top: 10px; }

.shopnow-btn { text-align: center; color: #fff; font-size: 14px; font-weight: 500; border-radius: 5px; background: #000; width: 130px; margin: 0 auto; display: block; line-height: 32px; }

.product { background: #f5f5f5; border-radius: 7px; padding-top: 15px; padding-bottom: 15px; }

.price-details h6 { color: #999; font-size: 16px; }

.price-details .price { font-size: 16px; color: #000; margin-top: 0; font-weight: bold; margin-bottom: 0; }

.price-details .price span { font-size: 14px; color: #fecc09; font-weight: 100; }

.btn-view { margin-top: 5px; }

.weekly-deals .carousel-control { top: 58px; width: 4%; }





.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #fff; border: none; background: #0060aa; }

.nav-tabs > li > a { border-radius: none; color: #656363; font-weight: 500; font-size: 16px; padding: 10px 50px; border: none; outline: 0; }



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

.fea-pro { background: #f5f5f5; border-radius: 7px; padding-bottom: 30px; margin-bottom: 30px; margin-top: 20px; padding-top: 20px; }

.pros h2 { text-align: center; color: #999; font-size: 16px; }

.pros .price { font-size: 16px; text-align: center; margin-top: 8px; color: #eec00d; }

.top-products .carousel-control { width: 4%; top: -36px; left: unset; }

.carousel-control.left { right: 55px; }

.top-products { padding-bottom: 60px; background: #f9f9f9; }

.top-products h1 { font-size: 25px; margin-bottom: 30px; font-weight: 500; text-align: center; }

.top-products h2 { font-size: 18px; margin-bottom: 10px; font-weight: 100; text-align: center; }


footer { background: #fff; padding-top: 60px; padding-bottom: 60px; }

footer h2 { font-size: 22px; color: #0060aa; font-weight: bold; }

footer ul { padding: 0px; margin: 0px; }

footer ul li { line-height: 26px; }

footer ul li a { font-size: 14px; color: #0060aa; }

footer ul li a:hover { color: #fecc09; }

.footer-links { border-bottom: 1px dashed #898989; padding-bottom: 20px; }

.footer-links p { color: #0060aa; font-size: 14px; }

#carousel-example-generic .item img { width: 100%; height: auto; }




.navbar-right li a { text-transform: capitalize !important; }


.fixed-header { background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); }




/********************* Shopping Demo-7 **********************/
.product-grid7 { position: relative; z-index: 1; background: #f7f7f7; border-radius: 6px; padding-bottom: 15px; }

.product-grid7 .product-image7 { overflow: hidden; perspective: 1500px; position: relative; transition: all .3s ease 0s; padding-top: 15px; padding-bottom: 15px; }

.product-grid7 .product-image7 a { display: block; }

.product-grid7 .product-image7 img { width: 100%; height: auto; }

.product-grid7 .pic-1 { opacity: 1; transition: all .5s ease-out 0s; }

.product-grid7 .pic-2 { opacity: 0; transform: rotateY(-90deg); position: absolute; top: 0; left: 0; transition: all .5s ease-out 0s; }

.product-grid7:hover .pic-2 { opacity: 1; transform: rotateY(0); }

.product-grid7 .social { padding: 0; margin: 0; list-style: none; position: absolute; bottom: 3px; left: -20%; z-index: 1; transition: all .5s ease 0s; }

.product-grid7:hover .social { left: 17px; }

.product-grid7 .social li a { color: #fff; background-color: #333; font-size: 16px; line-height: 40px; text-align: center; height: 40px; width: 40px; margin: 15px 0; border-radius: 50%; display: block; transition: all .5s ease-in-out; }

.product-grid7 .social li a:hover { color: #fff; background-color: #78e08f; }

.product-grid7 .product-new-label { color: #fff; background-color: #25368e; display: block; position: absolute; top: 10px; left: 10px; width: 34px; height: 34px; border-radius: 17px; line-height: 34px; text-align: center; font-size: 11px; }

.product-grid7 .product-content { text-align: center; padding: 20px 0 0; }

.product-grid7 .title { font-size: 15px; font-weight: 600; text-transform: capitalize; margin: 0 0 10px; transition: all .3s ease 0s; height: 32px; }

.product-grid7 .title a { color: #6e951e; font-weight: normal; }

.product-grid7 .title a:hover { color: #78e08f; }

.product-grid7 .rating { color: #78e08f; font-size: 12px; padding: 0; margin: 0 0 10px; list-style: none; }

.product-grid7 .price { color: #333; font-size: 16px; margin-bottom: 8px; text-align: center; transition: all .3s; }

.product-grid7 .price span { color: #999; font-size: 14px; font-weight: 700; text-decoration: line-through; margin-left: 7px; display: inline-block; }

@media only screen and (max-width:990px) {
    .product-grid7 { margin-bottom: 30px; }
}

.owl-nav { position: absolute; top: -46px; right: 0; }

.sub-banner { background: url(../images/images-sub-banner-bg.jpg); background-size: 100%; min-height: 430px; }

.topselling { padding-top: 60px; padding-bottom: 60px; background-image: url("../images/images-about-company.jpg"); position: relative; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }

.topselling h1 { font-weight: 100; color: #fff; text-align: center; margin-bottom: 50px; }

.testimonials { background-image: url("../images/images-testimonials.jpg"); position: relative; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 650px; }

.about-company { padding-top: 60px; padding-bottom: 60px; background-image: url("../images/images-about-company.jpg"); position: relative; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }

.about-company h1 { color: #fff; font-weight: 400; margin-bottom: 30px; }

.about-company h2 { color: #fff; font-weight: normal; font-size: 20px; }

.about-company h3 { color: #fff; font-weight: 100; line-height: 36px; margin-bottom: 30px; }

.about-company p { color: #fff; font-size: 16px; font-weight: 100; }

.product-slider { margin-top: 15px; }

.category { background: #fff; padding: 5px; border-radius: 5px; margin-bottom: 30px; }

.category a { display: block; text-align: center; color: #333; font-size: 16px; line-height: 36px; }

.product-slider h1 { font-weight: 100; text-transform: uppercase; font-size: 25px; color: #7a9518; }

.owl-next, .owl-prev { background: none; }



footer { padding-top: 40px; background: #fff; border-bottom: 1px solid #ddd; }

footer h1 { color: #000; font-size: 25px; text-align: center; }

footer h2 { color: #000; font-size: 18px; font-weight: normal; }

footer p { color: #333; }

footer ul { padding-left: 0; }

footer ul li a { color: #333; line-height: 28px; font-size: 15px; }

footer ul li a:hover { color: #738715; text-decoration: none; }

.copy-rights { background: #fff; min-height: 50px; line-height: 50px; color: #333; font-size: 12px; }

.copy-rights .copy { margin-bottom: 0; }

.footer-menu ul { padding: 0; margin-bottom: 0; }

.footer-menu ul li { font-size: 6px; padding-left: 7px; float: left; }

.footer-menu ul li a { color: #333; padding-right: 7px; }

.social-networks { text-align: center; padding-top: 0px; }

.poweredby { font-size: 12px; display: inline; padding-right: 50px; }

.poweredby img { vertical-align: middle; display: inline-block; margin-top: 10px; }

.social-networks ul { padding-left: 0; }

.social-networks ul li { margin-right: 5px; font-size: 15px; width: 32px; height: 32px; border-radius: 16px; background: #333; text-align: center; line-height: 32px; float: left; }

.social-networks ul li a { color: #fff; }

.terms li { float: left; padding-right: 20px; }

.terms li a { color: #333; }

.terms li a:hover { color: #006ed6; }

.address { padding-top: 20px; padding-bottom: 20px; }

.address p { text-align: center; margin-bottom: 0; }

.address p strong { color: #738715; font-size: 16px; }



.navbar-right { background: #006ed6; }

.navbar-right li a i { color: #fff; }

.cart-search { background: #95c416; margin-left: 10px; }



.navbar-brand .logo2 { display: none !important; }

.fixed-header .logo { display: none !important; }

.fixed-header .logo2 { display: block !important; }

.contact-hd { margin-left: 30px; }
.location { margin-left: 30px; }


.searchbar { margin-bottom: auto; margin-top: auto; height: 60px; background-color: #353b48; border-radius: 30px; padding: 10px; }

.search_input { color: white; border: 0; outline: 0; background: none; width: 0; caret-color: transparent; line-height: 40px; transition: width 0.4s linear; }

.searchbar:hover > .search_input { padding: 0 10px; width: 450px; caret-color: red; transition: width 0.4s linear; }

.searchbar:hover > .search_icon { background: white; color: #e74c3c; }

.search_icon { height: 40px; width: 40px; float: right; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: white; }

.search-box { background: #E8E8E4; position: absolute; top: 100px; right: 12.7%; width: 350px; height: 42px; box-shadow: 0 0 10px rgba(0,0,0,0.5); border-top: 4px solid #95c416; display: none; }

.search-box:before { content: ""; position: absolute; top: -32px; right: 13px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 14px solid transparent; border-bottom: 14px solid #95c416; }

.search-box input[type="text"] { width: 262px; padding: 5px 10px; margin-left: 5px; border: 1px solid #95c416; outline: none; }

.search-box input[type="button"] { width: 80px; padding: 5px 0; background: #95c416; color: #fff; margin-left: -6px; border: 1px solid #95c416; outline: none; cursor: pointer; }

/*Here New Css*/
.sub-banner { min-height: 200px; margin-top: 0px; background: url(../images/images-sub-banner.jpg) no-repeat; background-size: 100%; }

.inner-pages { background: #fff; padding-top: 15px; padding-bottom: 15px; margin-top: 15px; border-radius: 5px; border-top: 1px solid #eaeaea; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); margin-bottom: 15px; }
.inner-pages h1 { font-weight: 100; margin-top: 0; color: #23527c; }

.inner-pages h2 { font-weight: 200; color: #235291; }
.sub-links { background: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); height: 23px; }

.crumb-links { background: none; }

.breadcrumb { margin-bottom: 20px; list-style: none; border-radius: 4px; }

.breadcrumb > li { text-align: center; }

.inner-content h1 { font-size: 20px; color: #016ed7; border-bottom: 2px dashed #ddd; padding-bottom: 10px; }

.wrap-left { float: right; padding-left: 20px; }

.contact-left h3 { font-weight: 700; font-size: 17px; margin-bottom: 15px; color: #000; border-bottom: 2px solid #ddd; padding-bottom: 10px; }



.rounded { width: 50px; height: 50px; background: #95c416; border-radius: 100%; text-align: center; margin: 18px auto; }

.rounded i { font-size: 26px; line-height: 50px; color: #fff; }

.address-content { width: 100%; }

.address-content h5, .address-content p { font-size: 12px; }
.address-content p { margin: 0 0 0px; }


.social-networks .social-bg { background: #006ed6 !important; }

.product { border: 1px solid #ddd; border-radius: 5px; padding: 10px; min-height: 430px; margin-bottom: 15px; background: #eee; }

.product h4 { text-align: center; }

.product h4 { text-align: center; padding-top: 15px; }

.product p { text-align: center; }

.product-qty { width: 100px; }

.legal h2 { font-size: 14px; text-align: center; color: #726161; text-transform: uppercase; }

.legal { margin-bottom: 30px; }

.img-box { overflow: hidden; width: 300px; }

.image-box:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.1); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

.director h4 { text-align: center; font-size: 20px; color: #006ed6; margin-bottom: 5px; padding-top: 10px; }

.director p { text-align: center; font-size: 17px; color: #999; }

.registration-content { text-align: center; font-size: 20px; margin-top: 0px; }

.address-map { margin-bottom: 10px; }

.nav-button { background: #006ed6 !important; }
.navbar-default .nav-button > li > a { color: #fff; }
.navbar-default .nav-button > li > a:focus, .navbar-default .nav-button > li > a:hover { color: #ffffff; }
.navbar-default .nav-button > .open > a, .navbar-default .nav-button > .open > a:focus, .navbar-default .nav-button > .open > a:hover { color: #fff; background: #006ed6; border-radius: 30px; }


.login_box_img { margin-right: 0px; background: url(../images/images-login.jpg) !important; min-height: 300px; padding: 15px; }
.main_btn { display: inline-block; background: #1641ff; padding: 0px 30px; color: #fff; font-family: poppins,sans-serif; font-size: 14px; font-weight: 500; line-height: 48px; border: 1px solid #1641ff; border-radius: 0px; outline: none !important; box-shadow: none !important; text-align: center; border: 1px solid #1641ff; cursor: pointer; transition: all 300ms linear 0s; border-radius: 5px; float: right; }

.decimal { padding-left: 15px; }
.decimal li { font-size: 15px; }
.decimal li i { color: #95c416; }

.logins ul { padding-left: 0; float: right; margin-top: 16px; margin-right: 40px; }

.logins ul li { float: left; padding-left: 20px; }

.logins ul li a { /*color:#fff;*/ color: #000; }
.logins ul li .dropdown-menu li { padding-left: 0; }
.logins ul li .dropdown-menu li a { color: #333; }
header .navbar-nav { background: none; border-radius: none; margin-left: 0; width: unset; }
.select2-container .select2-selection--single { height: 34px !important; }
.select2-container--default .select2-selection--single { border: 1px solid #ccc !important; border-radius: 0px !important; }

#custom-search-input { margin: 0; padding: 0; }

#custom-search-input .search-query { padding-right: 3px; padding-right: 4px \9; padding-left: 3px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

#custom-search-input button { border: 0; background: none; /** belows styles are working good */ padding: 2px 5px; margin-top: 2px; position: relative; left: -28px; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #D9230F; }

.search-query:focus + button { z-index: 3; }

.search-panel .btn { padding: 5px 12px; }

.input-group-btn .btn { padding: 3px 12px; }

.search .input-group { margin-top: 18px; }

.logins .nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background: none !important; color: #006ed6; }
.downloade .form-control { padding: 0px 0px; background-position: 1px center; }
.downloade-form { margin-top: 30px; margin-left: 20px; }


.downloade .thumbnail:hover { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); }

.photo-gallery:hover { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); }

.photo-gallery img { margin-bottom: 20px; border: 1px solid #ddd; padding: 2px; }

.caption h3 { font-size: 16px; text-align: center; color: #424242; text-transform: uppercase; }



.sidebar .header { border-bottom: 1px solid #ddd; margin-bottom: 15px; text-align: center; color: #fff; background: #77b316; font-size: 16px; font-weight: 400; text-transform: uppercase; display: block; line-height: 36px; border-radius: 5px; }
.sidebar ul { padding-left: 5px; }
.sidebar ul li { font-size: 14px; line-height: 18px; padding-bottom: 1px; border-bottom: 1px dashed #ddd; padding-top: 9px; margin-bottom: 10px; }
.sidebar ul li a { color: #333; }
















.video-gallery .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }

.video-gallery .modal-dialog { position: fixed; margin: 0; width: 100%; height: 100%; padding: 0; }

.video-gallery .modal-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid #3c7dcf; border-radius: 0; box-shadow: none; }

.video-gallery .modal-header { position: absolute; top: 0; right: 0; left: 0; height: 50px; padding: 10px; background: #6598d9; border: 0; }

.video-gallery .modal-title { font-weight: 300; font-size: 2em; color: #fff; line-height: 30px; }

.video-gallery .modal-body { position: absolute; top: 50px; bottom: 60px; width: 100%; font-weight: 300; overflow: auto; }

.video-gallery .modal-footer { position: absolute; right: 0; bottom: 0; left: 0; height: 60px; padding: 10px; background: #f1f3f5; }



::-webkit-scrollbar { -webkit-appearance: none; width: 10px; background: #f1f3f5; border-left: 1px solid darken(#f1f3f5, 10%); }

::-webkit-scrollbar-thumb { background: darken(#f1f3f5, 20%); }


.video-gallery .modal-body iframe { border: 0; width: 100%; height: 100%; }
.videos li { text-transform: uppercase; }



/*-------------Road Map-----------------------*/




#westcoast-roadmap .bgs { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around }
#westcoast-roadmap .bgs .bg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
#westcoast-roadmap .bgs .bg:nth-child(2n) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
#westcoast-roadmap .bgs img { width: 50% }
#westcoast-roadmap .container { position: relative }
#westcoast-roadmap .container > ul > li { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 1rem 0 }
#westcoast-roadmap .container > ul > li:first-child { padding-top: 0 }
#westcoast-roadmap .container > ul > li:last-child { padding-bottom: 12rem }
#westcoast-roadmap .container > ul > li.invert { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse }
#westcoast-roadmap .container > ul > li.invert .right { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse }
#westcoast-roadmap .container > ul > li.invert .left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
#westcoast-roadmap .container > ul > li.invert .circle { left: auto; right: -1.1rem }
#westcoast-roadmap .left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
#westcoast-roadmap .right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
#westcoast-roadmap .start-circle, #westcoast-roadmap .end-circle { position: absolute; left: 49.8%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); height: 0.7rem; width: 0.7rem; border-radius: 100% }
#westcoast-roadmap .start-circle { top: 0 }
#westcoast-roadmap .end-circle { bottom: 11px; }
#westcoast-roadmap .end-circle i { color: #e4e8f2; }
#westcoast-roadmap .line { height: 0.2rem; background: #738299; width: 11.4rem; position: relative }
#westcoast-roadmap .vertical-line { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 0.2rem; top: 0; bottom: 0; background: #e4e8f2 }
#westcoast-roadmap .year { padding: 0 4rem; font-size: 3rem; color: #000; font-family: "Circular Std - Bold", sans-serif }
#westcoast-roadmap .circle { position: absolute; left: -1.1rem; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 2; background: #9aff00; height: 1.8rem; width: 1.8rem; border-radius: 10px; border: 1px solid #738299; }
#westcoast-roadmap .quarter { background: #010367; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 1.2rem; line-height: 1.2rem; font-family: "Source Sans Pro", sans-serif; font-weight: 400; padding: .5rem 1rem; border-radius: 1rem; white-space: nowrap }
#westcoast-roadmap .info { background: #fff; padding: 1rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: 0.2rem solid #738299 }

@media (max-width: 992px) {
    #westcoast-roadmap { padding-bottom: 10rem }
    #westcoast-roadmap .start-circle, #westcoast-roadmap .end-circle { left: 3.7rem; -webkit-transform: translate(0, 0); transform: translate(0, 0) }
    #westcoast-roadmap .container > ul { padding-left: 2rem }
    #westcoast-roadmap .container > ul > li { padding: 1.4rem 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
    #westcoast-roadmap .container > ul > li.invert { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
    #westcoast-roadmap .container > ul > li.invert .left { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
    #westcoast-roadmap .container > ul > li.invert .right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
    #westcoast-roadmap .left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; z-index: 2 }
    #westcoast-roadmap .left .year { margin-left: -3rem; padding-left: 0; padding-right: 0; height: 10rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
    #westcoast-roadmap .vertical-line { left: 0 }
    #westcoast-roadmap .line { width: 4rem }
    #westcoast-roadmap .quarter { left: 0 }
    #westcoast-roadmap .circle { left: 0; display: none }
    #westcoast-roadmap .info { padding: 2rem }
}

@media (max-width: 767px) {
    #westcoast-roadmap .bgs { display: none }
    #westcoast-roadmap .container > ul { padding-left: 1.4rem }
}

#released-projects { padding: 0 }

.road-map-banner { background: url(../images/images-road-map-header.png); min-height: 400px; background-size: cover; }

.road-map { background: url(../images/images-road-map-back.jpg); background-repeat: repeat; background-size: cover; padding: 20px; }
.sub-content h1 { color: #fff; text-align: center }
.sub-content p { color: #fff; text-align: center }
.sub-content { margin-top: 250px; }
.road-map-images { position: absolute; top: 50px; right: 195px; }
.road-map-left-images { position: absolute; top: 0px; left: 100px; }
.info ul li { border-radius: 10px; padding-left: 30px; background-image: url(../images/images-tick.png); background-position: 0px 2px; background-repeat: no-repeat; }
.info p i { font-size: 12px; padding-right: 5px; color: #330197; }
.road-map h1 { color: #000; font-weight: 600; margin-top: 34px; margin-bottom: 16px; }

.road-map-vision { margin-bottom: 40px !important; font-weight: 400; color: #000; }
.road-map p { margin-bottom: 0px; }

.road-open img { margin-top: 51px; width: 202px; }





.shopping-cart-home { min-height: 80px; max-height: 260px; overflow-y: scroll !important; width: 100%; max-width: 100%; }

.car-products { /*border-bottom: 1px solid #ddd;*/ background: #fff; margin: 3px 0px; padding: 10px 0px; }




.sidebar { background: #fff; padding: 10px; }


.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; font-size: 18px !important; line-height: 1em !important; vertical-align: middle; }


.home-cart { width: 600px; position: absolute; right: 300px !important; }

.cart-dropdown .dropdown-menu { position: absolute; top: 100%; left: -425px !important; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); background-clip: padding-box; }


.home-banners { margin-top: 0px; }

.category img { height: 200px; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { /* background-color: #808080; */ color: inherit; color: #fff; border: none; padding: 0 !important; font: inherit; margin-left: 5px !important; border-radius: 30px; }

.product-grid2 { position: relative; border: 1px solid #f0f0f0; margin-bottom: 20px; min-height: 450px !important; }
/*---------------------------------------------------------------------------------------------------*/

.LatestNews { min-height: 387px; max-height: 387px; border: 1px solid #ddd; }
.LatestNews h2 { text-align: center; }

.address-map h2 { float: right; }
.address-map iframe { float: right; }
.social-networks ul { float: right; }