body { background: url(../img/loading.gif) no-repeat center center; font-family: "Work Sans", Arial, Helvetica, sans-serif; font-size: 13px; color: #707070; line-height: 1.4; overflow-x: hidden; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ddd; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
::-webkit-input-placeholder { color: #afafaf !important; opacity: 1 !important; }
:-moz-placeholder { color: #afafaf !important; opacity: 1 !important; }
::-moz-placeholder { color: #afafaf !important; opacity: 1 !important; }
:-ms-input-placeholder { color: #afafaf !important; opacity: 1 !important; }
address { font-style: normal; }
blockquote { border: none; font-size: 1em; padding: 0; }

*:hover, *:visited, *:active, *:focus { outline: none; }

a { -webkit-transition: color 0.15s ease; -moz-transition: color 0.15s ease; -o-transition: color 0.15s ease; transition: color 0.15s ease; }
a:link, a:visited, a:focus { color: #004677; outline: none !important; text-decoration: none; }
a:hover { color: #032740; outline: none; text-decoration: none; }

img { max-width: 100%; }

body, html { height: 100%; }

[data-spzoom] img {
    vertical-align: top;
}

.spzoom-zoom {
    z-index: 97;
    border: 1px solid rgba(0,0,0,0.2);
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    width: 250px;
    height: 250px;
}
.spzoom-tracker {
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-color: #ccc;
    z-index: 97;
}
.spzoom-title {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
    color: #fff;
    background-color: #222;
    padding: 3px 5px;
    line-height: 14px;
}
.spzoom-loader {
    width: 24px;
    height: 24px;
    background: url('spzoom-loader.gif') 50% 50% no-repeat scroll #fff;
    border: 1px solid #ccc;
}



.slick-slide img { display: inline-block; }
.bootstrap-select { width: 100% !important; }
.bootstrap-select .btn { background: #fff !important; border-color: #e3e3e3; border-radius: 0; height: 40px; overflow: hidden; padding-right: 50px; text-overflow: ellipsis; }
.bootstrap-select .bs-caret, .datewrap:before { background: #fafafa;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fafafa 0%, #ececec 100%);
	background: -webkit-linear-gradient(top, #fafafa 0%,#ececec 100%);
	background: linear-gradient(to bottom, #fafafa 0%,#ececec 100%);
	border-left: #e3e3e3 solid 1px; bottom: 0; position: absolute; top: 0; right: 0; width: 40px; }
.bootstrap-select.btn-group .dropdown-toggle .caret { border-width: 5px 5px 0 5px; right: 15px; }
.bootstrap-select.btn-group .dropdown-menu > li > a { white-space: normal; }

.radio, .checkbox { margin-bottom: 5px; margin-top: 0; }

.datewrap { background: #fff; position: relative; }
.datewrap .form-control { background: none; padding-right: 50px; position: relative; z-index: 2; }
.datewrap:before { content: ""; }
.datewrap:after { color: #333; content: "\f073"; font-family: FontAwesome; font-size: 15px; position: absolute; top: 10px; right: 13px; }

table.dataTable thead th, table.dataTable thead td { border-bottom: none; }
table.dataTable.no-footer, .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: none; }
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child { padding-left: 35px; }
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { background: #e89f23; left: 7px; margin-top: -10px; top: 50%; }
table.dataTable > tbody > tr.child td { text-align: left; }
table.dataTable > tbody > tr.child ul { display: block; }
table.dataTable > tbody > tr.child ul li { font-size: 0; padding: 5px 0; }
table.dataTable > tbody > tr.child span.dtr-title { color: #333; font-size: 13px; font-weight: 500; min-width: 0; vertical-align: top; width: 30%; }
table.dataTable > tbody > tr.child span.dtr-data { display: inline-block; font-size: 13px; padding-left: 20px; vertical-align: top; width: 69%;}

.imgeffect { display: block; overflow: hidden; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.imgeffect .imgwrap { display: block; overflow: hidden; }
.imgeffect img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; transition: all 0.7s ease-out; }
.imgeffect:hover img { opacity: 0.7; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.form-control { background: #fff; border-color: #e3e3e3; border-radius: 0; box-shadow: none !important; font-size: 13px; height: 40px; }
textarea.form-control { height: auto; resize: none; }
.form-control:focus { border-color: #e89f23; }

label { font-weight: 500; }

.radio label:after { background: #004677; }

.rating-xs { font-size: 16px; }
.rating-sm { font-size: 24px; }
.rating-lg { font-size: 32px; }

.slider.slider-horizontal { display: block; width: 100%; }
.slider .tooltip-main.top { margin-left: -33.5px !important; opacity: 1; }
.range-wrap { margin-top: 50px; padding-bottom: 30px; padding-right: 50px; position: relative; }
.range-wrap .min { bottom: 0; left: 0; position: absolute; }
.range-wrap .max { bottom: 0; position: absolute; right: 30px; }
.range-wrap .price-search-button {  background: #f1f1f1; border-radius: 2px; bottom: 25px; color: #0480be; font-size: 16px; cursor: pointer; padding: 5px 8px; position: absolute; right: 0; }
.range-wrap .price-search-button:hover { background: #0480be; color: #fff;}

.page { background: #fff; min-height: 100%; overflow-x: hidden; opacity: 0; position: relative; width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.main { padding: 50px 0; }

.modal { text-align: center; }
.modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
.modal-header { border-bottom: none; }
.modal-title { color: #004677; font-weight: 700; text-transform: uppercase; }

.pp-w-1 .modal-dialog { margin: 15px auto; width: 1140px; }

.pp-output-1 { margin-top: 20px; text-align: center; }
.pp-output-1 .btn-1 { margin: 10px; }

.nav-tabs { border-bottom: none; }
.nav-tabs > li > a { border: #efefef solid 2px; border-bottom: none; border-left: none; border-radius: 0; margin: 0; }
.nav-tabs > li:first-child > a { border-left: #efefef solid 2px; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background: #3b3049; border-left: #3b3049 solid 2px; border-color: #3b3049; border-bottom: none; color: #fff; }
.nav-tabs > li > a { color: #333; font-size: 16px; padding: 10px 20px; text-transform: capitalize; }
.tab-content > .tab-pane { border: #efefef solid 2px; padding: 20px; }

.nav-list-1, .nav-list-1 ul { font-weight: 600; list-style: none; margin: 0; padding: 0; text-transform: uppercase; }
.nav-list-1 li { border-bottom: #efefef solid 1px; padding: 1px 0; position: relative; }
.nav-list-1 li a { color: #333; display: block; padding: 10px 25px 10px 30px; position: relative; }
.nav-list-1 li a:hover { color: #004677; }
.nav-list-1 li a:before { border: #cecece solid 1px; content: ""; height: 12px; left: 10px; position: absolute; top: 13px; width: 12px; }
.nav-list-1 li.selected a {
    color: #004677;
}

.nav-list-1 li.selected a:before {
    background-color: #004677;
    border-color: #004677;
}
/*.nav-list-1 li.sub > a:after { color: #d3d3d3; content: "\f107"; font-family: FontAwesome; position: absolute; top: 10px; right: 10px; }*/
.nav-list-1 li .sh-sub { color: #d3d3d3; cursor: pointer; padding: 10px; position: absolute; top: 0; right: 0; }
.nav-list-1 li .sh-sub:hover { color: #000; }
.nav-list-1 li.open > a { background: #f6f6f6; color: #004677; }
.nav-list-1 li.open > a:before { background: #004677; border-color: #004677; }
.nav-list-1 ul { display: none; margin-left: 30px; text-transform: capitalize; }
.nav-list-1 ul li { border-bottom: none; }
.nav-list-1 ul li a { background: none !important; border-bottom: #efefef solid 1px; }
.nav-list-1 ul li.active { border-bottom-color: #fcb131; }
.nav-list-1 ul li.active > a { color: #fcb131; }
.nav-list-1 ul li.active > a:before { background: #fcb131; border-color: #fcb131; }
.nav-list-1 ul li:last-child, .nav-list-1 ul li:last-child a { border-bottom: none; }
.nav-list-1 ul ul li a:before { background: none !important; border: none !important; content: "\f101"; font-family: FontAwesome; height: auto; top: 9px; width: auto; }
.nav-list-1 li.open > ul { display: block; }

.nav-list-2, .nav-list-2 ul { font-weight: 600; list-style: none; margin: 0; padding: 0; text-transform: capitalize; }
.nav-list-2 li { border-bottom: #efefef solid 1px; padding: 1px 0; }
.nav-list-2 li a { color: #333; display: block; padding: 10px 10px 10px 25px; position: relative; }
.nav-list-2 li.active a, .nav-list-2 li a:hover { color: #004677; }
.nav-list-2 li a:before { border-style: solid; border-color: transparent transparent transparent #004677; border-width: 5px 0 5px 5px; content: ""; left: 10px; position: absolute; top: 15px; }

.nav-list-3, .nav-list-3 ul { list-style: none; margin: 0; padding: 0; text-transform: uppercase; }
.nav-list-3 li { border-bottom: #efefef solid 1px; padding: 1px 0; }
.nav-list-3 li a { color: #333; display: block; padding: 10px; position: relative; }
.nav-list-3 li.active a, .nav-list-3 li a:hover { background: #f6f6f6; color: #004677; }

aside { float: left; width: 25%; }
aside .title-5 { border-bottom: #efefef solid 1px; margin: 0; padding-bottom: 10px; }
.main-content { float: right; padding-left: 30px; width: 75%; }
.main-content.fullwidth { width: 100% !important;}

.bg { background: no-repeat center center; background-size: cover; }
.bg .bgimg { display: none; }

.slick-arrow { background: none; border: none; font-size: 0; margin-top: -20px; position: absolute; top: 50%; z-index: 5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.slick-arrow:before { font-family: FontAwesome; font-size: 30px; }
.slick-arrow:hover { color: #000; }
.slick-prev { left: 0; }
.slick-prev:before { content: "\f053"; }
.slick-next { right: 0; }
.slick-next:before { content: "\f054"; }
/*.slider-nav { padding-left: 50px; padding-right: 50px; }*/
.slider-nav .item { opacity: .6; padding: 5px 10px; }
.slider-nav .slick-current { opacity: 1; }

.breadcrumb-wrap { background: #f8f8f8; }
.breadcrumb { background: none; border-radius: 0; color: #999; font-size: 0.9em; margin: 0 auto; padding: 10px 15px; text-transform: capitalize; }
.breadcrumb li { margin-bottom: 0 !important; }
.breadcrumb a:link, .breadcrumb a:visited { color: #fcb131; }
.breadcrumb a:hover { color: #000; }
.breadcrumb > li + li:before { color: #999; content: "\f105"; font-family: FontAwesome; }

.pager { font-size: 0; text-align: right; }
.pager li { font-size: 12px; margin-left: 5px; vertical-align: top; }
.pager li > a, .pager li > span { border-radius: 0; padding: 3px 7px; }
.pager li > a:hover, .pager li.active > a, .pager li > span { background: #963ece; border-color: #963ece; color: #fff; }
.pager li.prev, .pager li.next { font-size: 0; }
.pager li.prev a:before, .pager li.next a:before { font-size: 16px; }

.btn-1, .btn-2, .btn-3 { border-radius: 0; border: solid 2px; color: #fff !important; display: inline-block; padding: 8px 20px; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.btn-1 { background: #e89f23; border-color: #e89f23; }
.btn-1:hover { background-color: #835303; border-color: #835303; }
.btn-2 { background: #689d29; border-color: #689d29; }
.btn-2:hover { background: #315703; border-color: #315703; }
.btn-3 { background: #fff; border-color: #e89f23; color: #e89f23 !important; }
.btn-3:hover { background: #e89f23; border-color: #e89f23; color: #fff !important; }


.title-1, .title-2, .title-3, .title-4, .title-6 { color: #333; font-size: 30px; font-weight: 600; letter-spacing: 2px; margin: 0; text-transform: capitalize; }
.title-2 { color: #004677; }
.title-3 { border-bottom: #efefef solid 1px; color: #333 !important; display: block; font-size: 20px; letter-spacing: 2px; padding: 10px 30px 10px 0; position: relative; }
.title-3:before { content: "\f068"; font-family: FontAwesome; font-size: 18px; font-weight: normal; position: absolute; right: 0; top: 12px; }
.title-3.collapsed:before { content: "\f067"; }
.title-4 { border-bottom: #efefef solid 1px; color: #333; font-size: 25px; font-weight: 400; padding-bottom: 10px; }
.title-5 { color: #333; font-size: 20px; letter-spacing: 2px; margin: 30px 0 20px; text-transform: uppercase; }
.title-6 { color: #004677; font-size: 20px; margin: 30px 0 10px; }
.title-7, .btn-control { background: #3b3049; color: #fff !important; display: block; font-size: 14px; padding: 10px 20px; text-transform: capitalize; }
.btn-control { display: none; padding: 10px 30px 10px 10px; position: relative; }
.btn-control:before { content: "\f105"; font-family: FontAwesome; margin-top: -13px; position: absolute; top: 50%; right: 10px; }
.btn-control.open:before { content: "\f107"; }

.title-wrap .sub-title{ font-size:large; color: #004677;}

.status-point { margin-bottom: 20px; }
.status-point strong { background: #fcb131; color: #fff; display: inline-block; font-weight: 600; padding: 10px; text-align: center; text-transform: uppercase; }

.title-wrap-1 { margin-bottom: 20px; }
.title-wrap-1 .title-2, .title-wrap-1 .title { float: left; margin-bottom: 10px; width: 75%; }
.title-wrap-1 .title { margin-bottom: 0; padding-top: 5px; }
.title-wrap-1 .status-point, .title-wrap-1 .rating { float: right; width: 25%; }
.title-wrap-1 .status-point strong, .title-wrap-1 .star-rating { float: right; }

.socials { font-size: 0; list-style: none; margin: 20px 0; padding: 0; text-align: center; }
.socials li { display: inline-block; }
.socials li .fa { border: #a2a0a4 solid 1px; border-radius: 100%; display: inline-block; height: 22px; line-height: 22px; margin: 0 5px; width: 22px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.socials li .fa:hover { background: #fff; border-color: #fff; color: #004677; }
.socials li .fa:before { font-size: 13px; line-height: 20px; }

.footer-container { background: #004677; color: #b6b6bb; font-size: 13px; padding: 40px 0; position: relative; }
.footer-container a:link, .footer-container a:visited { color: #b6b6bb; }
.footer-container a:hover { color: #fff; }
.footer-container h4 { color: #fff; font-size: 13px; font-weight: bold; margin: 0 0 10px; text-transform: uppercase; }
.footer-container p { margin: 5px 0; }
.footer-container ul { list-style: none; margin: 0; padding: 0; }
.footer-container ul li { margin-top: 5px; }
.footer-container .footer-info { border-bottom: #3c5a6f solid 1px; }
.footer-container .verz { background: url(../img/verz-logo.png) no-repeat right center; color: #fff; padding-right: 18px; }
.footer-container .logo { margin-top: 10px; }
.footer-container .col-wrap { display: table; width: 100%; }
.footer-container .col-1, .footer-container .col-2, .footer-container .col-3, .footer-container .col-4 { display: table-cell; width: 20%; vertical-align: top; }
.footer-container .col-1 { padding-right: 30px; text-align: center; width: 36%; }
.footer-container .col-2 { border-left: #3c5a6f solid 1px; padding: 0 60px; }
.footer-container .col-3 { border-left: #3c5a6f solid 1px; padding: 0 60px; width: 22%; }
.footer-container .col-4 { border-left: #3c5a6f solid 1px; padding-left: 60px; }
.footer-container .col-5 { float: left; width: 80%; }
.footer-container .col-6 { float: left; text-align: right; width: 20%; }
.footer-container .footer-info { margin-bottom: 40px; padding-bottom: 40px; }

.header-container { left: 0; padding: 15px 0; position: absolute; top: 0; right: 0; z-index: 99; }
.header-container a:link, .header-container a:visited { color: #fff; }
.header-container a:hover { color: #fcb131; }
.header-container .logo { float: left; width: 160px; }
.header-container .head-info { font-weight: 700; padding-bottom: 15px; text-align: right; }
.header-container .fa { display: inline-block; margin-left: 30px; }
.header-container .fa-search { font-size: 0; }
.header-container .fa-search:before { font-size: 13px; }
.header-container .fa-user:before, .header-container .fa-shopping-bag:before { margin-right: 5px; }
.header-container .fa-shopping-bag { text-transform: uppercase; }
.header-container .user { display: inline-block; position: relative; }
.header-container .user .dropdown-menu { left: auto; min-width: 120px; padding: 0; right: 0; }
.header-container .user .dropdown-menu > li > a { color: #707070; font-size: 13px; padding: 5px 20px; }

.quick-search { background: rgba(0,0,0,.8); bottom: 0; height: 0; left: 0; overflow: hidden; opacity: 0; position: fixed; right: 0; top: 0; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.quick-search.open { height: auto; opacity: 1; overflow: auto; z-index: 999; }
.quick-search .input-group { left: 50%; margin-left: -250px; margin-top: -20px; position: absolute; top: 50%; width: 500px; }
.quick-search .form-control { background: #fff; border: none; height: 50px; }
.quick-search .fa-close { position: absolute; top: 10px; right: 10px; }
.quick-search .fa-close:before { font-size: 20px; margin-right: 5px; }
.quick-search .fa-search { background: #004677; border: none; color: #fff; height: 50px; margin: 0; padding: 10px 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.quick-search .fa-search:before { font-size: 22px; }
.quick-search .fa-search:hover { background: #022d4b; }

.banner img { width: 100%; }
.banner .item { height: 700px; position: relative; }
.banner h2 { font-size: 50px; margin: 0; text-transform: lowercase; }
.banner h3 { font-size: 85px; font-weight: 700; margin: 0; text-transform: uppercase; }
.banner a { border: #fff solid 2px; color: #fff; display: inline-block; margin-top: 20px; padding: 10px 30px; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.banner a:hover { background: #fff; color: #000; }
.banner a:after { font-family: FontAwesome; margin-left: 10px; } /*content: "\f061"*/
.banner .container, .bn-inner .container { bottom: 0; color: #fff; left: 0; position: absolute; top: 150px; right: 0; }
.banner .container .content, .bn-inner .container .content { display: table; height: 100%; width: 100%; }
.banner .container .caption, .bn-inner .container .caption { display: table-cell; text-align: right; vertical-align: middle; width: 50%; }
.banner .slick-arrow { background: #000; color: #fff !important; opacity: .3; padding: 10px 10px 10px 20px; }
.banner .slick-arrow:hover { opacity: 1; }
.banner .slick-prev { padding: 10px 20px 10px 10px; }


.bn-inner { font-size: 60px; font-weight: 700; height: 500px; position: relative; text-transform: uppercase; }

.sticky-wrapper { background: none; height: auto !important; }
/*.is-sticky .header-container .container { height: 60px; }
.is-sticky .menu ul li a { line-height: 60px; }*/
.is-sticky .header-container .logo img { width: 150px; }

.menu { font-size: 15px; margin-left: 200px; text-transform: uppercase; }
.menu a:link, .menu a:visited { color: #555; }
.menu a:hover, .menu ul li.active a { color: #004677; }
.menu ul { display: table; list-style: none; margin: 0; padding: 0; text-align: center; width: 100%; }
.menu ul li { display: table-cell; line-height: 54px; position: relative; }
.menu ul li a { display: block; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.menu ul ul { background: rgba(0,70,119,.9); height: 0; left: 0; list-style: none; margin: 0; min-width: 150px; opacity: 0; overflow: hidden; padding: 0; position: absolute; text-align: left; top: 100%; z-index: 10; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.menu ul ul li { display: block; margin: 0 !important; }
.menu ul ul li a { color: #fff !important; display: block; line-height: normal; padding: 5px 10px; }
.menu ul ul li a:hover, .menu ul ul li.current_page_item a { color: #000 !important; }
.menu ul ul li a:before { display: none !important; }
.menu ul li:hover ul { height: auto; opacity: 1; }

.menu-wrap { background: rgba(255,255,255,.9); padding: 15px 0; }

.grid-1 { font-size: 0; margin: 0 -15px; text-align: center; }
.grid-1 .item { display: inline-block; font-size: 13px; padding: 15px; text-align: center; width: 33.33%; vertical-align: top; }
.grid-1 .item a { color: #333; display: block; position: relative; }
.grid-1 .item .over, .grid-1 .item a .image { display: block; overflow: hidden; position: relative; }
.grid-1 .item a .image:before { background: rgba(223,223,223,.5); bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; top: 0; right: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.grid-1 .item:hover .image:before { opacity: 1; }
.grid-1 .mask { bottom: 0; left: 0; position: absolute; text-transform: uppercase; top: 0; right: 0; }
.grid-1 .mask strong { color: #fff; font-size: 35px; letter-spacing: 2px; line-height: 1; }
.grid-1 .mask .view { color: #fcb131; display: block; font-size: 12px; font-style: normal; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
/*.grid-1 .mask .view:after { font-family: FontAwesome; content: "\f061"; margin-left: 10px; }*/
.grid-1 .item a:hover .view { margin-top: 10px; }
.grid-1 .mask span { display: table; height: 100%; width: 100%; }
.grid-1 .mask span span { display: table-cell; vertical-align: middle; }
.grid-1 .title { background: rgba(255,255,255,.8); bottom: 0; color: #333; font-size: 18px; left: 0; line-height: 1.2; padding: 10px 5px; position: absolute; right: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.grid-1 .title span { display: table; height: 100%; width: 100%; }
.grid-1 .title span span { display: table-cell; vertical-align: middle; }
.grid-1 .item:hover .title { bottom: -100px; }
.grid-1 .name, .grid-2 .name { color: #333; display: block; font-size: 14px; margin-top: 20px; text-transform: uppercase; }
.grid-1 .price, .grid-2 .price { color: #707070; font-size: 20px; }
.grid-1 .price del, .grid-1 .price .new { display: inline-block; margin: 5px 10px 0; }
.grid-1 .price del { color: #999; font-size: 14px; }
.grid-1 .price .new { color: #004677; font-size: 20px; text-transform: uppercase; }
.grid-1 .more { background: #fff; border: #e89f23 solid 2px; color: #e89f23; font-size: 12px; left: 50%; margin-left: -25%; margin-top: -15px; padding: 10px; position: absolute; text-align: center; text-transform: uppercase; top: 50%; white-space: nowrap; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.grid-1 .item:hover .more { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.grid-1 .stick-1, .grid-1 .stick-2 { position: absolute; right: -36px; top: 0; }
.grid-1 .stick-2 { background: url(../img/day-left.png) no-repeat 0 0; color: #fff; height: 97px; left: 0; right: auto; z-index: 9; width: 97px; text-transform: uppercase; }
.grid-1 .stick-2 span { display: block; height: 97px; position: absolute; left: 16px; text-align: center; top: 18px; width: 97px; -webkit-transform: rotate(-46deg); -moz-transform: rotate(-46deg); -o-transform: rotate(-46deg); -ms-transform: rotate(-46deg); transform: rotate(-46deg); }
.grid-1 .info { display: block; margin-top: 20px; text-transform: uppercase; }

.grid-type { margin: 0 -40px 0 0; }
.grid-type .item { padding-right: 40px !important; }

.slick-1 .item { padding-left: 15px; padding-right: 15px; }

.wg-1 .item { width: 25%; }

.main-content .grid-1 { text-align: left; }

.box-1 { border: #efefef solid 3px; margin: 50px 0; padding: 20px; position: relative; }
.box-1 .title-1 { background: #fff; font-weight: 500; position: absolute; left: 20px; padding: 10px; top: -30px; }
.box-1 .slick-1 { margin: 0; padding-left: 30px; padding-right: 30px; }

.box-2 { margin: 40px 0; }
.box-2 .content { border: #efefef solid 1px; padding: 20px; }
.box-2 .content h4 { color: #333; font-size: 1em; margin: 0 0 10px; }
.box-2 .inrow { margin: 10px 0; }
.box-2 .lb { float: left; padding-top: 8px; width: 80px; }
.box-2 .group { margin-left: 90px; }
.box-2 .w { margin-right: 40%; }
.box-2 .price-wrap { margin: 20px 0 10px; }
.box-2 .price-wrap .lb { padding-top: 5px; }
.box-2 .price { color: #333; font-size: 20px; font-weight: 600; margin-bottom: 20px; }
.box-2 .btn-block { margin-top: 10px; text-align: center; }
.box-2 .tb-1 { margin: 0; text-align: center; }
.box-2 .tb-1 td:first-child { text-align: left; }
.box-2 .DTFC_LeftHeadWrapper { display: none; }
.box-2 .dataTables_scrollHead { height: 0; }

.pad-print { background: url(../img/pad-print.png) no-repeat 0 center; display: inline-block; font-weight: bold; margin-top: 10px; padding: 15px 0 15px 50px; }

.tempt-page { margin: 50px auto; width: 800px; }
.tempt-page .logo { margin-bottom: 60px; text-align: center; }
.tempt-page h1 { color: #333; font-size: 25px; letter-spacing: 2px; margin: 0; text-transform: uppercase; }
.tempt-page .box { border: #efefef solid 3px; padding: 60px 130px 50px; position: relative; }
.tempt-page header { left: 0; position: absolute; text-align: center; top: -25px; width: 100%; }
.tempt-page header div { background: #fff; display: inline-block; padding: 10px; }
.tempt-page .inrow { margin-top: 20px; }
.tempt-page .lb-1 { float: left; padding-top: 10px; width: 120px; }
.tempt-page .group-1 { margin-left: 140px; }
.tempt-page .note { margin-top: 50px; text-align: center; }
.tempt-page .note a { text-decoration: underline; }
.tempt-page .note a:hover { text-decoration: none; }
.tempt-page .output { margin-top: 20px; }
.tempt-page .forgotpass { float: left; margin: 7px 10px 10px 0; }
.tempt-page .btn-1 { float: right; }

.form-type .lb-1 { color: #333; display: block; font-size: 14px; margin-top: 20px; }
.form-type .output-1 { text-align: right; }
.form-type .link-1 { display: inline-block; margin-top: 5px; text-decoration: underline; }
.form-type .link-1:hover { text-decoration: none; }

.bill-address { border-bottom: #efefef solid 1px; margin-bottom: 30px; padding-bottom: 30px; }
.bill-address h2 { color: #333; font-size: 20px; margin: 20px 0 0; text-transform: uppercase; }
.bill-address h3 { color: #004677; font-size: 16px; margin: 25px 0 5px; text-transform: capitalize; }
.bill-address p, .bill-address address { margin: 0; }
.bill-address .link-1 { color: #fcb131; display: inline-block; margin-top: 10px; text-decoration: underline; }
.bill-address .link-1:hover { text-decoration: none; }
.bill-address .item { display: table; width: 100%; }
.bill-address .item .col-1, .bill-address .item .col-2 { display: table-cell; vertical-align: middle; }
.bill-address .item .col-1 { width: 40%; }
.bill-address .item .col { display: inline-block; padding: 5px 10px; text-align: center; text-transform: uppercase; width: 30%; }
.bill-address .item a { color: #e89f23; text-decoration: underline; }
.bill-address .item a:hover { text-decoration: none; }

.tb-1 { margin: 10px 0; width: 100% !important; }
.tb-1 th { background: #004677; border-left: #fff solid 1px; color: #fff; line-height: 1.2; padding: 10px; text-align: center; text-transform: capitalize; }
.tb-1 td { border: #f1f1f1 solid 1px; padding: 10px; text-align: center; }
.tb-1 tr:nth-child(even) td { background: #f8f9fa; }
.tb-1 p { margin: 0; }
.tb-1 .action { text-align: center; white-space: nowrap; }
.tb-1 .action a { color: #e89f23; display: inline-block; font-size: 11px; font-weight: 600; text-decoration: underline; white-space: nowrap; }
.tb-1 .action a:hover { text-decoration: none; }
.tb-1 .typelink { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tb-1 .tooltip-wrap span { left: auto; margin-left: 0; top: -100%; right: 20px; }
.tb-1 .tooltip-wrap span:before { border-color: transparent transparent transparent #e3e3e3; border-width: 6px 0 6px 7px; left: auto; right: -6px; }

.total-1 { font-size: 20px; margin: 30px 0; text-transform: uppercase; }
.total-1 strong { color: #004677; font-weight: 600; }

.total-2 { color: #333; font-size: 16px; font-weight: 600; margin: 30px 0 30px 50%; }
.total-2 .inrow { margin-top: 10px; }
.total-2 strong { color: #004677; float: left; font-weight: 600; width: 170px; }
.total-2 span { display: block; margin-left: 180px; text-align: right; }

.intro-group { margin-left: -1px; overflow: hidden; }
.intro-group .item { float: left} /*width: 25%; */
.intro-group .item a { border-left: #fff solid 1px; border-top: #fff solid 1px; display: block; }
.intro-group .item img { width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.intro-group .item:hover img { opacity: .7; }

.steps { font-size: 0; list-style: none; margin: 20px 0; padding: 0; }
.steps li { border: #e3e3e3 solid 1px; border-radius: 3px; color: #999; display: inline-block; font-size: 14px; font-weight: 500; margin: 10px 10px 0 0; padding: 10px 15px; }
.steps li.active { background: #f2f2f2; color: #333; }
.steps li.fa-check { color: #449c38; }
.steps li.fa-check:before { margin-right: 5px; }

.confirm-wrap { margin: 30px 0; }
.confirm-wrap h2 { color: #333; font-size: 20px; font-weight: 400; margin: 0 0 15px; text-transform: uppercase; }
.confirm-wrap p { margin: 0; }

.cart-wrap .inner .hspace { padding-left: 10px; padding-right: 10px; }
.cart-wrap .inner h3.hspace { padding-left: 20px; padding-right: 20px; }
.cart-wrap .promo-wrap-1 { padding: 20px; }
.cart-wrap .promo-box { float: right; padding-top: 20px; width: 30%; }
.cart-wrap .promo-box .total { color: #333; font-size: 16px; font-weight: 600; }
.cart-wrap .inner .promo-box input.form-control { height: 40px; }
.cart-wrap .promo-box .input-group { margin-bottom: 20px; }
.cart-wrap .promo-box .input-group .btn-1 { font-size: 12px; margin-left: 10px; padding: 10px 35px; }
.cart-wrap .promo-box .inrow { margin-top: 10px; }
.cart-wrap .promo-box .inrow strong { color: #333; float: left; font-weight: 500; width: 120px; }
.cart-wrap .promo-box .inrow span { display: block; margin-left: 130px; text-align: right; }
.cart-wrap .promo-box .output { margin-top: 20px; text-align: center; }
.cart-wrap .promo-box .output .btn-1 { display: block; font-size: 14px; font-weight: 500; letter-spacing: 2px; padding: 15px; text-align: center; width: 100%; }
.cart-wrap .promo-box .output .link { display: inline-block; margin-top: 10px; }
.cart-wrap .image { border: #e3e3e3 solid 1px; text-align: center; }
.cart-wrap .info { list-style: none; margin: 0; padding: 0; }
.cart-wrap .link, .cart-wrap .link-2 a, .cart-wrap .link-3 a { color: #e89f23; display: inline-block; font-weight: 600; text-decoration: underline; text-transform: uppercase; }
.cart-wrap .link:hover, .cart-wrap .link-2:hover a, .cart-wrap .link-3:hover a { text-decoration: none; }
.cart-wrap .link-2 { display: inline-block; font-weight: 500; margin-left: 20px; position: relative; top: -40px; }
.cart-wrap .link-3 { margin: 20px; }
.cart-wrap .title { background: #004677; border-radius: 5px 5px 0 0; color: #fff; display: block; font-size: 16px; font-weight: 500; margin-top: 30px; padding: 15px 40px 15px 20px; position: relative; text-transform: uppercase; }
.cart-wrap .title:after { font-family: FontAwesome; content: "\f106"; margin-top: -10px; position: absolute; top: 50%; right: 20px; }
.cart-wrap .title.collapsed:after { content: "\f107"; }
.cart-wrap .inner { border: #ddd solid 1px; }
.cart-wrap .inner h3 { color: #333; font-size: 14px; font-weight: 500; margin: 0; }
.cart-wrap .inner input.form-control { height: 30px; margin-top: -5px; padding: 5px; text-align: center; }
.cart-wrap .inner .input-group input.form-control { margin-top: 0; }
.cart-wrap .inner label { color: #333; font-size: 14px; font-weight: 500; }
.cart-wrap .col-row { margin: 0 -10px; }
.cart-wrap .col-row .col { float: left; padding: 15px 10px; }
.cart-wrap .headitem, .cart-wrap .contentitem { margin: 0; padding-left: 10px; padding-right: 10px; }
.cart-wrap .headitem { background: #f8f9fa; color: #333; font-size: 12px; font-weight: 600; text-transform: uppercase; }
.cart-wrap .headitem .col { padding: 10px; }
.cart-wrap .headitem .col .col { padding-bottom: 0; padding-top: 0; }
.cart-wrap .head-nosp { padding-left: 0; padding-right: 0; }
.cart-wrap p { margin: 0; }
.cart-wrap .col-row .w-1 { width: 12%; }
.cart-wrap .col-row .w-2 { width: 19%; }
.cart-wrap .col-row .w-3 { width: 10%; }
.cart-wrap .col-row .w-4 { width: 88%; }
.cart-wrap .col-row .w-5 { width: 8%; }
.cart-wrap .col-row .w-6 { width: 14%; }
.cart-wrap .col-row .w-7 { width: 40%; }
.cart-wrap .col-row .w-8 { width: 32%; }
.cart-wrap .col-row .w-9 { width: 8%; }
.cart-wrap .col-row .w-10 { width: 36%; }
.cart-wrap .col-row .w-11 { width: 60%; }
.cart-wrap .col-row-2 { padding: 20px; }
.cart-wrap .col-row-2 .col { float: left; width: 40%; }
.cart-wrap .col-row-2 .col .link-3 { margin: 0; }
.cart-wrap .col-row-2 .promo-box { padding-top: 0; width: 26%; }
.cart-wrap .btn-wrap-row { position: relative; }
.cart-wrap .btn-wrap { bottom: 25px; position: absolute; right: 10px; }
.cart-wrap .status { color: #004677; font-weight: 600; margin: 5px 0; }
.cart-wrap .col-row .info-2 strong { display: none; }
.cart-wrap .sub-title-1, .cart-wrap .sub-title-2 { color: #333; font-size: 14px; font-weight: 600; margin: 0; }
.cart-wrap .sub-title-1 { padding: 10px; }
.cart-wrap .sub-title-2 { font-size: 13px; margin-bottom: 5px; }
.cart-wrap .no-sp .col { padding-top: 0; }
.cart-wrap .col-row .sp-1 { margin-top: 10px; }
.cart-wrap .line-1, .cart-wrap .line-2, .cart-wrap .line { border-top: #efefef solid 1px; }
.cart-wrap .line-1 { margin-top: 10px; }
.cart-wrap .line-2 { padding-left: 0; padding-right: 0; }
.cart-wrap .col-row .info-3 strong { color: #333; float: left; font-weight: 500; width: 115px; }
.cart-wrap .col-row .info-3 span { display: block; margin-left: 120px; }

.info-wrap-1 { border-bottom: #efefef solid 1px; padding: 20px 0; }
.info-wrap-1 h4 { color: #333; font-size: 14px; font-weight: 600; margin: 0 0 10px; }
.info-wrap-1 .col-1, .info-wrap-1 .col-2 { float: left; padding: 10px 0; width: 30%; }
.info-wrap-1 .col-1 { padding-right: 60px; width: 40%; }
.info-wrap-1 .promo-box { padding-left: 20px; padding-top: 0; }

.info-wrap-2 .col-1 { float: left; width: 50%; }
.info-wrap-2 h3 { color: #333; font-size: 20px; font-weight: 600; margin: 30px 0 10px; text-transform: uppercase; }
.info-wrap-2 h4 { color: #004677; font-size: 16px; font-weight: 600; margin: 20px 0 10px; }
.info-wrap-2 .info { margin-bottom: 5px; }
.info-wrap-2 .info strong { color: #333; float: left; font-weight: 500; width: 70px; }
.info-wrap-2 .info span { display: block; margin-left: 80px; }

.tooltip-wrap { position: relative; }
.tooltip-wrap span { background: #f8f9fa; border: #e3e3e3 solid 1px; border-radius: 3px; color: #999 !important; display: none; font-size: 11px !important; font-weight: normal !important; left: 100%; margin-left: 10px; padding: 10px; position: absolute; text-align: left; text-transform: none !important; top: -10px; width: 250px; white-space: normal !important; z-index: 9999; }
.tooltip-wrap span:before { border-color: transparent #e3e3e3 transparent transparent; border-style: solid; border-width: 6px 7px 6px 0; content: ""; left: -6px; position: absolute; top: 10px; }
.tooltip-wrap:hover span { display: block; }

.bill-wrap { margin: 40px 0 50px; }
.bill-wrap .inrow { width: 50%; }

.output-wrap-1 { margin: 20px 0; text-align: right; }
.output-wrap-1 .btn-1 { display: inline-block; min-width: 130px; padding: 10px; text-align: center; }

.ship-item { margin: 0 -5px; }
.ship-item .col { float: left; padding: 5px; }
.ship-item .w-1 { width: 10%; }
.ship-item .w-1 img { border: #e3e3e3 solid 1px; }
.ship-item .w-2 { color: #333; font-size: 14px; font-weight: 500; width: 35%; }
.ship-item .w-3 { text-align: center; width: 25%; }
.ship-item .status { color: #004677; font-weight: 600; margin-top: 10px; }
.ship-item p { margin: 0; }
.ship-item ul { list-style: none; margin: 5px 0 0; padding: 0; }
.ship-item ul li { display: inline-block; margin-right: 30px; margin-top: 5px; vertical-align: top; }
.ship-item .info strong { display: none; }
.ship-item-title { background: #f8f9fa; color: #333; font-weight: 600; text-transform: uppercase; }

.ship-box { background: #f8f9fa; border: #e3e3e3 solid 1px; margin: 10px 0; padding: 30px; }
.ship-box .lb { color: #333; display: block; font-size: 14px; font-weight: 500; margin: 20px 0 10px; }
.ship-box .no-space { margin-top: 0; }
.ship-box .note { color: #004677; font-weight: 600; }
.ship-box .inrow-1 { width: 50%; }
.ship-box .inrow-2 { width: 30%; }

.radio-list-1 .item { display: inline-block; margin-right: 30px; vertical-align: top; }

.document { text-align: justify; }
.document p { margin: 0 0 20px; }
.document h1, .document h2, .document h3, .document h4 { font-size: 1.3em; font-weight: bold; margin: 30px 0 20px; }
.document h1 { font-size: 60px; }
.document h2 { font-size: 50px; }
.document h3 { color: #a81e2b; font-size: 24px; text-transform: uppercase; }
.document ul, .document ol { margin-bottom: 20px; }
.document table td { padding-bottom: 10px; padding-right: 20px; vertical-align: top; }
.document .ceo { margin-bottom: -60px; min-height: 750px; padding-right: 400px; position: relative; text-align: justify; }
.document .image { bottom: -50px; position: absolute; right: -200px; width: 600px; }

.btn-menu, .menu .fa-close, .full-descript, .delivery, .shipping { display: none; }

.color-list { margin-top: -5px; }
.color-list a { border: #ddd solid 1px;float: left; height: 20px; margin: 5px; position: relative; width: 20px; }
.color-list a:before { border: #000 solid 2px; bottom: -4px; content: ""; left: -4px; opacity: 0; position: absolute; top: -4px; right: -4px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.color-list a.active:before { opacity: 1; }

.detail-wrap .big-image { float: left; margin-bottom: 20px; position: relative; width: 40%; }
.detail-wrap .big-image .item { background: #f6f6f6; text-align: center; }
.detail-wrap .big-image .btn-1 { bottom: 20px; left: 20px; position: absolute; }
.detail-wrap .descript { float: left; margin-bottom: 20px; padding-left: 20px; width: 38%; }
.detail-wrap .descript h1, .detail-wrap .descript h2, .detail-wrap .descript h3 { color: #333; font-size: 20px; margin: 0 0 10px; text-transform: uppercase; }
.detail-wrap .descript h3 { font-size: 18px; }
.detail-wrap .descript h2 { margin-bottom: 10px; }
.detail-wrap .descript ul { list-style: none; margin: 15px 0; padding: 0; }
.detail-wrap .descript ul li { margin: 3px 0; padding-left: 15px; position: relative; }
.detail-wrap .descript ul li:before { background: #707070; border-radius: 100%; content: ""; height: 4px; left: 0; position: absolute; top: 7px; width: 4px; }
.detail-wrap .descript .price { font-size: 20px; margin: 15px 0; }
.detail-wrap .descript .price del { color: #999; font-size: 16px; }
.detail-wrap .descript .info-group { border-top: #efefef solid 1px; color: #333; font-size: 14px; font-weight: 500; margin-top: 15px; padding-top: 20px; }
.detail-wrap .descript .inrow { margin: 7px 0; }
.detail-wrap .descript .inrow .lb { float: left; font-weight: bold; padding-right: 15px; position: relative; width: 47%; }
.detail-wrap .descript .inrow .lb:after { content: ":"; position: absolute; right: 10px; top: -1px; }
.detail-wrap .descript .inrow .text { float: left; width: 53%; }
.detail-wrap .descript .btn-wrap .btn-3 { margin-right: 10px; margin-top: 15px; }
.detail-wrap .add-cart { float: right; padding-left: 30px; width: 22%; }
.detail-wrap .add-cart .box-2 { margin-top: 0; }
.detail-wrap .add-cart .box-2 .content { background: #f6f6f6; }
.detail-wrap .add-cart .box-2 .inrow { margin-top: 0; }
.detail-wrap .add-cart .box-2 .lb { display: block; float: none; padding-top: 0; width: auto; }
.detail-wrap .add-cart .box-2 .group { margin: 0; }
.detail-wrap .add-cart .box-2 .btn-1 { padding: 10px; }
.detail-wrap .add-cart .box-2 .price-wrap { margin: 10px 0 0; }
.detail-wrap .add-cart .title-7 { font-size: 18px; }

.status-wrap { margin-bottom: 10px; }
.status-wrap .status { color: #689d29; float: left; font-weight: 600; margin: 0; padding: 3px 0; text-transform: uppercase; width: 50%; }
.status-wrap .btn-2 { border-radius: 3px; float: right; padding: 5px 10px; }

.reviews-rate .lb { float: left; font-size: 16px; padding-top: 15px; width: 70px; }
.reviews-rate .group { margin-left: 70px; }

.reviews-input { border: #efefef solid 2px; margin: 10px 0; }
.reviews-input .form-control { border: none; }
.reviews-input .output { padding: 10px; text-align: right; }

.review-item { border-bottom: #efefef solid 1px; padding: 30px 0; }
.review-item h4 { color: #333; font-size: 20px; margin: 0; text-transform: capitalize; }
.review-item .date { color: #999; margin: 0 0 20px; }

.note-1 { list-style: none; margin: 30px 0; padding: 0; }
.note-1 li { margin-bottom: 10px; }
.note-1 li strong { color: #004677; }

.thumbnails { list-style: none; margin: 0; padding: 0; }
.thumbnails li { float: left; padding: 5px; }

.payment-wrap { padding: 20px; }
.payment-wrap .radio { display: inline-block; margin: 0 5% 15px 0; vertical-align: top; }
.payment-wrap .radio span { display: block; margin-top: 5px; }
.payment-wrap .output { margin-top: 30px; }

@media (max-width:1400px){
}

@media (min-width:1200px){
}

@media (max-width:1199px){
	.footer-container .col-2, .footer-container .col-3 { padding: 0 30px; }
	.footer-container .col-4 { padding-left: 30px; }
	.banner .item { height: 600px; }
	.cart-wrap .promo-box { width: 40%; }
	.cart-wrap .col-row-2 .promo-box { width: 34%; }
	.box-2 .w { margin-right: 0; }
	.pp-w-1 .modal-dialog { width: 940px; }
	.grid-type { margin: 0 !important; }
}

@media (max-width:991px){
	.detail-wrap .big-image, .detail-wrap .descript, .detail-wrap .add-cart { width: 100%; }
	.detail-wrap .descript, .detail-wrap .add-cart { margin-top: 30px; padding-left: 0; }
	.detail-wrap .descript .inrow .lb { width: 30%; }
	.detail-wrap .descript .inrow .text { width: 70%; }
	.footer-container .col-1 { display: none; }
	.footer-container .col-2, .footer-container .col-3, .footer-container .col-4 { width: 30%; }
	.footer-container .col-2 { border-left: none; padding-left: 0; }
	.menu .fa-close { color: #fff !important; display: block; font-size: 0; position: absolute; top: 10px; right: 10px; }
	.menu .fa-close:before { font-size: 24px; }
	.menu-wrap .container { position: relative; }
	.menu { background: rgba(0,0,0,.9); height: 0; margin: 0; overflow: hidden; opacity: 0; padding: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	.menu ul.first, .menu ul.last { display: block; float: none; padding: 0; width: auto; }
	.menu ul li { display: block; margin: 0 0 1px; padding: 0; }
	.menu ul li a { color: #fff !important; line-height: normal !important; padding: 15px 20px; }
	.menu ul li.active a, .menu ul li a:hover { background: #004677; }
	.menu ul ul { background: #f39423; left: auto; position: relative; top: auto; width: auto; }
	.menu ul ul li a { padding: 5px 30px; }
	.btn-menu{ border-radius: 2px; color: #000 !important; display: block; height: 30px; font-size: 0; font-weight: 700; line-height: 1; margin-top: -10px; position: absolute; right: 15px; top: 50%; width: 30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	.btn-menu span { background: #004677; height:3px;margin-bottom:5px;display:block;position:relative}
	.burger-icon-2{transition:opacity .1s ease;-webkit-transition:opacity .1s ease;-moz-transition:opacity .1s ease;-ms-transition:opacity .1s ease;-o-transition:opacity .1s ease}
	.burger-icon-1,.burger-icon-3{ display: block; transition:transform .2s ease;-webkit-transition:-webkit-transform .2s ease;-moz-transition:-moz-transform .2s ease;-ms-transition:-ms-transform .2s ease;-o-transition:-o-transform .2s ease}
	.active-burger .burger-icon-2{opacity:0}
	.active-burger .burger-icon-1{-webkit-transform:rotate3d(0,0,1,45deg);-moz-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);-o-transform:rotate3d(0,0,1,45deg);top:8px}
	.active-burger .burger-icon-3{ -webkit-transform:rotate3d(0,0,1,-45deg);-moz-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);-o-transform:rotate3d(0,0,1,-45deg);top:-8px}
	.open-sub { bottom: 0; height: auto; overflow-y: auto; opacity: 1; padding: 50px 0 0; position: fixed; top: 0; right: 0; width: 100%; }
	/*.open-page { margin-left: -230px; }
	.open-page:before { display: block; }
	.open-page .header-container { margin-left: -230px; }*/
	.main-content .grid-1 .item { width: 50%; }
	.title-3 { font-size: 16px; }
	.title-3:before { font-size: 14px; }
	.bn-inner { height: 400px; }
	.tempt-page { width: 700px; }
	.grid-1 { margin: 0 -10px; }
	.grid-1 .item { padding: 10px; }
	.grid-1 .mask strong { font-size: 25px; }
	.intro-group .item { width: 50%; }
	.box-1 .title-1 { font-size: 30px; }
	.cart-wrap .headitem { display: none; }
	.cart-wrap .col-row .w-1 { width: 30%; }
	.cart-wrap .col-row .w-4 { width: 70%; }
	.cart-wrap .col-row .w-7 { width: 50%; }
	.cart-wrap .col-row .w-2, .cart-wrap .col-row .w-3, .cart-wrap .col-row .w-5, .cart-wrap .col-row .w-6, .cart-wrap .col-row .w-10 { padding-bottom: 5px; padding-top: 0; text-align: left; width: 100%; }
	.cart-wrap .col-row .info-2 { padding-bottom: 5px; padding-top: 0; }
	.cart-wrap .col-row .info-2 strong, .cart-wrap .col-row .info-3 strong { color: #333; display: block; float: left; font-weight: 500; width: 115px; }
	.cart-wrap .col-row .info-2 span, .cart-wrap .col-row .info-3 span { display: block; margin-left: 120px; }
	.cart-wrap .col-row .info-2 span .form-control { max-width: 70px; }
	.cart-wrap .col-row .hide-col { display: none; }
	.cart-wrap .promo-box { width: 45%; }
	.cart-wrap .col-row-2 .promo-box { width: 48%; }
	.cart-wrap .btn-wrap { bottom: auto; float: left; padding: 10px 10px 20px; position: relative; right: auto; width: 100%; }
	.bill-wrap .inrow, .ship-box .inrow-1 { width: 100%; }
	.ship-box .inrow-2 { width: 50%; }
	.info-wrap-1 .col-1, .info-wrap-1 .col-2 { width: 50%; }
	.wg-1 .item { width: 33.3%; }
	.pp-w-1 .modal-dialog { width: 740px; }
}
@media (max-width:767px){
	.footer-container .col-5, .footer-container .col-6 { text-align: center; width: 100%; }
	.footer-container .col-5 { margin-bottom: 10px; }
	.grid-1 .mask strong { font-size: 20px; }
	.tempt-page { margin: 50px; width: auto; }
	.tempt-page .box { padding: 50px; }
	.info-wrap-2 .col-1, .cart-wrap .promo-box { width: 100%; }
	.cart-wrap .link-2 { margin: 10px 20px 20px; text-align: right; top: auto; }
	.ship-item .w-1 { width: 15%; }
	.ship-item .w-2 { width: 45%; }
	.ship-item .w-3 { width: 20%; }
	.box-2 .w { margin-right: 40%; }
	.pp-w-1 .modal-dialog, .modal-dialog { width: 690px; }
}
@media (min-width:720px){
	.hide-720 { display: block !important; }
}
@media (max-width:720px){
	.btn-control { display: block; }
	.hide-720 { display: none; }
	aside { float: left; width: 100%; }
	.main-content { float: right; margin-top: 30px; padding-left: 0; width: 100%; }
	.banner .item { height: 500px; }
	.banner h2 { font-size: 40px; }
	.banner h3 { font-size: 65px; }
	.pp-w-1 .modal-dialog, .modal-dialog { width: 600px; }
}
@media (max-width:640px){
	.grid-1 .item { width: 50%; }
	.bn-inner { height: 300px; }
	.bn-inner .container .caption { font-size: 40px; text-align: center; }
	.tempt-page { margin: 50px 30px; }
	.tempt-page .box { padding: 50px 30px 30px; }
	.box-1 .title-1 { font-size: 25px; }
	.banner h2 { font-size: 26px; }
	.banner h3 { font-size: 40px; }
	.cart-wrap .col-row .w-7 { padding-top: 0; width: 100%; }
	.detail-wrap .descript .inrow .lb, .detail-wrap .descript .inrow .text { width: 50%; }
	.title-wrap-1 .title-2, .title-wrap-1 .status-point { width: 100%; }
	.title-wrap-1 .status-point strong { float: left; }
	.info-wrap-1 .col-1, .info-wrap-1 .col-2 { width: 100%; }
	.total-2 { margin-left: 0; }
	.pp-w-1 .modal-dialog, .modal-dialog { width: 530px; }
}
@media (max-width:560px){
	.box-1 .title-1 { font-size: 20px; top: -20px; }
	.grid-1 .title { font-size: 16px; }
	.tempt-page .box { padding: 30px; }
    .tempt-page .maybank-box{ padding: 50px 30px 100px 30px !important; }
	.tempt-page header { left: auto; position: relative; top: auto; }
	.tempt-page header div { padding: 0; }
	.tempt-page .lb-1 { display: block; float: none; padding-top: 0; width: auto; }
	.tempt-page .group-1 { margin-left: 0; }
	.bill-address .item, .bill-address .item .col-1, .bill-address .item .col-2 { display: block; width: 100%; }
	.cart-wrap .col-row-2 .col, .cart-wrap .col-row-2 .promo-box { width: 100%; }
	.cart-wrap .col-row-2 .promo-box, .cart-wrap .col-row-2 .col .link-3 { margin-top: 20px; }
	.cart-wrap .link-3 { margin-top: 10px; text-align: center; }
	.ship-box { padding: 20px; }
	.pp-w-1 .modal-dialog, .modal-dialog { width: 450px; }
	.quick-search .input-group { left: 0; margin-left: 0; padding: 0 20px; width: 100%; }
    .tempt-page .maybank-box .output { margin-top: 50px; }
}
@media (max-width:480px){
	.footer-container .col-wrap, .footer-container .col-2, .footer-container .col-3, .footer-container .col-4 { border: none; display: block; padding: 20px 0; width: 100%; }
	.footer-container .col-wrap { padding: 0; }
	.box-1 .title-1 { font-size: 18px; }
	.cart-wrap .col-row .w-1, .cart-wrap .col-row .w-4 { width: 100%; }
	.cart-wrap .link-2 { text-align: center; }
	.ship-item-title { display: none; }
	.ship-item .info strong { display: inline-block; padding-right: 15px; position: relative; width: 100px; }
	.ship-item .info strong:after { content: ":"; position: absolute; right: 5px; top: 0; }
	.ship-item .w-1 { width: 80px; }
	.ship-item .w-2, .ship-item .w-3 { float: none; margin-left: 90px; text-align: left; width: auto; }
	.ship-box .inrow-2 { width: 100%; }
	.status-wrap .status { float: none; width: 100%; }
	.status-wrap .btn-2 { float: none; }
	.tb-1 .action { white-space: normal; }
	.pp-w-1 .modal-dialog, .modal-dialog { width: 390px; }
}
@media (max-width:420px){
	.grid-1 .item, .main-content .grid-1 .item,	.intro-group .item { width: 100%; }
	.box-2 .lb { display: block; float: none; width: auto; }
	.box-2 .group { margin-left: 0; }
	.box-2 .w { margin-right: 0; }
	.total-2 strong { float: none; width: auto; }
	.total-2 span { display: block; margin-left: 0; text-align: left; }
	.pp-w-1 .modal-dialog, .modal-dialog { width: 290px; }
	.title-wrap-1 .title, .title-wrap-1 .rating { width: 100%; }
	.title-wrap-1 .title { margin-bottom: 0; }
	.title-wrap-1 .star-rating { float: left; }
	.output-wrap-1 .btn-1 { display: block; float: none !important; margin-top: 10px; }

}
@media (max-width:320px){
}


@media print{
	aside { display: none; }
	a[href]:after { content: none !important; }
        * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
        a, a:visited { text-decoration: underline; }
        a[href]:after { content: " (" attr(href) ")"; }
        abbr[title]:after { content: " (" attr(title) ")"; }
        .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
        pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
        thead { display: table-header-group; }
        tr, img { page-break-inside: avoid; }
        a[href]:after { content: none !important; }
        img[src]:after { content: none !important; }

        @page { margin: 0; }
        body  { margin: 1.6cm; }

}