body {
	font-family: 'PT Sans', sans-serif;
	line-height: 1;
	background: #fff;
	width: 99%;
	color: #fff;
	-webkit-font-kerning: auto;
	-webkit-font-smoothing: antialiased;
	margin-right: 1px;
	margin-left: -1px;
	vertical-align: middle;
	overflow-x: hidden;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Changable Global Styles
    -------------------------------------------------- */
*::-moz-selection {
	color: #002147;
}
*::-moz-placeholder {
	color:#c2c1c1;
}
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-weight: 300;
}
h1 {
	font-size: 42px;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 24px;
	color: #002147;
}
h5 {
	font-size: 18px;
	color: #002147;
}
h6 {
	font-size: 14px;	
}
event {
	font-size: 11px;
	font-weight: 300;
	margin: 0 0 0 0;
	line-height: 14px;
	color: #000;
}

news {
	font-size: 11px;
	font-weight: 300;
	margin: 0 0 0 0;
	line-height: 14px;
	color: #000;
}
newsimg {
	width:100%; 
	height:auto;
	display: block;
}
p {
	font-size: 16px;
	font-weight: 300;
	margin: 0 0 0 0;
	line-height: 24px;
	color: #000;
}
.degree {
	font-size: 12px;
	font-weight: 300;
	margin: 0 0 0 0;
	color: #000;
}
a {
	color: #002147;
    font-weight: bold;
	text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;

}
a:focus {
	outline: medium none;
	outline-offset: 0;
}
a:hover, a:focus {
	text-decoration: none;
	color: #2a6496;
}
ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
ul:after {
	clear: both;
	content: "";
	display: block;
}
li {
	font-weight: normal;
	line-height: 20px;
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
}
@media (min-width: 992px){
	.about {
		padding-left: 30%;	
	}
}
@media (min-width: 768px){
	.about {
		padding-left: 30%;	
	}
}
img {
	max-width: 100%;
}
strong {
	font-weight: 700;
}
/* color */
.blue {
	color: #002147;
}
.gray {
	color: #999999;
}
.bg_white {
	background: #fff;
}
.bg_black {
	background: #000;
}
.bg_gray {
	background: #999999;
}
.white {
	color: #fff;
}
.white-bg {
	background-color: #fff;
}
/*~~ text align style ~~*/
.center-text {
	text-align: center;
}
.left-text {
	text-align: left;
}
.right-text {
	text-align: right;
}
.justify-text {
	text-align: justify;
}
/* leftbar & right float */
.leftbar {
	float: left !important;
	padding-right: 15px;
	padding-left: 15px;
}
.rightbar {
	float: right !important;
	padding-right: 15px;
	padding-left: 15px;
}
/*~~ position ~~*/
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.fulwid {
	width: 100%;
	position: relative;
}
/* pading */
.pad20_0 {
	padding: 20px 0;
}
.pad30_15 {
	padding: 30px 15px;
}
.pad-bottom15 {
	padding-bottom: 15px;
}
.pad-bottom30 {
	padding-bottom: 30px;
}
.padleft10 {
	padding-left: 10%;	
}
.padleft20 {
	padding-left: 20%;	
}
.padleft40 {
	padding-left: 40%;	
}
.padleft80 {
	padding-left: 80%;	
}
/*Transition Animation*/ 
a, button, .articles, .name, .overly, .linkdetail, .veiwphoto, .fa, .articles_list .item-image img, input, select, .jqTransformSelectWrapper, .fancybox-nav span, .nav-bg-blue .sb-icon-search {
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	-moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	-ms-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	-o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	
}
/* Form Element */
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"] {
	background: #fff;
	padding: 8px 10px;
	border: 1px solid #e2e2e2;
	font-size: 16px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
