/***************** Colours *******************/
/*
Dark Grey: #3f4752;
Light Grey: #9ea8b8;
Orange: #f88c00;
Bright Orange: fab000;
Lightest Grey: #ddd;
Container Background: #eee;
Blue: #2faadd;
Green: #b17521;
Enortal: #00688B;
*/

* {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 300 !important;
}

/* Import Hobo Font */
@font-face {
	font-family: HoboStd;
	src: url(fonts/HoboStd.otf);
}

body {
	background: #f0f0f0 !important;
}

html {
	overflow-y: scroll !important;
}

.nav-tabs {
	border-bottom: none !important;
}

.small_margin_top {
	margin-top: 10px !important;
}

.med_margin_top {
	margin-top: 20px !important;
}

.large_margin_top {
	margin-top: 30px !important;
}

.open_sans {
	font-family: 'Open Sans', sans-serif !important;
}

/****************************************************************************/
/************************************* Scrollbar ****************************/
/****************************************************************************/

::-webkit-scrollbar {
	width: 6px;
	background: #fff;
	border-left: transparent;
}

::-webkit-scrollbar-thumb {
	background: #3f4752;
}

/****************************************************************************/
/************************************ Navigation ****************************/
/****************************************************************************/

.site_title {
	font-size: 36px;
	font-weight: 100 !important;
	color: #2faadd;
	margin-top: 9px;
	letter-spacing: -2px;
	/*
	background-image: url('../images/zingel-logo-bluea.png');
	background-repeat:no-repeat;
	background-position:left;
	padding-left:60px;
	display:inline-block;
	*/
}

.navigation {
	height: 60px;
	border-bottom: 2px solid #fff;
	background: #3f4752;
}

.main_navigation {
	text-align: right;
	margin-top: 12px;
}

.main_navigation ul {
	list-style: none;
}

.main_navigation ul li {
	display: inline-block;
}
	
.main_navigation ul li a {
	font-size: 13px;
	color: #aaa;
	padding: 0 12px;
	font-weight: 400 !important;
}

.main_navigation ul li a:hover {
	color: #fff;
}

.dropdown-menu {
	margin-top: 12px !important;
	margin-left: 54%;
	background: #3f4752;
	border: 1px solid #fff;
	text-align: left;
}

.dropdown-menu li {
	display: block !important;
	padding: 3px 0;
}

.dropdown-menu li a {
	
}

.dropdown-menu li a:hover {
	background: transparent;
	color: #fff;
}

/****************************************************************************/
/************************************** Banner ******************************/
/****************************************************************************/

.banner {
	background: url('../images/banner.jpg');
	height: 419px;
	background-size: 100% !important;
}

.banner h3 {
	color: #fff;
	margin-top: 150px;
	font-weight: 100 !important;
	margin-bottom: 0;
}

.banner h4 {
	margin-top: 8px;
	margin-bottom: 0;
	color: #feda4a;
	font-size: 21px;
}

.banner p {
	margin-top: 8px;
	margin-bottom: 0;
	color: #ddd;
	font-size: 12px;
}

/****************************************************************************/
/********************************* Home Page Sections ***********************/
/****************************************************************************/

.padding_section {
	padding: 30px 0;
}

.about_us {
	background: #fff;
	border-bottom: 1px solid #ddd;
}

.three_points {

}

.three_points img {

}

.three_points p {
	margin-left: -8px;
}

.three_points .title {
	font-weight: 500 !important;
	font-size: 14px;
	margin-top: 4px;
	margin-bottom: 0;
}

.three_points .information {
	font-weight: 300 !important;
	font-size: 12px;
	margin-bottom: 0;
}

.portfolio_information h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 400 !important;
	color: #2faadd;
}

.portfolio_information p {
	margin-top: 4px;
	margin-bottom: 0;	
	font-size: 12px;
	font-weight: 400 !important;
}

.portfolio_information a {
	font-size: 12px;
	color: #3f4752;
	border: 1px solid #aaa;
	padding: 3px 25px;
	font-weight: 400 !important;
}

