/*css*/
@import url(//fonts.googleapis.com/css?family=Lato:400,700,700italic,900,900italic);
@import url(//fonts.googleapis.com/css?family=Satisfy);

@import "grid.css";
@import "font-awesome.css";

.wrapper{width:100%; overflow:hidden; position:relative;}
.extra_wrap{overflow:hidden; display:block;}
/* ======================================================================================= */
/* GENERAL
/* ======================================================================================= */

html,
body {
	height: 100%;
}

body{
	background: #fff;
	/*color: #72523f;*/
	font: 14px/21px 'Lato', sans-serif;
	min-width: 320px;
	position: relative;
	-webkit-text-size-adjust: none;
}


/*Imeges*/
img{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: auto;
	/*max-width: 100%;*/
}
.logo{
	 
	padding:5px ;
	width:100%;
	text-align:left;
}
.logo img{
	width:35%;
	
}
.company {
    width: 100%;
	margin-bottom:15px;
}
.company h1{
	font-size: 2.5em;
	text-align: center;
	 
}
.frame{} /* img border, paddings, shadows */

.img_fleft{
	float: left;
	margin-right: 20px;
}

.img_right{
	float: right;
	margin-left: 20px;
}

.wrapper{
	overflow: hidden;
	position: relative;
	width: 100%;
}

.extra_wrap{
	display: block;
	overflow: hidden;
}
.m_0{ margin-bottom: 0px !important;}
.m_15{ margin-bottom: 15px !important;}
.m_20{ margin-bottom: 20px;}
.m_25{ margin-bottom: 25px;}
.m_40{ margin-bottom: 40px;}
/*Links*/
a{
	color: #0C75CE;
	text-decoration: none;
	transition:.3s linear all;
	-webkit-transition:.3s linear all;
	-moz-transition:.3s linear all;
	-ms-transition:.3s linear all;
	-o-transition:.3s linear all;
}
	a:hover{
		text-decoration: none;
		color:#333;
		text-shadow:2px 2px 1px #6669
	}

a[href^="tel:"] {
	color: inherit;
	text-decoration: none;
}

.btn{
	background: #000;
	color: #fff;
	display: inline-block;
	font: 12px/16px Arial, Helvetica, sans-serif;
	padding: 10px 12px;
	text-decoration: none;
}
	.btn:hover{
		background-color: #f00;
		text-decoration: none;
	}


/*Titles*/
h2{
	color: #0259a2;
	font:25px 'Lato', sans-serif;
	margin-bottom: 10px;
	text-align: left;
}
h3{
	color: #333;
	font:20px 'Lato', sans-serif;
	margin-bottom: 16px;
}
h4{
	color: #333;
	font: 18px/22px 'Lato', sans-serif;
	/*margin-bottom: 20px;
	text-decoration:underline	*/
}
h5{
	background: url(../images/favicon.ico) 0 0 no-repeat;
	color: #0259a2;
	font: 700 14px/21px 'Lato', sans-serif;
	margin-bottom: 10px;
	padding: 0 0 2px 15px
}
h6{
	color: #72523f;
	font: 900 italic 14px/21px 'Lato', sans-serif;
}
h2 a, h3 a, h4 a, h5 a, h6 a{
	color: inherit;'
}
	h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
		color: #72523f;
		text-decoration: none;
	}
.subtitle{
	color: #762f04;
	display: block;
	font: 700 16px/21px 'Lato', sans-serif;
	padding-top: 10px;
}

.mail_link{
	display: inline-block;
	font: 400 14px/21px 'Lato', sans-serif;
	color: #fc1707;
	margin-bottom: 30px;
	}


/* Indents */
p{
	margin-bottom: 10px; /*as line-height in body*/
	text-align:justify;
	
}

/* Lists */

.list.f_left{
	margin-right: 32px;
	}
.list li{
	position: relative;
	margin-top: 2px;
	padding-left: 22px;
	}
	.list li:first-child{
		margin-top: 0;
	}
	.list li:before{
		position: absolute;
		display: block;
		content: "\f005";
		font-family: FontAwesome;
		font-size: 15px;
		line-height: 15px;
		color: #d64920;
		left: 0px;
		top: 7px;
		}
		
	.list li a{
		font: 400 14px/17px 'Lato', sans-serif;
		color: #72523f;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		}
		.list li a:hover{
			color: #27acd5;
			text-decoration: none;
			}

/**/
blockquote{width: 100%;}
	cite{text-align: right;}




/* ======================================================================================= */
/* HEADER
/* ======================================================================================= */

header{
	background: #003a6a;
	/*border-top: 3px solid #fecd0b;*/
	width: 100%;
}


/* Header top
-------------------------------------------------------------------------------------- */

#header-top{
	color: #76634b;
	float: right;
	font: bold 10px/12px 'Lato', sans-serif;
	padding: 3px 0;
	text-transform: uppercase;
	position: relative;
	width:100%;
}
#header-top div{
	display:inline-block;
}
.header_contact-phone{
	margin-right: 15px;
	overflow: hidden;
}
	.header_contact-phone .phone{
		color: #00005f;
		display: inline-block;
		font-size: 12px;
		margin-left: 10px;
		vertical-align: baseline;
	}
		.header_contact-phone .fa-phone{
			font-size: 14px;
		}

.header_contact-email{
	border-left: 1px solid #c9cdcf;
	margin-right: 14px;
	padding-left: 17px;
}
	.header_contact-email a{
		color: inherit;
	}
		.header_contact-email .fa-envelope-o{
			font-size: 14px;
			margin-right: 2px;
		}

