/* General Begin */
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

html,
body {
    height: 100%;
	font-family: 'Open Sans', sans-serif;
}

body {
	overflow-y: scroll;
}

h1{
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}

.site-index .container {
	/*width: 100%;*/
}

.site-index .navbar-brand {
	/*padding-left: 30px; */
}

.danpal-logo {
	height: 50px;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

a, a:hover{
	text-decoration: none;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}
/* General Begin */

/* Index Begin */
footer {
	color: #999999;
	font-size: 11px;
	position: fixed;
	bottom: 0;
	background: #000;
	width: 100%;
	padding: 5px 0;
}

footer a{
	color: #777;
}

footer a:hover{
	color: #444;
}

footer #kerttrade {
	text-align: center;
	//padding-right: 120px;
}

div.footer{
	//position: relative;
	//left: 50px;
	text-align: center;
}

#index_image_container {
    width: 200px;
    height: 100px;
    position: fixed;
    top: 100px;
    left: 50px;
}

#main_menu .menu-item{
	border-left: 1px solid #CCC;
}

#index_menu_container {
	position: fixed;
	bottom: 80px;
	left: 50px;
	font-size: 36px;
	line-height: 50px;
	font-weight: 700;
	text-transform: uppercase;
	//text-shadow: 0 0 0.1px #0D3371;
	font-family: 'Oswald', sans-serif;
}

#index_menu_container ul{
	list-style: none;
	//padding-left: 0;
}

#index_menu_container a{
	color: #FFF;
	font-weight: bold;
	font-size: 100%;
}
/* Index End */

/* Menu Begin */

.navbar-brand img#logo_blue{
	max-height: 50px;
}

.navbar-collapse {
	padding-bottom: 30px;
    padding-top: 10px;
}

.navbar-toggle {
	top: 10px;
}

.navbar-header .icon-bar {
	background: black;
}

 .navy ul,
 .navy ul li,
 /*.navy ul li a,*/
 .navy #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	display: block;
	position: relative;
	z-index:10;
}
 .navy #menu-button {
	display: none;
}
 .navy {
	width: auto;
	background: #fff;
}
 .navy > ul > li {
	float: left;
}
 .navy > ul > li > a {
	padding: 20px 15px;
	font-size: 11px;
	line-height:28px;
	color: #0D3371;
	text-transform: uppercase;
	text-decoration: none;
}

 .navy ul > li.has-sub > a:after {
	content: "\f107";
	font-family:"FontAwesome";
	margin-left:5px;
	font-weight:400;
}
 .navy ul ul {
	position: absolute;
	left: -9999px;
	opacity: 0;
	transition: bottom .4s ease, opacity .3s ease;
}
 .navy > ul > li > ul {
	background:#fff;
	padding:5px 0px;
	box-shadow:0px 5px 15px rgba(0,0,0,0.15);
}
@media (min-width: 1220px){
	 .navy > ul > li:hover > ul,
	 .navy > ul > li.active > ul {
		top: 80px;
		opacity: 1;
		position: fixed;
		left: 0;
		right: 0;
		text-align: center;
		border-radius: 0;
	}
	
	#main_menu .fa {
		position: relative;
		top: 10px;
		bottom: 0px;
		font-size: 0.6em;
		left: 50%;
		color: #0D3371;
	}

	#main_menu .fa a {
		display: inline-block;
	}
}
@media (max-width: 1219px){
	 .navy > ul > li.open > ul,
	 .navy > ul > li.active > ul {
		top: 80px;
		opacity: 1;
		position: fixed;
		left: 0;
		right: 0;
		text-align: center;
		border-radius: 0;
	}
	
	.navy > ul > li:hover > a,
	.navy > ul > li > a:hover {
		color: #0D3371;
		text-shadow: 0 0 0.1px #0D3371;
	}
	
	.navy ul ul li a {
		padding: 4px 20px;
		font-size: 12px;
		font-weight: 400;
		color: #0D3371;
	}
}

 .navy ul ul ul {
	top: 50px;
	padding:5px 0;
	box-shadow:0px 5px 15px rgba(0,0,0,0.15);
}
 .navy ul ul > li:hover > ul {
	//top: 0;
	left: 170px;
	opacity: 1;
	background:#fff;
}


 .navy ul ul li {
	//width: 170px;
	height: auto;
 }
 
 .navy ul ul li:hover > a,
 .navy ul ul li > a:hover{
	color: #888;
}
.navbar .container {
    height: 80px;
}

.dropdown-menu > li > a { 
	white-space: normal;
}

#index_menu_container .menu-item i {
	display: none;
}

 .navy ul ul > li.has-sub > a:after {
	content: "\f105";
	font-family:"FontAwesome";
	margin-left:7px;
	font-weight:400;
	float:right;
	font-size:14px;
}

.index-navbar {
	background:transparent;
}

.index-navbar .container {
	background:transparent;
}

