body{
	margin:0;
	font:13px/14px Arial, Helvetica, sans-serif !important; 
	color:#444;
	min-width:960px;
	background:#ffffff;
	/* background:#f8f8f8 url(images/bg-wrapper.gif); */
	line-height: 1.5em !important;
}
img{border-style:none;} 

.resize {
	max-width: 100%;
	height: auto;
}

a{
	text-decoration:none;
	color:#008ED6;
}
a:hover{text-decoration:underline;}
input, textarea, select{
	font:100%  Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
header, footer, article, section, hgroup, nav, figure { display: block; }
* { 
	margin:0; 
	padding:0;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset{margin:0 0 14px;}
html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, table, ch2aption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio,video{
	border:0;
	background:none;
}

p strong {font-weight: bold;}

label{vertical-align:middle;}
button, input{
	width: auto;
	overflow: visible;
}
h1, h2, h3, h4, h5, h6, th{font-weight:bold; font-family: 'Cabin' !important; line-height: 1.5em !important; margin-bottom: 5px !important; }
h1{font-size:250% !important;}
h2{font-size:200% !important;}
h3{font-size:170% !important;}
h4{font-size:150% !important;}
h5{font-size:120% !important;}
h6{font-size:100% !important;}
i, cite, em, var, dfn, address{font-style:italic;}
u, ins {text-decoration: underline;}
s, strike, del {text-decoration: line-through;}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
table, caption, tbody, tfoot, thead, tr, th, td{
	border-collapse: collapse;
	border-spacing: 0;
}
th, td{
	padding:3px 7px;
	text-align:left;
	vertical-align:top;
}
th{
	text-align:center;
	vertical-align:middle;
}

#content ul {list-style: square none; margin-left: 20px;}

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	

	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

@media screen{
#wrapper{
	width:100%;
	overflow:hidden;
}
#nav:after,
#nav ul:after,
#header:after,
.header-holder:after,
.header-frame:after{
	display:block;
	clear:both;
	content:'';
}
#header{
	width:100%;
	background:#142b4b;
	/*background:url(images/menu-bg.jpg) left bottom repeat-x;*/
	background:#1422b4b url('images/headerimage1.jpg') no-repeat 50% -10px;
}
/* .header-holder{
	width:100%;
	background:#002147 url('images/headerimage.jpg') no-repeat 50% 0;
	height:236px;
}
*/

.header-holder{
	width:100%;
	background:#ffffff url('images/headerimage1.jpg') no-repeat 50% 0;
	height:236px;
}



.header-frame{
	margin:0 auto;
	width:960px;
}
#header .logo{
	float:left;
	width:230px;
	height:240px;
	overflow:hidden;
	text-indent:-9999px;
	margin: 0 0 0 -13px;
	position:absolute;
	z-index:11;
	background:url('images/jsushield.png') no-repeat;
	background-size:cover;
}
#header .logo a{
	display:block;
	height: 89%;
}
#header .holder{
	overflow:hidden;
}
#header .row{
	width:100%;
	padding:40px 0 0;
	overflow:hidden;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */	
	margin-left: 230px;
}
#header .bar{
	padding:3px 0 0 0; /* padding:3px 10px 0 0; */
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#header .menu{
	margin:0;
	padding:5px 0 0;
	float:left;
	list-style:none;
		font-family: Arial, Helvetica, sans-serif; 
}
#header .menu li{
	float:left;
	font-size:11px;
	margin:0 1.5em 0 0;
	line-height:16px;
	text-transform:uppercase;
	color:#fff;
}
#header .menu li a{color:#fff;}
#header .form-holder{
	float:left;
	width:209px;
	margin:0 0 0 13px;
}
#header .form-holder .text{
	float:right;
	height: 25px;
	padding:0;
	background:#fff;
	border:1px solid #aaa;
	width:207px;
	/* ATiK */
	height:27px;
	background:none;
	border:none;
	
}
#header .form-holder input{
	float:left;
	color:#666;
	border:none;
	background:none;
	border-radius:0;
	font-size:12px;
	line-height: 12px;
	width:148px;
	margin:0;
	height: 12px;
	padding: 6px 12px 6px;
	/* ATiK */
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff;
		margin: 5px 0;
		padding: 0 5px;
		width: 94%;	
		height:auto;	
}
#header .form-holder .submit{
	display:none; /* ATİK */
	background:url('images/sprite.png') no-repeat;  
	width: 28px;
	cursor:pointer;
	border:none;
	padding:0;
	margin:0;
	float:right;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
	height: 25px;
}
#header .form-holder .submit:hover{cursor:pointer;}
#header .slogan{
	color:#fff;
	font-size:38px;
	line-height:1.2em;
	display:block;
	font-family: 'Cabin' !important;
	width:727px;
}
#header .slogan-text{
	background:url('images/sprite.png') no-repeat 0 -36px;
	width:388px;
	margin:11px 0 0 2px;
	height:10px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