.header_search{
	border-left: 1px solid #c9cdcf;
	padding-left: 14px;
}

	#search a{
		color: #ff7800;
		display: inline-block;
		font-size: 15px;
		margin-right: 5px;
		margin-top: -4px;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		}
		#search a:hover{
			color: #76634b;
			}
	
	#search input[type="text"]{
		background: none;
		border: none;
		color: #ff7800;
		font: 700 10px 'Lato', sans-serif;
		padding: 2px 0;
		text-transform: uppercase;
		transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		width: 42px;
		outline: none;
	}
		#search input:focus{
			border-bottom: 1px solid #c9cdcf;
			padding-bottom: 1px;
			color: #76634b;
			width: 100px;
		}


/* Logo
-------------------------------------------------------------------------------------- */

.header_nav{
	background: #333;
	/*box-shadow: 0 0 5px #e1dfdd;*/
	margin-bottom: 0px;
	position: relative;
	}
/* Menu
-------------------------------------------------------------------------------------- */

nav.header_menu{
	border-bottom:4px solid #095ca4;
}
	.sf-menu {
		list-style: none;
		background:#0c75ce;
	}
		.sf-menu > li {
			border-left: 1px solid #0c69b9;
			display:table-cell;
			font: 400 14px/17px 'Lato', sans-serif;
			margin: 0;
			padding: 10px 9px 13px;
			position: relative;
			
		}
		.sf-menu > li:first-child{
			border-left: 0;
		}
			.sf-menu > li > a {
				color: #fff;
				text-decoration: none;
			}
				
				.sf-menu > li:hover,
				.sf-menu > li:active,
				.sf-menu > li > a:hover,
				.sf-menu > li > a:active,
				.sf-menu > li.current,
				.sf-menu > li.current > a {
					color: #fecd0b;
					text-decoration: none; 
					background:#095ca4;
					 
				}

		/* submenu */
		.sf-menu ul {
			background: #0C75CE;
			/*box-shadow: -1px 2px 3px rgba(0,0,0,.15);*/
			display: none;
			left: 0px;
			border-top:4px solid #095ca4;
			 
			position: absolute;
			top: 42px;
			width: 220px; 
			z-index: 99;
			transition: .2s ease-in-out;
		-moz-transition:.2s ease-in-out;
		-webkit-transition: .2s ease-in-out;
		-o-transition: .2s ease-in-out;
		}
			.sf-menu ul li{
				font: normal 12px/15px Arial, Helvetica, sans-serif;
				padding: 9px 10px 9px;
				position: relative;
				text-align: left;
				border-bottom:1px solid #095ca4;
				
			}
				.sf-menu ul li:first-child{
					margin-top: 0;
				}
				.sf-menu ul li a{
					color: #fff;
					text-decoration: none;
					padding: 9px 10px 9px;
					
				}
				 
				.sf-menu ul li:hover
							 
				{
					/*color: #424242;*/
					text-decoration: none;
					 background:#095ca4;
					color:#fecd0b	;padding:9px 10px 9px;
				}
				 
				.sf-menu ul li > a:hover{
					 
					
					 
					color:#fecd0b;
					padding: 9px 10px 9px;
					 
				}
				.sub1{
					margin-left: 48px;
					margin-top: -4px;	
					background:#095ca4;
				}
				.sub1 li{
					background:#004884;	
				}
				.sub1 ul li:hover{
					background:#0c75ce;	
					padding: 9px 10px 9px;
				}
				 
		/* subsubmenu */
		.sf-menu ul ul {
			background: #fff;
			left: 172px;
			top: 0px;
			 
		}
				.sf-menu ul ul li,
		 	 .sf-menu ul ul li a{
				padding: 9px 10px 9px;
				/*background:#004884;*/
				color:#fecd0b;
			 }
			 .sf-menu ul ul li:hover,
		 	 .sf-menu ul ul li a:hover{
				 
				color:#fff; 
			 }
			 
	#mm0{
		display: none;
		border: 1px solid #fc1707;
		outline: none;
		padding: 3px;
		width: 100%;
	}
/* form
--------------------------------------------------------------------------------*/
.ntc{
	border: 1px solid #ccc;
/*padding: 10px;
width: 315px;*/
border-radius: 10px;	
}


#frm1 input{
	margin:5px 0 5px 0;
	width:80%;
	padding:5px;
		
}
#frm1 .ip2{
	margin:5px 0 5px 0;
	size:2;
	padding:5px;	
}
#frm1 .ip3{
	margin:5px 0 5px 0;
	width:200px;
	padding:5px;	
}
.box4{
	margin:20px auto	;
	
	 
}
.iname{
	border:1px solid #cd5c3c;
	border-radius:20px;
	padding:0px 6px 2px;
	margin-bottom:10px;
	background:none;
	box-shadow:#ccc 2px 2px 5px;
	width:80%
	
}
 .iname input{
		 
 	border:none;
	background:none;
	width:100%
	 
}
.iname .tarea{
	padding-top:10px;
}
/* Social nets
-------------------------------------------------------------------------------------- */
.header_social-nets{
	float: left;
	overflow: hidden;
	padding-top: 21px;
}
	.header_social-nets li{
		float: left;
		margin-left: 20px;
	}
		.header_social-nets li a{
			background: #676767;
			border-radius: 50%;
			color: #fff;
			display: block;
			font-size: 14px;
			height: 25px;
			line-height: 25px;
			text-align: center;
			transition: all .2s ease;
			-moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			-o-transition: all .2s ease;
			-webkit-transition: all .2s ease;
			width: 25px;
		}
			.header_social-nets li a.fa-facebook{background: #3a5a9f;}
			.header_social-nets li a.fa-twitter{background: #45b0e3;}
			.header_social-nets li a.fa-google-plus{background: #d61119;}
			.header_social-nets li a.fa-linkedin{background: #1783bc;}
			.header_social-nets li a:hover{
				background: #ff7800 !important;
				text-decoration: none;
			}


/* Banner
-------------------------------------------------------------------------------------- */

#header_banner{
	color: #fff;
	font: 400 18px/21px 'Lato', sans-serif;
	/*padding-bottom: 25px;*/
	position: relative;
	
}
	#header_banner:after{
		background: url(../images/banner_shadow.png) center top no-repeat;
		background-size: 100% auto;
		bottom: 0;
		content: '';
		display: block;
		height: 25px;
		left: 0;
		position: absolute;
		right: 0;
		width: 100%;
	}
	
	#header_banner .banner_caption{
		left: 107px;
		position: absolute;
		top: 96px;
		width: 520px;
		z-index: 99;
	}
		#header_banner .banner_caption h2{
			color: #fff;
			font-size: 54px;
			line-height: 65px;
			margin-bottom: 16px;
			text-align: left;
			text-shadow: 0 2px 2px rgba(0,0,0,.09);
		}
		#header_banner .banner_caption h4{
			color: #fff;
			font: 900 24px/27px 'Lato', sans-serif;
			letter-spacing: -1px;
			margin-bottom: 0;
		}
		
		#header_banner p{
			margin-bottom: 25px;
		}
		
		#header_banner strong{
			display: inline-block;
			font-weight: 900;
			vertical-align: baseline;
		}



