@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	border:0px;
	background-color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:24px;
	text-align:justify;
	color:#191919;
}
a {
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
}
p {
	font-size:16px;
	line-height:26px;
	text-align:justify;
}
h1,h2,h3,h4,h5,h6 {
	font-family:"Times New Roman", Times, serif;
	padding:0px;
	margin:0px;
	text-align:left;
	/*text-shadow:#e1e1e1 0px 1px 1px;*/
	font-weight:normal;
}
h1 {
	font-size:30px;
	line-height:40px;
	vertical-align:middle;
	color:#800000;
	font-family:Georgia, "Times New Roman", Times, serif;
}
h1 span {
	color:#f89206;
}
h2 {
	font-size:26px;
	line-height:32px;
	padding:30px 0px;
	color:#fdc800;
	font-family:"Times New Roman", Times, serif;
	margin:20px 0px !important;
	padding:5px !important;
	display:block;
	clear:both;
}
h2 span {
	color:#680000;
}
h3 {
	color:#346484;
	margin:30px 0px 10px 0px;
	font-size:20px;
	line-height:28px;
	font-family:"Times New Roman", Times, serif;
}
nav {
	width:100%;
	float:left;
	height:auto;
	background-color:#680000;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:30px;
	display:block;
	clear:both;
	min-height:30px;
}
nav i {
	padding:7px 10px;
}
/*nav ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
nav ul li {
	float:left;
}
nav ul li a {
	color:#FFFFFF;
}*/
header {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	background-color:#800000;
}
article {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	margin:20px 0px 0px 0px;
	padding:30px 0px;
}
section {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	margin:0px;
}
.contener {
	width:1170px;
	padding:0px;
	margin:0 auto;
	height:auto;
	/*overflow:hidden;*/
}
footer {
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:30px;
	padding:10px 0px;
	background-color:#191919;
	float:left;
	height:auto;
	color:#FFF;
}
footer a {
	color:#f89206;
}
footer p {
	text-align:left;
}
.main-body {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	padding:0px;
	margin:0px;
}
.logo-area {
	width:99px;
	height:auto;
	overflow:hidden;
	float:left;
	margin:20px 30px 20px 0px;
}
.logo-area img {
	width:100%;
	float:left;
	height:auto;
}
header h1, h2, h3 {
	padding:0px;
	margin:0px;
}
.college-name-area {
	margin:30px 0px;
	width:650px;
	float:left;
	height:auto;
}
.college-name-area h1 {
	font-size:36px;
	line-height:46px;
	color:#f89206;
	font-weight:bold;	
}
.college-name-area h2 {
	color:#FFF;
}
.college-name-area h3 {
	color:#FFF;
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	/*position: absolute;*/
}
ol {
	list-style-type:none;
	margin:0;
	padding:10;
	/*position: absolute;*/
}
li {
	/*display:inline-block;*/
	/*margin-right: 1px;*/
	font-size:14px;
}
img {
	float:left;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
}
/*=====================================Drop down menu start=====================================*/

/*.rm-toggle.rm-button {
    margin-top: 25px;
}*/

.rm-css-animate.rm-menu-expanded {
    max-height: none;
    display: block;
}
.rm-container.rm-layout-expanded {
    float: right;
	width:100%;
}
.rm-nav li a, {
/*.rm-top-menu a {
    padding: .75rem 1rem;
    font-size: .9em;
    line-height: 1.5rem;
    /*text-transform: uppercase;*/
}
.rm-layout-expanded .rm-nav > ul > li > a,
.rm-layout-expanded .rm-top-menu > .rm-menu-item > a {
    height: 60px;
    line-height: 60px;
}
.tagline {
    width: 360px;
    font-size: 1.75em;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.2;
    text-align: center;
    margin: 275px auto;
    color: #1A88D3;
}
.tagline strong {
    font-size: 1.3em;
}
.dev-output {
    background-color: #e1eaf3; /* fall-back */
    background-color: rgba(255,255,255,.85);
    color: #000;
    padding: 2em;
    margin-bottom: 2em;
}

