@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/* container */
html{
	 overflow-x: hidden!important;
-webkit-overflow-x: hidden!important;
}

body,body.inside{
 font-family: 'Prompt', sans-serif !important;   
font-weight: 300;        

 overflow-x: hidden!important;
-webkit-overflow-x: hidden!important;
}


.container {
width: 100%;    
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
	max-width: 1200px;
}



/*===== up =====*/
.up{
	width:45px;
	height:36px;
	position:absolute;
	float: none;
	right:0;
	margin:auto;
	top:5px;
	color: #EC2F10;
	text-align: center;
	
	border-radius: 5px 5px 0 0;
	background-color:rgba(0,0,0,0.6);
	cursor: pointer;
	opacity:0.7;
	
	
	/*Add the following properties to the selector to which the effect has to be applied */
/* Chrome, Safari */
-webkit-text-shadow: 0px -1px 3px rgba(0,0,0,0.3);
/* Firefox */
-moz-text-shadow:0px -1px 3px rgba(0,0,0,0.3);
-ms-text-shadow:0px -1px 3px rgba(0,0,0,0.3);
-o-text-shadow:0px -1px 3px rgba(0,0,0,0.3);    
/* Standard syntax */
text-shadow: 0px -1px 3px rgba(0,0,0,0.3);
	
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
    -o-transition:all 200ms ease-in-out;
}

.up span{
  width:100%;
	height:100%;
	position:absolute;  
    top:0;
    bottom: auto;
    right: 0;
    left: 0;
    font-size: 45px;
	line-height:35px;
}


.up:hover{
	opacity:1;
}

.up.affix{
	top:-35px;
}


/*======= sticky nav =======*/

.sticky.affix-top {
  position:absolute;
  float:left;
   width:100%;
    height: 65px;
    left: 0;
    right: 0;
    z-index:99;
    
-webkit-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;    
transition: all 200ms ease-in-out;      
    
}

.sticky.affix {
  top: 65px;
  float:left;
   width:100%;
    height: auto;
    left: 0;
    right: 0;
    z-index:99; 
background-color: rgba(0,0,0,0.80);	
    
-webkit-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;    
transition: all 200ms ease-in-out;       
}

.mark-submenu{
    position:absolute;
    top: -120px;
    right:0;
    left: auto;
    width:1px;
    height: 120px;
    z-index: -9999999999;
    
}

.mark-hd-submenu{
   position:absolute;
    top: auto;
    bottom:65px;
    right:0;
    left: auto;
    width:0;
    height: 100%;
    z-index: -9999999999;  
}

#nav_sticky{
    
/* Chrome, Safari */
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
/* Firefox */
-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
-ms-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
-o-box-shadow:0px 1px 3px rgba(0,0,0,0.3);    
/* Standard syntax */
box-shadow: 0px 1px 3px rgba(0,0,0,0.3);    
    
    -webkit-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;    
transition: all 200ms ease-in-out;    
}

ul.btn-sub {
    position: relative;
 float:left;
   width:100%;
    height: auto;  
      padding: 0;
    margin: 0;
    
 
-webkit-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;    
transition: all 200ms ease-in-out;      
}


ul.btn-sub li {
    position: relative;
 float:left;
    list-style: none;
     font-family: 'Sriracha', cursive !important;
    border-radius:0;
    padding: 0;
    margin: 0;
       display: inline-block;
    
-webkit-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;    
transition: all 200ms ease-in-out;      
}

ul.btn-sub li.row1 p{
 top:0%;
    
    -webkit-transform: translate(0%, 25%); 
    -moz-transform: translate(0%, 25%); 
    -ms-transform: translate(0%, 25%); 
    -o-transform: translate(0%, 25%); 
    transform: translate(0%, 25%); 

}


ul.btn-sub li{
   width:20%;   	
}


ul.btn-sub li a{
 background-color:transparent!important;
  position: relative;
 float:left;    
    border:0;
    width:100%;
    height: auto;
    outline: none;
    border-radius:0;
font-size:16px;
        line-height:26px;
        text-align: center;
    padding: 10px 10px;
    margin-bottom: 0;
	 color:#EC2F10;
z-index:2;
}

ul.btn-sub li:hover a,
ul.btn-sub li:active a,
ul.btn-sub li:focus a,
ul.btn-sub li:focus {
 background-color:transparent !important;  
 color:#fff;
}

ul.btn-sub li.active{
   background-color:transparent !important; 
   color:#fff;
  
}

ul.btn-sub li.active a {
  color:#fff!important;
 background-color:transparent !important; 	
  
}

table,tbody{
	position:relative;
	float:left;
width:100%;
	height: auto;
}

tr,td{
	position:relative;
width:100%;
	height: auto;
	overflow:hidden;
}


/*=== End sticky ===*/

@media (min-width: 768px) {
  .container {
   width: 100%;  
  }
}
@media (min-width: 992px) {
  .container {
   width: 100%;  
  }
}
@media (min-width: 1200px) {
  .container {
  width: 100%;  
  }  
    
    body.inside section.h50{

    min-height:560px !important;
    
    transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out; 
}
     
}


/* color */

.bg-wh{
    background-color: #fff;
}
.white {
  background: #fc1212 !important;
  color: #fff !important;
}
.white svg {
  fill: #fff !important;
}

.red {
  background: #fc1212 !important;
  color: #fff !important;
}
.red svg {
  fill: #fff !important;
}

.text-red {
  color: #fc1212 !important;
}
.text-red.button svg {
  fill: #fc1212 !important;
}

.stroke.button.red {
  color: #fc1212 !important;
  border-color: #fc1212 !important;
}
.stroke.button.red svg {
  fill: #fc1212 !important;
}


.text-wh {
  color: #fff !important;
}


.dk_red {
  background: #5c0f0f !important;
  color: #fff !important;
}
.dk_red svg {
  fill: #fff !important;
}

.black {
  background: #000!important;
  color: #fff !important;
}
.black svg {
  fill: #fff !important;
}

.text-dk_gray {
  color: #222222 !important;
}
.text-dk_gray.button svg {
  fill: #222222 !important;
}

.stroke.button.dk_gray {
  color: #222222 !important;
  border-color: #222222 !important;
}
.stroke.button.dk_gray svg {
  fill: #222222 !important;
}

.text-shadow{
   text-shadow:0px 2px 2px rgba(0,0,0,0.8); 
}



/* text */
.h100{
    height:100% !important;
}

body.inside{
      font-family: 'Prompt', sans-serif !important; 
  font-size: 16px;
  line-heiht: 100%;
  color: #333;
  background-color: #fff;
    padding:0 !important;
    top: 0;
position: relative;
    float: left;
    width:100%;
left: 0;
right: 0;    
bottom: 0;    
   
    
     transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;    
 }

body.inside #nav-top{
    background-color: #fff; 
    
      transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;   
}

.sriracha h1, .sriracha h2, .sriracha h3, .sriracha h4, .sriracha h5{
	font-family: 'Sriracha', cursive !important;
}

h1,h2,h3,h4,h5,p,ul,ol,b,strong{
   font-family: inherit !important;
   
}

h1,h2,h3,h4,h5,b,strong{
    font-weight:600; 
}
h4{
    margin:0 0 15px 0;
}

h1,h2,h3,h4{
   line-height:140%;  
}


p,ul,ol{
    font-weight:300; 
     line-height:160%;
}

ul,ol{
 padding-left:20px;   
}

ul.li-15 li, ol.li-15 li{
    position: relative;
    float: left;
    width:100%;
    height: auto;
    margin-bottom:15px;
}

ul.li-15 li:last-child, ol.li-15 li:last-child{
    margin-bottom:0px;
}

br + br5{
   position: relative;
    float: left !important;
    width:100% !important;
    height:10px;
    line-height:15px !important;
    display: block;
}

dl {
    position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
     padding-left:30px; 
}
dt,
dd {
  line-height: inherit;
}
dt {
    position:absolute;
    top: 0;
    left: 0;
    width:auto;
    margin-top: 0;
    margin-left: 0px;
  font-weight: 300;
}
dd {
  margin-left: 0;
}

h1{
    font-size:180%;
   
    margin:0 0 15px 0;
}
h2{
    font-size:160%;
    margin:0 0 15px 0;
}
h3{
    font-size:140%;
    margin:0 0 15px 0;
}

p{
    font-size:100%;
    margin:0 0 15px 0;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}

/* link */

a.font-big{
    font-size:18px;
}

a.navy:hover{
   background: #94ca3a !important;
  color: #254797 !important; 
border-color:#94ca3a;    
}


a{
    white-space: normal;
}

a:hover{
    opacity:1 !important;
    text-decoration: none !important;
}
 a:active,a:visited,a:focus {
    text-decoration: none !important;
     outline: none !important;
  }

a:hover img{
   opacity:0.8;
}

a.opacity:hover{
    -webkit-transition: 0.15s;
  transition: 0.15s;
    opacity:0.8 !important;
}

a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.border-radius{
    border-radius:50px;
}


.border{
   border:1px solid #cdcdcd; 
}

.bold{
  font-weight: 600 !important;  
}

.btn-w{
	width:200px;
}

.btn {
  display: inline-block;
  padding: 6px 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius:50px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}


.btn-default,.btn-default:visited {
  color: #fff;
  background-color: #e52d01;
  border-color: transparent;
}
.btn-default:focus,
.btn-default.focus {
  color: #e52d01;
  background-color: #000;
  border-color:  #e52d01;
}
.btn-default:hover {
  color: #e52d01;
  background-color: #000;
  border-color:  #e52d01;
}