/* ======================================================================================= */
/* CONTENT
/* ======================================================================================= */

#content{
	 
	padding: 20px;
}

.block-1{
	padding-bottom: 20px;
	text-align: center;
}
	.block-1 figure{
		margin-bottom: 8px;
	}


/* Content Block 1
-------------------------------------------------------------------------------------- */

.content_block-1{
	background:rgb(244,244,244);
	padding: 20px;
}



	.content_block-1 .bg{
		background: url(../images/om.png) center top no-repeat;
	}
	.content_block-1 .btn-wrapper{
		margin-bottom: 58px;
		text-align: center;
	}
		.content_block-1 .btn-wrapper .btn{
			background: #fc1707;
			font: 900 14px/21px 'Lato', sans-serif;
			padding: 8px 29px;
			text-transform: uppercase;
			transition: 0.3s;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			}
			.content_block-1 .btn-wrapper .btn:hover{
				background: #27acd5;
				text-decoration: none;
				}
		figure.frame{
			margin-top: 37px;
			margin-left: 60px;
			margin-right: 56px;
			border: 6px solid #fff;
			-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.19);
			-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.19);
			box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.19);
			height: 220px;
			}

			figure.frame iframe{
				width: 100%;
				height: 100%;
				}
			
		.f_left{
			float: left;
			margin-right: 20px;
			width:100px;
			}
			.f_left img{
				width:100%	
			}
			
		.list-1_item{
			padding-left: 10px;
			margin-bottom: 30px;
			padding-bottom:20px;
			 
			}
			.list-1_item ul{list-style:disc; margin-left:15px; padding-left:10px; line-height:20px;
			 
			}
			.list-1_item h4{
				margin-top: 14px;
				margin-bottom: 11px;
				}	


.content_block-2{
	padding-top: 0px;
	background: url(../images/bg2.jpg) 0 0 repeat;
	}
	.content_block-2 .bg {
		background: url(../images/om2.png) center top no-repeat;
		padding-top: 37px;
		}



#owl .owl_item{
	margin-bottom: 40px;
	}

.owl_item img{
	width: 100%;
	margin-bottom: 11px;
	-webkit-box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.17);
	box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.17);
	}
	.carousel_title{
		position: relative;
		font: 700 14px/17px 'Lato', sans-serif;
		color: #fc1707;
		font-style: italic;
		padding-left: 37px;
		margin-bottom: 0;
		}
		.carousel_title:before{
			position: absolute;
			left: 0px;
			top: -5px;
			width: 26px;
			height: 26px;
			background: url(../images/title_icon.png) 0 0 no-repeat;
			content: '';
			}

	.owl-controls{
		position: absolute;
		width: 37px;
		top: -57px;
		right: 2px;
		height: 27px;
		}
		
		.second .owl-controls {
			position: absolute;
			width: 37px;
			top: -22px;
			}
		
		.owl-buttons{
			overflow: hidden;
			}
			.owl-prev{
				font-size: 0;
				line-height: 0;
				width: 16px;
				height: 27px;
				background: url(../images/owl_nav.png) 0 0 no-repeat;
				float: left;
				-webkit-transition: 0.3s;
				-moz-transition: 0.3s;
				-ms-transition: 0.3s;
				-o-transition: 0.3s;
				transition: 0.3s;
				}
				.owl-prev:hover{
					background-position: 0 -27px;
					}
			.owl-next{
				float: right;
				font-size: 0;
				line-height: 0;
				width: 16px;
				height: 27px;
				background: url(../images/owl_nav.png) -21px 0 no-repeat;
				-webkit-transition: 0.3s;
				-moz-transition: 0.3s;
				-ms-transition: 0.3s;
				-o-transition: 0.3s;
				transition: 0.3s;
				}
					.owl-next:hover{
						background-position: -21px -27px;
						}


.block-3{
	text-align: center;
	}
	.block-3 blockquote{
		position: relative;
		font: 400 21px/34px 'Lato', sans-serif;
		margin-bottom: 45px;
		color: #72523f;
		}
		.block-3 blockquote:after{
			display: block;
			position: absolute;
			bottom: -18px;
			left: 50%;
			margin-left: -179px;
			width: 358px;
			height: 1px;
			background: #836755;
			content: '';
			}

	.block-3 cite{
		font: 400 27px/27px 'Satisfy', cursive;
		color: #27acd5;
		margin-bottom: 20px;
		display: inline-block;
		}

