@charset "utf-8";
  
@font-face {
    font-family: 'PromptLight';
     src: url('./fonts/Prompt-Light.woff2') format('woff2'),
       url('./fonts/Prompt-Light.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
    unicode-range: U+0E00-0E7F, U+0020-007F; 
}

 
@font-face {
  font-family: 'Prompt';
  src: local('Prompt Regular'),
       url('./fonts/Prompt-Regular.woff2') format('woff2'),
       url('./fonts/Prompt-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0E00-0E7F, U+0020-007F;
}


 div#loadPage, div#loadPage_content {
   position: fixed;
   margin: auto;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   color: #000;
   background-color: #FFF;
   z-index: 500000000;
   text-align: center;
   opacity: .7;
   padding-top: 200px;
   vertical-align: middle;
   filter: alpha(opacity=70);
   display: none
 }
 /* ====== preload ========== */
 img {
   max-width: 100%;
 }
 html {
   width: 100%;
 }
 body {
   margin: 0;
   padding: 0;
   width: 100%;
    
   font-family: "Prompt", sans-serif;
   font-size: 18px;
   line-height: 140%;
   background: #ffffff;
   color: #2b2b2b; 
 }
 .flickity-enabled.is-draggable, html {
   -webkit-tap-highlight-color: transparent;
 }
 a {
   text-decoration: none;
   color: #242428;
 }
 a:hover {
   color: #666666;
 }
 .stop-scrolling {
   /*overflow: hidden;*/
 }


 h1 {
   margin: 0; font-family: 'Prompt';
   padding: 0; color: #5a2323;
   font-size: 42px;
   line-height: 120%;
   font-weight: normal;
   letter-spacing: 0px;
 }
 h2 {
   margin: 0; font-family: 'Prompt';
   padding: 0; color: #5a2323;
   font-size: 30px;
   line-height: 100%;
   font-weight: normal;
   letter-spacing: 1px;
 }
 h3 {
   margin: 0; font-family: 'Prompt';
   padding: 0;
   font-size: 24px;
   line-height: 100%;
   font-weight: normal;
   letter-spacing: 1px;
 }

 

 a, a:hover, a:link {
   text-decoration: none;
 }
 .bull {
   font-family: "sans-serif";
   width: 20px;
 }

/*select{
    background: url("../../img/tp/dropdown.webp") 99% 8px no-repeat;
    background-size: 15px;
}*/

input:focus::-webkit-input-placeholder {
    color: transparent;
}

menu{
    margin: 0; padding: 0;
}

 table {
   font-family: "Prompt", sans-serif;
   font-size: 18px;
   line-height: 140%;
 }
 table td {
   padding: 2px 0;
   border: 0 !important;
 }
 table tr {
   border: 0 !important;
 }
 ul, li {}
 .header ul, .header li , .footer ul, .footer li {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 .left {
   float: left;
 }
 .right {
   float: right;
 }
 .clear {
   clear: both;
 }
 
 .top5 {
   margin-top: 5px; 
 }
 .top10 {
   margin-top: 10px;
 }
 .top20 {
   margin-top: 20px;
 }
 
 .top40 {
   margin-top: 40px;
 }
 
 .style1 {
   color: #83262e !important;
 }
 


 .webshow {}
 .mobileshow {
   display: none;
 }
 
 #load_popup img {
   /*	width: 100%;*/
 }
 area:focus {
   outline: 0;
 }


 .web {
   width: 100%;
   max-width: 1400px;
   margin-left: auto;
   margin-right: auto;
   position: relative;
 }
 .area_content {
   width: 94%;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   max-width: 1150px;
   border: 0px #000 solid;
   text-align: left;  
 }
 .padding_page {
   padding: 60px 0;
 } 



.dropdown {
  position: relative;  font-size: 14px; line-height: 100%;
   
}

.dropdown-title{
    background: url("../../img/tp/dropdown.webp") right 5px no-repeat; 
    background-size: 12px;
}

.dropdown img{
    height: 25px;  
}

.dropdown-content {
	 display: none;
  position: relative;  
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content .area{
   background-color: #fff; 
   text-align: left; 
}

.dropdown-content .area div{
	 padding: 5px 0  ;
}
 

.dropdown2 {
  position: relative;   
}

.dropdown2-content {
	 display: none;
  position: absolute; 
  min-width: 280px;
	margin-left: -20px;
    z-index: 1; padding-top: 20px;  padding-bottom: 50px; padding-right: 50px;
}

.dropdown2:hover .dropdown2-content {
  display: block;
}

.dropdown2-content .area{
   background-color: #fff6f0; 
	padding: 10px   ;  text-align: left;
   font-size: 16px; line-height: 120%;
}

.dropdown2-content .submenu{
    background: url("../../img/tp/bull.png") center left no-repeat;
	  color: #2e292f; 
	padding: 5px 0 5px 25px;
}
 
.dropdown2-content .submenu:hover{
color: #ce983e;
}


.dropdown3 {
  position: relative; 
}

.dropdown3-content {
	 display: none;
  position: absolute; 
  min-width: 260px;
	margin-left: 200px; margin-top: -30px;
    z-index: 1; padding-top: 0px;
}

.dropdown3:hover .dropdown3-content {
  display: block;
}

.dropdown3-content .area{
   background-color: #fff6f0; 
	padding: 5px   ;  text-align: left;
   font-size: 16px; line-height: 120%;
}

.dropdown3-content .area div{
     color: #2e292f; 
	border-bottom: 1px #fff6f0 solid;
	padding: 5px 0 5px 25px;
}
 
.dropdown3-content .area div:hover{
	color: #ce983e;
}
 
.fixed{
    position: fixed !important; width: 100%; z-index: 999;
}


.fixed .bg_head{
    background-color: rgb(136, 28, 28, 1);
}


.fixed .bg_head .logo img {
   height: 75px;
 }

.fixed .menu-header{
	margin-top: 45px;
} 

.fixed .menu-header li{
	margin: 0px 25px 0;  font-size: 16px; line-height: 100%;
} 

.fixed .head-memeber{
     min-width: 150px; text-align: left;
      padding:5px 20px; margin-top: 0px; 
  font-size: 14px; line-height: 120%;
}



.bg_head{
   background-color: #881c1c; color: #fff6f0;
    /* background: #A47764;*/
}



.bg_head a{
   color: #fff6f0;  
}

.bg_head:hover{
   color: #cccccc;
}
 

 .logo {
   text-align: left;
   padding: 5px 0;
   border: 0px #000 solid;
   display: inline-block;
   width: 100%;
 }
 .logo img {
   height: 75px;
 }

.logo h1{
    font-size: 24px; color: #008ced;
}
 

.header{
   box-shadow: -2px 6px 14px -6px rgba(0,0,0,0.75);
-webkit-box-shadow: -2px 6px 14px -6px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 6px 14px -6px rgba(0,0,0,0.75);
    height: 100px;
}

.menu-header{
    margin-top: 40px; text-align: right;
}

.menu-header li{
	display: inline-block; vertical-align: text-top;
	margin: 10px 25px;  font-size: 16px; line-height: 100%;
	 cursor: pointer; 
} 
 


.select-lang{
    border: 0; 
    padding: 0 10px; outline: none; background: #fff;  border-radius: 50px;
}


.head-memeber{
    position: absolute; right: 0;  min-width: 150px; text-align: left;
      padding:5px 20px; margin-top: 5px; 
  font-size: 14px; line-height: 120%;
}

.head-memeber2{
    display: none;
}

.head-login{
    margin-top: 7px; margin-right: 10px;
}

.head-memeber li{
    display: inline-block; vertical-align: top;
}

.head-lang{
         text-align: left; 
}

.head-lang img{
    height: 20px; padding: 2px 2px 0;
}
 


 
 
.footer{
    background: #2b2b2b; color: #fff6f0; padding: 20px 0 20px;
    font-size: 14px; line-height: 140%; 
}

.footer h2{
  color: #fff6f0;
}

.footer-address{
    display: inline-block; vertical-align: top;
}

.footer a{
    color: #fff;
}

.footer-menu{
    margin-top: 10px;
}

.footer-menu li{
    list-style: none; margin-top: 10px; font-size: 16px; line-height: 120%; 
     
}

 

.footer h2{
    font-size: 20px; line-height: 140%; margin: 0; padding: 0;
}

.footer h3{
      font-size: 20px; line-height: 120%; margin: 0; padding: 0;
}

.logo-foot img{
    height: 70px;
}

.footer .pin{
    padding: 0 0 0 30px; margin-top: 10px;
}
 
.footer .phone{
    display: inline-block; vertical-align: top;
    background: url("../../img/tp/phone.png") 3px 3px no-repeat;
    background-size: 20px;  margin-left: 20px; margin-top: 10px;
     padding: 5px 0 0px 30px;  
}

.footer .email{
    display: inline-block; vertical-align: top;
    background: url("../../img/tp/email.png") 3px 3px no-repeat;
    background-size: 20px;  margin-left: 30px;  margin-top: 10px;
    
    padding: 5px 0 0px 30px;  
}

.footer-follow{
    margin-top: 20px;
}

.footer-follow .follow{
    background: url("../../img/tp/follow.webp") right -7px no-repeat;
    background-size: 24px; display: inline-block;
    padding-right: 27px; min-height: 20px;
}

.footer-follow img{
    height: 30px; margin: 10px 2px 0 0;
}

.footer-enews{
     margin-top: 20px; position: relative;
}

.footer-enews input::-webkit-input-placeholder {
    color: #9c9c9c;
}

.footer-enews .btn{
    position: absolute; right: 0; cursor: pointer;
      background: #881c1c; border-radius: 50px; height: 40px; width: 100px;
    padding: 10px 0 0; color: #fff;  
    font-size: 14px; line-height: 100%; letter-spacing: 1px;
    
}

.input-enews{
    background: #fff; border: 0; outline: none;  
    width: 100%; height: 40px; border-radius: 50px;   padding-left: 20px; padding-right: 110px;
}

.footer-line{
    border-top: 1px #625f63 solid; margin-top: 20px; text-align: center;
    padding: 20px 0 0;
}

#home{
    
}

.home-content{
    padding: 80px 0; color: #063084;
}

.home-content .image{
    padding-right: 50px;
}

.home-content .subtitle{
    font-size: 24px; line-height: 100%;
}


.service{
    margin-top: 60px; text-align: center; font-size: 20px; line-height: 120%;
    display: inline-block; vertical-align: top; width: 19%;
}

.service img{
    max-width: 50%;
}

.about{
    padding: 60px 0 120px;  
   
}

.home-news{
    padding: 60px 0 80px;   background-color: #fff6f0;
    
}

.news{
     padding: 60px 0 80px; 
}

.news-box{
    padding: 0; margin: 60px 1% 0; max-width: 31%; position: relative;
     box-shadow: -2px 6px 14px -6px rgba(0,0,0,0.75);
-webkit-box-shadow: -2px 6px 14px -6px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 6px 14px -6px rgba(0,0,0,0.75); border-radius: 10px;
}

.news-img{
    height: 240px; overflow: hidden; border-radius: 10px 10px 0  0;
}

.news-img img ,.course-img{
     width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center; /* ปรับจุดโฟกัส ถ้าต้องการ */
  display: block;
}

.btn-news{
    display: inline-block; vertical-align: top;
      padding: 7px 40px; text-align: center; border: 0;
    background: #881c1c; color: #fff6f0; border-radius: 5px;
    margin-top: 40px;  transition:0.6s cubic-bezier(0.01, 1.69,    0.99, 0.94); 
}

.btn-news:hover ,.btn-submit:hover{
    letter-spacing: 3px; background: #5a2323;
}

.btn-more{
    display: inline-block; vertical-align: top;
      padding: 6px 20px; text-align: center;   border-radius: 5px;
    background: #881c1c; color: #fff6f0;   font-size: 12px; line-height: 120%;
     transition:0.6s cubic-bezier(0.01, 1.69,    0.99, 0.94); 
}

.btn-more:hover{
     background: #5a2323;
}


.news-box .text{
    margin-top: 20px; padding: 10px;
}

.news-title{
   min-height: 60px;
}

.news-date{
    position: absolute;  background-color: #881c1c; color: #fff6f0;
    font-size: 10px; line-height: 120%;  padding: 5px 5px;
       margin: 10px  0 0 10px; text-align: center;
}

.news-date span{
    font-size: 24px; line-height: 100%;
}

.news-detail{
    padding: 50px;
}

.news-detail .description{
    margin-top: 20px;
}


.page-split{
    margin-top: 70px;
    text-align: left;
}

.page-split li{
    display: inline-block; vertical-align: top;
    margin: 0 5px; text-align: center;
    color: #2b2b2b; 
}

.page-split .active{
    background: #881c1c; 
    color: #fff6f0;
    border-radius: 75px;  width: 25px; height: 25px; 
}
  
.contact{
    padding: 60px 0 0px;
}

.contact-area{
    
}

 

.contact .area{
    margin-top: 100px;
    padding: 40px 50px;   background: #fff6f0;  
}

.contact .area span{
    color: red;
}

.contact .col-sm ,.course .col-sm,.home-news .col-sm{
    margin-top: 20px;
}

.googlemap iframe{
    width: 100%; height: 450px;
}

input:focus::placeholder {
  color: transparent;
}
textarea:focus::placeholder {
  color: transparent;
} 

/* The container */
 

.container2 {
	margin-top: 5px;
  display: inline-block; text-align: left;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
   -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container2 a{
	 
}

/* Hide the browser's default checkbox */
.container2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px; border-radius: 5px;
  background-color: #ffffff;
  border: 1px #2b2b2b solid;
}
/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark {
  background-color: #eeeeee;
}
/* When the checkbox is checked, add a blue background */
.container2 input:checked ~ .checkmark {
  background-color: #2b2b2b;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.container2 input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.container2 .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-submit { 
	display: inline-block; vertical-align: top; border: 0;
      padding: 8px 60px; text-align: center;  font-size: 24px;  line-height: 100%;
    background: #881c1c; color: #fff6f0; border-radius: 5px;
    margin-top: 40px;  transition:0.6s cubic-bezier(0.01, 1.69,    0.99, 0.94); 
}  

.input_area{
    resize: none;
}

.clinic{
    padding: 80px 0;
}
 
.clinic-area{
     padding: 40px 50px;   background: #881c1c; color: #fff;
    margin-top: 50px; border-radius: 20px;
}

.clinic-area .col-sm{
    margin-top: 20px !important; 
}



.history{
    padding: 60px 0 ;    
}

.history li{
    background: url("../../img/tp/bull.png") left 4px no-repeat;
    padding: 0px 0 0 20px; list-style: none; margin-top: 10px;
}

.history-tab{
    background: #fff6f0; padding: 20px 0; text-align: center; margin-top: 80px;
}

 

.about-logo{
    margin-top: 40px;
    background: #3f0002;color: #fff; padding: 40px; 
}

.about-logo li{
    background: url("../../img/tp/bull2.png") left 4px no-repeat;
    padding: 0px 0 0 20px; list-style: none; margin-top: 10px;
}

.problem-box{
    border: 2px #bfbfbf solid !important; text-align: center;
    padding: 20px 0 40px; border-radius: 25px; margin-top: 40px;
}

.problem-box h1{
    font-size: 20px; line-height: 120%; letter-spacing: 0;
}

.problem-box .title-h{
    min-height: 70px;
}

.problem-box .top10{
    min-height: 40px;
}

 .login{
    padding: 60px 0;
}

.register{
    padding: 60px 0;
}

.register .col-sm ,.register .col-12{
    margin-top: 30px;
}

.register .area{
    padding: 40px 0 0;
}

.register .area span{
    color: #881c1c;
}

.register_tab{
   margin-top: 40px; text-align: center;
}

.register_tab li{
   display: inline-block; vertical-align: top;
    background:#fff; border: 2px #bfbfbf solid; color: #2b2b2b;  margin: 0 10px; 
    width: 240px; border-radius: 50px; padding: 10px 0; text-align: center;
      box-shadow: -2px 6px 14px -6px rgba(0,0,0,0.75);
-webkit-box-shadow: -2px 6px 14px -6px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 6px 14px -6px rgba(0,0,0,0.75);
}

.register_tab li:hover{
    border: 2px #bfbfbf solid;  
}

.register_tab .active{
     background:#881c1c; color: #fff;  
}

.input_register{
    margin-top: 10px;
}

.input_area{
    height: 80px; resize: none;
}

#major-other{
    display: none;
}