.btn-default i{
	font-size: 20px;
	vertical-align: middle;
}

.btn-default i .st0, a .st0{
	fill:#fff;
}

.btn-default:hover i .st0, a:hover .st0{
	fill:#e52d01;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

/* thumbnail PIC */
.box-67 {
  color: #fff;
  border-radius:0 ;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
  display: block;
  outline: none;
  margin-bottom: 20px;
  -webkit-backface-visibility: hidden;
}

a.box-67:hover,a.box-67:active,a.box-67:focus {
  box-shadow:none !important;
	outline: none !important;
	text-decoration: none !important;
  opacity: 0.95;
color:#e52d01;	
}

.box-67 .thumbnail-67 {
  font-size: 0;
  overflow: hidden;
	outline: none !important;
}

.box-67 .thumbnail-67 img {
  border-radius: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.box-67:hover .thumbnail-67 img {
  -webkit-transform: scale(1.0225);
          transform: scale(1.0225);
}

.verticalAlign-top{
vertical-align:top !important;
}

.name-67 {
  padding: 12px 0px;
  background-color:transparent;
}

.category-67 {
  text-transform: uppercase;
  font-size: 12px;
	line-height:18px;
  opacity:1;
}

.title-67 {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 100%;
  font-weight: 500;
}

/* option */

pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }

span.inbox{
    float:none;
    display:inline-block !important;
}

body.inside span.inbox{
    position:relative !important;
    display:inline-block !important;
width: auto!important;
}
span.cut-xs{
    position:relative;
    float: none;
    width:auto;
    display:inline-block;

}

.bdr-tr_lb{
 border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;  
}



/*======= Dropdown =======*/

.with-dropdown{
    overflow:visible;
    z-index:2;
}

.dim-dropdown{
position: fixed;
        top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width:100%;
            height:100%;
            z-index:1;
            background-color:rgba(0,0,0,0);
	
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
}


/*====== News  ======*/

.panel-group.dropdown {
  position: relative;
    width: 100%;
    height: auto;
    overflow: visible;
      background-color:transparent;
    margin-bottom: 5px;
    z-index: 2;
}

.panel-group.dropdown .panel.panel-default{
    border:0;
     overflow: visible;
     position: relative;
    width: 100%;
    height: auto;
    background-color:transparent;
}

.panel-group.dropdown .panel, .panel-group.dropdown .panel-heading {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
     overflow: hidden;
    padding: 0;
      background-color:transparent;
	border:0px;
}

.panel-group.dropdown  .panel-heading a.collapsed {
    position: relative;
    width: 100%;
    height: auto;
    float: left; 
    line-height:36px;
    font-size:18px;
    padding:0 30px 0 10px;
    border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:1px solid #EC2F0D;
    border-radius:0 0 5px 5px;
    cursor: pointer;
    background-color:transparent!important;
    color:#EC2F0D;
}


.panel-group.dropdown  .panel-heading a {
    position: relative;
    width: 100%;
    height: auto;
    float: left; 
    line-height:36px;
    font-size:18px;
    padding:0 30px 0 10px;
    background-color:#EC2F0D;
    color:#fff;
    border:0;	
    border-radius: 5px 5px 0 0;
	border-color:#262626;
    cursor: pointer;
    z-index:4;
}

.panel-group.dropdown  .panel-heading a span{
position: absolute;
 width: 30px;
    height: 100%; 
right: 0;
top:0;  
padding:0 5px;  
     line-height:36px;
    font-size:22px;
}

.panel-group.dropdown  .panel-heading a.collapsed span:before{
content: "\f107";
}

.panel-group.dropdown  .panel-heading a span:before{
content: "\f106";
}

.panel-group.dropdown .panel-collapse{
    z-index:3;
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top:36px;
    background-color:#000;
    border:1px solid #262626;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}


.panel-group.dropdown  .panel-collapse ul.list-group{
     position: relative;
    width: 100%;
    height: auto;
    float: left; 
    z-index:auto;
	border:0;
	background-color:transparent;
}


.panel-group.dropdown  .panel-collapse ul.list-group li.list-group-item{
     position: relative;
    width: 100%;
    height: auto;
    float: left; 
    padding: 0;
	border:0;
	background-color:transparent;
}

.panel-group.dropdown  .panel-collapse ul.list-group li a{
        position: relative;
    width: 100%;
    height: auto;
    float: left; 
     line-height:36px;
    font-size:16px;
    padding:0 10px;
	background-color:transparent;
	color:#EC2F10;
}

.panel-group.dropdown  .panel-collapse ul.list-group li a:hover{
	color:#fff;
}

.panel-group.dropdown  .panel-collapse .dim-sub{
    position: fixed;
    width:0%;
    height: 0%;
    top:0;
    left: 0;
   display: none;
    
    
          transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;    
}

.panel-group.dropdown  .panel-collapse.in .dim-sub{
    position: fixed;
    width:100%;
    height: 100%;
    top:0;
    left: 0;
   display: block;
    background-color:rgba(0,0,0,0.2);
    z-index:-1;
    
    
          transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;    
}

.btn-b01,.btn-b02,.btn-b03,.btn-b04{
	display:none;
}

.btn-b01.in,.btn-b02.in,.btn-b03.in,.btn-b04.in{
	display:block !important;
}


.app.in {
	position: relative;
	width:86px;
	height:auto;
	float: none;
	margin: auto;
	display:inline-block !important;
}

.app{
	position: relative;
	width:86px;
	height:auto;
	float: none;
	margin: auto;
	display:none;
}



/*======  Form ======*/
/* Form */

select.selector{

	width:100%;
    height:auto;
	cursor:pointer;
	padding-left:10px;
	padding-right:5px;
	position:relative;
    float: left;
	font-size:14px;
	overflow:hidden;
    color: #646464;
    text-align: left;
	border-radius:0;
	border-top:0 solid #fff;
	border-right:0 solid #fff;
	border-left:0 solid #fff;
	border-bottom: 1px solid #262626;
	outline: none;
	box-shadow:none;
	line-height: 26px;
	padding:6px;
	z-index:1px;
	appearance:none !important;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    background-color:transparent;
    background: url("../images/ar-selected.svg") no-repeat 100% white !important;
   background-size:20px auto !important;

}


select.selector option:disabled{
    color: #939393;
}

select.selector option::selected{
    color: #000;
}


input{
	position:relative;
	width: 100%;
	height: auto;
	float: left;
	margin:0;
}

input.in100:focus,select.selector:focus,textarea.in100:focus {
	outline:none;
	box-shadow:none;
	border-radius:0px;
   border-bottom:1px solid #EC2F10 !important; 
    }


input[type="text"].in100,
input[type="tel"].in100,
input[type="email"].in100,
input[type="password"].in100
{
	position:relative;
	width: 100%;
	height: auto;
	float: left;
	
	text-align: left;
	border-radius:0;
	border-top:0 solid #fff;
	border-right:0 solid #fff;
	border-left:0 solid #fff;
	border-bottom: 1px solid #262626;
	outline: none;
	box-shadow:none;
	line-height: 26px;
	padding:6px;
	
}


textarea.in100
{
	position:relative;
	width: 100%;
	height: auto;
	float: left;
border-top:0 solid #fff;
	border-right:0 solid #fff;
	border-left:0 solid #fff;
	border-bottom: 1px solid #262626;
	text-align: left;
	outline: none;
	border-radius:0;
	line-height: 26px;
	box-shadow:none;
	padding:6px;
	
}




button[type="submit"],button[type="submit"]:focus{
	position:relative;
	width: 100%;
	height: auto;
	float: left;
	border: 0;
	border-radius:5px;
	text-align: center;
	line-height: 26px;
	padding:6px 0 6px;
	font-size: 20px;
	color: #fff;
	background-color:#EC2F10;
	outline: none;

}

button[type="reset"].btn.btn-default,button[type="reset"].btn.btn-default:focus{
	position:relative;
	width: 100%;
	height: auto;
	float: left;
	border: 0;
	border-radius:5px;
	text-align: center;
	line-height: 26px;
	padding:6px 0 6px;
	font-size: 20px;
	color: #fff;
	background-color:#939393;
	outline: none;

}

button[type="submit"]:hover,button[type="submit"]:active{
	color: #EC2F10 !important;
	background-color:#0C0806 !important;
	outline: none !important;
}	
	

button[type="reset"].btn.btn-default:hover,button[type="reset"].btn.btn-default:active{
	color: #0C0806 !important;
	background-color:#EC2F10 !important;
	outline: none !important;
}


/* Nav */

section.pd-top-inside{
  margin-top:90px;  
}

#nav-top.affix + section.pd-top-inside{
     margin-top:65px; 
}


#nav-top {
  position: absolute;
  left: 0;
  width: 100%;
    height:auto;
   background-color:transparent;
     padding:0px;
  z-index: 300;
  text-align: center;
  font-size: 22px;
    top: 0;
  pointer-events: none;   
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
    
#nav-top .sections {
  display: table;
  width: 100%;
  font-size: 0;
    padding: 0;
}
#nav-top .sections > div{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  
  white-space: nowrap;
  font-size: 22px;
  height: auto !important;
}  


#nav-top .sections > div.flag-mb {
    width: 20%;
     text-align: right;
display: none;
}

#nav-top .sections > div * {
  pointer-events: all;
}

