@charset 'UTF-8';
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
 .slick-loading .slick-list
{
background: #fff url(https://snakebrand.co.th/wp-content/themes/snakebrand/includes/css/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://snakebrand.co.th/wp-content/themes/snakebrand/includes/css/slick/fonts/slick.eot);
src: url(https://snakebrand.co.th/wp-content/themes/snakebrand/includes/css/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://snakebrand.co.th/wp-content/themes/snakebrand/includes/css/slick/fonts/slick.woff) format('woff'), url(https://snakebrand.co.th/wp-content/themes/snakebrand/includes/css/slick/fonts/slick.ttf) format('truetype'), url(https://snakebrand.co.th/wp-content/themes/snakebrand/includes/css/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}@font-face {
font-family: 'weather';
src: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot);
src: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix) format('embedded-opentype'),
url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff) format('woff'),
url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf) format('truetype'),
url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg) format('svg');
font-weight: normal;
font-style: normal;
}
#weather {
width: 40px;
margin: 0px auto;
text-align: center;
text-transform: uppercase;
}
i {
color: #fff;
font-family: weather;
font-size: 50px;
font-weight: normal;
font-style: normal;
line-height: .6;
text-transform: none;
}
.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a {
outline: none !important;
text-decoration: none;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
}
a:hover {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
text-decoration: none;
}
input,
textarea {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
input:focus,
textarea:focus {
outline: none;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
body {
font: 16px 'Prompt',Arial,sans-serif;
color: #333333;
overflow-x: hidden;
background-color: #fff;
position: relative;
}
img {
max-width: 100%;
vertical-align: middle;
}
.container-fluid {
padding-left: 5%;
padding-right: 5%;
}
section {
width: 100%;
height: 100%;
position: relative;
padding: 40px 0;
}
.card {
border: none;
} .p-label  {
position: absolute;
top: 0;
right:  10%;
max-width: 200px;
}
li.blue1{
background-color: #2c4eaa ;
}
li.blue2{
background-color: #2c4eaae0;
}
li.blue3 {
background-color: #2c4eaab5;
}
.p-label ul li{
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
text-align: justify;
margin-top: 3px;
padding:0px 10px;
font-size: 10px;
} .bar-rate{
margin: 0 15px !important;
} .fixed-top {
z-index: 9999;
}
.bg-dark {
background-color: #0a1a45!important;
}
.navbar>.container, .navbar>.container-fluid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.navbar-dark,
.navbar-dark .navbar-nav .nav-link {
color: rgba(255,255,255,1);
text-transform: uppercase;
font-size: 14px;
font-family: 'Prompt';
} .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .current-menu-item .nav-link {
color: #758fd3!important;
}
.navbar-brand {
display: flex;
align-items: center;
max-width: 35px;
margin-right: 0;
}
.navbar-brand img {
margin-right: 15px;
width: 100%;
height: auto;
}
.navbar-brand span {
display: flex;
}
.navbar-right {
display: none;
}
.btn-right {
display: flex;
}
.icon-bar {
width: 22px;
height: 2px;
background-color: #fff;
display: block;
transition: all 0.2s;
margin-top: 4px
}
.navbar-toggler {
border: none;
background: transparent !important;
padding: .25rem .5rem;
}
.navbar-toggler .top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
}
.navbar-toggler .middle-bar {
opacity: 0;
}
.navbar-toggler .bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}
.navbar-toggler.collapsed .top-bar {
transform: rotate(0);
}
.navbar-toggler.collapsed .middle-bar {
opacity: 1;
}
.navbar-toggler.collapsed .bottom-bar {
transform: rotate(0);
}
button:focus {
outline: none;
}
.btn-right .btn-menu {
padding-top: .25rem;
font-size: 14px;
}
.dropdown-toggle::after {
float: right;
margin-top: 10px;
}
.navbar-nav .nav-link {
color: #fff;
border-bottom: 1px solid rgba(255,255,255,.2);
}
.navbar-nav {
padding-top: 5%;
padding-left: 50px;
}
.social-mobile {
padding-left: 50px;
}
.dropdown-menu {
background-color: transparent;
}
.dropdown-item {
color: #fff;
font-size: 14px;
padding: .2rem 0;
}
.dropdown-menu.show {
border: none;
border-bottom: 1px solid rgba(255,255,255,.2);
border-radius: 0;
}
.navbar-main.show {
min-height: calc(100vh - 60px);
}
.navbar-nav {
min-height: calc(100vh - 140px);
}
.collapsing {
min-height: unset !important;
}
.right-menu-wrapper {
margin-top: 30px;
}
.r-social,
.r-lang {
padding: 0;
margin: 0;
display: inline-block;
padding: 0 7px;
}
.r-social li ,
.r-lang li {
list-style: none;
display: inline-block;
margin: 0;
}
.r-social a {
color: #fff;
font-size: 18px;
width: 23px;
text-align: center;
padding: 0 2px;
opacity: 0.4;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.r-lang a {
padding: 0 2px;
width: 23px;
opacity: 0.4;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.r-lang a:hover,
.r-lang a:focus {
opacity: 1;
-webkit-filter: grayscale(50%);
filter: grayscale(50%);
}
.r-social a:active{
opacity: 1;
-webkit-filter: grayscale(50%);
filter: grayscale(50%);
}
.r-lang {
border-left: 1px solid rgba(255,255,255,.4);
}
.socail-item-mobile {
padding: 0;
margin: 0;
display: flex;
}
.socail-item-mobile li {
list-style: none;
}
.socail-item-mobile li:nth-child(2) a {
background-color: #6576a2;
}
.socail-item-mobile li a {
color: #fff;
font-size: 24px;
text-align: center;
padding: 10px 15px;
background-color: #485782;
}
.socail-item-mobile li a .fa {
width: 30px;
} footer {
padding: 20px 0 0;
}
.f-title {
color: #2c4eaa;
font-size: 30px;
font-family: 'Prompt';
font-weight: 500;
}
.f-body {
background-color: #2c4eaa;
color: #fff;
padding: 15px 5px;
font-size: 14px
}
.widget{
margin-top: 1rem;
} .hero {
height: 100vh;
background: #000 url(//snakebrand.co.th/wp-content/themes/snakebrand/includes/img/snb-hero.jpg) no-repeat 15% 120px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0;
position: relative;
overflow: hidden;
}
.hero-cool {
height: 100vh;
background: #000 url(//snakebrand.co.th/wp-content/themes/snakebrand/includes/img/cooltheworld-slide-bg.jpg) no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0;
position: relative;
overflow: hidden;
}
.hero-cool .hero-text {
top: 40%;
left: 15px;
transform: translateY(-50%);
}
.hero-inner {
position: relative;
height: 100%;
}
.hero-text {
color: #fff;
position: absolute;
top: 10%;
left: 62px;
font-size: 40px;
text-align: left;
font-family: 'Roboto';
line-height: .9;
}
.hero-text .t-1 {
display: block;
font-size: 100px;
font-weight: 700;
}
.hero-text .t-2 {
display: block;
font-size: 46px;
font-weight: 700;
}
.weather-wrapper {
position: absolute; top: 40%;
right: 0;
text-align: center;
color: #fff;
font-size: 35px;
line-height: 1;
display: none;
}
.weather-top {
background-color: #213a7f;
padding: 20px 10px 10px;
}
.weather-top img {
max-width: 35px;
}
.weather-top span {
display: block; font-size: 22px;
}
.weather-bottom {
background-color: #1a316f;
padding: 15px;
}
.weather-bottom span {
display: block;
}
.weather-bottom .w-m {
font-size: 18px;
}
.weather-bottom .w-n {
margin-top: 5px; font-size: 22px;
} .product-section {   }
.product-wrapper {
}
.text-center {
position: relative;
}
.product-title {
font-family: 'Roboto';
font-size: 30px;
font-weight: 700;
line-height: 1;
color: #2c4eaa; text-align: left;
}
.product-title br {
display: none;
}
.product-slider .card {
border: 0;
border-radius: 0;
width: calc(100vw - 35px);
}
.product-slider .card-body {
text-align: center;
}
.product-slider .card-title {
color: #1b3f88;
font-size: 22px;
}
.slick-next {
right: -48px;
width: 18px;
height: 33px;
background: url(//snakebrand.co.th/wp-content/themes/snakebrand/includes/img/arrow-r.png) no-repeat !important;
background-size: 100% 100%;
}
.slick-prev:before,
.slick-next:before {
content: "";
}
.slick-prev {
left: -48px;
width: 18px;
height: 33px;
background: url(//snakebrand.co.th/wp-content/themes/snakebrand/includes/img/arrow-l.png) no-repeat !important;
background-size: 100% 100%;
z-index: 99;
}
.product-bar-section {
background: rgb(27,63,136); background: -moz-linear-gradient(left, rgba(27,63,136,1) 0%, rgba(27,63,136,1) 30%, rgba(15,47,111,1) 30%, rgba(15,47,111,1) 100%); background: -webkit-linear-gradient(left, rgba(27,63,136,1) 0%,rgba(27,63,136,1) 30%,rgba(15,47,111,1) 30%,rgba(15,47,111,1) 100%); background: linear-gradient(to right, rgba(27,63,136,1) 0%,rgba(27,63,136,1) 30%,rgba(15,47,111,1) 30%,rgba(15,47,111,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3f88', endColorstr='#0f2f6f',GradientType=1 ); }
.product-bar-more {
text-align: right;
padding: 20px 0;
background-color: #0F2F6F;
}
.product-bar-more a {
color: #fff;
font-weight: 700;
font-size: 24px;
font-family: 'Prompt';
}
.product-bar-more a img {
margin-left: 10px;
}
.product-popup {
padding: 50px 30px 0;
background-color: #fff;
position: relative;
}
.product-popup .close {
position: absolute;
top: 0;
right: 15px;
opacity: 1;
z-index: 999;
background: url(//snakebrand.co.th/wp-content/themes/snakebrand/includes/img/icon-close.png) no-repeat !important;
background-size: 100% 100%;
width: 50px;
height: 50px;
}
.product-popup .close img {
max-width: 50px;
}
.popup-title { font-size: 24px; line-height: 1;
color: #2c4eaa;
text-align: left;
}
.title-mobile {
display: none;
}
.title-desktop {
}
.popup-rate { text-align: center;
margin-bottom: 20px;
}
.product-wrapper .popup-rate {
display: none;
}
.popup-rate ul {
padding: 0;
margin: 10px 0 0;
}
.popup-rate li {
list-style: none;
display: inline-block;
}
.popup-rate li img {
max-width: 20px;
margin: 0 5px;
}
.popup-right {
display: flex;
flex-direction: column;
}
.popup-image {
padding: 20px 80px;
position: relative;
}
.badget {
position: absolute;
bottom: 0;
right: 20%;
max-width: 70px;
}
.img-ver {
padding: 20px !important
}
.popup-type {
font-size: 16px;
padding-bottom: 10px;
display: inline-block;
margin-right: 10px;
font-family: 'Roboto';
}
.popup-type img {
max-width: 25px;
margin-right: 5px;
}
.popup-detail {
display: flex;
flex-direction: column;
justify-content: center;
}
.popup-detail p {
font-size: 14px;
}
#inline-12 .popup-detail p span{
color: #14b0ee;
}
#inline-13 .popup-detail p span{
color: #9e9e9e;
}
#inline-14 .popup-detail p span{
color: #c73b6f;
}
.popup-left {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.lity-iframe-container {
width: 90%;
margin: auto;}
.lity-close,
.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
color: #2c4eaa;
width: 30px;
height: 30px;
font-size: 80px;
line-height: 80px;
text-shadow: none;
top: 90px;
right: 15px;
background: url(//snakebrand.co.th/wp-content/themes/snakebrand/includes/img/icon-close.png) no-repeat !important;
background-size: 100% 100%; color: transparent;
}
.lity {
background: rgba(255,255,255,1);
}
.lity-content:after {
box-shadow: none;
}
.d-mobile {
display: block;
}
.popup-rate.d-mobile {
margin: 0 0 25px;
text-align: center; }
.popup-rate.d-mobile li img {
max-width: 25px;
margin: 0 5px;
}
.card-product {
border: none;
text-align: center;
}
.card-product .card-title {
color: #1b3f88;
font-size: 14px;
margin-top: 30px;
}
.card-product .img-pro {
height: 250px;
padding: 10px 0;
display: flex;
align-items: flex-end;
justify-content: center;
}
.card-product .img-pro img {
max-height: 100%;
}
.type-wrapper {
display: none;
} .home-split {
overflow: hidden;
}
.home-split .container-fluid {
padding: 0;
}
.split-left {
background: #000 url(//snakebrand.co.th/wp-content/themes/snakebrand/includes/img/split-l.jpg) no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 50vh;
position: relative;
overflow: hidden;
flex: 1;
}
.split-left:hover,
.split-left:focus {
}
.split-right {
background: #000 url(//snakebrand.co.th/wp-content/themes/snakebrand/includes/img/split-r.jpg) no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 50vh;
position: relative;
overflow: hidden;
flex: 1;
}
.split-left { }
.no-pd {
padding: 0;
}
.split-text {
display: inline-block;
padding: 35px;
position: absolute;
top: 50%;
transform: translateY(-50%);
opacity: 0;
-webkit-transition: all 0.75s;
-moz-transition: all 0.75s;
-o-transition: all 0.75s;
transition: all 0.75s; }
.split-wrapper {
display: flex;
flex-direction: column;
}
.split-wrapper-l,
.split-wrapper-r {
}
.split-left:hover > .split-text,
.split-right:hover > .split-text {
opacity: 1;
}
.split-title {
font-family: 'Prompt';
font-size: 45px;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: left;
}
.bg-r {
background-color: rgba(241,9,9,.8);
}
.bg-b {
background-color: rgba(27,63,163,.8);
right: 0;
}
.btn-outline-primary {
color: #fff;
border-color: #fff;
margin-top: 20px;
border-radius: 0;
}
.btn-outline-primary:hover,
.btn-outline-primary :focus {
background-color: #2c4eaa;
border-color: #fff;
}
.split-wrapper:nth-of-type(1) {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
} .news-section {  padding: 40px 0;
position: relative;
}
.news-center {}
.news-wrapper .card {
border: 0;
border-radius: 0;
}
.news-wrapper { }
.news-content {
}
.category a {
color: #0098cb;
font-size: 14px;
transition: unset;
font-family: 'Roboto';
}
.category .post-header a {
font-size: 1.5rem;
font-family: 'Prompt';
}
.post-header {
font-size: 1.5rem; }
.post-date {
font-size: 14px;
margin-bottom: .5rem;
color: #999;
}
.content-date {
color: #999;
}
.post-header a {
margin-top: .5rem;
color: #333;
transition: unset;
}
.news-wrapper .card {
position: relative; overflow: hidden; }
.news-wrapper .post-image { }
.news-wrapper .post-image img {
transition: .5s; }
.news-wrapper .card:hover .post-image img {
transform: scale(1.1);
}
.news-wrapper .card .news-content {
position: absolute;
bottom: 0;
left: 0;
padding: 20px;
background-color: rgba(255,255,255,.8);
width: 95%;
transition: .8s;
}
.news-wrapper .card:hover .news-content {
background-color: rgba(27,63,163,.8);
}
.news-wrapper .card .news-content p {
opacity: 0;
max-height: 0;
height: 0;
transition: .8s;
}
.news-wrapper .card:hover .news-content p {
opacity: 1;
max-height: 500px;
transition: height .8s ease;
color: #fff;
height: 100px;
}
.news-wrapper .card:hover .category a {
color: #fff;
}
.news-wrapper .card:hover .post-date {
color: #fff;
}
.news-wrapper .card:hover .post-header a {
color: #fff;
}
.news-section .f-title {
margin-bottom: 15px;
} #loading {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background: #0a1a45 ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
z-index: 1032;
}
.preloader { position: absolute;
top: 50%;
left: 50%; text-align: center;
transform: translate(-50%, -50%);
}
.preload-logo {
margin-bottom: 1rem;
}
.preload-text {
font-family: 'Merriweather', Arial, sans-serif;
margin: .5em 0 .5em 0;
font-size: 1rem;
color: #fff;
}
.preloader > .cr {
background-color: #fff;
height: 10px;
width: 10px;
border-radius: 50%;
display: inline-block;
margin: 20px 5px;
-webkit-animation: stretchdelay 0.7s infinite ease-in-out;
animation: stretchdelay 0.7s infinite ease-in-out;
}
.preloader .circ2 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.preloader .circ3 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.preloader .circ4 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.preloader .circ5 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
@-webkit-keyframes stretchdelay {
0%, 40%, 100% { -webkit-transform: translateY(-10px) }
20% { -webkit-transform: translateY(-20px) }
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
} 20% {
transform: translateY(-20px);
-webkit-transform: translateY(-20px);
}
} .header-map {
margin-top: 60px;
}
#contactmap {
width: 100%;
height: 500px;
}
.map-info {
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
.map-info-wrapper {
color: #ffffff;
padding: 15px;
background: rgba(44,78,170,0.9);
}
.arrow-info {
width: 100%;
text-align: center;
color: #fff !important;
}
.contact-form-wrapper { padding: 10px;
color: #fff;
}
.contact-form-wrapper h3 {
font-size: 22px;
font-weight: 300;
}
.contact-form-wrapper .form-control {
background-color: transparent;
border-radius: unset;
border-top: none;
color: #fff;
padding: 0 .75rem;
}
.contact-form-wrapper textarea.form-control {
border-top: 1px solid #fff;
}
.form-control:focus {
color: #fff;
box-shadow: unset;
}
.contact-form-wrapper .btn-outline-primary {
margin: 0 auto;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
background-color: #fff;
color: #2c4eaa;
}
.bg-r .btn-outline-primary:hover,
.bg-r .btn-outline-primary:focus {
color: #f10909cc;
}
.contact-form-m { margin-bottom: 40px;
padding-top: 80px;
padding-bottom: 80px;
background-color: #2c4eaa;
margin-top: -1em;
}
.form-group.form-m{
margin-bottom: 1rem;
}
.contact-form-d {
display: none;
}
.map-info .collapse.width {
visibility: hidden;
}
.map-info .collapse.in.width {
visibility: visible;
}
.map-info .collapsing.width {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.info-d {
display: none;
}
.padding-m {
padding-right: 0;
padding-left: 0;
margin-top: -1em;
}
.map-available .f-title {
padding-left: 15px;
margin-top: -1em;
} .delay-1 {
animation-delay: .25s;
}
.delay-2 {
animation-delay: .5s;
}
.delay-3 {
animation-delay: .75s;
}
.delay-4 {
animation-delay: 1s;
}
.delay-5 {
animation-delay: 1.25s;
}
.delay-6 {
animation-delay: 1.5s;
}
.delay-7 {
animation-delay: 1.75s;
}
.delay-8 {
animation-delay: 2s;
}
.caption-animate .card {
border: 0;
border-radius: 0;
}
.caption-animate .card-body {
text-align: center;
}
.caption-animate .card-title {
color: #1b3f88;
font-size: 22px;
}
.product-section .carousel-control-next,
.product-section .carousel-control-prev {
width: 3%;
}
.product-section .carousel-control-next-icon {
right: -19px;
width: 19px;
height: 36px;
background: url(//snakebrand.co.th/wp-content/themes/snakebrand/includes/img/arrow-r.png) no-repeat !important;
background-size: 100% 100%;
}
.product-section .carousel-control-prev-icon {
left: -19px;
width: 19px;
height: 36px;
background: url(//snakebrand.co.th/wp-content/themes/snakebrand/includes/img/arrow-l.png) no-repeat !important;
background-size: 100% 100%;
z-index: 99;
}
.caption-animate {
display: none;
}
.slick-dots li button:before {
color: transparent;
border: 2px solid #9d9d9d;
border-radius: 50%;
width: 15px;
height: 15px;
background-color: #9d9d9d;
}
.slick-dots li button {
padding: 0;
}
.slick-dots li.slick-active button:before {
color: #9d9d9d;
background-color: #9d9d9d;
}
.slick-dots {
bottom: -40px;
}
#myCarousel {
display: none;
} .header-slider {
padding-bottom: 40px;
}
.header-slider .carousel-item {
height: calc(100vh - 40px);
min-height: 300px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.header-slider .carousel-control-next, .header-slider .carousel-control-prev {
display: none;
}
.header-slider .carousel-indicators {
bottom: -45px;
}
.header-slider .carousel-indicators li {
color: transparent;
border: 2px solid #9d9d9d;
border-radius: 50%;
width: 15px;
height: 15px;
background-color: #9d9d9d;
opacity: .25;
margin-right: 5px;
margin-left: 5px;
}
.header-slider .carousel-indicators .active,
.header-slider .carousel-indicators:hover {
opacity: 1;
}
.header-slider .carousel-caption {
left: 0;
right: unset;
bottom: 0;
min-width: 90%;
background-color: rgba(255,255,255,.8);
text-align: left;
padding: 35px 45px;
}
.header-slider .category a {
color: #333;
}
.header-slider .post-header a {
color: #2c4eaa;
}
.card-inner {
margin-bottom: 15px;
border: none;
margin-left: -15px;
margin-right: -15px;
}
.card-inner .post-header a {
color: #2c4eaa;
}
.heading-news {
border-bottom: 3px solid #2c4eaa; margin-bottom: 24px;
}
.heading-news .content-title { padding: 15px 0;
font-family: 'Roboto';
}
.heading-news h2 {
display: inline-block;
margin-bottom: 0;
padding: 15px;
font-size: 30px;
background-color: #2c4eaa;
color: #fff;
font-family: 'Roboto';
}
.heading-side h2 {
padding: 15px 0;
background-color: transparent;
color: #2c4eaa;
}
.news-more {
margin-bottom: 20px;
}
.news-more a {
color: #2c4eaa;
font-size: 24px;
font-family: 'Roboto';
}
.news-more a:hover,
.news-more a:focus {
color: #0098cb;
}
.card-side {
border: 0;
margin-bottom: 15px;
}
.card-side-content { }
.card-side-img {
padding-right: 0;
}
.card-side-content .post-header a {
margin-top: 0; font-size: 1.2rem;
color: #2c4eaa;
}
.news-side-more {
text-align: right;
}
.news-side-more a {
color: #2c4eaa;
}
.news-side-more a:hover,
.news-side-more a:focus {
color: #0098cb;
} .news-content-wrapper {
margin-top: 60px;
padding: 0 0 40px;
}
.content-category {
font-family: 'Roboto';
font-size: 20px;
color: #2c4eaa;
padding: 10px 0;
}
.content-img {
margin-bottom: 15px;
}
.content-img img {
width: 100%;
}
.content-title {
padding: 10px 0; font-size: 28px;
color: #2c4eaa; }
.content-detail { margin-bottom: 100px;
}
.relate-title {
font-family: 'Roboto';
font-size: 24px;
margin-bottom: 15px;
color: #dee2e6;
}
.content-relate .card-side-content {
padding: 10px 15px;
}
.content-relate .card-side-content .post-header a {} .header-page {
height: 100vh;
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
overflow: hidden;
}
.header-caption {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
font-family: 'Roboto';
font-size: 24px;
color: #fff;
}
.header-caption span {
display: block;
font-size: 36px;
font-weight: 700;
}
.caption-tips {
padding: 4rem 2rem;
background-color: rgba(27,63,163,.8);
}
.header-slider-trip {
background-color: #e6e6e6;
padding: 40px 0 80px;
}
.card-trip {
border: 0;
border-radius: 0;
background-color: transparent;
}
.card-trip .category {
display: block;
}
.card-trip .category a {
color: #333;
font-size: 22px;
}
.card-trip .post-date {
margin-bottom: 30px;
}
.card-trip .card-body {
background-color: #fff;
margin-left: 5%;
margin-top: -10%;
}
.card-trip img.trip-img {
width: 95%;
}
.header-slider-trip .carousel-indicators {
bottom: -65px;
margin-left: 0;
margin-right: 0;
justify-content: flex-start;
}
.header-slider-trip .carousel-indicators li {
color: transparent;
border: 2px solid #9d9d9d;
border-radius: 50%;
width: 15px;
height: 15px;
background-color: #9d9d9d;
opacity: .25;
margin-right: 5px;
margin-left: 5px;
}
.header-slider-trip .carousel-indicators .active,
.header-slider-trip .carousel-indicators:hover {
opacity: 1;
}
.card-trip .post-header a {
color: #2c4eaa;
}
.trip-wrapper .post-header a {
color: #2c4eaa;
}
.trip-main {
padding: 40px 0;
}
.trip-main .f-title {
margin-bottom: 15px;
}
.trip-main-c,
.trip-sub {
margin-left: -20px;
margin-right: -20px;
margin-bottom: 10px;
}
.trip-main-c img,
.trip-sub img {
width: 100%;
} .header-video { position: relative;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
width: 18px;
height: 33px;
}
.carousel-control-prev-icon {
background-image: url(//snakebrand.co.th/wp-content/themes/snakebrand/includes/img/arrow-w-l.png);
}
.carousel-control-next-icon {
background-image: url(//snakebrand.co.th/wp-content/themes/snakebrand/includes/img/arrow-w-r.png);
}
.header-video .carousel-item {
height: 100vh;
min-height: 300px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.video-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(27,63,136,.2);
}
.video-text {
left: 10% !important;
top: 50% !important;
transform: translateY(-50%);
}
#video3.video-text {
font-family: Prompt;
}
#video3.video-text.hero-text .t-1 {
font-size: 70px ;
margin-top: 10px
}
#video3.video-text.hero-text .t-2 {
margin-top: -13px
}
.video-wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -100;
}
.video-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-aspect-ratio: 16/9) {
.video-bg {
height: 300%;
top: -100%;
}
}
@media (max-aspect-ratio: 16/9) {
.video-bg { width: 400%;
left: -150%;
}
}
#myVideo {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
}
.btn-play {
font-size: 24px;
padding: 10px 30px;
}
.timeline-img {
margin-bottom: 15px;
}
.timeline-img ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.timeline-img ul li {
display: inline-block;
}
.timeline-section .f-title {
color: #9d9d9d;
font-size: 30px;
text-align: center;
margin-bottom: 15px;
}
.timeline-detail-wrapper { color: #153a91;
text-align: center;
}
.timeline-y,
.timeline-detail {
display: inline-block;
text-align: center;
}
.timeline-y {
font-size: 35px;
margin-right: 3px;
font-family: 'Prompt';
}
.timeline-detail {
line-height: 1.2rem;
}
.timeline-wrapper {
margin-bottom: 80px;
} .kv-slider {
background: #000 url(//snakebrand.co.th/wp-content/themes/snakebrand/includes/img/cool-bg.jpg) no-repeat bottom center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0;
position: relative;
overflow: hidden;
color: #fff; height: calc(100vh - 60px);
}
.kv-top {
color: #fff;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.kv-title { padding: 15px;
text-align: left;
font-family: 'Prompt';
line-height: 1;
margin-bottom: 1rem;
}
.kv-1 span {
font-size: 12px;
}
.kv-1 span.t1 {
font-size: 40px;
}
.kv-1 span.t1-1 {
font-size: 35px;
}
.kv-1 span.t2 {
font-size: 20px;
line-height: 1.2rem;
}
.kv-1 span.t2-1 {
font-size: 20px;
line-height: 1.2rem;
}
.kv-1 span.t3 {
font-size: 30px;
line-height: 1.2rem;
}
.kv-img {
text-align: center;
}
.kv-mobile{
position: absolute;
top: 20%;
}
.kv-img img { max-height: 400px !important;
}
.kv-detail {
padding: 15px;
}
.kv-detail-title { font-size: 20px;
line-height: 1.5rem;
margin-bottom: 10px;
}
.kv-detail-tagline{
font-size: 30px;
line-height: 2.8rem;
text-align: left;
margin: 45px 0 0 45px;
}
.tagline-2{
margin-top: 0.0em;
}
.kv-detail p { font-size: 14px;
}
.kv-title p {
font-family: 'Prompt';
font-size: 14px;
padding: 10px 0;
line-height: 1rem;
margin-bottom: 0;
}
.kv-img-wrapper {
text-align: center;
margin-top: -40px;
}
.kv-img-wrapper span {
font-size: 20px;
display: block;
}
.kv-img-wrapper img {
margin-bottom: 5px;
max-height: 250px;
}
.img-brand { max-height: 220px;
}
.kv-img-3 {
max-height: 150px;
}
.kv-wrapper {
position: relative;
}
.kv-tab {
display: flex;
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
z-index: 1;
}
.kv-link {
flex: 1;
}
a.kv-link-item {
font-size: 11px;
padding: 5px;
background-color: #1b3f88;
color: #fff;
}
a.kv-link-item.active {
background-color: #0f2f6f;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
background-color: #0f2f6f;
color: #fff;
}
.nav-pills .nav-link {
border-radius: 0;
padding: 10px;
height: 100%;
font-size: 16px;
} .caption-family {
background-color: rgba(241,9,9,.8);
padding: 4rem 8rem 4rem 2rem;
}
.header-family {
right: 0;
left: unset;
}
.p-c-title {
font-family: 'Roboto';
font-size: 45px;
font-weight: 700;
line-height: 1;
color: #2c4eaa;
text-align: left;
}
.card-product .card-body {
padding-top: 0;
}
.card-product .popup-rate {
margin-top: 0;
}
.card-product .popup-rate li img {
max-width: 15px;
margin: 0 1px;
}
.product-shop-wrapper {
height: 100vh;
display: flex;
align-items: center;
padding: 20px 0;
text-align: center;
}
.shop-logo img {
max-width: 150px;
}
.shop-logo {
margin-bottom: 5px;
}
.shop-text {
font-size: 1.5rem;
}
.shop-top {
margin-bottom: 15px;
}
.type-product .title-top {
margin-bottom: 30px;
margin-top: 30px;
}
.type-product { }
.type-product .carousel-indicators li {
background-color: #333;
}
.type-product .carousel-indicators .active {
background-color: #2c4eaa;
}
.product-filter-section {
background-color: #1b3f88;
padding: 10px 0;
}
.product-filter-section .container-fluid { }
.btn-filter {
background-color: #1b3f88;
color: #fff;
border-color: #fff;
border-radius: 0;  text-align: left;
border: none;
font-size: 14px;
}
.dropdown-filter {
background-color: #1b3f88;
color: #fff;
width: 100%;
padding: 0;
margin: 0 !important;
}
.btn-group, .btn-group-vertical { }
.dropdown-filter .dropdown-item {
padding: .375rem .75rem;
font-size: 12px;
}
.dropdown-filter .dropdown-item:focus, .dropdown-filter .dropdown-item:hover {
color: #fff;
text-decoration: none;
background-color: #0F2F6F;
cursor: pointer;
}
.btn-group.show .btn-filter {
background-color: #0F2F6F;
border-top: 0;
outline: none;
}
.dropdown-filter.show { border-bottom: none;
}
.btn.focus, .btn:focus {
box-shadow: none;
}
.slider-hide {
display: none;
}
.slick-initialized { visibility: visible; }
.img-pro {
text-align: center;
padding: 10% 25% 0;
}
.img-v {
padding: 0 10% 0;
}
.img-pro img {
display: inline-block;
}
.product-wrapper-m { padding: 40px 0;
margin-bottom: 0em;
}
.product-wrapper-m .popup-rate.d-mobile {
display: none;
}
.shop-logo-btm-2 {
padding: 20px 0;
}  .social-fix {
position: fixed;
bottom: 0px;
z-index: 1;
margin-bottom:-1em;
}
.social-fix .socail-item-mobile {
flex-direction: column;
}
.bg-1 {
background-color: #3b5998 !important;
}
.bg-2 {
background-color: #527fa4 !important;
}
.bg-3 {
background-color: #cd201f !important;
}
.scroll-wrapper {
overflow: scroll;
height: 110px;
}
.scroll-wrapper-2{
overflow: scroll;
height: 180px;
}
.social-wrapper-fix {
color: #ffffff;
padding: 15px 5px 0 0;
background: rgba(93, 93, 93, 0.0);
height: 222px;
}
.arrow-fix .fa{
color: #2c4eaa;
font-size: 24px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.arrow-fix.collapsed .fa{
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.social-wrapper-fix .collapse.width {
visibility: hidden;
}
.social-wrapper-fix .collapse.in.width {
visibility: visible; display: block;
width: 18px;
overflow: hidden;
}
.social-wrapper-fix .collapse.in.width.show {
margin-left: 0;
width: 100%;
}
.social-wrapper-fix .collapsing.width {
-webkit-transition-property: width, visibility;
transition-property: width, visibility;
width: 18px;
height: auto;
}  @media (min-width: 576px) {
} @media (min-width: 768px) {
.weather-wrapper {
position: absolute;
top: 50%;
bottom: unset;
right: 0;
transform: translateY(-50%);
text-align: center;
color: #fff;
font-size: 35px;
line-height: 1;
}
.product-title {
font-size: 46px;
font-weight: 700;
line-height: 1;
}
.product-section { display:flex;
align-items:center;
padding: 40px 0;
}
.product-title br {
display: none;
}
.slick-next {
right: 0;
}
.slick-prev {
left: 0;
}
.product-bar-section {
background: rgb(27,63,136); background: -moz-linear-gradient(left, rgba(27,63,136,1) 0%, rgba(27,63,136,1) 50%, rgba(15,47,111,1) 50%, rgba(15,47,111,1) 100%); background: -webkit-linear-gradient(left, rgba(27,63,136,1) 0%,rgba(27,63,136,1) 50%,rgba(15,47,111,1) 50%,rgba(15,47,111,1) 100%); background: linear-gradient(to right, rgba(27,63,136,1) 0%,rgba(27,63,136,1) 50%,rgba(15,47,111,1) 50%,rgba(15,47,111,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3f88', endColorstr='#0f2f6f',GradientType=1 ); }
.split-wrapper:nth-of-type(1) {
-webkit-box-ordinal-group: 0;
-ms-flex-order: 0;
order: 0;
}
.news-wrapper .card { margin:0 15px;
}
.news-section {
padding: 40px 0;
}
.popup-rate.d-mobile {
display: none;
}
.popup-rate { display: flex;
margin-bottom: 30px;
}
.popup-rate li img {
max-width: 22px;
margin-right: 5px;
vertical-align: bottom;
}
.popup-rate ul {
margin: 0 0 0 15px;
}
.home-split:hover .split-wrapper-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}
.split-wrapper-r:hover {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
}
.split-wrapper-l:hover {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 60% !important;
flex: 0 0 60% !important;
max-width: 60% !important;
}
.split-wrapper-l:hover ~ .split-wrapper-r {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}
.split-wrapper { }
.split-left {
transition: flex .3s;
}
.card-inner {
margin-left: 0;
margin-right: 0;
}
.header-caption {
font-size: 36px;
}
.header-caption span {
display: block;
font-size: 60px;
font-weight: 700;
line-height: 1;
}
.caption-tips {
padding: 8rem 4rem 8rem 16rem;
}
.caption-family {
padding: 8rem 16rem 8rem 4rem;
}
.trip-main-c,
.trip-sub {
margin-left: 0;
margin-right: 0;
}
.trip-sub .post-header {
font-size: 1.2rem;
}
.timeline-img li img {
max-height: 250px;
}
.kv-img img {
max-height: 600px !important;
}
.kv-img-wrapper img {
max-height: 450px;
}
a.kv-link-item {
font-size: 20px;
padding: 10px;
}
.p-c-title {
font-size: 46px;
line-height: .9;
}
.shop-logo-btm {
display: inline-block;
padding: 0 40px;
}
.shop-logo-btm img { }
.shop-top {
margin-bottom: 100px;
}
.shop-logo img {
max-width: 200px;
}
.btn-filter {
min-width: 245px;
font-size: 16px; padding: 1rem .75rem;
}
.dropdown-filter .dropdown-item {
font-size: 16px;
padding: .75rem;
}
.product-wrapper-m {
padding-top: 180px;
}
.product-wrapper-m .popup-rate.d-mobile {
display: block;
}
.product-filter-section .container-fluid {
padding-left: 5%;
padding-right: 5%;
}
.social-fix {
top: 50%;
bottom: unset;
transform: translateY(-50%);
}
.popup-detail p {
font-size: 14px;
}
.kv-detail p {
font-size: 14px;
}
.weather-top {
padding: 20px 5px 10px;
}
.weather-bottom {
padding: 15px 5px;
}
.weather-top img {
max-width: 75%;
}
.weather-top span {
font-size: 26px;
padding-top: 10px;
}
.weather-bottom .w-n {
font-size: 26px;
}
.weather-bottom .w-m {
font-size: 14px;
}
.product-slider .card {
width: auto;
}
.title-mobile {
display: block;
margin-bottom: 30px;
}
.title-desktop {
display: none;
}
.popup-r-wrapper {
padding: 20px 0;
margin-top:30px;
}
.lity-close, .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
position: absolute;
top: 15%;
right: 5%;
}
.scroll-wrapper {
overflow: auto;
height: auto;
}
.scroll-wrapper-2 {
overflow: auto;
height: auto;
}
#weather {
width: 50px;
}
i {
font-size: 60px;
}
.shop-logo-btm-2 {
display: none;
}
.product-filter-section {
background-color: #1b3f88;
padding: 0px 0;
}
} @media (min-width: 992px) {
.p-label ul li{
font-size: 16px !important;
}
.card-product .card-title {
color: #1b3f88;
font-size: 12px;
margin-top: 30px;
}
section {
padding: 80px 0;
}
.navbar-brand {
max-width: 60px;
}
.scroll .navbar-brand {
max-width: 40px;
}
.navbar-brand span,
.btn-right .btn-menu {
display: none;
}
.navbar-right {
display: block;
}
.navbar-nav {
padding: unset;
margin: unset;
margin-top: 30px;
}
.scroll .navbar-nav,
.scroll .right-menu-wrapper {
margin-top: 0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.btn-right {
display: none;
}
.navbar-nav .nav-link {
border-bottom: none;
}
.navbar-main {
flex-grow: unset;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
background-color: #0a1a45!important;
}
.dropdown-item {
padding: .25rem 1.5rem;
}
.navbar-nav {
min-height: auto;
}
.dropdown:hover>.dropdown-menu {
display: block;
border-radius: 0;
border: 0;
margin: 0;
}
.dropdown-item {
}
.dropdown-item:focus, .dropdown-item:hover {
color: #758fd3;
text-decoration: none;
background-color: #0a1a45;
}
.social-mobile {
display: none;
}
.r-social a {
}
.hero-text {
color: #fff;
position: absolute;
top: 50%;
left: 55%; font-size: 48px;
text-align: left;
line-height: .9;
}
.hero-text .t-1 {
display: block;
font-size: 120px;
font-weight: 700;
}
.hero-text .t-2 {
display: block;
font-size: 56px;
font-weight: 700;
}
.hero {
height: 100vh;
background: url(//snakebrand.co.th/wp-content/themes/snakebrand/includes/img/snb-hero.jpg) no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0;
position: relative;
overflow: hidden;
}
.product-title {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 60px;
}
.product-section {
height: calc(100vh - 58px);
display:flex;
align-items:center;
padding: 20px 0;
}
.product-bar-section {
background: rgb(27,63,136); background: -moz-linear-gradient(left, rgba(27,63,136,1) 0%, rgba(27,63,136,1) 70%, rgba(15,47,111,1) 70%, rgba(15,47,111,1) 100%); background: -webkit-linear-gradient(left, rgba(27,63,136,1) 0%,rgba(27,63,136,1) 70%,rgba(15,47,111,1) 70%,rgba(15,47,111,1) 100%); background: linear-gradient(to right, rgba(27,63,136,1) 0%,rgba(27,63,136,1) 70%,rgba(15,47,111,1) 70%,rgba(15,47,111,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3f88', endColorstr='#0f2f6f',GradientType=1 ); }
.split-left {
height: 100vh;
}
.split-right {
height: 100vh;
}
.news-section {
padding: 140px 0;
height: calc(100vh - 60px); */
}
.product-slider {
display: none;
} .caption-animate .carousel-item.active .carousel-caption,
.caption-animate .carousel-item.active .card {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.caption-animate .carousel-item.active .carousel-caption.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.caption-animate  .carousel-item.active .carousel-caption.hinge,
.caption-animate  .carousel-item.active .card.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.caption-animate .carousel-item.active .card.flipOutX,
.caption-animate .carousel-item.active .card.flipOutY,
.caption-animate .carousel-item.active .card.bounceIn,
.caption-animate .carousel-item.active .card.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.caption-animate .carousel-item .card.fadeInRight {
opacity:0;
}
.caption-animate {
display: block;
}
.product-slider {
padding: 0 100px;
}
.product-title br {
display: block;
}
.product-popup {
padding: 80px;
background-color: #fff;
}
.popup-title { font-size: 30px; line-height: 1.1;
color: #2c4eaa;
text-align: left;
}
.popup-rate { font-size: 20px;
}
.popup-rate ul {
padding: 0;
margin: 0 0 0 15px;
}
.popup-rate li {
list-style: none;
display: inline-block;
}
.popup-rate li img {
max-width: 30px;
margin-right: 15px;
}
.popup-right { }
.popup-image {
min-width: 200px; padding: 0;
text-align: center;
}
.popup-image img {
margin: 0 auto;
max-width: 200px;
}
.img-ver img {
max-height: 470px;
max-width: unset;
}
.popup-type {
font-size: 24px;
padding-bottom: 20px;
display: block;
}
.popup-type img {
max-width: 45px;
margin-right: 5px;
}
.popup-detail {
display: flex;
flex-direction: column;
justify-content: center;
}
.popup-left {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.lity-content { }
.split-wrapper {
display: block;
overflow: hidden;
}
.split-left,
.split-right {
width:50%;
transition:width .8s;
min-height:15em;
box-sizing:border-box;
}
.split-right {
float: right;
}
.split-right {
}
.split-text { padding: 7rem 4rem;
}
.bg-r {
padding: 7rem 4rem 7rem 16rem;
}
.bg-b {
padding: 7rem 16rem 7rem 4rem;
} .split-wrapper:hover .split-right {width:40%;}
.split-left:hover {width:60%;} .split-right:hover {width:60% !important;}
.split-right:hover ~ .split-left {width:40%;}
.contact-form-m {
display: none;
}
.header-map {
margin-top: 84px;
}
.map-available {
padding-bottom: 40px;
}
.contact-form-d {
display: block;
position: absolute;
top: -5%;
left: 5%;
width: 380px;
background-color: #2c4eaa;
padding: 20px;
}
.map-info {
top: 50%;
left: unset;
transform: translateY(-50%);
height: 280px;
display: inline-flex;
}
.info-d {
display: block;
text-align: right;
}
.info-m {
display: none;
}
.map-info .collapsing.width {
-webkit-transition-property: width, visibility;
transition-property: width, visibility;
width: 0;
height: auto;
}
.info-item {
width: 400px;
}
#collapseD .info-item {
text-align: right;
}
.header-slider .post-header {
font-size: 50px;
}
.header-slider .category a {
font-size: 30px;
}
.header-slider .post-date {
font-size: 30px;
}
.header-slider .carousel-caption {
min-width: 45%;
}
.news-content-wrapper {
margin-top: 84px;
}
.card-trip img.trip-img { width: auto;
float: right;
clear: both;  max-height: 350px;
}
.card-trip .card-body {
margin-left: 0; width: 55%;
margin-top: -25%;
clear: both; min-height: 350px;
padding: 50px;
}
.card-trip {
clear: both;
}
#myCarousel {
display: block;
}
#myCarousel .carousel-inner { }
.header-slider-trip {
padding: 60px 0 80px;
}
.timeline-img li img {
max-height: 300px;
}
.timeline-section .f-title {
font-size: 38px;
}
.timeline-y {
font-size: 65px;
}
.timeline-detail {
line-height: 1.8rem;
font-size: 28px;
text-align: left;
}
.kv-slider {
display: flex;
padding-left: 10%;
padding-right: 10%;
}
.equalHW {
flex: 1;
position: relative;
}
.kv-top {
position: relative;
}
.kv-slider .kv-1 .kv-title {
position: absolute;
top: 30%;
left: 0;
transform: translateY(-50%);
margin: 0;
font-size: 20px;
padding: 0;
}
.kv-slider .kv-2 .kv-img-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 95%;
}
.kv-slider .kv-2 .kv-img-wrapper.kv-bg {
position: static;
top: unset;
transform: unset;
}
.kv-slider .kv-3 .kv-detail {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.kv-img-wrapper img {
max-height: 100% !important;
max-width: 75%;
}
.kv-detail-title { line-height: 1.2;
}
.kv-detail-tagline{
font-size: 22px;
margin-right: -9em;
margin-top: -9em;
line-height: 2rem;
} .kv-detail-tagline.tagline-2{
font-size: 36px;
margin-top: 1em;
}
.kv-1 span.t3 {
font-size: 60px;
line-height: 2rem;
}
.kv-1 span {
font-size: 65px;
}
.kv-1 span.t1 {
font-size: 70px;
}
.kv-1 span.t1-1 {
font-size: 55px;
}
.kv-1 span.t3-1 {
font-size: 28px !important;
}
.kv-1 span.t2 {
font-size: 40px;
line-height: 2rem;
}
.kv-title p {
font-size: 18px;
line-height: 1.3;
}
.kv-img-wrapper span {
font-size: 27px;
}
.kv-img-wrapper img.kv-img-bg { max-width:300%;
margin-left: 50%;
transform: translateX(-50%); margin-top: -100px;
}
a.kv-link-item {
padding: 30px 0;
}
.kv-slider { height: 90vh;
}
.c-l {
padding-right: 0;
}
.c-r {
padding-left: 0;
}
.p-c-title {
font-size: 50px;
}
.type-product { height: calc(100vh - 120px);
} .slider-hide {
display: block;
margin-bottom: -3em;
}
.product-wrapper-m {
display: none;
}
.popup-detail p {
font-size: 16px;
}
.kv-detail p { font-size: 12px; line-height: 1.5;
}
.post-header { font-size: 1.2rem;
}
.f-title { font-size: 42px;
}
.padding-m {
padding-right: 5%;
padding-left: 5%;
margin-top: 0;
}
.map-available .f-title {
padding-left: 0;
margin-top: auto;
}
.badget {
right: 25%;
}
.f-body {
background-color: #2c4eaa;
color: #fff;
padding: 15px 5Px;
font-size: 16px
}
.kv-mobile{
display: none;
}
} @media (min-width: 1200px) {
.card-product .card-title {
color: #1b3f88;
font-size: 16px;
margin-top: 30px;
}
#video3.video-text.hero-text .t-1 {
font-size: 100px;
}
.hero-text {
top: 40%;
left: 60%;
font-size: 50px;
}
.hero-text .t-1 {
display: block;
font-size: 130px;
font-weight: 700;
}
.hero-text .t-2 {
display: block;
font-size: 65px;
font-weight: 700;
}
.lity-content {
max-width: 1140px;
}
.lity-close, .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
top: 15%;
right: -1%;
}
.popup-left {
padding-left: 15%;
}
.card-product .img-pro { }
.product-wrapper { margin: 0 auto;
margin-bottom: -2em;
}
.card-trip .card-body {
min-height: 400px; }
.card-trip img.trip-img { max-height: 420px;
} .badget {
right: 27%;
}
.navbar-dark,
.navbar-dark .navbar-nav .nav-link{
padding-right: 15px;
}
} @media (min-width: 1500px) {
.kv-1 span.t1-1 {
font-size: 80px;
}
.kv-1 span.t3-1 {
font-size: 36px !important;
}
.kv-1 span.t4-1 {
font-size: 24px !important;
}
.lity-close, .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
top: 10% !important;
right: -1%;
}
.kv-detail-title {
font-size: 28px !important;
line-height: 1.2;
}
.kv-detail p {
font-size: 18px !important;
line-height: 1.4;
}
.kv-1 span.t1 {
font-size: 100px !important;
}
.kv-1 span.t2 {
font-size: 60px !important;
}
.content-r{
font-size: 18px;
}
.card-product .img-pro {
height: 350px;
}
.post-header {
font-size: 2rem !important;
}
.post-header.hero-head{
font-size: 2.5rem !important;
}
._pexpand{
font-size: 18px;
}
.card-product .card-title {
color: #1b3f88;
font-size: 20px;
margin-top: 30px;
}
.lity-content {
max-width: 1366px;
}
.badget {
right: 33%;
}
.popup-image img {
margin: 0 auto;
max-width: 250px;
}
.popup-detail p {
font-size: 22px !important;
}
.popup-rate { font-size: 28px !important;
line-height: 1.2;
}
.popup-title { font-size: 45px !important;
/
} .card-trip img.trip-img {
max-height: 500px;
}
.card-trip .card-body {
min-height: 500px; }
}
@media (min-width: 1800px){
.card-trip img.trip-img {
max-height: 600px;
}
.card-trip .card-body {
min-height: 600px; }
} .shop-bottom{
margin-top: 50px
}
@media (min-width: 768px){
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1  {
width: 100%;
*width: 100%;
flex: none;
max-width: none;
}
}
@media (min-width: 992px) {
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1 {
width: 14.285714285714285714285714285714%;
*width: 14.285714285714285714285714285714%;
flex: none;
max-width: none;
}
} @media (min-width: 1200px) {
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1 {
width: 14.285714285714285714285714285714%;
*width: 14.285714285714285714285714285714%;
flex: none;
max-width: none;
}
} @media (max-width: 992px){
.kv-philos{
display: none;
}
}
@media (min-width: 768px){
.kv-mobile {
position: absolute;
top: 20%;
left: 15%;
}
.img-brand { max-height: 400px;
}
.kv-1 span.t4-1 {
font-size: 20px;
}
.kv-1 span.t1-1 {
line-height: 1.1;
margin:auto ;
}
}
@media (min-width: 992px){
.kv-philos{
margin-top: 7em;
font-size: 50px;
}
.kv-1 span.t3-1 {
font-size: 18px;
}
.kv-title.kv-t1{
margin-top: 2em;
}
}
@media (min-width: 1200px){
.card-side-content .post-header a {
margin-top: 0; font-size: 1.5rem;
color: #2c4eaa;
}
.post-header {
font-size: 1.5rem;
}
.kv-detail-tagline {
font-size: 28px;
line-height: 2.5rem;
}
.kv-detail-tagline.tagline-2 {
font-size: 40px;
margin-top: 1em;
}
.kv-philos{
margin-top: 12em;
}
.kv-detail-title {
font-size: 24px;
line-height: 1.2;
}
.kv-detail p {
font-size: 14px
}
.kv-img-wrapper img.kv-img-bg {
margin-top: -200px;
}
.kv-slider {
height: 93vh;
}
.kv-1 span.t1 {
font-size: 80px;
}
.kv-1 span.t2 {
font-size: 50px;
line-height: 2rem;
}
.popup-title{
font-size:45px ;
}
.popup-detail p{
font-size: 18px;
}
.popup-rate{
font-size: 24px;
}
}
@media (min-width: 1400px){
.kv-detail-tagline {
font-size: 30px;
}
.kv-philos{
margin-top: 14em;
}
} .badget-1{
position: absolute;
max-width: 70px;
bottom: 20%;
right: 20%;
}
@media (min-width: 992px){
.badget-1{
max-width: 60px;
bottom: 30%;
right: 0%;
}
}
@media (min-width: 1200px){
.badget-1{
max-width: 60px;
bottom: 30%;
right: 10%;
}
}
@media (min-width: 1500px){
.badget-1{
max-width: 80px;
bottom: 25%;
right: 10%;
}
} .badget-1-1{
position: absolute;
max-width: 70px;
bottom: 25%;
right: 20%;
}
@media (min-width: 992px){
.badget-1-1{
max-width: 60px;
bottom: 35%;
right: 0%;
}
}
@media (min-width: 1200px){
.badget-1-1{
max-width: 60px;
bottom: 35%;
right: 10%;
}
}
@media (min-width: 1500px){
.badget-1-1{
max-width: 80px;
bottom: 35%;
right: 0%;
}
} .group-detail{
margin-top: 1em;
margin-left: 0.2em;
margin-bottom: 2em;
font-size: 14px;
}
@media (min-width: 992px){
.group-detail {
margin-top: -1.5em;
}
}
.coolingpow .col-md-1 {
max-width: unset!important;
width: 8.333333%!important;
flex-grow: 1!important;
}
.other-r .popup-image img {
margin: 0 auto;
max-width: 300px;
}
@media (max-width: 767px) {
.img-pro {
text-align: center;
padding: 0px!important;
max-width: 170px;
margin: auto;
}
.m-product .slick-track
{
display: flex !important;
}
.m-product .slick-slide
{
height: inherit !important;
display: flex!important;
align-items: center;
}
.product-section {
padding-top: 20px;
}
.product-home.product-section .product-title {
padding-bottom: 20px;
}
.popup-image {
max-width: 205px;
margin: auto;
padding: 20px 20px;
}
.m-product .slick-track
{
display: flex !important;
}
.m-product .slick-slide
{
height: inherit !important;
display: flex!important;
align-items: center;
}
.snaketext {
position: absolute;
left: 66px;
font-size: 20px;
top: 15px;
}
}
.contact-form-wrapper textarea.form-control {
height: 132px;
}
.r-lang .wpml-ls-current-language a {
opacity: 1;
-webkit-filter: grayscale(50%);
filter: grayscale(50%);
}
.carousel.slide .carousel-inner > div:nth-child(4) .video-text {
font-family: 'Prompt';
}
.carousel.slide .carousel-inner > div:nth-child(4) .video-text .t-1{
font-size: 100px;
margin-top: 10px;
}
.carousel.slide .carousel-inner > div:nth-child(4) .video-text .t-2 {
margin-top: -13px;
}
@media (min-width: 768px) {
.desktop-hide {
display: none;
}
.justify-content-md-center {
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: start!important;
}
}
.timeline-y:lang(zh-hans) {
line-height: 1.8rem;
font-size: 28px;
font-weight: 700;
}
.img-pro {
position: relative;
}
.badget-1 {
max-width: 60px;
bottom: 17px;
right: 10px;
}
.badget-1-1 {
max-width: 60px;
bottom: 15px;
right: 15px;
}
.product-section.product-home {
padding-bottom: 40px;
padding-top: 0px;
height: 90vh;
}
.product-family.product-section {
padding-bottom: 120px;
padding-top: 40px;
height: 90vh;
}
.product-family .badget-1 {
max-width: 60px;
bottom: 0px;
right: 25px;
}
@media (max-width: 767px) {
.timeline-y:lang(zh-hans) {
line-height: 1.8rem;
font-size: 16px;
font-weight: 700;
}
.badget {
position: absolute;
bottom: 0;
right: 5px;
max-width: 70px;
}
.badget-1 {
max-width: 70px;
bottom: -10px;
right: -20px;
}
.mobile-hide {
display: none;
}
.product-section.product-home {
padding-bottom: 0px;
padding-top: 40px;
height: unset;
}
.product-family.product-section {
padding-bottom: 0px;
padding-top: 0px;
height: unset;
}
.product-wrapper-m {
padding: 40px 0 10px;
margin-bottom: 0em;
}
.product-family .badget-1 {
max-width: 60px;
bottom: 0px;
right: -10px;
}
.product-family.badget {
position: absolute;
bottom: 10px;
right: 5px;
max-width: 60px;
}
.product-wrapper-m .product-slider {
padding-top: 30px;
}
.group-detail {
margin-bottom: 0px;
}
.dropdown-toggle::after {
float: right;
margin-top: 10px;
width: 8px;
z-index: 999;
height: 10px;
}
}
@media (min-width: 992px) {
.product-section {
height: unset;
display: flex;
align-items: center;
padding: 20px 0;
}
.type-product {
height: unset;
}
}
.product-row {
display: flex!important;
flex-wrap: wrap;
justify-content: center;
}
.product-item {
text-align: center;
position: relative;
}
.product-silde2 .slick-next {
right: -20px;
}
.slick-prev {
left: -20px;
}
.product-carausel {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.product-family .carousel-inner {
overflow: visible;
}
.pagination {
justify-content: center;
}
.pagination .page-numbers {
margin: 4px;
line-height: 40px;
padding: 0px 17.12px;
border: solid 2px #000000;
color: #000000;
border-radius: 50%;
}
.pagination .page-numbers:hover {
color: #ffffff;
background-color: #2c4eaa; 
border: solid 2px #2c4eaa;
}
.pagination .page-numbers.current {
color: #ffffff;
background-color: #2c4eaa; 
border: solid 2px #2c4eaa;
}