/***********************************
	GENERAL
***********************************/
	body {
		background: #fff; font-size: 14px;
	}
	.visible {
		visibility: visible;
		display: block;
	}
	
	a {color: #003a64;}
	a:hover {color: #454446; text-decoration: none;}
	
	/* GENERAL */
		.inside {
			padding: 40px 0;
		}
		h1,h2,h3,h4,h5,h6,
		.navbar-header .caption,
		.widget-lang ul li a {
			font-family: 'Open Sans', sans-serif;
		}
		img.full {
			width: 100%;
		}
		.page-title {
			text-align: center;
		}

	
	/* ERROR */
		h1.error404,
		h2.error404,
		p.error404 {
			text-align: center; font-weight: bold;
		}
		h1.error404 {
			 font-size: 72px;
		}
		h2.error404 {
			 font-size: 28px;
		}
	
	.box img {
		width: 100%; margin: 0;
	}
	
/***********************************
	HEADER
***********************************/
	/* HEADER */
	header {
		margin: 0 0 40px 0;
		
	}
	.header-top {
		
	}
	.header-center {
		background: #f14635; color: #fff; padding: 0; 
		padding: 40px 0 20px 0;
	}

	
	/* SOCIAL */
	ul.widget-social {
		list-style: none; margin: 34px 10px; padding: 0; text-align: right;
	}
	ul.widget-social li {
		display: inline-block;
	}
	ul.widget-social li i {
		width: 32px; height: 32px; line-height: 32px; text-align: center; 
		display: block; color: #bbbbbb; font-size: 24px;
	}

	ul.widget-social li a:hover i.fa-facebook 	{background: #3b5998;}
	ul.widget-social li a:hover i.fa-twitter 	{background: #55acee;}
	ul.widget-social li a:hover i.fa-google 	{background: #dc4e41;}
	ul.widget-social li a:hover i.fa-instagram 	{background: #3f729b;}
	ul.widget-social li a:hover i.fa-linkedin 	{background: #0077b5;}
	
	/* HEADING */
	.heading {
		text-align: center; width: 100%;
		padding: 20px 0;
		margin: 0;
		background: #111111;
	}
	.heading h2 {
		color: #fff;
	}
	
	/* CONTENT */
	.post .inner {
		background: #f1f1f1; border: 1px solid #ddd; padding: 30px;
	}
	
	/* NAVIGATION */
	.header-nav .navbar {
		border-radius: 0; background: #f7941e; border: none;
	}
	.header-nav .navbar ul {
		text-align: center;	
	}
	.header-nav .navbar ul li {
		display: inline-block;	
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #fff;
	}
	.navbar-nav {
		float: none;
	}
	.navbar-nav li {
		float: none;
	}
	
	
/* WIDGETS */
	/* LANGUAGE */
	
	/* No CSS3 support */

	.no-opacity       .wrapper-dropdown-2 .dropdown,
	.no-pointerevents .wrapper-dropdown-2 .dropdown {
	    display: none;
	    opacity: 1; /* If opacity support but no pointer-events support */
	    pointer-events: auto; /* If pointer-events support but no pointer-events support */
	}

	.no-opacity       .wrapper-dropdown-2.active .dropdown,
	.no-pointerevents .wrapper-dropdown-2.active .dropdown {
	    display: block;
	}
	
	/* LOGO */
	.widget-logo {
		text-align: center;
		padding: 20px 0;
	}
	.widget-logo img {
		padding: 0;
	}
	.widget-logo a {
	    font-size: 32px; color: #fff;
		font-weight: bold;
	}
	
	/* LANG */
	.widget-lang {
		text-align: center; margin: 25px 0;
	}
	.widget-lang li {
		display: inline-block;
	}
	.widget-login {
		margin: 0;
		padding: 0 0 30px 0;
		text-align: center;
	}
	.widget-login a {
		display: inline-block; padding: 10px 20px; color: #fff; background: #000; font-weight: bold;
	}
	
	/* CONTACT */
	.widget-contact {
		float: left; margin: 30px 10px;
	}
	.widget-contact a {
		color: #888888; font-size: 18px; font-weight: bold; display: block;
		min-width: 200px;
	}
	.widget-contact a span {
		width: auto; display: block; height: 15px; font-size: 11px; padding-top: 3px;
	}
	.widget-contact a i {
		font-size: 40px; float: left; margin: 0 10px 0 0; color: #c3c3c3;
		line-height: 40px;
	}
	.widget-contact a p {
		white-space:nowrap; margin: 0;
	}

	/* HEADING */
	.widget-heading {
		background: #f7941e; padding: 30px 0;
	}
	.widget-heading h2 {
		color: #fff; font-size: 24px; margin: 0; padding: 0;
	}
	ul.breadcrumbs {
		list-style: none; padding: 5px 0; margin: 0;
	}
	ul.breadcrumbs li {
		display: inline-block;	font-size: 11px;
	}
	ul.breadcrumbs li + li {
		margin-left: 10px; color: #fff;
	}
	ul.breadcrumbs li a {
		color: #fff; margin-right: 10px;
	}
	ul.breadcrumbs li i {
		color: #fff;	
	}
	
	.widget h4 {
		margin: 0 0 10px 0; font-size: 18px; font-weight: 600;
	}

/***********************************
	DETAIL
***********************************/
	.detail .form-group label {
		width: 150px; float: left; margin: 0 ;
	}
	.detail .form-group {
		padding: 10px 0; overflow: hidden; margin: 0;
	}
	.detail h4 {
		border-bottom: 1px dotted #bbb; padding-bottom: 10px;
	}

/***********************************
	CONTACT
***********************************/
	.frm {
		border: 1px solid #ddd;
		padding: 25px;
		background: #fff;
		width: 100%; margin: 0 auto;
	}
	.frm input[type="text"], .frm input[type="password"], .frm textarea, .frm select {
		margin: 0;
		border: 1px solid #ddd; padding: 5px;
	}
	.frm input[type="text"], .frm input[type="password"], .frm textarea {
		width: 100%;
	}
	.frm input[type="submit"] {
		background: red; padding: 10px; width: 120px; margin: 0 auto; border: none; color: #fff; text-align: center;
	}
	.map {
		height: 300px;
	}
	h5.title {
		font-weight: bold; margin: 0 0 20px 0; padding-bottom: 20px;
		border-bottom: 1px solid #ddd;
	}
	
	/* SELECT */
	select.form-control.multiple {
		padding: 0;
	}

	select.form-control.multiple option {
		padding: 6px 12px;
	}

	.fancy-select {
		position: relative;
		color: #46565D;
	}

		.fancy-select.disabled .form-control {
			cursor: inherit;
			opacity: 0.5;
			background: #ddd;
		}

		.fancy-select .form-control {
			position: relative;
			overflow: hidden;
			cursor: pointer;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

			.fancy-select .form-control:after {
				position: absolute;
				display: block;
				content: "\f063";
				top: 50%;
				right: 0;
				margin: -6px 8px 0 0;
				font-family: FontAwesome;
				font-size: 12px;
				line-height: 12px;
				color: #999;
			}

		.fancy-select .form-control.open {
			border-color: #4fd0fb;
		}

			.fancy-select .form-control.open:after {
				margin-top: -4px;
				color: #4fd0fb;
				-webkit-transform:	rotate(180deg);
				-moz-transform:		rotate(180deg);
				transform:			rotate(180deg);
			}

		.fancy-select ul.options {
			position: absolute;
			visibility: hidden;
			overflow: auto;
			top: 100%;
			left: 0;
			width: 100%;
			max-height: 200px;
			margin: 0;
			padding: 0;
			border: 1px solid #ddd;
			list-style: none;
			z-index: 50;
			background: #f6f6f6;
			opacity: 0;
			-webkit-box-shadow:	0 0 10px rgba(0, 0, 0, 0.05);
			-moz-box-shadow:	0 0 10px rgba(0, 0, 0, 0.05);
			box-shadow:			0 0 10px rgba(0, 0, 0, 0.05);
		}

		.fancy-select ul.options.open {
			visibility: visible;
			opacity: 1;
		}

		.fancy-select ul.options.overflowing {
			top: auto;
			bottom: 100%;
		}

		.fancy-select ul.options.overflowing.open {
			top: auto;
		}

			.fancy-select ul.options li {
				padding: 8px 12px;
				cursor: pointer;
				white-space: nowrap;
				color: #666;
			}

			.fancy-select ul.options li.hover {
				color: #000;
				background: #eee;
			}


			.fancy-select ul.options li.selected {
				color: #fff;
				background: #ccc;
			}
			
/***********************************
	PROFILE
***********************************/
	.profile .box {
		text-align: center; padding: 30px; margin:  0 0 20px 0;
		border: 1px solid #ddd; background: #f9f9f9;
	}
	.profile .box h5 {
		font-size: 24px;
	}
	.profile .box p{
		line-height: 30px; display: block; width: 100%; height: 30px;
	}
	
	
	
/***********************************
	FOOTER
***********************************/
	footer {
		background: #0d0e11; color: #999999;
		padding: 0; margin-top: 40px;
	}
	footer section.footer-top {
		background: #17191e; padding: 20px 0;
	}
	footer section.footer-top h3 {
		font-size: 18px; color: #fff;	
	}
	footer section.footer-top h4 {
		font-size: 14px; color: #fff;	
	}
	footer section.footer-top ul {
		list-style: none; padding: 0; margin: 0;
	}
	footer section.footer-top ul.column2 li {
		float: left; width: 50%;
	}
	footer section.footer-top ul.column3 li {
		float: left; width: 33.33%;
	}
	footer section.footer-top ul.column4 li {
		float: left; width: 25%;
	}
	footer section.footer-top ul.column5 li {
		float: left; width: 20%;
	}
	footer section.footer-top ul li p {
		padding-right: 15px; font-size: 12px; line-height: 16px;
		margin-bottom: 15px;
	}
	section.footer-top .box i {
		font-size: 60px; float: left; margin-right: 10px; width: 60px; text-align: center;	
	}
	footer p {
		margin: 0; padding: 0; line-height: 30px;
	}
	footer img {
		float: right;
	}
	footer hr {
		border-width: 1px; border-color: #295c83;
	}
	section.footer-bottom {
		padding: 20px 0;
	}
	
		/* Footer Menu */
		ul.nav-footer {
			list-style: none; margin: 0; padding: 0;
		}
		ul.nav-footer li {
			float: left; width: 50%;
		}
		ul.nav-footer li a {
			color: #b6c9d6; padding: 5px 0; display: block;
		}
	
/* ==========================================================================
   =Animations
   ========================================================================== */
   
   .animate {
		-webkit-animation-duration: 1s;
				animation-duration: 1s;
		-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
		visibility: hidden;
	}

	.animate.visible { visibility: visible; }
	.animate.hidden { visibility: hidden; }

	
/* ==========================================================================
   = Photo Gallery
   ========================================================================== */
	#lightgallery,
	.photogallery-col {
		list-style: none; margin-top: 10px; padding: 0;
	}
	.photogallery-col img{
		width: 100%;	
	}
	
/* ==========================================================================
   = Navigation
   ========================================================================== */
#navbar,
#navbar ul,
#navbar ul li,
#navbar ul li a,
#navbar #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#navbar:after,
#navbar > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#navbar #menu-button {
  display: none;
}

#navbar > ul > li {
  float: left;
}
#navbar.align-center > ul {
  font-size: 0;
  text-align: center;
}
#navbar.align-center > ul > li {
  display: inline-block;
  float: none;
}
#navbar.align-center ul ul {
  text-align: left;
}
#navbar.align-right > ul > li {
  float: right;
}
#navbar > ul > li > a {
  padding: 20px;
  letter-spacing: 1px;
  text-decoration: none;
}
#navbar > ul > li:hover > a {
  color: #ffffff;
}
#navbar > ul > li.has-sub > a {
  padding-right: 30px;
}
#navbar > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  content: '';
}
#navbar > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#navbar > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#navbar ul ul {
  position: absolute;
  left: -9999px;
}
#navbar.align-right ul ul {
  text-align: right;
}
#navbar ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#navbar li:hover > ul {
  left: auto;
}
#navbar.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#navbar li:hover > ul > li {
  height: 35px;
}
#navbar ul ul ul {
  margin-left: 100%;
  top: 0;
}
#navbar.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#navbar ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 12px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 400;
  background: #f7941e;
}
#navbar ul ul li:last-child > a,
#navbar ul ul li.last-item > a {
  border-bottom: 0;
}
#navbar ul ul li:hover > a,
#navbar ul ul li a:hover {
  color: #ffffff;
}
#navbar ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #f7941e;
  content: '';
}
#navbar.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#navbar ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #f7941e;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#navbar.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#navbar ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #navbar {
    width: 100%;
  }
  #navbar ul {
    width: 100%;
    display: none;
  }
  #navbar.align-center > ul {
    text-align: left;
  }
  #navbar ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #navbar ul ul li,
  #navbar li:hover > ul > li {
    height: auto;
  }
  #navbar ul li a,
  #navbar ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #navbar > ul > li {
    float: none;
  }
  #navbar ul ul li a {
    padding-left: 25px;
  }
  #navbar ul ul ul li a {
    padding-left: 35px;
  }
  #navbar ul ul li a {
    color: #dddddd;
    background: none;
  }
  #navbar ul ul li:hover > a,
  #navbar ul ul li.active > a {
    color: #ffffff;
  }
  #navbar ul ul,
  #navbar ul ul ul,
  #navbar.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #navbar > ul > li.has-sub > a:after,
  #navbar > ul > li.has-sub > a:before,
  #navbar ul ul > li.has-sub > a:after,
  #navbar ul ul > li.has-sub > a:before {
    display: none;
  }
  #navbar #menu-button {
    display: block;
    padding: 17px;
    color: #dddddd;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  #navbar #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
  }
  #navbar #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
    content: '';
  }
  #navbar #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #navbar #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #navbar .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #navbar .submenu-button.submenu-opened {
    background: #262626;
  }
  #navbar ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #navbar .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #navbar ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #navbar .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #navbar .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #navbar ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #navbar .submenu-button.submenu-opened:before {
    display: none;
  }
}
/* ==========================================================================
   = Table
   ========================================================================== */
table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	/*
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/

	@media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		tr { border: 1px solid #ccc; }

		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
	}