input[type="text"]:focus {
	border-color: #002147;
}
/* button */
.button, button {
	background: #fff;
	padding: 10px 15px;
	border: 1px solid #e2e2e2;
	font-size: 16px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.button:hover, button:hover {
	color: #fff;
	background: #84888b;
	border-color: #002147;
	border-radius: 20px;
	-webkit-border-radius: 20px;
}
button.blue {
	border-color: #002147;
	background: #002147;
	color: #fff;
}
/* border button */
.button.bordered-bot, button.bordered-bot, input.bordered-bot[type="submit"], input.bordered-bot[type="reset"], input.bordered-bot[type="button"] {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border: 1px solid #999;
	color: #999;
	padding: 6px 12px;
}
/* End of global estyle
-------------------------------------------------- */

/* customizable Style */
.wrapper {
	position: relative;
	width: 100%;
	max-width: 100%;
}
	
.boxwrap {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 100%;
}
.header, .footer, container_fullwidth {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
}
/* HEADER STYLE */
.header {
	background-color: #ffffff;
}
.header_top {
	position: relative;
	margin: 0 auto;
	background-color: #002147;
	border-top: 5px solid #002147;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(132, 136, 139, 0.75);
	-moz-box-shadow:    0px 5px 5px 0px rgba(132, 136, 139, 0.75);
	box-shadow:         0px 5px 5px 0px rgba(132, 136, 139, 0.75);	
}
.header_top p {
	padding: 10px 0;
	margin: 0;
}
.header_top p a {
	color: #000;
	padding: 0 5px;
}
.header_top p a:hover {
	color: #ffffff;
	padding: 3px 5px 5px;
	border-radius: 2px;
}
.topnav {
	float: right;
	display: inline-block;
}
.topnav li {
	margin-left: 10px;
	display: inline-block;
	padding: 5px 0;
}
.topnav li a {
	color: #fff;
}
.topnav li a:hover, .topnav li a.active {
	color: #0283e4;
	background-color: #002147;
}
.topnav li a i {
	margin-right: 3px;
}

.header_bottom {
	position: relative;
	padding: 0 0;
	color: #ffffff;
	background: rgba(224,225,228,1);
	background: -moz-linear-gradient(top, rgba(224,225,228,1) 0%, rgba(224,225,228,1) 7%, rgba(237,237,237,1) 53%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(224,225,228,1)), color-stop(7%, rgba(224,225,228,1)), color-stop(53%, rgba(237,237,237,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(224,225,228,1) 0%, rgba(224,225,228,1) 7%, rgba(237,237,237,1) 53%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(224,225,228,1) 0%, rgba(224,225,228,1) 7%, rgba(237,237,237,1) 53%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(224,225,228,1) 0%, rgba(224,225,228,1) 7%, rgba(237,237,237,1) 53%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(224,225,228,1) 0%, rgba(224,225,228,1) 7%, rgba(237,237,237,1) 53%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e1e4', endColorstr='#ffffff', GradientType=0 );	
}
.header_bottom h3 {
	text-align: right;
	color: #fff;
	margin-bottom: 10px;
}
.header_bottom h3 small {
	font-size: 20px;
	font-weight: 300;
	color: #fff;
}
/* menu style */
.nav-shadow {
	padding-bottom: 42px;
	position: relative;
	background-color: #002147;
	z-index: 1;
	border-top: 2px solid #ffffff;	
}
.nav-bg {
	background-color: #ffffff;	
}
.nav-shadow-drop {
	padding-bottom: 24px;
	position: relative;
	margin-bottom: -24px;
	z-index: 1;
}
.nav-bg-drop {
	background-color: #84888b;
}
 
 
/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .gradient {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff000000",endColorstr="#ff84888b",GradientType=0);
    }
}
.nav-wrap {
	position: relative;
}
.nav {
	float: left;
	padding-left: 15%;
}
.nav li {
	float: left;
	display: inline;
	margin-left: 10px;
}
.nav li a {
	padding: 8px 40px;
	font-size: 18px;
	font-weight:bold;
	color: #002147;	
}
.nav li a:hover, .nav li.active a {
	color: #84888B;
	background-color: #002147;
}
.nav > li > a:hover, .nav > li:hover > a, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	color: #84888B;
	background-color: transparent;
}

/*dropdown menu style */
.nav .dropdown-menu {
	background-color: transparent;
	margin: 0;
	padding: 0;
	border: 1px solid #002147;
	border-top: none;
	border-radius: 0;
	-webkit-border-radius: 0;
}
.nav .dropdown-menu li {
	width: 100%;
	position: relative;
}
.nav .dropdown-menu li a {
	padding: 5px 0px;
	color: #fff;
	font-size: 14px;
}
.nav .dropdown-menu li a:hover, .nav .dropdown-menu>li:hover>a {
	color: #09F;
	padding: 5px 0px 5px 0px;		
}
.nav li ul ul {
	left: 100%;
	top: 0;	
}
/*inlinemenu */
.nav .inlinemenu1 {
	position:absolute;
	margin-left: -120%;
	width: 1250px;
	padding: 10px;	
}
.nav .inlinemenu1 li:first-child {
	margin: 0;
}
.nav .inlinemenu1 li {
	margin-top: 5px;
}
.nav .inlinemenu1 li a, .nav .inlinemenu li a:hover {
	padding: 5px;			
}
.nav .inlinemenu2 {
	position:absolute;
	margin-left: -200%;
	width: 760px;
	padding: 5px;
	
}
.nav .inlinemenu2 li:first-child {
	margin: 0;
}
.nav .inlinemenu2 li {
	margin-top: 5px;
	padding: 5px;
}
.nav .inlinemenu2 li a, .nav .inlinemenu li a:hover {
	padding: 5px;		
}

.nav .inlinemenu3 {
	position:absolute;
	margin-left: -300%;	
	width: 1050px;
	padding: 15px;
}
.nav .inlinemenu3 li:first-child {
	margin: 0;
}
.nav .inlinemenu3 li {
	margin-top: 5px;
	line-height: 10px;
}
.nav .inlinemenu3 li a, .nav .inlinemenu li a:hover {
	padding: 5px 5px;		
}

.nav .inlinemenu4 {
	position:absolute;
	margin-left: -300%;
	width: 850px;
	padding: 5px;
	
}
.nav .inlinemenu4 li:first-child {
	margin: 0;
}
.nav .inlinemenu4 li {
	margin-top: 5px;
	padding: 5px;
}
.nav .inlinemenu4 li a, .nav .inlinemenu li a:hover {
	padding: 5px;	
}

.nav .inlinemenu5 {
	position:absolute;
	margin-left: -200%;	
	width: 425px;
	padding: 15px;
}
.nav .inlinemenu5 li:first-child {
	margin: 0;
}
.nav .inlinemenu5 li {
	margin-top: 5px;
	line-height: 10px;
}
.nav .inlinemenu5 li a, .nav .inlinemenu li a:hover {
	padding: 5px 5px;
}


/* Search Bar */
.sb-search {
	position: absolute;
	right: 15px;
	top: 45px;
	width: 0%;
	min-width: 25px;
	height: 25px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
	color: transparent;	
	/*background: #002147;*/
}
.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	outline: none;
	background: #fff;
	width: 30%;
	height: 25px;
	margin: 0;
	z-index: 10;
	padding: 13px 60px 13px 13px;
	font-family: inherit;
	font-size: 18px;
	color: #2c3e50;
	border: 2px solid #002147;
}
.sb-search-input::-webkit-input-placeholder {
 color: #002147;
}
 .sb-search-input:-moz-placeholder {
 color: #002147;
}
 .sb-search-input::-moz-placeholder {
 color: #002147;
}
 .sb-search-input:-ms-input-placeholder {
 color: #002147;
}
.sb-icon-search, .sb-search-submit {
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 25px;
	text-align: center;
	cursor: pointer;
}
.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
	filter: alpha(opacity=0); /* IE 5-7 */
	opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}
.sb-icon-search {
	color: #fff;
	background: #002147;
	z-index: 90;
	font-size: 18px;
	font-family: FontAwesome;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}
