@import url('https://fonts.googleapis.com/css?family=Baloo+Bhai');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500,700');
@import 'font-awesome.css';

/* Clear CSS */
.clearfix { }
.clear { clear:both;}
.clearfix:after{ content: "."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}

/* Break CSS */
.break10 { clear:both; margin:10px 0px; height:1px;}
.break5 { clear:both; margin:5px 0px; height:1px;}
.break { clear:both; margin:2px 0px; height:1px;}

.hover { transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s;}
.hover3 { transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s;}

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

fontstyle { font-family: 'Poppins', sans-serif; font-family: 'Baloo Bhai', cursive; font-family: 'Ubuntu', sans-serif;}


/*-----------------------------Common CSS END-----------------------------*/

body { background:#fff; font-size:12px; font-family: 'Poppins', sans-serif; font-weight:400; color:#111; word-wrap:break-word; margin:0px; padding:0px; width:100%; height:100%;}

.search-modal { background-color: rgba(0, 0, 0, 0.8);}
.search-modal .search-box { margin-top: 50%; background-color: transparent !important; border: 0;}
.search-modal .search-box .modal-body { padding-left: 0; padding-right: 0; border-bottom: 2px solid rgba(255, 255, 255, 0.8);}
.search-modal .search-box a.close { color: #fff; opacity: 1;}
.search-modal .search-box button:hover { color: rgba(255, 255, 255, 0.4);}
.search-modal .search-box button { color: #fff; border: 0; background-color: transparent;}
.search-modal .search-box input { border: 0; color: #fff; outline: 0; margin-left: 10px; background-color: transparent;}
.search-modal .search-box input[type="text"] { width: 80%;}
.search-modal .search-box #searchsubmit {float: right;}
.mo-modal { background-color: rgba(0, 0, 0, 0.6);}
.mo-modal .mo-menu-box { margin-top: 30%; background-color: transparent !important; box-shadow: none; border: 0;}
.mo-modal .mo-menu-box .modal-body { padding-left: 0; padding-right: 0;}
.mo-modal .mo-menu-box .modal-body ul li { text-align: center; margin: 20px 0; color:#147EA0;}
.mo-modal .mo-menu-box .modal-body ul#header_menu_mobile ul.sub-menu { padding: 0 0 0 50px;}
.mo-modal .mo-menu-box .modal-body ul li a { font-family: "Ubuntu", sans-serif; text-transform: uppercase; font-size: 18px; text-decoration: none; font-weight: bold; color:#fff;}
.mo-modal .mo-menu-box .modal-body ul li a:hover { color:#147EA0;}
.mo-modal .mo-menu-box a.close { color: #fff;}
a.search { float: left;}
.nav-previous, .nav-next { margin-top: 15px; font-size: 1em; font-family: "Ubuntu", sans-serif; display: inline-block;}
.nav-previous {float: left;}
.nav-previous a { text-decoration: none;}
.nav-next { float: right;}
.nav-next a {text-decoration: none;}
header { position: relative;}

header div.topbar { height: 44px; background-color: #147EA0; text-align: right; line-height: 44px;}
header div.topbar a { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; color: #fff; outline: none; text-decoration: none; font-size: 0.875em;}
header div.topbar a i { font-size:1.2em;}
header div.topbar a:not(:last-child):not(.last) { margin-right: 25px;}
header div.topbar a:hover { color: #0c0d13;}
header > nav { background:#0c0d13; position: relative; height: 84px;}
header > nav > .container { padding: 0; position: relative; z-index: 2;}
header .mobile-nav { display: none; padding: 15px 18px; line-height: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.2); color: #fff; font-family: "Ubuntu", sans-serif; font-weight: bold; font-size: 0.875em; float: right; margin: 32px 0; cursor: pointer; text-decoration: none; outline: none;}
header > nav > .container > div.logo { position: relative; padding: 6px 0; float: left;}
/*header > nav > .container > div.logo.bg > a.logo-image { overflow: hidden; position: relative; z-index: 2; background-repeat: no-repeat; background-size: cover; background-position: center; width: 208px; height: 84px; margin: 0 auto; top: 0px; display: block;}*/
/*header > nav > .container > div.logo:not(.bg) > a.logo-image { width: 200px; height: 110px; position: relative; z-index: 2; display: block; margin: 0 auto; background-repeat: no-repeat; background-size: contain; background-position: center;}*/
header > nav > .container > ul { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: flex-end; -webkit-justify-content: flex-end; position: relative; height: 84px;}
header > nav > .container > ul > li { list-style: none; display: inline-block; -webkit-transition: all 200ms ease-in-out;  -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; padding: 0 20px; margin-top: 1px; position: relative;}
header > nav > .container > ul > li:hover span.title { color: #147EA0;}
header > nav > .container > ul > li:hover ul.sub-menu {display: block;}
header > nav > .container > ul > li > ul.sub-menu { display: none; position: absolute; background-color: rgba(12, 13, 19, 0.8); -webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.015); top: 50px; left: 20px; padding: 20px; min-width: 210px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);}
header > nav > .container > ul > li > ul.sub-menu ul { padding: 10px 0 0 15px;}
header > nav > .container > ul > li > ul.sub-menu:before { content: ''; display: block; height: 60px; top: -60px; left: 0; width: 100%; position: absolute; background-color: transparent;}
header > nav > .container > ul > li > ul.sub-menu li { list-style: none;}
header > nav > .container > ul > li > ul.sub-menu li:hover > a span.title { color: #fff;}
header > nav > .container > ul > li > ul.sub-menu li:not(:last-child) { margin-bottom: 10px;}
header > nav > .container > ul > li > ul.sub-menu li a { text-decoration: none; color: #fff; font-family: "Ubuntu", sans-serif; font-size: 1em;}
header > nav > .container > ul > li > ul.sub-menu li a span.title { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; color: #afafbc;}
header > nav > .container > ul > li > a { text-decoration: none;}
header > nav > .container > ul > li > a > span { display: block; line-height: 1;}
header > nav > .container > ul > li > a > span.title { font-size: 1.5em; font-family: "Baloo Bhai", cursive; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; text-transform: uppercase; color: #fff; margin-bottom: 6px;}
header > nav > .container > ul > li > a > span.subtitle { color: #5e606e; font-family: "Ubuntu", sans-serif; font-size: 1em;}

section.categorybg { background: #0c0d13; width: 100%;}
section.categorybg h2 { text-align: center; color: #fff; text-transform: uppercase; font-size:2em; font-weight: 700; margin-bottom: 20px;}

.cat-block { margin-bottom: 20px;}
.cat-block a { display: block;}
.cat-block h3 { background: #147EA0; text-align: center; padding: 8px 0; font-size: 1.3em; font-weight: 700; text-transform: uppercase; color: #fff; margin-top:0}
.cat-block:hover a { opacity: 0.5;}
.cat-block:hover h3 { background: #fff; color: #111;}

section.featured {}
section.featured h2 { text-align: center; color: #111; text-transform: uppercase; font-size:2em; font-weight: 700; margin-bottom: 20px;}
.product-block { background:#fff; position:relative; margin:0 0 20px; border:1px solid #d0d0d0; position:relative; overflow:hidden;}
.product-block:hover { border-color:#147EA0;}
.product-block .PImg { position:relative; transition: all 0.5s ease-in-out 0s;}
.product-block:hover .PImg { border-color:#33a9ee;}
.product-block p { padding:0px; margin:0px 10px 20px; color:#909090; font-size:13px;}
.product-block p span { display:block; font-size:14px; font-weight:500; margin-bottom:8px; color:#222}
.product-block .btn { background:#147EA0; height:40px; color:#fff; padding:0px 12px; font-size:14px; font-weight:600; text-transform:uppercase; cursor:pointer; position:absolute; top:-44px; left:28%; transition: all 0.5s ease-in-out 0s;}
.product-block .btn:hover { background-color:#0c0d13;}
.product-block:hover .btn { top:44%;}

section.map { position: relative; max-height:400px;}
section.map .container { position: absolute; top: 0; width: 100%;}
section.map .contactbg {}
section.map .contactbg:before { background: rgba(0, 0, 0, 0.8); width: 100%; height:400px; position: absolute; top: 0; left: 0; display: block; content: ""; z-index: 99}
.map-contact { color: #fff; position: relative; z-index: 999; padding: 33px;}
.map-contact h2 { text-transform: uppercase; font-weight: 700;}
.map-contact p { line-height: 24px; font-size: 14px;}
.map-contact li { list-style: none; margin-bottom: 15px; color: #f0f0f0;}
.map-contact li i { width: 20px; font-size: 14px; color: #fff;}
.map-contact li a { color: #f0f0f0;}
.map-contact li a:hover { text-decoration: underline;}
.map-social a { float: left; margin: 0 10px 10px 0; display: block;}
.map-social a i { width: 40px; height: 40px; text-align: center; font-size: 14px; line-height: 40px; background: rgba(255, 255, 255, 0.2); color:#fff;}
.map-social a:hover i { background: #147EA0; color: #fff;}


.breadcrumbs { margin:0; font-size:12px; text-transform:uppercase; font-weight:400; text-align:center; padding:20px 0 10px;}
.breadcrumbs ul { margin:0; padding:0;}
.breadcrumbs .items .item { border-right:1px solid #3c3c3c; display:inline-block; font-size:12px; line-height:12px; margin-right:0.5rem; padding-right:0.5rem; position:relative;}
.breadcrumbs .items .item a { color:#fff;}
.breadcrumbs .items .item a:hover { color:#147EA0;}
.breadcrumbs .items .item strong { font-weight:400; color:#888;}
.breadcrumbs .items .item:last-child { border-right:0; margin-right:0; padding-right:0;}

section.page-title { margin-top:20px;}

.page-txt { font-weight:400; line-height:24px; margin-bottom:3rem; min-height:450px;}
.page-txt a:hover { color:#147EA0;}

.contact-form {}
.contact-form h4 { margin-bottom:0.3em; letter-spacing:0.08em; line-height:1em; color:#0c0d13; text-transform:uppercase; font-weight:400; font-size:20px; text-align:center; font-family: "Baloo Bhai", cursive;}
.contact-form p { font-size:16px; line-height:23px; text-align:center; margin-bottom:22px; font-weight:400; color:#888;}

.form-group label { display:none;}
.form-group { position:relative;}
fieldset .required:after { color:#d73105; content:"*"; font-size:12px; left:-16px; margin:0 0 0 5px; position:absolute; top:8px; font-weight:400;}
.form-group .input-text { background:none; display:block; border:1px solid #147EA0; color:#111; font-weight:400; line-height:2.3rem; padding:1.44rem 1rem; width:100%; font-size:14px; box-shadow:none; vertical-align:baseline; outline:none; font-family: "Ubuntu", sans-serif;}
.submit-btn { text-align:right;}
.submit-btn button { background:#147EA0; color:#fff; font-family: "Baloo Bhai", cursive; text-transform:uppercase; font-size:14px; overflow:hidden; position:relative; display:inline-block; margin:0 0.25rem; padding:12px 30px; border-radius:3px; border:none;}
.submit-btn button:hover { background:#0c0d13; color:#fff;}

.pagination { text-align:center; width:100%;}
.pagination a { background:#147EA0; border-radius:3px; padding:3px 9px; font-size:12px; font-weight:600; color:#fff; display:inline-block; text-transform:uppercase; margin:0;}
.pagination a:hover { background:#0c0d13;}

.LefMenu li.MainLeftCats { list-style:none; margin-bottom:3px; transition: all 0.3s ease-in-out 0s; position:relative;}
.LefMenu li.MainLeftCats:hover {}
.LefMenu li.MainLeftCats a { background:#147EA0; height:50px; line-height:50px; display:block; color:#fff; font-weight:600; font-size:16px; text-decoration:none; text-transform:uppercase; padding:0px 20px; text-align:left; border-radius:6px;}
.LefMenu li.MainLeftCats a i { color:#fff;}
.LefMenu li.MainLeftCats a:hover, .LefMenu li.MainLeftCats a.active { background:#0c0d13; color:#fff}
.submenu ul { padding:0 1em 1em; margin:0px;}
.submenu ul li { list-style:none;}
.submenu ul li a { color:#0c0d13; font-size:12px; line-height:30px; text-decoration:none; display:block; padding:0px; margin-bottom:2px; font-weight:400; border-bottom:1px solid #ccc;}
.submenu ul li:last-child a { border:none;}
.submenu ul li a:hover, .submenu ul li a.active { color:#147EA0; padding-left:5px;}
.submenu ul li a span { margin-right:3px; display:inline-block;}

article.title { background:#0c0d13; border-radius:6px; padding:0 25px; height:72px; margin-bottom:20px;}
article.title h3 { line-height:72px; font-size:1.325em; font-family: "Baloo Bhai", cursive; color:#fff; text-transform:uppercase; margin:0;}
article.title h3 i { padding-right:5px; color:#fff}

.prod-details {}
.prod-details h1 { text-align:center; font-weight:700; font-size:24px; text-transform:uppercase; }
.prod-details h3 { font-weight:600; font-size:18px; color:#147EA0;}
.prod-details .description { min-height:150px; font-weight:400; font-size:13px; color:#999;}
.prod-details .description span { text-transform:uppercase; color:#fff; font-size:16px;}
.prod-details .prd-opt { margin-bottom:20px;}
.prod-details .prd-opt label { width:20%; text-align:left; font-weight:600; font-size:12px; text-transform:uppercase; line-height:34px; margin:0;}
.prod-details .prd-opt .form-control { width:30%; font-weight:400;}
.like-box { margin-top:3rem;}

.CartInfo {  min-height:400px; margin:0; padding:0;}
.CartInfo table { border-collapse:collapse; border-left:1px solid #ccc; border-right:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:15px; width:100%; max-width:100%; background-color:#fff; border-spacing:0;}
.CartInfo thead td { background-color:#0c0d13; border-bottom:1px solid #ddd; color:#fff; font-weight:600; outline:none;}
.CartInfo td { padding:7px; }
.CartInfo thead .image, .CartInfo thead .action { text-align:center;}
.CartInfo thead .productd, .CartInfo thead .quantity { text-align:left;}
.CartInfo tbody .image, .CartInfo tbody .action { text-align:center;}
.CartInfo tbody td { border-bottom:1px solid #ddd; vertical-align:middle;}
.CartInfo tbody td input[type="text"] { background:#f2f2f2; width:50%; text-align:center;}
.CartInfo tbody .productd h4 { font-weight:600; margin-bottom:10px; font-size:14px; text-transform:uppercase;}
.CartInfo tbody .productd h5 { font-size:12px; color:#888; margin-bottom:5px; font-weight:400;}
.CartInfo tbody .form-control { border-radius:0;}
.CartInfo tbody .productd p { color:#888; font-weight:400;}
.CartInfo tbody .form-control:focus { border-color:#0c0d13; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 166, 8, 0.6)}
.CartInfo tbody .btn-success { background:#147EA0; border:none; font-size:14px; overflow:hidden; text-transform:uppercase; font-weight:600; width:50%; margin-top:4px; padding:8px 12px; border-radius:3px;}
.CartInfo tbody .btn-success:hover { background:#0c0d13;}
h2.Total { text-align:right; font-size:20px; font-weight:700; text-transform:uppercase;}
h2.Total span { color:#888}
.basket-btn { text-align:right;}
.basket-btn a { background:#147EA0; border:none; font-size:14px; color:#fff; display:inline-block; margin:0 0.25rem; padding:10px 20px; text-transform:uppercase; border-radius:3px; font-weight:600;}
.basket-btn a:hover { background:#0c0d13;}

.SubmitText { text-align:center; text-transform:uppercase; color:#060; font-size:22px; font-weight:700; padding:5rem 0 8rem;}

.NoProd { text-align:center; color:#ccc; font-size:22px; padding:5rem 0 8rem;}

.EmptyCart { text-align:center; font-weight:600; font-size:22px; color:#282828; padding-top:100px;}
.EmptyCart a { color:147EA0;}
.EmptyCart a:hover { color:#888;}

.cd-top { display:inline-block; height:40px; width:40px; text-align:center; font-size:16px; color:#fff; background:#147EA0; line-height:40px; position:fixed; bottom:30px; right:30px; overflow:hidden; visibility:hidden; white-space:nowrap; opacity:0; transition: all 0.5s ease-in-out 0s; z-index:9999;}
.cd-top:hover { background:#0c0d13;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { transition: all 0.5s ease-in-out 0s;}
.cd-top.cd-is-visible { visibility:visible; opacity:1; }
.cd-top.cd-fade-out { opacity:0.5; }
.no-touch .cd-top:hover { background:#0c0d13; opacity:1; }

.newsletter { background:#147EA0; padding:50px 0; text-align:center; color:#616160;}
.newsletter h2 { font-weight:700; font-size:24px; text-transform:uppercase; color:#fff; margin-top:0; padding:0;}
.newsletter p { font-size:14px; line-height:24px; font-weight:400; color:#ffc0db;}
.newsletter input { background:#fff; border-radius:50px; width:100%; height:52px; font-size:13px; font-weight:400; color:#111; padding:0px 15px; border:none; box-shadow:none;}
.newsletter button { background:#0c0d13; height:52px; width:100%; text-align:center; color:#fff; font-size:15px; font-weight:600; border-radius:50px; text-transform:uppercase; font-family: 'Open Sans', sans-serif; border:none;}
.newsletter .s-form { padding:0px 7.5px;}
.newsletter button:hover { background:#2f3139; color:#fff;}
footer { background:#0c0d13; padding:30px 0;}
footer h2 { text-transform:uppercase; color:#fff; font-size:18px; font-weight:700; border-bottom:2px solid #147EA0; margin-bottom:20px; padding-bottom:4px; display:inline-block}
.f-links ul { margin:0; padding:0;}
.f-links ul li { list-style:none; margin-bottom:5px;}
.f-links ul li a { text-decoration:none; color:#fff; font-size:12px; line-height:16px; font-weight:400; transition:all 0.5s ease-in-out 0s;}
.f-links ul li a i { font-size:12px; color:#147EA0;}
.f-links ul li a:hover { color:#ff0000; padding-left:5px;}
.news { color:#fff; font-weight:400; font-size:12px;}
.news + .news { margin-top:8px;}
.news h4 { font-size:13px; font-weight:600; color:#147EA0; margin:0; padding:0;}
.f-contact li { list-style:none;}
.f-contact li i { width:30px; line-height:30px; text-align:center; font-size:16px; color:#147EA0; border-radius:3px; display:inline-block; margin-right:8px;}
.f-contact li span { font-weight:400; font-size:13px; color:#fff; display:inline-block;}
.f-contact li span a { text-decoration:none; color:#fff; font-size:13px; transition:all 0.5s ease-in-out 0s;}
.f-contact li span a:hover { color:#147EA0;}
.copy-rights { background:#1b1c1e; padding:20px 0; font-size:12px; color:#fff; text-align:center;}
.copyrights a { color:#147EA0; font-weight:600; text-transform:uppercase;}
.copyrights a:hover { text-decoration:underline;}