.portfolio_information a:hover {
	color: #fff;
	background: #2faadd;
	border-color: #fff;
}

.full_portfolio {
	margin-top: 58px;
}

.portfolio_slider img {
	width: 150px;
	height: 150px;
	opacity: 0.5;
	transition: opacity 1s;
}

.portfolio_slider a:hover img {
	opacity: 1;
}

.portfolio_slider .slick-prev {
	left: 645px !important;
}

.portfolio_slider .slick-next {
	right: -90px !important;
}

.portfolio_slider .slick-prev:before, .portfolio_slider .slick-next:before {
	color: #2faadd !important;
	font-size: 30px !important;
}

.portfolio_slider .slick-next, .portfolio_slider .slick-prev {
	width: 30px !important;
	height: 30px !important;
	z-index: 1;
}

.portfolio_slider {
	margin-bottom: 0 !important;
}

.why_section, .our_services  {
	background: #fff;
	border-top: 1px solid #ddd;
	padding-bottom: 0 !important;
}

.why_section h3, .our_services h3 {
	text-align: center;
	font-size: 30px;
	font-weight: 100 !important;
	margin-top: 0;
}

.why_section h3 span {
	font-weight: 400 !important;
	color: #2faadd;
}

.why_section ul, .our_services ul {
	list-style: none;
	margin-top: 25px;
}

.why_section ul li, .our_services ul li {
	display: block;
	font-size: 12px;
	padding: 7px 0;
}

.why_section ul li img, .our_services ul li img{
	width: 10px;
}

.line_break {
	width: 100%;
	height: 1px;
	background: #ddd;
}

.laptop_image img {
	margin-left: -32px;
}

.blog_section {
	border-top: 1px solid #ddd;
}

.section_title {
	margin-top: 0;
	font-size: 22px;
	width: 30%;
}

.section_title span {
	color: #2faadd;
}

.title_line_break {
	width: 70%;
	height: 1px;
	background: #ddd;
	margin-top: -26px;
	margin-left: 30%;
}

.blog_post {
	padding: 10px;
	background: #fff;
}

.blog_post p {
	margin-bottom: 0;
}

.blog_title {
	font-size: 12px;
	font-weight: 400 !important;
	color: #3f4752;
}

.blog_content {
	font-size: 12px;
	color: #3f4752;
}

.blog_meta {
	font-size: 11px;
	color: #aaa;	
}

.blog_image {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.blog_image img {
	height: 180px;
	width: 100%;
}

.blog_wrapper {
	opacity: .5;
	transition: opacity 1s;
}

.blog_section a:hover .blog_wrapper {
	opacity: 1;
}

.contact_section {
	background: #fff;
	border-top: 1px solid #ddd;
}

.map_section {
	margin-top: 30px;
}

.opening_times {
	margin-top: 30px;
	background: url('../images/side_clock.png') no-repeat right;
	height: 200px;
}

.opening_times .nav-tabs li a {
	font-weight: 400 !important;
	font-size: 13px;
	color: #3f4752;
	font-family: 'Roboto', sans-serif !important;
	border: none !important;
	padding: 0 15px;
}

.opening_times .nav-tabs li a:hover, .opening_times .nav-tabs li.active a:hover {
	background: none;
	border: none !important;
	color: #f88c00;
}

.opening_times .nav-tabs li.active a {
	color: #f88c00;
	font-weight: 400 !important;
	font-size: 13px;
	background: none;
}

.opening_times .tab-pane {
	text-align: center;
	margin-top: 60px;
}

.opening_times .tab-pane h4 {
	font-size: 28px;
	font-weight: 400 !important;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: -60px;
}

.opening_times .tab-pane p {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400 !important;
	color: #f88c00;
	margin-left: -60px;
}

/****************************************************************************/
/************************************** Internal ****************************/
/****************************************************************************/

.internal_title {
	background: #fff;
	padding: 30px 0;
	border-bottom: 1px solid #ddd;
}

.internal_title h6 {
	margin-bottom: 0;
	margin-top: 0;
	font-size: 20px;
}

.internal_title h6 small {

}

.breadcrumbs {
	text-align: right;
}

.breadcrumbs p {
	margin-bottom: 0;
	margin-top: 2px;
	font-weight: 400 !important;
	font-size: 12px;
}

.breadcrumbs p a {
	color: #2faadd;
	font-weight: 400 !important;
}

.breadcrumbs p a:nth-child(1) {
	margin-left: 4px;
}

.white_background {
	background: #fff !important;
}

/****************************************************************************/
/********************************** About Us Page ***************************/
/****************************************************************************/

.about_us_internal {
	border-bottom: 1px solid #ddd;
}

.internal_sub_heading {
	font-size: 22px;
	font-weight: 400 !important;
	color: #2faadd;
	margin-bottom: 0;
	margin-top: 0;
}

.internal_content {
	font-size: 12px;
	font-weight: 400 !important;
	margin-bottom: 0;
	margin-top: 10px;
}

.about_us_internal img {
	margin-top: 12px;
}

.career_opp {
	padding: 7px 10px;
	background: #f0f0f0;
	border: 1px solid #ddd;
}

.career_opp h6 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400 !important;
}