.sb-icon-search:before {
	content: "\f002"
}
/* Open state */
.sb-search.sb-search-open, .no-js .sb-search {
	width: 80%;
}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
	background: #002147;
	color: #fff;
	z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {
	z-index: 90;
}
/*~~~~~~~~~~~ HOME SLIDER ~~~~~~~~~*/
.hom-slider {
	position: relative;
	background: -moz-linear-gradient(90deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 50%, rgba(132,136,139,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(132,136,139,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(132,136,139,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(90deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 50%, rgba(132,136,139,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(90deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 50%, rgba(132,136,139,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(90deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 50%, rgba(132,136,139,1)) 100%); /* ie10+ */
	background: linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 50%, rgba(132,136,139,1) 100%); /* w3c */


filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84888b', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */

}
.fulwide {
	position: relative;
	width: 100%;
	max-height: 400px;
	overflow: hidden;
}
/*```````````` HEADER SECTION CLOSE ```````````````````*/

/*~~~~~~ CONTAINER ~~~~~~~~~~~~~*/
/* floating image */
.facultynail{
position: relative;
z-index: 0;
}

.facultynail:hover{
background-color: f0f0f0;
z-index: 50;
}

.facultynail span{ /*CSS for enlarged image*/
position: absolute;
background: -moz-linear-gradient(90deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 50%, rgba(132,136,139,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(132,136,139,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(132,136,139,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 50%, rgba(132,136,139,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 50%, rgba(132,136,139,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 50%, rgba(132,136,139,1)) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 50%, rgba(132,136,139,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84888b', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */
padding: 5px;
border: 1px gray;
visibility: hidden;
color: black;
text-decoration: none;
text-align: center;
width: 150px;
-webkit-box-shadow: 7px 7px 5px 0px rgba(0, 33, 71, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(0, 33, 71, 0.75);
box-shadow:         7px 7px 5px 0px rgba(0, 33, 71, 0.75);
}

.facultynail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.facultynail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -120px;
left: 250px; /*position where enlarged image should offset horizontally */
}

.staff {
	border: 1px solid #002147;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff;
	margin: 15px;
	padding-left: 15px;
	padding-right: 15px;	
}
.biostaff {
	position: relative;
	width: 100%;
	height: 100%;
	overflow:visible;
	background: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
}

.quote {
	color: #002147;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}

span.dropt {
	border-bottom: thin dotted; 
	background: #e6e6e6;
	margin: 30px;	
}
span.dropt:hover {
	text-decoration: none; 
	background: #ffffff; 
	z-index: 6; 
}
span.dropt span {
	position: absolute; 
	left: -9999px;
	margin: 20px 0 0 0px; 
	padding: 3px 3px 3px 3px;
	border-style:solid; 
	border-color: #002147; 
	border-width:1px; z-index: 6;
}
span.dropt:hover span {
	left: 2%; 
	background: #e6e6e6;
	color: #002147;
	width: 50%;
} 
span.dropt span {
	position: absolute; 
	left: -9999px;
	margin: 4px 0 0 0px; 
	padding: 3px 3px 3px 3px; 
	border-style:solid; 
	border-color: #002147; 
	border-width:1px;
}
span.dropt:hover span {
	margin: 20px 0 0 170px; 
	background: #e6e6e6; 
	z-index:6;
} 

/* title */
.title {
	float: left;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
	margin: 15px 0;
	font-size: 28px;
	line-height: 28px;
	color: #002147;
	font-weight: 300;
	padding-bottom: 4px;
}
.title strong {
	color: #002147;
	border-bottom: 1px solid #000000;
	font-weight: 300;
	padding-bottom: 2px;
}
/*~~ Articles Style ~~*/

.bullettext {
	position: relative;
	margin-left: 5%;
	font-size: 16px;
	line-height: 24px;
	color: #2f2f2f;
	text-indent: -1.5em;
}
.hanging-indent {
	text-indent: 3em;	
}
/*featured articles */
.featured-articles {
	position: relative;
	padding: 0 0 0 0;
}
#featured {
	margin: 0;
	padding: 0;
	display: block;
}
#featured li {
	float: left;
	padding: 0;
	margin: 0;
	display: block;
	width: 100%;
}
/*New Articles */
.newer-articles {
	position: relative;
	padding: 15px 0;
	clear: both;
}
#newer {
	margin: 0;
	padding: 0;
	display: block;
}
#newer li {
	float: left;
	padding: 0;
	margin: 0;
	display: block;
	width: 100%;
}
/*articles Grid Style*/
.articles {
	border: 1px solid #002147;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff;
	margin: 5px 10px 15px 10px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,33,71,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,33,71,1);
	box-shadow: 5px 5px 5px 0px rgba(0,33,71,1);
}
.articles:hover {
	background: #002147;
	border-color: #002147;
}
.articles-top {
	position: relative;
	width: 100%;
	height: 320px;
	overflow: hidden;
	background: rgba(224,225,228,1);
	background: -moz-linear-gradient(top, rgba(224,225,228,1) 0%, rgba(224,225,228,1) 7%, rgba(237,237,237,1) 53%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(224,225,228,1)), color-stop(7%, rgba(224,225,228,1)), color-stop(53%, rgba(237,237,237,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(224,225,228,1) 0%, rgba(224,225,228,1) 7%, rgba(237,237,237,1) 53%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(224,225,228,1) 0%, rgba(224,225,228,1) 7%, rgba(237,237,237,1) 53%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(224,225,228,1) 0%, rgba(224,225,228,1) 7%, rgba(237,237,237,1) 53%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(224,225,228,1) 0%, rgba(224,225,228,1) 7%, rgba(237,237,237,1) 53%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e1e4', endColorstr='#ffffff', GradientType=0 );

}
.articles-art {
	position: relative;
	width: 100%;
	height: 100%;
	overflow:visible;
	background: #ffffff;
}
.articles-staff {
	position: relative;
	width: 100%;
	height: 100%;
	overflow:visible;
	background: #ffffff;
}

.thumbnail {
	position: relative;
	width: 100%;
	margin: 10px 0;
	/*	height: 260px;*/
	left: 0;
	top: 0;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	z-index: 1;
}
.articles:hover .thumbnail {
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	-o-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2)
}
.articlename {
	position: relative;
	text-align: left;
	font-size: 16px;
	color: #2f2f2f;
	padding: 15px;
}
.articlename-art {
	position: relative;
	text-align:left;
	font-size: 16px;
	color: #2f2f2f;
	padding: 2px;
}

.articlename-slide {
	position: relative;
	font-size: 16px;
	color: #2f2f2f;
	padding: 15px;
	text-align: justify;
	align-container: space-around;
	-webkit-box-shadow: 2px 2px 2px 2px rgba(0, 33, 71, 0.75); 
	-moz-box-shadow: 2px 2px 2px 2px rgba(0, 33, 71, 0.75); 
	box-shadow: 2px 2px 2px 2px rgba(0, 33, 71, 0.75); 
}

.articlename-mymeadows {
	align-container: space-around;
	-webkit-box-shadow: 2px 2px 2px 2px rgba(0, 33, 71, 0.75); 
	-moz-box-shadow: 2px 2px 2px 2px rgba(0, 33, 71, 0.75); 
	box-shadow: 2px 2px 2px 2px rgba(0, 33, 71, 0.75); 
}

.articlename-eventform {
	width: 80%;
	padding: 2%;
	/*
	-webkit-box-shadow: 2px 2px 2px 2px rgba(0, 33, 71, 0.75); 
	-moz-box-shadow: 2px 2px 2px 2px rgba(0, 33, 71, 0.75); 
	box-shadow: 2px 2px 2px 2px rgba(0, 33, 71, 0.75); 
	*/
}

.articlename-staff {
	align-container: space-around;
	-webkit-box-shadow: 2px 2px 2px 2px rgba(0, 33, 71, 0.75); 
	-moz-box-shadow: 2px 2px 2px 2px rgba(0, 33, 71, 0.75); 
	box-shadow: 2px 2px 2px 2px rgba(0, 33, 71, 0.75);
}

.articlename-index {
	position: relative;
	font-size: 16px;
	color: #2f2f2f;
	padding: 5px;
	text-align: center;
	align-container: space-around;
}
.overly {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: url(../images/dkble_transparent.png) left top repeat;
	opacity: 0;
	-webkit-opacity: 0;
}
.articles:hover .overly, .articles_list .item-image:hover .overly {
	opacity: 1;
	-webkit-opacity: 1;
}
.articles .veiwphoto, .articles .linkdetail, .articles_list .item-image .veiwphoto, .articles_list .item-image .linkdetail {
	color: #fff;
	display: block;
	font-size: 20px;
	width: 40px;
	height: 40px;
	padding: 10px;
	position: absolute;
	background-color: rgba(0, 146, 255, 0.5);
}
.articles .veiwphoto, .articles_list .item-image .veiwphoto {
	margin: -20px 0 0 -45px;
	left: 50%;
	top: -100px;
}
.articles:hover .veiwphoto, .articles_list .item-image:hover .veiwphoto {
	top: 50%;
}
.articles .linkdetail, .articles_list .item-image .linkdetail {
	bottom: -100px;
	margin: 0 -45px -20px 0;
	right: 50%;
}
.articles:hover .linkdetail, .articles_list .item-image:hover .linkdetail {
	bottom: 50%;
}
.articles .veiwphoto:hover, .articles .linkdetail:hover, .articles_list .item-image .veiwphoto:hover, .articles_list .item-image .linkdetail:hover {
	color: #002147;
	background: #fff;
}
.articles .overlylink {
	position: absolute;
	width: 100%;
	text-align: center;
	left: -100%;
	bottom: 60px;
	font-size: 36px;
	font-weight: 700;
	color: #fff;
}
.articles:hover .overlylink {
	left: 0;
}
.articles .overlyrating {
	position: absolute;
	width: 100%;
	text-align: center;
	right: -100%;
	bottom: 20px;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	text-align: center;
}
.articles:hover .overlyrating {
	right: 0;
}
.overlyrating .fa {
	margin: 1px;
}
.articles-bottom {
	position: relative;
	height: 110px;
	padding-top: 20px;
	overflow: hidden;
}
.articles-bottom .price {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	font-weight: 700;
}
.articles:hover .articles-bottom .price {
	left: -100%;
}
.articles-bottom .name {
	position: absolute;
	top: -60px;
	width: 100%;
	left: 0;
	text-align: center;
	font-weight: 300;
	font-size: 16px;
}
.articles:hover .articles-bottom .name {
	top: 20px;
}
.articles .button_group {
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
}
.articles .button {
	margin: 0 3px;
}
.articles:hover .button {
	color: #fff;
	background: #005594;
	border-color: #2cc6ff;
}
.articles:hover .button:hover {
	background: none repeat scroll 0 0 #fff;
	color: #2f2f2f;
}
/*!````` article grid style close``````````````!*/

/*~~~~~~~articles Listing Style~~~~~~~~~~~~~~*/
.articles_list {
	border: 1px solid #e1e1e1;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 15px;
}
.articles_list .item-image {
	float: left;
	width: 25%;
	border: 1px solid #ffffff;
	padding: 5px;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.articles_list .item-image:hover {
	border-color: #002147;
}
.articles_list .item-image img {
	background: #f5f5f5;
}
.articles_list .item-image:hover img {
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	-o-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2)
}
.articles_list .item-image:hover .overly {
	opacity: 1;
}
.articles_list .item-description {
	float: right;
	width: 72%;
}
.articles_list .item-description h4 {
	margin-bottom: 15px;
}
.articles_list .item-description .price {
	float: left;
	width: 40%;
	font-size: 30px;
}
.articles_list .item-description .price q {
	font-size: 18px;
	text-decoration: line-through;
}


/*!~~~~FOOTER STYLE~~~~*/
.footer_bar {
	position: relative;
	background-color: #002147;
	border-top: 5px solid #002147;
	color: #fff;
	-webkit-box-shadow: 0px -5px 5px 0px rgba(132, 136, 139, 0.75);
	-moz-box-shadow:    0px -5px 5px 0px rgba(132, 136, 139, 0.75);
	box-shadow:         0px -5px 5px 0px rgba(132, 136, 139, 0.75);	
	width: 100%;
}
.copyright-info {
	position: relative;
	overflow: hidden;
	padding: 15px 0;
}
.copyright-info p {
	padding-top: 10px;
	color: #ffffff;
}
.social-icon {
	float: right;
}
.social-icon li {
	display: inline-block;
	margin-left: 5px;
}
.social-icon li a {
	color: #FFF;
	background: #1a1e2a;
	padding: 10px;
	-webkit-border-radius: 5px;
	display: block;
	min-width: 38px;
	text-align: center;
}
.social-icon li a:hover {
	background: #002147;
}
/*GROW*/
.grow img {
  height: 21px;
  width: 20px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 25px;
  height: 26px;
}

/*Back to top */	
#back_top {
	cursor: pointer;
	position: absolute;
	width: 36px;
	background: url(../images/top-arow.png) center top no-repeat;
	padding-top: 15px;
	text-align: center;
	color: #fff;
	opacity: 0.1;
	left: 50%;
	bottom: -10px;
	margin-left: -17px;
}
#back_top:hover {
	opacity: 1;
	bottom: 0;
	padding-bottom: 10px;
}
/* Products page style */
.page-index {
	position: relative;
	padding: 10px 0;
}
.page-index ul {
	position: relative;
	float: left;
}
.page-index ul li {
	float: left;
	background: url(../images/slash.png) left center no-repeat;
	padding: 0 10px 0 15px;
}
.page-index ul li:first-child {
	padding-left: 0;
	background: none;
}
.page-index ul li a {
	font-size: 14px;
	color: #2f2f2f;
}
.page-index ul li a:hover {
	background-color: #84888b;
	color: #002147;
}
.page-index strong {
	font-weight: 500;
}
/* left */

.leftbox {
	border: 1px solid #E1E1E1;
	border-radius: 5px;
	margin: 15px 0;
	overflow: hidden;
	padding: 0 15px 5px;
	position: relative;
	clear: both;
}
.box-zoom {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1000;
	background: #fff;
	border: #002147;
	padding: 10px;
	font-size: 24px;
	color: #ffffff;
}
.box-zoom:hover {
	font-size: 42px;
	color: #002147;
}

/* NAVIGATION */

#tabnav {
	float: right;
	width: 100%;
	overflow: hidden;
	background: #ebebeb;
	border-bottom: 2px solid #006fc2;
	margin-bottom: 10px;
	color: #fff;	
}
#tabnav ul {
	position: relative;
}
#tabnav ul li {
	float: right;
	display: inline-block;
	border-right: 1px solid #d7d7d7;
}
#tabnav ul li:first-child {
	border-left: none;
}
#tabnav ul li:last-child {
	border-right: none;
}
#tabnav ul li a {
	display: block;
	padding: 15px 20px;
	font-size: 18px;
}
#tabnav ul li a:hover, #tabnav ul li.active a {
	background: #002147;
	color: #fff;
}
.tabColum_2 #tabnav ul li a {
	padding: 15px 17px;
}
.tabColum_2 {
	margin-top: 30px;
}
/* CONTENT */

