body {
	margin:0px;
	/*background-color:#F6F6F0;*/
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:22px;
    }
	

	

	
.header {
	width:100%;
	float:left;
	background:url(../images/newwings/header.jpg) center no-repeat;
	/*background-size:100%;*/
	padding:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	position:relative;
	z-index:100
	}
.logo {
	float:left;
	width:33%;
	}
.logo img {
	width:95px;
	}
.tm-logo {
	width:33%;
	float:left;
	text-align:center;
	}
.tm-logo img {
	width:70px;
	}


.content {
	width:100%;
	float:left;
	padding:30px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	}
   
.container {
  	max-width:1300px;
	margin:auto;
	}
	
.frame {
	width:330px;
	height:625px;
	margin:auto;
	background:url(../images/frame.png) top no-repeat;
	}
	
.banner {
	width:295px;
	height:530px;
	margin:58px 0 0 20px;
	float:left;
	position:relative;
	overflow:hidden
	}
.owl-nav {
	top:50%;
	position:absolute;
	width:100%;
	}	
.owl-prev, .owl-next {
	/*display:block!important;*/
	width:30px;
	height:30px;
	background-color:#333;
	font-size:0px;
	}
.owl-next {
	right:0px;
	position:absolute;
	right:0px;
	top:0px;
	}
	
.footer {
	width:100%;
	float:left;
	background-color:#303030;
	padding:10px 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	color:#CCCCCC;
	font-size:12px;
	}
	
.footer-left {
	width:30%;
	float:left;
	padding-top:10px;
	}
.footer-middle {
	width:40%;
	float:left;
	text-align:center
	}
.footer-right {
	width:30%;
	float:left;
	text-align:right;
	padding-top:10px;
	}
	
.footer a {
	color:#ccc;
	text-decoration:none;
	}
	
.cyc-logo {
	float:right;
	margin:5px 20px 0 0;
	}
	
.college-pic {
	width:100%;
	}
.college-pic img {
	width:100%;
	}

.project-box {
	width:100%;
	box-shadow:0 0 6px #ccc;
	border-radius:10px;
	margin-bottom:30px;
	position:relative
	}

.project-pic {
	width:100%;
	/*height:300px;*/
	position:absolute;
	top:0px;
	left:0px;
	}
	
.project-pic img {
	width:100%;
	border-radius:6px;
	}
	
.project-logo {
	width:100%;
	float:left;
	padding:6px;
	position:relative;
	z-index:100;
	/*background:rgba(255, 255, 255, 0.6);*/
	background:rgba(0, 0, 0, 0.3);
	}

.project-desc {
	width:100%;
	max-height:70px;
	min-height:70px;
	line-height:18px;
	font-size:13px;
	overflow:hidden;
	float:left;
	padding:15px;
	background:rgba(0, 0, 0, 0.6);
	color:#fff;
	margin-top:50%;
	position:relative
	}
	
.project-desc h3 {
	margin:0px;
	font-size:17px;
	font-weight:600;
	}
	
.bot-border a {
	color:#fff;
	text-ecoration:none;
	padding-right:10px;
	float:right
	}	
.bot-border {
	width:100%;
	line-height:30px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	position:relative;
	display:inline-block;
	}

.border-color-blue {
	background-color:#26a9e1
	}
	
.border-color-2 {
	background-color:#779f58
	}	
.border-color-3 {
	background-color:#ff9600
	}	
.border-color-4 {
	background-color:#fa7a6f
	}	
	
.border-color-5 {
	background-color:#ef91e9
	}	

.border-color-6 {
	background-color:#ecc71e
	}


.page-logo, .logo-bg-2, .logo-bg-3{
	width:100%;
	height:85px;
	margin-bottom:30px;
	background:url(../images/nw-page-logo-bg.png) left;
	float:left;
	}
	
.logo-bg-2{
	background:url(../images/nw-page-logo-bg-2.png) left;
	}
.logo-bg-3 {
	background:url(../images/nw-page-logo-bg-3.png) left;
	}

.content-bg-blue {
	background-color:#82e5fd;
	}
	
.content-bg-gray {
	background-color:#f5eae9;
	}	

.box-content {
	width:100%;
	padding:15px;
	display:inline-block
	}

.left-content {
	line-height:28.5px;
	}


h2 {
	color:#0b5da2;
	font-size:22px;
	font-weight:600;
	margin:0 0 15px 0;
	}
.deatils-block {
	width:100%;
	display:inline-block;
	margin-top:10px;
	}
.deatils-box-1 {
	width:50%;
	padding:25px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	float:left;
	}
.deatils-box-2 {
	width:50%;
	padding:25px;
	border-bottom:solid 1px #ccc;
	float:left;
	}
.deatils-box-3 {
	width:50%;
	padding:25px;
	border-right:solid 1px #ccc;
	float:left;
	}
.deatils-box-4 {
	width:50%;
	padding:25px;
	float:left;
	}

.details-icon {
	width:25%;
	float:left;
	}
.details-icon img {
	width:100%;
	}
.details-desc {
	width:72%;
	float:left;
	margin-left:3%;
	}
.details-desc h3 {
	font-size:19px;
	font-weight:600px;
	color:#545350;
	margin:0px;
	}	
/*div {
	display:inline-block;
	}*/
	
.featured-tit {
	margin-top:15px;
	}

