@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');


body {
	margin: 0;
	padding: 0;
	font-family: 'PT Sans', sans-serif;
	background: #fff;
	font-size: 15px;
}

.p-15 {
	padding: 15px;
}

.p-20 {
	padding: 20px;
}

.mt-15 {
	margin-top: 15px;
}


h2 {
	font-size: 25px;
	color: rgb(56, 56, 56);
	line-height: normal;
	text-align: left;
	margin: 0;
	padding: 0;
	font-weight: 600;
}

@media screen and (max-width: 767px){
    h2 {
        font-size: 21px;
    }
}


h3 {
    font-size: 20px;
    padding: 0;
    margin: 0;
    line-height: normal;
}

h4 {
    font-size: 17px;
    padding: 0;
    margin: 0;
    line-height: normal;
}

a {
	-webkit-transition: 0.35s;
    transition: 0.35s;
}

.bdr-r {
	border-right: 1px solid #ebebeb;
}

.banne-section {
	position: relative;
	margin: 0;
    padding: 0;
    margin-bottom: 50px;
}

.ban {
	position: relative;
	min-height: 277px;
}

.ban img {
	background-size: 100%;
	width: 100%;
}

.ban-frm {
	width:45%;
	text-align: center;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	z-index: 1;
	margin-top: 28px
}

.ban-frm h1{
	font-size: 41px;
	color: rgb(255, 255, 255);
	line-height: 1.171;
	text-align: center;
	text-shadow: 0px 3px 9px rgba(0, 0, 0, 0.65);
	font-weight: normal;
}



.form-index {
	box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.33);
	background: #fff;
	border-radius: 40px;
	padding:5px 6px;
	margin-top: 20px;
}

.cat, .cat:hover {
	border: 0;
	background: #fff;
	color: #7f7f7f;
	box-shadow: none;
	margin-right: 0 !important;
}


.search-key {
	border: 0;
	background: #fff;
	color: #666;
	box-shadow: none !important;
	margin-top: 5px;
}

.input-group-btn:last-child>.btn {
	border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}
.srch-btn {
	border-radius: 50%;
	background-color: #81cb4e;
	width: 44px;
    height: 44px;
	outline: 0 !important;
	background-image: url(../images/search-btn.png);
	background-repeat: no-repeat;
	display: block;
	background-position: 12px;
}

/* banner button start here*/
.bnr-btns {
	list-style: none;
	padding: 0;
	margin-top: 38px
}
.bnr-btns li {
	display: inline-block;
	font-size: 16px;
    font-weight: normal;
    background: #fa8a28;
    border-radius: 60px;
	color: #fff;
	box-shadow: 0px 3px 23px 0px rgba(0, 0, 0, 0.51);
}

.bnr-btns li:hover {
	background: #d93601;
	-webkit-transition: 0.35s;
    transition: 0.35s;
}

.bnr-btns li a{
	display: inline-block;
    padding: 10px 30px;
	color: #fff;
	text-decoration: none;
}

.bnr-btns li:nth-child(2) {
	background: #81cb4e;
	-webkit-transition: 0.35s;
    transition: 0.35s;
}
.bnr-btns li:nth-child(2):hover {
	background: #009734;
}

@media screen and (max-width: 1200px) {
.ban-frm {
	width:45%;
	margin-top: 0px;
}
.bnr-btns {
    margin-top: 20px;
}

}


@media screen and (max-width:1024px) {
.ban-frm {
	width:55%;
	margin-top: 0px;
}
.bnr-btns {
    margin-top: 20px;
}

.ban-frm h1 {
    font-size: 31px;
    line-height: 1.121;
}

.form-index {
    margin-top: 0px;
}

}

@media screen and (max-width:768px) {
.ban-frm {
	width:80%;
	margin-top: 0px;
}
.bnr-btns {
    margin-top: 20px;
}

.ban-frm h1 {
    font-size: 34px;
    line-height: 1.121;
    font-weight: 	normal;
}

.form-index {
    margin-top: 0px;
}

}