.btn-register { 
	display: inline-block; vertical-align: top;
	background: #881c1c;  color: #fff6f0;    border-radius: 10px;
  padding: 10px 70px;
  margin-top: 40px;
  text-align: center;
  
  font-size: 24px; 
  letter-spacing: 1px; 
  border: 0;
} 

.register-remark{
    margin-top: 50px;
}

.register-thank{
      max-width: 80%; 
    background: #fefefe; padding: 50px 40px;
    border-radius: 10px; text-align: center;
     box-shadow: -2px 6px 14px -6px rgba(0,0,0,0.75);
-webkit-box-shadow: -2px 6px 14px -6px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 6px 14px -6px rgba(0,0,0,0.75);
}


.loading{
   background: url("../../img/tp/shadow2.png"); width: 100%; height: 100%; position: fixed;
    text-align:center; z-index: 99; color: #881c1c; padding-top: 25%; display: none;
}

.spinner-load {
     
    display: inline-block;
   width: 60px;
   height: 60px;
   animation: spinner-load-y0fdc1 2s infinite ease;
   transform-style: preserve-3d;
}

.spinner-load > div {
   background-color: rgba(136,28,28,0.2);
   height: 100%;
   position: absolute;
   width: 100%;
   border: 2.2px solid #881c1c;
}

