.itopplus-background {

}
body {
    overflow-x: hidden;
}

.itopplus-bg3 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_18062023s26w/0/0/3z-z1122921259364.webp');
}

/************Menu***************/
.navbar-default .navbar-nav>li>a {
    color: #000;
    margin: 0 12px;
    padding: 10px 3px;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #000 !important;
    box-shadow: 0px 3px 0px 0px #351c77;
    border-radius: none;
    background: transparent;
    background-color: transparent;
}

.dropdown-menu>li>a {
    color: #000;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #000;
    background: #86d8ff73;
}

/********Only Sidebar*********/
@media screen and (max-width : 992px) {

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #444 !important;
        color: #444 !important;
    }

    #controlMenu,
    #controlMenu i,
    #controlMenu li a {
        color: #444 !important;
    }

    .navbar-default {
        background: #fff;
    }

    /*new logo nav*/
    .navbar-header {
        display: flex;
        flex-direction: row-reverse;
        box-shadow: 0 0 3px 0 #ccc;
        padding: 0 10px;
    }

    .itopplus-logo img {
        position: fixed;
        object-fit: contain;
        width: 140px !important;
        top: 10px;
        left: 15px;
    }


}

@media screen and (min-width : 1024px) {

    .navbar-default {
        background: transparent;
    }

    #controlBanner {
        object-fit: contain;
        padding: 15px;
        width: auto;
        margin: 0 auto;
    }

    #controlPosition {
        margin-top: 3%;
        text-align: center;
    }

    .no-js .itopplus-banner {
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 100;
        background: #fff;
    }



}

@media screen and (min-width : 1366px) {}

@media screen and (min-width : 1900px) {}

@media screen and (max-width : 900px) {}

@media screen and (max-width : 480px) {}


/************font-size***************/

.navbar-default .navbar-nav>li>a {
    font-size: 16px;
}

h1 {
    font-size: 4.125em;
}

h2 {
    font-size: 3.2em;
}

h3 {
    font-size: 2.8em;
}

h4 {
    font-size: 2.4em;
}

h5 {
    font-size: 2em;
}

h6 {
    font-size: 1.4em;
}

p , .policy-pay li, .Template-J-Price label, .priceNoPromotion,
.dropdown-menu>li>a, div#Component65d7243bf27607001327091b label,
.Template-J-Name label{
    font-size: 16px;
}

.text-icon h6, .text-why h6, .table-product thead>tr>th{
    font-size: 18px;
}

div#Component65d8106c4007300013709579 .input-group span,
div#Component65d8106c4007300013709579 button,
div#Component65d8106c4007300013709579 .btn-success,
div#Component65d81604c34901001357dead button,
.sect-payment button, .table-product tbody>tr>td, .text-it button,
.btnCheckoutprevious,.Checkout-font-panel span{
    font-size: 14px;
}

.text-it h6 {
    font-size: 24px;
}

.pt-3 {
	padding-top:3%;
}

.pt-5 {
	padding-top:5%;
}

.pt-8 {
	padding-top:8%;
}


/***********************master-page****************************/

.social-footer {
    width: 35%;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
}

.copy-right {
    text-align: right;
    margin-top: 2%;
}

.footer-copy {
    padding-top: 1%;
    border-top: 1px solid #ddd;
    margin-top: 2%;
}

.footer h6 , .copy-right, .fw-semi , .text-icon h6,
div#Component65d8106c4007300013709579 span,
div#Component65d81604c34901001357dead label{
    color: #000;
}

.footer , .footer-copy, .text-why h6, .text-head h3, .sect-customer h3,
.how-pay li span, .sect-payment h3, .contact-page{
    font-family: "Outfit", sans-serif;
}

.footer p, .product-detail ul {
    margin-bottom: 2%;
}

.shopcart {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_18062023s26w/500/0/bagz-z510111431973.webp);
    top: 40px;
    border-radius: 0;
    background-color: transparent;
    background-size: 45%;
    right: 40px;
}

.fw-semi , .text-icon h6, .sect-payment h3, .sect-form-pay h4, .contact-page h5,
.policy-pay h5,div#Component65d7243bf27607001327091b label{
    font-weight: 600;
}

div#Component65d6c7e4f27607001326fc7f .grid figure figcaption,
div#Component65d6cba4372a310013f54e77 .grid figure figcaption,
div#Component65d7184ea3978700138ba50c .grid figure figcaption,
div#Component65d7193b372a310013f557a4 .grid figure figcaption{
    padding: 0;
    text-transform: none;
    position: static;
}