@media screen and (max-width:480px) {
.ban-frm {
	width:95%;
	margin-top: 10px;
}
.bnr-btns {
    margin-top: 20px;
}

.ban-frm h1 {
    font-size: 25px;
    line-height: 1.121;
    font-weight: 	normal;
}

.form-index {
    margin-top: 0px;
    padding: 4px 6px;
}

.bnr-btns li {
    margin: 5px 0;
}

.bnr-btns li a {
    padding: 7px 20px;
}


}

/*banner button end here*/

/*article section css start*/

.bg-white {
	background: #fff;
	box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.06);
}
.article-section {
	padding: 20px;
}

.art-box {
	box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.06);
	margin: 0px 0px 20px 0px;
}

.art-box:hover {
	box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.17);
	-webkit-transition: 0.35s;
    transition: 0.35s;
}

.btm-art-box:hover {
	box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.17);
	-webkit-transition: 0.35s;
    transition: 0.35s;
}

.art-img {
	position: relative;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.13);
}

.art-img img{
	width: 100%;
	height: 172px !important;
}

.art-cat-text {
	position: absolute;
	z-index: 1;
	background: #81cb4e;
    color: #fff;
    padding: 0 10px;
    bottom: 0;
}
.art-cat-text-orng {
	background: #fa8a28;
}
.art-txt {
	padding: 15px;
	color: #333333;
	font-size: 18px;
	line-height: normal;
	position: relative;
}

.art-details {
	position: relative;
	bottom: 0;
	font-size: 13px;
	color: #999;
	display: table;
	width: 100%;
	margin-top: 20px;
}

.art-post {
	display: table-cell;
}

.art-post i{
	width: 11px;
    height: 13px;
    display: inline-block;
    margin-top: 2px;
    vertical-align: top;
    margin-right: 4px;
    background: url(../images/post.png) center top no-repeat;
}

.art-tim {
	display: table-cell;
	text-align: right;
}

.art-tim i {
	width: 12px;
    height: 13px;
    display: inline-block;
    margin-top: 3px;
    vertical-align: top;
    margin-right: 4px;
    background: url(../images/tim.png) center top no-repeat;
}

/*bottom article box start*/
.art-head {
	margin-bottom: 20px;
	display: table;
	width: 100%;
}

.art-head span {
	background-color: #81cb4e;
    height: 3px;
    width: 12%;
	display: block;
	border-radius: 5px;
}

.art-head-lft {
	display: table-cell;
}

.art-head-rgt {
	display: table-cell;
	text-align: right;
}

.art-head-rgt a{
	color: #fa8a28;
	font-size: 14px;
}


.btm-art-box {
	box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.06);
	display: table;
	padding: 7px;
	margin-top: 15px;
}

.btm-art-img {
	width: 88px;
	height: 76px;
	display: table-cell;
}

.btm-art-img img{
	width: 100%;
	height: 100%;
	border-radius: 3px;
}

.btm-art-txt {
	color: #333333;
	font-size: 14px;
	line-height: 16px;
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 68%;
    padding: 0 0 0 8px;
}

.btm-art-txt a {
	color: #333333;
}


.btm-art-details {
	position: relative;
	bottom: 0;
	font-size: 13px;
	color: #999;
	display: table;
	width: 100%;
	margin-top: 5px;
}

.btm-art-post {
	display: table-cell;
}

.btm-art-post i {
	width: 11px;
    height: 13px;
    display: inline-block;
    margin-top: 2px;
    vertical-align: top;
    margin-right: 4px;
    background: url(../images/post.png) center top no-repeat;
}

.btm-art-tim {
	display: table-cell;
	text-align: right;
}

.btm-art-box:hover .btm-art-nxt {
	font-size: 22px;
    line-height: normal;
    font-weight: normal;
    color: #000;
	display: block;
	position: absolute;
	right: -5px;
	top: -8px;
	text-decoration: none;
	margin-right: 10px;
}

.btm-art-nxt {
	margin-left: -40px;
	display: none;
	-webkit-transition: 0.35s;
    transition: 0.35s;
}
	/*Bottom article box end*/

/*article section css end*/

/*trending section start here*/
.trnd-section {
	padding: 20px 20px 10px 20px;

}

.trand-list {
	list-style: none;
	padding-left: 0;
}