.career_opp p {
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 11px;
}

.career_opp a {
	font-size: 12px;
	border: 1px solid #fff;
	padding: 3px 20px;
	color: #fff;
	background: #2faadd;
	font-weight: 400 !important;
}

.team_member_avatar {
	width: 100%;
	height: 170px;
	border: 1px solid #aaa;
}

.team_member_name {
	margin-top: 6px;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 500 !important;
}

.team_member_role {
	margin-top: -4px;
	margin-bottom: 2px;
	font-size: 11px;
	color: #aaa;
}

.team_member_profile {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 12px;	
}

/****************************************************************************/
/********************************** Portfolio Page **************************/
/****************************************************************************/

.portfolio_section_internal {
	border-bottom: 1px solid #ddd;
}

.portfolio_desc {
	font-size: 12px;
	color: #00688b;
	font-weight: 300 !important;
	margin-top: 0;
	margin-bottom: 0;
}

.portfolio_single_image {
	width: 100%;
	height: 400px;
	margin-bottom: 20px;
}

.strong_text {
	font-weight: 500 !important;
	margin-top: 2px !important;
}

.portfolio_meta {
	background: #fff;
	padding: 5px 12px;
	border: 1px solid #ddd;
	box-shadow: 0 0 5px #ddd;
}

.portfolio_meta p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 13px;
}

.portfolio_meta a {
	font-size: 13px;
	color: #2faadd;
	font-weight: 400 !important;
}

.similar_project {
	margin-top: 30px;
	padding: 0;
}

.similar_project a img {
	opacity: 0.4;
	transition: opacity 1s;
	width: 150px;
	height: 150px;
}

.similar_project a:hover img {
	opacity: 1;
}

/****************************************************************************/
/******************************** Portfolio Two Col *************************/
/****************************************************************************/

.two_col_portfolio {

}

.two_col_portfolio a {

}

.two_col_portfolio a:hover .portfolio_entry {
	opacity: 1;
}

.two_col_portfolio .portfolio_entry {
	opacity: .7;
	transition: opacity 1s;
}

.two_col_portfolio .portfolio_entry img {
	width: 100%;
	height: 300px;
}

.two_col_portfolio .portfolio_entry p {
	font-size: 13px;
	font-weight: 400 !important;
	color: #00688b;
	background: #fff;
	padding: 15px;
	border: 1px solid #ddd;
	border-top: none;
}

/****************************************************************************/
/******************************* Portfolio Three Col ************************/
/****************************************************************************/

.three_col_portfolio {

}

.three_col_portfolio a {

}

.three_col_portfolio a:hover .portfolio_entry {
	opacity: 1;
}

.three_col_portfolio .portfolio_entry {
	opacity: .7;
	transition: opacity 1s;
}

.three_col_portfolio .portfolio_entry img {
	width: 100%;
	height: 200px;
}

.three_col_portfolio .portfolio_entry p {
	font-size: 13px;
	font-weight: 400 !important;
	color: #00688b;
	background: #fff;
	padding: 15px;
	border: 1px solid #ddd;
	border-top: none;
}