.grid figure h2 {
    word-spacing: 0;
    font-weight: unset;
}

.text-icon h6, .text-why h6, div#Component65d7243bf27607001327091b label {
    line-height: 26px;
}

.text-icon, .text-why {
    height: 70px;
}

div#Component65d6c7e4f27607001326fc7f .imgLightbox,
div#Component65d7184ea3978700138ba50c .imgLightbox,
div#Component65d7193b372a310013f557a4 .imgLightbox,
div#Component65d8088eb02bb400131d829d .imgLightbox{
    position: relative;
    width: 70%;
    padding: 15%;
    margin: 0 auto -10px;
}

div#Component65d6c7e4f27607001326fc7f .imgLightbox::before,
div#Component65d7184ea3978700138ba50c .imgLightbox::before,
div#Component65d7193b372a310013f557a4 .imgLightbox::before,
div#Component65d8088eb02bb400131d829d .imgLightbox::before,
.TabItpContentLandingPage6>ul>li>a::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 120px;
    padding: 12px;
    background: linear-gradient(43deg,#ab309e,#75acff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.TabItpContentLandingPage6>ul>li>a::before {
    padding: 5px;
}

div#Component65d6c7e4f27607001326fc7f .imgLightbox img,
div#Component65d7184ea3978700138ba50c .imgLightbox img,
div#Component65d7193b372a310013f557a4 .imgLightbox img,
div#Component65d8088eb02bb400131d829d .imgLightbox img {
    border-radius: 50%;
}

.sect-about p {
    line-height: 26px;
    margin-top: 5%;
    padding-left: 10%;
}

figure.effect-selena , figure.effect-oscar{
    background: transparent;
}

div#Component65d6cba4372a310013f54e77 .imgLightbox {
    width: 40%;
    margin: 0 auto -15px;
}

.text-head h3, .sect-form-pay h4 {
    text-align: center;
    color: #053d8b;
    margin-bottom: 2%;
}

.contact-page h5,.policy-pay h5{
    color: #053d8b;
    margin-bottom: 2%;
}

div#Component65d6ce637a8ca500132e97c8 figure.effect-oscar h2,
div#Component65d6d09ef27607001326fe8b figure.effect-oscar h2,
div#Component65d6d0e039a84500132f880d figure.effect-oscar h2,
div#Component65d717807a8ca500132e9f69 figure.effect-oscar h2{
    margin: none;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: inherit;
    transform: inherit;
}


div#Component65d6ce637a8ca500132e97c8 figure,
div#Component65d6d09ef27607001326fe8b figure,
div#Component65d6d0e039a84500132f880d figure,
div#Component65d717807a8ca500132e9f69 figure {
transition: transform 0.2s ease-out;
}

.text-it h6, .text-it p {
    font-family: "Teko", sans-serif;
      margin-bottom: -5px;
}

div#Component65d6ce637a8ca500132e97c8 figure.effect-oscar figcaption,
div#Component65d6d09ef27607001326fe8b figure.effect-oscar figcaption,
div#Component65d6d0e039a84500132f880d figure.effect-oscar figcaption,
div#Component65d717807a8ca500132e9f69 figure.effect-oscar figcaption{
    padding: 0;
    background: #0000009e;
    border-radius: 20px;
}

.text-it {
    position: absolute;
    width: 100%;
    top: 40%;
}

div#Component65d6ce637a8ca500132e97c8 .imgLightbox img,
div#Component65d6d09ef27607001326fe8b .imgLightbox img,
div#Component65d6d0e039a84500132f880d .imgLightbox img,
div#Component65d717807a8ca500132e9f69 .imgLightbox img,
div#Component65d7243bf27607001327091b .form-control{
    border-radius: 20px;
}

.text-it button , .sect-payment button{
    background: transparent;
    border: 1px solid #fff;
    padding: 0.7rem 2rem;
    color:#fff;
}

figure.effect-oscar figcaption::before , .dropdown-menu{
    border: none;
}

figure.effect-oscar figcaption::before, figure.effect-oscar p {
    opacity: 1 !important;
    -webkit-transition: none;
    transition: opacity .35s,transform .35s;
    -webkit-transform: inherit;
    transform: inherit;
    font-size: 16px;
}

div#Component65d6d0e039a84500132f880d .text-it h6 {
    margin-bottom: 10px !important;
}

.sect-customer hr {
    border-color: #fff;
    width: 25%;
}

.sect-customer {
    display: flex;
    align-items: center;
    color: #fff;
    margin-bottom: 2%;
}