#nav{
	width:960px;
	margin:0 auto;
	padding:0 ;
	background-color: #142b4b;
}
#nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
#nav ul li{
	float:left;
	font:13px Arial, sans-serif;
	
	font-weight: bold;
}
#nav ul li a{
	display:block;
	color:#ffffff;
	padding:0 15px 2px 10px;
	text-align:center;
	border-width:0 1px;
	/*min-width:105px;*/
	white-space:nowrap;
	margin:8px 0 7px 7px;
	border-right:1px solid #fff;
}

#nav ul li:last-child a{
border-right:none;
}
#nav ul li.has-drop-down a{background:url(images/bg-arrow.png) no-repeat 95% 50%;}
#nav ul li:hover a{
	color:#f2f2f2;
 
}
#nav ul li:hover{
	position:relative;
	z-index:10;
}

#nav ul ul{
	margin:0;
	display:none;
	padding:20px 10px 10px;
	list-style:none;
	width:173px;
	position:absolute;
	background:#fff;
	top:32px;
	left:0;
	border: 1px solid #666;
	border-top:none;
}
#nav ul li ul li ul {
	left:98%;
	top:2px;	
}
#nav ul li:hover > ul{display:block;}

#nav ul ul li{
	float:none;
	margin:0;
	padding:0 0 10px;
	vertical-align:top;
	float:left;
	width:100%;
	position:relative;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
}
#nav ul ul li:after{
	display:block;
	clear:both;
	content:'';
}
#nav ul li:hover ul li a,
#nav ul ul li a{
	border:none;
	padding:0 0 16px;
	margin:0;
	float:left;
	color:#008ed6;
	text-align:left;
	white-space:normal;
	background:none;
	text-transform: none;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;

}
#nav ul li.has-drop-down ul a{background:none;}
#nav ul li:hover ul li a,
#nav ul ul li:hover a{
	background:none;
	color:#008ed6;
	padding:0;
	font:14px/16px  Arial, sans-serif;
	min-width:1px;
	margin:0;
	border:none;
	position:static;
}
#nav ul ul li a:hover{text-decoration:underline!important;}

#main{
	width:960px;
	overflow:hidden;
	padding:0 0 7px;
	margin:0 auto ;
	
}
#main .gallery-holder{
	width:960px;
	margin:0;
	overflow:hidden;
}
div.top-image {

	text-align: center;
	overflow: hidden;
	
}
div.top-image img {
	width:100%;	
}
div.top-image img {
	
	color: #ffffff;	
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #cecece;	

}
#main .hold{
	overflow:hidden;
	padding:10px;}
#main .gallery-holder.second-margin{margin:0 0 13px;}
#main .gallery{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	position:relative;
	width:960px;
	height:200px;
}
#main .gallery li{
	width:960px;
	height:200px;
	z-index:-1;
	position:absolute;
	top:0;
	left:0;
}
#main .gallery li.active{z-index:1;}
#main .gmask{
	width:960px;
	overflow:hidden;
}
#main .gallery li img{vertical-align:top;}
#main .gallery .text-holder{
	position:absolute;
	right:0;
	top:0;
	background:#002046;
	font-size:28px;
	height:152px;
	color:#fff;
	padding:24px 33px;
	line-height:35px;
	width:237px;
}
#main .gallery .text-holder p{
	text-transform:uppercase;
	margin:0;
}
#main .widget-holder{
/*	border-bottom: 1px solid #999999;
*/    margin: 0 20px 20px;
    overflow: hidden;
    width: 95%;
}
#main .widget-holder.right-side{
	float:right;
	margin:3px 0 0 1px;
	width:174px;
}
#main .widget-holder.right-side.margin-right{margin:3px 0 0 -3px;}
#main .widget-holder.left-side{
	float:left;
	margin:3px 22px 0 13px;
	width:174px;
}
#main .widget-holder.left-side h2,
#main .widget-holder.right-side h2{
	font-size:20px;
	line-height:22px;
	margin:0 0 8px;
}
#main .widget{
	width:265px;
	float:left;
	margin: 0px 20px 0px 0px;
}
#main .widget-holder.left-side .widget,
#main .widget-holder.right-side .widget{
	overflow:hidden;
	float:none;
	width:100%;
	margin:0 20px 20px 0;
}
#main .widget:first-child{margin:0 20px 20px 0;}
#main .widget img{vertical-align:top;}
#main  h2{
	margin:0 0 20px 0;
	color:#002046;
	font-size:32px;
	line-height:1.3em;
}
.layout3 #main  h2{margin:0 0 12px 0; font-size: 32px;}
.layout2 #main  h2,
.layout #main  h2{margin:0 0 12px 0; font-size: 32px; }
#main .widget h2 a{color:#002046;}
#main .main-holder{overflow:hidden;}
#content{
	overflow:hidden;
	padding:0;
	margin:0 29px 0 0;
}