.index-navbar .navbar-brand img#logo_blue {
	max-height: 100px;
}

.index-navbar .icon-bar {
	background: black;
}

.index-navbar .navbar-toggle {
	background: white;
	position: relative;
    top: 30px;
	border: 1px solid black;
}

@media (max-width:1220px) {
	
	.dropdown-backdrop {
		z-index: -10 !important;
	}
	
	.menu-sub.dropdown-menu {
		display: block;
	}
	 .navy {
		max-width:400px;
		margin:0px auto;
		margin-bottom:10px;
		/*position:relative;
		left: 30px;
		top:20px;*/
		margin-top: 20px;
	}
	 .navy ul,
	 .navy ul ul,
	 .navy ul ul ul,
	 .navy > ul,
	 .navy > ul > li > ul,
	 .navy > ul > li:hover > ul,
	 .navy ul ul li:hover > ul,
	 .navy ul ul ul li:hover > ul{
		/*position: relative;
		left: 0;
		right: auto;
		top: 0;*/
		width: 100%;
		//display: none;
		padding: 0;
		opacity: 1;
		text-align: left;
		box-shadow:none;
	}
	
	.index-navbar .menu-item {
		font-size: 16px;
		height: 30px;
	}
	
	#main_menu_index {
		margin-bottom: 55px;
	}
	
	.index-navbar .navbar-brand img#logo_blue {
		max-height: 50px;
		margin-top: 20px;
	}
	
	.navbar-collapse {
		box-shadow: 0;
	}
	
	#main_menu {
		display: block;
		//border: 1px solid #eee;
		top:0 !important;
	}
	
	#main_menu .menu-item {
		border: none;
		//border: 1px solid #eee;
	}
	
	.collapse.in {
		overflow-x: inherit;
	}
	
	#main_menu > li.menu-item {
		border-top: 1px solid #eee !important;
	}
	
	#main_menu li.menu-item:first-child {
		border-top: none !important;
	}
	
	.navy > ul > li {
		//float: none;
		/*background: white;*/
		padding: 5px;
		text-align: center;
		
	}
	
	.navy > ul > li i {
		color: white !important;
		display: inline-block !important;
		position: absolute !important;
		font-size: 0.7em;
		/* left: 0; */
		right: 40px !important;
		top: 13px !important;
	}
	
	.menu-item {
		border: none;
	}
	
	.menu-sub.dropdown-menu {
		z-index: 100 !important;
	}
	
	.navy {
		float: right;
		//overflow: hidden;
	}
	
	 .navy ul li {
		width: 100%;
		//border-top: 1px solid #eee;
	}
	 .navy ul li:last-child{
		border-bottom:1px solid #eee;
	}
	 .navy > ul > li > ul,
	 .navy ul ul ul {
		//border-top:1px solid #eee !important;
		//border-bottom:1px solid #eee !important;
	}
	 .navy ul li a {
		padding: 10px 20px;
	}
	 .navy ul ul li a {
		width:100%;
		padding: 10px 20px 10px 35px;
	}
	 .navy ul ul ul li a {
		padding: 10px 20px 10px 50px;
	}
	 .navy ul ul ul ul li a {
		padding: 10px 20px 10px 65px;
	}
	 .navy > ul > li.has-sub > a:after,
	 .navy ul ul li.has-sub > a:after {
		//display: none;
	}	
	 .navy #menu-button {
		position: relative;
		display: block;
		padding: 10px 20px;
		cursor: pointer;
		font-size: 13px;
		color: #fff;
		font-weight: 600;
		text-transform: uppercase;
	}
	 .navy #menu-button:after{
		content: "\f0c9";
		font-family:"FontAwesome";
		//margin-left:7px;
		font-weight:400;
		float:right;
		font-size:14px;		
	}
	 .navy .submenu-button {
		position: absolute;
		right: 0;
		display: block;
		width: 50px;
		height: 50px;
		z-index: 12;
		cursor: pointer;
		border-left:1px solid #eee;
	}
	 .navy ul ul .submenu-button {
		height: 50px;
	}
	 .navy ul .submenu-button:after {
		content: "\f107";
		font-family:"FontAwesome";
		font-weight:400;
		font-size:14px;
		line-height:50px;
		text-align:center;
		display: block;
	}
	
	.navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
	
	.navy > ul > li.open > ul,
	.navy > ul > li.active > ul {
	    position: relative;
		top: 0;
		border: 0;
		text-align: center;
	}
	
	.article-h3 {
		font-size: 26px !important;
	}
	
	.menu-item {
		background: #b1b1b1;
		border: none;
		color: white !important;
		//border-top: 1px solid #eee;
	}
	
	.menu-sub .menu-item {
		border-top: 1px solid #b1b1b1 !important;
		background: #e3e3e3;
	}
	
	.menu-sub .menu-item a {
		color: black !important;
	}
	
	.navy {
		background: none;
	}
	
	.navy .menu-item a {
		color: white;
		width: 100%;
		float: left;
		padding: 0 !important;
	}
	
	.menu-desc {
		width: 100% !important;
	}
	
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
		max-height: none;
	}
	
	.navy > ul > li:hover > a, .navy > ul > li > a:hover {
		 color: white; 
		 text-shadow: 0 0 0.1px white; 
	}

}
@media (min-width:768px) {
	 .navy ul{
		//display:block !important;
	}
	
	.navbar {
		max-height: 80px;
	}
}