#thumbs{
	margin-bottom: 45px;
	}
	#thumbs .touch_box {
		overflow: hidden;
		margin-bottom: 27px;
		-webkit-box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.17);
		-moz-box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.17);
		box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.17);
		}
		#thumbs .touch_img{
			position: relative;
			display: block;
			}
		#thumbs .touch_img img{
			width: 100%;
			
			}
		#thumbs .touch_img span.expand{
			position: absolute;
			left: 50%;
			top: -30px;
			margin-top: -16px;
			margin-left: -16px;
			width: 32px;
			height: 32px;
			background: url(../images/hover_lens.png) repeat 0 0;
			-webkit-transition: 0.4s;
			-moz-transition: 0.4s;
			-ms-transition: 0.4s;
			-o-transition: 0.4s;
			transition: 0.4s;
			z-index: 2;
			}
			#thumbs .touch_img:hover span.expand{
				left: 50%;
				top: 50%;
				margin-top: -16px;
				margin-left: -16px;
				background: url(../images/hover_lens.png) repeat 0 0;
				}
		#thumbs .touch_img span.bg{
			background: url(../images/span_bg.png) repeat 0 0;
			position: absolute;
			display: block;
			height: 100%;
			bottom: -100%;
			-webkit-transition: 0.5s;
			-moz-transition: 0.5s;
			-ms-transition: 0.5s;
			-o-transition: 0.5s;
			transition: 0.5s;
			}
			#thumbs .touch_img:hover span.bg{
				background: url(../images/span_bg.png) repeat 0 0;
				left: 0px;
				right: 0px;
				bottom: 0px;
				}

.central{
	text-align: center;
	}
.contents {
	display: table;
	width: 100%;
	padding-top: 2px;
	}
	.content{
		width:100%;
	}
	.contents li {
		display: table;
		margin: 3px 0 0;
		padding: 0 2px 0 18px;
		position: relative;
		}

		.contents li:before {
			position: absolute;
			display: block;
			content: "\f005";
			font-family: FontAwesome;
			font-size: 15px;
			line-height: 15px;
			color: #d64920;
			left: 0px;
			top: 7px;
			}

		.contents li:first-child {
			margin-top: 0;
			}
		.contents li .dt {
			display: table-cell;
			overflow: hidden;
			padding-right: 10px;
			vertical-align: bottom;
			width: 100%;
			}
		.contents li .dt a {
			font: 400 14px/17px 'Lato', sans-serif;
			color: #72523f;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			-ms-transition: 0.3s;
			-o-transition: 0.3s;
			transition: 0.3s;
			}
			.contents li .dt a:hover{
				color: #27acd5;
				text-decoration: none;
				}

		.contents li .dt:after {
			height: 3px;
			background: url(../images/contents_botted.png) repeat-x 0 0;
			content: '';
			display: inline-block;
			margin-left: 4px;
			margin-right: -100%;
			vertical-align: -3px;
			width: 100%;
			}
		.contents li .dd {
			font: 400 14px/16px 'Lato', sans-serif;
			color: #72523f;
			display: table-cell;
			padding-left: 0px;
			text-align: right;
			vertical-align: bottom;
			}
.aa {
	float:right;
	 
}
.bb{
	margin-left:0px;
}
.box3{
	margin-bottom: 28px;
	}
	.shadow_box{
		background: #fff;
		padding: 14px 22px 12px 22px;
		-webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.28);
		-moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.28);
		box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.28);
		margin-bottom: 18px;
		}
		
		.shadow_box h4{
			position: relative;
			padding-left: 33px;
			font: italic 900 24px/29px 'Lato', sans-serif;
			color: #27acd5;
			margin-bottom: 0;
			}
			.shadow_box h4:after{
				position: absolute;
				left: 0;
				top: 3px;
				font-family: FontAwesome;
				content: "\f058";
				font-size: 24px;
				line-height: 24px;
				font-style: normal;
				color: #27acd5;
				}
		.shadow_box p{
			margin-bottom: 0;
			}

.fl_img{
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
	-webkit-box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.17);
	box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.17);
	}
	.date{
		display: block;
		position: relative;
		font: 400 10px/12px 'Lato', sans-serif;
		color: #fc1707;
		padding-left: 14px;
		margin-bottom: 25px;
		}
		.date:before{
			position: absolute;
			top: 1px;
			left: 0;
			font-family: FontAwesome;
			content: "\f017";
			font-size: 10px;
			line-height: 12px;
			color: #fc1707;
			}

.video_box{
	width: 100%;
	height: 200px;
	margin-bottom: 11px;
	-webkit-box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.17);
	box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.17);
	}
	.video_box iframe{
		width: 100%;
		height: 100%;
		}
	.video_box img{
		width: 100%;
		}


/* Tables
-------------------------------------------------------------------------------------- */

.table-1{
	color: #72523f;
	font: 400 14px/21px 'Lato', sans-serif;
	width: 100%;
}
	.table-1 .tcol-1{
		padding-right: 5px;
		width: 164px;
	}
	.table-1 .tcol-2{
		padding-right: 5px;
		width: 264px;
	}
	.table-1 .tcol-3{
		width: 370px;
	}
	.table-1 th{
		border-bottom: 1px solid #72523f;
		border-left: 1px solid #72523f;
		color: #27acd5;
		font: 900 italic 18px/22px 'Lato', sans-serif;
		padding-bottom: 10px;
		padding-left: 30px;
		text-align: left;
		vertical-align: top;
	}
		.table-1 th:first-child{
			border-left: none;
			padding-left: 0;
		}
	.table-1 td{
		border-left: 1px solid #72523f;
		padding-left: 30px;
		text-align: left;
		vertical-align: top;
	}
		.table-1 td:first-child{
			border-left: none;
			padding-left: 0;
		}
		.table-1 tbody tr:first-child td{
			padding-top: 35px;
		}





/* Map
-------------------------------------------------------------------------------------- */


	
	

.map{
	width: 100%;
	float: left;
	/*margin-bottom: 65px;
	margin-right: 25px;
	-webkit-box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.17);
	box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.17);*/
	height:250px;
	}
	.map iframe{
		width: 100%;
		height: 463px;
		}
	