#nav-top .sections ul.menu {
  white-space: nowrap;
  display: inline-block;
  padding: 0 20px;
  font-size: 0;
	
}
#nav-top .sections ul.menu li {
  font-size: 22px;
  display: inline-block;
  margin: 0 10px;
list-style: none;
}
#nav-top .sections ul.menu li a {
    color: #fc1212;
  padding: 4px 10px 5px;
    text-decoration: none !important;
	z-index: 2 !important;
}

body.firstSlide.stage-1 #nav-top.affix,#nav-top.affix{
	position: fixed;
	height:65px;
    border-bottom:0px !important;
    /*Chrome, Safari*/
	-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1); 
	/*Standard Syntax*/
        box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);   
	
	background-color: rgba(0,0,0,0.5) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;		
	
}
.fa-flag-en:before {
  content:url("../assets/img/flag-en.png");
}

.fa-flag-th:before {
  content:url("../assets/img/flag-th.png");
}


.logo{
position:relative;
float: left;    
width:150px;
height:60px; 
margin: 0 auto;	
    
transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;      
    
} 

body.logo-mode .logo{
	opacity: 0;
}

body.logo-mode #nav-top.affix .logo{
	opacity: 1;
}


#nav-top.affix .logo{
width:150px;
height:60px;   
    
    transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;
}
#nav-top .sidebar-mb ul.menu li a:hover{
    color:#fff;
}


.logo a{
position: absolute;
 width: 100%;
height: 100%;
overflow:hidden;
top: 0;
left: 0;	
    
background-image: url("../images/logo-s-new.png"); 
	background-position: center;
background-repeat: no-repeat; 
background-size: contain;    
   
 transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;     
    
}

a.btn-img .in100{
    width:100%;
    height: auto;
    float:left;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;  
    
     transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out; 
}

a.btn-img .in100 .bg{
    width:100%;
    height: 100%;
    float:left;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index: 1;
    
    -webkit-background-position: center;
    -moz-background-position: center;
    -ms-background-position: center;
    -o-background-position: center;
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;  
    
     transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out; 
}

a.btn-img .in100 + .in100{
    width:100%;
    height: auto;
    float:left;
    font-size:14px;  
    line-height:20px;
    padding-top:10px;
    
     transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out; 
}

a.btn-img:hover .in100 + .in100{
    color:#254797;
    opacity: 1!important;
    
     transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out; 
}
a.btn-img:hover .in100 .bg{
    opacity:0.8;
    
    transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out; 
}


/* Icon Float */   


   /* Businees float */


.icon{
    position:relative;
    float: none;
    display:inline-block;
    width: 30px;
    height:auto;
	
    
    transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out; 
}

.icon a{
	position:relative;
	width: 100%;
    height:auto;
	z-index:10;
}

.icon a i{
	position:relative;
	width:30px;
    height:30px;
	padding:5px;
}

.icon a i svg{
	position:relative;
	width:20px;
    height:20px;
}

i.fa svg.big{
	position: relative;
	float:none;
	margin: auto;
	display:inline-block;
	width: 25px;
	height:25px;
	top:-3px;
	vertical-align: top;
}

i.fa svg{
	position: relative;
	float:none;
	margin: auto;
	display:inline-block;
	width: 20px;
	height: 20px;
	top:-3px;
	vertical-align: top;
}

i.fa .st0{
	fill:#fc1212;
}

a:hover i.fa .st0{
	fill:#fff;
	
	transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;    
	-o-transition:all 200ms ease-in-out; 
}

a i.fa .btn-svg{
	fill:#fff;
}

a:hover i.fa .btn-svg{
	fill:#fc1212;
}

a:focus i.fa .btn-svg,a:active i.fa .btn-svg{
	fill:#fc1212;
}

/* News float */

/* contact float */


/* Grid & float */
.max-w1200{
    max-width:1200px !important;
}

.max-w980{
    max-width:980px !important;
}

.max-w930{
    max-width:930px !important;
}

.max-w735{
    max-width:735px !important;
}

.row1 {
    margin-left: -1px;
    margin-right: -1px; 
}

.row7_5 {
    margin-left: -7.5px;
    margin-right: -7.5px; 
}

.row {
    margin-left: -15px;
    margin-right: -15px; 
}



.row1 [class*='col-']{
    position:relative;
    float: inherit;
    padding-left: 1px;
    padding-right: 1px;
}

.row7_5 [class*='col-']{
    position:relative;
    float: inherit;
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.row [class*='col-'] {
   position:relative;
     float: inherit;
    padding-left: 15px;
    padding-right: 15px;
 
}

.pull-left{
    float: left !important;
}
.pull-right{
     float: right !important;
}
.pull-center{
    float: none !important;
    margin-left:auto;
    margin-right:auto;
}

.text-center{
    text-align:center;
}
.text-left{
    text-align:left;
}
.text-right{
    text-align:right;
}

.pd-rl0{
  padding-left:0px !important;
   padding-right:0px !important;     
}

.pd-rl1{
  padding-left:1px !important;
   padding-right:1px !important;     
}
.pd-tb1{
  padding-top:1px !important;
   padding-bottom:1px !important;     
}

.pd-tb7_5{
  padding-top:7.5px !important;
   padding-bottom:7.5px !important;     
}

.pd-tb15{
  padding-top:15px !important;
   padding-bottom:15px !important;     
}

.pd-rl20{
 padding-left: 20px;
   padding-right: 20px;  
}

.pd-rl15{
 padding-left: 15px;
   padding-right: 15px;  
}
.pd-r15{
   padding-right: 15px;  
}
.pd-l15{
 padding-left: 15px;
}

.pd-rl7_5{
 padding-left: 7.5px !important;
   padding-right: 7.5px!important;
}
.pd-r7_5{
   padding-right:7.5px!important;
}
.pd-l7_5{
 padding-left: 7.5px!important;
}

.pd-t-1{
 padding-top: 10px;   
}
.pd-t-2{
 padding-top: 20px;   
}
.pd-t-3{
 padding-top: 30px;   
}
.pd-t-4{
 padding-top: 40px;   
}
.pd-t-6{
 padding-top: 60px;   
}
.pd-t-7{
 padding-top: 70px;   
}
.pd-t-8{
 padding-top: 80px;   
}

.pd-b-1{
 padding-bottom: 10px;   
}
.pd-b-2{
 padding-bottom: 20px;   
}
.pd-b-3{
 padding-bottom: 30px;   
}
.pd-b-4{
 padding-bottom: 40px;   
}
.pd-b-6{
 padding-bottom: 60px;   
}
.pd-b-7{
 padding-bottom: 70px;   
}
.pd-b-8{
 padding-bottom: 80px;   
}

.mg-t-0{
 margin-top: 0px;   
}

.mg-t-1{
 margin-top: 10px;   
}
.mg-t-2{
 margin-top: 20px;   
}
.mg-t-3{
 margin-top: 30px;   
}
.mg-t-4{
 margin-top: 40px;   
}
.mg-t-6{
 margin-top: 60px;   
}
.mg-t-7{
 margin-top: 70px;   
}
.mg-t-8{
 margin-top: 80px;   
}

.mg-b-0{
 margin-bottom: 0px;   
}

.mg-b-1{
 margin-bottom: 10px;   
}
.mg-b-2{
 margin-bottom: 20px;   
}
.mg-b-3{
 margin-bottom: 30px;   
}
.mg-b-4{
 margin-bottom: 40px;   
}
.mg-b-6{
 margin-bottom: 60px;   
}
.mg-b-7{
 margin-bottom: 70px;   
}
.mg-b-8{
 margin-bottom: 80px;   
}

/* tooltip */

a.tootip{
    position: relative;
    overflow:hidden;
}

span.tooltiptext {

  width: 0;
    height: 0;
    overflow: hidden;
  background-color: #94ca3a;
  color: #254797;
  text-align: center;
  border-radius: 6px;
  padding: 0;
  position: absolute;
  z-index: 1;
    top: 100%;
  left:50%;
    
    -webkit-transform: translate(-50%, 0%); 
    -moz-transform: translate(-50%, 0%); 
    -ms-transform: translate(-50%, 0%); 
    -o-transform: translate(-50%, 0%); 
    transform: translate(-50%, 0%); 
  
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;
}


a.tootip:hover{
     overflow:visible;    
}


a.tootip:hover span.tooltiptext {

  opacity: 1;
    width: auto!important;
    height: auto!important;
     padding:10px!important;
  top: -45px;
        -webkit-transform: translate(-50%, 0%); 
    -moz-transform: translate(-50%, 0%); 
    -ms-transform: translate(-50%, 0%); 
    -o-transform: translate(-50%, 0%); 
    transform: translate(-50%, 0%); 
    
    transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out; 
}


/* Icon Download figure */

.max-w-list{
    max-width:229px;
}

figure a{
    z-index:1;
}

figure.img-icon{
    position:relative;
    float: left;
}


figure.img-icon a.in100{
    position: relative;
    width:100%;
    height:auto;
    float: left;
}



figure.img-icon a.in100 .in100-abso{
    position: absolute;
    width:100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    
    -webkit-background-position: center;
    -moz-background-position: center;
    -ms-background-position: center;
    -o-background-position: center;
    background-position: center;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
   
}

figure.img-icon a.in100 .in100-abso .icon{
    position:relative;
    width:50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    float: left;
    line-height:50px;
    text-align: center;
    font-size:25px;
    background-color:rgba(37,71,151,0.8);
    
    top: 50%;
    left:50%;
    
    -webkit-transform: translate(-50%, -50%); 
    -moz-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
    -o-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); 

}

