/*
 *
 * Template Name: Fullscreen Responsive Register Template
 * Template URI: http://azmind.com
 * Author: Anli Zaimi
 * Author URI: http://azmind.com
 *
 */


body {
    background: #f8f8f8;
    text-align: left;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    color: #555;
    font-size: 16px;
    font-weight: 400;
}

strong { font-weight: 700; }
.red { color: #eb4141; }
.brown {color:#603814; }
.blue {color:#0383fa; }
.yellow {color:#ebbb33; }
.white {color:#FFF; }

a { border:0; text-decoration: none;  color:#ebbb33;}
a:hover { border:0; text-decoration: none;  color:#603814;}
a:visited { border:0; text-decoration: none;  color:#ebbb33;}
a:active { border:0; text-decoration: none;  color:#603814;}

.white a { border:0; text-decoration: none;  color:#FFF;}
.white a:hover { border:0; text-decoration: none;  color:#603814;}
.white a:visited { border:0; text-decoration: none;  color:#FFF;}
.white a:active { border:0; text-decoration: none;  color:#603814;}

.header {
    margin: 0 auto;
    padding-bottom: 5px;
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
    border-top: 3px solid #ebbb33;
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
}

.logo h1 {
    padding-left: 50px;
    font-family: 'Oleo Script', cursive;
    font-size: 36px;
    font-weight: 400;
}

.logo h1 a { color: #555; }

.links {
    text-align: right;
}

.links a {
    display: inline-block;
	margin: 0px 0 0 20px;
}

.links a.enlanguage { background: url(../img/engLang.gif) center center no-repeat; width: 30px;height: 30px;}
.links a.thlanguage { background: url(../img/thaiLang.gif) center center no-repeat; width: 30px;height: 30px;}
logothaihealth {width: 100%; height: 100%; float: right;}

.SignIn-container{
	margin: 0 auto;
	border-width: 0px;
}
.content-container {
    margin-top: 30px;
	margin-bottom: 30px;	
}

/* ----- iPhone ----- */

.iphone {
    text-align: right;
}

.iphone img { margin-right: 10px; }

.box-SignIn{ /* -- ArtyMIX --*/
  min-height: 100%;
  min-height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;	
  padding: 30px 20px 0px 20px;
}
/* ----- Registration Form ----- */

.register form {
    padding: 20px 50px 40px 50px;
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    text-align: center;
}

.register form h2 {
    margin-bottom: 0px;
    padding-bottom: 0px;
    background: url(../img/pencil.png) 70px 6px no-repeat;
    border-bottom: 2px dotted #bbb;
    font-size: 30px;
    font-weight: 400;
    text-align: center;
}

.form-title h2 p {
	position:relative;
    right: 0px;
    width: 100%;
	font-size:14px;
    padding: 0 0 0 0;
	text-align:right;
	top: -15px;
}



.register form input:focus {
    border: 1px solid #ccc;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}



.register form input:-moz-placeholder { color: #aaa; }
.register form input:-ms-input-placeholder { color: #aaa; }
.register form input::-webkit-input-placeholder { color: #aaa; }

.register form button {
    cursor: pointer;
    width: 100%;
    height: 42px;
    margin-top: 25px;
    padding: 0;
    background: #eb4141;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.1) inset;
    -webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.1) inset;
    box-shadow: 0 15px 30px 0 rgba(255,255,255,.1) inset;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}

.register form button:hover {
    -moz-box-shadow: 0 -15px 30px 0 rgba(255,255,255,.05) inset;
    -webkit-box-shadow: 0 -15px 30px 0 rgba(255,255,255,.05) inset;
    box-shadow: 0 -15px 30px 0 rgba(255,255,255,.05) inset;
}

.register form button:active {
    -moz-box-shadow:
        0 -15px 30px 0 rgba(255,255,255,.05) inset,       
        0 5px 8px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow:
        0 -15px 30px 0 rgba(255,255,255,.05) inset,       
        0 5px 8px 0 rgba(0,0,0,.1) inset;
    box-shadow:
        0 -15px 30px 0 rgba(255,255,255,.05) inset,       
        0 5px 8px 0 rgba(0,0,0,.1) inset;
}

.box {
    padding: 20px 20px 20px 20px;
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    text-align: left;
}

/* ----- Media queries ----- */

@media (max-width: 1200px) {

    .register form h2 { background: url(../img/pencil.png) 20px 6px no-repeat; }

}

@media (min-width: 768px) and (max-width: 979px) {

    .register form h2 { background: none; }

}

@media (max-width: 767px) {
    body { padding-left: 0; padding-right: 0; }
    .logo, .links { text-align: center; }
    .links { padding-bottom: 5px; }
    .logo h1 { padding-left: 0; }
    .links a.home { margin-left: 0; }
    .links a.blog { margin-right: 0; }
    .box-SignIn, .content-container, .box-container { padding-left: 50px; padding-right: 50px; }
    .register form h2 { background: none; }
    .iphone img { display: none; }
}

@media (max-width: 480px) {
    .register form button, { width: 97%; }
	.box-SignIn, .content-container, .box-container { padding-left: 20px; padding-right: 20px; }
}


/* ************************************************* */
#banner {padding-top: 90px; padding-bottom: 70px; background: #1a1a1a; background-image: url(../img/blur.png); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed;}

.head-content { clear: both; padding-top: 5px; padding-bottom: 0px; background-color:#603814; color:#FFF; text-align:center; border-bottom: 5px solid #ebbb33;}

.banner-content { clear: both; padding-top: 30px; padding-bottom: 40px; background-color:#ebbb33; background-image:url(../img/skyline.png); background-repeat:no-repeat; background-position:bottom;}
/*.banner-content { clear: both; padding-top: 30px; padding-bottom: 40px; background-color:#ebbb33; background-image:url(../img/1920/1.jpg); background-repeat:repeat-y;}*/
.banner-content h1 {font-size: 70px; color: #FFF;  }
.banner-content h2 {color: #FFF;border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom: 10px;}
.banner-content h5 {font-weight: bold; font-size: 16px; color: #FFF;}
.banner-content p {color: rgba(255,255,255,1); }
.banner-content label{color: #FFF;}


.banner-list {margin-bottom: 20px;}
.banner-list li {color: rgba(255,255,255, 0.8); margin-bottom: 5px;}
.banner-list li i { margin-right: 10px; color:#08b4da; }
.form-title h2 {
	margin-bottom: 25px;
    padding-bottom: 0px;
    background: url(../img/pencil.png) 0px 6px no-repeat;
    border-bottom: 2px dotted #FFF;
    font-size: 30px;
    font-weight: 400;
	}
/* ==========================================================================
Features
========================================================================== */ 
.features {margin-bottom: 40px; text-align: left;}
.features i {float: left; margin-right: 20px;}
.features h3 {font-size: 18px; font-weight: bold; padding-top: 15px; }
.features p { clear: both; padding-top: 10px;}
/* ==========================================================================
Footer
 ========================================================================== */
.footer-top {background-color: #ebbb33; padding: 30px 0; background-image:url(../img/skyline_sm.png); background-repeat:no-repeat; background-position:bottom;}
.footer-top ul li{/*background-color: #ebbb33;*/ }
.footer-sub {background-color: #603814; padding: 30px 0;}

.footer h3 {color: #603814; font-weight: bold; font-size: 19px; margin-bottom:15px;}
.footer p,
.footer a {color: #FFF; margin-bottom: 10px;}
.footer li {padding: 3px 0; font-size: 14px; color: #FFF;}
.footer i {color: #FFF;}

.copyright {float: right;}
.copyright i {color: #FF3D7F; margin:0 5px;}

.contact-list li {color: #ADADAD; margin-bottom: 5px;}
.contact-list i {margin-right: 15px;}

.quick-links li { padding-left:15px; position:relative; }
.quick-links li:before {display:inline-block; text-align:center; font-family: FontAwesome; content:"\f105"; position:absolute; left:0px; top:4px; transition:all 0.3s ease-in; transition:all 0.3s ease-in;  transition:all 0.3s ease-in; color: #f8f8f8;}

/* ///////////////////////// slider /////////////////////////////////////////////////////////////////////// */

#myCarousel .thumbnail {
	margin-bottom: 0;
}
.carousel-control.left, .carousel-control.right {
	background-image:none !important;
}
.carousel-control {
	color:#fff;
	top:40%;
	color:#eebc35;
	bottom:auto;
	padding-top:4px;
	width:30px;
	height:30px;
	text-shadow:none;
	opacity:1;
}
.carousel-control:hover {
	color: #603814;
}
.carousel-control.left, .carousel-control.right {
	background-image:none !important;
	filter:alpha(opacity=70);
	opacity:.70;
}
.carousel-control.right {
	left:auto;
	right:-5px;
}
.carousel-control.left {
	right:auto;
	left:-5px;
}

.carousel-indicators {
	bottom:-30px;
}
.carousel-indicators li {
	border-radius:0;
	width:10px;
	height:10px;
	background:#eebc35;
	border:1px solid #eebc35;
}
.carousel-indicators .active {
	width:12px;
	height:12px;
	background:#603814;
	border-color:#603814;
}
/* ////////////////////////// slider ////////////////////////////////////////////////////////////////////// */
.panel {
  border: 1px solid #ccc;
  background: white;
  border-radius: 3px;
}
.dialog .panel {
  -webkit-box-shadow: 1px 1px 0px #ffffff;
  -moz-box-shadow: 1px 1px 0px #ffffff;
  box-shadow: 1px 1px 0px #ffffff;
}
.panel .panel-heading {
  border-bottom: 1px solid #ccc;
  border-left: none;
  color: #333;
  display: block;
  margin-bottom: 0px;
  text-shadow: none;
  text-transform: none;
  font-size: .85em;
  line-height: 1.5em;
  background: #efefef;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #efefef), color-stop(1, #fafafa));
  background: -ms-linear-gradient(bottom, #efefef, #fafafa);
  background: -moz-linear-gradient(center bottom, #efefef 0%, #fafafa 100%);
  background: -o-linear-gradient(bottom, #efefef, #fafafa);
  filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3', EndColorStr='#ffffff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',EndColorStr='#efefef')";
  box-shadow: inset 0px 1px 1px white;
}
.panel .panel-heading:not(.no-collapse):hover {
  background: #efefef;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e2e2e2), color-stop(1, #fafafa));
  background: -ms-linear-gradient(bottom, #e2e2e2, #fafafa);
  background: -moz-linear-gradient(center bottom, #e2e2e2 0%, #fafafa 100%);
  background: -o-linear-gradient(bottom, #e2e2e2, #fafafa);
  filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3', EndColorStr='#ffffff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',EndColorStr='#e2e2e2')";
}
.panel .panel-heading .panel-icon {
  border-right: 1px solid #AAA;
  box-shadow: 1px 0px 1px #fff;
  border-left: none;
  text-align: center;
  padding-left: 1em;
  line-height: 2em;
  margin-top: -0.25em;
}
.panel .panel-heading .panel-icon a {
  padding: 0em;
}
.panel .panel-heading .panel-icon [class*="icon-"] {
  padding: 0em 1em;
  line-height: 1em;
}
.panel .panel-heading .panel-icon.pull-right {
  border-left: 1px solid #AAA;
  border-right: none;
  box-shadow: inset 1px 0px 1px #fff;
}
.panel .panel-heading .label {
  float: right;
  line-height: 1.5em;
  -webkit-box-shadow: 1px 1px 0px #ffffff;
  -moz-box-shadow: 1px 1px 0px #ffffff;
  box-shadow: 1px 1px 0px #ffffff;
}
p.panel-heading,
a.panel-heading,
.panel-heading a {
  color: #505050;
  display: block;
  outline: none;
}
a.panel-heading:hover,
.panel-heading a:hover {
  color: #505050;
}
.panel-body {
  min-height: .25em;
}
.panel-body h1,
.panel-body h2,
.panel-body h3,
.panel-body h4,
.panel-body h5,
.panel-body h6,
.panel-body table {
  margin-top: 12px;
}
.panel-body.collapse {
  margin-top: 0em;
  margin-bottom: 0em;
}
.theme-blue .navbar {
  background: #eebc35;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eebc35), color-stop(1, #eebc35));
  background: -ms-linear-gradient(bottom, #eebc35, #eebc35);
  background: -moz-linear-gradient(center bottom, #eebc35 0%, #eebc35 100%);
  background: -o-linear-gradient(bottom, #eebc35, #eebc35);
  filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e3e3e3', EndColorStr='#ffffff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eebc35',EndColorStr='#eebc35')";
}
.box-head_1row {
	display: block;
	overflow: hidden;
	height: 30px;
	border: 0;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.box-head_title{
	display: block;
	overflow: hidden;
	max-height: 65px;
	height: 65px;
	border: 0;
	margin-top: 0px !important;
	margin-bottom: 10px !important;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    border: 1px #adadad solid;
}