.index-row {
max-width: 980px;
margin: auto;
}

.index-row li {
width: 30%;
min-height: 100px;
float: left;
margin-bottom: 20px;
margin-right: 5%;
}

.index-row .item .inner {
position: relative;
float: left;
width: 100%;
cursor: pointer;
}

.index-row .tinted {
background-color: #000;
opacity: 0.2;
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
}

.index-row .thumb-play-btn {
width: 58px;
height: 58px;
background: url(../images/icons-player-btn.png) no-repeat;
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
margin-left: -29px;
margin-top: -29px;
cursor: pointer;
}

.index-row li.last {
margin-right: 0px;
}

.index-row li img {
width: 100%;
}

.index-row .title {
font-size: 15px;
line-height: 20px;
margin: 10px 0 5px 0;
}

.index-row a .title {
color: #333;
}

#index #index-content {
background-color: #fff;
position: relative;
z-index: 999;
padding-bottom: 30px;
padding-top: 40px;
}

#index #index-content.inner-content {
padding-top: 20px;
}

#index hr, #index a hr {
border-style: solid;
border: 1px solid #cbd2d8;
}

#index #stat-news-content {
position: relative;
margin-top: 370px;
z-index: 9999;
}

#index #stat-news-content .stat {
width: 57.5%;
float: left;
height: 185px;
background-color: #eaedef;
}

#index #stat-news-content .stat-content {
width: 100%;
position: relative;
line-height: 1.25em;
}

#index #stat-news-content .stat-empty {
float: left;
height: 185px;
background-color: #eaedef;
position: absolute;
}

#index #stat-news-content .stat-item {
width: 657px;
float: right;
position: relative;
}

#index #stat-news-content .stat-item ul {
margin: 20px 0 0 30px;
width: 100%;
}

#index #stat-news-content .stat-item li {
position: relative;
float: left;
text-align: center;
margin: 0 25px 0 0;
font-weight: 300;
}

#index #stat-news-content .stat-item .text {
font-weight: 400;
}

#index #stat-news-content .stat-item #stat2 li {
margin: 0 35px 0 0;
}

#index #stat-news-content .stat-item #stat3 li {
margin: 0 30px 0 0;
}

#index #stat-news-content .stat-item .s4 {
margin: 0!important;
}

#index #stat-news-content #stat1 .s5 {
margin: 0 0 0 -20px;
}

#index #stat-news-content #stat2,#index #stat-news-content #stat5 {
margin-left: 40px;
}

#index #stat-news-content #stat3 {
margin-left: 20px;
}

#index #stat-news-content #stat4 {
margin-left: 15px;
}

#index #stat-news-content #stat5 li {
margin-right: 30px;
}

#index #stat-news-content .stat-item a {
color: #333;
}

#index #stat-news-content .prev-arrow {
position: absolute;
top: 20px;
left: 30px;
cursor: pointer;
}

#index #stat-news-content .next-arrow {
position: absolute;
top: 20px;
right: 10px;
cursor: pointer;
}

#index #stat-news-content .number {
color: #4d80be;
font-size: 18px;
line-height: 1.438em;
margin-top: 5px;
}

#index #stat-news-content .single-stat {
margin: 20px 0 0 30px;
}

#index #stat-news-content .single-stat .thumb {
float: left;
width: 130px;
}

#index #stat-news-content .stat-details {
float: left;
max-width: 250px;
text-align: left;
margin: 0 0 0 20px;
}

#index #stat-news-content .percentage {
font-size: 2.813em;
color: #4d80be;
font-weight: 300;
margin-bottom: 12px;
}

#index #stat-news-content .action-btn {
text-align: center;
background-color: #ffa300;
padding: 2px 8px;
border-radius: 8px;
margin: 40px 0 0 0;
cursor: pointer;
}

#index #stat-news-content .stat-details .action-btn {
text-align: center;
background-color: #ffa300;
padding: 2px 5px;
border-radius: 8px;
float: left;
margin: 20px 0 0 0;
}

#index #stat-news-content .news-read-more {
float: right;
}

#index #stat-news-content .news {
width: 42.5%;
float: right;
background-color: #dadfe3;
}

#index .news-content {
max-width: 320px;
padding: 20px 15px 20px 10px;
line-height: 16px;
}

#index .news-content li {
float: left;
}

#index .news-content ul {
padding-left: 10px;
}

#index .news-content .date {
width: 60px;
color: #333;
font-weight: 600;
font-size: 12px;
}

#index .news-content .content {
width: 250px;
font-size: 13px;
}

#index .news-content .content a {
color: #333;
}

#index .news-content .content a:hover {
color: #4d80be;
}

#index .news-content .divider {
background: url(../images/border.png) repeat-x;
height: 2px;
margin: 5px 0;
}

