/*
 * Globals
 */

@import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600");
@import url("ionicons.min.css");
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Alegreya|Alegreya+Sans|Archivo+Narrow|Athiti|BioRhyme|Bitter|Chivo|Cormorant');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text|Eczar|Fira+Sans|Itim|Kanit|Lato|Libre+Franklin|Lora|Montserrat|Open+Sans|Pattaya');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display|Poppins|Pridi|Prompt|Raleway|Roboto|Roboto+Slab|Rubik|Source+Serif+Pro|Space+Mono');
@import url('https://fonts.googleapis.com/css?family=Sriracha|Work+Sans|Taviraj|Mitr|Trirong|Maitree|Chonburi|Oxygen');
@import url('https://fonts.googleapis.com/css?family=Quattrocento|Quicksand');



/**********************************
    Adjustment for Bootstrap
***********************************/


/*.container-fluid > .row, .container-fluid > div > .row {padding-top:10px;padding-bottom:10px} */
.row-tool {margin-left: -15px;}

/**********************************
    General
***********************************/

html { font-size: 100%; }
body {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 100%;
    line-height: 2;
    background-color: #fff;
}

p, td, li, label {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 1.07em;
    line-height: 1.4;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 1.4;
}

h1 {font-size: 2.36em;margin:0.4em 0;}
h2 {font-size: 2em;margin:0.6em 0;}
h3 {font-size: 1.73em;margin:0.7em 0;}
h4 {font-size: 1.6em;margin:0.8em 0;}
h5 {font-size: 1.48em;margin:0.8em 0;}
h6 {font-size: 1.3em;margin:0.8em 0;}
p {margin:0 0 1em 0;}

a.socialgray {
  color: #6a6a6a;
  text-decoration: none;
}

a.socialgray:hover {
  color: #2a2a2a;
}


.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.size-12 {font-size:12px}
.size-14 {font-size:14px}
.size-16 {font-size:16px}
.size-18 {font-size:18px}
.size-21 {font-size:21px}
.size-24 {font-size:24px}
.size-32 {font-size:32px}
.size-48 {font-size:48px}
.size-64 {font-size:64px}
.size-80 {font-size:80px}
.size-96 {font-size:96px}
@media all and (max-width: 1024px) {
    .size-12 {font-size:12px}
    .size-14 {font-size:14px}
    .size-16 {font-size:16px}
    .size-18 {font-size:18px}
    .size-21 {font-size:21px}
    .size-24 {font-size:24px}
    .size-32 {font-size:28px}
    .size-48 {font-size:32px}
    .size-64 {font-size:36px}
    .size-80 {font-size:40px}
    .size-96 {font-size:44px}
}
/* If text wrapped with span-style during editing, don't apply the fix here (See line59) */
.size-12 span {font-size:12px}
.size-14 span {font-size:14px}
.size-16 span {font-size:16px}
.size-18 span {font-size:18px}
.size-21 span {font-size:21px}
.size-24 span {font-size:24px}
.size-32 span {font-size:32px}
.size-48 span {font-size:48px}
.size-64 span {font-size:64px}
.size-80 span {font-size:80px}
.size-96 span {font-size:96px}
@media all and (max-width: 1024px) {
    .size-12 span {font-size:12px}
    .size-14 span {font-size:14px}
    .size-16 span {font-size:16px}
    .size-18 span {font-size:18px}
    .size-21 span {font-size:21px}
    .size-24 span {font-size:24px}
    .size-32 span {font-size:28px}
    .size-48 span {font-size:32px}
    .size-64 span {font-size:36px}
    .size-80 span {font-size:40px}
    .size-96 span {font-size:44px}
}

.is-rounded-button-big {display:inline-block;}
.is-rounded-button-big a {display:table;float:left;text-align:center;margin:0 20px;border-radius: 500px; width: 110px; height: 110px;background-color: #aaa;}
.is-rounded-button-big a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:40px}
.is-rounded-button-big a:first-child {margin:0 20px 0 0;}
.is-rounded-button-big a:last-child {margin:0 0 0 20px;}

