.page_sc_css .custom-banner.sc_pageBaner::after {
    content: none;
     background: none;
    
}
.landingp {
    padding-top: 0;
}
.clear{ clear: both}

.banner-data-right {
    float: right;
    width: 49%;
    padding-left: 50px;
    padding-right: 120px;
}
/*.banner-data-left{float: left; width: 50%; }*/
.page_sc_css .custom-banner.sc_pageBaner  .data{ width: 100%; float: none;}
.page_sc_css .custom-banner img {
    max-width: 75%;
}
.page_sc_css .custom-banner .right-img {
    text-align: right;
}
.banner-data-left {
    padding-top: 30px;
}
/*stage section css*/



 @keyframes showtime {
    0% {
        opacity: 0;
    }
    49% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes showtime {
    0% {
        opacity: 0;
    }
    49% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes showtime{
    0% {
        opacity: 0;
    }
    49% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes showtime {
    0% {
        opacity: 0;
    }
    49% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes showtime {
    0% {
        opacity: 0;
    }
    49% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
 
.imgBox .rsrcTxt {
    float: left;
    width: 100%;
    height: 150px;
    background: url(../images/bg-resource.png) no-repeat center;
        background-size: auto;
    background-size: cover;
    padding: 30px 40px 0;
        padding-top: 30px;
}
.landingp{ padding-top: 0;}
.graph-container-step {
    position: relative;
    width: 1024px;
    margin: 0 auto;
}
.graph-img-step  {
    position: relative;
     text-align: center
}
.graph-img-step img{
     width: 60%;
    margin: 0 auto;
}
.tabs-nav-step .text-con-step{
    position: absolute;
      text-align: left;
	
}
.sc_secTtlWrapp.mycutmtitle, .sc_secTtlWrapp.mycutmtitle h2 {
    float: none;
}
.tabs-nav-step .text-con-step:first-child {
    top: 72%;
    left: 11%;
}
.text-con-step .li-con-step{background: #fff;
box-shadow: 0 8px 11px 3px rgba(0,0,0,.1);
border: 1px solid #f3f3f3;padding: 10px; display: none;
	

}
.gimg-step-mob{ display: none;}
.text-con-step {
    transition: transform 1.3s;
    width: auto;
    display: inline;
}
.text-con-step:hover {
    transition: transform 1.3s;
    width: 200px;
     
}
.text-con-step span{
font-family: 'Gotham Medium';
	font-size: 16px;
	color: #5e99cf; 	display: block; padding: 10px;  cursor: pointer;-webkit-transition: all 2s ease-in;
  transition: all 2s ease-in;
  border: 1px solid transparent;  
}
.tabs-nav-step .text-con-step:first-child span, .tabs-nav-step .text-con-step:nth-child(2) span
{ color: #113C61;
webkit-animation: showtime 4s;
    -moz-animation: showtime 4s;
    -o-animation: showtime 4s;
    animation: showtime 4s;
}
.tabs-nav-step .text-con-step:nth-child(3) span, .tabs-nav-step .text-con-step:nth-child(4) span
{
	color: #ea7926;
	webkit-animation: showtime 7s;
    -moz-animation: showtime 7s;
    -o-animation: showtime 7s;
    animation: showtime 7s;
}
.tabs-nav-step .text-con-step:nth-child(5) span, .tabs-nav-step .text-con-step:nth-child(6) span
{
	color: #3d86c6;
	webkit-animation: showtime 11s;
    -moz-animation: showtime 11s;
    -o-animation: showtime 11s;
    animation: showtime 11s;
}
.text-con-step:hover span{
 	background: #fff;
box-shadow: 0 8px 11px 3px rgba(0,0,0,.1);
border-width: 1px;
 border-color: #fff 
}
.tabs-nav-step .text-con-step:first-child:hover {
    transform:translate(-100px, 0px)
}
.li-con-step li {
    font-size: 13px;
    color: #333;
    padding-bottom: 8px;
    padding-left: 20px;
    font-family: Gotham Book;  position: relative;
}
.li-con-step li::before {
    content: '';
    background-image: url('../images/tick.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0px;
    top: 5px;
    background-size: cover;
}
.tabs-nav-step .text-con-step:hover .li-con-step {
/*   opacity: 1; */ 
	transition: all 1s; display: block;  
	-webkit-animation: showtime 1.5s;
    -moz-animation: showtime 1.5s;
    -o-animation: showtime 1.5s;
    animation: showtime 1.5s;
}
.tabs-nav-step .text-con-step:nth-child(2) {
    top: 39%;
    left: 18%;
}
.tabs-nav-step .text-con-step:nth-child(3) {
    top: 9%;
    left: 27%;
}
.tabs-nav-step .text-con-step:nth-child(4) {
    top: 11%;
    left: 64%;
    width: 200px;
}
.tabs-nav-step .text-con-step:nth-child(5) {
    top: 40%;
    left: 74%;
    width: 200px;
}
.tabs-nav-step .text-con-step:nth-child(6) {
    top: 72%;
    left: 79%;
    width: 200px;
}
.tabs-nav-step .text-con-step:nth-child(2):hover {
    transform:translate(-111px, -40px);
}
.tabs-nav-step .text-con-step:nth-child(3):hover {
    transform:translate( -94px, -62px);
}
.tabs-nav-step .text-con-step:nth-child(4):hover {
    transform:translate(0px, -72px)
}
.tabs-nav-step .text-con-step:nth-child(5):hover {
    transform: translate( 0px, -60px);
}
 
.tabs-nav-step .text-con-step:nth-child(6):hover {
    transform: translate( 0px, -80px);
}
.mob-img-step{ display: none}

.width-custom-step {
    padding: 0 0px 40px;
}
.cf:before,
.cf:after {
    content: "";
    display: table
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
@media (max-width: 1200px) {
	.page_sc_css .custom-banner img {
    max-width: 82%;
}
}
@media (max-width: 1024px) {
.page_sc_css .custom-banner img {
    max-width: 100%;
}
	@media (max-width: 800px) {
.page_sc_css .custom-banner img {
    max-width: 100%;
}
}
	@media (max-width: 767px) {
.page_sc_css .custom-banner img {
    max-width: 55%;
}
		.banner-data-left {
    float: none;
    width: 100%;
    padding-top: 0;
}
		.banner-data-right {
    float: left;
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
    text-align: center;padding-right: 0;
}
		.page_sc_css .custom-banner .right-img {
    text-align: center;
}
}
		@media (max-width: 600px) {
			.page_sc_css .custom-banner img {
    max-width: 70%;
}
	}
@media (max-width: 1100px) {
.graph-container-step {
    position: relative;
    width: 980px;
    margin: 0 auto;
}
	.li-con-step li {
    font-size: 12px;
     padding-bottom: 5px;padding-left: 15px;
     }
	.text-con-step .li-con-step {
      padding: 8px;
    }
	.text-con-step span {
     font-size: 13px;
    padding: 8px;
    }
	.text-con-step {
     width: 210px;
}
	.tabs-nav-step .text-con-step:nth-child(4) {
    top: 26px;
    right: 11%;
}
	.tabs-nav-step .text-con-step:nth-child(5) {
    top: 45%;
    right: 4%;
}
	.tabs-nav-step .text-con-step:nth-child(6) {
    top: 85%;
    right: 11%;
}
	.tabs-nav-step .text-con-step:nth-child(6):hover {
    transform: translate( 0px, -60px);
}
	.tabs-nav-step .text-con-step:nth-child(3):hover {
    transform: translate( 0px, -80px);
}
}
@media (max-width: 992px) {
	.gimg-step-mob{ display: block;}
	.text-con-step:hover {
    transition: transform 1.3s;
    width: 31.3%;
}
	.mob-img-step{ display: block}
	.gimg-step {
    display: none;
}.graph-container-step {
    position: relative;
    width: 100%;
    padding: 0 30px;
}
	.tabs-nav-step .text-con-step {
    position: static;
    text-align: left;
}
	.text-con-step:hover span {
    background: #fff;
    box-shadow: none;
    border: 1px solid #fff;
}
	.text-con-step .li-con-step {
    background: #fff;
    box-shadow: none;
    border: 1px solid #fff;
	}
	.text-con-step{
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: 1px solid #f3f3f3;
}
	.text-con-step .li-con-step {
     display: block;
}
	.tabs-nav-step .text-con-step:first-child:hover, 	.tabs-nav-step .text-con-step:nth-child(2):hover, 	.tabs-nav-step .text-con-step:nth-child(3):hover, 	.tabs-nav-step .text-con-step:nth-child(4):hover, 	.tabs-nav-step .text-con-step:nth-child(5):hover, 	.tabs-nav-step .text-con-step:nth-child(6):hover {
    transform: none;
}  
	.tabs-nav-step .text-con-step:hover .li-con-step {
    opacity: 1;
    transition: all 1s;
    display: block;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}
	.mob-img-step {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}
	.mob-img-step img {
    width: 70px;
}
.text-con-step span {
    font-size: 14px;
    padding: 8px 15px 3px;
    animation: none !important; cursor: auto
}
	.text-con-step .li-con-step {
    padding: 8px 15px 16px;
}
	.li-con-step li {
    font-size: 13px;
    padding-bottom: 12px;
    padding-left: 18px;
}
	.text-con-step {
    margin-bottom: 30px;
}
	.text-con-step {
    margin-bottom: 30px;
    float: left;
    width: 31.3% !important;
    margin: 1%;
}
}
@media (max-width: 767px) {
	.width-custom-step {
    padding: 25px 0px 40px;
}
		.text-con-step {
     width: 48% !important;
    margin: 1%;
}
	.text-con-step:hover {
     width: 48%;
}
}
@media (max-width: 480px) {
		.text-con-step {
     width: 100% !important;
    margin: 10px 0 10px;
			height: auto !important;
}
		.text-con-step:hover {
     width: 100%;
}
}