figure.img-icon:hover a.in100 .in100-abso .icon{
    color:#243175;
   background-color:rgba(148,202,58,0.8); 
}

/* For form 56-1 */

figure.img-icon .btn-download{
    position:relative;
    width: 100%;
    float: left;
    background-color:#1A2563;
    border-radius: 0;
    color:#fff;
    text-align:center;
    padding: 0 10px;
    margin-top:15px;
    
}

figure.img-icon .btn-download p{
    line-height:35px;
    margin-bottom:0;
}

figure.img-icon a:hover .btn-download{

    background-color:#b5b5b5;
}

body.modal-open{
	padding:0 !important;
}

.modal.fade.in{
	background-color: rgba(0,0,0,0.5) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;	
	
transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;  	
	
}

.modal.fade .modal-dialog {
    top:70vh;
    -webkit-transform: translate(0, -50vh); 
    -moz-transform: translate(0, -50vh); 
    -ms-transform: translate(0, -50vh); 
    -o-transform: translate(0, -50vh); 
    transform: translate(0, -50vh); 
	
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;

}

button.close{
	font-size:30px;
	line-height: 30px;
	color: #fff;
	opacity: 1;
}
button.close:hover{
	color: #E42D03;opacity: 1;
}


.modal-content{
	background-color:#151515;
	color:#fff;
	
}

.modal-header{
	padding-bottom:10px;
	border-bottom:0;
	text-align: center;
}


.modal-app {
	position: relative;
	width:60px;
	height:auto;
	float: none;
	margin: auto;
	display:inline-block !important;
}


/* Grid & & Option Set */
@media (min-width:930px){ 
    
  

/*===== Float NAV =====*/
#nav-top.float-act{
	box-shadow:none;
	
	background-color: transparent!important;
	backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;	
    
 transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;	
	}		
	
.float{
		position:fixed !important;
	left: 0 !important;
	right: 0 !important;
	width:100% !important;
	height:0;
	top: -5px;
	overflow:hidden;
	padding-top:40px;
	display:block;

	 transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;	
	
}

.float.collapse.in{
	top:80px;
	height:290px !important;
	padding-top:40px;
	display:block;
	
 transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;	
	
}
	
	
/*=====  OPTION  =====*/	
	
.match-height.cancel-xs-min,
[class*='match-height-'].cancel-xs-min{
       height: auto!important; 
    }     
    
.max-w735-xs-min{
    max-width:735px;
}    
    
.pd-rl15-xs-min{
 padding-left: 15px;
   padding-right: 15px;  
}
.pd-r15-xs-min{
   padding-right: 15px;  
}
.pd-l15-xs-min{
 padding-left: 15px;
}   
    
.pd-rl7_5-xs-min{
 padding-left: 7.5px !important;
   padding-right: 7.5px!important;
}
.pd-r7_5-xs-min{
   padding-right:7.5px!important;
}
.pd-l7_5-xs-min{
 padding-left: 7.5px!important;
}    

.pd-t-1-xs-min{
 padding-top: 10px;   
}
.pd-t-2-xs-min{
 padding-top: 20px;   
}
.pd-t-3-xs-min{
 padding-top: 30px;   
}
.pd-t-4-xs-min{
 padding-top: 40px;   
}
.pd-t-6-xs-min{
 padding-top: 60px;   
}
.pd-t-7-xs-min{
 padding-top: 70px;   
}
.pd-t-8-xs-min{
 padding-top: 80px;   
}

.pd-b-1-xs-min{
 padding-bottom: 10px;   
}
.pd-b-2-xs-min{
 padding-bottom: 20px;   
}
.pd-b-3-xs-min{
 padding-bottom: 30px;   
}
.pd-b-4-xs-min{
 padding-bottom: 40px;   
}
.pd-b-6-xs-min{
 padding-bottom: 60px;   
}
.pd-b-7-xs-min{
 padding-bottom: 70px;   
}
.pd-b-8-xs-min{
 padding-bottom: 80px;   
}    
  
    
  
    
.text-center-xs-min{
    text-align:center;
}
.text-left-xs-min{
    text-align:left;
}
.text-right-xs-min{
    text-align:right;
}
    
.pull-left-xs-min{
    float: left !important;;
}
.pull-right-xs-min{
     float: right !important;
}
.pull-center-xs-min{
    float: none !important;
    margin-left:auto;
    margin-right:auto;
}    
    
.col-xs-1-min{
     width: 14.2867142857%;
}    
.col-xs-2-min{
      width:16.66667%;
}
.col-xs-2_5-min{
      width:20%;
}      
.col-xs-3-min{
      width:25%;
}
  
.col-xs-4-min{
      width:33.33333%;
}
.col-xs-5-min{
      width:41.66667%;
}
.col-xs-6-min{
      width:50%;
}
.col-xs-7-min{
      width:58.33333%;
}
.col-xs-8-min{
     width:66.66667%; 
}
.col-xs-9-min{
      width:75%;
}
.col-xs-10-min{
      width:83.33333%;
}
.col-xs-11-min{
     width: 91.66667%; 
}
.col-xs-12-min{
     width:100%;
}
  
 .hidden-only-xs-min{
     display:none!important;
    }      
    
 .hidden-xs-min{
     display:none;
    }   
.show-xs-min{
     display:block;
    }   
           
    
.obj-center-xs-min{
 
    width: 100%;
    height: auto;
    
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); 
    -moz-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
    -o-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); 
}     
    
    
}
/* Only Grid & Option Set */
@media (max-width:929px){     
    
/*===== Float NAV =====*/
.float{
	position:relative!important;
float: left;
	width:100% !important;
	height:auto;
	top: 0;
	padding-left:20px;
	overflow:hidden;
	display:block;
	background-color:transparent;
	 transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;	
	
}
	
	
.float.collapse.in{
	top: 0;
	height:auto;
	
 transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;	
	
}
.float.collapse .in100.pull-center{
margin-top:-200%;
 transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;
}

.float.collapse.in .in100.pull-center{
margin-top:0;
 transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;	
}	
    
/*===== OPTION =====*/	
	
.match-height.cancel-xs,  
[class*='match-height-'].cancel-xs{
       height: auto!important; 
    }      
    
.max-w1200-xs{
    max-width:1200px;
}     
    
.max-w980-xs{
    max-width:980px;
}   
    
.max-w930-xs{
    max-width:930px;
}    
    
.max-w735-xs{
    max-width:735px;
}    
    
.pd-rl15-xs{
 padding-left: 15px;
   padding-right: 15px;  
}
.pd-r15-xs{
   padding-right: 15px;  
}
.pd-l15-xs{
 padding-left: 15px;
}  
    
 .pd-rl7_5-xs{
 padding-left:7.5px;
   padding-right: 7.5px; 
}
.pd-r7_5-xs{
   padding-right: 7.5px; 
}
.pd-l7_5-xs{
 padding-left: 7.5px;
}    
      
.pd-t-1-xs{
 padding-top: 10px;   
}
.pd-t-2-xs{
 padding-top: 20px;   
}
.pd-t-3-xs{
 padding-top: 30px;   
}
.pd-t-4-xs{
 padding-top: 40px;   
}
.pd-t-6-xs{
 padding-top: 60px;   
}
.pd-t-7-xs{
 padding-top: 70px;   
}
.pd-t-8-xs{
 padding-top: 80px;   
}

.pd-b-1-xs{
 padding-bottom: 10px;   
}
.pd-b-2-xs{
 padding-bottom: 20px;   
}
.pd-b-3-xs{
 padding-bottom: 30px;   
}
.pd-b-4-xs{
 padding-bottom: 40px;   
}
.pd-b-6-xs{
 padding-bottom: 60px;   
}
.pd-b-7-xs{
 padding-bottom: 70px;   
}
.pd-b-8-xs{
 padding-bottom: 80px;   
}    
      
    
.text-center-xs{
    text-align:center;
}
.text-left-xs{
    text-align:left;
}
.text-right-xs{
    text-align:right;
}
     
.pull-left-xs{
    float: left;
}
.pull-right-xs{
     float: right !important;
}
.pull-center-xs{
    float: none !important;
    margin-left:auto;
    margin-right:auto;
}     
    
.col-xs-1{
      width: 14.2867142857%;
}    
.col-xs-2{
      width:16.66667%;
}
.col-xs-2_5{
      width:20%;
}      
.col-xs-3{
      width:25%;
}
.col-xs-4{
      width:33.33333%;
}
   
.col-xs-5{
      width:41.66667%;
}
.col-xs-6{
      width:50%;
}
.col-xs-7{
      width:58.33333%;
}
.col-xs-8{
     width:66.66667%; 
}
.col-xs-9{
      width:75%;
}
.col-xs-10{
      width:83.33333%;
}
.col-xs-11{
     width: 91.66667%; 
}
.col-xs-12{
     width:100%;
}
  .hidden-xs{
     display:none;
    }  
.hidden-only-xs{
     display:none!important;
    }     
    
.show-xs{
     display:block;
    }   
        
    
.obj-center-xs{
 
    width: 100%;
    height: auto;
    
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); 
    -moz-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
    -o-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); 
}     
    
}