.marquee-content {
  display: flex;
  animation: scrolling 20s linear infinite;
}

.marquee-item {
  flex: 0 0 10vw;
  margin: 0 1vw;
/*   flex: 0 0 20vw; */
/*   margin: 0 2vw; */
  position: relative;
}

@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translatex(-144vw); }
}

.marquee-item img {
    border-radius: 50%;
    width: 100%;
    position: relative;
    padding: 7px;
}

.marquee-item::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 80px;
    padding: 7px;
    background: linear-gradient(43deg,#ab309e,#75acff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 2;
}

.sect-customer h3 {
    margin: 0;
}

.about-page , .text-head h6, .service-detail, .sect-form-pay{
    text-align: center;
}

div#Component65d7193b372a310013f557a4 {
    width: 50%;
    margin: auto;
}

div#Component65d7184ea3978700138ba50c {
    margin-top: 3%;
}

.about-page h6 {
    line-height: 30px;
}

div#Component65d8071e79efdd0013ff59a8 .none-middle-mid div div div div:nth-child(3) {
    justify-content: center;
}

div#Component65d8071e79efdd0013ff59a8 .imgLightbox img {
  border: 1px solid #ddd;
}

div#Component65d8088eb02bb400131d829d .imgLightbox {
    margin-bottom: 5%;
    background: #fff;
    border-radius: 50%;
    width: 90%;
}

div#Component65d8088eb02bb400131d829d .imgLightbox::before {
    border-radius: 180px;
}

div#Component65d8088eb02bb400131d829d .col-md-4.col-sm-4.col-xs-6.col-sm-5fix {
    width: 16.65% !important;
}

.TabItpContentLandingPage6 {
    background-color: #fff;
    padding: 0;
}

.TabItpContentLandingPage6>ul>li.active>a,
.TabItpContentLandingPage6>ul>li>a:hover{
    background-color: #75acff!important;
  background: linear-gradient(43deg,#ab309e,#75acff);
}

.TabItpContentLandingPage6>ul {
    width: 60%;
    margin: auto;
}

.how-pay h6 img {
    width: 7% !important;
    margin-bottom: 1%;
}

.how-pay h6 {
    margin-bottom: 3%;
    text-align: center;
    font-weight: 600;
      color: #000;
}

.tab-itp-background {
    padding: 0 !important;
}

.how-pay ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

.Textmanager {
    text-align: left;
}

.how-pay li p {
    display: flex;
    gap: 10px;
    align-items: center;
      color: #000;
}

.how-pay li {
    background: #f5f5f5;
    padding: 5%;
}

.how-pay li span {
    font-size: 34px;
    font-weight: 800;
    color: #ddd;
}

div#Component65d80bcbc34901001357db66 .tab-content {
    height: 520px;
}

.sect-payment img {
    width: 6% !important;
    margin-bottom: 1%;
    margin-top: 1%;
}

.sect-payment {
    padding: 3%;
    text-align: center;
}

.boarder-confirm-payment {
    border: none !important;
}

.shopcart-Cate a {
    color: #0576ff;
}

.shopcartName-Head-Default, .shopcartID-Head-Default, .shopcartSize-Default {
    font-weight: 400;
    font-size: 16px !important;
    color: #232323;
}

.shopcartName-Default, .shopcartID-Default, .Template-J-PriceNormal {
    font-size: 24px;
    font-weight: 600;
    color: #0576ff;
}

.shopcartName-Default{
    color: #000;
}

.shopcartID-Default, .shopcartName-Default, .shopcartlinePrice-Default, .shopcartName-Head-Default, .shopcartID-Head-Default {
    border: none;
}

.shopcartID-Head-Default, .shopcartID-Default, .shopcartName-Head-Default, .shopcartName-Default, 
.shopcartSize-Default, .Template-J-PricePromotion, .shopcartlinePrice-Default, .Template-J-Quantity, 
.Template-J-Item, .Template-J-buttonDetail, .shopcartDetail, .shopcartRelated, .ui.steps .step .title {
    font-family: "LINE Seed Sans TH";
}

.shopcartlinePrice-Default .Template-J-PricePromotion {
    background-color: #f5f5f5;
    padding: 1% 5%;
    border-radius: 30px;
}

.shopcartDetail, .shopcartRelated {
    font-weight: 600;
    font-size: 20px !important;
    color: #053d8b;
}

.shopcart-share {
    display: none !important;
}

.col-xs-4.col-sm-3.col-md-3.ITPquantityWord, .col-xs-4.col-sm-2.col-md-2.ITPquantityUnit {
    width: fit-content;
}