/*=====================================Drop down menu end=====================================*/
.banner {
	width:100%;
	float:left;
	height:auto;
	background-color:#680000;
	margin-bottom:20px;
}
/*===========================header slider start===========================*/

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/*===========================header slider end===========================*/
.banner-image-area {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	padding:0px;
	margin:0px;
}
.banner-image-area img {
	width:100%;
	height:auto;
	overflow:hidden;
	padding:0px;
	margin:0px;
}
.news-tab-area {
	width:21%;
	float:left;
	padding:1%;
	margin:30px 1% 15px;
	background-color:#f89206;
	height:auto;
	overflow:hidden;
	-webkit-box-shadow: 0px 2px 5px 2px rgba(135,135,135,1);
	-moz-box-shadow: 0px 2px 5px 2px rgba(135,135,135,1);
	box-shadow: 0px 2px 5px 2px rgba(135,135,135,1);
}
.news-tab-area h2 {
	line-height:30px;
	text-align:left;
	color:#800000;
}
.news-tab-area h2 span {
	color:#FFF;
}
.news-tab-area p {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:#9CADB8 1px dotted;
	height:auto;
	overflow:hidden;
}
.imlink {
	background-color:#800000;
}
.imlink h2 {
	color:#FFF;
	margin-bottom:20px;
}
.news-tab-area ul {
	padding:0px;
	margin:5px;
}
.news-tab-area ul li {
	float:none;
	padding:4px;
}
.news-tab-area ul li:hover {
	background-color:#680000;
	text-decoration:none
}
.news-tab-area ul li:before {
	font-family: 'FontAwesome';
    content: '\f046';
    margin:0px 10px 0px 0px;
	color:#fdc800;
}
.news-tab-area ul li a {
	color:#fff;
}
.news-tab-area ul li a:hover {
	color:#FFF;
}
.notice-content {
	height:315px;
	overflow:hidden;
	padding:0px 10px;
}
.notice-content:hover {
	overflow-y:scroll;
}
.left-article-area {
	width:58%;
	float:left;
	padding:2%;
	margin:1%;
}
.left-article-area h1 span {
	color:#f89206;
}
.left-article-area a {
	padding:7px 15px;
	float:right;
	margin:20px 0px;
	background-color:#800000;
	color:#FFF;
	font-size:16px;
}
.principal-area {
	width:30%;
	float:right;
	padding:2%;
	margin:1%;
}
.principal-area img {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
}
.aimes-objective {
	background-image:url(../images/aimes-and-objective-bg.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#f7f7f7;
}
.aimes-objective h1 {
	margin:40px 0px 20px 50%;
}
.aimes-objective p {
	margin:10px 0px 10px 50%;
}
.aimes-objective a {
	margin:20px 0px 40px 50%;
	padding:7px 15px;
	float:right;
	background-color:#800000;
	color:#FFF;
	font-size:16px;
}
.vision-mission-area {
	background-image:url(../images/vision-mission-bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	margin:0px;
	padding:0px;
}
.vision-mission-iner {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45484d+0,000000+100&0.9+0,0.9+100 */
	background: -moz-linear-gradient(top, rgba(69,72,77,0.9) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(69,72,77,0.9) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(69,72,77,0.9) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e645484d', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
	padding:30px 0px !important;
	margin:0px !important;
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
}
.vision-mission-iner h1 {
	margin:20px 0px 20px 0px;
}
.vision-mission-iner p {
	margin-right:35%;
	color:#FFF;
	font-size:16px;
}
.photo-gallery h1 {
	text-align:center !important;
	margin:40px auto 20px auto;		
}
.photo-gallery img {
	width:23%;
	margin:1%;
	float:left;
}
.photo-gallery a {
	padding:7px 15px;
	display:block;
	clear:both;
	background-color:#800000;
	color:#FFF;
	font-size:16px;
	width:85px;	
	margin:40px auto;
}
.footer-content {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	margin:0px;
	padding:20px 0px;
	background-color:#eeeeee;
}
.footer-content-tab {
	width:31%;
	float:left;
	padding:.5%;
	margin:.5%;
}
.footer-content-tab p {
	margin:30px 0px;
}
.footer-content-tab iframe {
	margin:30px 0px;
}
.footer-content-tab h2 {
	margin:10px 0px;
}
.footer-content-tab h2 span {
	color:#fdc800;
}
.footer-content-tab ul {
	padding:20px;
}
.footer-content-tab ul li {
	padding:3px 0px;
}
.footer-content-tab ul li a {
	color:#333333;
}
.footer-content-tab ul li:before {
	font-family: 'FontAwesome';
    content: '\f046';
    margin:0 10px 0 0px;
}
/*--------------------------Administrator---------------------------*/
.left-menu-area {
	width:23%;
	padding:1%;
	margin:15px 1%;
	float:left;
	height:auto;
	overflow:hidden;
	background-color:#800000;
}
.left-menu-area h1 {
	text-align:left;
	background-position:left bottom;
	margin:0px 10px;
	padding:5px 0px;
	color:#FFF;
}
.left-menu-area h1 span {
	color:#fdc800;
}
.left-menu-area ul {
	padding:0px;
	margin:5px;
}
.left-menu-area ul li {
	float:none;
	padding:4px;
}
.left-menu-area ul li:hover {
	background-color:#680000;
	text-decoration:none
}
.left-menu-area ul li:before {
	font-family: 'FontAwesome';
    content: '\f046';
    margin:0px 10px 0px 0px;
	color:#fdc800;
}
.left-menu-area ul li a {
	color:#FFF;
}
.left-menu-area ul li a:hover {
	color:#FFF;
	text-decoration:none;
}
.right-content-area {
	width:70%;
	padding:15px 1%;
	float:right;
}
.right-content-area h1 {
	margin:10px 0px 0px 0px;
	text-shadow:#999 0px 1px 1px;
}
.right-content-area h1 span {
	color:#fdc800 !important;
}
.right-content-area h3 {
	text-align:left;
	background-image:none;
	margin:20px 10x;
	padding:5px 10px;
	border-left:#ffd700 2px solid;
	display:block;
	clear:both;
}
.right-content-area h2 {	
	border:#680000 1px dotted;
	display:block;
	clear:both;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#800000+0,ffffff+100&0.75+0,0+50 */
	background: -moz-linear-gradient(left, rgba(128,0,0,0.75) 0%, rgba(192,128,128,0) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(128,0,0,0.75) 0%,rgba(192,128,128,0) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(128,0,0,0.75) 0%,rgba(192,128,128,0) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf800000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.right-content-area p {
	padding:1%;
}
.right-content-area ol {
	padding:0px;
	margin:20px 10px;
}
.right-content-area ol li {
	padding:3px 7px;
	font-size:14px;
	line-height:24px;
	text-align:justify;
	list-style:upper-roman;
	list-style-position:inside;
	margin:10px 0px;
}
.right-content-area ul li {
	padding:7px;
	font-size:14px;
	line-height:24px;
	text-align:justify;
	list-style-position:inside;
	margin:10px 0px;
}
.right-content-area ul li:before {    
    font-family: 'FontAwesome';
    content: '\f046';
    margin:0 10px 0 0px;
	color:#002147;
}
.right-content-area li i {
	margin-right:5px;
	color:#69a37b;
	font-size:22px;
}
.right-content-area li em {
	margin-right:5px;
	color:#69a37b;
	font-size:22px;
}
.right-content-area table {
	width:95%;
	margin:2% 1%;
	padding:1%;
	border:#404f48 1px solid;
	font-size:14px;
	line-height:24px;
	text-align:justify;
}
.right-content-area table tr:nth-child(odd) {
	background-color:#f1f1f1;
}
.right-content-area table tr:nth-child(even) {
	background-color:#fafafa;
}
.right-content-area table tr td {
	padding:5px;
	text-align:left;
}
.right-content-area table tr td a {
	padding:4px 8px;
	background-color:#002147;
	color:#FFF;
}
.right-content-area table tr th {
	background-color:#680000;
	color:#d9fde5;
	text-align:center;
}
.table-content {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	border:none;
}
.table-content:hover {
	overflow-x:scroll;
}
.faculty {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	margin:10px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	border:#000b2e 1px dashed;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,d2ebf9+100&0.9+0,0.55+100;Blue+3D+%2312 */
	background: -moz-linear-gradient(-45deg, rgba(254,255,255,0.9) 0%, rgba(210,235,249,0.55) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(254,255,255,0.9) 0%,rgba(210,235,249,0.55) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(254,255,255,0.9) 0%,rgba(210,235,249,0.55) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6feffff', endColorstr='#8cd2ebf9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	text-align:left;
}
.faculty img {
	float:left;
	padding:5px;
	background-color:#dedede;
	width:15%;
	height:auto;
	margin:0px 20px 10px 5px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.65);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.65);
}
.faculty a {
	padding:5px 10px;
	float:left;
	margin:15px 10px 15px 0px;
	color:#FFFFFF;
	background-color:#800000 !important;
}
.left-img-content {
	width:94%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	margin:10px 0px 10px 0px;
	padding:2%;
	border:#404f48 1px dashed;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
.left-img-content img {
	float:left;
	padding:1%;
	width:44%;
	height:auto;
	border:#404f48 1px  solid;
	margin:10px 20px 10px 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
.right-img-content {
	width:94%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	margin:10px 0px 10px 0px;
	padding:2%;
	border:#404f48 1px dashed;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
.right-img-content img {
	float:right;
	padding:1%;
	width:44%;
	height:auto;
	margin:10px 5px 10px 20px;
	border:#404f48 1px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
.right-content-tab-menu {
	width:44%;
	float:left;
	height:auto;
	overflow:hidden;
	padding:2%;
	margin:2% 1%;
	background: #a73737;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #7a2828, #a73737);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #7a2828, #a73737); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	transition: background-color 2s ease-out;
}
.right-content-tab-menu:hover {
	background: #ED213A;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #93291E, #ED213A);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #93291E, #ED213A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.right-content-tab-menu a {
	color:#FFF;
	font-size:24px;
}
.right-content-tab-menu a i {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	padding:5px;
	background-color:#FFF;
	color:#a73737;
	margin-right:10px;
}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  /*background-color: #f1f1f1;*/
  background: #a73737;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #7a2828, #a73737);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #7a2828, #a73737); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	transition: background-color 2s ease-out;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  color:#FFF;
  font-weight:bold;
  border-right:#930 3px solid;
}

/* Change background color of buttons on hover */
.tab button:hover {
  /*background-color: #ddd;*/
  background: #ED213A;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #93291E, #ED213A);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #93291E, #ED213A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ED213A;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  /*border: 1px solid #ccc;*/
  border-top: none;
}
.tabcontent h2 {
	background-color:#93291E;
}
/*===============================Photo Gallery===================================*/
.photo-gallery-area {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
}
.photo-gallery-area a {
	padding:5px;
	margin:5px;
	border:#6c9abc 1px dashed;
	float:left !important;
	height:auto;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; /* future proofing */
	-khtml-border-radius: 15px; /* for old Konqueror browsers */	
	-webkit-box-shadow: 0px 3px 5px 2px rgba(153,153,153,1);
	-moz-box-shadow: 0px 3px 5px 2px rgba(153,153,153,1);
	box-shadow: 0px 3px 5px 2px rgba(153,153,153,1);
}
.photo-gallery-area a img {
	width:100%;
	float:left !important;
	height:auto;
	overflow:hidden;
	border:0px;
}
.photo-gallery-area h3 {
	border-bottom:#504025 1px dotted;
	color:#504025;
	margin:20px 0px;
	width:100%;
	float:none;
	display:block;
	clear:both;
}
.masonry {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -moz-column-gap: 30px;
  -webkit-column-gap: 30px;
  column-gap: 30px;
  -moz-column-fill: initial;
  -webkit-column-fill: initial;
  column-fill: initial;
}
.masonry .brick {
  margin-bottom: 30px;
  overflow: hidden;
}
.masonry .brick img {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
.masonry .brick:hover img {
  opacity: .75;
}
.masonry.bordered {
  -moz-column-rule: 1px solid #eee;
  -webkit-column-rule: 1px solid #eee;
  column-rule: 1px solid #eee;
  -moz-column-gap: 50px;
  -webkit-column-gap: 50px;
  column-gap: 50px;
}
.masonry.bordered .brick {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
}
.masonry.gutterless {
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  column-gap: 0;
}
.masonry.gutterless .brick {
  margin-bottom: 0;
}
.span {
  -moz-column-span: all;
  -webkit-column-span: all;
  column-span: all;
  *margin: 30px 0;
}
.brick p {
	text-align:center;
	color:#392919;
	font-size:12px;
}
@media only screen and (min-width: 1024px) {
  .desc {
    font-size: 1.25em;
  }

  .intro {
    letter-spacing: 1px;
  }

  /*.wrapper {
    width: 80%;
    padding: 2em;
  }*/

  .masonry {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /*.wrapper {
    width: 85%;
    padding: 1.5em;
  }*/

  .masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
/*=========================Feedback============================*/
.feedback-tab-area {
	width:22%;
	padding:1%;
	margin:.5%;
	float:left;
}
.feedback-tab {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border: 1px solid #003478;
	/*-webkit-transition: background-color 5s ease-out;
	-moz-transition: background-color 5s ease-out;
	-o-transition: background-color 5s ease-out;
	transition: background-color 5s ease-out;*/
	transition:all 0.3s;
	margin:10px 0px;
}
.feedback-tab i {
	font-size:36px;
	background-color:#800000;
	border-radius: 36px 36px 36px 36px;
	-moz-border-radius: 36px 36px 36px 36px;
	-webkit-border-radius: 36px 36px 36px 36px;
	color:#FFF;
	font-weight:bold;
	width:80px;
	height:auto;
	float:left;
	margin:20px;
	text-align:center;
	vertical-align:middle;
	padding:20px 0px;
	transition:all 0.3s;
}
.feedback-tab h2 em {
	font-size:24px;
	background-color:#800000;
	border-radius: 36px 36px 36px 36px;
	-moz-border-radius: 36px 36px 36px 36px;
	-webkit-border-radius: 36px 36px 36px 36px;
	color:#FFF;
	font-weight:bold;
	width:60px;
	height:auto;
	float:left;
	margin:5px;
	text-align:center;
	vertical-align:middle;
	padding:20px 0px;
	transition:all 0.3s;
}
.feedback-tab h2 {
	color:#800000;	
	font-weight:bold;
	text-shadow:#efefef 0px 1px 2px;
	border:none !important;
	font-size:20px;
	margin-top:20px;
	transition:all 0.3s;
	float:left;
}
.feedback-tab h2 span {
	margin-top:20px;
}
.feedback-tab a {
	width:95%;
	display:block;
	clear:both;
	text-align:right;
	color:#FFF;
	background-color:#800000;
	font-size:22px;
	font-weight:bold;
	font-family:calibri;
	margin:0px;
	float:left;
	line-height:34px;
	transition:all 0.3s;
}
.feedback-tab a i {
	font-size:16px;
	margin:12px 10px !important;
	color:#FFF;
	font-weight:bold;
	width:16px;
	height:auto !important;
	float:right;
	padding:0px !important;
	transition:all 0.3s;
}
.feedback-tab a em {
	font-size:16px;
	margin:12px 10px !important;
	color:#FFF;
	font-weight:bold;
	width:16px;
	height:auto !important;
	float:right;
	padding:0px !important;
	transition:all 0.3s;
}
.feedback-tab:hover {
	background: #003478; /* fallback for old browsers */
  	background: -webkit-linear-gradient(to right, #680000, #800000 ); /* Chrome 10-25, Safari 5.1-6 */
  	background: linear-gradient(to right, #680000, #800000 ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	/*-webkit-transition: background-color 2s ease-out;
	-moz-transition: background-color 2s ease-out;
	-o-transition: background-color 2s ease-out;
	transition: background-color 2s ease-out;*/
}
.feedback-tab:hover em {
	background-color:#fff;
	color:#2d7974;
	font-weight:bold;
}
.feedback-tab:hover h2 {
	color:#fff;
}
.feedback-tab:hover a {
	color:#004F8A;
	background-color:#fff;
	text-decoration:none;
}
.feedback-tab:hover a i {
	color:#800000;
}
.feedback-tab:hover a em {
	color:#800000;
}
/***********************************************/