/* --------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,600|Source+Sans+Pro:400,600,700,900');


ul.mylist {
	margin: 0px;
	padding: 0;
}

ul.mylist li {
	margin: 0px;
	padding: 3px 8px;
	display: block;
	border-bottom: 1px dashed #ccc;
	color: #666;
}

ul.mylist li:last-child {
	border-bottom: 0px dashed #ccc;
}

ul.mylist li i {
	margin: 0px;
	padding: 0px 2px;
	color: #069;
}

.page-title {
	background: url(../../images/title-bg.jpg);
}

/* ------------------------------------------------*/
body {
	color: #666;
	font-size: 15px;
	line-height: 24px;
	font-family: 'Roboto', 'Source Sans Pro', sans-serif;
	overflow-x: hidden;

	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;

	text-rendering: optimizeLegibility !important;

	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;

	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-ms-overflow-scrolling: touch;
	-o-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

p,
.description {
	color: #333;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 27px;
	margin-top: 15px;
}

a {
	text-decoration: none;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

a:focus,
a:hover {
	color: #2998d4;
	text-decoration: none;
}

h1 {
	font-size: 50px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Source Sans Pro';
	margin: 0;
	padding: 0;
}

.fw-normal {
	font-weight: normal !important;
}

.fw-100 {
	font-weight: 100 !important;
}

.fw-200 {
	font-weight: 200 !important;
}

.fw-300 {
	font-weight: 300 !important;
}

.fw-400 {
	font-weight: 400 !important;
}

.fw-500 {
	font-weight: 500 !important;
}

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

.fw-700 {
	font-weight: 700 !important;
}

.fw-800 {
	font-weight: 800 !important;
}

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

img {
	max-width: 100%;
	height: auto;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

/*ul,
li {
	margin: 0;
	padding: 0;
}*/
/*li {
	display: inline-block;
	list-style: none;
}*/
img {
	max-width: 100%;
}

a:focus {
	outline: 0;
}

.media {
	padding: 0;
	margin: 0;
}

select:focus,
input:focus,
button:focus,
textarea:focus,
.form-control:focus,
button {
	box-shadow: none;
	outline: 0;
}

.homeabout {
	padding: 40px 0;
	color: #000;
}

iframe {
	border: none;
	border-radius: 0;
	width: 100%;
}

.myhistory li {
	font-size: 14px;
	color: #666;
	line-height: 26px;
}

.myconsti li {
	font-size: 14px;
	color: #666;
	line-height: 26px;
	font-weight: bold;
	padding-left: 10px;
}

.myconsti li p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	font-weight: normal;
	margin: 0px;
	padding: 5px 0;
}

.image-popup-vertical-fit img {
	margin-bottom: 25PX;
}

.myawardlist {
	margin: 0;
	padding: 10px 0;
}

.myawardlist li {
	margin: 0;
	padding: 5px 20px 5px 25px;
	list-style: none;
	position: relative;
	line-height: 24px;
}

.myawardlist li::before {
	position: absolute;
	content: '\f091';
	font-family: 'FontAwesome';
	font-size: 22px;
	color: rgb(197, 127, 21);
	left: 0;
	top: 5px;
}

.mytabdetail .tab-content {
	padding: 20px;
	border: 1px solid #ccc;
}

.mytabdetail .nav-tabs {
	margin-bottom: -1px;
}

.mytabdetail .nav-tabs li {
	font-size: 24px;
}

.myollist {
	margin: 10px 5px 5px 20px;
}

.myblink1 {
	animation-name: mybtnblink1;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-delay: 0.5s;
	animation-direction: alternate;
	animation-timing-function: ease-in;
	font-weight: bold;
}

.myblink2 {
	animation-name: mybtnblink2;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-delay: 0.5s;
	animation-direction: alternate;
	animation-timing-function: ease-in;
	font-weight: bold;
}

@keyframes mybtnblink1 {
	0% {
		color: #000000;
	}

	25% {
		color: #fff
	}

	50% {
		color: #6198ff;
	}

	100% {
		color: #83fd2d;
	}
}

@keyframes mybtnblink2 {
	0% {
		color: rgb(234, 0, 255);
	}

	25% {
		color: rgb(23, 199, 230);
	}

	50% {
		color: #000000;
	}

	100% {
		color: #ffffff;
	}
}


.wpo-about-area-1 .wpo-about-img {
	position: relative;
}


.wpo-about-img-1 .overlay-shade {
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: #2598D4;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out
}

.wpo-about-area-1:hover .wpo-about-img-1 .overlay-shade {

	opacity: 0.9;
	filter: alpha(opacity=90);
}

.wpo-about-img-2 {
	width: 704px;
	position: relative;
	left: -132px;
}

.wpo-about-area-1:hover .wpo-about-img-1 .content{
  z-index: 10;
}

.content{
position: absolute;
top: 50%;
left: 50%;
font-size: 26px !important;
z-index: -1;
--b: 4px;
width: 100%;

line-height: 40px !important;
display: inline-block;
transform: translate(-50%, -50%);

text-align: center;
font-weight: normal !important;


}
.content h2{
 color: #fff;
 margin-bottom: 4%;
}
.content .btns .view{

	background-color: #ff0;
	padding: 5px 18px;
}

.wpo-about-text-2 {
	padding: 35px 15px;
}

.wpo-about-text-2 .wpo-section-title {
	text-align: left;
	margin: unset;
	margin-bottom: 35px;
}

.wpo-section-title h2 {
	font-size: 36px;
	font-weight: 700;
	margin: 0;
	display: inline-block;
	position: relative;
	line-height: 50px;
	color: #2598d4;

}

.wpo-about-text p,
.wpo-about-text-2 p {
	margin-bottom: 35px;
	text-align: justify;
}

.wpo-about-img-1 {
	width: 681px;
	position: relative;
	right: 14px;
}

.btns .view {
	font-weight: 700;
	padding: 13px 38px;
	border-radius: 5px;
	color: #2598d4;
	;
	display: inline-block;
	transition: all .3s;

}

.view {
	display: block;
	padding: 10px 32px;
	border: 1px solid;
	text-decoration: none !important;
	background: none;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	font-size: 14px;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	text-transform: uppercase;
	color: #fd308e;
	font-weight: bold;
	transition: all 0.5s ease;
}

.button--antiman.button--inverted-alt:hover {
	color: #ffffff;
	background: #2598d4;
}

.btns.button--antiman.button--inverted-alt::before {
	border-color: #2598d4;
	background: #2598d4;
}

.btns .button--antiman.button--inverted-alt::before {
	border-color: #2598d4;
	background: #2598d4;
}

.btns .button--antiman::before {
	border: 2px solid #37474f;
	opacity: 0;
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1);
}

.btns .button--antiman::before,
.btns .button--antiman::after {
	content: '';
	z-index: -1;
	border-radius: inherit;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}


@media(max-width:992px){
	.wpo-about-area-2 {
		padding-top: 50px;
	}
	.wpo-about-area-1{
		padding-bottom: 50px;
	}
	.wpo-about-img-2{
		width: auto;
		left: 0;
	}
	
	.wpo-about-text-2 .wpo-section-title{
		margin-bottom: 0;
	
	}
	.wpo-section-title h2{
		font-size: 31px;
	}
	.wpo-about-img-1{
		width: auto;
		left: 0;
	}
}