.Template-J-Big img, .Template-J-smallpic {
    border: 1px solid #ddd;
}

.col-xs-4.col-sm-3.col-md-3.ITPquantityWord {
    margin-right: 2%;
}

.Template-J-smallpic {
    height: 120px;
}

.PictureOverflow {
    max-height: 155px !important;
    width: 100%;
    padding-top: 2%;
}

.Template-J-buttonDetail {
    width: 30%;
}

.Template-J-buttonDetail:hover {
    background: #053d8b;
}

.ui.steps .step.active {
    background: linear-gradient(43deg,#ab309e,#75acff);
    color: #fff;
}

.ui.steps .step.active:after {
    background-color: #75acff;
}

.step5checkout, .step1checkout {
    background: linear-gradient(43deg,#ab309e,#75acff);
    border-color: #75acff;
}

.ui.steps .step:first-child {
    border-radius: 30px 0 0 30px;
}

.ui.steps .step:last-child {
    border-radius: 0 30px 30px 0;
}

.step1checkout {
    margin: 0 auto;
}

.ui.steps .step {
    line-height: 22px;
}

.ui.steps .step.active .title, .btn-call a {
    color: #fff;
}

div#scrolltoshop .table-responsive tr, div#scrolltoshop .table-responsive tr:last-child>td, 
div#Component6554a2fbb4651e0012f328ff .table>tbody>tr>td {
    border: none !important;
}

div#scrolltoshop .table-responsive {
    background-color: #fff;
    padding: 2%;
    border-radius: 30px;
    width: 100%;
  border: none;
}

div#scrolltoshop .table-responsive tr:last-child, div#scrolltoshop .table-responsive thead>tr {
    background-color: #f7f7f7;
}

.ui.steps .step .title {
    font-size: 12px;
  font-weight: 400;
}

div#Component6554a2fbb4651e0012f328ff .ui.segment {
    line-height: 36px;
}

div#shop_member_login button {
    background-image: none;
    border: none;
}

div#Component6554a2fbb4651e0012f328ff .input-group-addon,
.Checkout-font-panel .input-group-addon{
    border-radius: 0 30px 30px 0;
    background-color: #f5f5f5;
}

div#Component6554a2fbb4651e0012f328ff .input-group .form-control,
.Checkout-font-panel .input-group .form-control{
    height: 40px;
    border-radius: 30px 0 0 30px !important;
}

div#Component6554a2fbb4651e0012f328ff .col-xs-9.col-sm-9.col-md-10 {
    padding-top: 0 !important;
}

.Template-J-button , .Template-J-buttonDetail{
   background-color: #009ce5;
    border-radius: 0;
    color: #fff;
    padding: 0.75rem;
    width: 50%;
    margin-left: 0;
}

.Template-J-Icon {
    width: 20%;
}

.Template-J-frame{
    padding: 1%;
    transition: transform 0.2s ease-out;
}

.Template-J-pic {
    /*border: 1px solid #ddd;*/
    height: auto !important;
}

.Template-J-Name label {
    font-weight: 500;
}

.Template-J-Price {
    font-weight: 600 !important;
}

.Template-J-Name {
   height: 52px;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.Template-J-Price label, .priceNoPromotion {
    color: #0576ff !important;
   font-weight: 600 !important;
}

.Template-J-Price {
    height: 40px;
      text-align: left;
}

.Template-J-frame:hover .Template-J-pic {
    box-shadow: none;
}

.Template-J-frame:hover {
    box-shadow: none;
}

div#Component65d8106c4007300013709579 span,
div#Component65d81604c34901001357dead label,
.table-product thead>tr>th, .btnCheckoutprevious{
    font-weight: 400 !important;
}

div#Component65d8106c4007300013709579 .input-group .form-control {
    height: 40px;
    border-radius: 30px 0 0 30px;
}

div#Component65d8106c4007300013709579 .input-group-addon {
    border-radius: 0 30px 30px 0;
}

div#Component65d8106c4007300013709579 select.form-control {
    border-radius: 30px;
}

div#Component65d8106c4007300013709579 .btn-success span,
div#Component65d8106c4007300013709579 button span,
div#Component65d81604c34901001357dead button,
div#Component65d7243bf27607001327091b button{
    color: #fff;
}

div#Component65d8106c4007300013709579 .btn-success {
    background: #009ce5;
    padding: 0.5rem 1rem;
    color: #fff;
    border: none;
    border-radius: 0;
}