.tab-content-wrap {
	float: left;
	width: 100%;
}
.tab-content {
	position: relative;
	padding: 15px 0;
	display: none;
}
.tab-content h3 {
	margin-bottom: 15px;
}
/*Contact us page */
.map {
	float: left;
	width: 100%;
	padding: 5px;
	-webkit-box-shadow: 0 0 1px 1px #e1e1e1;
	box-shadow: 0 0 1px 1px #e1e1e1;
	margin-bottom: 30px;
	margin-top: 15px;
}
.map iframe {
	width: 100%;
	height: 100%;
	border: 0;
}
.information {
	position: relative;
}
.information strong {
	font-weight: 700;
}
.contact-form {
	position: relative;
	padding-bottom: 15px;
}
.contact-form label {
	width: 100%;
	text-align: left;
	margin-bottom: 5px;
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
	width: 100%;
	padding: 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	min-height: 40px;
	border: 1px solid #e2e2e2;
	margin-bottom: 10px;
}
.contact-form input[type="button"] {
	border: 1px solid #e1e1e1;
	background: #f8f8f8;
	padding: 5px 15px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	min-height: 30px;
	font-size: 18px;
}
.contact-form input[type="submit"]:hover {
	background: #002147;
	border-color: #002147;
	color: #fff;
}
.error {
	display: none;
	text-align: right;
}
.error p {
	margin-bottom: 2px;
	color: #F00;
}
.er {
	border: 1px solid #F00 !important;
}
.box {
	float: left;
	width: 100%;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	margin: 15px 0;
}
.box h5 {
	margin-bottom: 15px;
}
#loginPage {
	position: relative;
	float: left;
	width: 100%;
}
#loginPage li {
	float: left;
	width: 100%;
}
/*error page style */
.errorpage {
	float: left;
	width: 100%;
	text-align: center;
	padding: 60px 0 30px 0;
}
.error_nf {
	font-size: 52px;
	line-height: 52px;
	color: #2f2f2f;
	font-weight: 600;
	text-align: center;
}
.errorpage img {
	max-width: 50%;
}
.errorpage p {
	font-size: 18px;
	color: #454545;
	line-height: 20px;
	padding: 10px 0 20px 0;
}
.errorpage input[type="text"] {
	border-radius: 0;
	-webkit-border-radius: 0;
	width: 320px;
	height: 50px;
	padding: 10px 10px;
}
.errorpage .button {
	border-radius: 0;
	-webkit-border-radius: 0;
	margin-left: -1px;
	height: 50px;
	font-size: 18px;
	color: #8a8a8a;
	font-weight: 700;
	padding: 5px 20px;
}
.errorpage .button:hover {
	color: #fff;
}
/* Blog page style */
.blog_wrap {
	position: relative;
}
.blog_area {
	position: relative;
	margin: 0;
	padding: 0;
}
.blog_post {
	position: relative;
	border: 1px solid #ddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 15px;
}
.border_line {
	border-left: 1px solid #ddd;
}
.meta_space {
	position: relative;
	text-align: right;
}
.post_date {
	color: #2f2f2f;
	font-size: 24px;
	margin-bottom: 15px;
	padding: 0;
	text-align: right;
	font-weight: 700;
}
.post_date span {
	color: #d3d3d3;
	display: block;
	font-size: 80px;
	line-height: 90px;
}
.post_author {
	position: relative;
	margin-bottom: 20px;
}
.post_author a {
	color: #002147;
	font-size: 16px;
	text-transform: uppercase;
}
.post_meta {
	color: #a0a0a0;
	font-size: 14px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: right;
	width: 100%;
}
.post_meta ul {
	list-style-type: none;
	margin: 0;
	padding-right: 0;
}
.post_meta ul li {
	display: list-item;
	margin: 5px;
}
.post_meta a {
	color: #a0a0a0;
	padding-left: 5px;
}
.post_meta i {
	color: #a0a0a0;
	font-size: 16px;
	margin-right: 10px;
}
.post_meta ul li a:hover, .post_meta ul li:hover i {
	color: #2f2f2f;
}
.post-image {
	border: 1px solid #ddd;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}
.post-image img {
	transition: all 2s;
	-webkit-transition: all 2s; /* Safari */
}
.post-image:hover img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.post-image .pti {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1000;
	font-size: 20px;
	color: #fff;
	opacity: 0.8;
}
.post-image .zoomic {
	background: rgba(10,30,80, 0.4);
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 999;
	left: 0;
	top: 0;
	color: #fff;
	font-size: 40px;
	visibility: hidden;
	opacity: 0;
	transition: all 1s;
	-webkit-transition: all 1s; /* Safari */
}
.post-image:hover .zoomic {
	opacity: 1;
	visibility: visible;
}
.post-image .zoomic i {
	margin-top: 15%;
	opacity: 0.4;
	color: #000;
}
.post_content {
	padding-right: 15px;
	padding-bottom: 15px;
}
.post-title {
	margin-bottom: 15px;
}
.post_content p {
	font-size: 14px;
	line-height: 22px;
}
.post_content .btn i {
	color: #000;
}
/* Post Details Page Style */
.post_details {
	position: relative;
}
.post_details .post_content {
	padding-right: 0;
}
.post_details .post-image, .post_details .post-image img {
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.post_details .meta_space {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.post_details .post_date {
	float: right;
	font-size: 14px;
	margin: 0;
}
.post_details .post_date span {
	display: inline-block;
	font-size: 18px;
	margin-right: 10px;
	line-height: 24px;
}
.post_details .post_author {
	float: left;
	margin: 0;
}
.post_details .post_meta {
	float: left;
	width: 100%;
	text-align: left;
}
.post_details .post_meta ul li {
	display: inline-block;
}
.pvpost i {
	margin-right: 10px;
	color: #999;
}
.post_indicator {
	margin-bottom: 30px;
}
.commentbox {
	position: relative;
	width: 100%;
}
.commentlist {
	position: relative;
	padding: 0;
	clear: both;
	margin-left:35px;
}
.commentlist .comment {
	display: list-item;
	margin-bottom: 15px;
}
.comment-body {
	position: relative;
	width: 100%;
	padding: 15px;
	background: #f9f9f9;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.comment-author {
	float: left;
	display: inline-block;
	width: 65px;
	height: 65px;
	margin-left:-45px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 2px solid #fff;
	overflow: hidden;
	-webkit-box-shadow: 0 2px 3px 1px rgba(0,0,0,0.1);
	box-shadow: 0 2px 3px 1px rgba(0,0,0,0.1);
}
.comment-area {
	position: relative;
	display: table;
	padding-left: 15px;
}
.author-name {
	float: left;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 700;
	color: #2f2f2f;
}
.coment-date {
	float: right;
	margin-bottom: 10px;
	font-weight: 700;
	color: #777;
}
.coment-text {
	float: left;
	width: 100%;
	display: block;
}
.coment-text p {
	margin-bottom:15px;}
.coment-childreen {
    padding: 10px 0 10px 60px;
}
.coments-reply {
	float:left;
	position:relative;
	width:100%;}
.comment-notes{}
.coments-reply label {
	font-size:14px; font-weight:400; padding-bottom:5px;}


/*! responsive style ==================
-------------------------------------------------!*/

/* box resize*/
@media (min-width: 768px) {
.boxwrap {
	width: 100%;
}
.container {
	width: 100%;
}
}

@media (min-width: 992px) {
.boxwrap {
	width: 100%;
}
.container {
	width: 100%;
}
}

@media (min-width: 1200px) {
.boxwrap {
	width: 100%;
}
.container {
	width: 100%;
}
}

@media (max-width: 768px) {
.boxwrap {
	width: auto;
}
.padleft10 {
	padding-left: 0%;	
}
.padleft20 {
	padding-left: 0%;	
}
.padleft40 {
	padding-left: 0%;	
}
.padleft80 {
	padding-left: 0%;	
}
}

/* box resize close */

@media (min-width: 992px) and (max-width: 1199px) {
.articles .thumbnail {
	height: 215px;
}
.articles .articles-top {
	height: 100%;	
}
.articles button {
	padding: 7px 10px;
}
.nav li a {
	font-size: 14px;
	padding: 8px 20px;	
}
.contact-info .adress {
	width: 80%;
}
.jssorslide {
	width: 100%;
	padding: 5px;	
}
}

@media (min-width: 768px) and (max-width: 991px) {
/* Featured articles & new articles */
.col-sm-6 articles .articles-top {
	height: 320px;
}
.col-sm-4 .articles button {
	padding: 5px 8px;
}
.col-sm-4 .articles .articles-top {
	height: 280px;
}
/*footer */
.contact-info p {
	margin-right: 20px;
}
.nav li a {
	font-size: 14px;
	padding: 15px 8px;
}
.nav .inlinemenu2 {
		margin-left: -280%;
}
.nav .inlinemenu3 {
		margin-left: -250%;
}
.nav .inlinemenu4 {
		margin-left: -380%;
}
.nav .inlinemenu5 {
		margin-left: -550%;
}

.sb-search {
	height: 40px;
	width: 40px;
	min-width: 40px;
	top: 52px;
}
.nav .dropdown-menu li a {
	font-size: 13px;
}
.sb-search-input {
	height: 40px;
	width: 80%;
}
.sb-icon-search, .sb-search-submit {
	height: 40px;
	width: 40px;
	font-size: 20px;
	line-height: 35px;
}
}

@media (max-width: 991px) {
.nav-shadow {
	padding-bottom: 42px;
	position: relative;
	background-color: #002147;
	z-index: 1;
}

}

@media (max-width: 767px) {
/* Header top */
.welcome {
	text-align: center;
}
.topnav {
	float: left;
	text-align: center;
	width: 100%;
	padding-bottom: 10px;
	display: inline-block;	
}
.topnav li {
	float: left;
}
/* main Manu style */
.nav-shadow {
	padding-bottom: 42px;
	position: relative;
	background-color: #002147;
	z-index: 1;
}
.navbar-toggle {
	float: left;
	margin: 13px 15px;
	background-color: #0a0810;
	border: none;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #002147;
	outline: none;
}
.nav {
	float: none;
	padding-bottom: 20px;
}
.nav > li {
	display: block;
	position: relative;
	float: none;
}
.nav > li > a {
	display: block;
	position: relative;
	margin-top: 1px;
	background: rgba(0, 0, 0, 0.4);
}
.navbar-nav > li > a {
	line-height: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.nav .dropdown-menu {
	position: relative;
	border: none;
	padding: 10px 30px 10px 30px;
	margin-bottom: 15px;
}
.nav .dropdown-menu li a {
	background-position: -10px 17px;
	padding: 10px;
	border-bottom: 1px solid #000;
	font-size: 14px;
	display: block;
}
.nav .dropdown-menu li a:hover, .nav .inlinemenu li a {
	background-position: 0px 17px;
	padding: 10px 10px 10px 15px;
}
.nav .dropdown-menu ul:last-child li:last-child a {
	border-bottom: none;
}
.nav>li>.dropdown-menu {
	margin-bottom: 15px !important;
}
.nav li ul ul {
	margin: 0;
	left: 0;
	top: 0;
	width: 100%;
	border-top: 1px solid #fff;
}
.nav li.open ul.dropdown-menu {
	display: inline !important;
}
.nav li.dropdown .dropdown-menu {
	position: relative;
	padding: 2px 0 2px 20px;
	margin: 0;
	width:100%;
}
.nav li.dropdown .dropdown-menu a {
	padding: 5px 20px;
	background-position: -10px 12px;
}
.nav li.dropdown .dropdown-menu a:hover {
	background-position: 5px 12px;
}
.nav .inlinemenu {
	width: 100%;
}
.nav .inlinemenu .inlinemenu-add {
	padding-top: 15px;
}
.bs-docs-nav .navbar-nav > .active > a, .bs-docs-nav .navbar-nav > .active > a:hover {
	background-color: rgb(70, 50, 101);
	color: rgb(255, 255, 255);
}
.sb-search.sb-search-open, .no-js .sb-search {
	width: 80%;
}
.nav .inlinemenu li {
	margin-top: 0;
}
.nav-bg-blue .nav > li {
	margin-left: 0;
}
.nav-bg-blue .nav .dropdown-menu {
	left: 0;
}
.nav-bg-blue .nav .dropdown-menu li a {
	border-color: #e2e2e2;
}
/* logo */
.logo {
	position: relative;
	width: 100%;
	text-align: center;
}
/*cel */
.header_bottom h3 {
	width: 100%;
	text-align: center;
}
.contact-info p {
	margin-right: 20px;
}
.contact-info p:last-child {
	margin-right: 0;
}
/* Error page */
.error_nf {
	font-size: 42px;
}
.errorpage p {
	font-size: 14px;
}
.sort-by, .show-compare {
	margin-bottom: 10px;
}
.limiter {
	float: right;
	margin-bottom: 10px;
	margin-right: 0;
}
.articles_list .item-description .price {
	width: 100%;
	margin-bottom: 15px;
}
/*Blog page */
.blog_post {
	padding:15px;}
.border_line {
	border:none;}
.post_meta ul li, .post_date span {
	display:inline-block;}
.post_content {
	padding-right:0;
	}
.post_author,.post_date {
	margin-bottom:0;}
	
.elements button {
	margin-bottom:5px;}
.padleft10 {
	padding-left: 0%;	
}
.padleft20 {
	padding-left: 0%;	
}
.padleft40 {
	padding-left: 0%;	
}
.padleft80 {
	padding-left: 0%;	
}	
}

@media (max-width: 640px) {
#tabnav ul li a {
	display: block;
	font-size: 17px;
	padding: 12px 14px;
}
.banner .caption h3 {
	font-size: 24px;
}
.banner .caption p {
	font-size: 12px;
}
.nav-shadow {
	padding-bottom: 42px;
	position: relative;
	background-color: #002147;
	z-index: 1;
}
.sb-search-input {
	width: 80%;
	height: 40px;
	font-size: 13px !important;
}
.padleft10 {
	padding-left: 0%;	
}
.padleft20 {
	padding-left: 0%;	
}
.padleft40 {
	padding-left: 0%;	
}
.padleft80 {
	padding-left: 0%;	
}
}

@media (max-width: 480px) {
.nav-shadow {
	padding-bottom: 42px;
	position: relative;
	background-color: #002147;
	z-index: 1;
}
.preview-thum {
	width: 25%;
}
.preview-thum .caroufredsel_wrapper {
	min-height: 380px !important;
}
.article-view2 {
	width: 70%;
}
#tabnav ul {
	text-align: center;
}
#tabnav ul li {
	float: left;
	display: block;
	border: none;
	border-top: 1px solid #ddd;
}
.error_nf {
	font-size: 24px;
}
.errorpage p {
	font-size: 12px;
}
.articles_list .item-image {
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	background: #f5f5f5;
}
.articles_list .item-description {
	width: 100%;
}
#tabnav ul li a {
	font-size: 14px;
	padding: 12px 7.4px;
}
.pager p {
	width: 100%;
	text-align: center;
}
.pager ul {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.pager ul li {
	float: none;
	margin-left: 2px;
}
#back_top {
	left: 20px;
	bottom: 20px;
}
.coment-childreen {
	padding-left:20px;}
.coments-reply label {
	padding-top:15px !important;}
.coments-reply .form-group {
	margin-bottom:0;}
.coments-reply .btn {
	margin:10px 0 20px 0 !important;
}
.sb-search-input {
	width: 80%;
	height: 40px;
	font-size: 13px !important;
}
.topnav {
/*	padding-bottom: 10px;*/
	float: left;
	text-align: center;
	width: 100%;
	padding-bottom: 10px;
	display: inline-block;	
}
.topnav li {
/*	padding: 5px 0;*/
	float:left;
}
.padleft10 {
	padding-left: 0%;	
}
.padleft20 {
	padding-left: 0%;	
}
.padleft40 {
	padding-left: 0%;	
}
.padleft80 {
	padding-left: 0%;	
}
}