.project-spark-pic {
	width:100%;
	
	}
.project-spark-pic img {
	width:100%;
	border-radius:6px;
	box-shadow:0 0 6px #ccc;
	}

.border-bot {
	border-bottom:solid 1px #ccc;
	margin-bottom:10px;
	padding-bottom:20px;
	display:inline-block;
	}


.spark-text {
	padding:20px 0 20px 0;
	border-top:solid 10px #FFCCFF;
	border-bottom:solid 10px #FFCCFF;
	font-size:14px;
	font-style:italic;
	margin-top:15px;
	color:#666
	}

.deatils-block .project-spark-pic	{
	margin-bottom:15px;
	}
	
.no-pad-left {
	padding-left:0px;
	}
.no-pad-right {
	padding-right:0px;
	}
	
.featured-link {
	color:#0066CC;
	text-deocation:none;
	float:right;
	margin-top:10px;
	line-height:22px;
	position:relative;
	z-index:100
	}
	
.featured-link span {
	font-size:18px;
	width:22px;
	text-align:center;
	line-height:22px;
	display:inline-block;
	}

.gen-top-mar {
	margin-top:15px;
	}
.videos {
	margin-bottom:30px;
	}
.presskit {
	width:100%;
	float:left;
	margin-bottom:30px;
	}

.downloadpresskit {
	padding-right:22px;
	line-height:18px;
	display:inline-block;
	background:url(../images/download-icon.png) right no-repeat;
	font-size:16px;
	margin-top:10px;
	}

.box {
	width:100%;
	padding:15px;
	display:inline-block
	}
.box {
	margin:6px 0;
		
	}	
.box h2 {
	font-size:18px;
	margin:0px;
	}
.box h3 {
	margin:0px;
	font-size:16px;
	}

.box .project-spark-pic {
	margin-bottom:0px;
	}


.bg-pink {
	background-color:#f2e2ff;
	}
.bg-blue {
	background-color:#cdecff;
	}
.bg-green {
	background-color:#b5eecd;
	}	
	
.bg-yellow {
	background-color:#ffffba;
	}	
	
.bg-l-green {
	background-color:#ddf6fc;
	}		
.bg-l-yellow {
	background-color:#ffdfba;
	}	

.newwings .project-spark-pic {
	margin-bottom:20px;
	}

.social-block {
	float:left;
	width:auto;

	}
.social-block ul {
	padding:0px;
	margin:0px 0 0 10px;
	}
.social-block ul li {
	list-style:none;
	float:left;
	margin-top:10px;
	}
.social-block ul li:last-child {
	margin-top:4px;
	}
	
  @media only screen and (max-width:1199px){ 
  	.deatils-box-1, .deatils-box-2 {
		border-bottom:none;
		}
		
	.project-desc {
		margin-top:40%;
		}
  } 
  
   @media only screen and (max-width:991px){ 
   	.deatils-box-1, .deatils-box-2, .deatils-box-3, .deatils-box-4 {
		width:100%;
		border-right:none;
		}
		
	.deatils-box-1, .deatils-box-2, .deatils-box-3, .deatils-box-4 {
		padding:0px;
		border-bottom:solid 1px #ccc;
		padding-bottom:20px;
		margin-bottom:20px;
	}
	.project-desc {
		margin-top:66%;
		}
   
   }
  @media only screen and (max-width:767px){ 
  	.footer-left, .footer-middle, .footer-right {
		width:100%;
		text-align:center;
		}
  	.container {
		padding:0px;
		}
  .no-pad-left {
	padding-left:0px;
	}
	.margin-left {
		margin-left:10px;
		}
		
	h2 {
		font-size:26px;
		}
		
	
	
  }
     @media only screen and (max-width:660px){ 
	 	.project-desc {
		margin-top:61%;
		}
	 
	 }

  
    @media only screen and (max-width:600px){ 
	
		.cyc-logo span {
			display:none;
			}
			
		.footer-right {
			display:block;
			}
		.w-badge {
			display:none;
			}
	
	}
	
  @media only screen and (max-width:571px){ 
	 	.project-desc {
		margin-top:57%;
		}
	 
	 }
	 
	 @media only screen and (max-width:525px){ 
	 	.project-desc {
		margin-top:52%;
		}
	 
	 }
	  @media only screen and (max-width:465px){ 
	 	.project-desc {
		margin-top:46%;
		}
	 
	 }
	
 @media only screen and (max-width:410px){ 
 	.content {
		padding:0px;
		}
 	.content .container p, h2 {
		padding:0 10px;
		}
		
	.featured-tit {
		font-size:20px;
		}
	
	.row {
		margin-right: 0px;
		margin-left: 0px;
	}
	
	.box h2 {
		margin:6px 0;
		padding:0px;
		}
		
		.project-desc {
		margin-top:44%;
		}
		
	.details-icon {
		width:100%;
		text-align:center;
		}
	.details-icon img {
		width:120px;
		}
		
	.details-desc {
		width:100%;
		margin-left:0px;
		}
	.details-desc h3 {
		text-align:center;
		margin-bottom:10px;
		} 
	
 }
 
 .Gallery {
	color:#0066CC;
	text-deocation:none;
	float:right;
	font-size:large;
	padding-right:2px;
	margin-top:10px;
	line-height:22px;
	position:relative;
	z-index:50
	}
 