div#Component65d8106c4007300013709579 button,
div#Component65d81604c34901001357dead button,
.btnCheckoutprevious, div#Component65d7243bf27607001327091b button{
    background-image: none;
    text-shadow: none;
    border-radius: 0;
    background-color: #009ce5;
    border: none;
}

.contact-page li {
    list-style: none;
    display: grid;
    grid-template-columns: 8% auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 2%;
}

.contact-page ul {
    list-style: none;
    padding: 0;
}

div#Component65d81604c34901001357dead .form-control {
    box-shadow: none;
    border-radius: 30px;
    background: #fff;
    border: none;
}

div#Component65d81604c34901001357dead {
    background: #f3f3f3;
    padding: 3% 0;
}

.contact-page a, .footer a, .product-detail a, .policy-pay a {
    color: #444;
}

.contact-page a:hover, .footer a:hover , .product-detail a:hover, .policy-pay a:hover{
    color: #053d8b;
}

.text-it button:hover, .sect-payment button:hover {
    background: #009ce5;
}

.policy-pay h5 {
    margin-top: 2%;
    margin-bottom: 2%;
    text-decoration: underline;
}

.policy-pay li , .product-detail li{
    margin-bottom: 1%;
}

div#Component65d80282d67fbc0013a5fc33 .nav-pills>li>a:hover,
div#Component65d80316c34901001357da6f .nav-pills>li>a:hover,
div#Component65d802c479efdd0013ff590a .nav-pills>li>a:hover,
div#Component65d8039c4ff266001403aade .nav-pills>li>a:hover,
div#Component65d803b84ff266001403ab20 .nav-pills>li>a:hover,
div#Component65d803d4b02bb400131d8236 .nav-pills>li>a:hover,
div#Component65d803efd67fbc0013a5fc78 .nav-pills>li>a:hover,
div#Component65d8041b79efdd0013ff5928 .nav-pills>li>a:hover{
    background: #75acff;
}

div#Component65d80282d67fbc0013a5fc33 .nav-pills>li>a,
div#Component65d80316c34901001357da6f .nav-pills>li>a,
div#Component65d802c479efdd0013ff590a .nav-pills>li>a,
div#Component65d8039c4ff266001403aade .nav-pills>li>a,
div#Component65d803b84ff266001403ab20 .nav-pills>li>a,
div#Component65d803d4b02bb400131d8236 .nav-pills>li>a,
div#Component65d803efd67fbc0013a5fc78 .nav-pills>li>a,
div#Component65d8041b79efdd0013ff5928 .nav-pills>li>a{
    color: #fff;
    background: linear-gradient(43deg,#ab309e,#75acff);
}

div#Component65d80282d67fbc0013a5fc33 .nav-stacked>li,
div#Component65d80316c34901001357da6f .nav-stacked>li,
div#Component65d802c479efdd0013ff590a .nav-stacked>li,
div#Component65d8039c4ff266001403aade .nav-stacked>li,
div#Component65d803b84ff266001403ab20 .nav-stacked>li,
div#Component65d803d4b02bb400131d8236 .nav-stacked>li,
div#Component65d803efd67fbc0013a5fc78 .nav-stacked>li,
div#Component65d8041b79efdd0013ff5928 .nav-stacked>li{
    margin-bottom: 4%;
}

/*div#Component65d80290d67fbc0013a5fc3a .col-xs-6.col-sm-4:hover .Template-J-button, 
div#Component65d802c479efdd0013ff590c .col-xs-6.col-sm-4:hover .Template-J-button, 
div#Component65d803efd67fbc0013a5fc7a .col-xs-6.col-sm-4:hover .Template-J-button, 
div#Component65d8041b79efdd0013ff592a .col-xs-6.col-sm-4:hover .Template-J-button,
div#Component65d81f55c34901001357e1b9 .col-xs-12.col-sm-4:hover .Template-J-button,
div#Component65d81f6879efdd0013ff5ec4 .col-xs-12.col-sm-4:hover .Template-J-button,
div#Component65d81f87c34901001357e1ee .col-xs-12.col-sm-4:hover .Template-J-button,
div#Component65d82027d67fbc0013a603d4 .col-xs-12.col-sm-4:hover .Template-J-button{
}*/

