body,html{
	background-color:#fffff !important;
}

.ourstory{
	color: #009ee3;
    font-weight: 900;
    font-size: 45px;
    margin-bottom: 0.6em;
}

.idea{
	color: #00c4e3;
    font-size: 32px;
}

.about-story{
	font-size:18px;
	text-align:justify;
	color:#555;
	line-height: 28px;
}

.about-story p{
	font-size:17px;
	text-align:justify;
	color:#555;
	line-height: 28px;
}
.about-contact p{
	font-size:17px;
	text-align:center;
	color:#555;
}

.about-contact p a{	
	color:#555;
}
.about-contact p a:hover{	
	color:#009ee3;
}

.about-story p a{	
	color:#00c4e3;
}
.about-story p a:hover{	
	color:#36154f;
}

.h3col{
	font-size:20px;
	color:#009ee3;
}


.h4col1{
	font-size: 23px;
    background-color: #009ee3;
	color:#fff;
    webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    margin-top: 10px;
    padding: 5px;
    margin-bottom: 10px;
}

.h4col2{
	font-size: 23px;
    background-image: -webkit-linear-gradient(right, #9f44d8, #e90079);
	color:#fff;
    webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    margin-top: 10px;
    padding: 5px;
    margin-bottom: 10px;
}

.h4col3{
	font-size: 23px;
    background-image: -webkit-linear-gradient(right, #e1f76a, #e90079);
	color:#fff;
    webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    margin-top: 10px;
    padding: 5px;
    margin-bottom: 10px;
}

.h4col4{
	font-size: 23px;
    background-image: -webkit-linear-gradient(right, #e1f76a, #605eb5);
	color:#fff;
    webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    margin-top: 10px;
    padding: 5px;
    margin-bottom: 10px;
}

.advertise-withus{
	position: relative;
    width: 100%;
    min-height: 400px;
    margin-bottom: 40px;
    background-color: #000;
    background-image: url(/assets/images/nyoooz/banner.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about-us{
	position: relative;
    width: 100%;
    height: 190px;
    margin-bottom: 40px;
    background-color: #000;
    background-image: url(/assets/images/about.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-title{
	font-size: 55px;
	color:#fff;
}

.4col-title{
	font-size: 40px;
	background-image: -webkit-linear-gradient(right, #d8b7ec, #009ee3);
}

.align-top{
	top: 65px;
}

.align-top-neg {
    top: -40px;
}

.align-right {
    right: 13%;
}

.advertise-drop{
    font-size: 24px;
    text-align: center;
	color:#fff;
}

.advertise-drop a{
	color:#009ee3;
}
.advertise-drop a:hover{
	color:#fff;
}

.inner-headbackground{
	background-color:#fff;
	position:initial;
}

/*********Others CSS ************/
.live-video {
    position: fixed !important;
    float: right;
    bottom: 45px;
    left: 15px;
    z-index: 9999;
	height:180px;
}

.video-container {
    position: relative;
   /*  padding-bottom: 56.25%; */
   /*  padding-top: 35px; */
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: initial;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.closebtn{
	float: right;
    font-size: 20px;
    background: #000000b8;
    padding-left: 8px;
    padding-right: 7px;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 40px;
    color: white;
    font-weight: 700;
    margin-bottom: 2px;
	cursor: pointer;
}
.closebtn:hover{
	background:#009ee3;
}

.city_name{
	position: absolute;
    bottom: 75px!important;
    right: 35px !important;
    font-size: 16px;
    color: #fff;
    background: crimson;
    padding: 5px 35px;
    overflow: hidden;
}

.city_time{
	position: absolute;
    bottom: 28px!important;
    right: 35px !important;
	font-size: 16px;
    color: #fff;
    background: coral;
    padding: 5px 35px;
    overflow: hidden;
}

.plyr {
    position: relative !important;
    max-width: 100% !important;
    min-width: 150px !important;
    font-family: Avenir,'Avenir Next','Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif !important;
    direction: ltr !important;
}

@media screen and (min-width: 400px) {
	.plyr {
	   position: relative !important;
	   max-width: 100% !important;
	   min-width: 200px !important;
	   font-family: Avenir,'Avenir Next','Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif !important;
	   direction: ltr !important;
	}

}

@media screen and (min-width: 600px) {

   .plyr {
	   position: relative !important;
	   max-width: 100% !important;
	   min-width: 250px !important;
	   font-family: Avenir,'Avenir Next','Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif !important;
	   direction: ltr !important;
	}

}

@media screen and (min-width: 1120px) {

   .plyr {
	   position: relative !important;
	   max-width: 100% !important;
	   min-width: 300px !important;
	   font-family: Avenir,'Avenir Next','Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif !important;
	   direction: ltr !important;
	}

}

@media screen and (min-width: 1300px) {

   .plyr {
	   position: relative !important;
	   max-width: 100% !important;
	   min-width: 350px !important;
	   font-family: Avenir,'Avenir Next','Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif !important;
	   direction: ltr !important;
	}

}
/*********Others CSS ************/