#index .empty-nkh {
float: left;
width: 100px;
height: 100px;
background-color: #eaedef;
}

#index .stat-nkh {
float: left;
width: 640px;
height: 150px;
background-color: #eaedef;
position: relative;
}

#index .stat-nkh .stat-group {
position: absolute;
left: 50px;
width: 540px;
height: auto;
}

#index .news-nkh {
float: left;
width: 340px;
height: auto;
background-color: #dadfe3;
min-height: 185px;
}

#index .news-nkh .news-content .content {
width: 220px;
font-size: 13px;
}

#index #stat-news-content-nkh {
position: relative;
margin-top: 370px;
z-index: 999999;
background-color: #dadfe3;
}

#index #stat-news-content-nkh .prev-arrow {
position: absolute;
left: 10px;
cursor: pointer;
}

#index #stat-news-content-nkh .next-arrow {
position: absolute;
right: 10px;
cursor: pointer;
}

#index #stat-news-content-nkh .number {
color: #4d80be;
line-height: 1.438em;
margin-top: 5px;
font-size: 1.2em;
}

#index #stat-news-content-nkh .text {
font-weight: 400;
line-height: 1.25em;
font-size: 0.9em;
}

#index #stat-news-content-nkh .action-btn {
text-align: center;
background-color: #ffa300;
padding: 2px 8px;
border-radius: 8px;
margin: 40px auto 0 auto;
cursor: pointer;
color: #333;
width: 82px;
line-height: 120%;
}

#index #stat-news-content-nkh .stat-set li {
position: relative;
float: left;
text-align: center;
margin: 5px 5px;
font-weight: 300;
width: 98px;
}

#index #stat-news-content-nkh .icon3 li {
width: 125px;
}

#index #stat-news-content-nkh .news-read-more {
float: right;
}/* Stats v2*/#index .stat-nkh .stat-group {
width: 600px;
left: 0;
}

.stat-nkh .title {
font-size: 18px;
font-weight: 700;
margin: 20px 0 25px 20px;
}

.stat-set {
margin: 20px 0 0 0;
}

.stat-set .icons {
float: left;
height: 100px;
margin: 10px 25px 0 20px;
}

.stat-set .details {
float: left;
margin: 10px 0 0 0;
}

.stat-set .details .numbers {
color: #4d80be;
font-size: 22px;
font-weight: 700;
max-width: 280px;
}

.stat-set .details .description {
line-height: 18px;
margin: 5px 0 0 0;
font-size: 16px;
max-width:300px;
}

.stat-set .cta {
float: right;
}

#index #stat-news-content-nkh .action-btn {
padding: 2px;
width: 72px;
}

.stats-ct {
position: absolute;
bottom: 10px;
right: 10px;
}

.stats-ct li {
float: left;
margin: 0 5px 0 0;
}

.stats-ct .stat-slide-btn {
width: 17px;
height: 5px!important;
background-color: #929699;
cursor: pointer;
float: left;
margin: 0 0 0 5px;
}

.stats-ct .stat-slide-btn.active {
background-color: #ffa300;
}

@media handheld, only screen and (min-device-width: 481px ) and (max-device-width : 900px) and (orientation:portrait), only screen and (max-width: 900px) {
#index #stat-news-content-nkh {
margin-top: 0px;
};
}

@media handheld, only screen and (min-device-width: 481px ) and (max-device-width : 980px) and (orientation:portrait), only screen and (max-width: 980px) {
#index .stat-nkh {
width: 100%;
height: auto;
padding: 30px 0px;
}

#index .stat-nkh .stat-group {
margin: 0px auto;
position: relative;
left: auto;
}

#index .news-nkh {
float: left;
width: 100%;
min-height: 0px;
}

#index .news-nkh .news-content .content {
float: none;
width: auto;
};
}

@media handheld, only screen and (min-device-width: 481px ) and (max-device-width : 640px) and (orientation:portrait), only screen and (max-width: 640px) {
#index .stat-nkh {
width: 100%;
}

#index .stat-nkh .stat-group {
width: auto;
max-width: 220px;
}

#index #stat-news-content-nkh .icon3 li {
width: 98px;
}

#index #stat-news-content-nkh .action-btn-right {
margin-left: 113px!important;
};
}

#pushbox {
position: fixed;
width: 100%;
top: 75px;
height: 370px;
z-index: 1;
}

#pushbox .pushbox-item-holder {
position: relative;
width: 100%;
height: 100%;
overflow-x: hidden;
}

#pushbox .pushbox-item-holder .listing {
height: 350px;
position: absolute;
width: 100%;
}

#pushbox .pushbox-item-holder img {
width: 100%;
min-width: 1920px;
position: absolute;
}