.Template-J-frame:hover .Template-J-button, div#Component65d6ce637a8ca500132e97c8 figure:hover button,
div#Component65d6d09ef27607001326fe8b figure:hover button,
div#Component65d6d0e039a84500132f880d figure:hover button,
div#Component65d717807a8ca500132e9f69 figure:hover button,
div#Component65d8106c4007300013709579 button:hover, 
div#Component65d81604c34901001357dead button:hover, 
.btnCheckoutprevious:hover, 
div#Component65d7243bf27607001327091b button:hover{
   background: #053d8b;
}
.Template-J-frame:hover , div#Component65d6ce637a8ca500132e97c8 figure:hover,
div#Component65d6d09ef27607001326fe8b figure:hover,.social-footer a:hover img,
div#Component65d6d0e039a84500132f880d figure:hover,.contact-page li:hover img,
div#Component65d717807a8ca500132e9f69 figure:hover {
transform: scale(0.95);
}

div#Component65d81f55c34901001357e1b9 .pagination, 
div#Component65d81f6879efdd0013ff5ec4 .pagination, 
div#Component65d81f87c34901001357e1ee .pagination, 
div#Component65d82027d67fbc0013a603d4 .pagination {
    display: none;
}

.Template-J-buttonDetail {
    width: 27%;
}

.shopcartRelated {
    border-bottom: 1px solid #ddd;
}

.table-product thead>tr>th, .table-product tbody>tr>td {
    vertical-align: middle !important;
      border: 1px solid #ddd;
}

.table-product thead>tr {
    background: #ebebeb;
}

.table-product thead>tr {
    background: #009ce5;
    color: #fff;
}

.product-detail li::marker {
    color: #009ce5;
}

.notificationcart {
    background: #009ce5;
    bottom: 8px;
    right: 10px;
    font-weight: 400;
}

.post-time, .fbcomments, .landingpagemanager{
    display: none;
}

.iconstep1checkout {
    margin-top: 0;
}

.ui.segment {
    line-height: 40px;
}

div#Component65d7243bf27607001327091b .form-control {
    box-shadow: none;
}

.table-product tbody>tr:hover , .bg-blue{
    background: #009ce512;
}

.social-footer img, .contact-page li img{
  transition: transform 0.2s ease-out;
}

div#scrolltoshop .col-xs-9.col-sm-9.col-md-10 {
    padding-top: 0 !important;
}

div#Component65d7243bf27607001327091b .table>thead>tr>th label {
    font-weight: 600 !important;
}

.ITPcookiebar {
  width: 100% !important;
    background-color: #009ce561 !important;
    color: #171717;
}

.buttonExampleSite {
    border-radius: 5rem !important;
    border: 1px solid #171717 !important;
    color: #171717 !important;
}

.buttonExampleSite:hover {
    background: #1b3e8d !important;
    color: #ffffff !important;
}

.ITPlinkToCookiepage:hover {
    color: #1b3e8d !important;
}

.itpPDPALandingPage ,
.ITP-pdpa-template-contentFont{
    font-size: 16px !important;
    margin-bottom: 3% !important;
}


.itpPDPALandingPage {
    margin-top: 3%;
}

.ITP-pdpa-template-titleFont {
    font-size: 20px !important;
    font-weight: 600 !important;
}

.ITP-pdpa-template-contentFont {
    line-height: 28px;
}
/**********************responsive**************************/