#main .widget h2{
/*	background-color: #F1F1F1; */
	padding: 2px 20px 2px 0px;
	font-size: 18px; 
	text-transform: capitalize;}

.widget-holder ul li{
	/*	background: url("images/li-plus.png") no-repeat scroll left 7px transparent;*/
	list-style-type: none;
/*	padding-left: 14px;*/
	border-bottom: 1px solid #CBCBCB;
    
	padding-top: 7px;
	padding-bottom: 7px;}
	
.layout2 #content,
.layout3 #content,
.layout #content{margin:0;}
.center #content{margin:0;}
.main-holder{
	overflow:hidden;
	margin:0 20px 20px 20px;
	width: 95%;
}
.center .main-holder{
	width:919px;
	margin:0 auto 17px;
}
#content img{vertical-align:top;}
#content img.alignleft{
	float: left;
	margin: 0 20px 0 0;
}
.hidden{
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
	display:none;
}
.skip{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.skip:focus{
	position:static;
	width:auto;
	height:auto;
}
.print-logo{display:none;}
/* #footer{
	width:100%;
	overflow:hidden;
	padding:8px 0 13px;
	background:#272727;
}
*/ 

#footer{
	width:100%;
	overflow:hidden;
	padding:8px 0 13px;
	background:#1a2b49;
}


.footer-holder{
	width:960px;
	overflow:hidden;
	margin:20px auto;
	color: #ffffff;
}
	
	
.footer-holder2020{
	width:960px;
	overflow:hidden;
	margin:20px auto;
	color: #ffffff;
}
	
	
	
	
#footer h3{
	color:#fff;
	font-size:18px;
	line-height:22px;
	margin:0 0 10px 0px;
}
#footer h3 a{color:#fff;}
#footer .widget{
	width:301px;
	float:left;
	margin:0 0 0 28px;
}
#footer .widget:first-child{margin:0 0 0 20px;}
#footer .widget .box{overflow:hidden;}
#footer .widget img{vertical-align:top;}
}
@media print{
	.print-logo{display:block;}
	.skip, .hidden, .menu, .logo, .form-holder, #nav, .widget-holder, #footer, .gallery-holder{display:none;}
#header .slogan{
	color:#000;
	font-size:30px;
	line-height:32px;
	display:block;
	text-transform:uppercase;
	margin:0 0 20px;
	width:731px;
}

#header .slogan-text{display:block;}
}

#content img.alignright{
	float: right;
	margin: 0 0 0 20px;
}
#header span.slogan a {
	text-decoration:none !important;	
	color:#0a2144 !important;	
}

.footer-holder ul li {
    border-bottom: 1px solid #CBCBCB;
    border-top: 1px solid white;
    list-style-type: none;
    padding-bottom: 7px;
    padding-top: 7px;
}
 ol li {
	list-style-position: inside;
	list-style-type: decimal;
}

p {margin-bottom: 12px !important;}


#grey_header
{	font-size:48px;
	border-bottom: 1px solid #CBCBCB;
	width: 960px;
	
}	


.sub-heading {
	border-top: 3px solid transparent;
	border-bottom: 1px dashed transparent;
	padding: 15px 0;
	height: auto;
	overflow: hidden;
}


.topgradient {
	display: block;
	content:" ";
	width:100%;
	height:154px;
	position:absolute;
	background:url(images/gradient-sep.png) repeat-x;
	left:0;	
}