.trand-list li {
	margin: 10px 5px;
	box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.06);
	padding:5px 7px;
	margin-top: 0px;
	border-radius: 50px;
	position: relative;
}

.trand-list li a:hover .trnd-nxt-arw  {
	opacity: 1;
	right: 20px;
}

.trnd-nxt-arw  {
	font-size: 36px;
    line-height: 10px;
    font-weight: normal;
    padding: 0 9px 0 0;
    color: #333;
    margin-left: 0px;
    text-decoration: none;
    display: block;
    vertical-align: middle;
    background: url(../images/a-arwb.png) no-repeat top center;
    height: 22px;
    position: absolute;
    right: 0px;
    top: 22px;
	opacity: 0;
	-webkit-transition: 0.35s;
    transition: 0.35s;
}


.trand-list li:nth-child(even) {
	background: #fafbff;
}
.trand-list li:nth-child(odd) {
	background: #fff;
}


.trnd-box {
	display: table;
}

.trnd-box a {
	display: table-cell;
}


.trnd-img {
	width: 54px;
	height: 54px;
	display: table-cell;
}

.trnd-img img{
	width: 100%;
	height: 100%;
	border-radius: 50px;
}

.trnd-txt {
	padding:5px 10px;
	color: #333333;
	font-size: 14px;
	line-height: 13px;
	position: relative;
	display: table-cell;
	vertical-align: top;
}

.trnd-details {
	position: relative;
	bottom: 0;
	font-size: 13px;
	color: #999;
	display: table;
	width: 100%;
	margin-top: 5px;
}

.trnd-post {
	display: table-cell;
	color: #fa8a28;
	font-size: 12px;
}

.trnd-post span{
	color: #727272;
}
.trnd-cmt {
	display: table-cell;
	text-align: left;
	font-size: 12px;
}
.trnd-cmt i{
	width: 17px;
    height: 15px;
    display: inline-block;
    margin-top: 0px;
    vertical-align: top;
    margin-right: 4px;
    background: url(../images/cmt.png) center top no-repeat;
}



.trnd-nxt-i {
	font-size: 36px;
    line-height: 10px;
    font-weight: normal;
    padding: 0 5px 0 0;
    color: #333;
    margin-left: 0px;
    text-decoration: none;
    display: block;
	vertical-align: middle;
	background: url(../images/a-arw.png) no-repeat top center;
	height: 13px;
}
/*trending section end here*/


/*Exlore section start*/
.explore-section {
	background: #fafbff;
	padding-bottom: 30px;
	padding-top: 30px;
	margin-top: 50px;
	margin-bottom: 0px;
}

.exp-head {
	margin-bottom: 20px;
	display: table;
	width: 100%;
}

.exp-head h2 {
	text-align: center;
}

.exp-head span {
	background-color: #81cb4e;
    height: 3px;
    width: 12%;
	display: inline-block;
	border-radius: 5px;
}

/*Exlore section start*/
.list-sch {
    padding: 0;
    list-style: none;
    margin-top: 30px;
    width: 100%;
}
.list-sch li {
    width: 23.1%;
    display:inline-block;
    min-height: 300px;
}
@media screen and (max-width: 768px){
.list-sch li {
    width: 100%;
}
}
@media screen and (max-width: 550px){
.list-sch li {
    width: 100%;
    margin-bottom: 10px
}
}

.list-box {
	box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.06);
	margin: 0px 0px;
	border-radius: 0px 0px 5px 5px;
}

.list-box:hover {
	box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.17);
	-webkit-transition: 0.35s;
    transition: 0.35s;
}

.list-art-box:hover {
	box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.17);
	-webkit-transition: 0.35s;
    transition: 0.35s;
}

.img-shadow {
	background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
  	background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
	opacity: 0.8;
	z-index: 1;
	position: absolute;
	width: 100%;
    height: 100%;
}

.list-img {
	position: relative;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.13);
}

.list-img img{
	width: 100%;
	height: 180px!important;
}

.list-cat-text {
	position: absolute;
	z-index: 2;
	background: none;
    color: #fff;
    padding: 5px 10px;
    bottom: 0;
    line-height: 17px;
}
.list-cat-text span{
	color: #838383;
	font-size: 12px;
	padding: 5px 0;
	vertical-align: middle;
	display: block;
}