#pushbox .pushbox-item-holder .inner-content {
position: relative;
top: 0px;
padding: 20px 0 0 0;
}

#pushbox .pushbox-item-holder .pushbox-content {
min-width: 220px;
max-width: 320px;
background-color: rgba(77,128,191,0.8);
padding: 15px 20px 20px 15px;
text-align: center;
}

#pushbox h1 {
font-size: 1.750em;
font-weight: 700;
line-height: 1.438em;
text-align: left;
}

#pushbox .desc {
color: #fff;
margin: 20px 0;
text-align: left;
}

#pushbox .action-btn {
border-radius: 8px;
background-color: #ffa300;
color: #333;
padding: 3px 5px;
width: 100%;
}

#pushbox #slides-holder {
position: absolute;
top: 400px;
z-index: 999;
}

#pushbox .slide-btn {
width: 17px;
height: 5px!important;
background-color: #fff;
cursor: pointer;
float: left;
margin: 0 0 0 5px;
}

#pushbox .slide-btn.active {
background-color: #ffa300;
}

@media handheld, only screen and (min-device-width: 481px ) and (max-device-width : 980px) and (orientation:portrait), only screen and (max-width: 980px) {
#pushbox {
top: 45px;
};
}

@media handheld, only screen and (min-device-width: 481px )and (max-device-width : 768px) and (orientation:portrait), only screen and (max-width: 768px) {
#pushbox {
top: 45px;
}

#pushbox .pushbox-content {
margin: auto;
};
}/*#pushbox-inner .pushbox-img img {min-width:1920px; width:100%;position:relative;left:50%;margin-left:-960px;}#pushbox-outer {position:fixed;z-index:0;top:75px;}#pushbox-inner li {position:absolute;width:100%;}#pushbox-inner .pushbox-details-content-outer{position:absolute;z-index:99;}#pushbox-inner .pushbox-content {width:260px; padding:15px 20px 20px 15px; background: url(/images/pushbox-bg.png); margin:50px 0 0 0;}#pushbox-inner .pushbox-content h1 {font-size:1.750em; font-weight:700; line-height:1.438em;}#pushbox-inner .pushbox-content .pushbox-desc{margin:20px 0;}#pushbox-inner .pushbox-content .btn-orange {text-align:center;}#pushbox-inner .pushbox-content .btn-orange a{color:#333; font-weight:600; background-color:#ffa300; padding:3px 5px; border-radius:8px;  }#pushbox-inner {color:#fff; position:relative;}#pushbox-outer .pushbox-slide {position:absolute;z-index:999999;right:0px; top:400px;}#pushbox-outer .pushbox-slide li{float:left;}*/@media handheld, only screen and (min-device-width: 481px ) and (max-device-width : 1024px) and (orientation:portrait), only screen and (max-width: 1024px) {
#index #stat-news-content .stat {
width: 100%;
overflow-x: hidden;
background-color: #eaedef;
}

#index #stat-news-content .stat-item {
width: 100%;
}

#index #stat-news-content .prev-arrow {
left: 10px;
top: 40px;
}

#index #stat-news-content .next-arrow {
top: 40px;
}

#index #stat-news-content .prev-arrow img,#index #stat-news-content .next-arrow img {
width: 20px;
}

#index #stat-news-content .stat1 {
left: 180px;
}

#index #stat-news-content .stat2 {
left: 340px;
}

#index #stat-news-content .stat3 {
left: 460px;
}

#index #stat-news-content #stat2  .stat2 {
left: 320px;
}

#index #stat-news-content .single-stat .thumb {
width: auto;
}

#index #stat-news-content .stat-item ul {
width: 600px;
margin: 20px auto 0 auto;
}

#index #stat-news-content .stat-details {
max-width: 200px;
}

#index #stat-news-content .stat-details .action-btn {
top: 90px;
}

#index #stat-news-content .action-btn {
left: 550px;
}

#index #stat-news-content .news {
width: 100%;
float: left;
height: auto;
}

#index .news-content {
max-width: 90%;
padding: 20px 2%;
}

#index .news-content .content {
width: 100%;
}

#index #index-content {
padding-top: 0;
};
}

@media handheld, only screen and (min-device-width: 481px ) and (max-device-width : 980px) and (orientation:portrait), only screen and (max-width: 980px) {
.inner-content {
padding: 5%;
}

.index-row li.item {
width: 45%!important;
}

.index-row li.row-spacing {
display: none;
}

.index-row li:nth-child(odd) {
margin-right: 5%;
}

.index-row img {
width: 100%;
}

#pushbox-outer {
top: 45px;
}

#pushbox-outer .pushbox-slide {
top: 400px;
left: 50%;
margin-left: -30px;
}