.is-rounded-button-medium {display:inline-block;}
.is-rounded-button-medium a {display:table;float:left;text-align:center;margin:0 20px;border-radius: 500px; width: 70px; height: 70px;background-color: #aaa;}
.is-rounded-button-medium a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:30px}

.is-boxed-button-big {display:inline-block;}
.is-boxed-button-big a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 110px; height: 110px;background-color: #aaa;}
.is-boxed-button-big a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:40px}

.is-boxed-button-big2 {display:inline-block;}
.is-boxed-button-big2 a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 150px; height: 70px;background-color: #aaa;}
.is-boxed-button-big2 a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:35px}

.is-boxed-button-medium {display:inline-block;}
.is-boxed-button-medium a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 70px; height: 70px;background-color: #aaa;}
.is-boxed-button-medium a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:30px}

.is-boxed-button-medium2 {display:inline-block;}
.is-boxed-button-medium2 a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 100px; height: 50px;background-color: #aaa;}
.is-boxed-button-medium2 a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:25px}

.is-boxed-button-small {display:inline-block;}
.is-boxed-button-small a {display:table;float:left;text-align:center;margin:0 20px 0 0;width: 50px; height: 50px;background-color: #aaa;}
.is-boxed-button-small a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:20px}

.list {position:relative;margin:1.5em 0;}
.list > i {position:absolute;left:-3px;top:7px;font-size:1.7em;line-height:1;}
.list > h2, .list > h3 {margin: 0 0 0 50px;}
.list > p {margin: 5px 0 0 50px}