/****************************************************************************/
/********************************* Blog Large Thumb *************************/
/****************************************************************************/

.small_padding_section {
	padding: 30px 0;
}

.blog_large_thumb {
	background: #fff;
	border: 1px solid #ddd;
	padding: 20px;
}

.blog_large_thumb img {
	width: 100%;
	height: 300px;
	margin-bottom: 6px;
}

.blog_large_thumb .blog_title {
	font-size: 18px;
	font-weight: 400 !important;
	color: #3f4752;
	margin-top: 0px;
	margin-bottom: 0px;
}

.blog_large_thumb .blog_title span {
	font-size: 11px;
	background: #f0f0f0;
	padding: 2px 7px;
	position: relative;
	top: -2px;
}

.blog_large_thumb .blog_meta {
	font-size: 12px;
	color: #aaa;
	margin-top: 16px;
	text-align: right;
}

.blog_large_thumb .blog_meta a {
	color: #2faadd;
	font-weight: 400 !important;
}

.blog_large_thumb .blog_content {
	font-weight: 400 !important;
	font-size: 12px;
	color: #aaa;
}

.blog_posted_by {
	background: #f0f0f0;
	border: 1px solid #ddd;
	padding: 10px;
}

.blog_posted_by img {
	width: 100px;
	height: 100px;
}

.blog_posted_by .name {
	font-size: 13px;
	font-weight: 500 !important;
	margin-bottom: 0;
	margin-left: 20px;
}

.blog_posted_by .bio {
	font-size: 12px;
	font-weight: 400 !important;
	margin-bottom: 0;	
	margin-left: 20px;
	color: #aaa;
}

.comment {
	margin-bottom: 15px;
}

.comment img {
	width: 80px;
	height: 80px;
}

.comment_creator {
	margin-bottom: 0;	
	font-weight: 500 !important;
	font-size: 12px;
}

.comment_body {
	margin-bottom: 0;
	font-size: 12px;
}

.comment_meta {
	font-size: 12px;
	font-weight: 400 !important;
	color: #aaa;
	margin-bottom: 0;
}

.comment_meta a {
	color: #2faadd;
	font-weight: 400 !important;
	margin-left: 10px;
}

.comment_wrap {
	background: #fdfdfd;
	padding: 8px 10px;
	border: 1px solid #ddd;
}

.add_comment_form {

}

.add_comment_form input[type=text] {
	font-size: 12px;
	font-weight: 400 !important;
	border: 1px solid #ddd;
	padding: 3px 6px;
	width: 30%;
	margin-bottom: 10px;
}

.add_comment_form textarea {
	font-size: 12px;
	font-weight: 400 !important;
	font-size: 12px;
	font-weight: 400 !important;
	border: 1px solid #ddd;
	padding: 3px 6px;
	width: 100%;
	resize: none;
	height: 100px;
}

.add_comment_form input[type=submit] {
	font-size: 12px;
	font-weight: 400 !important;
	background: #fff;
	border: 1px solid #ddd;
	color: #3f4752;
	padding: 2px 18px;
	transition: background 1s;
}

.add_comment_form input[type=submit]:hover {
	background: #f88c00;
	color: #fff;
}

.add_comment_form label {
	font-size: 12px;
	font-weight: 400 !important;
	display: block;
	margin-bottom: 0;	
}

/****************************************************************************/
/********************************* Blog Small Thumb *************************/
/****************************************************************************/

.blog_small_thumb {
	background: #fff;
	border: 1px solid #ddd;
	padding: 20px;
}

.blog_small_thumb img {
	width: 100%;
	height: 120px;
}

.blog_small_thumb .blog_title {
	font-size: 18px;
	font-weight: 400 !important;
	color: #3f4752;
	margin-top: 0px;
	margin-bottom: 0px;
}

.blog_small_thumb .blog_title a {
	color: #3f4752;
	font-weight: 400 !important;
}

.blog_small_thumb .blog_title a:hover {
	color: #2faadd;
}