.index_map iframe{
		width: 100%;
		height: 453px;
		}
		.index_map .map{
			float: none;
			width: 100%;
			margin-bottom: 0;
			}

address{
	margin-bottom: 40px;
	}
address dl{
	width: 100%;
	overflow: hidden;
	position: relative;
}
address dt{
	font: italic 900 14px/21px 'Lato', sans-serif;
	color: #762f04;
	margin-bottom: 20px;
	}
address dd{
	overflow: hidden;
	font: 400 14px/21px 'Lato', sans-serif;
	color: #72523f;
	}
	address dd a{
		vertical-align: top;
		font: 400 14px/21px 'Lato', sans-serif;
		color: #fc1707;
		text-decoration: none;
		transition: 0.3s;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		margin-left: 15px;
		}
		address dd a:hover{
			text-decoration: none;
			color: #762f04;
			}
address dl span {
	float: left;
	width: 75px;
	}



/* FOOTER
======================================================================================= */

footer{
	width: 100%;
	 
	
	}
	.footer-top{
		padding:20px;	
		background:#eee;
		border-top:4px solid #e1e0e0;
	}

	footer h4{
		font: 900 16px/21px 'Lato', sans-serif;
		font-style: normal;
		text-transform: uppercase;
		color: #0259a2;
		margin-bottom: 6px;
		}
	footer .col-1,
	footer .col-2,
	footer .col-3,
	footer .col-4,
	footer .col-5{
		margin-bottom: 20px;
		}
	footer .col-1{
		float: left;
		width: 130px;
		}
	footer .col-2{
		float: left;
		width: 112px;
		}
	footer .col-3{
		float: left;
		width: 157px;
		}
	footer .col-4{
		float: left;
		width: 369px;
		}
		footer .col-4 a{
			color: #72523f;
			vertical-align: top;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			-ms-transition: 0.3s;
			-o-transition: 0.3s;
			transition: 0.3s;
			}
			footer .col-4 a:hover{
				text-decoration: none;
				color: #fc1707;
				}
		footer .col-4 p{
			margin-bottom: 25px;
			line-height: 22px;
			}
	.footer_menu li a{	
		color: #72523f;
		text-decoration: none;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		}
		.footer_menu li a:hover,
		.footer_menu li.current a{
			text-decoration: none;
			color: #fc1707;
			}
	footer .col-5{
		float: left;
		width: 369px;
		padding-left: 31px;
		border-left: 1px solid #72523f;
		}
		.footer_social-nets{
			overflow: hidden;
			padding-top: 9px;
			margin-bottom: 40px;
			}
			.footer_social-nets li{
				float: left;
				color: #72523f;
				font-size: 24px;
				line-height: 24px;
				}
				.footer_social-nets li.tw{
					margin-left: 15px;
					}
				.footer_social-nets li.fb{
					margin-left: 30px;
					}
				.footer_social-nets li.pt{
					margin-left: 35px;
					}
				.footer_social-nets li.ld{
					margin-left: 36px;
					}
					.footer_social-nets li a{
						color: #72523f;
						-webkit-transition: 0.3s;
						-moz-transition: 0.3s;
						-ms-transition: 0.3s;
						-o-transition: 0.3s;
						transition: 0.3s;
						}
						.footer_social-nets li a:hover{
							text-decoration: none;
							color: #27acd5;
							}
	#form1 {
		position:relative;
		padding-top: 10px;
		}
		#form1 fieldset{
			overflow: hidden;
			}
			#form1 .email{
				display: block;
				width: 265px;
				float: left;
				}
			#form1 input{
				margin: 0;
				outline: none;
				border: none;
				padding: 4px 9px 5px 9px;
				background: #f2efea;

				font: 400 12px/15px 'Lato', sans-serif;

				color: #b19e90;

				border: 1px solid #72523f;

				width: 100%;
				}
			#form1 .error {		
				display: block;
				overflow: hidden;
				height: 0px;
				font-size: 10px;
				color: #F00;
				-webkit-transition: all 0.3s ease-out; 
				-moz-transition: all 0.3s ease-out; 
				-o-transition: all 0.3s ease-out; 
				transition: all 0.3s ease-out; 
				}
			#form1 .success {
				padding: 6px 10px 5px;
				font: 400 12px/15px 'Lato', sans-serif;
				color: #b19e90;
				background: #f2efea;
				position: absolute;
				z-index: 10;
				right: 59px;
				left: 0px;
				top: 10px;
				width: 265px;
				}
			#form1 .error{
				position: absolute;
				top: -9px;
				}

			#form1 label.invalid .error {
				height: 19px;
				}
			#form1 .btns{
				overflow: hidden;
				float: right;
				}
				#form1 .btns .button{
					display: block;
					font: 700 12px/15px 'Lato', sans-serif;
					background: #fc1707;
					text-transform: uppercase;
					color: #fff;
					padding: 5px 16px 6px 19px;
					-webkit-transition: 0.3s;
					-moz-transition: 0.3s;
					-ms-transition: 0.3s;
					-o-transition: 0.3s;
					transition: 0.3s;
					}
					#form1 .button:hover{
						text-decoration: none;
						background-color: #27acd5;
						}