.is-card { display:table; background-color:#fff;  }
.is-card > * { display:table; }
.is-card-circle { width:280px; height: 280px; border-radius:500px; padding:70px; margin:0 auto; }


.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.noPadding {
    padding: 0 !important;
}

/*Dropdown item*/

.dropdown-item {
  color: #797a7b;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #255392;
  background-color: transparent;
}

.dropdown-item.active, .dropdown-item:active {
  color: #255392;
  background-color: transparent;
}

/*End Dropdown item*/





/* Navigation */
.navbar-light .navbar-toggler-icon {
    background-image: url("ggwhamburgur.svg?color=255392");
}
.navbar-light .navbar-toggler {
    border: 1px solid #404040;
    background-color: rgba(255,255,255,0.5);
    outline: 0;
}


/* Default Nav */

.navbar-light .navbar-nav .nav-link {
    color: #797a7b;
}

ul li.nav-item {padding: 0 5px;}

.navbar-light .navbar-nav .nav-link:hover {
    color: #255392;
}


ul li.nav-item a.nav-link.active-nav {
    color: #255392;
}

/* End Default Nav */

.is-social {line-height:1;margin-bottom:1.5em}
.is-social a > i {text-decoration:none;color:#333;font-size:1.2em;margin:0 15px 0 0;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.is-social a:hover > i {color:#08c9b9;}
.is-light-text .is-social a > i {color:#fff}
.is-light-text .is-social a:hover > i {color:#fff}
.is-dark-text .is-social a > i {color:#000}
.is-dark-text .is-social a:hover > i {color:#000}

/* backward compatible */
.social {line-height:1;margin-bottom:1.5em}
.social a > i {text-decoration:none;color:#333;font-size:1.2em;margin:0 15px 0 0;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.social a:hover > i {color:#08c9b9;}
.is-light-text .social a > i {color:#fff}
.is-light-text .social a:hover > i {color:#fff}

.is-rounded-button-big {display:inline-block;}
.is-rounded-button-big a {display:table;float:left;text-align:center;margin:0 20px;border-radius: 500px; width: 110px; height: 110px;background-color: #aaa;}
.is-rounded-button-big a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:40px}
.is-rounded-button-big a:first-child {margin:0 20px 0 0;}
.is-rounded-button-big a:last-child {margin:0 0 0 20px;}

.is-rounded-button-medium {display:inline-block;}
.is-rounded-button-medium a {display:table;float:left;text-align:center;margin:0 20px;border-radius: 500px; width: 70px; height: 70px;background-color: #aaa;}
.is-rounded-button-medium a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:30px}

.is-rounded-button-small {display:inline-block;}
.is-rounded-button-small a {display:table;float:left;text-align:center;margin:0 10px;border-radius: 500px; width: 50px; height: 50px;background-color: #aaa;}
.is-rounded-button-small a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:20px}

.is-boxed-button-big {display:inline-block;}
.is-boxed-button-big a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 110px; height: 110px;background-color: #aaa;}
.is-boxed-button-big a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:40px}

.is-boxed-button-big2 {display:inline-block;}
.is-boxed-button-big2 a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 150px; height: 70px;background-color: #aaa;}
.is-boxed-button-big2 a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:35px}

.is-boxed-button-medium {display:inline-block;}
.is-boxed-button-medium a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 70px; height: 70px;background-color: #aaa;}
.is-boxed-button-medium a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:30px}

.is-boxed-button-medium2 {display:inline-block;}
.is-boxed-button-medium2 a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 100px; height: 50px;background-color: #aaa;}
.is-boxed-button-medium2 a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:25px}

.is-boxed-button-small {display:inline-block;}
.is-boxed-button-small a {display:table;float:left;text-align:center;margin:0 20px 0 0;width: 50px; height: 50px;background-color: #aaa;}
.is-boxed-button-small a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:20px}


.is-rounded-button-mediumImg {display:inline-block;}
.is-rounded-button-mediumImg a {display:table;float:left;text-align:center;margin:0 5px;border-radius: 500px; width: 80px; height: 80px;}
.is-rounded-button-mediumImg a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:30px}

.row.gg-slider {
    display: block;
}

.blog-heading-space {
    padding: 20px 30px 30px 30px;
}

.blog-heading-space h2{
    line-height: 0.5;
    font-weight: 400;
}
.blog-heading-space p.blog-create-date{
    font-size: 14px;
    margin-bottom: 0px;
}

a.blogcate:link , a.blogcate:visited {
    color: #b4b4b4;
}

a.blogcate:hover {
    color: #626262;
    text-decoration: none;
}

a.bloghome:link , a.bloghome:visited {
    color: #000;
}

a.bloghome:hover {
    color: #1772e2;
    text-decoration: none;
}

a.blogdesc:link , a.blogdesc:visited {
    color: #808080;
}

a.blogdesc:hover {
    color: #000000;
    text-decoration: none;
}

.swiper-slide {
    background-position: center center;
    background-size: cover;
}

#banner_by_page_setting .swiper-slide {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

#product-detail-page , #product-list {
    margin-top: 20px;
}

#imageGallery img {
    max-width: 500px;
}

#imageGallery li{
    max-height: 500px;
}

#product-detail-page {
    line-height: 1.5;
}
#product-detail-page #product-name{
    color: #000; font-size: 24px;
}
#product-detail-page #discount-price{
    color: #a2a2a2; font-size: 16px;
}

#product-detail-page span#discount{ color: #f25959; font-size: 16px; }

#product-detail-page span#total-price { color: #000; font-size: 24px; }

.swiper-container.fixed-banner{
    padding: 0 15px;
}

.hidden {
    display: none;
}

#no-product {
    text-align: center;
    padding: 50px 0;
}

#line-btn img , #fb-msg-btn img{
    padding-bottom: 10px;
}
#out-of-stock {
    margin-left: 5px;
    background-color: #e12618;
    padding: 6px;
    color: #fff;
    font-size: 12px;
}
.breadcrumb{
    padding: .75rem 0;
}