.spinner-load div:nth-of-type(1) {
   transform: translateZ(-22.4px) rotateY(180deg);
}

.spinner-load div:nth-of-type(2) {
   transform: rotateY(-270deg) translateX(50%);
   transform-origin: top right;
}

.spinner-load div:nth-of-type(3) {
   transform: rotateY(270deg) translateX(-50%);
   transform-origin: center left;
}

.spinner-load div:nth-of-type(4) {
   transform: rotateX(90deg) translateY(-50%);
   transform-origin: top center;
}

.spinner-load div:nth-of-type(5) {
   transform: rotateX(-90deg) translateY(50%);
   transform-origin: bottom center;
}

.spinner-load div:nth-of-type(6) {
   transform: translateZ(22.4px);
}

@keyframes spinner-load-y0fdc1 {
   0% {
      transform: rotate(45deg) rotateX(-25deg) rotateY(25deg);
   }

   50% {
      transform: rotate(45deg) rotateX(-385deg) rotateY(25deg);
   }

   100% {
      transform: rotate(45deg) rotateX(-385deg) rotateY(385deg);
   }
}

.course{
     padding: 60px 0 ;  
}

.course .col-sm ,.course .col-sm-4{
    margin-top: 30px;
}

.course-box{
    margin-top: 40px;
}