/* Only Grid & Option Set */
@media (min-width:767px){  
  .pull-left-xxs-min{
    float: left;
}
.pull-right-xxs-min{
     float: right !important;
}
.pull-center-xxs-min{
    float: none !important;
    margin-left:auto;
    margin-right:auto;
}    
    
.pd-rl15-xxs-min{
 padding-left: 15px;
   padding-right: 15px;  
}
.pd-r15-xxs-min{
   padding-right: 15px;  
}
.pd-l15-xxs-min{
 padding-left: 15px;
}    
      
.pd-t-1-xxs-min{
 padding-top: 10px;   
}
.pd-t-2-xxs-min{
 padding-top: 20px;   
}
.pd-t-3-xxs-min{
 padding-top: 30px;   
}
.pd-t-4-xxs-min{
 padding-top: 40px;   
}
.pd-t-6-xxs-min{
 padding-top: 60px;   
}
.pd-t-7-xxs-min{
 padding-top: 70px;   
}
.pd-t-8-xxs-min{
 padding-top: 80px;   
}

.pd-b-1-xxs-min{
 padding-bottom: 10px;   
}
.pd-b-2-xxs-min{
 padding-bottom: 20px;   
}
.pd-b-3-xxs-min{
 padding-bottom: 30px;   
}
.pd-b-4-xxs-min{
 padding-bottom: 40px;   
}
.pd-b-6-xxs-min{
 padding-bottom: 60px;   
}
.pd-b-7-xxs-min{
 padding-bottom: 70px;   
}
.pd-b-8-xxs-min{
 padding-bottom: 80px;   
}    
      
    
    
.text-center-xxs-min{
    text-align:center;
}
.text-left-xxs-min{
    text-align:left;
}
.text-right-xxs-min{
    text-align:right;
}    
  
.col-xxs-1-min{
     width: 14.2867142857%;
}    
.col-xxs-2-min{
      width:16.66667%;
}
.col-xxs-2_5-min{
      width:20%;
}      
.col-xxs-3-min{
      width:25%;
}
.col-xxs-4-min{
      width:33.33333%;
}
.col-xxs-5-min{
      width:41.66667%;
}
.col-xxs-6-min{
      width:50%;
}
.col-xxs-7-min{
      width:58.33333%;
}
.col-xxs-8-min{
     width:66.66667%; 
}
.col-xxs-9-min{
      width:75%;
}
.col-xxs-10-min{
      width:83.33333%;
}
.col-xxs-11-min{
     width: 91.66667%; 
}
.col-xxs-12-min{
     width:100%;
}
  
    
.hidden-xxs-min{
     display:none!important;
    }   
.show-xxs-min{
     display:block!important;
    }   
    
    
.obj-center-xxs-min{
 
    width: 100%;
    height: auto;
    
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); 
    -moz-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
    -o-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); 
}     
    
}

@media (max-width:767px){ 
.modal.fade .modal-dialog {
	padding-left: 10px;
	padding-right: 10px;
    top:70vh;
    -webkit-transform: translate(0, -50vh); 
    -moz-transform: translate(0, -50vh); 
    -ms-transform: translate(0, -50vh); 
    -o-transform: translate(0, -50vh); 
    transform: translate(0, -50vh); 
	
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;

}
}

@media (max-width:766px){    
 .match-height.cancel-xxs,   
[class*='match-height-'].cancel-xxs{
       height: auto!important; 
    }     
	
.pd-rl15-xxs{
 padding-left: 15px;
   padding-right: 15px;  
}
.pd-r15-xxs{
   padding-right: 15px;  
}
.pd-l15-xxs{
 padding-left: 15px;
}    
      
    
      
.pd-t-1-xxs{
 padding-top: 10px;   
}
.pd-t-2-xxs{
 padding-top: 20px;   
}
.pd-t-3-xxs{
 padding-top: 30px;   
}
.pd-t-4-xxs{
 padding-top: 40px;   
}
.pd-t-6-xxs{
 padding-top: 60px;   
}
.pd-t-7-xxs{
 padding-top: 70px;   
}
.pd-t-8-xxs{
 padding-top: 80px;   
}

.pd-b-1-xxs{
 padding-bottom: 10px;   
}
.pd-b-2-xxs{
 padding-bottom: 20px;   
}
.pd-b-3-xxs{
 padding-bottom: 30px;   
}
.pd-b-4-xxs{
 padding-bottom: 40px;   
}
.pd-b-6-xxs{
 padding-bottom: 60px;   
}
.pd-b-7-xxs{
 padding-bottom: 70px;   
}
.pd-b-8-xxs{
 padding-bottom: 80px;   
}      
    
.text-center-xxs{
    text-align:center;
}
.text-left-xxs{
    text-align:left;
}
.text-right-xxs{
    text-align:right;
}    
    
.pull-left-xxs{
    float: left!important;
}
.pull-right-xxs{
     float: right!important;
}
.pull-center-xxs{
    float: none!important;
    margin-left:auto;
    margin-right:auto;
}     
    
.col-xxs-1{
     width: 14.2867142857%;
}    
.col-xxs-2{
      width:16.66667%;
}
.col-xxs-2_5{
      width:20%;
}      
.col-xxs-3{
      width:25%;
}
.col-xxs-4{
      width:33.33333%;
}
.col-xxs-5{
      width:41.66667%;
}
.col-xxs-6{
      width:50%;
}
  
.col-xxs-7{
      width:58.33333%;
}
.col-xxs-8{
     width:66.66667%; 
}
.col-xxs-9{
      width:75%;
}
.col-xxs-10{
      width:83.33333%;
}
.col-xxs-11{
     width: 91.66667%; 
}
.col-xxs-12{
     width:100%;
}
   
.hidden-xxs{
     display:none!important;
    }   
.show-xxs{
     display:block!important;
    }     
    
.obj-center-xxs{
 
    width: 100%;
    height: auto;
    
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); 
    -moz-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
    -o-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); 
}  
    
}

/* Only Grid & Option Set */

@media (min-width:569px){ 
 
.pd-rl15-xxss-min{
 padding-left: 15px;
   padding-right: 15px;  
}
.pd-r15-xxss-min{
   padding-right: 15px;  
}
.pd-l15-xxss-min{
 padding-left: 15px;
} 
    
      
.pd-t-1-xxss-min{
 padding-top: 10px;   
}
.pd-t-2-xxss-min{
 padding-top: 20px;   
}
.pd-t-3-xxss-min{
 padding-top: 30px;   
}
.pd-t-4-xxss-min{
 padding-top: 40px;   
}
.pd-t-6-xxss-min{
 padding-top: 60px;   
}
.pd-t-7-xxss-min{
 padding-top: 70px;   
}
.pd-t-8-xxss-min{
 padding-top: 80px;   
}

.pd-b-1-xxss-min{
 padding-bottom: 10px;   
}
.pd-b-2-xxss-min{
 padding-bottom: 20px;   
}
.pd-b-3-xxss-min{
 padding-bottom: 30px;   
}
.pd-b-4-xxss-min{
 padding-bottom: 40px;   
}
.pd-b-6-xxss-min{
 padding-bottom: 60px;   
}
.pd-b-7-xxss-min{
 padding-bottom: 70px;   
}
.pd-b-8-xxss-min{
 padding-bottom: 80px;   
}      
    
    
.text-center-xxss-min{
    text-align:center;
}
.text-left-xxss-min{
    text-align:left;
}
.text-right-xxss-min{
    text-align:right;
}     
.pull-left-xxss-min{
    float: left;
}
.pull-right-xxss-min{
     float: right;
}
.pull-center-xxss-min{
    float: none;
    margin-left:auto;
    margin-right:auto;
}      
    
.col-xxss-1-min{
   width: 14.2867142857%;
}    
.col-xxss-2-min{
      width:16.66667%;
}
.col-xxss-2_5-min{
      width:20%;
}    
.col-xxss-3-min{
      width:25%;
}
.col-xxss-4-min{
      width:33.33333%;
}
.col-xxss-5-min{
      width:41.66667%;
}
.col-xxss-6-min{
      width:50%;
}
.col-xxss-7-min{
      width:58.33333%;
}
.col-xxss-8-min{
     width:66.66667%; 
}
.col-xxss-9-min{
      width:75%;
}
.col-xxss-10-min{
      width:83.33333%;
}
.col-xxss-11-min{
     width: 91.66667%; 
}
.col-xxss-12-min{
     width:100%;
}    
    
.hidden-xxss-min{
     display:none!important;
    }    
.show-xxss-min{
     display:block!important;
    }      
    
.obj-center-xxss-min{
 
    width: 100%;
    height: auto;
    
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); 
    -moz-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
    -o-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); 
}      
    
}

