/*body*/
body
{background-color:white !important;color: #474747 !important;font-family: 'sarabunregular'; font-size: 16px}




/*header*/
header{    box-shadow: 8px 24px 9px -25px rgba(0,0,0,0.2);
    position: relative;
    z-index: 3;}
.header-cont{ border-bottom: 2px solid #67A4F7;position: relative;
    box-shadow: 1px 1px 13px 2px rgba(1, 8, 23, 0.3);}
.search-menu{float: right;}
.logo-div{padding-bottom: 8px}
.logo-div, .branch-logo-div, .icon-div-hd{float: left;}
.search-div{float: right; margin-top: 7px; margin-bottom: 15px;}
.logo-search-cont{padding-top: 8px;}
.branch-logo-div{ padding-top: 8px; position: relative;}
.branch-logo-div:before{content: '';position: absolute;left:0px;top: 37px; height: 35px; width: 1px; background-color: #A9A9A9;}
.bestow{ margin-right: 22px; margin-left: 22px;}
.icon-div-hd{padding-top: 46px; padding-right: 22px; font-family: 'sarabun_semiboldregular'; font-size: 13px}
.icon-div-hd li{display: inline-block;float: left; }
.icon-div-hd li a{padding-left: 22px; color: #333}
.icon-div-hd li a img{margin-right: 5px}
.call-ul, .social_icon, .enquiry{float: left; margin-left: 20px;}
.call-ul{ margin-top: 9px;}
.call-ul img{margin-right: 5px}
.call-ul li a{color: #2d2d2d; font-family: 'sarabun_mediumregular'; }
.header1 .nav>li>a{cursor: pointer}

.enquiry {
    padding: 8px 26px;
    background-color: #0767B1;
    color: white;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'sarabunbold';
    font-size: 14px;
    /*margin-top: 16px;*/
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.enquiry:hover
{background-color: #CC2124; color: white}

.enquiry i{font-size: 17px;
    position: relative;
    bottom: -1px;}

footer .enquiry{margin-left: 0px; margin-top: 25px}
.enquiry img{margin-right: 2px}


/*header social media*/
ul.social_icon{/*margin-top: 10px; */}
ul.social_icon li {
    display: inline-block; margin-left: 3px;
}


ul.social_icon li a {
    color: white;
    background-color: #148AE6;
    display: block;
    font-size: 16px;
    height: 36px;
    line-height: 37px;
    text-align: center;
    width: 36px;
    border-radius: 100%;
    position: relative;
    z-index: 1;
    /*box-shadow: inset 0 0 0 1px #7c7c7c;*/
}

ul.social_icon li a:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 100% !important;
    left: 0;
    top: 0;
    background: #f7c51e;
    transition: .4s;
    border-radius: 4px;
    opacity: 0;
    transform: scale(1.3);
    color: #fff;
    z-index: -1;
}

ul.social_icon li a.facebook:after {
    background: #3b5998;
}

ul.social_icon li a.twitter:after {
    background: #00aced;
}
ul.social_icon li a.linkedin:after {
    background: #517fa4;
}
ul.social_icon li a.instagram:after {
    background: #c32c93;
}
ul.social_icon li a.google-plus:after {
    background: #d9423b;
}

ul.social_icon li a:hover:after {
    transform: scale(1);
    opacity: 1;
}

ul.social_icon li a:hover{color: white}

/*menu*/
.navbar
{min-height: 0px !important;width:100% !important;display: inline-block;margin-bottom: 0px;
background-color: transparent;border: none;border-radius: 0px}

#myNavbar
{border:none;padding-left:0px;padding-right:0px;}

.nav>li>a
{padding: 10px 15px !important;}

.navbar-nav>li>a
{color: #2d2d2d !important;font-size: 15px;
text-transform: capitalize; font-family: 'sarabun_mediumregular';}

.dropdown-menu>li>a
{font-size: 13px;
line-height: 20px}

.dropdown-menu>li>a:hover
{background-color: #148AE6 !important;color:white !important;}

.navbar-nav>li>a:hover
{background-color: white !important;}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover
{background-color: #1B96F7  !important;color:white !important;}

.navbar-inverse .navbar-toggle .icon-bar 
{background-color: #3f5b9c;}

.navbar-inverse .navbar-toggle 
{border:none;}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: white !important;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

.home{font-size: 16px}

.menu-nav li a.m-link{position: relative;}

.menu-nav li a.m-link:before{content: ''; position: absolute; bottom:0px; left:calc(50% - 1px);width: 0px; height: 0px;
 background:rgba(0,0,0,0) linear-gradient(to right,#ffffff,#EC2124,#ffffff) repeat scroll 0 0;
transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease; }

.menu-nav li:hover a.m-link:before{left:0px; width: 100%; height: 2px}

.dropdown-menu>li>a{padding: 5px 20px;}






/*header1*/
.header1 .navbar{background-color: #0767B1; display: block;}
.header1 .navbar-nav>li>a{color: white !important}
.header1 .navbar-nav>li:hover>a{ background-color: #1B96F7 !important}
.header1 .header-cont{z-index: 1}
.get-right {
    float: right;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 80%, 50% 100%, 0 80%);
    clip-path: polygon(0 0, 100% 0%, 100% 80%, 50% 100%, 0 80%);
  
    font-size: 14px; text-transform: uppercase;font-family: 'sarabunbold';
}
.dnt-btn{ 
    background-color: #EC2124;
    color: #fff;
    text-align: center;
    padding: 17px 11px;
    font-weight: 500;
    transition: all .5s ease;position: absolute;top:-15px; left: 0px;width: 100%;height: 113px;
    -webkit-box-shadow: inset 0px 0px 17px 0px rgba(59,3,3,0.72); 
    -moz-box-shadow: inset 0px 0px 17px 0px rgba(59,3,3,0.72);
     box-shadow: inset 0px 0px 17px 0px rgba(59,3,3,0.72); 
}

.dnt-btn:hover{background-color: #D62868}

.enquiry1{float: left; margin-left: 20px;  position: relative;
    width: 92px;    }

.enquiry1 img{margin-bottom: 8px; margin-top: 5px}
.header1 ul.social_icon li a{ border: 1px solid #ABABAD; background-color: transparent; color: #148AE6; line-height: 36px;}
.header1 ul.social_icon li:hover a{color: white; border:1px solid transparent;}
.header1 ul.social_icon {margin-top: 10px;}
.header1 .call-ul { margin-top: 18px;}
.header1 .navbar{ padding-left: 35px; padding-right: 35px}
.header1 .donate-us
{ 
   /* padding: 6px 22px; */
    padding: 6px 15px;
    background-color: transparent; 
    border: 1px dashed #FDFEFF;
    
}
.header1 .donate-us:hover{background-color:#148AE6}
.header1 .donate-us img{margin-top: -2px}
.header1 .donate-ul{ margin-top: 5px; padding-right: 15px}
.header1 .call-ul li{display: inline-block;margin-left:15px;}
.header1 .call-ul li a{ padding: 7px 12px; border: 1px solid #57BAFD; border-bottom-left-radius: 20px; border-top-right-radius: 20px; display: block;}
/*.header1 .call-ul li:last-child{border-right:1px solid silver; padding-right: 18px}*/
*.header1 .menu-nav li a.m-link:before{bottom:0px !important;
 background:rgba(0,0,0,0) linear-gradient(to right,#1B96F7,#ffffff,#1B96F7) repeat scroll 0 0 !important;}
.header1 .call-ul .first{ font-size: 17px; font-family: 'sarabun_semiboldregular';}


.carousel-caption {
    background-color: rgba(9, 113, 193, 0.91);
    color: #fff;
    text-transform: uppercase;
    font-size: 35px;
    text-shadow: 1px 1px 2px #1155aa;
    letter-spacing: .2px;
    padding: 15px 35px;
    display: table;
    bottom: 6%;
    left: 50px;
    width: 373px;
    text-shadow: none;
    border-bottom-left-radius: 48px;
    border-top-right-radius: 48px;
    border-right: 8px solid #74B4E6;
    border-bottom: 8px solid #0C528A;
    text-align: center;
}

.cap-head {
    font-size: 28px;border-bottom: 1px solid white; color: white;
}

.cap-text {
    font-size: 22px; line-height:28px; font-family: 'sarabun_thinregular';
    text-transform: none;margin-bottom: 0px
}



/*gen*/
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,
button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus {
    outline: none ;
    outline-offset: 0px;
}

.no-padding
{padding-right: 0px;padding-left: 0px}

.pd-2-35{padding-left: 35px; padding-right: 35px}
.pd-tb-60{padding-top: 60px; padding-bottom: 60px}
.pd-tb-50{padding-top: 50px; padding-bottom: 50px}

a, a:hover
{text-decoration: none !important;}

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

.box
{display: table;}

.sub-box
{display: table-cell;}

.sub-box1
{padding-right: 15px}

.clear-fix
{float: none; clear: both;}

.img-left
{float: left}

.img-right
{float: right}

.light{font-family: 'sarabun_lightregular';}

.reg{font-family: 'sarabunregular';}
.med{font-family: 'sarabun_mediumregular';}
.semi{ font-family: 'sarabun_semiboldregular';}
.bol{ font-family: 'sarabunbold';}
.gen-p, .in-body .gen-para{line-height: 28px; margin-bottom: 20px}

.trn{transition: all .3s ease; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.form-control{box-shadow: none; border-radius:0px;}
.btn{border-radius:0px;}

h1{font-family: 'sarabunbold'; color: black }
h2{font-family: 'sarabunbold'; color: black; font-size: 36px }


/*slider*/
 .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      
      width: 100%;
      height:auto;
      margin: auto;
  }


.item img
{margin:0 auto !important;}


/*carousel indicator*/
.carousel-indicators{margin-bottom: 0px}
.carousel-indicators .active{background-color: #E21F27}
.carousel-indicators li{border:2px solid white;height: 15px ; width: 15px}
.carousel-indicators .active{height: 16px ; width: 16px}


/*feature*/
.ft-box{padding: 30px 10px; background:white; overflow: hidden; transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;}
/*.ft-col.second{border-right:2px solid #e5ecee;}*/
.feature-cont .cnt-text, .ft-dt{transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;}
.feature-cont .cnt-text{ font-family: 'sarabun_mediumregular'; color: #0765AD}
/*.feature-cont .cnt-text span{ color: grey}*/
.care-div{background: rgba(0,0,0,0) linear-gradient(to right,#2FA3FD,#044373) repeat scroll 0 0; color: white;
    padding: 15px 15px 15px 15px;
    border-bottom-left-radius: 42px;
    border-top-right-radius: 42px; }
.care-div .cnt-text{color: white}
.ft-box.last{ padding: 35px 0px; width: 100%;}
.ft-box .sub-box{vertical-align: middle;}
.ft-dt{margin-bottom: 0px; color: #474747}
.border-div{width: 93%; border-top:10px solid #EC2124; margin: 0 auto; float: none;}
.ft-main-col{padding-left: 5px; padding-right: 5px; transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;}
.ft-main-col a{display: block; padding:20px 0px;}
.ft-main-col a:hover .ft-box{background: rgba(0,0,0,0) linear-gradient(to right,#2FA3FD,#044373) repeat scroll 0 0; color: white; 
    border-bottom-left-radius: 42px;
    border-top-right-radius: 42px;}
.ft-main-col a:hover .ft-dt, .ft-main-col a:hover .cnt-text{color: white}
.ft-main-col a:hover img{    -webkit-filter: brightness(200%) !important;
    -moz-filter: brightness(200%) !important;
    filter: brightness(200%) !important;
}

/*who*/
.spcl-para{font-size: 15px;
    letter-spacing: 2px;
    color: #868585;
    text-transform: uppercase; margin-bottom: 0px}

.who{ padding-top: 60px;  padding-bottom: 60px;}
.who h1{margin-top: 0px; color: white !important}
.who .spcl-para {color: rgba(133, 196, 245, 0.77) !important}
.bg-blue{background-color:#0767B1 ; color: white}
.bg-blue h1, .bg-blue .spcl-para{color: white}
.bg-blue .more{color:white}
.bg-blue .more:hover { color: #F3DC0C;}
h1{font-size: 40px}
.star{margin-bottom: 0px}
.star i{font-size: 14px; margin-left: 5px; margin-right: 5px; color: #F9C356}
.wlcm-image img{ border-bottom-left-radius: 48px; border-top-right-radius: 48px; box-shadow: 4px 4px 0px 6px #508ADA;}


/*news*/
.news .news-head{font-family: 'sarabun_mediumregular';font-size: 16px; line-height: 20px; color: #F9EE38;margin-top: 8px}
.news li{padding-left: 0px; padding-right: 0px}
.block-hdnews{padding: 15px; background-color: #148AE6; border: 1px solid #298BD6; box-shadow: 1px 1px 7px 4px #0B62A5;
    border-radius: 4px; height: 235px; overflow: hidden;}
.levent{padding-left: 0px; padding-right: 0px}
.le-desc{font-size: 13px; line-height: 22px}
.leimg{padding-right: 10px; margin-top: 15px; border-bottom-left-radius: 18px; border-top-right-radius: 28px; width:112px; height:70px;}
.levent .read{float: none;}
.list-wrpaaer{height: 360px; position: relative; overflow: hidden;}
.list-aggregate{position: absolute; top: 0px; left: 0px; }
span.clear-fix{display: block;}
.read{ text-transform: uppercase;letter-spacing: 2px; font-size: 13px; display: inline-block;
    text-align: right;
    float: right;
    padding: 5px 10px;
    font-size: 11px;
    color: white;
    background-color: #0767B1;
    margin-right: 15px;
    margin-bottom: 15px;}

.read:hover{background-color: white; color:#0767B1 }



/*mission*/
.seperator{height:4px; width: 50px; background-color: #EC2124}
.seperator.center{margin:0 auto; }
.mission-div{padding-top: 40px; padding-bottom: 55px}
.mis-bg{  background: url(../img/images/mis-bg2.jpg) !important; background-position: 0 -10px !important; background-repeat: no-repeat !important;}
.mis-col{padding: 30px; box-shadow: 0px 2px 20px #d9dfe9; margin-bottom: 0px; background-color: white;transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;}
.mis-col .box .sub-box{vertical-align: middle;}
.mis-head{margin-bottom: 0px; font-size: 20px; line-height: 25px; font-family: 'sarabun_mediumregular';}
.mission-div .seperator{margin-bottom: 30px}
.mis-wrapper-bg{background-color: rgba(255,255,255,.6) ; padding-top: 15px;padding-bottom: 15px}
.mis-text{color: #545454;  padding-left: 10px;  padding-right: 5px;}
.first-row .mis-small{margin-bottom: 50px;}
.mis-small{display: block; color: #474747}
.mis-small:hover{color: #148AE6}
.mis-small:hover .mis-col{
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    position: relative;
}



/*vision*/
.vision{ background: url(../img/images/vision-bg.jpg) ; background-position: center; background-repeat: no-repeat 
    ;background-size: cover; }
.para-vision{ font-size: 28px; line-height: 32px; font-style: italic; font-family: 'sarabun_thinregular'; 
text-align: center;padding:10px 100px 50px; color: white}
.vis-col{position: absolute;left:0px; top:0px; width: 100%; height: 100%}
.vis-head{color: pink; margin-top: 50px}
.video-cont{padding:50px 100px;}
.vis-head i{color: pink}



/*gallery*/
.high-sub {
padding: 5px 2.5px;
}


.high-sub:hover .img-div img {
    -webkit-transform: scale(1.1) rotate(-2deg);
    -moz-transform:  scale(1.1) rotate(-2deg);
    -ms-transform:  scale(1.1) rotate(-2deg);
    -o-transform: scale(1.1) rotate(-2deg);
    transform:  scale(1.1) rotate(-2deg);
    filter:saturate(1.9);
    -webkit-filter:saturate(1.9);
}

.img-div{overflow: hidden; display: block;}

.img-div img{
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: -moz-transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
}

.transition {
    transition: all .3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition:all 0.3s ease;
}

#owl-car-loan .owl-dots, #owl-car-loan .owl-nav {display: none;}
.gal-read-col .read{margin-bottom: -30px; margin-right: 50px}
.gal-read-col .read:hover { box-shadow: 0px 2px 20px #d9dfe9; background-color: #CC2124; color: white}



/*homecontact*/
.home-contact{background: url(../img/images/home-contact-bg2.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;
background-attachment: fixed;}
.home-contact-div{padding-top: 50px; padding-bottom: 40px;background-color: rgba(245, 245, 245, 0.87); }
.home-c-col{color:#3E3D3D}
.home-c-col .box{/*width: 100%;*/padding-bottom: 12px; border-bottom: 4px solid #148AE6; margin-bottom: 18px; padding-right: 30px}
.home-c-col .box .sub-box1{width: 35px}
.home-c-col .sub-box{vertical-align: middle;}
.cnt-text{margin-bottom: 0px;  font-size: 21px; color: #252525; font-family: 'sarabunbold'; line-height: 25px}
.cnt-main-dtl{font-size: 18px}
.cnt-dtl{font-family: 'sarabun_semiboldregular';}
.cnt-dtl p{margin-bottom: 6px; font-family: 'sarabun_mediumregular';line-height: 24px;}
.home-contact-div .seperator{margin-bottom: 25px}
.donate{background-color: #1A83D6; color: white; padding: 0px 20px 15px; box-shadow: 0px 2px 20px #ACAEB1;}
.message-block li {
    color: white; padding-top: 10px; padding-bottom: 10px; background-color: #2B99EF; margin-bottom: 5px;
    font-family: 'sarabun_mediumregular';padding: 10px 15px;
}
.message-block li span{font-family: 'sarabunregular';padding-left: 15px; color: white;}
.message-block li.last{border-bottom: none; }
.cnt-head{ margin-bottom: 25px;}
.donate h2{color: white; margin-bottom: 10px;}
.donate-text{font-size: 14px; line-height: 22px}
.donate{margin-bottom: 15px}

.regform{margin-bottom:20px;}


/*footer*/
footer .social-col{margin-bottom: 26px}
.blw-footer{padding-top: 20px; padding-bottom: 20px; border-top:1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.4);}
.srv{color: rgba(255,255,255,.6) !important}
.rights{line-height: 24px; margin-top: 10px}
.powered-by{ margin-top: 10px}

.powered-by a {text-decoration: none !important;color:black;}

.powered-by a:hover {text-decoration: none;}

.rights , .powered-by  {margin-top: -9px; margin-bottom: 0px;}

.foot-overlay {background-color: rgb(7, 103, 177)}

.top-footer .social_icon{float: none; margin-left: 0px; margin:0 auto; margin-top: -43px; display: table;}

.top-footer .social_icon li{margin-left: 20px; margin-right: 20px}

.top-footer ul.social_icon li a:after { background: #053A7B;}

.bottom-footer{color:#90CEFD; font-size: 14px; padding-bottom: 10px;}
.srv {color: #90CEFD}




/************************************************************************************/
/************************************ Innerpage ************************************/
/************************************************************************************/
.in-main-col {
    padding-top: 30px;
    padding-bottom: 30px;
}

.in-body h1{margin-top: 8px}

.in-body h2{margin-bottom: 15px;}

.in-body h3{font-size:21px !important;}

.in-body .gen-p{text-align: justify;}

.in-body .wlcm-image img, .in-body .wlcm-image{margin-bottom:10px;}
label{font-weight:normal;
    font-size: 17px;
    font-family: 'sarabun_semiboldregular';}

.gen-list{margin-bottom: 20px}
.gen-list li{position: relative;padding-left: 30px; line-height: 26px; margin-bottom: 15px}
.gen-list li:before{content:'\f24d'; font-family: 'FontAwesome'; position: absolute;left: 0px; top:1px; color: #0693D6;}
.list-head{margin-top: 15px}
.regform{background-color:#F3F6F9;}
span.clear-fix {
    display: block;
}


/*news and events*/
/*accordion*/
#accordion .panel{
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 15px;
}
#accordion .panel-heading{
    padding: 0;
    border-radius: 0;
    border: none;
}
#accordion .panel-title a{
    display: block;
    padding: 10px 28px 10px 28px;
    background: #f1f1f1;
    font-size: 17px;
    font-family: 'sarabun_mediumregular';
    color: #20457c;
    position: relative;
    transition: all 0.5s ease 0s;
}
#accordion .panel-title a.collapsed{
    background: #fff;
    color: #696969;
    box-shadow: 0px 0px 2px 1px #DADADA;
    border-radius: 5px;
}
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
    content: "\f106";
    font-family: FontAwesome;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 20px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 25%;
    left: -11px;
    background: #C71A04;
}
#accordion .panel-title a.collapsed:after{
    content: "\f107";
    background: red;
}
#accordion .panel-title a.collapsed:hover{
    background: #f1f1f1;
    color: #20457c;
}
#accordion .panel-body{
    font-size: 16px;
    color: #737373;
    line-height: 25px;
    background: #f1f1f1;
    padding: 5px 15px 15px 28px;
    border: none;
    transition: all 0.5s ease 0s;
}

.aco-head{float: left; color: #333; padding-top: 4px}
.aco-date{float: right; padding: 5px 8px; border-radius: 2px; background-color: #BD0000; color: white; font-size: 13px}
.img-width{width: 150px; height: 100px}
.aco-link{float: left;position: relative;margin-right: 15px; background-color: white; margin-bottom: 20px;
    display: inline-block;
    color: #5d5d5d;
    padding: 5px;
    box-shadow: 0px 0px 2px 1px #DADADA;}
.aco-link .gal-name{font-size: 12px}
.pdf{float: left;margin-right: 15px}
.pdf i{font-size: 35px; color: #FB5C48}
.panel .gen-para {margin-bottom: 10px;}
.img-width {
    width: 135px;
    height: 100px;
}
.pnl-figure {
    overflow: hidden;
}
.des{font-family: 'sarabun_mediumregular'; font-size: 16px}


/*gallery*/
.grid-link, .gen-link{margin-bottom: 20px; display: block;  color: #333;padding: 5px; box-shadow: 0px 0px 2px 1px #92D0FF;  }
.grid-link:hover{color: #148AE6}
.aco-link{margin-bottom: 20px; display: inline-block;  color: #333;padding: 5px; box-shadow: 0px 0px 2px 1px #DADADA;}
.grid-link img{transition: all .3s ease; -webkit-transition:all .3s ease;
-moz-transition:all .3s ease;}
.grid-link:hover img{    -webkit-transform: rotate(5deg) scale(1.2,.1.2); /* Safari */
    transform: rotate(5deg) scale(1.2,1.2); }
.gal-name, .image-text{padding: 8px 8px 4px 8px; font-size: 14px; /*height: 45px; */
    overflow: hidden; margin-bottom: 0px; font-family: 'sarabun_mediumregular';}

.gal-name::before, .image-text:before {
    pointer-events: none;
    position: absolute;
    z-index: 2;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top;
    transition-property: top;
    left: 40px;
    margin-top: -16px;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #fff transparent;}

.figure{overflow: hidden;}
.gal-col{padding-left: 10px; padding-right: 10px}
.gal-cont{padding-right: 5px; padding-left: 5px}
.grid-link span{font-size: 11px; padding:0px 8px 8px 8px; display: block;}
.gen-link-left{float: left;}


/*contact*/
.address-col, .contact-col, .email-col { padding: 25px 15px 15px 30px;
    box-shadow: 4px 5px 12px 3px rgba(167, 176, 183, 0.13);
    margin-bottom: 30px;
    border-right: 3px dotted #148AE6 !important;
    border-left: 3px dotted #148AE6 !important;
    border: 1px solid rgba(20, 138, 230, 0.74);
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;}
.cnt-head{font-size: 18px; font-family: 'sarabun_mediumregular';}


input[type=text], input[type=tel], input[type=email], input[type=password], input[type=date], textarea, select, textarea.form-control {
    margin-bottom: 15px;
    border: 1px solid rgba(20, 138, 230, 0.54);
    min-height: 45px;
    border-radius: 0px;
    padding: 8px 15px;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    color: #333;
}


textarea{height: 150px}
.address-col .sub-box1 i{width: 30px; height: 30px; text-align: center;line-height: 29px;  /*border: 1px solid #BD0000;*/ color: #EC2124;
    font-size: 20px}
.address-col .sub-box{vertical-align: middle;}
.address-col .box{margin-bottom: 15px}
.contact-col .address{line-height: 26px}
.med{ font-family: 'sarabun_mediumregular';}
.red1{color: #BD0000}
iframe{border:none; width: 100%; height: 240px;}
.submit{background-color: #148AE6; color: white; padding: 8px 22px; transition: all .4s ease;  -webkit-transition: all 0.4s ease;}
.submit:hover{background-color: #EC2124; color: white; -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px); box-shadow: 2px 2px 3px rgba(0,0,0,.5)}
.submit:hover i{animation-name:shake; animation-duration: 1s; }
.submit i{padding-left: 5px}
.bg1{background-color: #C9EAF7}
.bg2{background-color: #FBDDDD;    border-right: 3px dotted #EC2124 !important;
    border-left: 3px dotted #EC2124 !important;    border: 1px solid rgb(240, 79, 82);}

.fr-col{margin-bottom: 50px; border-bottom: 5px solid silver; padding-bottom: 40px}



/*support us*/
.inr-padd .box .sub-box{vertical-align:top;}
.inr-padd .box .sub-box1 img{margin-top:20px;}
.inr-padd .box .sub-box .gen-p{text-align:left;}

/*review*/
.upload-col {
    float: none;
    margin: 0 auto;display:table;width:auto;text-align:center;
}

.upload-col span{font-size: 17px;display:block; margin-bottom:15px;padding-top:3px;
    font-family: 'sarabun_semiboldregular';}



/************************************************************************************/
/************************************ Responsive ************************************/
/************************************************************************************/

/*media quries*/
/*collapsing navbar earlier*/
    @media (min-width: 768px) and (max-width: 1200px) {
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
       
        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px !important;
        }
        .dropdown-menu > li > a {
            display: block;
            clear: both;
            white-space: nowrap;   
        }
        .navbar-header {
            float: none;
        }
        .navbar-toggle {
            display: block;margin-right:0px;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
        
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .navbar-text {
            float: none;
            margin: 15px 0;
        }

        #myNavbar
        {width:100%;}

        .navbar-nav>li>.dropdown-menu 
        {width:100% !important;}


        /* since 3.1.0 */
      .navbar-collapse.collapse.in { 
            display: block!important;
        }
        .collapsing {
            overflow: hidden!important;
        }
    }


@media (min-width: 1300px){
    .pd-2-35 {
    padding-left: 75px;
    padding-right: 75px;
}
.header1 .navbar{padding-left: 75px; padding-right: 75px}
.border-div{width: 87%}
}

@media (min-width: 1245px){
.header1 .nav>li>a {padding: 12px 17px !important;}
}

@media (min-width: 1201px) and (max-width: 1244px) {
.header1 .nav>li>a {padding: 12px 15px !important;}
}

@media (min-width: 1201px){
    
    .header1 .logo-div, .header1 .search-menu,.header1 .search-div{float: none;text-align: center;}
    .header1 .logo{margin: 0 auto}
    .header1 .logo-div{padding-bottom: 0px;}
    .header1 .social_icon.heading_top{float: right;}
    .header1 .search-div{margin-top: 0px; margin-bottom: 0px}
    .header1 .logo-search-cont{padding-top: 12px; padding-bottom: 12px}
   /* .header1 .call-ul li:first-child{display: none;}*/
    .header1 .call-ul li:last-child{border-right:none;}
    .header1 .call-ul { margin-left: 0px; margin-top: -70px;}
    .header1 .call-ul li{margin-right: 5px; margin-left: 0px}
    .header1 ul.social_icon {margin-top: -70px;}
}

@media (min-width: 1200px){
iframe{height: 397px}
}

@media (max-width: 1200px){
    .header1 .logo-div{padding-bottom: 0px;}
    .header1 .search-div{margin-top: 0px; padding-bottom: 10px}
    .header1 .navbar-toggle{z-index: 3; margin-top: -48px}
    .header1 .navbar{margin-top: 0px}
    .header1 .donate-ul{float: none !important; padding-bottom: 20px}
    .header1 .menu-nav{padding-left: 0px; padding-right: 0px; padding-bottom: 5px}
    .header1 .call-ul { margin-top: 13px;}
    }


@media (max-width: 1200px){
    .logo-div, .search-menu, .search-div{float: none; text-align: center;}
    .logo{margin:0 auto;}
    .call-ul, .social_icon, .enquiry{float: none; display: inline-block; margin-left: 10px; margin-right: 10px;}
    .navbar-toggle{margin-top: -50px; margin-bottom: 0px !important}
    .search-div{margin-bottom: 0px}
    .menu-nav{text-align: left;}
    .navbar-nav{margin: 7.5px 0px;padding: 20px 25px;}
    .navbar{background-color: #148AE6; margin-top: 15px; display: block;}

    .navbar-nav>li>a{color: white !important}
    .header-cont, .logo-search-cont{padding-left: 0px; padding-right: 0px}
    .logo-div, .search-div{padding-left: 50px; padding-right: 50px}
    .navbar-toggle{margin-right: 50px;}
    .navbar-nav>li>a:hover{color: white !important}
    .ft-main-col{padding-left: 0px; padding-right: 0px}
}

@media (max-width: 1199px){
    .donate { margin-top: 5px;}    
    }


@media (min-width: 1200px) and (max-width: 1240px) {
    .care-div{ padding: 15px 15px 15px 22px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .care-div{ padding: 15px 15px 15px 15px;}
    .cnt-text{ font-size: 17px; line-height: 20px;}
    .ft-dt{ font-size: 14px;}
    .ft-box.last{ padding: 40px 15px;}
    .mis-head{ font-size: 18px;}
    .mis-col { padding: 30px 15px;}
    .ft-box img{width: 50px}
    .ft-box{  padding: 20px 9px;}
    .ft-main-col a:hover .ft-box{ border-bottom-left-radius: 30px;  border-top-right-radius: 30px;}
    .ft-box .sub-box1{padding-right: 12px}
    .para-vision{padding: 10px 50px 50px;}
    .video-cont {padding: 50px 50px;}

}

@media (min-width: 992px){
    .home-contact-div{padding-left: 120px; padding-right: 120px}
}


@media (max-width: 991px){
    .ft-col.second{border-right: none;}
    .block-hdnews{margin-top: 30px}
    .dis-none-991{display: none;}
    .mis-wrapper-bg{padding-left: 0px; padding-right: 0px}
    .pd-top-0{padding-top: 0px !important}
    .ft-box{margin:0 auto;}
    .video-cont{padding-top: 0px}
    .aco-head { display: block; padding-bottom: 4px;}
    .aco-date, .aco-head {float: none;}
    .aco-date {display: inline-block; font-size: 11px;}
    .address-col, .contact-col, .email-col {
    padding: 25px 15px 15px 15px;}
    .review-regform{margin-left:15px; margin-right:15px; width:calc(100% - 30px);}
 
}
   
@media (min-width: 768px) and (max-width: 991px) {
    .mis-col{ padding: 30px 15px;}
    .cnt-dtl p{font-size: 15px}
    .cnt-main-dtl{font-size: 17px !important}
    .header1 .navbar-toggle{margin-right: 0px}
    .carousel-caption{left:20px;    padding: 8px 20px;    width: 265px;}
    .cap-head{    font-size: 23px;}
    .cap-text{    font-size: 19px; line-height: 24px;}
}   


@media (max-width: 767px){
    .donate {margin-bottom: 25px;}
    .fr-col{    margin-bottom: 30px;  margin-bottom: 30px;}
    .pd-2-35 {
    padding-left: 15px;
    padding-right: 15px;}
    .navbar-nav .open .dropdown-menu{background-color: white; }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color: #333}

    .navbar-toggle {margin-right: 30px;}
    .header-cont{padding-left: 0px; padding-right: 0px}

    .home-contact-div{text-align: center;}
    .home-c-col .box{margin: 0 auto; margin-bottom: 20px; padding-left: 15px; padding-right: 15px;}
    .home-c-col{margin-bottom: 20px}
    .rights, .powered-by{text-align: center;}
    .rights{margin-bottom: 0px}
    .powered-by{margin-top: 3px}
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header
    {margin-left: 0px; margin-right: 0px}
    .header1 ul.social_icon{display: none;}
    .carousel-indicators{width:10px; right: 15px; left:auto; top:12px;}
    .ft-main-col a {padding: 15px 0px;}
    .pd-btm{padding-bottom: 5px !important}
    .rights{padding-top: 10px;}
    .donate-us {margin-right: 0px}
    .submit{ margin-bottom: 20px;}
   


}


@media (min-width: 601px) and (max-width: 991px) {
    .ft-box{  padding: 18px 15px; height: 96px;}
    .ft-box-pd{padding-top: 0px}
    .ft-box.last{padding-top: 5px}
    .cnt-text{font-size: 19px}
    .ft-main-col a:hover .ft-box{ border-bottom-left-radius: 30px;  border-top-right-radius: 30px;}
}

@media (min-width: 501px) and (max-width: 767px) {
    .mis-col .sub-box{display: block; text-align: center;}
    .mis-col .sub-box1{padding-right: 0px}
    .mis-col .box{width: 100%}
    .first-row .mis-small { margin-bottom: 40px;}  
    }

@media (min-width: 601px) and (max-width: 767px) {
    .mis-head{ font-size: 17px; line-height: 20px; margin-top: 10px; height: 40px}
    .logo-div, .search-div{padding-left: 30px; padding-right: 30px}
    .carousel-caption{  padding: 8px 20px;    width: calc(100% - 60px); left:30px; bottom: 0px}
    .cap-head{    font-size: 23px; display: none;}
    .cap-text{    font-size: 23px; line-height: 24px;}
    .ft-main-col { padding-left: 12px; padding-right: 12px;}
    .ft-box img{width: 50px}
    .ft-box{width: 100%}
    .ft-box .sub-box1{width: 65px}
    .cnt-text {font-size: 18px;line-height: 20px;}
    .para-vision{padding: 10px 50px 50px;}
    
    
    }

@media (min-width: 501px) and (max-width: 600px) {
    .mis-col {padding: 20px 18px} 
    .mis-head{ font-size: 17px; line-height: 20px; margin-top: 10px; height: 40px}
    .mis-text{font-size: 15px}
}

@media (max-width: 600px){
    .gen-list li{ line-height: 22px; margin-bottom: 12px;}
    .in-body .wlcm, .in-body .wlcm-image{padding-left:0px; padding-right:0px;}
    .logo-div, .search-div{padding-left: 15px; padding-right: 15px}
    .pd-2-35 { padding-left: 0px; padding-right: 0px;}
    body, .mis-text, #accordion .panel-body{font-size: 14px}
    .gen-p, .gen-para, .in-body .gen-para{line-height: 22px; margin-bottom:15px;}
    #accordion .panel-body{ padding: 5px 15px 15px 20px;}
    #accordion .panel-title a { padding: 3px 20px 8px 20px;}
    .cnt-text{font-size: 18px; margin-top: 8px; margin-bottom: 3px}
    .ft-box .sub-box{display: block; text-align: center;}
    .ft-box .sub-box1{padding-right: 0px;}
    .ft-box .sub-box1 img{margin:0 auto;}
    .ft-box {padding: 15px 15px;  width: 100%}
    .ft-dt{font-size: 13px}
    .ft-box-pd{padding-top: 0px}
    .ft-box.last {padding: 0px 15px;}
    .care-div{ padding: 15px 10px 15px 10px; border-radius: 10px;}
    .feature{padding-top: 10px}
    .wlcm-image, .wlcm{width: 100%}
    .wlcm-image{margin-bottom: 30px; padding: 0px 22px 0px 18px;}
    .in-body .wlcm-image { margin-bottom: 12px;}
    .wlcm-image img{ box-shadow: 1px 1px 0px 6px #508ADA; margin: 0 auto}
    .who { padding-top: 30px; padding-bottom: 45px;}
    .le-desc{line-height: 18px}
    header .social_icon{display: none;}
    .navbar-toggle{margin-right: 0px; padding-right: 10px !important}
    h1 {font-size: 34px;}
    h2{font-size: 28px;}
    .mission-div { padding-top: 25px; padding-bottom: 30px;}
    .home-contact-div {padding-top: 30px; padding-bottom: 35px;}
    .call-ul{margin-left: 0px}
    .carousel-indicators{ bottom: 6px;}
    .navbar-nav{ padding: 20px 15px;}
    .border-div{ border-top: 8px solid #EC2124;}
    .call-ul{margin-right: 0px}
    .header1 .call-ul li{margin-left: 2.5px; margin-right: 2.5px}
    .header1 .call-ul li a{font-size: 13px; padding: 5px 10px;}
    .logo-div {text-align: left}
    .logo{margin-left: 0px}
    .header1 .navbar{ padding-left: 15px; padding-right: 15px;}
    .header1 .donate-ul{float: left !important;}
    .carousel-caption{   width: calc(100% - 30px); left:15px; bottom: 0px;  border-right: 4px solid #74B4E6;
    border-bottom: 4px solid #0C528A;}
    .cap-head{    font-size: 23px; display: none;}
    .feature{padding-left: 15px; padding-right: 15px}
    .home-c-col .box{margin-bottom: 10px;}
    .in-main-col {
    padding-top: 20px;
    padding-bottom: 20px;}
    .in-body h1{font-size: 28px; margin-top: 0px;}
    .in-body h2 { font-size: 20px !important; margin-top: 10px !important;}
    .in-body h3{font-size:19px !important;}
    .gal-col { width: 100%;}
    .photos .gal-col{width: 50%}
    .inr-padd{padding: 15px !important;
    margin-bottom: 7.5px !important;
    margin-top: 7.5px !important;}
    .cnt-head { margin-bottom: 15px;}
    .contact-col .address { line-height: 23px;}
    .address-col .box {margin-bottom: 10px;}
    .address-col, .contact-col, .email-col{margin-bottom: 20px;}
    .fr-col{ margin-bottom: 25px; padding-bottom: 20px;}
    label, .upload-col span{font-size: 14px;}
    .regform{padding: 0 15px 15px !important;}
    .testi-name{margin-bottom: 5px !important;}
    .inr-padd .box .sub-box1 img {margin-top: 10px;}
    
    
    }

@media (max-width: 500px){
   .mis-main-col{width: 100%}
   .mis-small{background-color: white; box-shadow: 0px 2px 20px #d9dfe9;padding: 30px;}
   .mis-col {padding: 0px; box-shadow: none;}
   .first-row .mis-small, .mis-small {margin-bottom: 10px;}
   .dis-none-500{display: none;}
}

@media (min-width: 426px) and (max-width: 600px) {
    .header1 .navbar-toggle{ margin-top: -126px; padding-right: 25px}
    .logo{width: 310px}
    .logo-div{padding-left: 30px}
    .cap-text{    font-size: 21px; line-height: 20px;}
    .carousel-caption{padding: 7px 10px;  }
    .ft-box{height: 151px;}
    .cnt-text{ line-height: 23px;}
    .para-vision{    font-size: 24px;
    line-height: 29px !important;    padding: 10px 30px 50px;}
    .video-cont {padding: 0px 50px 50px;}
}

@media (max-width: 425px){
    .logo{width: 240px}
    .enquiry{padding: 8px 20px; font-size: 12px; margin-left: 5px}
    .logo-div{padding-bottom: 2px;}
    .logo-search-cont { padding-top: 10px;}
    .navbar-toggle { margin-right: 5px;}
    .header1 .navbar-toggle{ margin-top: -113px; margin-right: 0px}
    .cap-text{    font-size: 16px; line-height: 20px;}
    .carousel-caption{padding: 4px 10px;  }
    .carousel-indicators .active  {
    height: 12px;
    width: 12px;}

    .carousel-indicators li{ height: 11px; width: 11px;}
    .carousel-indicators{top:8px;}
    .feature {padding-top: 0px;}
    .ft-box img{width: 50px}
    .cnt-text{font-size: 14px; line-height: 16px}
    .ft-main-col a:hover .ft-box{border-bottom-left-radius: 30px; border-top-right-radius: 30px;}
    .ft-box{height: 120px; padding: 15px 10px;}
    .para-vision { font-size: 22px; line-height: 28px !important; padding: 10px 10px 30px;}
    .video-cont {padding: 0px 10px 50px;}
    .gal-read-col .read{margin-right: 15px;}
    footer .cnt-text{font-size: 18px; line-height: 23px;}
}

@media (min-width: 992px){
    iframe { height: 375px; }
}