.list-cat-text span i {
	width: 12px;
    height: 16px;
    display: inline-block;
    margin-top: 0px;
    vertical-align: middle;
    margin-right: 4px;
    background: url(../images/lc.png) center top no-repeat;
}

.list-txt {
	padding: 15px;
	color: #333333;
	font-size: 18px;
	line-height: normal;
	position: relative;
}

.list-details {
	position: relative;
	bottom: 0;
	font-size: 13px;
	color: #999;
	display: table;
	width: 100%;
	margin: 0px 0;
    padding: 15px 10px;
}

.list-vw-mr {
	display: table-cell;
}

.list-vw-mr a {
	border: 1px #81cb4e solid;
	border-radius: 15px;
	padding: 2px 10px;
	color: #666666;
	text-decoration: none;
	font-size: 12px;
}

.list-vw-mr a:hover {
	border: 1px #fa8a28 solid;
}

.list-hrt {
	display: table-cell;
	text-align: right;
	color: #666;
	font-size: 16px;
	line-height: 14px;
}

.list-hrt span{
	font-size: 13px;
}


.list-hrt i {
	width: 16px;
    height: 15px;
    display: inline-block;
    margin-top: 0px;
    vertical-align: top;
    margin-right: 4px;
    background: url(../images/hrt.png) center top no-repeat;
}

/*Explore Tab start*/
.exp-tab {
	border-bottom: 1px solid transparent;
	text-align: center;
}

.exp-tab li {
	float: none;
	display: inline-block;
	margin-bottom: 5px;
}

.exp-tab li a {
	border-radius: 3px;
	background: #fff;
	box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.05);
	font-size: 16px;
	color: #464646;
	border:none;
	padding: 5px 25px;
    margin: 0 5px;
    border: 1px solid transparent;
}


@media screen and (max-width: 992px) {
.exp-tab li a {
    padding: 5px 25px !important;
}

}

.exp-tab li a:hover {
	background: #fa8a28;
	color: #fff;
}


.exp-tab>li.active>a, .exp-tab>li.active>a:focus, .exp-tab>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #fa8a28;
    border: 1px solid transparent;
    border-bottom-color: transparent;
}
/*Explore Tab end*/

/*Exlore section end*/

/*Popular Stream start*/
.pop-strm {
    list-style: none;
    padding-left: 0;
}

.pop-strm li {
	background: #fff;
    box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.05);
    padding: 10px 20px;
    border-radius: 50px;
    width: 22.1%;
    margin: 5px 10px;
    display: inline-block;
}

@media screen and (max-width: 768px){
.pop-strm li  {
	width: 45%;
}

}

@media screen and (max-width: 565px){
.pop-strm li  {
	width: 90%;
	margin-bottom: 10px
}

}



.pop-strm li:hover {
	box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.12);
}

.pop-strm li:nth-child(1) a {
	color: #84c551;
}
.pop-strm li:nth-child(1) i {
	background: url(../images/managment.png) center top no-repeat;
}

.pop-strm li:nth-child(2) a {
	color: #4fe0d3;
}

.pop-strm li:nth-child(2) i {
	background: url(../images/eng.png) center top no-repeat;
}

.pop-strm li:nth-child(3) a {
	color: #fa8a27;
}

.pop-strm li:nth-child(3) i {
	background: url(../images/bnk.png) center top no-repeat;
}

.pop-strm li:nth-child(4) a {
	color: #834cc3;
}

.pop-strm li:nth-child(4) i {
	background: url(../images/design.png) center top no-repeat;
}

.pop-strm li:nth-child(5) a {
	color: #1f8dec;
}

.pop-strm li:nth-child(5) i {
	background: url(../images/hos.png) center top no-repeat;
}

.pop-strm li:nth-child(6) a {
	color: #d8333a;
}

.pop-strm li:nth-child(6) i {
	background: url(../images/media.png) center top no-repeat;
}

.pop-strm li:nth-child(7) a {
	color: #6578d4;
}

.pop-strm li:nth-child(7) i {
	background: url(../images/science.png) center top no-repeat;
}

.pop-strm li:nth-child(8) a {
	color: #f87e11;
}

