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

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

.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;}

@font-face {
    font-family: 'caviar_dreamsbold';
    src: url('../fonts/Caviar_Dreams_Bold-webfont.eot');
    src: url('../fonts/Caviar_Dreams_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Caviar_Dreams_Bold-webfont.woff2') format('woff2'),
         url('../fonts/Caviar_Dreams_Bold-webfont.woff') format('woff'),
         url('../fonts/Caviar_Dreams_Bold-webfont.ttf') format('truetype'),
         url('../fonts/Caviar_Dreams_Bold-webfont.svg#caviar_dreamsbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

a { color: #65b1b2;}

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

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

.dt-logo { display: block;}
.mt-logo { display: none;}

section.pay-ship { position: relative; top: -30px;}
section.pay-ship .c-block { padding: 20px; color: #fff;}
section.pay-ship .c-block h2 { margin: 0 0 10px; padding: 0; text-transform: uppercase; font-size: 18px; font-family: 'caviar_dreamsbold'; line-height: 24px;}
section.pay-ship .c-block p { line-height: 22px; font-size: 13px;}
section.pay-ship .shiping { background: #65b1b2;}
section.pay-ship .shiping h2 { background: url(../images/ship-icon.png) left center no-repeat; padding-left: 40px;}
section.pay-ship .payment { background: #6b7fbf;}
section.pay-ship .payment h2 { background: url(../images/pay-icon.png) left center no-repeat; padding-left: 34px;}
section.pay-ship .news-bg { background: #8477b7;}
section.pay-ship .news { margin-bottom: 8px;}
section.pay-ship .news h4 { font-size: 14px; text-decoration: underline;}

section.about-main { padding-bottom: 30px;}
section.about-main .about-text { padding: 30px 0;}
section.about-main .about-text h2 { font-family: 'caviar_dreamsbold'; font-size: 24px; margin: 0 0 20px; padding: 0; position: relative;}
section.about-main .about-text h2:before { background: #65b1b2; content: ""; width: 150px; height: 1px; position: absolute; left: 0; bottom: -5px;}
section.about-main .about-text p { font-size: 13px; line-height: 24px; margin: 0 0 15px;}
section.about-main .about-text a { background: #313e4e; text-align: center; display: inline-block; font-size: 12px; font-weight: 600; line-height: 36px; padding: 0 20px; color: #fff; }
section.about-main .about-text a:hover { background: #65b1b2;}

section.main-cats { background: #e7f0fa; padding: 30px 0 0;}
section.main-cats h2 { text-align: center; color: #222; font-family: 'caviar_dreamsbold'; font-size: 24px; margin: 0 0 20px; padding: 0;}
.cat-block { margin-bottom: 30px;}
section.main-cats .cat-block:hover img { opacity: 0.6;}

section.featured { background: #fff;}
h2.f-title { text-align:center; font-weight:600; font-size:24px; text-transform:uppercase; color:#111; margin: 20px 0;}
.prod-box { text-align:center; margin-bottom:15px; position:relative; overflow:hidden;}
.prod-box .prod-img { height:auto; border:1px solid #ccc; overflow:hidden;}
.prod-box h3 { font-size:14px; margin:10px 0 0px; font-weight:600; color: #313e4e;}
.prod-box h4 { font-size:12px; color:#666;}
.prod-box .prd-btn { position:absolute; top:-50%; width:100%; left:0;}
.prod-box .prd-btn a, .prod-box .prd-btn button { background:#313e4e; line-height:30px; width:130px; text-align:center; color:#fff; font-size:12px; display:block; text-transform:uppercase;}
.prod-box .prd-btn button { border:none; padding:0; margin-top:5px;}
.prod-box .prd-btn a:hover, .prod-box .prd-btn button:hover { background:#64b1b2; text-decoration:none;}
.prod-box:hover .prd-btn { top:30%;}
.prod-box:hover .prod-img img { transform:scale(1.3);}

.bar-collection { background: #1c2532; padding: 20px 0; position: relative;}
.col-block { text-align: center;}
.col-block h3 { font-size: 16px; color: #fff; font-weight: 600; margin: 10px 0 0; text-transform: uppercase;}
.col-block p { font-size: 14px; color: #fff; }

section.breadcrumbs { background: #f6f6f6; text-align: center; padding: 20px 0;}
section.breadcrumbs h2 { margin: 0 0 10px; font-size: 26px; font-weight: 600; text-transform: uppercase; color: #65b1b2;}
section.breadcrumbs ul { margin: 0; padding: 0;}
section.breadcrumbs ul li { list-style: none; display: inline-block; margin: 0 3px; text-transform: uppercase;}
section.breadcrumbs ul li a { color: #111;}
section.breadcrumbs ul li a:hover { color: #65b1b2;}
section.breadcrumbs ul li strong { font-weight: 400; color: #666;}

main.inner-page { padding: 20px 0; min-height: 450px;}
main.inner-page .page-txt { font-size: 13px; line-height: 26px;}
main.inner-page .page-txt a:hover { color: #65b1b2;}

.contact-form { margin-bottom: 20px;}
.contact-form h4 { margin-bottom:0.3em; letter-spacing:0.08em; line-height:1em; color:#000; text-transform:uppercase; font-weight:400; font-size:20px; text-align:center;}
.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:#fff; display:block; border:1px solid #ccc; color:#000; 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;}
.form-group .input-text:hover, .form-group .input-text:focus { border-color:#65b1b2;}
.submit-btn { text-align:right;}
.submit-btn button { background:#65b1b2; color:#fff; text-transform:uppercase; font-size:14px; overflow:hidden; position:relative; display:inline-block; margin:0 0.25rem; padding:12px 30px; border-radius:0px; border: none;}
.submit-btn button:hover { background: #111;}

.p-pull-right { float: right;}

.pagination { text-align:center; width:100%;}
.pagination a { background:#65b1b2; padding:3px 10px; font-size:12px; font-weight:600; color:#fff; display:inline-block; text-transform:uppercase; margin:0;}
.pagination a:hover, .pagination a.paging_act{ background:#111;}

.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:#65b1b2; height:46px; line-height:46px; display:block; color:#fff; font-weight:600; font-size:14px; text-decoration:none; text-transform:uppercase; padding:0px 15px; text-align:left; border-radius:0px;}
.LefMenu li.MainLeftCats a i { color:#fff;}
.LefMenu li.MainLeftCats a:hover, .LefMenu li.MainLeftCats a.active { background:#111; color:#fff}
.submenu ul { padding:0 1em 1em; margin:0px;}
.submenu ul li { list-style:none;}
.submenu ul li a { color:#111; 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:#65b1b2; padding-left:5px;}
.submenu ul li a span { margin-right:3px; display:inline-block;}

.prod-details h1 { text-align:left; font-weight:600; font-size:20px; margin: 0; text-transform:uppercase; color: #65b1b2; }
.prod-details h3 { font-weight:400; font-size:16px; color:#111; border-bottom: 1px solid #ccc; margin:5px 0 10px; padding: 0 0 5px;}
.prod-details .description { min-height:100px; font-weight:400; font-size:12px; line-height: 22px; color:#666; margin-bottom: 10px;}
.prod-details .description span { text-transform:uppercase; color:#65b1b2; font-size:14px;}
.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; color: #65b1b2;}
.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:#282828; 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 .action i { font-size:16px; color:#F00}
.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:#111;}
.CartInfo tbody .btn-success { background:#65b1b2; border:none; font-size:14px; overflow:hidden; text-transform:uppercase; font-weight:600; width:50%; margin-top:4px; padding:8px 12px; border-radius:0px;}
.CartInfo tbody .btn-success:hover { background:#111;}
h2.Total { text-align:right; font-size:20px; font-weight:700; text-transform:uppercase;}
h2.Total span { color:#65b1b2}
.basket-btn { text-align:right;}
.basket-btn a { background:#65b1b2; border:none; font-size:14px; color:#fff; display:inline-block; margin:0 0.25rem; padding:10px 20px; text-transform:uppercase; border-radius:0px; font-weight:600;}
.basket-btn a:hover { background:#111; text-decoration:none;}

.SubmitText { text-align:center; color:#060; font-size:22px; font-weight:600; padding:8rem 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:#65b1b2;}
.EmptyCart a:hover { color:#111;}



.cd-top { display:inline-block; height:40px; width:40px; text-align:center; font-size:16px; color:#fff !important; background:#64b1b2; 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:#111;}
.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:#111; opacity:1; color:#fff; }

footer { background: #1c2532; border-top: 6px solid #64b1b2; padding: 30px 0;}
footer .f-logo { margin-bottom: 15px;}
footer ul.f-links { margin: 0; padding: 0;}
footer ul.f-links li { list-style: none; margin-bottom: 8px;}
footer ul.f-links li a { text-decoration: none; color: #95a3b0;}
footer ul.f-links li a:hover, footer .f-contact p a:hover { color: #fff;}
footer .f-contact p { color: #95a3b0; margin-bottom: 15px; line-height: 20px;}
footer .f-contact p i { font-size: 14px; color: #64b1b2; padding-right: 5px;}
footer .f-contact p a { color: #95a3b0;}
footer .newsletter { padding-top: 15px;}
footer .newsletter h2 { font-size: 22px; font-family: 'caviar_dreamsbold'; color: #fff; text-transform: uppercase;}
footer .newsletter input { background: #101725; height: 46px; width: 100%; display: block; padding: 0 10px; font-size: 12px; color: #fff; border: none; box-shadow: none; margin-bottom: 8px;}
footer .newsletter button { background: #64b1b2; border: none; height: 46px; text-align: center; width: 100%; color: #fff; font-size: 14px; text-transform: uppercase;}
footer .newsletter button:hover { background: #111;}
section.cp-bg { background: #64b1b2; padding: 15px 0;}
section.cp-bg p { margin: 0; padding: 0; line-height: 24px; color: #fff;}
section.cp-bg p a { text-transform: uppercase; font-weight: 600; color: #1c2532;}
section.cp-bg p a:hover { text-decoration: underline;}
section.cp-bg .copy-right { text-align: left;}
section.cp-bg .powered { text-align: right;}

.ps-option { margin-top: 30px;}