.course-img{
   margin-right: 20px; height: 300px; overflow: hidden;
}
.course-img img{
    border: 2px #bfbfbf solid; border-radius: 10px; 
}


.course .area{
    margin-top: 100px;
    padding: 40px 50px;   background: #fff6f0;  
}

.course .area a{
    
}

.course .area .invalid-feedback{
    
}

.course h3{
    font-weight: bold;
}

.course .description{
    margin-top: 20px;
}

.course .date{
    margin-top: 20px;
}

.course-detail{
    padding: 50px;
}

.course-detail a{
    text-decoration: underline; color: #881c1c;
}


.course-detail img{
  max-width: 100% !important; height: auto !important;  
}

.course .price{
    margin-top: 20px;
}

.course .price span{
    font-weight: bold;
  font-size: 30px;
}

.course .price .specialprice{
    font-weight: normal;
  font-size: 36px; color: #881c1c;
}

.course-sub {
    margin-top: 50px; padding: 20px 40px;
	 background: #fff; border-radius: 20px; color: #000;
    font-size: 16px; line-height: 120%;
}


.container3 {
	margin-top: 5px;
  display: inline-block; text-align: left;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
   -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container3 a{
	border-bottom: 1px #000 solid;
}

/* Hide the browser's default checkbox */
.container3 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.container3 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px; border-radius: 5px;
  background-color: #ffffff;
  border: 1px #2b2b2b solid;
}
/* On mouse-over, add a grey background color */
.container3:hover input ~ .checkmark {
  background-color: #cccccc;
}
/* When the checkbox is checked, add a blue background */
.container3 input:checked ~ .checkmark {
  background-color: #2b2b2b;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.container3 input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.container3 .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.payment_box{
     border: 2px #881c1c solid; border-radius: 10px; 
    padding: 40px;
    box-shadow: -2px 6px 14px -6px rgba(0,0,0,0.75);
-webkit-box-shadow: -2px 6px 14px -6px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 6px 14px -6px rgba(0,0,0,0.75);
}