.pop-strm li:nth-child(8) i {
	background: url(../images/health.png) center top no-repeat;
}

.pop-strm li:nth-child(9) a {
	color: #cf39ab;
}

.pop-strm li:nth-child(9) i {
	background: url(../images/it.png) center top no-repeat;
}

.pop-strm li:nth-child(10) a {
	color: #6578d4;
}

.pop-strm li:nth-child(10) i {
	background: url(../images/art.png) center top no-repeat;
}

.pop-strm li:nth-child(11) a {
	color: #8c23c6;
}

.pop-strm li:nth-child(11) i {
	background: url(../images/low.png) center top no-repeat;
}

.pop-strm li:nth-child(12) a {
	color: #87d269;
}

.pop-strm li:nth-child(12) i {
	background: url(../images/lang.png) center top no-repeat;
}


.pop-strm-list {
	display: table;
}

.pop-strm-list i{
	display: table-cell;
	width: 50px;
    height: 34px;
    margin-top: 0px;
    vertical-align: top;
    margin-right: 4px;
}

.pop-strm-cnt {
	display: table-cell;
    font-size: 15px;
    padding-left: 10px;
}

.pop-strm-cnt span {
    font-size: 12px;
    display: block;
    opacity: 0.549;
}

/*Popular Stream end*/

/*Subscribe section start here*/
.subs-section {
	background: #fa8a28;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 50px;
	margin-bottom: 0px;
}

.subs-inr h2 {
	color: #fff;
	font-size: 26px;
	font-weight: normal;
	line-height: 58px;
}

.sbs-ipt {
	display: table;
	width: 100%;
}

.subs-inr input[type=text] {
    background-color: rgb(255, 255, 255);
    box-shadow: 0.262px 4.993px 43px 0px rgba(0, 0, 0, 0.06);
    padding: 10px 30px;
    border: 0;
    outline: 0;
    border-radius: 26.5px;
    font-size: 16px;
    color: #b7b7b7;
    width: 75%;
    margin: 10px 0;
    display: table-cell;
}

.subs-inr [type=submit] {
    background: #81cb4d;
    border-radius: 26.5px;
    font-size: 16px;
    color: #fff;
    border: 0;
    outline: 0;
    text-align: center;
    display: table-cell;
    padding: 10px 30px;
    margin: 0px 0 10px;
}



@media screen and (max-width: 550px) {
.subs-inr h2 {
    font-size: 20px;
    text-align: center;
    line-height: 26px;
}

.subs-inr input[type=text] {
    padding: 10px 30px;
    width: 100%;
}

.subs-inr [type=button] {
    padding: 10px 30px;
}

}

@media screen and (max-width: 768px) {
.subs-inr [type=submit] {
    display:block !important;
    margin:auto;
}
}

/*Subscribe section end here*/

/*footer section start here*/
footer {
	background: #262626;
	margin: 0;
	color: #999999;
	font-size: 15px;
	padding-top: 50px;
}

footer h3 {
	color: #fff;
	margin-bottom: 10px
}

.f-list {
	padding-left: 0;
	list-style: none;
}

.f-list li a {
	font-size: 15px;
	line-height: 30px;
	color: #999;
}

.call-details {
	font-size: 16px;
	color: #d8d8d8;
	line-height: normal;
}

.call-details span{
	font-size: 14px;
	color: #999;
	line-height: normal;
	display: block;
}

.social-cl {
	margin-top: 20px
}

.c-right {
	background: #101010;
	color: #999;
	font-size: 16px;
	padding: 25px 0;
    text-align: center;
    margin-top: 30px;
}
/*footer section end here*/

@media screen and (max-width: 768px) {
.ban-bx {
	width: 100%;
	height: 100%;
}

.ban-bx li {
	width: 1000px !important;
	height: 100%;
}

.f-list li {
    display: inline-block;
    margin-right: 20px;
}

footer {
    padding-top: 30px;
}

}

/*Q A Start*/

.q-a-main-sec {
	background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,0.9);
}

.q-a-main {
	box-shadow: 0 5px 15px rgba(195, 195, 195, 0.5);
	border: none;
}

.q-a-main h2 {
	margin-bottom: 20px;
}

