/*BANNER CONETNET START*/
.banner-content
{
    width:560px;
    background:rgba(255, 140, 0,.8);
    padding:4px;
    color:#fff;
    position:absolute;
    bottom:30px;
    opacity:0;
    visibility:hidden;
    left:30px;
    z-index:1;
	outline: 5px solid rgba(255, 140, 0,.8);
	outline-offset: 3px;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
/*BANNER CONTENT END*/

/* SECTION START */
#section1
{
    height:600px
}
#section2
{
    height:700px
}
/* SECTION END */

/* WHY JOIN SECTION START*/
.why-join-sec
{
    background:#111
}
.why-join-sec .container-fluid,.why-join-sec .container-fluid .row
{
    height:100%
}
.why-join-sec .col-md-5.col-sm-6,.why-join-sec .col-md-7.col-sm-6
{
    height:100%;
	/*width:100%*/
}
.padd-0
{
    padding:0
}
.black-overlay
{
    background:rgba(0,0,0,.5);
    height:100%;
    position:relative
}
.why-join-cont
{
    position:absolute;
    bottom:30px;
    left:30px
}
.why-join-cont h3
{
    font-size:50px;
    color:#fff;
    line-height:40px;
    margin-bottom:5px
}
.why-join-cont h2
{
    font-size:70px;
    line-height:60px;
    color:#fff
}
.why-join-cont p
{
    font-size:24px;
    line-height:30px;
    font-weight:300;
    color:#fff;
    margin-bottom:20px
}
.cta-btn-lg
{
    height:49px;
    line-height:49px;
    color:#fff;
    text-transform:uppercase;
    background:#f5a11a;
    display:inline-block;
    padding:0 25px;
    font-size:18px;
    font-weight:400;
    border-radius:2px
}
.cta-btn-lg:hover
{
    background:#0392ce;
    color:#fff
}
.box-50-h
{
    height:50%;
    position:relative
}
.rating-no
{
    position:absolute;
    bottom:30px;
    left:30px
}
.rating-no h2
{
    font-size:80px;
    color:#fff;
    line-height:60px
}
.rating-no h2 sup
{
    font-size:30px;
    position:relative;
    top:-35px;
    right:-10px
}
.rating-no h5
{
    font-size:28px;
    color:#fff
}
.rating-no p
{
    font-size:16px;
    color:#fff;
    font-weight:300
}
.rating-tmu>span
{
    position:absolute;
    right:20px;
    top:20px;
    display:inline-block
}
/* WHY JOIN SECTION END*/

/* TMU UNIQUE SECTION AND NEWS SECTION START */
.tmu-unique-sec
{
    background:#d83135
}
.tmu-unique-sec .container-fluid,.tmu-unique-sec .container-fluid .row
{
    height:100%
}
.tmu-unique-sec .col-sm-5,.tmu-unique-sec .col-sm-7
{
    height:100%
}
.unique-tmu
{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.5)
}
.unique-content
{
    position:absolute;
    left:30px;
    bottom:30px;
    right:30px
}
.unique-content h5
{
    font-size:32px;
    line-height:32px;
    color:#fff
}
.unique-content p
{
    font-size:14px;
    line-height:20px;
    color:#fff;
    margin:8px 0
}
.what-tmu
{
    padding:30px;
    position:absolute;
    bottom:0;
    left:0
}
.what-tmu h2
{
    font-size:70px;
    color:#fff;
    line-height:60px
}
.what-tmu h2 span
{
    font-size:56px;
    color:#fff;
    display:block
}
.what-tmu p
{
    font-size:26px;
    line-height:30px;
    color:#fff;
    font-weight:300
}

.latest-news-sec
{
    padding:30px 25px
}
.latest-news-sec h3
{
    font-size:36px;
    color:#333
}
.latest-news-sec h2
{
    font-size:46px;
    line-height:50px;
    color:#333
}
.latest-news-sec h2 span
{
    color:#0392ce
}
.latest-news-sec h5
{
    font-size:26px;
    color:#333;
    font-family:Roboto
}
.latest-news-sec ul
{
    max-height:450px;
	/*max-height:500px;*/
    overflow:auto;
    margin-bottom:10px
}
.latest-news-sec ul li
{
    display:block;
    list-style-type:none;
    border-bottom:1px dashed #ddd;
    padding:15px 0
}
.latest-news-sec ul li a
{
    display:block;
    text-decoration:none
}
.latest-news-sec ul li a:hover .n-dt span
{
    background:#f5a11a
}
.latest-news-sec ul li a:hover p
{
    color:#666
}
.latest-news-sec ul li p
{
    font-size:16px;
    line-height:22px;
    color:#333;
    max-width:500px
}
.n-dt
{
    margin-bottom:6px
}
.n-dt span
{
    display:inline-block;
    vertical-align:middle;
    color:#fff;
    padding:4px 10px;
    background:#0392ce;
    font-size:13px;
    font-family:'Bebas Neue';
    line-height:12px;
    margin-right:6px;
    border-radius:30px;
    letter-spacing:0
}
.n-dt h6
{
    color:#333;
    font-size:16px;
    display:inline-block;
    vertical-align:middle;
    font-family:'Bebas Neue'
}
/* TMU UNIQUE SECTION AND NEWS SECTION END */