@media (max-width: 384px) {
p {
	font-size: 16px;
}
.header_top p {
	font-size: 10px;
}
.header_bottom h3 {
	font-size: 20px !important;
	padding: 10px 0 5px 0;
}
.header_bottom h3 small {
	font-size: 16px !important;
}
.topnav {
	float: left;
	text-align: center;
	width: 100%;
	padding-bottom: 10px;
	display: inline-block;	
}
.topnav li {
	float: left;
}
.article-view2 {
	width: 74%;
}
.article-img-more ul li a {
	width: 60px;
	height: 60px;
}
.errorpage input[type="text"] {
	width: auto;
}
.article-details-box .buttons_wrap {
	text-align: center;
}
.limiter {
	font-size: 12px;
}
.pager ul {
	width: 100%;
	margin-top: 5px;
}
.pager ul li:first-child {
	margin-left: 0;
}
.pager ul li a {
	min-width: 26px;
	min-height: 26px;
	padding: 3px 5px;
}
.sb-search-input {
	width: 80%;
	height: 40px;
	font-size: 13px !important;
}
.facultynail:hover span{ /*CSS for enlarged image on hover*/
left: 50px; /*position where enlarged image should offset horizontally */
}
.padleft10 {
	padding-left: 0%;	
}
.padleft20 {
	padding-left: 0%;	
}
.padleft40 {
	padding-left: 0%;	
}
.padleft80 {
	padding-left: 0%;	
}
}

