@charset "UTF-8";
*{
	outline: 0;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}
body {
	background:#151515;
	color:#c2c2c2
}
.poll-question{
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
}
.poll-list{
    padding: 15px;
    background: #222;
    border-radius: 5px;
}
.loader{
	background: #07091e;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
	top:0;
}
.loading{
	width: 114px;
    height: 114px;
    background-repeat: no-repeat;
	background-position: bottom;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -57px 0 0 -57px;
    overflow: hidden;
}
.banner_lightbox{
	display: block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index: 999999;
}
.banner_inbox{
	position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    overflow: hidden;
    border-radius: 5px;
    transform: translate(-50%, -50%);
    width: 100%;
}
.banner_inbox img{
    width: 100%;
}
.close_btn{
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 50px;
    display: block;
    top: 15px;
    right: 15px;
    background: rgba(255,255,255,0.05);
}
.close_btn:before{
    position: absolute;
    content: "";
    background-color: #fff;
    width: 50px;
    height: 1px;
    transform: rotate(45deg);
    margin-top: 25px;
}
.close_btn:after{
    position: absolute;
    content: "";
    background-color: #fff;
    width: 50px;
    height: 1px;
    transform: rotate(-45deg);
    margin-top: 25px;
}
.close_btn:hover{
    background: #ff3941;
}
.header{
	padding: 15px 0;
	width: 100%;
	position: relative;
	z-index: 999;
	background: rgba(36, 36, 36, 0.8)
}
.logo{
	display:block;
	text-align: center
}
.logo > img{
	width:100%
}
/*Search form*/
.dark_input{
	background: #333;
    border: 1px solid #111;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.8);
}
.dark_button{
	background: #111;
    color: #fff;
    border: 0;
    padding: 7px 12px;
}
.navbar-nav{
    position: absolute;
	width: 80%;
    top: 85px;
    right: 15px;
    background: #1a1a1a;
	z-index: 999;
	padding: 10px 0;
	border-radius: 8px 0 8px 8px
}
.navbar-nav .drop-menu, .navbar-nav li{
	padding:8px 0;
	position: relative !important;
}
.drop-menu > a {
	text-align: right;
    position: relative;
    display: block;
    padding: 5px 30px !important;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    border-right: none;
    font-size: 12px;
	transition: all 0.2s ease
}
/*.drop-menu > a:after{
    content: "\f0d8";
    font-family: Fontawesome;
    position: absolute;
    color: #111;
    font-size: 44px;
    left: 50%;
    bottom: -18px;
    width: 25px;
    height: 16px;
    line-height: 12px;
    margin-left: -12.5px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s ease
}*/
.drop-menu > a:hover, .drop-menu:hover > a{
	color:#ff3941
}
.drop-menu > a:hover:after, .drop-menu:hover > a:after{
	opacity: 1;
	visibility: visible
}
.dropdown-menu{
	background: #111;
    list-style: none;
    padding: 5px 0;
    position: relative;
    left: 0;
    width: 100%;
    top: 0;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
	height: 0
}
.dropdown-menu > li{
	float: none;
}
.dropdown-menu > li > a{
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    padding: 8px 30px;
    text-align: right;
    transition: all 0.2s ease;
}
.dropdown-menu > li > a > .menu_icon{
	width: 30px;
    height: 30px;
    min-width: 30px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
}
.dropdown-menu > li > a:hover{
	color:#ff3941
}
.drop-menu:hover > .dropdown-menu{
	opacity: 1;
	visibility: visible;
	height: auto
}
.feature-menu{
    padding: 5px 15px !important;
    color: #fff;
    background: #ff3941;
    margin: 0px 30px;
    border-radius: 15px;
    text-transform: uppercase;
    position: relative;
    font-size: 12px;
    transition: all 0.3s ease;
}
.feature-menu .badge{
    position: absolute;
    top: -8px;
    right: 1px;
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    padding: 0;
    width: 16px;
    height: 16px;
    background: #fff;
    color: #051546;
}
.feature-menu:hover{
    color:#000;
}
/*Other menu*/
.other_menu{
    list-style: none;
    padding: 0;
    margin: 5px -10px 0;
	float: right;
}
.other_menu > li{
	border-right: 1px solid #fff;
	float: left;
	padding: 0 15px
}
/* Underline From Center */
.other_menu > li > a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.other_menu > li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #fff;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.other_menu > li > a:hover:before, .other_menu > li > a:focus:before, .other_menu > li > a:active:before {
  left: 0;
  right: 0;
}
.other_menu > li > a{
	color:#fff;
	text-transform: uppercase;
	font-size: 12px
}
.other_menu > li:last-child{
	border-right: 0
}
/*Feautres news*/
.feature_news{
    padding: 30px 0;
    color: #ccc;
    font-size: 16px;
    text-align: justify;
    line-height: 24px;
}
.feature_news h2, .banner h2{
	text-align: center;
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: bold;
}
.feature_news img{
	max-width: 100%;
	border-radius: 5px;
}
.banner{
	padding: 25px 10px 30px
}
.banner img{
	cursor: pointer;
	box-shadow: 0 0 10px #000;
	border-radius: 6px;
	transition: all 0.2s ease-out
}
.banner img:hover{
	transform: scale(1.1);
	box-shadow:0 0 100px #f8293d
}
.panel-title > a:after{
    font-family: Fontawesome;
    position: absolute;
    content: "\f107";
    right: 20px;
	transform: rotate(-180deg);
	transition: all 0.2s ease
}
.panel-title > a.collapsed:after{
	transform: rotate(0deg)
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}
/** Price table**/
.progression-pricing-section-background{
	background: #111;
	padding: 25px 0
}
.pricing-table-pro{
	text-align: center
}
.pricing-table-pro h6 {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin: 30px 0 10px;
}
.pricing-table-pro img{
	box-shadow: 0 0 10px #000;
    border-radius: 10px;
	transition: all 0.2s ease-out
}
.pricing-table-pro img:hover{
	transform: scale(1.05);
	box-shadow:0 0 15px #007dc5
}
.btn-green-pro {
	color: #fff;
    background: #242424;
    text-transform: uppercase;
    margin-top: 10px;
    padding: 10px 30px;
	transition: all 0.2s ease
}
.btn-green-pro:hover {
	color:#138bf3
}
/**poster**/
.onts{
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
	text-align: justify;
	margin-bottom: 30px;
}
.poster{
	text-align: justify;
    line-height: 22px;
    margin-bottom: 30px;
}
.poster img{
	padding: 25px;
    background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px #000
}
.poster h4{
	color: #fff;
}
/****package*****/
.package{
	padding: 30px 0;
}
.package h6{
	padding: 0 15px 10px;
    margin-bottom: 20px;
    font-size: 14px;
    border-bottom: 1px solid #444;
}
.bagts{
	text-align: justify;
    line-height: 22px;
    margin-bottom: 20px;
	font-size: 16px;
    font-weight: 400;
}
.bagts iframe{
    width: 100%;
    height: 185px;
    float: left;
    margin-right: 20px;
}
.bagts ul, .bagts ol{
	list-style-position:inside;
	padding-left: 20px;
}
.bagts img{
	max-width: 100%;
	border-radius: 5px;
	box-shadow: 0 0 10px #000;
	margin-bottom: 20px;
}
.newslist h4{
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
    text-align: left;
    margin: 10px 0;
}
.newslist img{
    width: 100%;
    height: 90px;
}
.newslist iframe{
    width: 100%;
    height: 90px;
    float: none;
    margin: 0 0 20px;
}
.news_headed{
	color: #fff;
    padding: 13px 26px;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
    text-align: left;
    text-transform: uppercase;
    background: -moz-linear-gradient(left, hsla(355,73%,46%,1) 0%, hsla(355,73%,46%,0) 100%);
    background: -webkit-linear-gradient(left, hsla(355,73%,46%,1) 0%,hsla(355,73%,46%,0) 100%);
    background: linear-gradient(to right, hsla(355,73%,46%,1) 0%,hsla(355,73%,46%,0) 100%);
}
.photo img{
	max-width:100%;
	box-shadow: none
}
/*** Order online***/
.page-title-bg{
	margin-top: 0;
	background-size: cover;
    background-position: center center;
}
.page-title-bg .page-title-container{
	padding: 50px 0;
}
.page-title-bg .page-title-container h2{
	margin: 0;
    color: #fff;
    padding: 10px 15px;
	font-size: 18px;
    background: -moz-linear-gradient(left, rgba(7,9,30,1) 0%, rgba(7,9,30,0) 100%);
    background: -webkit-linear-gradient(left, rgba(7,9,30,1) 0%,rgba(7,9,30,0) 100%);
    background: linear-gradient(to right, rgba(7,9,30,1) 0%,rgba(7,9,30,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07091e', endColorstr='#0007091e',GradientType=1 );
}
.form-input {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/***CHANNELS***/
.channel_mongol{
	font-weight: 300;
	margin: 0 0 15px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#267ec1+0,267ec1+100&1+0,0+100 */
background: -moz-linear-gradient(left, hsla(206,67%,45%,1) 0%, hsla(206,67%,45%,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, hsla(206,67%,45%,1) 0%,hsla(206,67%,45%,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, hsla(206,67%,45%,1) 0%,hsla(206,67%,45%,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#267ec1', endColorstr='#00267ec1',GradientType=1 ); /* IE6-9 */
}
.channel_foreign{
	margin: 0 0 15px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b82c39+0,b82c39+100&1+0,0+100;Neutral+Density */
background: -moz-linear-gradient(left, hsla(354,62%,45%,1) 0%, hsla(354,62%,45%,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, hsla(354,62%,45%,1) 0%,hsla(354,62%,45%,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, hsla(354,62%,45%,1) 0%,hsla(354,62%,45%,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b82c39', endColorstr='#00b82c39',GradientType=1 ); /* IE6-9 */
}
.tv_item .row{
	background: #2f2f2f;
	border-radius: 9px;
	margin-bottom: 5px
}
.tv_item img{
	width: 60px;
    margin-right: 10px;
}
div.Мэдээ_мэдээлэл{
	border-top:1px solid #fbd603;
	padding: 10px 0 15px;
	position: relative;
}
div.Мэдээ_мэдээлэл > span{
	background: #fbd603;
	width:6px;
	height: 6px;
	position: absolute;
	top: -3px;
	left: 0
}
span.Мэдээ_мэдээлэл{
	display: inline-block;
	padding: 5px 10px
}
span.Мэдээ_мэдээлэл > font{
	color:#fbd603;
	margin-right: 5px;
}
div.Үндэсний_онцлогт{
	border-top:1px solid #23b46e;
	padding: 10px 0 15px;
	position: relative;
}
div.Үндэсний_онцлогт > span{
	background: #23b46e;
	width:6px;
	height: 6px;
	position: absolute;
	top: -3px;
	left: 0
}
span.Үндэсний_онцлогт{
	display: inline-block;
	padding: 5px 10px
}
span.Үндэсний_онцлогт > font{
	color:#23b46e;
	margin-right: 5px;
}
div.Спорт{
	border-top:1px solid #1c80dd;
	padding: 10px 0 15px;
	position: relative;
}
div.Спорт > span{
	background: #1c80dd;
	width:6px;
	height: 6px;
	position: absolute;
	top: -3px;
	left: 0
}
span.Спорт{
	display: inline-block;
	padding: 5px 10px
}
span.Спорт > font{
	color:#1c80dd;
	margin-right: 5px;
}
div.Хүүхдийн{
	border-top:1px solid #a46ec4;
	padding: 10px 0 15px;
	position: relative;
}
div.Хүүхдийн > span{
	background: #a46ec4;
	width:6px;
	height: 6px;
	position: absolute;
	top: -3px;
	left: 0
}
span.Хүүхдийн{
	display: inline-block;
	padding: 5px 10px
}
span.Хүүхдийн > font{
	color:#a46ec4;
	margin-right: 5px;
}
div.Хөгжим{
	border-top:1px solid #f44242;
	padding: 10px 0 15px;
	position: relative;
}
div.Хөгжим > span{
	background: #f44242;
	width:6px;
	height: 6px;
	position: absolute;
	top: -3px;
	left: 0
}
span.Хөгжим{
	display: inline-block;
	padding: 5px 10px
}
span.Хөгжим > font{
	color:#f44242;
	margin-right: 5px;
}
div.Кино{
	border-top:1px solid #9fa5a5;
	padding: 10px 0 15px;
	position: relative;
}
div.Кино > span{
	background: #9fa5a5;
	width:6px;
	height: 6px;
	position: absolute;
	top: -3px;
	left: 0
}
span.Кино{
	display: inline-block;
	padding: 5px 10px
}
span.Кино > font{
	color:#9fa5a5;
	margin-right: 5px;
}
div.Танин_мэдэхүй_амьдралын_хэв_маяг{
	border-top:1px solid #f05c13;
	padding: 10px 0 15px;
	position: relative;
}
div.Танин_мэдэхүй_амьдралын_хэв_маяг > span{
	background: #f05c13;
	width:6px;
	height: 6px;
	position: absolute;
	top: -3px;
	left: 0
}
span.Танин_мэдэхүй_амьдралын_хэв_маяг{
	display: inline-block;
	padding: 5px 10px
}
span.Танин_мэдэхүй_амьдралын_хэв_маяг > font{
	color:#f05c13;
	margin-right: 5px;
}
div.Ан_агнуур{
	border-top:1px solid #864837;
	padding: 10px 0 15px;
	position: relative;
}
div.Ан_агнуур > span{
	background: #864837;
	width:6px;
	height: 6px;
	position: absolute;
	top: -3px;
	left: 0
}
span.Ан_агнуур{
	display: inline-block;
	padding: 5px 10px
}
span.Ан_агнуур > font{
	color:#864837;
	margin-right: 5px;
}
div.Насанд_хүрэгчид{
	border-top:1px solid #f96391;
	padding: 10px 0 15px;
	position: relative;
}
div.Насанд_хүрэгчид > span{
	background: #f96391;
	width:6px;
	height: 6px;
	position: absolute;
	top: -3px;
	left: 0
}
span.Насанд_хүрэгчид{
	display: inline-block;
	padding: 5px 10px
}
span.Насанд_хүрэгчид > font{
	color:#f96391;
	margin-right: 5px;
}
.search-list{
    background: #111111;
    border-radius: 10px;
    padding: 25px 30px;
}
.search-list > p{
	margin: 0;
	padding-bottom: 5px
}
.search-list .aniline{
	margin-bottom: 15px;
	width: 100%;
	height: 1px;
	background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
}
.search-list .row{
    padding: 10px 0;
    margin: 0 -15px;
}
.search-list a{
	color: #eee;
    text-decoration: underline;
}
.search-list .desc{
	font-style: italic;
	color:#888;
    border-bottom: 1px dotted #444;
}
/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}
/**Tab**/
.nav-tabs{
border-bottom: 1px solid #cc202e;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc202e+0,cc202e+100&0.5+0,0+100 */
background: -moz-linear-gradient(left, hsla(355,73%,46%,0.5) 0%, hsla(355,73%,46%,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, hsla(355,73%,46%,0.5) 0%,hsla(355,73%,46%,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, hsla(355,73%,46%,0.5) 0%,hsla(355,73%,46%,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.nav-tabs > li > a{
	color:#fff;
	padding: 8px 15px;
	border:0;
	transition: all 0.2s ease;
	text-transform: uppercase
}
.nav-tabs > li > a:hover{
	background: #CC202E;
    color: #fff;
    border: 0 !important;
    padding: 8px 15px;
    border-radius: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    background: #CC202E;
    color: #fff;
    border: 0 !important;
    padding: 8px 15px;
    border-radius: 0;
}
/** Item **/
.item{
	text-align: center;
    padding: 0 0 20px;
}
.item img{
	display: inline-block !important
}
/*Social*/
.social{
	font-size: 18px;
	color:#b7b7b7;
	text-align: center;
	padding-bottom: 40px
}
.social > a{
    font-size: 30px;
    color: #fff;
    display: inline-block;
    height: 26px;
    width: 26px;
	margin: -1px 3px;
	vertical-align: sub;
}
.social > a > i{
	line-height: 28px;
}
.social > a:hover{
	color:#ff3941
}
.social > a.cirle{
    background: #111;
    color: #242424;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    font-size: 18px;
    vertical-align: text-bottom;
}
.social > a.cirle:hover{
	background: #ff3941
}
.comment-box{
	width: 90%;
    margin: 0 auto;
    padding: 10px 15px;
    background: #fff;
    border-radius: 5px;
	min-height: 120px;
}
/*foot-menu*/
.footer-grey-bg{
	padding: 30px 0 25px;
    color: #c2c2c2;
    background: #111111
}
.foot-menu{
	padding: 0;
	margin: 0;
	list-style: none;
}
.foot-menu > li{
}
.foot-menu > li > a{
	text-transform: uppercase;
    color: #c2c2c2;
    font-size: 14px;
    display: block;
    padding: 10px 0;
	transition: all 0.2s ease
}
.foot-menu > li > a > i{
	padding-right: 10px;
    font-size: 18px;
    line-height: 15px;
}
.foot-menu > li > a:hover{
	color:#ff3941
}
.copyright-container{
	background: #151515
}
.footer-copyright-container{
	text-align: center;
    padding: 25px 0;
    color: #999;
}
.fixed-social{
	position: fixed;
	top:50%;
	left:0px;
	z-index: 999;
	padding: 0;
	margin: -100px 0 0;
	transform: translateX(-40px);
	transition: all 450ms cubic-bezier(.485,.075,.12,.855);
}
.fixed-social > li{
	display: table;
}
.fixed-social > li > a{
	display: block;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 20px;
    text-align: center;
	transition: all 0.2s ease
}
.fixed-social > li > a.facebook{
	background:#3b5998
}
.fixed-social > li > a.youtube{
	background: #EC2B2E;
}
.fixed-social > li > a.twitter{
	background:#1da1f3
}
.fixed-social > li > a.instagram{
	background: rgb(88,104,211);
	background: -moz-linear-gradient(top, rgba(88,104,211,1) 0%, rgba(199,55,162,1) 33%, rgba(248,115,53,1) 66%, rgba(237,198,111,1) 100%);
	background: -webkit-linear-gradient(top, rgba(88,104,211,1) 0%,rgba(199,55,162,1) 33%,rgba(248,115,53,1) 66%,rgba(237,198,111,1) 100%);
	background: linear-gradient(to bottom, rgba(88,104,211,1) 0%,rgba(199,55,162,1) 33%,rgba(248,115,53,1) 66%,rgba(237,198,111,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5868d3', endColorstr='#edc66f',GradientType=0 );
}
.fixed-social > li > a.envelope{
	background: #4f5873
}
.fixed-social > li > a.phone{
	background: #22a74c
}
.fixed-social > li > a > i{
	line-height: 40px;
}
.fixed-social > li > a:hover{
	background: #111
}
.contrl > a{
	text-align: right !important;
    background: rgba(0,0,0,0.3);
    display: block !important;
    padding: 0 12px;
    width: 80px !important;
    height: 40px !important;
	border-radius: 0 5px 5px 0
}
.contrl > a:hover{
	background: rgba(0,0,0,0.3) !important;
}
.fixed-social.showS{
	transform: translateX(0px);
	transition: all 450ms cubic-bezier(.485,.075,.12,.855);
}
footer a{
	color:#fff !important
}
/** Video Promo**/
.promoFeature{
	padding-bottom: 40px;
}
.promoFeature .vi_img img{border: 1px solid #252525;}
.promoFeature .vi_img{
	position: relative;
}
.promoFeature .vi_img i{
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    background: #ed1c24;
    width: 60px;
    height: 44px;
    border-radius: 30px;
    text-align: center;
    font-size: 20px;
    line-height: 44px;
    margin: -22px 0 0 -30px;
}
.promoFeature .vi_img i:hover{
	cursor: pointer;
	background:#333;
}
.promoFeature h3{
	font-weight: 700;
    font-size: 22px;
	line-height: 32px;
    color: #fff;
}
.promoFeature h3:hover{
	cursor: pointer;
	color:#ed1c24;
}
.promoFeature .date{
	color: #888;
}
.promo-list{
	padding-bottom: 30px;
}
.promo-list .vi_img img{border: 1px solid #252525;}
.promo-list .vi_img{
	position: relative;
}
.promo-list .vi_img i{
	position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    background: #ed1c24;
    width: 50px;
    height: 36px;
    border-radius: 30px;
    text-align: center;
    font-size: 16px;
    line-height: 36px;
    margin: -22px 0 0 -30px;
}
.promo-list .vi_img i:hover{
	cursor: pointer;
	background:#333;
}
.promo-list h4{
	font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}
.promo-list h4:hover{
	cursor: pointer;
	color:#ed1c24;
}
.promo-list .date{
	color: #888;
}
.modal-body{
	color:#666;
}
.modal-body ul, .modal-body ol{
	padding-left: 30px;
}
/*Slide Caption*/
.caption{
	top: 50% !important;
    transform: translateY(-50%) !important;
	text-align: center;
}
.caption > h4{
    margin: 0;
    white-space: normal;
    text-transform: uppercase;
    padding: 10px 15px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    max-width: 600px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100 */
background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.caption > a{
    color: #fff !important;
    border-radius: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    padding: 3px 10px 4px;
}
.caption > a:hover{
	background: #f31f21;
	border-color: #f31f21;
}
.related_title{
    color: white;
    font-size: 24px;
    padding: 0 0 10px;
    border-bottom: 1px solid #555;
    margin: 15px 15px 20px;
}
/***************/
@media (min-width: 768px) {
    .banner_lightbox{
        display: block;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.6);
        z-index: 999999;
    }
    .banner_inbox{
        position: absolute;
        text-align: center;
        top: 50%;
        left: 50%;
        overflow: hidden;
        border-radius: 5px;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    .banner_inbox img{
        width: 100%;
    }
	/*Slide Caption*/
.caption{
	top: 50% !important;
    transform: translateY(-50%) !important;
	text-align: left;
}
.caption > h4{
    margin: 4px 0 0;
    white-space: normal;
    text-transform: uppercase;
    padding: 15px 25px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    max-width: 600px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100 */
background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.caption > a{
	color: #fff !important;
    border-radius: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    padding: 5px 15px 7px;
}
.caption > a:hover{
	background: #f31f21;
	border-color: #f31f21;
}
.package{
	padding: 40px;
}
.header{
	padding: 20px 5px;
	width: 100%;
	position: relative;
	z-index: 999;
	background: rgba(36, 36, 36, 0.8)
}
.navbar-nav{
    position: absolute;
    top: 90px;
    right: 15px;
    background: #1a1a1a;
	z-index: 999;
	padding: 10px 0;
	border-radius: 8px 0 8px 8px
}
.feature_news{
		line-height: 22px
	}
.bagts iframe{
    width: 40%;
    height: 280px;
    float: left;
    margin-right: 20px;
}
	.item{
	text-align: center;
    padding: 40px;
}
.newslist h4{
	color: #fff;
    font-size: 16px;
    line-height: 26px;
    height: 55px;
    overflow: hidden;
}
.newslist img{
	width:100%;
	height: 180px;
}
.newslist iframe{
	width:100%;
	height: 180px;
    float: none;
    margin: 0 0 20px;
}
}
@media (min-width: 1024px) {
/*Slide Caption*/
.caption{
	top: 50% !important;
    transform: translateY(-50%) !important;
	text-align: left;
}
.caption > h4{
    margin: 4px 0 0;
    white-space: normal;
    text-transform: uppercase;
    padding: 15px 25px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    max-width: 600px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100 */
background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.caption > a{
	color: #fff !important;
    border-radius: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    padding: 5px 15px 7px;
}
.caption > a:hover{
	background: #f31f21;
	border-color: #f31f21;
}
    .bagts iframe{
        width: 40%;
        height: 280px;
        float: left;
        margin-right: 20px;
    }
.newslist h4{
	color: #fff;
    font-size: 16px;
    line-height: 26px;
    height: 55px;
    overflow: hidden;
}
.newslist img{
	width:100%;
	height: 180px;
}
.newslist iframe{
	width:100%;
	height: 180px;
    float: none;
    margin: 0 0 20px;
}
.item{
	text-align: center;
    padding: 40px;
}

.fixed-social{
	position: fixed;
	top:50%;
	left:0px;
	z-index: 999;
	padding: 0;
	margin: -100px 0 0;
	transform: translateX(0px);
	transition: all 450ms cubic-bezier(.485,.075,.12,.855);
}
.feature_news h2, .banner h2{
	text-align: center;
	font-size: 24px;
	line-height: 34px;
	color: #fff;
    margin-top: 0px;
	margin-bottom: 30px;
	font-weight: normal;
}
.page-title-bg .page-title-container{
	padding: 250px 0 80px;
}
.page-title-bg .page-title-container h2{
	margin: 0;
    color: #fff;
    padding: 30px;
	font-size: 30px;
    background: -moz-linear-gradient(left, rgba(7,9,30,1) 0%, rgba(7,9,30,0) 100%);
    background: -webkit-linear-gradient(left, rgba(7,9,30,1) 0%,rgba(7,9,30,0) 100%);
    background: linear-gradient(to right, rgba(7,9,30,1) 0%,rgba(7,9,30,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07091e', endColorstr='#0007091e',GradientType=1 );
}
.package{
	padding: 80px;
}
    .banner_lightbox{
        display: block;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.6);
        z-index: 999999;
    }
    .banner_inbox{
        position: absolute;
        text-align: center;
        top: 50%;
        left: 50%;
        overflow: hidden;
        border-radius: 5px;
        transform: translate(-50%, -50%);
        width: auto;
    }
    .banner_inbox img{
        width: 100%;
    }
.news_headed{
	color: #fff;
    padding: 13px 26px;
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 20px;
    text-align: left;
    text-transform: uppercase;
    background: -moz-linear-gradient(left, hsla(355,73%,46%,1) 0%, hsla(355,73%,46%,0) 100%);
    background: -webkit-linear-gradient(left, hsla(355,73%,46%,1) 0%,hsla(355,73%,46%,0) 100%);
    background: linear-gradient(to right, hsla(355,73%,46%,1) 0%,hsla(355,73%,46%,0) 100%);
}
.nav-tabs > li > a{
color: #fff;
    padding: 15px 20px;
    font-size: 12px;
    border: 0;
    transition: all 0.2s ease;
    text-transform: uppercase;
}
.nav-tabs > li > a:hover{
	background: #CC202E;
    color: #fff;
    border: 0 !important;
    padding: 15px 20px;
    border-radius: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    background: #CC202E;
    color: #fff;
    border: 0 !important;
    padding: 15px 20px;
    border-radius: 0;
}
.bagts{
	text-align: justify;
    line-height: 22px;
    margin-bottom: 30px;
}
.package{
	padding:80px 0;
	}
.footer-grey-bg {
    padding: 60px 0 50px;
    color: #c2c2c2;
    background: #111111;
}
.banner{
	padding: 50px 10px
}
.pricing-table-pro h6{
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin: 10px 0 30px;
}
.progression-pricing-section-background{
	background: #111;
	padding: 80px 0
}
.btn-green-pro {
	color: #fff;
    background: #242424;
    text-transform: uppercase;
    margin-top: 20px;
    padding: 10px 30px;
	transition: all 0.2s ease
}
.feature_news{
	padding: 100px 0;
    color: #ccc;
    font-size: 16px;
    text-align: justify;
    line-height: 30px;
}
.page-title-bg{
	margin-top: 102px;
	background-size: cover;
    background-position: center center;
}
.pricing-table-pro h6{
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
}
.header{
	padding: 20px 0;
	width: 100%;
	position: fixed;
	z-index: 999;
	background: rgba(36, 36, 36, 0.8)
}
.navbar-nav{
	background: none;
	padding: 0;
	top:0;
	position: relative;
	width: 100%;
}
.navbar-nav .drop-menu, .navbar-nav li {
    padding: 16px 0;
    position: static !important;
}
.drop-menu > a {
    position: relative;
    display: block;
    padding: 5px 25px !important;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    font-size: 12px;
	transition: all 0.2s ease
}
.drop-menu > a:after{
    content: "\f0d8";
    font-family: Fontawesome;
    position: absolute;
    color: #111;
    font-size: 44px;
    left: 50%;
    bottom: -18px;
    width: 25px;
    height: 16px;
    line-height: 12px;
    margin-left: -12.5px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s ease
}
.drop-menu > a:hover, .drop-menu:hover > a{
	color:#ff3941
}
.drop-menu > a:hover:after, .drop-menu:hover > a:after{
	opacity: 1;
	visibility: visible
}
.dropdown-menu{
	background: #111;
	list-style: none;
	padding: 0;
	position: absolute;
	width: auto;
	left:20px;
	top:100%;
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s ease
}
.dropdown-menu > li{
	float: left;
}
.dropdown-menu > li > a{
    color: #fff;
    text-transform: uppercase;
	display: block;
    font-size: 12px;
    padding: 22px;
	text-align: center;
	transition: all 0.2s ease
}
.dropdown-menu > li > a > .menu_icon{
    width: 100%;
    height: 60px;
	display: block;
    min-width: 100px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
}
.dropdown-menu > li > a:hover{
	color:#ff3941
}
.drop-menu:hover > .dropdown-menu{
	opacity: 1;
	visibility: visible
}
}
@-webkit-keyframes Gradient {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50%	}
	100% { background-position: 0% 50% }
}

@-moz-keyframes Gradient {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}

@keyframes Gradient {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}