.payment_box table{
    width: 100%;
}


/* Upload File */
  
.fade.in {
    opacity: 1
}

    .fileinput-button {
        background-color: #881c1c; /* Green */
        color: white;
        border-radius: .25rem; /* Bootstrap 4 border-radius */
    }
    .fileinput-button:hover {
        background-color: #881c1c;
    }

#remark-money ,#remark-track,#remark-file ,.require_data,.require_phone{
    display: none;
}


.course-thank{
      max-width: 80%; margin: 50px 0;
    background: #fefefe; padding: 50px 20px;
    border: 0px #bfbfbf solid;
    border-radius: 10px; text-align: center;
     box-shadow: -2px 6px 14px -6px rgba(0,0,0,0.75);
-webkit-box-shadow: -2px 6px 14px -6px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 6px 14px -6px rgba(0,0,0,0.75);
}

.course-thank .title{
     font-size: 24px; line-height: 140%;
}

.course-thank .remark{
    margin-top: 50px;  font-size: 14px; line-height: 120%;
}

.payment_box2{
     border-bottom: 2px #cccccc solid;  
    padding: 40px; 
}

.coursecf-thank{
    padding: 100px 0; text-align: center;
}

.btn-back{
    margin-top: 60px;
}


.social{
    display: inline-block; vertical-align: top;
   
}