@media (max-width: 320px) {
/*Brand Logo scroll */
.nav-shadow {
	margin-bottom: -8px;
	padding-bottom: 8px;
}
.pager ul li a {
	min-width: 25px;
}
.sb-search-input {
	width: 80%;
	height: 40px;
	font-size: 13px !important;
}
.facultynail:hover span{ /*CSS for enlarged image on hover*/
left: 50px; /*position where enlarged image should offset horizontally */
}
.padleft10 {
	padding-left: 0%;	
}
.padleft20 {
	padding-left: 0%;	
}
.padleft40 {
	padding-left: 0%;	
}
.padleft80 {
	padding-left: 0%;	
}
}

@media (max-width: 240px) {
.header_bottom h3 small {
	font-size: 14px;
}
.header_bottom h3 {
	font-size: 16px;
}
.header_top p {
	font-size: 12px;
}
.slider-pagin {
	left: 12%;
}
#sequence .sltitle {
	bottom: 22%;
}
.title {
	font-size: 18px;
}
.control {
	top: 29px;
}
/*articles */
.articles-top {
	height: 265px;
}
.button, button {
	font-size: 14px;
	padding: 8px 10px;
}
.articles-bottom .name, .articlename {
	font-size: 14px;
}
.sequence-pagination li a {
	border-width: 2px;
}
.sequence-pagination li.current a, .sequence-pagination li:hover a {
	border-width: 2px;
	height: 36px;
	left: -10px;
	top: -18px;
	width: 36px;
}
.social-icon li a {
	min-width: 30px;
	padding: 7px;
}
.sb-search {
	height: 40px;
	margin: 10px 0;
	min-width: 40px;
}
.sb-search-input {
	width: 80%;
	height: 40px;
	font-size: 13px !important;
}
.sb-icon-search, .sb-search-submit {
	height: 40px;
	line-height: 40px;
	width: 40px;
}
/*articles page */
.page-index {
	padding-bottom: 10px;
}
.pager ul li {
	margin-top: 6px;
}
.contact-info .adress {
	width: 80%;
}
.nav-shadow {
	padding-bottom: 7px;
}
.topnav {
/*	padding-bottom: 10px;*/
	float: left;
	text-align: center;
	width: 100%;
	padding-bottom: 10px;
	display: inline-block;	
}
.topnav li {
/*	padding: 5px 0;*/
	float:left;
}
.facultynail:hover span{ /*CSS for enlarged image on hover*/
left: 50px; /*position where enlarged image should offset horizontally */
}
.padleft10 {
	padding-left: 0%;	
}
.padleft20 {
	padding-left: 0%;	
}
.padleft40 {
	padding-left: 0%;	
}
.padleft80 {
	padding-left: 0%;	
}
}