/* RESPONSIVE START */
@media only screen and (min-width: 1850px){
	.banner-content{ width: 600px; padding-top: 50px;}
	.banner-content h2{ font-size: 105px;}
	.banner-content h3{ font-size: 62px; line-height: 53px;}
	.rating-no h2 { font-size: 110px; line-height: 90px;}
	.rating-no h5{ font-size: 40px;}
	.why-join-cont h2{ font-size: 78px; line-height: 70px;}
	.what-tmu h2 span{ font-size: 64px;}
	.what-tmu h2{ font-size: 88px; line-height: 68px;}
	.unique-content h5{ font-size: 42px; line-height: 42px;}
	.unique-content p{ font-size: 16px; line-height: 20px;}
	.latest-news-sec h3{ font-size: 40px;}
	.latest-news-sec h2{ font-size: 52px;}
	.unique-content { max-width: 400px;}
}

@media only screen and (max-width: 1199px){
	.why-join-cont h2{ font-size: 65px;}
	.rating-no h2{ font-size: 65px;}
	.rating-no h2 sup{ font-size: 20px; top: -30px;}
	.rating-no p{ font-size: 14px; line-height: 18px;}
	.what-tmu p{ font-size: 20px; line-height: 24px;}
	.latest-news-sec ul{ max-height: 100%;}
	.what-tmu h2{ font-size: 62px; line-height: 44px;}
	.what-tmu h2 span{ font-size: 44px;}
	.latest-news-sec h2{ line-height: 40px;}
	.latest-news-sec h5{ font-size: 20px;}
	.news-cont h2{ font-size: 24px; line-height: 22px;}
	#section1{ height: 550px;}
	.uni-heading h2{ font-size: 45px;}
}

@media only screen and (max-width: 991px){
	.why-join-cont h2{ font-size: 42px; line-height: 40px;}
	.why-join-cont h3{ font-size: 40px;}
	.why-join-cont p{ font-size: 16px; line-height: 22px;}
	#section1{ height: 480px !important;}
	.rating-tmu span{ width: 60px;}
	.rating-tmu span img{ width: 100%;}
	.rating-no{ left: 15px; bottom: 15px;}
	.why-join-cont{ /*left: 15px;*/right: 20px; bottom: 15px;}
	.latest-news-sec{ padding: 15px 0}
	.what-tmu h2{ font-size: 50px; line-height: 40px;}
	.what-tmu h2 span{ font-size: 30px;}
	.unique-content h5 br{ display: none;}
	#section2{ height: 750px !important;}
	.banner-content h2{ font-size: 90px; line-height: 70px;}
	.banner-content h3{ font-size: 50px; line-height: 46px;}
	.uni-heading{ width: 500px; text-align: center}
	.banner-content{ left: 15px !important;}
}

@media only screen and (max-width: 767px){
	#section1,
	#section2{ height: auto !important;}
	.h-auto{ height: 200px;}
	.h-auto2{ height: 300px;}
	.h-auto-lg{ height: 350px !important;}
	.uni-features{ margin-top: -70px;}
	.uni-heading{ top: 50px;}
	.uni-feat-thumb ul{ position: relative; z-index: 10; background: rgba(255,255,255,0.2)}
	.banner-content h2{ font-size: 70px; line-height: 60px;}
	.banner-content{ left: 15px; bottom: 50px; width: 350px; padding: 20px 20px 60px;}
	.banner-content h3{ font-size: 42px; line-height: 36px;}
	.banner-content p{ font-size: 18px; line-height: 22px;}
	.banner-content:after{ border-width: 20px; margin-top: -20px;}
	.cu-unique-sec .col-sm-7.padd-0{ padding: 0 15px;}
	.unique-content{ left: 15px; bottom: 15px;}
	.what-tmu{ padding: 15px;}
	.prog-list-pnl{ margin-bottom: 15px;}
	.why-join-cont{
		left: 15px;
	}
}

@media only screen and (max-width: 567px){
	.uni-heading{ width: 360px;}
	.uni-features .col-md-4.col-sm-6.col-xs-6{ width: 100%;}
	.banner-content h2{ font-size: 58px; line-height: 40px;}
	.banner-content h3{ font-size: 34px; line-height: 32px;}
	.banner-content p{ font-size: 16px; line-height: 18px;}
	.banner-content{ padding: 30px 20px 60px;}
}

@media only screen and (max-width: 479px){
	.banner-content{ width: 290px; background: rgba(245, 161, 26, 0.7)}
	.banner-content:after{ display: none;}
	.why-join-cont h2{ font-size: 36px; line-height: 32px;}
	.why-join-cont h3{ font-size: 30px; line-height: 24px;}
	.h-auto2{ width: 100%;}
	.news-section .h-auto-lg{ height: 205px !important;}
	.banner-content{ bottom: 15px;}
	.uni-heading{ width: 300px; padding: 15px;}
	.rating-tmu span{ width: 40px; top: 10px; right: 10px;}
	.rating-no h2{ font-size: 52px; line-height: 46px;}
	.rating-no h2 sup{ font-size: 16px; top: -25px;}
	.carousel-control.left{ bottom: 25px !important;}
	.carousel-control.right{ bottom: 25px !important;}
	.cta-btn-lg{ height: 41px; line-height: 41px; font-size: 16px;}
	.res-th{ height: auto;}
	.res-th .what-tmu{ position: static; padding-left: 0; padding-right: 0;}
	.latest-news-sec ul li p{ font-size: 14px; line-height: 18px;}
	.uni-heading h2{ font-size: 28px;}
	.uni-heading{ top: 20px;}
}
/* RESPONSIVE END */