.navbar-fixed-top{
	background-color: rgba(255,255,255,0.8);
}

#main_menu li.menu-item:first-child {
	border-left: none !important;
}

#main_menu{
	top: 20px;
}

#main_menu .menu-item a{
	padding: 1px 20px;
}

#main_menu .menu-item .dropdown {
	 padding-bottom: 30px; 
}

.menu-sub .menu-item a {
	padding: 10px !important;
}

ul.menu-sub.dropdown-menu{
	width: 100%;
    list-style: none;
	background-color: rgba(247, 246, 246, 0.952941);
	box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.25);
}

ul.menu-sub.dropdown-menu li {
	display: inline-block;
	vertical-align: top;
}

.menu-desc {
	color: #6998d6;
    font-size: 11px;
    //text-transform: capitalize;
	word-break:break-word;
	width: 140px;
	display:block;
}

/* Menu  End */

/* Title Begin */
.title.container-fluid{
	width: 100%;
	text-align: center;
	margin: 30px 0;
}
/* Title End */

/* Gallery Category Begin */
.gallery_category{
	margin: 20px;
}

.gallery_item{
	margin-bottom: 40px;
	padding: 0;
}

.fake_image_div{
	width: 310px;
	height: 220px;
	background-color: #BBB;
}

.image-style-two .image-caption a {
  background: #666666;
}

.image-style-two {
	position: relative;
	z-index: 5;
	overflow: hidden;
}
.image-style-two img {
	border-radius: 3px;
	-webkit-transition: all 2s ease;
	   -moz-transition: all 2s ease;
		-ms-transition: all 2s ease;
		 -o-transition: all 2s ease;
			transition: all 2s ease;
}
.image-style-two .image-hover {
	position: absolute;
	display: block;
	top: 100%;
	left: 0;
	z-index: 25;
	width: 100%;
	height: 0%;
	background: rgba(0,0,0,0.7);
	border-radius: 3px;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease;
}
.image-caption{
	width: 100%;
	margin: 10px auto;
}

.image-style-two:hover .image-hover {
	top: 0;
	height:100%
}
.image-style-two  .image-caption {
	position: absolute;
	top: 10%;
	text-align: center;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.6s ease-in;
	-moz-transition: all 0.6s ease-in;
	-ms-transition: all 0.6s ease-in;
	-o-transition: all 0.6s ease-in;
	transition: all 0.6s ease-in;
	z-index:35;
}
.image-style-two:hover  .image-caption {
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.image-style-two  .image-caption h4 {
	color: #fff;
	margin-bottom:0px;
}
.image-style-two .image-caption p{
	max-width:75%;
	margin:0px auto;
	color:rgba(255,255,255,0.8);
	line-height:23px;
	margin-bottom:5px;
}
.image-style-two .image-caption a{
	display:inline-block;
	width:30px;
	height:30px;
	text-align:center;
	color:#fff;
	border-radius:2px;
	line-height:30px;
}
/* Gallery Category End */

/* Gallery Begin */
.fancybox-title-over-wrap {
    width: 100%;
    padding: 0;
}

.fancybox-title-over-wrap > div {
    padding: 10px;
}
/* Gallery End */

/* BLOG BEGIN */

.blog-title {
	color: #073776;
    text-transform: uppercase;
    font-size: 24px;
}

.blog-div {
	//margin-top: 40px;
}

.blog-item {
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 43px;
	margin-top: 50px;
}

.blog-short {
	font-size: 16px;
}

.blog-image {
	padding-top: 23px;
}

.blog-btn {
	background-color: #000;
    padding: 10px 20px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
	position:relative;
	top: 10px;
	color: white;
}

.blog-btn:hover {
	text-decoration: none;
    background-color: #073776;
	color: white;
}

.blogview-cont p {
	text-align: justify;
	margin-bottom: 1.5em;
}

.empty, .site-error {
	margin-top: 80px;
}
/* BLOG END */


/* ARTICLE BEGIN */

.margin-div {
	margin-top: 40px;
}

.article-h3 {
	text-align: center;
	color: #414042;
    font-size: 45px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.article-short {
	padding: 30px;
}

.article-text {
	margin-top: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.article-images {
	margin-top: 20px;
}

.article-tab-div {
	margin-top: 20px;
}

.tab-pane {
	padding-top: 20px;
}

.article-tab-div .nav li {
	/*background-color: #073776;*/
}

/* ARTICLE END */

.remove-padding {
	padding: 0 !important;
}