@media (max-width:568px){ 
    
    
.match-height.cancel-xxss,    
[class*='match-height-'].cancel-xxss{
       height: auto!important; 
    }     
    
.pd-rl15-xxss{
 padding-left: 15px;
   padding-right: 15px;  
}
.pd-r15-xxss{
   padding-right: 15px;  
}
.pd-l15-xxss{
 padding-left: 15px;
} 
    
.pd-t-1-xxss{
 padding-top: 10px;   
}
.pd-t-2-xxss{
 padding-top: 20px;   
}
.pd-t-3-xxss{
 padding-top: 30px;   
}
.pd-t-4-xxss{
 padding-top: 40px;   
}
.pd-t-6-xxss{
 padding-top: 60px;   
}
.pd-t-7-xxss{
 padding-top: 70px;   
}
.pd-t-8-xxss{
 padding-top: 80px;   
}

.pd-b-1-xxss{
 padding-bottom: 10px;   
}
.pd-b-2-xxss{
 padding-bottom: 20px;   
}
.pd-b-3-xxss{
 padding-bottom: 30px;   
}
.pd-b-4-xxss{
 padding-bottom: 40px;   
}
.pd-b-6-xxss{
 padding-bottom: 60px;   
}
.pd-b-7-xxss{
 padding-bottom: 70px;   
}
.pd-b-8-xxss{
 padding-bottom: 80px;   
}      
    
.text-center-xxss{
    text-align:center;
}
.text-left-xxss{
    text-align:left;
}
.text-right-xxss{
    text-align:right;
}     
.pull-left-xxss{
    float: left!important;
}
.pull-right-xxss{
     float: right!important;
}
.pull-center-xxss{
    float: none!important;
    margin-left:auto;
    margin-right:auto;
}      
    
.col-xxss-1{
   width: 14.2867142857%;
}    
.col-xxss-2{
      width:16.66667%;
}
.col-xxss-2_5{
      width:20%;
}    
.col-xxss-3{
      width:25%;
}
.col-xxss-4{
      width:33.33333%;
}
.col-xxss-5{
      width:41.66667%;
}
.col-xxss-6{
      width:50%;
}
.col-xxss-7{
      width:58.33333%;
}
.col-xxss-8{
     width:66.66667%; 
}
.col-xxss-9{
      width:75%;
}
.col-xxss-10{
      width:83.33333%;
}
.col-xxss-11{
     width: 91.66667%; 
}
.col-xxss-12{
     width:100%;
}
    
.hidden-xxss{
     display:none !important;
    }    
.show-xxss{
     display:block;
    }     
    
.obj-center-xxss{
 
    width: 100%;
    height: auto;
    
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); 
    -moz-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
    -o-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); 
}    
    
}

@media (min-width:415px){ 
    
.pd-t-1-3xs-min{
 padding-top: 10px;   
}
.pd-t-2-3xs-min{
 padding-top: 20px;   
}
.pd-t-3-3xs-min{
 padding-top: 30px;   
}
.pd-t-4-3xs-min{
 padding-top: 40px;   
}
.pd-t-6-3xs-min{
 padding-top: 60px;   
}
.pd-t-7-3xs-min{
 padding-top: 70px;   
}
.pd-t-8-3xs-min{
 padding-top: 80px;   
}

.pd-b-1-3xs-min{
 padding-bottom: 10px;   
}
.pd-b-2-3xs-min{
 padding-bottom: 20px;   
}
.pd-b-3-3xs-min{
 padding-bottom: 30px;   
}
.pd-b-4-3xs-min{
 padding-bottom: 40px;   
}
.pd-b-6-3xs-min{
 padding-bottom: 60px;   
}
.pd-b-7-3xs-min{
 padding-bottom: 70px;   
}
.pd-b-8-3xs-min{
 padding-bottom: 80px;   
}      
    
    
 .pull-left-3xs-min{
    float: left;
}
.pull-right-3xs-min{
     float: right;
}
.pull-center-3xs-min{
    float: none;
    margin-left:auto;
    margin-right:auto;
}   
    
.obj-center-3xs-min{
 
    width: 100%;
    height: auto;
    
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); 
    -moz-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
    -o-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); 
}     
    
}

@media (max-width:414px){ 
    .match-height.cancel-3xs,
    [class*='match-height-'].cancel-3xs{
       height: auto!important; 
    }    
    
.pd-rl15-3xs{
 padding-left: 15px;
   padding-right: 15px;  
}
.pd-r15-3xs{
   padding-right: 15px;  
}
.pd-l15-3xs{
 padding-left: 15px;
} 
    
.pd-t-1-3xs{
 padding-top: 10px;   
}
.pd-t-2-3xs{
 padding-top: 20px;   
}
.pd-t-3-3xs{
 padding-top: 30px;   
}
.pd-t-4-3xs{
 padding-top: 40px;   
}
.pd-t-6-3xs{
 padding-top: 60px;   
}
.pd-t-7-3xs{
 padding-top: 70px;   
}
.pd-t-8-3xs{
 padding-top: 80px;   
}

.pd-b-1-3xs{
 padding-bottom: 10px;   
}
.pd-b-2-3xs{
 padding-bottom: 20px;   
}
.pd-b-3-3xs{
 padding-bottom: 30px;   
}
.pd-b-4-3xs{
 padding-bottom: 40px;   
}
.pd-b-6-3xs{
 padding-bottom: 60px;   
}
.pd-b-7-3xs{
 padding-bottom: 70px;   
}
.pd-b-8-3xs{
 padding-bottom: 80px;   
}     
    
.text-center-3xs{
    text-align:center;
}
.text-left-3xs{
    text-align:left;
}
.text-right-3xs{
    text-align:right;
}     
.pull-left-3xs{
    float: left!important;
}
.pull-right-3xs{
     float: right!important;
}
.pull-center-3xs{
    float: none!important;
    margin-left:auto;
    margin-right:auto;
}      
    
.col-3xs-1{
   width: 14.2867142857%;
}    
.col-3xs-2{
      width:16.66667%;
}
.col-3xs-2_5{
      width:20%;
}    
.col-3xs-3{
      width:25%;
}
.col-3xs-4{
      width:33.33333%;
}
.col-3xs-5{
      width:41.66667%;
}
.col-3xs-6{
      width:50%;
}
.col-3xs-7{
      width:58.33333%;
}
.col-3xs-8{
     width:66.66667%; 
}
.col-3xs-9{
      width:75%;
}
.col-3xs-10{
      width:83.33333%;
}
.col-3xs-11{
     width: 91.66667%; 
}
.col-3xs-12{
     width:100%;
}
    
.obj-center-3xs{
 
    width: 100%;
    height: auto;
    
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); 
    -moz-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
    -o-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); 
}     
    
}


 /* Index */

nav.slide.stroke{
   width:30px !important;
    min-width:none !important;
    padding: 0 !important;
    left:auto;
    right:0;
}


.navigation li {
  fill: #fff;
  display: block;
  background: transparent;
  padding: 9px;
  margin: 0 -9px;
  cursor: pointer;
  position: relative;
}


.zindex30{
 z-index:30;   
}

.bg{
 width: 100%;
height: 100%;  
    position: absolute;
top: 0;
left: 0;
    z-index: -1;
-webkit-background-position: center;  
-moz-background-position: center;   
-o-background-position: center;     
    -ms-background-position: center; 
background-position: center;  

background-repeat: no-repeat;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-ms-background-size: cover; 
-o-background-size: cover;      
background-size: cover;    
    
}


.bg-under{
   width: 105%;
height: 105%;  
    position: absolute;
bottom: -2.5%;
right:-2.5%;
    z-index: -2;
-webkit-background-position: center;  
-moz-background-position: center;   
-o-background-position: center;     
    -ms-background-position: center; 
background-position: center;  

background-repeat: no-repeat;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-ms-background-size: cover; 
-o-background-size: cover;     
background-size: cover;      
}

.bg-cover{

-webkit-background-position: center;  
-moz-background-position: center;   
-o-background-position: center;     
    -ms-background-position: center; 
background-position: center;  

background-repeat: no-repeat;
    
-webkit-background-size: cover; 
-moz-background-size: cover; 
-ms-background-size: cover; 
-o-background-size: cover;      
background-size: cover;    
    
}

.bg-contain{
 width: 100%;
height: 100%;  
 position: absolute;
top:0;
left: 0;
    z-index: -1;
-webkit-background-position: center top;  
-moz-background-position: center top;    
-o-background-position: center top;      
    -ms-background-position: center top;  
background-position: center top;   

background-repeat: no-repeat;
-webkit-background-size: 100% auto; 
-moz-background-size: 100% auto; 
-ms-background-size: 100% auto; 
-o-background-size: 100% auto;      
background-size: 100% auto;  	
}

a.in100{
 width: 100%;
height: auto;
position: relative;
}

.in100{
 width: 100%;
height: auto;
position: relative;
}

.abso{
   position: absolute; 
}

.img-w{
 width: 100%;
height: auto;
position: relative;
float: left;
}

.vdo{
  width: 100%;
height: 100%;
position: absolute;	
float: left;   
    z-index:0;
}

.img-blank,
.blank-vdo{
  width: 100%;
height: auto;
position: relative;
float: left;   
z-index:-999 !important;    
}

.set{
    position:absolute;
    width:100%;
    height:auto;
    max-width:250px;
    color:#222222;
    padding:10px;
    
    background-color:#fff;
    border-radius: 0 15px;
     z-index:100; 
    left: 1.8%;
    bottom: 1.5%;
}

/* footer */

.container.last,.container-fluid.last{
	padding-top:60px;
   padding-bottom:150px; 
}


body.inside footer{
    position: relative!important;
    width: 100%;
    height: auto;
    float: left;
    bottom: 0;
    
}

footer{
    position:absolute;
    text-align: left;
left: 0;
    right: 0;
    bottom: 0 !important;
padding: 0;
    
    
}

footer h4{
    color:#4C4C4C;
    margin-bottom: 0;
}

footer p{
    color:#4C4C4C;
    font-weight: 600;
    margin-bottom: 0;
    font-size:16px;
    line-height:20px;
}

footer small{
line-height:12px;
    font-size:10px;
}

footer ul{
    list-style: none;
    padding: 0px;
    margin: 0;
}

footer ul li{
    list-style: none;
    padding-top:5px;
    padding-bottom:5px;
}

footer a{
    color:#fff;
    font-size:14px;
    line-height:18px;
}

footer a h5{
font-size:16px;
    line-height:24px;
    margin: 0;
}

