﻿.banner.image{
	background:none !important;
	box-shadow:none !important;
	background-color:#333 !important; 
}

.main-banner{
	position:relative;
}

.main-banner:before{
	content:"";
	height:400px;
	overflow:hidden;
	background:url(/ResourceFiles/v1/images/default/ntc/banner.png) no-repeat;
	width: 435px;
	position:absolute;
	z-index: 1;
	left: 25px;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	background-position-y: 5px;
}    



.main-banner .slice .text-content{
	color:#fff;
	text-align:center;
}

.main-banner .slice .text-content h2{
	font-size:30px;
	font-weight:600;
	padding: 0px 50px;
}

.main-banner .slice .text-content p{
	font-size:18px;
	font-weight:400;
	color:#82deec;
	padding: 0px 50px;
}

.main-banner .slice{
	min-height:400px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover !important;
}

.slice.bg1{
	 background: rgb(35,187,209);
	background: -moz-linear-gradient(30deg, rgba(35,187,209,1) 10%, rgba(132,56,210,1) 90%);
	background: -webkit-linear-gradient(30deg, rgba(35,187,209,1) 10%, rgba(132,56,210,1) 90%);
	background: linear-gradient(30deg, rgba(35,187,209,1) 10%, rgba(132,56,210,1) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#23bbd1",endColorstr="#8438d2",GradientType=1);

}

.video-button{
   position:absolute;
   left:0px;
   right:0px;
   margin-left:auto;
   margin-right:auto; 
   z-index:1;
   top:45%;
}

.slice.bg2{
	background: rgb(255,102,0);
	background: -moz-linear-gradient(30deg, rgba(255,102,0,1) 10%, rgba(219,33,147,1) 90%);
	background: -webkit-linear-gradient(30deg, rgba(255,102,0,1) 10%, rgba(219,33,147,1) 90%);
	background: linear-gradient(30deg, rgba(255,102,0,1) 10%, rgba(219,33,147,1) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6600",endColorstr="#db2193",GradientType=1);

}


.btn-white {
	background-color: #fff;
	color: #ff6600;
}

.btn-white:hover, .btn-white:focus, .btn-white.focus {
	background-color: #fff;
	color: #ff6600 !important;
}

.btn.btn-round, .btn.btn-round.btn-bordered:after {
	border-radius: 65px;
	padding-left: 2em;
	padding-right: 2em;
}


a.fancybox-close{
	top: -25px;
    right: 6px;
}

.video-modal{
	width: 600px;
}

@media (max-width: 991px){
   .main-banner:before{
	   display:none;
   } 

   .main-banner .slice-1 .text-content p{
	   padding:0px;
   }

   .video-modal{
		width: 100%;
	}
}