.footer_bottom{
	background: #003a6a;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	}
	.msg-area{
		margin-right: 20px;
		border: 1px solid #ccc;
		padding: 10px;
		border-radius: 10px;
		background: #eee;
		width:750px;	
	}
	.msg-area h2{
		background:#8f8d8d;
		border-radius:6px;
		padding:8px 10px;
		color:#fff	;
		font-size:18px;
		font-weight:bold;
	}
	.msg-area p{
		color:#333;	
	}
	.msg-area a{
		float:right;	
	}

/* Copyright
-------------------------------------------------------------------------------------- */

.site-name{
	font-size:12px
}
.copyright{
	font: 400 12px/14px 'Lato', sans-serif;
	color: #fff;
	text-align:left;
	}
	.copyright span{
		vertical-align: top;
		}
	.copyright a{color: inherit;}
.footer-link{
	display: block;
	font-size: 12px;
	line-height: 12px;
	text-align: right;
	color:#fff;
}
.footer-link a{
	color:#fecd0b;
	font-weight:bold
}
.footer-link a:hover{
	color:#fff;
	text-decoration:none
}
/* Back to top
-------------------------------------------------------------------------------------- */
#toTop {
	border: none;
	bottom: 300px;
	color: transparent;
	display: none;
	height: 27px;
	overflow: hidden;
	position: fixed;
	right: 40px;
	text-decoration: none;
	width: 27px;
	padding-left: 3px;
	z-index: 20;
	font-size: 28px;
	line-height: 28px;
	margin-right: -700px !important;
	}
	#toTop:before {
	font-family: FontAwesome;
	content: '\f0aa';
	color: #72523f;
	}
	#toTop:hover:before {
		color: #27acd5;
		}






/* Mobile portrait
-------------------------------------------------------------------------------------- */


.box{
	margin-right:20px;	
}
.btn-primary{
	padding:5px 10px;
	border-radius:15px;
	background:#cd5c3c;	
	border:none;
	cursor:pointer
}
.gal1{
	display:inline-block;
	margin:0 5px 20px;
	width:29.5%; 
	transition:opacity 2s ease-in;
	
		
}

.gal1 img{
	box-shadow:#fff 2px 2px 4px;
	border-radius:10px;
	border:2px solid #ccc;
	width:100px;
	height:75px;
	transition:.5s all ease-in-out;
	-webkit-transition:.3s all ease-in-out;
	-moz-transition:.3s all ease-in-out;
	-o-transition:.3s all ease-in-out;
}
.gal1 img:hover{
	box-shadow:#ffc000 0px 0px 2px 3px;
	border-radius:10px;
	border:2px solid #ffc000;
	transition:opacity 2s ease-in;
}

.gal2{
	display:inline-block;
	margin:0 5px 22px;
	width:18.5%; 
	transition:opacity 2s ease-in;
	
		
}
.gal2 img{
	box-shadow:#fff 2px 2px 4px;
	border-radius:10px;
	border:2px solid #ccc;
	width:207px;
	height:135px;
	transition:.5s all ease-in-out;
	-webkit-transition:.3s all ease-in-out;
	-moz-transition:.3s all ease-in-out;
	-o-transition:.3s all ease-in-out;
}
.gal2 img:hover{
	box-shadow:#ffc000 0px 0px 2px 3px;
	border-radius:10px;
	border:2px solid #ffc000;
	transition:opacity 2s ease-in;
}
.galwrapper{
	margin:auto -15px;
	margin-top:28px;
}
.dtl1{
	  
	 background:#fff;
	 font-size:15px	;
	border-radius:5px;
	text-align:left
}
.dtl1 img{
	width:150px;	
	padding:2px;
	margin:10px;
	border:2px solid #000;
	border-radius:15px;
}
.dtl1 td{
	border-bottom:1px solid #ccc;
}
.dtl2{
		padding:15px;
		width:70%;
		text-align:left
}
.bx1{
	width:28%;
	float:left;
	padding:16px;
	text-align:center;
	background:#fff;
	height:460px;
	box-shadow:#666 2px 2px 5px;
}
.gp{
	 margin:0 21px 30px;	
}
.bx1 img{
	margin-bottom:30px;	
}
 .text{
		text-align:justify 
 }
 
 .ntc h3{
	padding:7px 10px;
	color:#fff; 
	background:#0259a2;
	text-align:left;
	border-radius:6px;
 }
 .ntc marquee{
	margin:10px; 
 }
 .scroll a{
	color:#333; 
 }
 
 
/* .fa {
  padding: 20px;
   
  width:150px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  -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;
  float:left;
  
  
}

.fa:hover {
     
	background:#0259a2;
	text-decoration:none;
	 
}*/

.fa-facebook {
  background: #3B5998;
  color: white;
  padding:15px;
  margin-bottom:5px;
  width:100px; 
  float:left;
  
}
.fa-icon{
	padding-right:10px;	
}
.fa-twitter {
  background: #55ACEE;
  color: white;
  padding:15px;
  margin-bottom:5px;
  width:100px;  
  float:left;
}

.fa-google {
  background: #dd4b39;
  color: white;
 padding:15px;
  margin-bottom:5px;
  width:100px;  
  float:left;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
  padding:15px;
  margin-bottom:5px;
  float:left;
  width:100px;  
}

.fa-youtube {
  background: #bb0000;
  color: white;
  padding:15px;
  margin-bottom:5px;
  float:left;
  width:100px;  
}
 
.frm1-textarea{
	width:85%;
	padding:5px 10px;
	border:1px solid #ccc;
	margin-bottom:10px;	
	box-shadow:0px 0px 5px #eee;
	font: 14px 'Lato', sans-serif;
	transition:.3s all ease-in-out;
	-webkit-transition:.3s all ease-in-out;
	-moz-transition:.3s all ease-in-out;
	-o-transition:.3s all ease-in-out;
	border-radius:5px;
	
}
.frm1-textarea:hover{
	
	border:1px solid #fecd0b;
	margin-bottom:10px;	
	box-shadow:0px 0px 5px #fada5d;
	 
	
}

