@charset "utf-8";
/* CSS Document */
body { margin: 0px; padding: 0px; line-height: 20px; font-size: 14px; font-family: 'Roboto', sans-serif; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
p { margin: 0px; padding: 0px; }
.clear { clear: both; }
hr { border-bottom: 2px; border-bottom-style: dotted !important; border-bottom-color: #6289B6 !important; width: 100%; }
.call1 { pointer-events: none; }
a:focus { outline: none !important; }
/*===================== start header ======================= */
header { /*background: url(../img/header-bg.jpg) center no-repeat;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: auto; padding: 14px 0 15px 0; float: left; width: 100%; margin: 0 0 0px 0; }
.container-main { max-width: 1170px; margin: auto; }
.logo { width: 170px; float: left; }
.logo img { border: none 0px; /* height: 63px; */ }
.header-right { width: 238px; float: right; }
.header-right .polygon { width: 100%; background: url(../img/Polygon-arrow.png) no-repeat; padding: 2px 0 0 16px; margin: 18px 0 0 0; }
.header-right .polygon span { font-family: 'Raleway', sans-serif; font-size: 13px; font-weight: 500; text-transform: uppercase; }
.header-right .polygon strong { color: #272564; font-size: 16px; text-transform: uppercase; }
/*===================== start element search-box ======================= */
.element { width: 24px; height: 24px; margin: 0em auto 0 auto; position: relative; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; float: right; right: 0px; top: -52px; cursor: pointer; }
.element img { position: relative; right: 2px; top: 18px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.element:after { content: ''; position: absolute; padding: calc(.8em - 4px); border: 4px solid #c7c7c7; border-radius: 1000px; -webkit-transition: all 500ms ease-in; transition: all 500ms ease-in; top: 0.5em; background: transparent; }
.element:before { content: ''; position: absolute; padding: calc(9px - 2px); border-bottom: 4px solid #c7c7c7; left: 89%; bottom: calc(30% - 2px); -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.element.hover:after { padding: calc(1px) calc(1em - 1px); border-radius: 0; border: 0px solid transparent; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); top: calc(50% - 2px); background: #c7c7c7; }
.element.hover:before { border-bottom: 2px solid #c7c7c7; bottom: calc(57% - 2px); left: 2px; padding: calc(1.1em - 1px); }
#search-box { float: left; border: 0; border-bottom: 1px solid #c7c7c7; color: #6289b6; font-family: sans-serif; padding: 6px; outline: none; font-size: 20pt; text-align: center; background: transparent; width: 100%; }
.placeholder { position: fixed; z-index: -9999; left: 442px; color: #ddd; font-family: sans-serif; outline: none; font-size: 20pt; }
.search-box { margin-right: 25px; }
.contant-right-bottom img { margin-bottom: 15px; margin-top: 5px;  /*border: 1px solid #6289B6;*/ width: 100%; }
/*===================== start contant ======================= */
.contant { background: #FFF; }
.contant-left { width: 23%; float: left; margin-bottom: 15px; }
.contant-left img { width: 100%; }
.contant-left h5 { font-size: 14px; color: #fff; padding: 14px 0px 14px 11px; background: #6289b6; font-weight: 700; text-transform: uppercase; }
.contant-left ul { margin: 0px; padding: 0px; }
.contant-left ul li { list-style: none; font-weight: 500; font-size: 12px; text-transform: uppercase; color: #222222; padding: 0px 0px 8px 25px; border-bottom: solid #d6d6d6 1px; }
.contant-left li i { padding: 0 10px 0 0; color: #a99890; font-size: 14px; display: none; }
.contant-left li a { color: #212121; text-decoration: none; }
.contant-left li a:hover { color: #6289b6; }
.contant-left li a:active { font-weight: bold; color: #6289b6; }
.contant-left span { background: url(../img/border-line.png) repeat-x; width: 100%; margin: 5px 0 5px 0; float: left; height: 8px; }
/*===================== start contant right ======================= */
.contant-right { width: 75%; float: right; }
.slider { width: 100%; float: left; }
.contant-right-bottom { width: 100%; float: right; margin: 20px 0 0 0; width: 13% }
.contant-right .contant-right-bottom .bottom-box { width: 100%; float: left; margin: 0 0 20px; border: solid #6289b6 5px; }
.contant-right .contant-right-bottom .box { border: solid #FFF 1px; background: #6289b6; padding: 9px; text-align: center; color: #FFF; }
.contant-right .contant-right-bottom .box h3 { margin: auto; font-size: 16px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 500; border-top: solid #FFF 1px; padding: 10px 0 0 0; color: #fff; }
.contant-right .contant-right-bottom .box p { margin: auto; text-transform: uppercase; font-size: 12px; font-family: inherit; padding: 5px 0 10px 0; border-bottom: solid #FFF 1px; color: #fff; }
.contant-right .contant-right-bottom .box-right { float: right; margin: 0px 0px 0 0px; width: 100%; }
.contant-right-product ul { margin: 0px; padding: 0px; }
.contant-right-product .bxslider2 { display: inherit; }
.contant-right-broadcom { width: 99%; background: #6289b6; padding: 14px 0 14px 10px; margin: 0 0 20px 0; float: left; }
.contant-right-broadcom ul { margin: 0px; padding: 0px; }
.contant-right-broadcom li { display: inline; list-style: none; color: #FFF; padding: 14px 0 14px 0; }
.contant-right-broadcom li a { color: #FFF; text-decoration: none; padding: 10px 11px 10px 11px; text-transform: uppercase; }
.contant-right-broadcom li a:hover { background: #5377a0; border-bottom: solid #CCC 1px; border-top: solid #CCC 1px; }
.contant-right-product > li { background: #FFF; color: #141414; background: url("../img/border-line.png") repeat-x scroll center bottom rgba(0, 0, 0, 0); line-height: 23px; padding: 0 0 11px 0; width: 31%; float: left; list-style: none; margin: 0 26px 26px 0; }
.contant-right-product > li.last-child { float: right; width: 29%; }
.contant-right-product > li h4 { font-size: 18px; padding: 17px 0 0px 0; font-weight: 400; text-transform: uppercase; }
.contant-right-product > li p { font-size: 14px; text-transform: uppercase; }
.contant-right-product > li span { font-size: 24px; text-transform: uppercase; font-style: italic; }
.contant-right-product > li strong { color: #e01010; text-align: center; }
.contant-right-product > li:hover h4 { color: #6289b6; cursor: pointer; }
.contant-right-product > li:hover p { color: #6289b6; cursor: pointer; }
.contant-right-product > li:hover { background: #FFF; color: #141414; background: url("../img/line-hover.png") repeat-x scroll center bottom rgba(0, 0, 0, 0); }
.contact-page input { border: 1px solid rgb(204, 204, 204); height: 30px; margin: 6px 0; width: 100%; }
.contact-page select { border: 1px solid rgb(204, 204, 204); height: 30px; margin: 6px 0; width: 100%; }
.contact-page textarea { border: 1px solid rgb(204, 204, 204); height: 100px; margin: 6px 0; width: 100%; }
.fancybox.image > img { width: 98%;}
.contant-right-product .grid figure { margin: 0px; }
.paginate { width: 279; float: right; margin: 0 0 30px 0; }
.paginate ul { margin: 0; padding: 0px; }
.paginate li { display: inline; list-style: none; font-size: 12px; margin: 0 0 0 5px; border-radius: 100px; cursor: pointer; background: #6289b6; height: 20px; width: 20px; padding: 7px; float: left; text-align: center; }
.paginate li:hover { background: #4d74a1; }
.paginate li a { color: #FFF; text-decoration: none; text-align: center; }
/*===================== start categories ======================= */
.categories { margin: 18px 0 40px 0; float: left; width: 100%; }
.categories h3 { line-height: 45px; color: #000; font-size: 20px; text-transform: uppercase; background: url("../img/border-line.png") repeat-x scroll center bottom rgba(0, 0, 0, 0); margin: 0 0 10px 0; }
.categories span img { margin: auto; position: relative; top: -14px; width: 199px; }
.categories li { line-height: 23px; padding: 0 0 10px 0; list-style: none; }
.categories li > div { background: url("../img/border-line.png") repeat-x scroll center bottom rgba(0, 0, 0, 0); padding-bottom: 11px; }
.categories li h4 { font-size: 18px; padding: 17px 0 0px 0; font-weight: 400; text-transform: uppercase; }
.categories li p { font-size: 14px; text-transform: uppercase; }
.categories li span { font-size: 24px; text-transform: uppercase; font-style: italic; }
.categories li strong { color: #e01010; text-align: center; }
.categories li:hover h4 { color: #6289b6; cursor: pointer; }
.categories li:hover p { color: #6289b6; cursor: pointer; }
.categories li:hover > div { background: #FFF; color: #141414; background: url("../img/line-hover.png") repeat-x scroll center bottom rgba(0, 0, 0, 0); }
.grid { position: relative; margin: 0 auto; max-width: 1000px; list-style: none; text-align: center; }
/* Common style */
.grid figure { position: relative; overflow: hidden; margin: 10px 0 10px 0; max-height: 360px; text-align: center; cursor: pointer; background-color: rgba(98, 137, 182, 0.7); }
.grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; width: 100% }
.grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; }
.grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*---------------*/
/***** Oscar *****/
/*---------------*/
figure.effect-oscar { }
figure.effect-oscar img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
figure.effect-oscar figcaption { /*background-color: rgba(58,52,42,0.7);*/ -webkit-transition: background-color 0.35s; transition: background-color 0.35s; }
figure.effect-oscar figcaption::before { background-color: rgba(98, 137, 182, 0.7); border: 1px solid #fff; bottom: 74px; content: ""; left: 5px; position: absolute; right: 5px; top: 5px; width: 101%; height: 97%; }
figure.effect-oscar h2 { margin: 20% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
figure.effect-oscar figcaption::before, figure.effect-oscar p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); }
figure.effect-oscar p i { background: #fff; float: left; margin: 0 0 0 10px; color: #000; text-align: center; padding: 5px; font-size: 16px; position: relative; top: 85px; }
figure.effect-oscar:hover h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
figure.effect-oscar:hover figcaption { background-color: rgba(98,137,182,0); width: 95%; }
figure.effect-oscar:hover img { opacity: 0.4; }
/*===================== start parallax ======================= */

.parallax-bg { background: url("../img/parallax-bg.jpg") repeat-y 100% 100%; background-position: fixed; background-size: cover; width: 78%; float: left; margin-left: 11%; margin-right: 11%; }
.parallax-contant { max-width: 961px; margin: auto; padding: 40px 0px 55px 0px; text-align: center; }
.parallax-contant h2 { font-size: 32px; color: #fff; font-weight: 400; font-family: 'Raleway', sans-serif; text-transform: uppercase; margin-bottom: 0; margin-top: 35px; /*padding: 40px 0 22px 0;*/ }
.parallax-contant span { width: 399px; margin: auto; height: 4px; }
.parallax-contant p { font-size: 18px; line-height: 33px; margin-bottom: 0; padding: 0px 0 48px 0; color: #fff; }
.parallax-contant a { padding: 12px 45px; margin: 0 0 0 0; background: #FFF; color: #000; font-size: 17px; text-decoration: none; }
.parallax-contant a:hover { background: #6289b6; color: #FFF; }
/*===================== start CUSTOM ======================= */
.custom-section { width: 100%; float: left; padding: 30px 0 0px 0; }
.custom-bg { background: url(../img/custom-bg.png) no-repeat #2f2f2f; width: 100%; padding: 5px; float: left; background-size: 60% 100%; }
.custom-contant { border: solid #FFF 2px; width: 99.7%; float: left; }
.custom-contant-left { width: 35%; float: left; }
.custom-contant-left h3 { color: #FFF; font-size: 33px; padding: 15px 0 15px 81px; line-height: 34px; font-weight: 400; font-family: 'Raleway', sans-serif; text-transform: uppercase; font-style: italic; text-align: left; }
.custom-contant-right { width: 46%; float: right; margin: 45px 0 0 0; }
.custom-contant-right li { display: inline; background: url(../img/custon-right-arrow.png) no-repeat; padding: 0 18px 0 37px; float: left; }
.custom-left { background: none !important; }
/*===================== start testimonials ======================= */
.section-testimonials { width: 100%; float: left; padding: 0 0 50px 0; }
.testimonials { background: url(../img/border-line.png) repeat-x; background-position: 0px 40px; }
.testimonials h3 { text-align: center; text-transform: uppercase; font-size: 20px; font-weight: 600; }
.testimonials span img { display: block; padding: 8px 0 0; width: 199px; margin: auto; }
.testimonials .bx-wrapper .bx-next { display: none; }
.testimonials .bx-wrapper .bx-prev { display: none; }
.testimonials .bx-wrapper .bx-pager.bx-default-pager a { display: block; height: 12px; width: 12px; margin: 0 2px; outline: 0 none; right: 0; text-indent: -9999px; background: #c1c2c3; border-radius: 5px; }
.testimonials .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { width: 100%; }
.testimonials .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #6289b6; height: 12px; width: 12px; }
.testimonials .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #6289b6 !important; }
.testimonials-box { width: 90%; float: none; margin: 50px auto 30px; background: url(../img/testimonials-line.png) no-repeat; height: 33px; padding: 0 0 0 10px; line-height: normal; }
.testimonials-box h3 { color: #2c2c2c; font-size: 13px; text-align: left; font-weight: bold; margin: 0; }
.testimonials-box p { color: #2c2c2c; font-size: 12px; font-family: 'Roboto', sans-serif; }
/*===================== start footer ======================= */
footer { background: #e6e5e5; padding: 21px 0 13px 0; width: 100%; float: left; }
.footer-main { width: 100%; }
footer .footer-box { width: 30.33%; float: left; margin: 0 30px 0 0; }
footer .footer-box1 { float: right; margin: 0px; }
.footer-box1 h4 { color: #6289b6; font-size: 12px; font-weight: bold; text-transform: uppercase; clear: both; }
.footer-box1 .contact { background: #d9d9d9; padding: 10px 0px; float: left; width: 100%; margin: 10px 0 8px 0; }
.footer-box1 .contact ul { margin: 0px 0 0 0; padding: 0px; }
.footer-box1 .contact li { display: inline; list-style: none; color: #2c2c2c; font-weight: bold; text-align: center; padding: 0px 15px 0 15px; float: left; }
.footer-box1 .left-border { border-left: 0px !important; }
footer .footer-box h3 { color: #000; background: url(../img/border-line.png) repeat-x; background-position: 0 bottom; font-family: inherit; font-size: 16px; font-weight: bold; height: auto; padding-bottom: 10px; text-transform: uppercase; margin-top: 0; margin-bottom: 10px; }
footer .footer-box p { font-family: 'Roboto', sans-serif; float: left; color: #2c2c2c; font-size: 12px; text-align: justify; font-weight: 400; padding: 0 0 10px 0; margin: 0; }
.footer-box-gallery li { padding-left: 0px !important; padding-right: 9px !important; }
.contact p { padding: 0px !important; }
footer .footer-box span { position: relative; top: -14px; height: 4px; background: url(../img/footer-title.png) repeat-x; width: 50%; float: left; }
footer .footer-box ul { margin: 0px; padding: 0px; float: left; }
footer .footer-box li { list-style: none; border-left: solid #909090 2px; margin: 0 0 11px 0; color: #686868; font-size: 12px; padding: 0 0px 0 10px; }
footer .footer-box li:hover { border-left: solid #6289b6 2px; color: #6289b6; cursor: pointer; }
footer .footer-box li a { color: #686868; text-decoration: none; position: relative; }
footer .footer-box li a:hover { color: #6289b6; }
.footer-box-gallery { width: 100%; margin: auto; }
.footer-box-gallery ul { margin: 0px; padding: 0px; float: left; }
.footer-box-gallery li { list-style: none; float: left; padding: 0 0 0 18px; border: none !important; }
.paypal ul { margin: 0px; padding: 0px; }
.paypal li { display: inline; list-style: none; border: none !important; padding: 0 10px 0 0 !important; }

.footer-bottom { width: 100%; float: left; padding: 8px 0 8px 0; }
.footer-bottom-left { width: 70%; float: left; }
.footer-bottom-left p { font-size: 12px; font-weight: 400; }
.footer-bottom-right { width: 30%; float: right; }
.footer-bottom-right p { font-size: 12px; text-align: right; padding: 0 0 0 0; }
footer .contact span { background-image: none; position: inherit; height: auto; width: 100%; }
footer .telephone { width: 33.33%; float: left; text-align: center; }
footer .telephone p { text-align: center; float: none; }
footer .fax-number { width: 33.33%; float: left; text-align: center; }
footer .fax-number p { text-align: center; float: none; }
footer .contact-number { width: 33.33%; float: left; text-align: center; }
footer .contact-number p { text-align: center; float: none; }
.right-part { width: 890px; float: left; }
.right-part .col-md-12 { padding-left: 0 !important; padding-right: 0 !important; }
.right-part .col-md-4 { padding-left: 0 !important; padding-right: 0 !important; }
.right-part .col-md-6 { padding-left: 0 !important; padding-right: 0 !important; }
.inner-contant { width: 100%; padding: 0 0 30px 0; float: left; }
.inner-contant h4 { font-weight: bold; padding: 20px 0 10px 0; }
.inner-contant img { width: 100%; height: 100%; }
.inner-contant h3 { background: url("../img/border-line.png") repeat-x scroll 0 33px rgba(0, 0, 0, 0); height: 47px; text-transform: uppercase; }
.inner-contant strong img { margin: auto; position: relative; text-align: left !important; top: -14px; width: 199px; }
.inner-contant p { padding: 0 0 20px 0; }
.inner-contant input { width: 100%; height: 32px; border: solid #d6d6d6 1px; border-radius: 3px; margin: 7px 0 7px 0; padding: 0 0 0 12px; }
.inner-contant .upload input { border: none; padding: 0px; }
.inner-contant select { width: 100%; margin: 10px 0 7px 0; height: 32px; }
.inner-contant textarea { width: 100%; height: 60px; border: solid #d6d6d6 1px; border-radius: 3px; padding: 7px 0 0 12px; margin: 7px 0 7px 0; }
.btn-submit { width: 100px !important; border: none !important; padding: 7px 20px; border: none; background: #6289b6; color: #fff; cursor: pointer; border-radius: 3px; text-transform: uppercase; }
.btn-submit:hover { background: #719bcb; }
.product { width: 100%; }
.product h3 { background: url("../img/border-line.png") repeat-x scroll center bottom rgba(0, 0, 0, 0); color: #000; font-size: 20px; line-height: 45px; margin: 0 0 10px; text-transform: uppercase; }
.categories span img { margin: auto; position: relative; top: -4px; width: 199px; }
.product-box { background: url("../img/border-line.png") repeat-x scroll center bottom rgba(0, 0, 0, 0); color: #141414; margin: 0 auto 10px auto; width: 95%; }
.product-box h4 { font-size: 18px; font-weight: 400; padding: 0px 0 0; text-transform: uppercase; }
.product-box p { font-size: 14px; text-transform: uppercase; padding: 0px; }
.product-box span { font-size: 24px; font-style: italic; text-transform: uppercase; }
.product-box strong { color: #e01010; text-align: center; }
.product-box:hover h4 { color: #6289b6; cursor: pointer; }
.product-box:hover p { color: #6289b6; cursor: pointer; }
.product-box:hover { background: url("../img/line-hover.png") repeat-x scroll center bottom rgba(0, 0, 0, 0); color: #141414; }
.product-box .grid { position: relative; margin: 0 auto; list-style: none; text-align: center; }
/* Common style */
.product-box .grid figure { position: relative; overflow: hidden; width: 95%; max-height: 360px; text-align: center; cursor: pointer; background-color: rgba(98, 137, 182, 0.7); }
.product-box .grid figure img { position: relative; display: block; min-height: 100%; width: 100%; opacity: 0.8; }
.product-box .grid figure figcaption { padding: 27px 0 0 30px; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.product-box .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; }
.product-box .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*---------------*/
/***** Oscar *****/
/*---------------*/
.product-box figure.effect-oscar img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
.product-box figure.effect-oscar figcaption { /*background-color: rgba(58,52,42,0.7);*/ -webkit-transition: background-color 0.35s; transition: background-color 0.35s; }
.product-box figure.effect-oscar figcaption::before { background-color: rgba(98, 137, 182, 0.7); border: 1px solid #fff; bottom: 5px; content: ""; left: 5px; position: absolute; right: 5px; top: 5px; width: 100%; }
.product-box figure.effect-oscar h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.product-box figure.effect-oscar figcaption::before, figure.effect-oscar p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); }
.product-box figure.effect-oscar p i { background: #fff; float: left; margin: 0 0 0 10px; color: #000; text-align: center; padding: 12px; font-size: 30px; position: relative; top: 115px; }
.product-box figure.effect-oscar:hover h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.product-box figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.product-box figure.effect-oscar:hover figcaption { background-color: rgba(98,137,182,0); width: 95%; }
.product-box figure.effect-oscar:hover img { opacity: 0.4; }
.stickers-box { width: 100%; text-align: center; margin: 10px 0 0px 0; }
.stickers-box span img { width: 50%; height: 100%; margin: 0 0 10px 0; top: 0 !important; }
.outlined-box { width: 100%; }
.outlined-box span img { width: 80%; height: 100%; margin: 10px 0 20px 0; }
.artwork { width: 70%; height: 100%; }
.artwork .arrowdown { width: 80px; margin: auto; }
.artwork .arrowdown img { width: 100%; }
.artwork span img { width: 100%; height: auto; margin: auto; }
a.web-designby { text-decoration: none; }
.right-part { width: 900px; float: left; }
.right-part .col-md-12 { padding-left: 0 !important; padding-right: 0 !important; padding-top: 20px; }
.right-part .col-md-4 { padding-left: 0 !important; padding-right: 0 !important; }
.right-part .col-md-6 { padding-left: 10px !important; }
.inner-contant { width: 100%; padding: 0; float: left;  }
.inner-contant img { width: 100%; height: 100%; }
.quote-btn img { width: 20%; }
.inner-contant h3, .inner-contant h1 { font-weight: bold; background: url("../img/border-line.png") repeat-x scroll 0 33px rgba(0, 0, 0, 0); height: 47px; text-transform: uppercase; }
.inner-contant strong img { margin: auto; position: relative; text-align: left !important; top: -34px; width: 199px; }
.inner-contant p { padding: 0; text-align: justify; font-weight: normal;font-size: 14px;}
.inner-contant input { width: 100%; height: 32px; border: solid #d6d6d6 1px; border-radius: 3px; margin: 7px 0 7px 0; padding: 0 0 0 12px; }
.inner-contant .upload input { border: none; padding: 0px; }
.inner-contant select { width: 100%; margin: 10px 0 7px 0; height: 32px; }
.inner-contant textarea { width: 100%; height: 60px; border: solid #d6d6d6 1px; border-radius: 3px; padding: 7px 0 0 12px; margin: 7px 0 7px 0; }
.btn-submit { width: 100px !important; border: none !important; padding: 7px 20px; border: none; background: #6289b6; color: #fff; cursor: pointer; border-radius: 3px; text-transform: uppercase; height: 30px; }
.btn-submit:hover { background: #719bcb; }
.product { width: 100%; }
.product h3 { background: url("../img/border-line.png") repeat-x scroll center bottom rgba(0, 0, 0, 0); color: #000; font-size: 20px; line-height: 45px; margin: 0 0 10px; text-transform: uppercase; }
.categories span img { margin: auto; position: relative; top: -23px; width: 199px; }
.product-box { background: url("../img/border-line.png") repeat-x scroll center bottom rgba(0, 0, 0, 0); color: #141414; margin: 0 auto 10px auto; width: 95%; }
.product-box h4 { font-size: 18px; font-weight: 400; padding: 0px 0 0; text-transform: uppercase; }
.product-box p { font-size: 14px; text-transform: uppercase; padding: 0px; }
.product-box span { font-size: 24px; font-style: italic; text-transform: uppercase; }
.product-box strong { color: #e01010; text-align: center; }
.product-box:hover h4 { color: #6289b6; cursor: pointer; }
.product-box:hover p { color: #6289b6; cursor: pointer; }
.product-box:hover { background: url("../img/line-hover.png") repeat-x scroll center bottom rgba(0, 0, 0, 0); color: #141414; }
.product-box .grid { position: relative; margin: 0 auto; list-style: none; text-align: center; }
/* Common style */
.product-box .grid figure { position: relative; overflow: hidden; width: 95%; max-height: 360px; text-align: center; cursor: pointer; background-color: rgba(98, 137, 182, 0.7); }
.product-box .grid figure img { position: relative; display: block; min-height: 100%; width: 100%; opacity: 0.8; }
.product-box .grid figure figcaption { padding: 27px 0 0 30px; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.product-box .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; }
.product-box .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*---------------*/
/***** Oscar *****/
/*---------------*/
.product-box figure.effect-oscar img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
.product-box figure.effect-oscar figcaption { /*background-color: rgba(58,52,42,0.7);*/ -webkit-transition: background-color 0.35s; transition: background-color 0.35s; }
.product-box figure.effect-oscar figcaption::before { background-color: rgba(98, 137, 182, 0.7); border: 1px solid #fff; bottom: 5px; content: ""; left: 5px; position: absolute; right: 5px; top: 5px; width: 100%; }
.product-box figure.effect-oscar h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.product-box figure.effect-oscar figcaption::before, figure.effect-oscar p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); }
.product-box figure.effect-oscar p i { background: #fff; float: left; margin: 0 0 0 10px; color: #000; text-align: center; padding: 12px; font-size: 30px; position: relative; top: 115px; }
.product-box figure.effect-oscar:hover h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.product-box figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.product-box figure.effect-oscar:hover figcaption { background-color: rgba(98,137,182,0); width: 95%; }
.product-box figure.effect-oscar:hover img { opacity: 0.4; }
.stickers-box { width: 100%; text-align: center; margin: 10px 0 0px 0; }
.stickers-box span img { width: 50%; height: 100%; margin: 0 0 10px 0; }
.paper-labels .stickers-box span img { width: 100%; }
.payment-method .stickers-box span img { width: 100%; }
.outlined-box { width: 100%; }
.outlined-box span img { width: 80%; height: 100%; margin: 10px 0 20px 0; top: 0; }
.artwork { width: 70%; height: 100%; }
.artwork .arrowdown { width: 80px; margin: auto; }
.artwork .arrowdown img { width: 100%; top: 0; }
img.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha.capt { height: 30%; width: 30%; }
input.wpcf7-form-control.wpcf7-captchar.capt-fld { width: 70%; }
span.img-tag img { width: 10%; }
.artwork span img { width: 100%; height: auto; margin: auto; top: 0; }
.left-pagination { margin: 0 0px 30px 0 !important; float: left; width: 250px; }
.left-pagination h5 { font-size: 14px; color: #fff; padding: 14px 0px 14px 11px; background: #6289b6; font-weight: 700; text-transform: uppercase; }
.left-pagination ul { margin: 0px; padding: 0px; }
.left-pagination ul li { list-style: none; font-weight: 500; font-size: 12px; text-transform: uppercase; color: #222222; padding: 8px 0px 8px 35px; border-bottom: solid #d6d6d6 1px; }
.left-pagination li i { padding: 0 10px 0 0; color: #a99890; font-size: 14px; display: none; }
.left-pagination li a { color: #212121; text-decoration: none; }
.left-pagination li a:hover { color: #6289b6; }
.left-pagination span { background: url(../img/border-line.png) repeat-x; width: 100%; margin: 5px 0 5px 0; float: left; height: 4px; }
.left-pagination span:active { background: url(../img/border-line.png) repeat-x; width: 100%; margin: 15px 0 5px 0; float: left; height: 14px; }
.col-md-3.sticker-size { min-height: 109px; }
.col-md-2.order-button { min-height: 109px; padding-top: 22px; }

.special-stickers, .sticker-image { margin-bottom: 12px; }
.special-stickers {
    width: 53.4% !important;
}


.cms-content ul { padding: 0px; font-family: 'ralewayregular'; margin: 0 0 5px; }
.cms-content ul li { font-size: 13px; background: url("../img/li.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0); background-position: 0px 6px; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; height: auto; list-style: outside none none; margin: 0; padding: 1px 0 1px 14px; width: auto; }
.cms-content ul li ul { margin-left: 10px; }
.cms-content ul li ul li { background: url("../img/li.png") no-repeat scroll 0 11px rgba(0, 0, 0, 0); padding: 2px 0 2px 14px; }
.cms-content ul li ol { padding: 0 0 0 25px; }
.cms-content ul li ol li { list-style: decimal outside; background: none; padding: 0; color: #5d5d5d; font-size: 16px; }
.cms-content ol { padding: 0; font-family: 'ralewayregular'; }
.cms-content ol li { list-style: decimal outside; background: none; margin-bottom: 12px; color: #333333; font-family: 'ralewayregular'; margin-left: 20px }
.cms-content ol li ol { padding: 0 0 0 25px; }
.cms-content ol li ol li { list-style: decimal outside; background: none; padding: 0 0 0 0; color: #5d5d5d; font-size: 16px; }
.cms-content ol li ul { margin-left: 10px; }
.cms-content ol li ul li { background: url(../img/default-li-arrow-1.png) no-repeat 0 6px; padding: 0 0 0 15px; color: #5d5d5d; font-size: 16px; list-style: none; }
.footer-box-gallery ul li a { height: 100px; width: 100px; }
.overlay { background: rgba(98, 137, 182, .75); text-align: center; opacity: 0; width: 100px; height: 100px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; top: -43px; }
.footer-box-gallery a:hover .overlay { opacity: 1; border: solid 1px #FFF; padding: 7px; }
.terms-content h3 { height: auto; ; }
.buton-order { margin-bottom: 10px; margin-right: 10px; }
.home-full h4 { margin: 20px 0 0; }
.order-process { margin-bottom: 15px; }
.facebook-icon .fb_iframe_widget { display: block; }
.facebook-icon { float: left; text-align: center; padding: 20px 0; width: 100%; }
.facebook-icon .fb_iframe_widget span { background: none; text-align: center; }
#secondary .bottom-box { border: 5px solid #6289b6; float: left; margin: 20px 0 5px 0; width: 100%; }
#secondary .bottom-box .box { background: none repeat scroll 0 0 #6289b6; border: 1px solid #fff; color: #fff; padding: 9px; text-align: center; float: left; width: 100%; }
#secondary .bottom-box .box h3 { border-top: 1px solid #fff; font-family: "Raleway", sans-serif; font-size: 23px; font-weight: 500; margin: auto; padding: 10px 0 0; text-transform: uppercase; color: #fff; }
#secondary .bottom-box .box p { border-bottom: 1px solid #fff; font-family: inherit; font-size: 16px; margin: auto; padding: 5px 0 10px; text-transform: uppercase; color: #fff; }




.contant-inner .container { padding-right: 0; padding-left: 0px }
.menu-inner { width: 240px !important; margin-right: 15px !important; }
.categories-box { width: 86% }
.categories-box .item .grid { width: 32.03%; float: left; padding-left: 5px; padding-right: 5px; margin-left: 8px !important; }
.home-catgory-list { margin: 0; padding: 0; list-style: none; }
.home-catgory-list li:nth-child(4) { clear: both; }
.accordion { padding: 0; margin: 0px 0 0px 0; width: 100%; font-weight: bold; overflow: hidden; font-size: 1em; position: relative; /*  border-bottom: 2px;  border-bottom-style: dotted;  border-bottom-color: #6289B6;*/ border-bottom: 1px solid #ccc; }
.accordion h5 { text-align: center; font-size: 24px; text-transform: uppercase; font-weight: bold; color: #1630b8; padding: 20px 0 5px 0px; }
.accordion_title { padding: 0 1em; background: #ccc; color: #fff; float: left; line-height: 3; height: 3em; cursor: pointer; margin-right: .2em; border-top-left-radius: 4px; border-top-right-radius: 4px; width:24.7%; font-size: 12px; text-align: center; }
.no-js .accordion_title { float: none; height: auto; cursor: auto; margin: 0; padding: 0 2em; }
.accordion_content { float: right; width: 100%; margin: 3em 0em 0 -100%; padding: 10px 0 10px 0; border-top: solid #ccc 1px; }
.no-js .accordion_content { float: left; margin: 0; }
.accordion_title:hover, .accordion_title.active { background:#6289B6; color: #fff; border-bottom: solid #fff 1px; position: relative; top: -2px; border-top: solid #ccc 1px; border-right: solid #ccc 1px; border-left: solid #ccc 1px; height: 45px;}
.acc-bg1 { background: #fb0d1c; border-top: solid #fb0d1c 1px; border-right: solid #fb0d1c 1px; border-left: solid #fb0d1c 1px; }
.acc-bg2 { background: #d087b5; border-top: solid #d087b5 1px; border-right: solid #d087b5 1px; border-left: solid #d087b5 1px; }
.acc-bg3 { background: #bba7cc; border-top: solid #bba7cc 1px; border-right: solid #bba7cc 1px; border-left: solid #bba7cc 1px; }
.acc-bg4 { background: #667af5; border-top: solid #667af5 1px; border-right: solid #667af5 1px; border-left: solid #667af5 1px; }
.accordion_content ul { margin: 0px; padding: 0px; }
.accordion_content li { display: inline; list-style: none; width: 25%; float: left; margin: 0 0px 10px 0; position: relative; }
.accordion_content li img { width: 100%; cursor: pointer; }
.accordion_content li:last-child { margin-right: 0px; }
.home {
    margin-left: -15px;
}
.right-sale { position: absolute; top: 0px; }
.featured {  /*border-bottom: 2px;  border-bottom-style: dotted;  border-bottom-color: #6289B6;*/ padding-bottom: 10px; border-bottom: 1px solid #ccc; float: left; margin-bottom: 10px;  width: 100%; }
.featured ul { margin: 0px; padding: 0px; }
.featured li { display: inline; list-style: none; float: left; width: 25%; min-height:182px;  margin: 0 10px 0 0px !important; }
.featured li:last-child { /*float: right;*/ margin-right: 0px !important; }
.featured img { border: solid #c7e8fb 2px; border-radius: 2px; width: 100%; }
.featured h5 { font-size: 13px; text-transform: uppercase; color: #ff002a; padding: 0 0 12px 0; }
.featured span { color: #333; text-transform: none; font-size: 12px; padding: 0 0 0 12px; }
.featured p { text-align: center; padding: 6px 0 0 0; font-size: 11px; margin: 0px; border-bottom: solid #fff 2px; }
.ordering { width: 100%; float: left; position: relative; }
.ordering h4 { text-align: center; color: #000; font-size: 24px; padding: 15px 0 15px 0; border-top: 1px solid #ccc; }
.ordering-box img { border: solid 2px #13b44a; width:100%; }
.ordering-box p { text-align: center; font-size: 12px; line-height: 28px; color: #000; }
.ordering-box span img { border: medium none; height: 20px; position: absolute; right: -10px; top: 51px; width: 20px; }
.artwork-inner img { width: 100%; border: solid 2px #f90403; }
.production img { width: 100%; border: solid 2px #fba874; }
.delivery img { width: 100%; border: solid 2px #d829e0; }
.modal { z-index: 99999 !important; }
.modal-body .col-md-6 { padding-left: 0px !important; }
.modal-content { height: auto; float: left; padding: 0 0 20px 0; }
.modal-header { padding: 15px 15px 0 15px !important; }
.pop-contant > p { font-size: 14px; font-weight: normal; padding: 10px 0 0; }
.pop-contant > h4 { padding: 0 0 10px 17px; }
.pop-contant > em { font-weight: normal; font-size: 14px; padding: 0 0 20px 0; float: left; width: 100%; }
.button-qu { width: 100px; float: left; margin: 0 0 10px 0; }
.pop-right-contant { width: 100%; float: left; border: solid #ccc 1px; }
.pop-right-contant .accordion { padding: 0; width: 100%; overflow: hidden; font-size: 1em; position: relative; height: auto; }
.pop-right-contant .accordion_title2 { border-bottom: 1px solid #ccc; color: #222; float: left; line-height: 2; height: 2em; font-size: 18px; cursor: pointer; padding: 0 19.3px; width: 50%; }
.no-js .pop-right-contant .accordion_title2 { float: none; height: auto; cursor: auto; margin: 0; padding: 0 2em; }
.pop-right-contant .accordion_content2 { float: right; width: 100%; margin: 3em 0 0 -100%; padding: 10px; background: #fff; }
.no-js .pop-right-contant .accordion_content2 { float: left; margin: 0; }
.pop-right-contant .accordion_title2:hover, .pop-right-contant .accordion_title2.active { background: #6289b6; color: white; }
.no-js .pop-right-contant .accordion_title2:hover { background-color: #ccc; color: #222; }
.pop-right-contant .accordion_title2.active { border-top-color: lime; }
.pop-right-contant input { border:solid rgba(98, 137, 182, 0.66) 1px; border-radius: 3px !important; height: 33px; margin: 5px 0 5px 0; font-size: 13px; font-weight: normal; }
.pop-right-contant select { border: solid rgba(98, 137, 182, 0.66) 1px; border-radius: 3px !important; height: 32px !important; margin: 3px 0 3px 0; font-size: 13px; font-weight: normal; }
.pop-right-contant textarea { border: solid #ccc 1px; border-radius: 0 !important; height: 50px; margin: 3px 0 3px 0; font-size: 13px; font-weight: normal; }
.pop-right-contant p { font-weight: normal; margin: 0px; font-size: 12px; }
.pop-right-contant .right-boader { border-right: solid #494747 1px; }
.pop-right-contant .btn-submit { width: 50% !important;  height: 40px !important; margin-left: 25% }
.pop-right-contant .btn-submit:hover{background:#777;}
.pop-right-contant .fileUpload { position: relative; overflow: hidden; width: 100px; margin: 5px 0 5px 0; border-radius: 0px; height: 24px; background: #6289b6; padding: 2px 0 2px 0; border: none; }
.pop-right-contant .fileUpload:hover { background: #719bcb; }
.pop-right-contant .fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
.pop-right-contant span { font-weight: normal; font-size: 13px; }
.pop-right-contant .captcha span { width: 100px; float: left; }
.pop-right-contant .captcha input { width: 24%; float: left; }
.overflow-scrolling2 > span { font-size: 13px; }
h5 { margin: 0px 0 20px; padding: 0px; }
.mainBox:after { clear: both; display: table; width: 100%; content: ''; }
.box { float: left; width: 100%; /*border-left: 1px solid #ddd;  border-right: 1px solid #ddd;*/ }
.box ul { list-style-type: none; margin: 0px; padding: 0px; }
.box ul li { margin-bottom: 10px; }
.box ul li a { text-decoration: none; color: #666; text-transform: uppercase; }
.box ul li a:hover { color: #6289b6; }
.contact-icon-box { float: left; width: 33.33%; }
.contact-icon-box p { width: 100%; text-align: center !important; }
.contact-icon-box a { width: 100%; }
.sticker-image {
    float: left;
    width: 50%;
}
.image-img img{ width:100%;} 
.morecontent{
    display: none;
}
a.morelink {
    display: inline-block;
	color:#6289B6;
	font-size:12px;
	font-weight:bold;
	margin-left: -6px;
	float:right;
	
}
a.morelink:hover { color:#000;}
 @media (max-width: 48em) {
.pop-right-contant .accordion { border: 1px solid grey; }
.pop-right-contant .accordion_title2, .pop-right-contant .accordion_content2 { float: none; margin: 0; width:100%; }
.pop-right-contant .accordion_title2:first-child { border: none; }
.pop-right-contant .accordion_title2.active { border-top-color: #eee; }
.pop-right-contant .accordion_title2.active, .pop-right-contant2 .accordion_title2:hover { background: #777; width:100%; }
.pop-right-contant .accordion_title2:before { content: "+"; text-align: center; width: 2em; display: inline-block; }
.pop-right-contant .accordion_title2.active:before { content: "-"; }
.pop-right-contant .overflow-scrolling2 { overflow-y: scroll; height: 30em; padding: 1em 1em 0 1em; /* Warning: momemtum scrolling seems buggy on iOS 7  */ -webkit-overflow-scrolling: touch; }
.pop-right-contant .accordion_content2 { position: relative; overflow: hidden; padding: 0; }
 .no-js ..pop-right-contant .accordion_content2 {
 padding:1em;
 overflow:auto;
 display:block;
}
.pop-right-contant .accordion_content2:after { position: absolute; top: 100%; left: 0; width: 100%; height: 50px; border-radius: 10px 0 0 10px / 50% 0 0 50%; box-shadow: -5px 0 10px rgba(0, 0, 0, 0.5); content: ''; }
}
.pop-contant .pop-left-contant { width: 98%; }
.pop-contant .pop-left-contant span img { width: 100%; height: 100%; border: solid #ccc 1px; padding: 4px; margin: 0 0 15px 0; }
.pop-contant .product-details { border: solid #ccc 1px; padding: 4px; float: left; width: 100%; }
.pop-contant .product-details-bg { background: #f2f2f2; float: left; padding: 12px 0 12px 15px; width: 100%; }
.pop-contant .product-details-bg h2 { font-size: 22px; font-weight: normal; padding: 0 0 10px 0; margin: 0px; }
.modal-content .left-pagination { margin: 0 0px 30px 0 !important; background: #f7f7f7; float: left; width: 100%; }
.modal-content .left-pagination h5 { width: 100%; font-size: 14px; color: #fff; padding: 14px 0px 14px 11px; background: #6289b6; font-weight: 700; text-transform: uppercase; float: left; }
.modal-content .left-pagination ul { margin: 0px; padding: 0px; }
.modal-content .left-pagination ul li { width: 100%; list-style: none; font-weight: 500; font-size: 12px; text-transform: uppercase; color: #222222; padding: 8px 0px 8px 25px; border-bottom: solid #d6d6d6 1px !important; }
.modal-content .left-pagination ul li:last-child { float: left; }
.modal-content .left-pagination li i { padding: 0 10px 0 0; color: #a99890; font-size: 14px; }
.modal-content .left-pagination li a { color: #212121; text-decoration: none; }
.modal-content .left-pagination li a:hover { color: #6289b6; }
.modal-content .left-pagination span { background: url(../img/border-line.png) repeat-x; width: 100%; margin: 5px 0 5px 0; float: left; height: 4px; }
.modal-content .left-pagination span:active { background: url(../img/border-line.png) repeat-x; width: 100%; margin: 15px 0 5px 0; float: left; height: 14px; }
.modal-content .bottom-box .box h3 { font-size: 20px !important; }
.modal-content .bottom-box .box p { font-size: 15px !important; }
.modal-content nav { margin: 0 0 20px 0; }
.modal-content #nav li { float: left; font-size: 11px; margin: 10px 0 10px; padding: 0 0 0 8px; text-align: center; width: 104px; }
.modal-content .search-box img { width: auto; }
.modal-content footer .footer-box { width: 30%; }
.modal-content .footer-box li { width: 33%; font-size: 8px; }
.modal-content .footer-box li:last-child { float: left; }
.modal-content .element { margin: -16px 0 0 0; }
.modal-body { float: left !important; height: auto; overflow: hidden; padding: 15px 0px 15px 15px !important; position: relative; background-color: #fff; width:700px; }
/*  SECTIONS  */
.section24 { float: left; margin: 6px; min-height: 340px; padding: 0; width: 31.33%; }
table, td, th { border-bottom: 1px solid #bbb; border-style: dotted; border-top: none; border-left: none; border-right: none; }
.spec24 { padding-right: 80px; }
.span24 { padding: 2px; float: right; color: #000; width: 100%; height: 25px; font-size: 25px; }
/*  COLUMN SETUP  */
.col24 { display: block; float: left; margin: 1% 1% 1% 1%; }
.col24:first-child { margin-left: 0; }
table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; font-size: 13px; }
/*  GROUPING  */
.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom: 1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2 { width: 67%; }
.span_1_of_2 { width: 100%; }
.col24 img { width: 100%; margin-bottom: 20px; }
#u_0_0 { width: 270px !important; }
.question { line-height: 2; padding: 10px 10px 0 2px !important; font-size: 15px; color: #6289B6; }
.answer { margin-top: -30px; padding: 10px !important; background-color: #eee; }
div.wpcf7 img.ajax-loader { width: 70px !important; }
.divider24 { background: url(../img/border-line.png) repeat-x; width: 100%; margin: 5px 0 5px 0; float: left; }
img.alignimage.wp-post-image { width: 100px; height: 100px; float: right; margin-top: -30px; }
img.attachment-100x100.wp-post-image { width: auto !important; }
aside#widget_sp_image-6 { margin: 20px 0 20px 0; }

.dwn-btn{  background:  #6289b6;
    clear: both;   padding: 8px;
    width: auto;   margin:0 auto; text-decoration:none;
    color: #ffffff;
    display: inline;}

.btn-data {
     margin: 0 auto 20px;
    text-align: center;
}
.dwn-btn a:hover{ text-decoration:none; color:#fff;}
.barcode-cls{}
.barcode-cls #title{ margin-bottom:30px !important; }
.barcode-cls #title h1{ margin:0 !important}
 @media screen and (max-width: 1260px) {
.container-main { margin-left: 15px; margin-right: 15px; }
.contant .container-main { margin-left: -15px; margin-right: -15px; }
.custom-contant-right { display: none; }
.custom-contant-left { width: 100%; }
.custom-contant-left h3 { text-align: center; padding-left: 0px; }
.accordion_title{ width:23.7%;}
}
/* =ipad (Landscape)
========================================================================================*/
@media screen and (max-width: 1024px) {
.section24 { width: 46.33%; min-height: inherit; margin-bottom: 20px; }
.categories-box { width: 100%; }
.categories { width: 100%; }
.contant-right-bottom { display: none; }
.header-right .polygon { margin-left: -60px; }
.inner-contant img { height: inherit; }
.featured { padding-bottom: 10px; }
.top-banner img { width: 100%; }
.paypal li{ padding:0 6px 0 0 !important;}
.special-stickers{ width:inherit !important;} 
}


/* =ipad (Portrait)
========================================================================================*/
@media screen and (max-width: 768px) {
	.reorderbtn {display:none !important;}
.modal-body {width:720px; width: 100%;}	
 	
	.home{ margin-left:0px;}

footer .footer-box { width: 100%; }
.paypal { width: 100%; float: left; }
.footer-bottom-right { width: 100%; }
.footer-bottom-right p { text-align: center; }
.footer-bottom-left { width: 100%; }
.footer-bottom-left p { text-align: center; }
.acc-bg1, .acc-bg2, .acc-bg3, .acc-bg4 { width: 100%; float: left; clear: both; }
.accordion_content li { width: 50%; margin-right: 0px; }
.footer-box { margin-top: 10px; }
.widget.widget_text { margin-top: 12px; }
.call1 { pointer-events: inherit; }
header { padding-bottom: 0px; }
.contact-icon { margin: 0 auto; width: 180px; }
.telephone { background: url(../img/telep.png) no-repeat; height: 50px; width: 60px; float: left; }
.fax-number { background: url(../img/fax.png) no-repeat; height: 50px; width: 60px; float: left; }
.contact-number { background: url(../img/contact.png) no-repeat; height: 50px; width: 60px; float: left; }
.contact p { display: none; }

footer { margin-top: 10px; }
.contact span { display: none; }
.contant-left{ width:100%; margin-bottom: 0px;}
	.contant-right{ width:100%;  margin-top: 20px; }
	#js-rangeslider-1{ margin-top:10px;}
}
	
 @media(min-width:771px) {
.box .content {
display:block !important;
}
}
@media(max-width:770px) {
.box .content { display: none; }
.box { float: left; width: 100%; margin-left: 0; margin-bottom: 10px; position: relative; }
.Fbox h3::before { display: none; }
.box h5::after { background: url("../img/icon-toogle.png") no-repeat scroll center bottom rgba(0, 0, 0, 0); content: ""; display: block; height: 21px; position: absolute; right: 12px; top: 8px; width: 15px; cursor: pointer; }
.qukactive3 h5::after { background: url("../img/icon-toogle.png") no-repeat scroll center 6px rgba(0, 0, 0, 0); content: ""; cursor: pointer; }

}

/* =iphone6 plus (Landscape)
========================================================================================*/
@media screen and (max-width: 736px) {
}

/* =iphone6 (Landscape)
========================================================================================*/
@media screen and (max-width: 667px) {
.footer-box1 .contact ul { width: 230px; margin: 0 auto; }
.footer-box1 .contact ul { float: none; }
.footer-box1 .contact { margin: 0px 0 10px 0; }
.featured li { width: 50%; height: inherit; }
footer .footer-box li { border-left: 0px; padding-left: 0px; }
footer .footer-box li:hover { border-left: 0px; }
.bx-wrapper img { height: 100%; }
.footer-box-gallery img { height: 100%; width: 90%; }
.overlay { height: 69px; top: -27px; width: 70px; }
.inner-contant h3, .inner-contant h1 { margin: 10px 0 0 0; }
footer .fax-number { width: 60px; }
footer .telephone { width: 60px; }
.accordion h5 { padding-top: 5px; }
.sticker-image {
    width: 100%;
}
.image-img img{ width:100%; margin-bottom:10px;} 
.contant-right h1{margin-top:0px; }
.ordering-box span img{ display:none;}

}

/* =Anroid (Landscape)
========================================================================================*/
@media screen and (max-width: 640px) {
}

/* =iphone 5 (Landscape)
========================================================================================*/
@media screen and (max-width: 568px) {
.logo{ width:300px;} 
.menubtn{ margin:-50px 0 18px !important; }
.contant-right .barcode-cls{ width:100%;}
#inputs .row {
    margin: 0;
    width: 100%;
}
.btn-data {
    margin: 0 auto 13px;
    text-align: center;
    width: auto;
}

}
/* =iphone 4 (Landscape)
========================================================================================*/
@media screen and (max-width: 480px) {
.modal-body {max-width:480px; width: 100%;}
.section24 { width: 100%; margin: 0px 0 20px 0; }
.grid li { width: 50%; }
.comment-image img { width: 100% !important; }
}

/* =iphone6 plus (Portrait)
========================================================================================*/
@media screen and (max-width: 414px) {
}

/* =iphone6 (Portrait)
========================================================================================*/
@media screen and (max-width: 375px) {
		#barcode{ width:100%;}

}
/* =Anroid (Portrait)
========================================================================================*/
@media screen and (max-width: 360px) {
}

/* =iphone (Portrait)
========================================================================================*/
@media screen and (max-width: 320px) {
}

/* ============================================================
  CUSTOM PAGINATION
============================================================ */
.custom-pagination span,
.custom-pagination a {
  display: inline-block;
  padding: 2px 10px;
}
.custom-pagination a {
  background-color: #ebebeb;
  color: #6289B6;
}
.custom-pagination a:hover {
  background-color: #6289B6;
  color: #fff;
}
.custom-pagination span.page-num {
  margin-right: 10px;
  padding: 0;
}
.custom-pagination span.dots {
  padding: 0;
  color: gainsboro;
}
.custom-pagination span.current {
  background-color: #6289B6;
  color: #fff;
}

#viewcart{text-align: center; padding: 2px; margin: 0 55px 0 25px; background: #6289B6;  color: #fff;}
#viewcart:hover {background: #ddd !important; color: #000 !important;}




/*  SECTIONS  */
.section30 {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col30 {
	display: block;
	float:left;
	margin: 0 0 0 1.3%;
}
.col30:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span30_2_of_2 {
	width: 38%;
}
.span30_1_of_2 {
	width: 60%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col30 { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span30_2_of_2, .span30_1_of_2 { width: 100%; }
}