footer a:hover{
    color:#254797;
}


/* About us */

body.inside section.h50{
    position:relative;
    width:100%;
    height: 50vh;
    float: left;
    min-height:478px;
    
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    
    
    transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out; 
}

.hd-text.abso{
height:auto;
width:100%;
position: absolute;
bottom:0;
left: 0;  
background-color:rgba(148,202,58,0.8);     
}

.hd-text.abso h1{
    margin:0;
    padding:10px 15px;
    font-size:190%;
    line-height:100%;
    color:#254797 !important;
}

.icon-info{
    position:absolute;
    width:21px;
    height:21px;
    right:5px;
    bottom:8px;
    font-size:21px;
    line-height:21px;
    padding:0 0 1px 1px;
    text-align: center;
    z-index: 5;
    border-radius:50%;
    background-color: #fff;
}

a.list-text{
    position:relative;
    width: 100%;
    height: auto;
    float: left;
    display:table;
}

a.list-text .icon{
   position:relative;
    width:100px;
    height:auto; 
    top: 0;
    left: 0;
    display: table-cell;
    padding: 7.5px 0;
}

a.list-text .icon + .text {
   position:relative;
    width:auto;
    height: auto;
    vertical-align: middle;
    display: table-cell;
    padding: 7.5px 0px 7.5px 15px;
}

    



@media (max-width: 1200px) {
    body.inside section.h50{
    min-height:410px;
 
}
}

@media (min-width:930px){ 
    
/* Nav */ 
    

.dim{
  position:fixed;
 width: 100%;
height:0%;
top: -1px;
left:0;
    right:0;
    opacity:0;
    background-color:transparent;
z-index: -200; 

 transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;     
}
        
    
.dim.in{
height:100%;
	top: 0;
    bottom:0;
    opacity:1;
	background-color: rgba(0,0,0,0.5) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;	
z-index: 200;    
    
 transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;     
}    

 
    
    
.hidden-dt{
  display: none !important;      
    }    	
	
#nav-mb.sidebar-mb .content {
  overflow: visible !important;
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  top: auto;
  left: auto;
  width: 100%;
  height: auto;
  z-index: 100;
  -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; 
    
 transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;      
}

    
      
.img-nav-mb{
    display: none;

 transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;      
    }
    
    .flag{
        position:relative;
        float: right;
        line-height: 40px;
        margin-top:-8px;
        
     transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;      
    }    
    
    .flag a:hover span.fa-flang-en,
    .flag a:hover span.fa-flang-th{
        opacity:0.8;
    
     transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;      
    }
    
    
    #nav-top.bg-wh {
        background-color: #fff;
        
     transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
    -o-transition:all 200ms ease-in-out;     
    } 
    
body.logo-mode .logo.active{
      opacity:0;     
    
    }
	
#nav-top.affix{
 height:65px;
    
 transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;      
} 
	
    #nav-top{
		
	   border-radius:0; 
    -webkit-box-shadow: none;     
    box-shadow: none;    
            
 transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;    
    }    
    
body.logo-mode #nav-top.affix + .modal.fade + .modal.fade + section .hd-logo{
	width:0% ;
	height:0% ;
	
 transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;	
	
	}	
	
	
#nav-top .sidebar-mb {
position:absolute;
 padding:0 5px 0 170px;
	float: right;
	width: 100%;
top: 0;
	left: 0;
}
	
body.logo-mode #nav-top .sidebar-mb {
 padding:0;
}	
	
#nav-top.affix .sidebar-mb,body.logo-mode #nav-top.affix  .sidebar-mb {
 padding:0 10px 0 170px !important;
}		
	
#nav-top .sidebar-mb ul.menu{
	float: left;
	padding:0;
	}
	
 #nav-top .sidebar-mb ul.menu + ul.menu{
	float: right;
	}   	  
  
 #nav-top .sidebar-mb ul.menu + ul.menu + ul.menu{
	display: none;
	}	
	
body.logo-mode  #nav-top .sidebar-mb ul.menu{
	float: none;
	display:inline;
	padding:0;
	width:auto;
	} 
	
body.logo-mode #nav-top.affix  .sidebar-mb ul.menu{
	float: left;
	display:block;
	padding:0;
	width:auto;
	}	
	
body.logo-mode #nav-top .sidebar-mb ul.menu + ul.menu{
	float: none;
	}	

body.logo-mode #nav-top.affix .sidebar-mb ul.menu + ul.menu{
	float: right;
	}	
	
 	

#nav-top .sidebar-mb ul.menu li {
padding:0;
    margin: 0;
    
 transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;      
}	
       
    
#nav-top.affix .sidebar-mb ul.menu li a{
 line-height: 65px; 
    font-size:16px; 
     padding:0 15px;
    border-radius: 0;
    margin:0;
    
 transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;      
}  
    
	
    
#nav-top .sidebar-mb ul.menu li a{
    position:relative;
     float:left;
    width: 100%;
    height:auto;    
     line-height:65px; 
    font-size:16px;
    border-radius: 0;
	font-family: 'Sriracha', cursive !important;
    
     transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;  
    } 	
	
    
    
   #nav-top .sections > div.logo-center-mb{
    padding-left:15px !important;
	    width:100%;
    position:relative;
   float: left;
    top:0;
    } 
 
    
   #nav-top .sections > div.flag-mb{
    padding-right:15px !important;
    } 


	

}

@media (max-width:929px){
    
/* Nav */     
	
    section.pd-top-inside{
  margin-top:65px;  
}
      html.y-hidden,body.y-hidden{
    -webkit-overflow-y: hidden;   
    overflow-y: hidden;    
    } 
    
    .dim,.dim.in{
        display:none;
    }    

   .btn-nav-mb{
    position:absolute;
    top:0;    
    left:0;
        right:auto;
        width:45px;
        height:65px !important;
        line-height: 60px;
        font-size:25px;
        text-align: center;
	   cursor: pointer;
       color:#e52d01;
	   z-index:10;
    }   
    
    .btn-nav-mb:hover{
       color:#fff;
    }
  
	
 body.logo-mode #nav-top{
        background-color:transparent;      
    
    }
	
body.logo-mode #nav-top.affix + .modal.fade + .modal.fade + section .hd-logo{
	width:100%;
	height:0;
	
 transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;	
	
	}	
	
#nav-top{
 height: 60px;
border-radius:0;	
   padding: 0 !important;
	
        background-color:rgba(0,0,0,8);
    /*Chrome, Safari*/
	-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1); 
	/*Standard Syntax*/
        box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);   
        
      transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;          
        
    } 	 
    
    #nav-top.visible{
	width: 100vw;	
     height: 100vh;
	bottom: 0;
		top: 0;
		left: 0;
		right: 0;
		
		background-color: rgba(0,0,0,0.5) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;		
		
    
         transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;       
        
    }    
    
    
    .flag-mb{
        position:absolute;
       width:60px;
        height: 65px;
        right: 0;
        top:0;
		display:block !important;
    }  
    
   .flag-mb .flag{
      position:absolute;
       width:60px;
        height: 65px;  
        right: 0;
        top:0;
       text-align:center;
       line-height:60px;
    }
	
	.flag a{
	font-size: 16px;
	}
    
.hidden-mb{
    display: none !important;
    } 
    
    
	
	 .logo-center-mb{
	 width:100% !important;
    position:absolute;
    top:0; 
        background-color: transparent;
		
	}
	
	.logo-center-mb.active .logo{
width:200px !important;	
		z-index: 3;
	}
	
	.logo-center-mb.active .logo a{
	background-position: center 3px;
    -webkit-background-position: center 3px;
	-moz-background-position: center 3px;
	-ms-background-position: center 3px;
	-o-background-position: center 3px;	
		
	
	background-size: auto 54px;	
	-webkit-background-size: auto  54px;		
	-moz-background-size: auto  54px;		
	-ms-background-size: auto 54px;		
	}
	
 
    .logo-center-mb .logo{
        float:none;
        margin: 0px auto 0 auto;
        width:150px;
        height: 60px;
		background-color: transparent;
    }
	
body.logo-mode	.logo-center-mb{
        background-color: transparent ;
	}
	
body.logo-mode .logo-center-mb .logo.active{
	opacity:1;
	} 
	
body.logo-mode .logo-center-mb .logo{
	opacity:0;
	}	
 
#nav-top.affix .logo{
width:150px;
height:60px;   
    
    transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;
}	
	
    .img-nav-mb{
        position:relative;
        float: none;
     width:40px;
        height: auto;
    }    
    
#nav-top.nav-text-wh .sidebar-mb .content .menu, #nav-top.nav-text-wh .sidebar-mb .content .social {
 color:#222222 !important;   
}
   
    
.sidebar-mb{
  position: fixed;

  top: 0px !important;
    left: 0 !important;
  right: 0 !important;
bottom: auto;  
  margin: 0 0 auto 0;    
   width: 100% !important;
  max-width: none;
  height: 0% ;
  color: #222222;
  z-index:-1;
  background-color: transparent;
 opacity: 0;
  overflow:hidden;
	
  /* ELEMENTS */
  /* menu items */
  /* social */
        
    
transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;     
    
    }      
       
    
.sidebar-mb.visible{
 position: fixed;
bottom: 0 !important;
top:60px!important;
    margin: 0 !important;
  width: 100vw !important;
    height:  100vh !important;
  opacity: 1;
	z-index:0;
    -webkit-overflow-y: auto !important;
     overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}      