.social li{
    display: inline-block; vertical-align: top; padding: 0;
}

.social .share{
    background: url("../../img/news/share.png") center  right no-repeat;
    background-size: 25px; height: 25px; 
    padding: 6px 35px 0 5px; font-size: 14px; line-height: 100%;
}

.social .facebook{
    background: url("../../img/news/btn-fb.png") center  right no-repeat;
    background-size: 25px; min-height: 25px; min-width: 25px;  
}

.social .line{
    background: url("../../img/news/btn-line.png") center  right no-repeat;
    background-size: 25px; min-height: 25px; min-width: 25px;  
}

.social .twitter{
    background: url("../../img/news/btn-x.png") center  right no-repeat;
    background-size: 25px; min-height: 25px; min-width: 25px;  
}

.social-fixed {
  position: fixed;  
  top: 30%; z-index: 1; width: auto;
  right: 0; color: #fff6f0;
}

.social-fixed ul {
  padding: 0px;  
  transform: translate(120px, 0);  
}

.social-fixed ul li {
  display: block;
  margin: 5px;
  background: rgba(0, 0, 0, 0.36);
  width: 170px; 
  text-align: left; 
  padding: 10px;
  border-radius: 30px 0 0 30px;  
  transition: all 1s;
}

.social-fixed ul li:hover {
  transform: translate(-100px, 0);  
  background: rgba(255, 255, 255, 0.4);
}

.social-fixed ul li:hover a {
  color: #881c1c;
}

.social-fixed ul li:hover img {
  color: #fff;
  background: rgba(0, 0, 0, 0.36);
  transform: rotate(360deg);
  transition: all 1s;
}

.social-fixed ul li img {
  margin-right: 10px; 
  color: #fff6f0; text-align: center;
  background: #fff;
  padding: 6px;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  font-size: 20px;
  transform: rotate(0deg);
}


.blog-gallery .flexslider img{
max-height: 600px; width: auto;
}

.member-profile{
  padding: 80px 0;
}

.member-profile .tab-head{
  background: #cccc;;
}

 @media screen and (max-width: 1400px) {}
 @media screen and (max-width: 1300px) {}
 @media screen and (max-width: 70em) {
  
     
}

 @media screen and (max-width: 50em) {
     .logo{
          
     }
   .logo img{
	 height:70px;
} 	
	
.area_content{
	width:90%;  margin-left: auto; margin-right: auto;
}
	 	
.webshow{
		display: none;
	}

	.mobileshow{
		display: block;
	}
	
	
 .head-memeber2{
         display: block; position: absolute; right: 0;
      margin: 20px 70px 0 0;
     }
     
     .head-memeber2 li{
         display: inline-block; vertical-align: top;
     }
     	
     .head-lang{
        min-width: 20px; text-align: left;
      padding: 0px 0px; border-radius: 0px;
}
     
    
     
     .head-memeber2 img{
         width: 25px; margin-top: 5px;
     }
     
     .head-lang select{
         border: 0; margin: 0;
     }
     
/* Icon 1 */

#nav-icon1 {
  width: 35px;
  height: 25px;
  position: absolute; right: 0;
  margin: 20px 20px 0 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #ffffff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 10px;
}