/************************************************************************************
VIDEO
*************************************************************************************/
.video-container {
	position: relative;
	padding-bottom: 80%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* video fixed width wrappers */
.video-wrapper {
	width: 600px;
	max-width: 100%;
}
.video-wrapper2 {
	width: 500px;
	max-width: 100%;
}

figure {
	max-width:1024px;
	max-width:64rem;
	width:100%;
	height:auto;
	margin:20px 0 0;
	margin:1.25rem 0 0;
}
figcaption {
	display:block;
	font-size:16px;
	font-size:1rem;
}
video {
	width:100%;
	height:auto;
}

/* controls */
.controls, .controls li {
	padding:0;
	margin:0;
}
.controls {
	display:none;
	list-style-type:none;
	overflow:hidden;
	background:transparent;
}
.controls li {
	float:left;
	width:10%;
	margin-left:0.3%;
}
.controls li:first-child {
	margin-left:0;
}
.controls .progress {
	width:38%;
	cursor:pointer;
}
.controls button {
	width:100%;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
  	text-overflow:ellipsis;
}
.controls progress {
	display:block;
	width:100%;
	height:20px;
	height:1.25rem;
	margin-top:2px;
	margin-top:0.125rem;
	border:1px solid #aaa;
	overflow:hidden;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.controls progress span {
	width:0%;
	height:100%;
	display:inline-block;
	background-color:#2a84cd;	
}

/* fullscreen */
html:-ms-fullscreen {
	width:100%;
}
:-webkit-full-screen {
	background-color:transparent;
}
/* hide controls on fullscreen with WebKit */
figure[data-fullscreen=true] video::-webkit-media-controls {
	display:none !important;
}
figure[data-fullscreen=true] {
	max-width:100%;
	width:100%;
	margin:0;
	padding:0;
}
figure[data-fullscreen=true] video {
	height:auto;
}
figure[data-fullscreen=true] figcaption {
	display:none;
}
figure[data-fullscreen=true] .controls {
	position:absolute;
	bottom:2%;
	width:100%;
	z-index:2147483647;
}
figure[data-fullscreen=true] .controls li {
	width:5%;
}
figure[data-fullscreen=true] .controls .progress {
	width:68%;
}


/* expand */
.question {
    cursor:pointer;
    color: #002147;	
  }

.answer {
    display:none;
    color:#606060;
	opacity: 0;	
  }

.questionBlock {
      padding:2px;
    }

#clickIcon {
    width:0.8em;
    height:auto;
    position:relative;
    top:2px;
  }
  
  
.accord-header {
	cursor: pointer;
	text-align: center;
}
.accord-content {
	cursor: pointer; 
	display: none; 
}
.accord-photo { 
	display: none; 
}

div.outerbox {position:relative; width:50px; height:50px;}

div.monthbox {
position:absolute;
font-size: 9px;
top:2px;
z-index:7;
}
div.daybox {
position:absolute;
font-size: 16px;
top:20px;
z-index:7;
}