.blog_small_thumb .blog_title span {
	font-size: 11px;
	background: #f0f0f0;
	padding: 2px 7px;
	position: relative;
	top: -2px;
}

.blog_small_thumb .blog_meta {
	font-size: 12px;
	color: #aaa;
	margin-top: 16px;
	text-align: right;
}

.blog_small_thumb .blog_meta a {
	color: #2faadd;
	font-weight: 400 !important;
}

.blog_small_thumb .blog_content {
	font-weight: 400 !important;
	font-size: 12px;
	color: #aaa;
}

/****************************************************************************/
/*********************************** Blog Sidebar ***************************/
/****************************************************************************/

.blog_sidebar {

}

.blog_sidebar .search_blog {

}

.blog_sidebar .search_blog input {
	background: #fff;
	border: 1px solid #ddd;
	color: #aaa;
	font-size: 12px;
	padding: 3px 8px;
	width: 100%;
}

.blog_subtitle {
	font-size: 14px;
	font-weight: 500 !important;
	margin-bottom: 0;
	margin-top: 0;
}

.blog_categories {

}

.blog_categories a {
	font-size: 13px;
	display: block;
	color: #3f4752;
	padding: 2px 0 2px 10px;
}

.blog_categories a span {
	color: #aaa;
}

.blog_tags {

}

.blog_tags a {
	background: #fff;
	padding: 5px 20px;
	font-size: 11px;
	font-weight: 400 !important;
	color: #3f4752;
	border: 1px solid #ddd;
	transition: background 1s;
	border-radius: 3px;
}

.blog_tags a:hover {
	background: #f88c00;
}

/****************************************************************************/
/************************************* Contact ******************************/
/****************************************************************************/

.contact_form_section form input[type=text] {
	font-size: 12px;
	font-weight: 400 !important;
	background: #fff;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	padding: 5px 10px;
	width: 32%;
}

.contact_form_section form input[type=submit] {
	font-size: 12px;
	font-weight: 400 !important;
	padding: 2px 25px;
	background: #fff;
	border: 1px solid #ddd;
}

.contact_form_section form textarea {
	font-size: 12px;
	width: 97%;
	font-weight: 400 !important;
	border: 1px solid #ddd;
	resize: none;
	height: 100px;
	padding: 5px 10px;
}

.contact_info p {
	font-size: 12px;
	margin-bottom: 0;
}

.contact_info p span {
	font-weight: 400 !important;
}

.contact_info p.strong_text {
	font-size: 14px;
	margin-bottom: 0;
}

.thankyou {
	background: #feda4a;
	text-align: center;
	padding: 5px;
}

.thankyou p {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400 !important;
}

/****************************************************************************/
/************************************** Footer ******************************/
/****************************************************************************/

footer {
	background: #3f4752;
	border-top: 2px solid #2faadd;
}

.footer_col {

}

.footer_col p {
	margin-bottom: 0;
	font-size: 12px;
}

.footer_col p.title {
	font-weight: 500 !important;
	font-size: 14px !important;
	margin-bottom: 6px;
	color: #2faadd;
}

.footer_col a img {
	width: 50px;
	height: 50px;
	margin-top: 8px;
	border: 2px solid #ddd;
}

.footer_col ul {
	list-style: none;
	padding-left: 0;
}

.footer_col ul li {
	display: block;
}

.footer_col ul li a {
	font-size: 12px;
	color: #aaa;
	font-weight: 400 !important;
}

.footer_col ul li a:hover {
	color: #fff;
}

.footer_col p span {
	font-weight: 500 !important;
}

footer .main_section {
	padding: 30px;
}

.copyright_section {
	background: #333;
	padding: 10px;
}

.copyright p {
	font-size: 12px;
	font-weight: 400 !important;
	color: #ddd;
	margin-bottom: 0;
}

.developed_by {
	text-align: right;
}

.developed_by p {
	font-size: 12px;
	font-weight: 400 !important;
	color: #ddd;
	margin-bottom: 0;
}

.developed_by p a {
	color: #feda4a;
	font-weight: 400 !important;
}