.sidebar-mb .content {
 -webkit-overflow-x: hidden !important;
    overflow-x: hidden !important;    
    
  position: absolute;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  top: 0!important;
  left: 0!important;
right: 0 !important; 
bottom: 0;	
     padding: 0;
        margin: 0;
    
  width:  100%;
  height:  100%;
  z-index:100;
-webkit-overflow-y: auto;   
    overflow-y: auto;
  -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
    

    
 .sidebar-mb  ul.menu {
   position: relative;  
   width:100%;
    height: auto;
    float: left;
    padding:20px 0 0 0 !important; 
     margin:0  !important;
	 z-index: 0;
    }  
 #nav-top .sidebar-mb ul.menu + ul.menu{
	padding: 0 0 15px 0 !important; 
	 border-bottom: 1px solid #1F1F1F; 
	} 	
	
 #nav-top .sidebar-mb ul.menu + ul.menu + ul.menu{
	 display: block;
	 border-bottom: 0; 
	}	
	 	
    
#nav-top .sidebar-mb ul.menu li a{
	font-family: 'Sriracha', cursive !important;
	}	
	
.sidebar-mb  ul.menu li {
   position: relative;  
   width:100%;
    height: auto;
    float: left;
     padding: 0px; 
     margin:0  0 0 -10px !important;	
    }      
        
    
 .sidebar-mb ul.menu li:first-child {
   position:relative;
     float:left;
    padding-top: 0px !important; 
    }  
    
    .sidebar-mb ul.menu li a{
    position:relative;
     float:left;
    width: 100%;
    height:auto;    
     line-height: 20px; 
    font-size: 18px;    
        padding:15px 0 !important;
	
	text-align:center !important;	
    }    
          
    
.sidebar-mb ul.social li{
      position: relative;  
   width:25% !important;  
    height: auto;
       float:left !important;  
    margin-top: 25px;
    list-style: none;
    margin-bottom: 40px;
    }    
    
.sidebar-mb  ul.social li a{
      position: relative;  
   width:100%;
    height: auto;
      float:left !important; 
    font-size:30px;
    line-height:30px;
    text-align: center;
       color:#222222;
    }     
    
ul.social li a:hover{
    color:#254797 !important;
    }
    
    


    
/* Body */    
        
 body.inside section.h50{
    min-height:324px;
     
     -webkit-background-position: center center;
     -moz-background-position: center center;
     -o-background-position: center center;
     -ms-background-position: center center;
     background-position: center ;
     
     transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out; 
}  
 
    
/* sticky */ 
     
    .mark-submenu{
       top:-136px; 
    }    
    .sticky.affix-top{
        position:relative;
    }  
    
    span.cut-xs {
        position: relative;
      float:left;
        width: 100%;
        display: block;
    }     
  
    
/* Footer */ 
.container.last,.container-fluid.last{
   padding-bottom:150px; 
}  

    
}

@media (min-width:767px){ 

/* option */        
    
.left-766-min {
  text-align: left !important;
}

.right-766-min  {
  text-align: right !important;
}

.center-766-min  {
  text-align: center !important;
}
    
    
.toLeft-766-min,
.toLeft-766-min[class*='fix-'] {
  margin-left: 0  !important;
  margin-right: auto !important;
}

.toRight-766-min,
.toRight-766-min[class*='fix-'] {
  margin-right: 0  !important;
  margin-left: auto !important;
  float: right !important;
}

.toCenter-766-min {
  margin-left: auto ;
  margin-right: auto;
}    
    
    
/* Margin */    
    
    .mg-t40-766-min{
 margin-top: 40px;       
    }
    
 /* About */    
     
.sticky.affix {
  position: fixed;
    
-webkit-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;    
transition: all 200ms ease-in-out;       
}    
    
}

@media (max-width:766px){ 

/* option */    
   
.left-766 {
  text-align: left !important;
}

.right-766  {
  text-align: right !important;
}

.center-766  {
  text-align: center !important;
}
     
    
.toLeft-766,
.toLeft-766[class*='fix-'] {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.toRight-766,
.toRight-766[class*='fix-'] {
  margin-right: 0 !important;
  margin-left: auto !important;
  float: right;
}

.toCenter-766 {
   
  margin-left: auto !important;
  margin-right: auto !important;
}    
    
    
/* Index */       
    
    section .container{
margin-top:0px;        
    }    
    
.set{
    position:relative;
    float: none;
    margin: 40px auto ;    
    
    }
    
/* About */     
    
 body.inside section.h50{
    min-height:349px;
}  
      
    
    body.inside section .container{
margin-top:0px !important;        
    }      
  
body.inside.affix-top{
    padding-top: 0 !important;

    
transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;      
} 
    
   
    
body.inside.affix{
  padding-top: 0px !important; 
   
    
     transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;    
}    
    
   
    
/* Sticky */  
    
    .mark-submenu{
        top:-65px;
    }    
    
.sticky.affix-top,    
.sticky.affix {
  position: relative;
  top: 0px;
    
-webkit-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;    
transition: all 200ms ease-in-out;       
}    
       

    
/* Footer */       
    
.container.last,.container-fluid.last{
   padding-bottom:180px; 
} 

    
}

@media (min-width:569px){

section.h-screen{
width: 100%;
    /* Full height */
    height: 90% !important;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
	padding: 0;
	min-height:568px !important;  
    overflow: hidden;
    float: left;
position:relative;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
}
	
.hd-logo{
 width: 100%;
height: 100%;  
    position: absolute;
top: 0;
left: 0;
    z-index: 0;
	
background-image:url(../images/logo-l-new.png);	
	
-webkit-background-position: center;  
-moz-background-position: center;   
-o-background-position: center;     
    -ms-background-position: center; 
background-position: center;  

background-repeat: no-repeat;
-webkit-background-size:  340px auto; 
-moz-background-size:  340px auto; 
-ms-background-size:  340px auto;  
-o-background-size: 340px auto;      
background-size: 340px auto;  	
}	
	
}

@media (max-width:568px){
 body.inside section.h50{
    min-height:255px;
}  

	.container .wrap{
		padding-left:15px !important;
		padding-right:15px !important;
		margin-left:-8px !important;
		margin-right:-7.5px !important;
	}	
	
section.h-screen{
width: 100%;
    /* Full height */
    height: 100% !important;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
	padding: 0;
	min-height: 320px!important; 
    overflow: hidden;
    float: left;
position:relative;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
}
	
.hd-logo{
 width: 100%;
height: 100%;  
    position: absolute;
top: 0;
left: 0;
    z-index: 0;
	
background-image:url(../images/logo-l-new.png);	
	
-webkit-background-position: center;  
-moz-background-position: center;   
-o-background-position: center;     
    -ms-background-position: center; 
background-position: center;  

background-repeat: no-repeat;
-webkit-background-size:  200px auto; 
-moz-background-size:  200px auto; 
-ms-background-size:  200px auto;  
-o-background-size: 200px auto;      
background-size: 200px auto;  	
}	
	    
    
}


@media (max-width:640px){
    /* Sticky */  

ul.btn-sub li{
   width:50%; 
border-bottom: 1px solid #161616;		
}	
	
ul.btn-sub li:first-child{
   width:100%; 
	border-top: 1px solid #161616;
}
	
	ul.btn-sub li:nth-child(2){
			border-right:1px solid #161616;	
	border-bottom: 1px solid #161616;	
	}
	ul.btn-sub li:nth-child(4){
	border-right:1px solid #161616;	
		
	}
	
	
	
}

@media (max-width:319px){
section,nav.panel {
    min-width:319px ;
    
}
  
    
}



@media (max-height:667px){	
.modal.fade .modal-dialog {
    top:60vh;
    -webkit-transform: translate(0, -50vh); 
    -moz-transform: translate(0, -50vh); 
    -ms-transform: translate(0, -50vh); 
    -o-transform: translate(0, -50vh); 
    transform: translate(0, -50vh); 
	
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;

}	
}


@media (max-height:568px){
	
section.h-screen{
width: 100%;
    /* Full height */
    height: 100% !important;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
	padding: 0;
	min-height:320px !important;  
    overflow: hidden;
    float: left;
position:relative;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
}	
	
.hd-logo{
 width: 100%;
height: 100%;  
    position: absolute;
top: 0;
left: 0;
    z-index: 0;
	
background-image:url(../images/logo-l-new.png);	
	
-webkit-background-position: center;  
-moz-background-position: center;   
-o-background-position: center;     
    -ms-background-position: center; 
background-position: center;  

background-repeat: no-repeat;
-webkit-background-size:  auto 200px !important; 
-moz-background-size:  auto 200px !important; 
-ms-background-size:  auto 200px !important;     
background-size: auto 200px !important; 	
}

.modal.fade .modal-dialog {
    top:55vh;
    -webkit-transform: translate(0, -50vh); 
    -moz-transform: translate(0, -50vh); 
    -ms-transform: translate(0, -50vh); 
    -o-transform: translate(0, -50vh); 
    transform: translate(0, -50vh); 
	
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;

}	
	
	
}

@media (max-height:567px){	
.modal.fade .modal-dialog {
	padding-top: 20px;
	padding-bottom: 20px;
	
    top:0;
    -webkit-transform: translate(0, 0); 
    -moz-transform: translate(0, 0); 
    -ms-transform: translate(0, 0); 
    -o-transform: translate(0, 0);  
    transform: translate(0, 0);  
	
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;

}	
		
	
}