.q-a-main input[type=text] {
    background-color: rgb(255, 255, 255);
    box-shadow: 0.262px 4.993px 43px 0px rgba(0, 0, 0, 0.06);
    padding: 25px 30px;
    border: 0;
    outline: 0;
    border-radius: 26.5px;
    font-size: 16px;
    color: #606066;
    width: 100%;
    margin: 10px 0;
}

.q-a-main textarea {
    background-color: rgb(255, 255, 255);
    box-shadow: 0.262px 4.993px 43px 0px rgba(0, 0, 0, 0.06);
    padding: 15px 30px;
    border: 0;
    outline: 0;
    border-radius: 26.5px;
    font-size: 16px;
    color: #606066;
    width: 100%;
    margin: 10px 0;
    min-height: 150px;
}

.q-a {
	padding: 20px 20px 0 20px;
	position: relative;
}

.q-a-c {
	position: absolute;
    right: 10px;
    border-radius: 50px;
    outline: 0;
}

.q-a-f {
	border-top: 1px solid transparent;
}

.q-a-f-btn {
    background: #81cb4d;
    border-radius: 26.5px;
    font-size: 16px;
    color: #fff;
    border: 0;
    outline: 0;
    text-align: center;
    display: inline-block;
    padding: 15px 30px;
    margin: 20px 0 10px;
    min-width: 205px;
}

.q-a select {
    background-color: rgb(255, 255, 255);
    box-shadow: 0.262px 4.993px 43px 0px rgba(0, 0, 0, 0.06);
    padding: 15px 30px;
    border: 0;
    outline: 0;
    border-radius: 26.5px;
    font-size: 16px;
    color: #4d4d54;
    width: 49%;
    margin: 10px 0;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/form-arw.png) no-repeat 90% 50%;
}

#qna-error
{
    float: right;
    color: red;
}

@media screen and (max-width: 550px) {
    .q-a select {
        width: 100%;
        margin: 10px 0;
        display: inline-block;
    }
}

/*Scroll start*/
#scrollbar1
{    
    position: relative;
    background: #fff;
    box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.06);
}

#scrollbar1 .viewport
{
    height: 354px;
    overflow:hidden;
    position:relative;
    background: #fff;
}

#scrollbar1 .overview
{
    list-style:none;
    position:absolute;
    left:0;
    top:0;
    margin:0;
}

#scrollbar1 .scrollbar
{
    background:transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0;
    position:absolute;
    background-position:0 0;
    right: 4px;
    top: 80px;
    width: 15px;
}

#scrollbar1 .track
{
    background:transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
    height:100%;
    width:13px;
    position:relative;
    padding:0 1px;
    z-index: 1;
}

#scrollbar1 .thumb
{
    background:transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
    height:20px;
    width:25px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    top:0;
    left:-5px;
}

#scrollbar1 .thumb .end
{
    background:transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
    overflow:hidden;
    height:5px;
    width:25px;
}

#scrollbar1 .disable
{
    display:none;
}

.noSelect
{
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
}

.not-f-error {
    margin: auto;
    text-align: center;
    padding: 50px 0;
}

.not-f-error-img {
    text-align: right;
}

.error {
    text-align: left;
}

.error h2 {
    color: #81cb4d;
    font-size: 85px;
    font-weight: bold;
    display: inline-block;
}

.error h2 span {
    color: #fa8a28;
    font-size: 35px;
    font-weight: normal;
}

.error p {
    color: #fa8a28;
    font-size: 23px;
    font-weight: normal;
}

.er-btn {
    display: inline-block;
   padding: 10px 50px;
   color: #fff;
   text-decoration: none;
    background: #81cb4d;
    border-radius: 26px;
}

.er-btn:hover {
    color: #fff;
}

@media screen and (max-width:768px) {
    .error h2 {
        font-size:60px;
        display: block;
        text-align: center;
        line-height: 26x;
    }

.not-f-error-img {
    text-align: center;
}

.error h2 span {
        font-size: 36px;
        text-align: center;
    }

.error p {
   font-size: 22px;
   text-align: center;
}


.er-btn {
        display:block;
        text-align: center;
    }
}