.frm1{
	width:85%;
	padding:5px 10px;
	border:1px solid #ccc;
	margin-bottom:10px;	
	box-shadow:3px 3px 2px #eee;
	transition:.3s all ease-in-out;
	-webkit-transition:.3s all ease-in-out;
	-moz-transition:.3s all ease-in-out;
	-o-transition:.3s all ease-in-out;
	border-radius:5px;
}
.frm1:hover{
	border:1px solid #fecd0b;
	 
	box-shadow:0px 0px 5px #fada5d;
	 
}
 
 
 
 .rch{
	background:#ffed00 ;
	margin:10px;
 }
 .map1{
	
	margin:10px; 
 }
 .box5{
	padding:5px; 
	background: #eee;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height:auto
 }
 .cntr{
	text-align:center 
 }
 .nw{
	background:#a7c8e4 
 }
 .boxt{
	background: #0c75ce;;
	padding: 5px;
	text-decoration: none;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;	
	text-transform:uppercase;
	font-weight:bold !important
}
.ful-box{
	background:#eee;
	float:left	
}
.boxt h4{
	color:#fff;
	font-weight:bold;
		
}
 #contact-details h4{
	background:#ccc;
	color:#333;
	padding:7px;
	border-radius:10px; 
	text-decoration:none;
 }
 .box-lft {
		width:48%;
		float:left 
 }
 
 .box-full{
	padding: 15px;
border: 1px solid #eee;
border-radius: 10px;
float: left;
width: 95.5%;
margin-bottom: 15px;
 }
 .inner_body {
    padding: 20px;
}
.inner_body h5 {
    background:#0a5492;
    color:#FFF;
}
 
 
 
<!-- Date Time------------------------------------------------>
#date_time{
	font: 14px/21px 'Lato', sans-serif;
	color:#fff;
	padding:5px
	
}


<!-- Button ----------------------------------------------->
button {
  display: inline-block;
  margin: 0 10px 0 0;
  padding:5px 0px;
  font-size: 12px;
  line-height: 1.8;
  vertical-align: bottom;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border:1px solid #0259a2;
  cursor:pointer;
}
button:focus {
  outline: none
}


section.press button {
  color: #fff;
  background-color: #003a6a;
 border:1px solid #0259a2;
  border-radius:5px;
  -webkit-box-shadow: 0 7px #ccc;
  -moz-box-shadow: 0 7px #ccc;
  box-shadow: 0 7px #ccc;
  padding:5px 10px;
  cursor:pointer;
	 
	transition:.3s all ease-in-out;
	-webkit-transition:.3s all ease-in-out;
	-moz-transition:.3s all ease-in-out;
	-o-transition:.3s all ease-in-out;
}
section.press button:hover,
section.press button.hover {
  background-color: #0259a2;
  border:1px solid #fff;
  box-shadow:0px 0px 5px #eee;
  
}
section.press button:active,
section.press button.active {
  background-color: #0259a2;
  -webkit-box-shadow: 0 4px #333;
  -moz-box-shadow: 0 4px #333;
  box-shadow: 0 4px #333;
  -webkit-transform: translateY(3px);
  -moz-transform: translateY(3px);
  -ms-transform: translateY(3px);
  -o-transform: translateY(3px);
  transform: translateY(3px);
}
<!-- Button -->


.textwidget img{
	border-radius:10px;
	border:2px solid #ccc;	
}
/* ======================================================================================= */
/* RESPONSIVE LAYOUTS
/* ======================================================================================= */

/* Tablet portrait
-------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1199px) {


	.sf-menu > li {
		padding: 22px 8px 24px;
		}
	
	.map{
		float: none;
		margin-right: 0;
		width: 100%;
		}

	#form label{
		width: 100%;
		}
	
	#form .success-message{
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		}


	footer .col-1 {
		float: left;
		width: 125px;
		}
	footer .col-2 {
		float: left;
		width: 80px;
		}
	footer .col-3 {
		float: left;
		width: 120px;
		}
	footer .col-4 {
		float: left;
		width: 200px;
		}
		.gal1{
			width:10.5%	;
			float:left;
			 
		}
		.gal1 img{
			width:100%	
		}
		
}

@media only screen and (max-width: 979px) {
	.img_fleft,
	.img_right{
		max-width: 45%;
	}
	
	.fl_img{
		float: none;
		margin-right: 0;
		width: 100%;
		}
	
	.sf-menu > li{
		margin-left: 15px;
	}
	
	h1 {
		text-align: center;
		float: none;
		margin-right: 0;
		max-width: 100%;
		}
	nav.header_menu {
		float: none;
		margin-right: 0;
		border-bottom: 1px solid #e6e6e6;
		}
		.sf-menu > li {
			padding: 22px 21px 24px;
			}
	.header_social-nets {
		float: none;
		text-align: center;
		margin-bottom: 20px;
		
		}
		.header_social-nets li {
			float: none;
			display: inline-block;
			}
	.banner_caption {
		display: none !important;
		}
	
	figure.frame {
		margin-top: 50px;
		margin-left: 0px;
		margin-right: 0px;
		}
	
	.table-1 th,
	.table-1 td{
		padding-left: 10px;
	}
		.table-1 tbody tr:first-child td{
			padding-top: 10px;
		}
	
	
	
	footer .col-3 {
		float: left;
		width: 100px;
		}
	footer .col-4 {
		float: left;
		width: 195px;
		}
	footer .col-5 {
		float: left;
		width: 244px;
		padding-left: 0;
		border-left: none;
		}
		.footer_social-nets {
			margin-bottom: 20px;
			}
		#form1 .email {
			width: 140px;
			}
			.fa {
		width:70%;
		text-align:center;
		}
	.gal1{
			width:70%	;
			float:left;
			 
		}
		.gal1 img{
			width:100%	
		}
}



/* Mobile landscape
-------------------------------------------------------------------------------------- */

