@font-face {
	font-family: swissRC;
    src: url('../../Fonts/swiss_721_roman_condensed-webfont.eot');
    src: url('../../Fonts/swiss_721_roman_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../Fonts/swiss_721_roman_condensed-webfont.woff2') format('woff2'),
         url('../../Fonts/swiss_721_roman_condensed-webfont.woff') format('woff'),
         url('../../Fonts/swiss_721_roman_condensed-webfont.ttf') format('truetype'),
         url('../../Fonts/swiss_721_roman_condensed-webfont.svg#swis721_cn_btroman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: swissBC;
    src: url('../../Fonts/swiss_721_bold_condensed-webfont.eot');
    src: url('../../Fonts/swiss_721_bold_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../Fonts/swiss_721_bold_condensed-webfont.woff2') format('woff2'),
         url('../../Fonts/swiss_721_bold_condensed-webfont.woff') format('woff'),
         url('../../Fonts/swiss_721_bold_condensed-webfont.ttf') format('truetype'),
         url('../../Fonts/swiss_721_bold_condensed-webfont.svg#../../Fonts/swiss_721bold_condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
html,body{
	max-width:100%;
    overflow-x: hidden;
}
body{
	font-family: swissRC;
}
.navbar,h1,h2,h3,h4,h5, .big{
	font-family: swissBC;
}
/*custom CSS for mobile devices*/
@media screen and (max-width: 767px){
	
	
	div.footer{
		text-align:center;
	}
div.footer .footer-label {
	margin-top:10px;
}
	.photo,
	.photo-container{
   	 -webkit-transform: none !important;
   	 transform: none !important;
	}
	.g-triangle{
		visibility: hidden;
		display:none;
	}
	.buttons-section a{
	 	line-height: 27px;
		font-size: 12px;
	}

	.buttons-section a:last-child{
	margin-top:-5px;
	}

	
	.navbar-default, div.text, .navbar-header{
		 -webkit-transform: none !important;
		 transform: none !important;
	}


	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus{
		color:white;
		opacity:0.9;

	}
	
	.buttons-section > div{
		position:relative;
		left:10%;
	}

	.navbar-default
	{
		background:rgba(232,232,232,0.7);
		border:0;
	}
	
	.navbar-header button{
		border:0;
		border-radius:0;
	}
	
	.navbar-default .navbar-brand {
	width: 33vw;
	height:11.88vw;
	line-height:7.92vw;
	}
.navbar-default .navbar-nav{
	overflow-x:hidden;
}
	.navbar-default .navbar-brand img {
	left:7.92vw;
	}
	.navbar-default .navbar-nav > li > ul > li>a{
		background-color: rgba(176,31,36,1);
	}
	.navbar-default .navbar-nav > li > ul > li:focus,
	.navbar-default .navbar-nav > li > ul > li:hover{
		background-color: #fff;
	}
	.navbar-default .navbar-nav > li > ul > li div.text{
	    color: white;
	}
	.navbar-default .navbar-nav > li > ul > li div.text:hover{
	    color: black;
	}
	li.extra-item{
		visibility: hidden;
		display:none;
	}
}

@media screen and (min-width: 768px){
	div.footer{
		position:relative;
	}
	div.footer .footer-label {
		position:absolute;
		float:right;
		right:0;
		top:35%;
	}
	
	.buttons-section{
		visibility: hidden;
		display:none;
	}
	#menu-container h2{
		position:absolute;
	}
	.navbar-default .navbar-brand img {
	left:4.8vw;
	}
	.navbar-default .navbar-brand {
	width: 20vw;
	height:7.3vw;
	line-height:4.7vw;
	}
	.navbar-default .navbar-nav > li:not(.buttons-section) > a {
	line-height: 3.24vw;
	font-size:1vw;
	}


	
	/* navbar */
	.navbar-default {
		padding-left:3%;
/*		border:1px solid white;*/
	    background: none;
  margin:0 auto; 
  width:110%;
	    border: 0 !important;
	    box-shadow: none !important;
	    -webkit-box-shadow: none !important;
		-webkit-transform: skew(-30deg) rotate(0.0001deg); 
		-moz-transform: skew(-30deg) rotate(0.0001deg); 
		transform: skew(-30deg) rotate(0.0001deg);
	/*    border-color: #E7E7E7;*/
	}
	.navbar-default .container-fluid{
	    margin:0 auto; 
	}

div.text{
	-webkit-transform: skew(30deg) rotate(0.0001deg); 
	-moz-transform: skew(30deg) rotate(0.0001deg); 
	transform: skew(30deg) rotate(0.0001deg);
}


.navbar-header{
	-webkit-transform: skew(30deg) rotate(0.0001deg); 
	-moz-transform: skew(30deg) rotate(0.0001deg); 
	transform: skew(30deg) rotate(0.0001deg);
}


.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #fff;
/*	background-color: #000;*/
}
.navbar-default .navbar-nav {
	margin-top:0.4vw;
	margin-left:-2.1vw;
}
.navbar-default .navbar-nav > li {
	margin-left:-1px;
	width:7.9vw;
	text-align:center;
	opacity:0.8;
}
.navbar-default .navbar-nav > li:hover,
.navbar-default .navbar-nav > li:focus{
	opacity:1;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{
	opacity:1;
}
/*about-us*/
.navbar-default .navbar-nav > li:nth-child(2){
	width:8.3vw;
}

/*departments & education*/
.navbar-default .navbar-nav > li:nth-child(5),
.navbar-default .navbar-nav > li:nth-child(6){
	width:10vw;
}
/*news & events*/
.navbar-default .navbar-nav > li:nth-child(7){
	width:11vw;
}

.navbar-default .navbar-nav > li:not(.buttons-section) > a:hover,
.navbar-default .navbar-nav > li:not(.buttons-section) > a:focus {
    color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#591317+0,7f1b21+100&0.8+0,0.8+100 */
	background: -moz-linear-gradient(left,  rgba(89,19,23,1) 0%, rgba(127,27,33,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(89,19,23,1) 0%,rgba(127,27,33,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(89,19,23,1) 0%,rgba(127,27,33,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9591317', endColorstr='#d97f1b21',GradientType=1 ); /* IE6-9 */
    
}
.navbar-default .navbar-nav > li > ul >li{
	margin-bottom:1px;
	width:7.9vw;
	text-align:center;
	border:1px solid rgba(0,0,0,0.3);
}
.navbar-default .navbar-nav > li.big-tab >ul>li{
	width:10vw;
}


.navbar-default .navbar-nav > li > ul > li > a {
    color: #fff;
	font-size:0.85vw;
	background-color: rgba(176,31,36,0.7);
	/*font-weight:bold;*/
}
div.buttons-section2{
	position:absolute;
	top:0.33vw;
	left:-0.75vw;
}
div.buttons-section2 a{
	font-size: 1vw;
	line-height:1.75vw;
    border:0;
	margin:4px;
	padding:1px;
	border-radius:0;
	width:80%;
	color:white;
	background:black;
}
.buttons-section2 a:hover,
.buttons-section2 a:focus{
	color:black;
	background:#b01f24;
}
/*div.buttons-section2{
	position:absolute;
	top:0;
	left:-0.65vw;
}*/
div.buttons-section2 a:last-child{
	margin-top:-0.1vw;
}
}

.buttons-section a{
    border:0;
	padding:1px;
	border-radius:0;
	width:80%;
	color:white;
}
.buttons-section a:first-child{
	background:black;
}
.buttons-section a:last-child{
	background:#b01f24;
}


/* title */
.navbar-default .navbar-brand {
    color: #fff;
	background-image: url('../../images/logo-background.png');
	background-size:	100%;
	background-repeat: no-repeat;
	opacity:0.8;
}
.navbar-default .navbar-brand img {
	position:relative;
	width:60%;
	top:-1px;
}
/* link */
.navbar-default .navbar-nav > li:not(.buttons-section) > a {
    color: #fff;
    border:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#591317+0,7f1b21+100 */
	background: #591317; /* Old browsers */
	background: -moz-linear-gradient(left,  #591317 0%, #7f1b21 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #591317 0%,#7f1b21 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #591317 0%,#7f1b21 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#591317', endColorstr='#7f1b21',GradientType=1 ); /* IE6-9 */
	
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#591317+0,7f1b21+100&0.8+0,0.8+100 */
	background: -moz-linear-gradient(left,  rgba(89,19,23,1) 0%, rgba(127,27,33,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(89,19,23,1) 0%,rgba(127,27,33,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(89,19,23,1) 0%,rgba(127,27,33,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9591317', endColorstr='#d97f1b21',GradientType=1 ); /* IE6-9 */
   
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-default .navbar-nav > li > ul {
	padding:0;
	background-color:transparent;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}



.navbar-default .navbar-nav > li > ul > li > a:hover,
.navbar-default .navbar-nav > li > ul > li > a:focus {
	background-color: #000;
}

.buttons-section{
    color: #fff;
	/*font-weight:bold;*/
    border:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#591317+0,7f1b21+100 */
	background: #591317; /* Old browsers */
	background: -moz-linear-gradient(left,  #591317 0%, #7f1b21 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #591317 0%,#7f1b21 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #591317 0%,#7f1b21 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#591317', endColorstr='#7f1b21',GradientType=1 ); /* IE6-9 */
/*	max-height:92px;*/
}


.navbar-toggle {
	background-color: #7f1b21;
}
.navbar-toggle{
		 -webkit-transform: none !important;
		 transform: none !important;
}

.page-header{
	border:0;
	margin-bottom:0;
}
.container{
	margin:0 auto;
	padding:35px 10%;
	width:100%;
}
.content{
	position:relative;
	max-width:1200px;
	margin:0 auto;
}

a.link{
	color:#af2027;
	font-style:italic;
}

.mybtn{
	 border:0;
	 border-radius:0;
	 color:white;
	 transform:skew(-30deg) rotate(0.0001deg);
	 background-color:#af2027;
 }

.mybtn1{
	border:0;
	border-radius:0;
	color:white;
	transform:skew(-30deg) rotate(0.0001deg);
	background-color:#af2027;
}

.mybtnInput {
	border:0;
	border-radius:0;
	transform:skew(-30deg) rotate(0.0001deg);
	background-color:#a4a4a4;

}

.btn1 {
	display: inline-block;
	padding: 12px 12px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.42857143;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	float: left;
	width: 33%;
}

.btn2 {
	display: inline-block;
	padding: 5px 12px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.42857143;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}

.btn3 {
	display: inline-block;
	padding: 12px 12px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.42857143;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}

.btn4 {
	display: inline-block;
	padding: 12px 12px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.42857143;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	float: left;
	width: 45%;
}
.btnInput4 {
	display: inline-block;
	padding: 18px 12px;
	margin-bottom: 0;
	font-weight: normal;
	line-height: 1.42857143;
	white-space: nowrap;
	vertical-align: middle;
	padding-bottom: 8px;
	float: left;
	width: 55%;
}
.big1{
	font-size: 18px;
	font-family: swissBC;
}
.btnInput {
	display: inline-block;
	padding: 18px 12px;
	margin-bottom: 0;
	font-weight: normal;
	line-height: 1.42857143;
	white-space: nowrap;
	vertical-align: middle;
	padding-bottom: 8px;
	float: left;
	width: 67%;
}

.btnInput-select {
	display: inline-block;
	padding: 21px 12px;
	margin-bottom: 0;
	font-weight: normal;
	line-height: 1.42857143;
	white-space: nowrap;
	vertical-align: middle;
	padding-bottom: 8px;
	float: left;
	width: 66%;
}


.backUser{
	background: black;
	padding: 90px 10%;

}



.inputUser{
	font-size: 14px;
	transform: skew(30deg) rotate(0.0001deg);
	outline: 0;
	background: #a4a4a4;
	border: 0;
	width: 100%;
	resize: none;
}

.mybtn>div.btntext{
	transform:skew(30deg) rotate(0.0001deg);
	
}

.mybtn1>div.btntext1{
	transform:skew(30deg) rotate(0.0001deg);

}

div.footer{
	background-color:black	;
	color:white;
	
}

.soc-btn{
	border:1px solid #999;
	border-radius:0;
	width:36px;
	height:36px;
	background-color: black;
	transform:skew(-30deg) rotate(0.0001deg);

}
.soc-container{
	position: absolute;
	bottom:0;
}
.soc-btn1{
	border:0;
	border-radius:0;
	background-color: black;
	transform:skew(-30deg) rotate(0.0001deg);
}
.btnSign{
	transform: skew(30deg) rotate(0.0001deg);
	font-size: 25px;
	font-family: swissBC;
	color: #ffffff;
}
.opacitySign{
	background-color: rgba(0, 0, 0, 0.5);
}
.soc-btn:hover{
	border:1px solid white;
}
div.so-ic{	
	background-repeat: no-repeat;
	z-index:-1;
	margin:-4px 0 0 -5px;
	width:20px;
	height:20px;
	background-size:100% 100%;
	transform:skew(30deg) rotate(0.0001deg);
}
div.fb{
	background-image: url('../../images/soc-btns/fb.png');
}
div.insta{
	background-image: url('../../images/soc-btns/insta.png');
}
div.twi{
	background-image: url('../../images/soc-btns/twi.png');
}
div.ytube{
	background-image: url('../../images/soc-btns/ytube.png');
}

ul.list {
	list-style-type: none;
	padding:0;
	max-width:230px;
}
span.glyphicon-triangle-right{
	color:#af2027;
}
ul.list button{
	padding:0;
	padding-top:2px;
	width:35px;
	height:22px;
	float:right;
	margin:2px;
}
.phone{
	background-color:black;
}
.g-triangle {
	position:absolute;
	z-index:-1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#540e0f+0,d42526+100 */
	background: #b3b5b8; /* Old browsers */
	background: -moz-linear-gradient(left,  #b3b5b8 0%, #555 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #b3b5b8) 0%,#555 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #b3b5b8 0%,#555 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b5b8', endColorstr='#555',GradientType=1 ); /* IE6-9 */
}
#header-pic-container {
	width:100%;
	height: 24.8vw;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position:relative;
}
#header-pic-container:before{
	content:"";
	width:47vw;
	height:47vw;
	transform:skew(30deg) rotate(0.0001deg);
	background-color: rgba(175,32,39,0.7);
	position:absolute;
	bottom:0;
	left:-39.9vw;
}
#menu-container{
	position:relative;
	width:100%;
	
}
#menu-container ul{
	float:right;
	border:0;
}
#menu-container ul > li > a{
	
	background: rgba(0,0,0,0.24);
	background: -moz-linear-gradient(left, rgba(0,0,0,0.24) 0%, rgba(0,0,0,0.21) 12%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.24)), color-stop(12%, rgba(0,0,0,0.21)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.24) 0%, rgba(0,0,0,0.21) 12%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.24) 0%, rgba(0,0,0,0.21) 12%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.24) 0%, rgba(0,0,0,0.21) 12%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.24) 0%, rgba(0,0,0,0.21) 12%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );
	border:0;
	border-radius:0;
	padding-top:4px;
	padding-bottom:4px;
}
#menu-container ul > li.active > a{
	background-color:#af2027;
	color:white;
}
.photo-container{
	-webkit-backface-visibility : hidden; 
	overflow                    : hidden;
	position                    : relative;
	z-index:1;
    transform : skew(-30deg) rotate(0.0001deg);
}
.photo{
	position:absolute;
	background-position: center;
	background-size:cover;
	transform: skew(30deg) rotate(0.0001deg);
}
.red{
	color:rgb(176,31,36);
}
.bottom-buffer{

	padding-bottom: 40px;
}

.bottom-buffer1{

	padding-bottom: 20px;
}
#main-container{
	background-color: #f4f4f4;
}

hr{
	border-color:#aaa;
}
.videoCss{
	display: block !important;
	width: 190px !important;
	min-width: 190px !important;
	margin-bottom: 15px !important;
}
.cancel-link{
	cursor:default;
}
.cancel-link:hover,
.cancel-link:focus{
    color: #fff;
    border:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#591317+0,7f1b21+100 */
	background: #591317; /* Old browsers */
	background: -moz-linear-gradient(left,  #591317 0%, #7f1b21 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #591317 0%,#7f1b21 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #591317 0%,#7f1b21 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#591317', endColorstr='#7f1b21',GradientType=1 ); /* IE6-9 */
	opacity:1;
}

.portfolio-info {
	opacity: 1;
	transition: opacity 400ms;
	-webkit-transition: opacity 400ms;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	height: 100%;
	background: rgba(175,32,39,0.7);
	color: #fff;
}

.portfolio-info h3 {
	font-size: 18px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	line-height: 1;
	margin: 0;
	color: #fff;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
	text-align: center;
	width: 100%;
}

.portfolio-info span {
background: #000;
	padding: 15px;
}

.portfolio-info:hover {
	opacity: 0;
}

.modal-backdrop {
    opacity:0.8 !important;
}
.navbar-nav > li:hover,
.navbar-nav > li:focus{
	border:0px;
	background-color:red;
}
.btn,
.anim{
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
li>ul>li>a,
li:not(.buttons-section){
	-webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	-o-transition:all 0.8s;
	transition:all 0.8s;
}
*{
  backface-visibility: hidden;}
a:hover, a:active, a:focus, a:link, a:visited {
  outline: 0;
  outline: 0 !important;
  outline-style:none;

  backface-visibility: hidden;
}
button, object, embed { 
  outline: 0;
}

/* All Input elements */
input::-moz-focus-inner { 
 outline: 0; 
}

/* Or more specifically*/
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner{
  outline: 0;
}
@media only screen
and (max-width : 1240px) {
	.mybtn1{
		transform: skew(0deg) rotate(0deg);
	}
	.mybtn1>div.btntext1{
		transform: skew(0deg) rotate(0deg);
	}
	.inputUser{
		transform: skew(0deg) rotate(0deg);
	}
	.mybtnInput{
		transform: skew(0deg) rotate(0deg);
		padding: 11px 12px;
	}
	.big1{
		font-size:14px;

	}
}

@media only screen
and (max-width : 992px) {
	.btn3{
		margin-bottom: 15px;
	}

}


@media only screen
and (max-width : 450px) {
	.btn1{
		width: 100%;
		float: none;
	}
	.bottom-buffer{

		padding-bottom: 15px;
	}
	.btnSign{
		font-size: 18px;
	}
	.btnInput, .btnInput-select{
		width: 100%;
		float: none;
	}
	.btn4 {
		float: none;
		width: 100%;
	}
	.btnInput4 {
		float: none;
		width: 100%;
	}
}