/* My Class */
.overflow 											{ overflow: hidden }
.clear 												{ clear: both }
.underline 											{ text-decoration: underline }
.black 												{ color: black }
.white 												{ color: white }
.red 												{ color: #c11208 }
.yellow												{ color: #faec21 }
.gray 												{ color: #333333 }
.bold												{ font-weight: bold }
.italic												{ font-style: italic }
.center 											{ text-align: center }
.visible 											{ visibility: visible }
.invisible 											{ visibility: hidden }
.display,.block										{ display: block }
.none	 											{ display: none }
.uppercase 											{ text-transform: uppercase }
.lowercase 											{ text-transform: lowercase }
.capitalize											{ text-transform: capitalize }

/* General Tag */
body												{ font-family: 'Eurostile'; background: white;width: 1000px; margin: 0 auto; background-image:url('../images/bg.jpg');}
h1													{ font-size: 14pt }
h2													{ font-size: 14pt }
h3													{ font-size: 14pt }
h4													{ font-size: 20px }
h5													{ font-size: 16px }
h6													{ font-size: 14px }
p 													{ font-size: 12pt; line-height: 16px; margin: 10px 0; }
a 													{ text-decoration: none; color:black; }
small 												{ font-size: 11px }
strong,b 											{ font-weight: bold }
em,i 												{ font-style: italic }
table 												{ border-collapse: collapse;}
/* Common Layout */
#menu1	 					{ padding:50px 0px 20px 15px;}
#header nav 				{ background: url('../images/menubar.jpg') repeat;padding:10px 40px;background-size: 100% 100%}
#header nav ul				{text-decoration: none;}
#header nav li 				{display:inline;padding: 10px 15px;font-size:14pt;}
#header nav li:hover		{background:url('../images/active.jpg') repeat;background-size:100% 100%; cursor:pointer;}
#header nav li:hover a		{color:white;}
#header nav li a			{font-weight:normal;}
#header nav li a:hover		{color:white;}

.activepink			{color:#E31D1E;}
.bgcolor 			{background-color:#ECECFB;}
#box {
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 30px -30px rgba(0,0,0,0.8);
    padding: 15px 15px;
}
.box {
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 30px -30px rgba(0,0,0,0.8);
    padding: 15px 15px;
}
.breadcrumb 		{padding:15px 15px;}
.active 			{background:url('../images/active.jpg') repeat;background-size:100% 100%;}
.active a 			{color:white;}
.active1  			{color:#E44746;}
.active1 a 			{color:#E44746;}
.scroll 			{height:280px; display:block;overflow-y: scroll;overflow-x:hidden;}
.scroll1 			{height:415px; display:block;overflow-y: scroll;overflow-x:hidden;}
/*.scroll_client 		{height:400px; display:block;overflow: scroll;}*/
.wmcontent	 		{ padding:30px;}
.wmcontent li 		{ list-style-image: url("../images/dash.png");margin-left:15px;}
.wmcontent li a:hover {color:#E44746;}
.hand 				{ cursor:pointer; padding-bottom:10px;}
.show 				{display:block;}
.hide 				{display:none;}
.rpad15 			{padding-right:15px;}


#breadcrumb 		{font-size:12px;}
#wmcontent	 		{ padding:30px;}
#wmlist 			{vertical-align: top}
#wmlist li 			{ display:inline;font-size: 13pt;padding: 5px 0px 5px 15px;width:150px;vertical-align: top}

#wmlist2 				{vertical-align: top}
#wmlist2 li 			{ display:block;font-size: 13pt;padding: 5px 0px 5px 15px;width:150px;vertical-align: top;}

#txt1 				{background-color: white}
#txt1 td 			{padding:15px;}
#txt1 ul 			{padding-left:20px;}
#txt1 li 			{list-style-image: url("../images/dash.png");}

#oelist 			{padding:15px 0px;list-style-image: url("../images/dash.png");}
#oelist ul 			{}

#oelist1 li 		{display:block;}

#wmlist1 			{padding-left:15px;}
/*#wmlist1 li:before 	{content: "-";padding:0px 5px 0px 5px;}*/
#wmlist1 li 		{list-style-image: url("../images/dash.png");padding: 0px 0px 0px 5px;}

#cl-list li 		{list-style-image: url("../images/dash.png");padding: 0px 0px 0px 5px;}
#client 			{background: url('../images/bgclient.jpg') no-repeat center center fixed;background-size:100% 100%}
#clientlist 		{padding:20px 20px 20px 20px; line-height: 20px;width:300px;}
#form td 			{padding: 15px 10px 5px 15px;font-weight: bold}
#form 	 			{padding:10px 30px 30px 30px;}
#form input 		{width:250px;}
#form textarea 		{width:250px;height:100px;}
#submitbtn 			{background: url('../images/menubar.jpg') repeat;background-size: 100% 100%}
#submitbtn:hover 	{background:#E44746;color:white; }
#req_star			{color:yellow; font-size: 20px}


#home-list li:before 	{content: "-";padding:0px 5px 0px 5px;}

#footer			{background: url('../images/menubar.jpg') repeat; background-size:100% 100%;width:1000px;text-align:center;height:30px;}

.overflow{
    overflow: hidden;
}

#thumb1{
    background: url('../images/writing-opaque.jpg') 0 0 no-repeat;
}

#thumb2{
    background: url('../images/speaking-opaque.jpg') 0 0 no-repeat;
}

#thumb3{
    background: url('../images/report-opaque.jpg') 0 0 no-repeat;
    margin-top: 15px;
}

#thumb4{
    background: url('../images/present-opaque.jpg') 0 0 no-repeat;
    margin-top: 15px;
}

.home-thumb{
    position: relative;
    width: 220px;
    height: 111px;
    display: block;
    float: left;
    cursor: pointer;
    overflow: hidden;
    margin: 0 15px;
}

.home-thum{
    position: relative;
    width: 420px;
    height: 141px;
    display: block;
    float: left;
    overflow: hidden;
    margin: 0 15px;
}

/* .home-thumb 										{ position: relative; width: 222px; height: 222px; display: block; float: left; cursor: pointer; overflow: hidden; margin: 0 15px } */
.home-thumb .caption                				{ position: absolute; width: 192px; height: 90px; padding: 13px; background: url('../images/trans_black.png'); left: 0; top: -222px; z-index: 1 }
.home-thumb .caption h4 							{ font-style: italic; color: #71bf43; line-height: 15px }
.home-thumb .caption p 								{ font-style: italic; color: white; line-height: 15px }
.home-thumb .title 									{ font-style: italic; display: block; width: 192px; text-align: center; position: absolute; bottom: 15px; left: 15px; z-index: 0 }
.home-thumb .caption2								{ position: absolute; width: 676px; height: 192px; margin-left: 15px; padding: 15px; background: url('../images/trans_black.png'); left: 0; top: -222px; z-index: 1 }
.home-thumb .caption2 h4 							{ font-style: italic; color: #71bf43; line-height: 18px }
.home-thumb .caption2 p 							{ font-style: italic; color: white; line-height: 18px }

.home-thum .txt                                     { position: absolute; width: 400px; height: 110px; padding: 13px; background: url('../images/trans_black.png'); left: 0; top: -222px; z-index: 1; }
/* .txt                                             { background: url('../images/trans_black.png'); } */
.home-thum .txt p                                   { font-size:11pt; }

.padding-15{
    padding: 15px;
}

.button {
    border: 1px solid #0a3c59;
    background: #1e5170;
    background: -webkit-gradient(linear, left top, left bottom, from(#1e5170), to(#1e5170));
    background: -webkit-linear-gradient(top, #1e5170, #1e5170);
    background: -moz-linear-gradient(top, #1e5170, #1e5170);
    background: -ms-linear-gradient(top, #1e5170, #1e5170);
    background: -o-linear-gradient(top, #1e5170, #1e5170);
    background-image: -ms-linear-gradient(top, #1e5170 0%, #1e5170 100%);
    padding: 10.5px 21px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
    text-shadow: #7ea4bd 0 1px 0;
    color: #ffffff;
    font-size: 14px;
    font-family: helvetica, serif;
    text-decoration: none;
    vertical-align: middle;
}
.button:hover {
    border: 1px solid #0a3c59;
    text-shadow: #1e4158 0 1px 0;
    background: #3e779d;
    background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
    background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
    background: -moz-linear-gradient(top, #65a9d7, #3e779d);
    background: -ms-linear-gradient(top, #65a9d7, #3e779d);
    background: -o-linear-gradient(top, #65a9d7, #3e779d);
    background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
    color: #fff;
    cursor: pointer;
}
.button:active {
    text-shadow: #1e4158 0 1px 0;
    border: 1px solid #0a3c59;
    background: #65a9d7;
    background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
    background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
    background: -moz-linear-gradient(top, #3e779d, #65a9d7);
    background: -ms-linear-gradient(top, #3e779d, #65a9d7);
    background: -o-linear-gradient(top, #3e779d, #65a9d7);
    background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
    color: #fff;
}

.grey-bg{
    background-color: #ececfb;
}

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

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

#welcome{
    line-height: 1.8;
    font-size: 30px;
    font-weight: bold;
}

.center{
    margin: 0 auto;
}

.green-bg{
    background: linear-gradient(to bottom, #71bf43 0%, #71bf43 50%, #71bf43 50%,green 50%,green 100%);
    margin: 0 auto;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 5px 0;
}

#slide1, #slide2, #slide3, #slide4, #slide6, #slide7{
    background: url("../images/test-bg.png") center/cover no-repeat;
    height: 825px;
}
#slide5{
    background: url("../images/test-bg.png") center/cover no-repeat;
}

.container{
    max-width: 500px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.table{
    border: 1px solid #000;
}

.table td{
    padding: 4px 8px;
    vertical-align: top;
    border: 1px solid #000;
}

.table thead td{
    font-weight: bold;
}

.blue-btn{
    background: linear-gradient(to bottom, #7777bf 0%, #7777bf 50%, #7777bf 50%,#333298 50%,#333298 100%);
    border-radius: 5px;
    padding: 5px 40px;
    border: 2px solid #fff;
    color: #fff;
    cursor: pointer;
}

.md-text{
    font-size: 1.2rem;
    line-height: 1.2;
}

.lg-text{
    font-size: 1.5rem;
    line-height: 1.2;
}

.xl-text{
    font-size: 1.5rem;
    line-height: 1.2;
}

.tnr{
    font-family: 'Times New Roman', Times, serif;
}