@media screen and (min-width : 1900px) {

.navbar-default .navbar-nav>li>a {
    font-size: 20px;
  margin: 0 20px;
  padding: 15px 3px;
}

h1 {
    font-size: 4.625em;
}

h2 {
    font-size: 3.8em;
}

h3 {
    font-size: 3.6em;
}

h4 {
    font-size: 2.8em;
}

h5 {
    font-size: 2.4em;
}

h6 {
    font-size: 1.8em;
}

p , .policy-pay li, .Template-J-Price label, .priceNoPromotion,
.dropdown-menu>li>a, 
.Template-J-Name label, figure.effect-oscar figcaption::before, figure.effect-oscar p{
    font-size: 20px;
}

.text-icon h6, .text-why h6, .table-product thead>tr>th{
    font-size: 22px;
}

div#Component65d8106c4007300013709579 .input-group span,
div#Component65d8106c4007300013709579 button,
div#Component65d8106c4007300013709579 .btn-success,
div#Component65d81604c34901001357dead button,
.sect-payment button, .table-product tbody>tr>td, .text-it button,
  .Template-J-button, .Template-J-buttonDetail,
  div#Component65d80282d67fbc0013a5fc33 .nav-pills>li>a, 
  div#Component65d80316c34901001357da6f .nav-pills>li>a, 
  div#Component65d802c479efdd0013ff590a .nav-pills>li>a, 
  div#Component65d8039c4ff266001403aade .nav-pills>li>a, 
  div#Component65d803b84ff266001403ab20 .nav-pills>li>a, 
  div#Component65d803d4b02bb400131d8236 .nav-pills>li>a, 
  div#Component65d803efd67fbc0013a5fc78 .nav-pills>li>a, 
  div#Component65d8041b79efdd0013ff5928 .nav-pills>li>a,
  div#scrolltoshop .table-responsive tr:last-child>td,div#Component65d7243bf27607001327091b label,
  .btnCheckoutprevious{
    font-size: 18px;
}

.text-it h6 {
    font-size: 28px;
}
  
  div#Component65d8106c4007300013709579 span, 
  div#Component65d81604c34901001357dead label, 
  div#Component65d8106c4007300013709579 .input-group .form-control, 
  div#Component65d8106c4007300013709579 textarea.form-control,
  div#Component65d81604c34901001357dead .form-control,
  .itp-total-price-per-product, div#Component65d7243bf27607001327091b .table>tbody>tr>td,
  div#Component65d7243bf27607001327091b button,
  div#Component65d7243bf27607001327091b .form-control,
  .Checkout-font-panel span, div#Component65d7243bf27607001327091b .col-xs-6.col-sm-4.col-md-3{
    font-size: 16px !important;
}

  .Template-J-Name {
    height: 73px;
  }
  
  .Template-J-Price {
    height: 50px;
  }
  
  .about-page h6 {
    line-height: 44px;
    margin-bottom: 2%;
}
  
  .text-icon h6, .text-why h6, div#Component65d7243bf27607001327091b label,
  .sect-about p{
    line-height: 32px;
}
  
  .ui.steps .step .title {
    font-size: 14px;
    font-weight: 400;
}
  .text-icon, .text-why {
    height: 85px;
}
  
  div#Component65d80bcbc34901001357db66 .tab-content {
    height: 690px;
}
  
  div#Component65d8106c4007300013709579 .input-group .form-control,
  div#Component65d81604c34901001357dead input.form-control,
  div#Component65d7243bf27607001327091b .form-control{
    height: 45px;
  }
  
  .contact-page li {
    grid-template-columns: 6% auto;
}
  
  .social-footer {
    width: 30%;
  }
  
  .ui.segment {
    line-height: 50px;
}
  
  .shopcart {
    top: 80px;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 32px;
    font-size: 18px !important;
}
}

@media screen and (max-width : 1366px) {

.Template-J-Name {
    margin-bottom: 3%;
}
  
  .shopcart {
    top: 45px;
    right: 10px;
}
}

@media screen and (max-width : 1200px) {

.navbar-default .navbar-nav>li>a {
    margin: 0 2px;
}
  
  .text-icon h6, .text-why h6, .table-product thead>tr>th {
    font-size: 16px;
}
  
  .sect-about br {
    display: none;
}
  
  .Template-J-button{
    width: 60%;
}
  
  h6 {
    font-size: 1.2em;
}
  
  h5 {
    font-size: 1.6em;
}
  
  .Template-J-buttonDetail {
    width: 30%;
}
  
  h3 {
    font-size: 2.6em;
}
  
  h4 {
    font-size: 2.2em;
}
}

@media screen and (max-width : 900px) {


.social-footer , .contact-page br{
    display: none;
}
  
  div#contentnewmode65d6c1abf27607001326fb36 .col-md-6.col-sm-6 {
    width: 100%;
}
  
  .copy-right {
    text-align: center;
}
  
  .footer-copy {
    padding-top: 0;
    border-top: none;
    margin-top: 0;
    margin-bottom: 1%;
}
  
  
  div#Component65d7184ea3978700138ba50c .imgLightbox, 
  div#Component65d7193b372a310013f557a4 .imgLightbox, 
  div#Component65d8088eb02bb400131d829d .imgLightbox {
    width: 100%;
}
  
  div#Component65d6c7e4f27607001326fc7f .imgLightbox::before, 
  div#Component65d7184ea3978700138ba50c .imgLightbox::before, 
  div#Component65d7193b372a310013f557a4 .imgLightbox::before, 
  div#Component65d8088eb02bb400131d829d .imgLightbox::before, 
  .TabItpContentLandingPage6>ul>li>a::before {
    padding: 9px;
  }
  
  div#Component65d6cba4372a310013f54e77 .col-md-4.col-sm-4.col-xs-6.col-sm-5fix {
    width: 20%;
}
  
  div#Component65d6c7e4f27607001326fc7f .imgLightbox, .Template-J-button {
    width: 80%;
}
  
  div#contentnewmode65d6ff3166ca0f0013fb1426 .pt-3 {
    padding-top: 0;
}
  
  .Template-J-buttonDetail {
    width: 20%;
}
  
  .TabItpContentLandingPage6>ul>li {
    width: 50%;
}
  