#pushbox-outer .pushbox-details-content-outer {
left: 50%!important;
margin-left: -150px;
};
}

@media handheld, only screen and (max-device-width : 480px), only screen and (max-width: 480px) {
.inner-content {
padding: 5%;
}

.index-row li.item {
width: 100%!important;
}

.index-row li.row-spacing {
display: none;
}

.index-row img {
width: 100%;
}

#index #index-content {
background-color: #fff;
position: relative;
z-index: 999;
}

#pushbox-outer .pushbox-slide {
left: 50%;
margin-left: -30px;
}

#pushbox-outer .pushbox-details-content-outer {
left: 50%!important;
margin-left: -150px;
}

#index #stat-news-content .stat {
width: 100%;
overflow-x: hidden;
background-color: #eaedef;
height: 350px;
}

#index #stat-news-content .stat-item {
width: 100%;
}

#index #stat-news-content .prev-arrow {
left: 10px;
top: 40px;
}

#index #stat-news-content .next-arrow {
top: 40px;
}

#index #stat-news-content .prev-arrow img,#index #stat-news-content .next-arrow img {
width: 20px;
}

#index #stat-news-content .number {
font-size: 15px;
}

#index #stat-news-content .stat1 {
left: 15%;
top: 70px;
}

#index #stat-news-content .stat2 {
left: 45%;
top: 70px;
}

#index #stat-news-content .stat3 {
left: 67%;
top: 70px;
}

#index #stat-news-content .stat-details {
left: 50%;
}

#index #stat-news-content .percentage {
font-size: 25px;
margin-bottom: 5px;
}

#index #stat-news-content .stat-details .action-btn {
top: 90px;
}

#index #stat-news-content .action-btn {
left: 40%;
top: 140px;
}

#index #stat-news-content .news {
width: 100%;
float: left;
height: auto;
}

#index .news-content {
width: 90%;
padding: 20px 2.5%;
}

#index .news-content .date {
width: 100%;
}

#index .news-content .content {
width: 100%;
}

#index #state-news-content .news-read-more {
margin: 5px 0 10px 0;
}

#index #stat-news-content .stat-item ul {
max-width: 250px;
margin: 20px auto 0 auto;
}

#index #stat-news-content .stat-listing .thumb {
max-width: 50px;
margin: auto;
}

#index #stat-news-content .stat-item li {
margin: 0 20px 0 0;
}

#index #stat-news-content .stat-item #stat1 li {
margin: 0 30px 0 0;
}

#index #stat-news-content .action-btn {
margin: 10px 0 0 5px;
}

#index #stat-news-content .stat-item  #stat2 li {
margin: 0 20px 0 0;
}

#index #stat-news-content .stat-listing li {
width: 100px;
margin: 0 8px 10px 8px!important;
min-height: 100px;
}

#index #stat-news-content .stat-listing li.s5 {
min-height: 20px;
}

#index #stat-news-content .stat-listing li.action-btn-right {
margin: 0 0 10px 100px!important;
}

#index #stat-news-content .stat-item ul {
margin: 20px 0 0 30px;
}

#index #stat-news-content #stat2, #index #stat-news-content #stat3, #index #stat-news-content #stat5 {
margin: 0;
}

#index #stat-news-content .single-stat {
margin: 20px 0 0 20px;
}

#index #stat-news-content .stat-details {
max-width: 140px;
}

.stat-set .icons{
height:auto;
width:80px;
margin:auto;
float:none;
}

}

.t,.l,.r,.b {
position: absolute;
top: 0;
left: 0;
}

.t {
width: 88px;
height: 50px;
background: url(../images/p3.png) no-repeat;
}

.b {
width: 88px;
height: 50px;
background: url(../images/p3.png) no-repeat;
top: 73px;
left: 45px;
}

.l {
width: 44px;
height: 74px;
background: url(../images/p2.png) no-repeat;
top: 24px;
}

.r {
width: 44px;
height: 74px;
background: url(../images/p1.png) no-repeat;
top: 24px;
left: 44px;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
 #index #index-content {padding-top:60px;}
}

.annoucement h1 {font-size:28px!important; color:#fff;font-weight:400!important;margin:0 0 0 50px;}
.annoucement .pushbox-content{background-color:rgba(77,128,191,0)!important;}

@media (max-width:768px) {
.annoucement .pushbox-content{background-color:rgba(77,128,191,0.7)!important;height:200px!important;}
}

@media (max-width:480px) {
#index .news-nkh {width:100%!important;min-height:180px;}
#index .news-nkh img{width:50%;}
#index .news-nkh #gartner-details {left:110px!important;top:10px!important;width:auto!important;max-width:210px;}
#index .btn-download{margin:20px 0 0 -10px!important;}
#disclaimer-text{left:30px!important;}
}