#nav-icon1 span:nth-child(3) {
  top: 20px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

    .bg_header .container{
        min-width: 100%; padding: 0; margin: 0;
    }
    
    .col-md-2,.col-md-10 ,.col-md-6{
        min-width: 100%;   
        
    }
	 
     .head-memeber{
         display: none;
     }
	
	.menu-header{
		display: none; margin: 0; padding: 0px 0 20px;
	}
	
 .menu-header li{
	 width: 100%; margin: 0; text-align: left; padding: 10px 10px;
     border-bottom: 1px #ccc solid; font-size: 14px; line-height: 100%;
} 
	 

 
.dropdown2-content {
	 display: none;
  position: relative; 
  min-width: 100%;
	margin-left: 0px;
    z-index: 1;  padding: 0;
}
 
     .dropdown2-title{
         background: url("../../img/tp/menu-icon1-2.png") right center no-repeat;
     } 
     
.dropdown2-content .area {
	padding: 10px   ;   background-color:#881c1c ;
   font-size: 14px; line-height: 120%; margin: 0;
}

.dropdown2-content .submenu{
    background: url("../../img/tp/bull2.png") center left no-repeat;
	  color: #fff6f0; 
	padding: 5px 0 5px 25px;
}
 
 
 .dropdown3-content .area{
	padding: 0px   ;   background-color:#881c1c ;
   font-size: 14px; line-height: 120%; margin: 0;
}

.dropdown3-content {
  position: relative; 
  min-width: 100%;
	max-width: 0;  margin: 0;
}

.dropdown3-content .area div{
    color: #fff6f0;  border: 0; 
	  padding: 5px 0 5px 25px;
    
}
 
 



 .service{
    margin: 40px 0 0 0;  font-size: 16px; line-height: 120%;  width: 32%;
}
     
     .service br{
         display: none;
     }
     
     .footer{
     padding: 0px 0 20px;
    font-size: 12px; line-height: 140%; 
}

     .footer-address{
         width: 100%;  
     }
     
     .footer .pin{
    padding:0; margin-top: 0px;
}
 
     .footer .email ,.footer .phone{
         margin: 0;
     }

.footer h2{
    font-size: 16px; line-height: 140%; 
}

.footer h3{
      font-size: 16px; line-height: 120%; 
}
     
     
     .logo-foot ,.footer-menu{
         display: none;
     }
   
     .footer-follow{
         
     }
     
     
.news-box{
      margin: 40px 0 0; max-width: 100%;  
     
}

     
     
}

 @media screen and (max-width: 40em) {
      
 
 h1 {
   font-size: 36px;
   line-height: 120%;
 }
 h2 {
   font-size: 30px;
   line-height: 100%;
 }
 h3 {
   font-size: 24px;
   line-height: 100%;
 }
   
 .login .container{
  min-width: 94%; max-width: 0; padding: 20px 0;
 }

 .login   td:first-child {
 min-width: 40%; width: 40% !important;
}
  

.social-fixed {
  position: fixed;   
  top: 30%; z-index: 1; width: 50px;
  right: 0; color: #fff6f0;
}


.social-fixed ul {
  padding: 0px;  
  transform: translate(-10px, 0);  
}

.social-fixed ul li {
  display: block;
  margin: 5px;
  background: rgba(0, 0, 0, 0.36);
  width: 170px; 
  text-align: left; 
  padding: 10px;
  border-radius: 30px 0 0 30px;  
  transition: all 1s;
}

.social-fixed ul li:hover {
  transform: translate(0px, 0);   
}



.social-fixed ul li img {
  margin-right: 10px; 
  color: #fff6f0; text-align: center;
  background: #fff;
  padding: 6px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 16px;
  transform: rotate(0deg);
}

     
}