.TabItpContentLandingPage6>ul {
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
}
  
  div#Component65d80bcbc34901001357db66 .tab-content {
    height: 545px;
}
  
  #itpfacebookmobile , #itpsearchmobile{
    display: flex!important;
}
}

@media screen and (max-width : 480px) {
  
div#Component65d6c7e4f27607001326fc7f .imgLightbox ,
  div#Component65d7193b372a310013f557a4 .imgLightbox{
    width: 70%;
    padding: 10%;
}
  
  .text-icon, .text-why {
    text-align: center;
    height: auto;
}
  
  div#imagesControl65d6c1567a8ca500132e945f {
    padding: 0 !important;
}
  
  div#Component65d6c7e4f27607001326fc7f .imgLightbox, 
  div#Component65d7184ea3978700138ba50c .imgLightbox, 
  div#Component65d7193b372a310013f557a4 .imgLightbox, 
  div#Component65d8088eb02bb400131d829d .imgLightbox {
    margin: auto;
}
  
  .sect-about p {
    line-height: inherit;
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 5%;
}
  
  div#Component65d6cba4372a310013f54e77 .col-md-4.col-sm-4.col-sm-5fix.col-xs-12,
  div#Component65d6c7e4f27607001326fc7f .col-md-4.col-sm-4.col-xs-12,
  div#Component65d7193b372a310013f557a4 .col-md-4.col-sm-4.col-xs-12,
div#Component65d8088eb02bb400131d829d .col-md-4.col-sm-4.col-sm-5fix.col-xs-12{
    width: 50%;
}
  
  div#Component65d6cba4372a310013f54e77 .imgLightbox {
    width: 50%;
    margin: auto;
}
  
  div#Component65d6c7e4f27607001326fc7f .none-middle-mid div div div div:nth-child(3),
  div#Component65d6cba4372a310013f54e77 .none-middle-mid div div div div:nth-child(3),
  div#Component65d7193b372a310013f557a4 .none-middle-mid div div div div:nth-child(3){
    justify-content: center;
}
  br{
    display: none;
}
  
  h6 {
     font-size: 18px;
  }
  
  h5 {
     font-size: 20px;
  }
  
  h4 {
     font-size: 22px;
  }
  
  h3 {
     font-size: 26px;
  }
  
  h2 {
     font-size: 28px;
  }
  
  h1 {
     font-size: 30px;
  }
  
  .Template-J-button, div#Component65d7193b372a310013f557a4 {
    width: 100%;
}
  
  .Template-J-frame {
    margin-bottom: 2rem;
}
  
  .text-it {
    position: absolute;
    width: 100%;
    top: 0;
    background: #0000007a;
    height: 100%;
    color: #fff;
    padding-top: 45%;
    text-align: center;
    border-radius: 20px;
}
  
  .text-it h6, .text-it p {
    margin-bottom: 8%;
    font-size: 28px;
}
  
  div#Component65d81f55c34901001357e1b9 .Template-J-button,
  div#Component65d81f6879efdd0013ff5ec4 .Template-J-button,
  div#Component65d81f87c34901001357e1ee .Template-J-button,
  div#Component65d82027d67fbc0013a603d4 .Template-J-button{
    width: 65%;
}
  
  .marquee-item {
    flex: 0 0 22vw;
  }
  
  .sect-customer {
    color: #000;
}
  
  .sect-customer hr {
    border-color: #000;
    width: 13%;
}
  
  .TabItpContentLandingPage6>ul {
    flex-wrap: wrap;
}
  
  .TabItpContentLandingPage6>ul>li {
    width: 100%;
}
  
  .how-pay ul {
    grid-template-columns: repeat(1,1fr);
}
  
  .how-pay h6 img {
    width: 40% !important;
    margin-bottom: 4%;
}
  
  .how-pay h6 {
    margin-bottom: 10%;
  }
  
  .contact-page ul {
    margin-bottom: 8%;
}
  
  div#Component65d80bcbc34901001357db66 .tab-content {
    height: 946px;
}
  
  .contact-page li {
    margin-bottom: 3%;
    grid-template-columns: 13% auto;
}
  
  
    .ITPcookiebar {
    padding: 3%;
    display: flex !important;
}
  
  .ITPcookieLeftText {
    /* color: white; */
    float: unset !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
}
  
  .ITPcookieButton {
    float: unset !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}
  
   .ITPcookieLeftText span {
    font-size: 14px;
}
}