@media only screen and (max-width: 767px) {
	.header_contact-phone {
		display: none;
		}
	.header_contact-email {
		border-left: none;
		}
	h1{
		margin-bottom: 20px;
		}
	
	.sf-menu{
		display: none;
	}
	
	nav.header_menu {
		padding-right: 20px;
		padding-left: 20px;
		}
		#mm0{
			display: block;
			margin: 20px 0;
			border-radius:15px;
			padding:10px;
			background:#ffc000
			
		}
	figure.frame {
		margin-top: 0px;
		margin-bottom: 40px;
		}
	.index_map iframe {
		height: 250px;
		}
	
	.block-3 blockquote:after {
		bottom: -18px;
		left: 0;
		margin-left: 0; 
		width: 100%;
		}
	
	.shadow_box h4 {
		font-size: 20px;
		}
	
	footer .col-1,
	footer .col-2,
	footer .col-3,
	footer .col-4 {
		float: none;
		width: 100%;;
		}
	.iname input{
		width:80%;
	}
	.logo img{
		width:90%;	
	}
	.frm1{
	width:100%;
	padding:10px;
	
	}
	.frm1-textarea{
	width:100%;
	padding:10px;
	
	}
	.box{
		margin-bottom:30px;	
	}
	.copyright{
		text-align:center;
		width:100%
	}
	.footer-link{
		text-align:center;	
	}
	.fa {
		width:70%;
		text-align:center;
		}
	.gal1{
			width:70%	;
			float:left;
			 
		}
		.gal1 img{
			width:100%	
		}
}
 
 
 @media only screen and (max-width: 479px) {
	.img_fleft.nofloat,
	.img_right.nofloat{
		float: none;
		max-width: inherit;
		margin: 0 0 20px;
	}
	.iname input{
		width:60%;
	}
	.logo img{
		width:90%;	
	}
	.box{
	margin-right:20px;
	margin-bottom:20px;	
	}
	.frm1{
	width:90%;
	padding:10px;
	border:1px solid #ccc;
	
	}
	.frm1-textarea{
	width:90%;
	}
	
	.fa {
		width:100%;
		text-align:center
		}
		.gal1{
			width:97%	;
			float:left;
			 
		}
		.gal1 img{
			width:100%	
		}
}

<!-- Social Icon -->
<!-- Hover -->
.hover-box{
	width:250px;
	height:200px;
	padding:15px;	
	float:left
}
.container-box2 .text a{
	color:#0C75CE;
}
.text a{
	color:#836207;	
	font-weight:bold;  
	line-height:30px;
	letter-spacing:1px;
	text-decoration:underline;
	font-size:14px;
	 
}
.text a:hover{
	color:#333;	font-weight:bold;
	 
}
.container-box {
  position: relative;
width: 222px;
padding: 20px;
text-align: center;
border: 1px solid #ffdcd;
border: 3px solid #fedd57;
border-radius: 10px;
color: #0c75ce;
cursor: pointer;
float:left; 
margin-right:20px;
margin-bottom:20px;
}
.container-box STRONG {
	font-weight:bold;	
}
 .container-box2 {
  position: relative;
width: 320px;
padding: 20px;
text-align: center;
border: 1px solid #ffdcd;
border: 3px solid #b3d9f8;
border-radius: 10px;
color: #b3d9f8;
cursor: pointer;
float:left; 
margin-right:20px;
margin-bottom:20px;
background:#0c75ce;
}
 .container-box1 {
  position: relative;
width: 320px;
padding: 20px;
text-align: center;
border: 1px solid #ffdcd;
border: 3px solid #b3d9f8;
border-radius: 10px;
color: #b3d9f8;
cursor: pointer;
float:left; 
margin-right:20px;
margin-bottom:20px;
background:#0c75ce;
}
.container-box2 STRONG {
	font-weight:bold;	
}
.container-box2:hover .overlay {
  width: 100%;
  left: 0;
}
.container-box1:hover .overlay {
  width: 100%;
  left: 0;
}
.image {
  display: block;
  width: 100%;
  height: auto;
}
.container-box2 .overlay{
	position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  background-color: #b3d9f8;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}
.overlay {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  background-color: #fedd57;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

.container-box:hover .overlay {
  width: 100%;
  left: 0;
}

.text {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  text-align:center;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

<!-- Hover -->


.container-box1 {
    position: relative;
width: 164px !important;
padding: 20px;
text-align: center;
border: 1px solid #ffdcd;
border: 3px solid #fedd57;
border-radius: 10px;
color: #0c75ce;
cursor: pointer;
float:left; 
margin-right:20px;
margin-bottom:20px;
height:200px
}

.container-box1 .image {
  display: block;
  width: 200px;
  height: 250px;
}

 .container-box1 .overlay {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 200px;
  height: 200px;
  transition: .5s ease;
} 

 

.container-box1 .text {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.lft{
	width:770px;
	float:left
}
.rght{
	width:300px;
	float:right;	
}

.stf{
	background:#eee;
	border:1px solid #fff	
}
.stf th{
	background: #aad0f0;
	padding: 5px;
	font-size: 15px;
	font-weight: bold;
	text-align:left;
	border:1px solid #fff
}
.stf th:last-child{
	border-right:0px;
}
.stf-ttl{
	padding:7px;
	background:#0c75ce;
	color:#fff;
	font-size:18px;	
	font-weight:bold
	}
.stf td{
	border:1px solid #fff;
	padding:5px;
}
.stf img{
	border-radius: 8px;
border: 2px solid #fff;	
}
.dwnld a{
	padding: 10px;
	border: 2px solid #eee;
	border-radius: 20px;
	margin-top: 20px;
	top: 20px;	
}
.dwnld a:hover{
	border-color:#0c75ce;
	 	
}
.dept ul{
	text-transform: uppercase; 
	 
	margin-bottom: 3px;
	line-height: 35px;
	 
	 
}
.dept ul li{
	background: #eee;
	padding: 3px 10px;
	border-right: 5px solid #ccc;
	width: 50%;
	margin-bottom:3px;	
	transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-ms-transition:.3s ease-in-out;
}
.dept ul li:hover{
	width:51%;
	border-right:5px solid #0c75ce
}