/* TABLE OF CONTENT

1 - RESET CSS
2 - TYPOGRAPHY
3 - BACKGROUNDS
4 - WRAPPER
5 - HEADER
6 - NAVIGATION
7 - HEADINGS
8 - SECTIONS

	8.1 - OVERWIEV
	8.2 - CALLOUT
	8.3 - PORTFOLIO
	8.4 - PARALLAX
	8.5 - SERVICES
	8.6 - FEATURES
	8.7 - IMAGES
	8.8 - COUNTERS
	8.9 - BLOG
	8.10 - BLOG ARCHIVES
	8.11 - QUOTES
	8.12 - TEAM
	8.13 - CLIENTS
	8.14 - MAP
	8.15 - CONTACTS
	
9 - POST PAGE 
10 - ELEMETS UI	
11 - WIDGETS
12 - FOOTER

*/

/* 1 - RESET */
* {
	margin: 0;
	padding: 0;
}

html, body {
	color: #555;
	font-family: 'Lato', 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 300;
	height: 100%;
	width: 100%;
}

img, a, ul, li {
	border: none;
	outline: none;
}

ol li, ul li {
	list-style: none;
}

a:link, a:visited, a:active {
	color: inherit;
}

:focus {
	outline: none !important;
}

a {
	text-decoration: none;
}

/* html 5 */
header, nav, section, article, footer {
	display: block;
}

/* input */
input, textarea {
	border-radius: 0;
	border: none;
	outline: none;
	appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 100%;
	font-family: 'Lato', 'Open Sans';
	font-size: 16px;
	font-weight: 300;
}

/* 2 - TYPOGRAPHY */
h1 {
	font-size: 35px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 25px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	line-height: 150%;
	margin-bottom: 10px;
}

p {
	margin-bottom: 20px;
}

strong {
	font-weight: 700;
}

ul li, ol li {
	list-style-position: inside !important;
}

article ul li, article ol ul li {
	list-style: square;
}

article ul ul li, article ol ul li, article ol ol li, article ul ol li {
	text-indent: 25px;
}

article ol li {
	list-style: decimal;
}

blockquote {
	font-weight: 300;
	margin-bottom: 25px;
	padding: 20px;
	letter-spacing: 1px;
	font-size: 22px;
	border-left-style: solid;
	border-left-width: 3px;
	display: inline-block;
	background-color: #fafafa;
}

blockquote:first-letter {
	font-size: 28px;
	font-weight: 400;
}

.high-text {
	display: inline-block;
	padding: 20px;
	color: #fff;
	font-weight: 700;
}

/* 3 - COMMONS */

/* change page */
#curtain {
	position: fixed;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 99999;
}

/* overlay */
.dotted:after {
	background: url("../img/pattern_dot.png") repeat left top
		rgba(0, 0, 0, 0.5);
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	position: absolute;
	top: 0;
	bottom: 0;
}

/* parallax */
.parallax {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-attachment: fixed;
	height: 100%;
	width: 100%;
}

/* 4 - WRAPPER */
#wrap {
	height: 100%;
	width: 100%;
}

.section {
	clear: both;
	height: auto;
	position: relative;
	width: 100%;
}

/* intro slider */
#intro {
	height: 100%;
	background: #000;
}

#intro-slideshow, #intro-slideshow:after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

#intro-slideshow span.item-image:after {
	background: url("../img/pattern_dot.png") repeat left top
		rgba(0, 0, 0, 0.5);
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.3;
}

#intro-slideshow span.item-image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	color: transparent;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: none;
}

#intro-slideshow .owl-wrapper-outer, #intro-slideshow .owl-wrapper,
	#intro-slideshow .owl-item {
	height: 100% !important;
}

#intro-slideshow .owl-controls, #post-carousel .owl-controls {
	position: absolute;
	left: 50px;
	bottom: 50px;
	width: 30px;
	height: auto;
	z-index: 999;
}

#intro-slideshow .owl-controls .owl-page span, #blog-carousel .owl-controls .owl-page span,
	#post-carousel .owl-controls .owl-page span, #news-carousel .owl-controls .owl-page span
	{
	border-radius: 0px !important;
}

/* intro elements */
.intro-message {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 40%;
}

.intro-title {
	clear: both;
	font-size: 60px;
	font-weight: 700;
	line-height: 120%;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}

.intro-subtitle {
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	line-height: 130%;
	color: #fff;
	padding: 10px;
	text-transform: uppercase;
}

/* 5 - HEADER */
header {
	position: fixed;
	padding: 30px 0 30px 0;
	height: 40px;
	width: 100%;
	top: 0;
	/* 	z-index: 9999; */
	z-index: 8000;
}

.header-dark {
	background-color: #fff !important;
}

.header-clear:hover {
	background: rgba(0, 0, 0, 0.3);
}

header.sticky:hover {
	background: #fff;
}

/* tooltip */
.tooltip {
	border: solid 2px #fff;
	position: absolute;
	top: 0;
	margin-top: -50px;
	width: auto;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
}

.tooltip-top {
	position: absolute;
	top: 0;
	margin-top: 75px;
	margin-left: 0;
	width: auto;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
	background: #333;
	font-size: 14px;
	color: #fff;
}

.tooltip-top:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	margin-bottom: 30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #333333 transparent;
}

/* 6 - NAVIGATION */
.main-menu {
	float: right;
	margin-right: 50px;
}

.main-menu {
	display: block;
}

.main-menu ul {
	height: auto;
}

.main-menu li {
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	list-style: none;
	text-indent: inherit;
	height: 40px !important;
}

.header-clear .main-menu li {
	color: #fff;
}

.header-dark .main-menu li {
	color: #333;
}

.main-menu .menu-item-parent>a:before {
	content: '\e114';
	font-family: 'icomoon';
	padding-right: 5px;
	cursor: pointer;
	font-size: 10px;
}

.main-menu li a {
	display: block;
	line-height: 40px;
	font-weight: 700;
	padding: 0 12px;
}

.header-clear .main-menu li a {
	color: #fff;
}

.header-dark .main-menu li a {
	color: #333;
}

.header-clear .main-menu li:hover a {
	background-color: #fff;
}

.header-dark .main-menu li:hover a {
	background-color: #333;
	color: #fff;
}

/* sticky nav */
.sticky {
	background-color: #fff;
	height: 40px;
	padding: 15px 0;
	border-bottom: 1px solid #dfdfdf;
}

.sticky .main-menu li:hover a {
	color: #fff;
}

.main-menu .sub-menu {
	display: none;
}

.main-menu .sub-menu {
	position: absolute;
	left: 0;
	width: 200px;
	padding-top: 29px;
}

.main-menu li:last-child .sub-menu {
	left: inherit;
	right: 0;
}

.main-menu .sub-menu .sub-menu {
	position: absolute;
	top: 0;
	padding-top: 0 !important;
	left: 200px;
}

.main-menu li:last-child .sub-menu .sub-menu {
	left: inherit;
	right: 200px;
}

.main-menu .sub-menu li {
	display: list-item !important;
	height: 40px !important;
	line-height: 40px !important;
}

.main-menu .sub-menu li>a {
	padding: 0 20px !important;
	display: block;
	font-size: 12px;
	background-color: rgba(0, 0, 0, 0.3) !important;
}

.main-menu .sub-menu li:hover>a {
	background-color: #fff !important;
	color: #22313F !important;
}

.sticky .sub-menu {
	padding-top: 15px;
}

.sticky .sub-menu li>a {
	color: #fff !important;
}

.sticky .sub-menu li:hover a {
	color: #fff !important;
}

/* quick nav */
#quick-icons {
	height: 40px;
}

#quick-icons .info-menu, #quick-icons .quick-menu {
	float: left;
	margin-right: 25px;
}

#quick-icons li {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	height: 40px;
	width: 40px;
	line-height: 40px;
}

.header-clear #quick-icons li {
	color: #fff;
}

.header-dark #quick-icons li {
	color: #333;
}

#quick-icons li:hover {
	border-radius: 100%;
	width: 36px;
	height: 36px;
	line-height: 36px;
}

.header-clear #quick-icons li:hover {
	border: 2px solid #fff;
}

.header-dark #quick-icons li:hover {
	border: 2px solid #333;
}

.quick-menu {
	border-left: 1px solid #dfdfdf;
	padding-left: 20px;
	display: none;
}

.sticky #quick-icons li:hover {
	border-style: solid;
	border-width: 2px;
}

.switch-menu {
	display: none;
	float: right;
	margin-right: 25px;
}

.switch-menu li i {
	display: inline-block;
}

/* mobile menu */
#mobile-menu {
	display: none;
}

#mobile-menu .sub-menu {
	display: none;
}

#mobile-menu .sub-menu .sub-menu {
	display: block;
}

#mobile-menu .sub-menu li a:hover {
	background-color: #fff;
	color: #22313F;
}

#mobile-menu .sub-menu li>a {
	display: block;
	font-size: 12px;
}

#mobile-menu .sub-menu .sub-menu li a {
	padding-left: 75px;
}

#mobile-menu .sub-menu .sub-menu .sub-menu {
	display: block;
}

#mobile-menu .sub-menu .sub-menu .sub-menu li a {
	padding-left: 100px;
}

#mobile-menu .menu-item-parent {
	position: relative;
}

#mobile-menu .menu-item-parent>a:after {
	content: '\e114';
	font-family: 'icomoon';
	position: absolute;
	right: 35px;
	cursor: default;
	pointer-events: none;
}

#mobile-menu.open {
	height: auto;
}

/* logo */
.logo {
	float: left;
	margin: 0 50px;
	width: auto;
}

.logo a {
	height: 40px;
	display: block;
}

.logo img {
	height: 40px;
	display: block;
}

#logo-dark {
	display: none;
}

#logo-short {
	display: none;
	margin: 0 25px 0 50px;
}

/*
#logo-short img {
	height: 15px;
	width: auto;
	padding: 10px;
	border-width: 3px;
	border-style: solid;
}
*/
.sticky #logo-dark {
	display: block;
}

.sticky #logo-white {
	display: none;
}

#icons-menu {
	position: absolute;
	bottom: 40px;
	width: 100%;
	height: 50px;
	z-index: 998;
	background-color: transparent;
}

#icons-menu ul {
	width: 100%;
	text-align: center;
}

#icons-menu li {
	width: 50px;
	height: 50px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	color: #fff;
	line-height: 54px;
}

#icons-menu li:hover {
	background-color: #fff;
	color: #333;
	border-radius: 100%;
}

#icons-menu li i {
	font-size: 20px;
}

.sticky-icons {
	position: fixed !important;
	top: 70px;
	background-color: #fff !important;
	border-bottom: 1px solid #dfdfdf;
}

/* buttons */
.section .btn-down {
	position: absolute;
	bottom: 50px;
	right: 50px;
	color: #fff;
	cursor: pointer;
	font-size: 30px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	width: 60px;
	border-width: 3px;
	border-style: solid;
	z-index: 999;
}

.page .btn-down {
	margin: 0 auto;
	cursor: pointer;
	font-size: 30px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	width: 60px;
	border-width: 3px;
	border-style: solid;
}

.btn-up {
	display: none;
	cursor: pointer;
	bottom: 50px;
	color: #fff;
	font-size: 30px;
	height: 60px;
	line-height: 60px;
	position: fixed;
	right: 50px;
	text-align: center;
	width: 60px;
	border-width: 3px;
	border-style: solid;
	z-index: 999;
}

/* 7 - HEADINGS */
.header-section, .header-page {
	height: auto;
}

.title-section, .title-page {
	font-size: 35px;
	font-weight: 700;
	letter-spacing: 2px;
	margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}

.subtitle-section, .subtitle-page, .meta-page {
	font-size: 20px;
	line-height: 130%;
	font-weight: 300;
	text-align: center;
}

/* 8 - SECTIONS */

/* 8.1 - OVERVIEW */
.overw-content {
	height: auto;
}

.overw-icon {
	border: 3px solid #fff;
	font-size: 50px;
	height: 100px;
	line-height: 100px;
	margin: 0 auto;
	text-align: center;
	width: 100px;
	cursor: pointer;
	color: #fff;
}

.overw-icon:hover {
	background-color: #fff;
}

.overw-title {
	color: #fff;
	font-size: 35px;
	line-height: 130%;
	font-weight: 400;
	letter-spacing: 2px;
	text-align: center;
}

.overw-exc {
	color: #fff;
	text-align: center;
	line-height: 150%;
}

/* 8.2 - CALLOUT */
.callout-layer {
	height: 100%;
}

.callout-title {
	font-size: 35px;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
}

.callout-exc {
	font-size: 20px;
	line-height: 130%;
	text-align: center;
}

.callout-icons {
	text-align: center;
}

.callout-icons ul {
	text-align: center;
}

.callout-icons li {
	cursor: pointer;
	display: inline-block;
	font-size: 35px;
	height: 70px;
	line-height: 70px;
	margin: 0 5px;
	text-align: center;
	width: 70px;
	color: #fff;
}

/* 8.3 - PORTFOLIO */
#portfolio {
	position: relative;
}

.port-content {
	height: 100%;
}

.port-filter ul {
	text-align: center;
}

.port-filter li {
	cursor: pointer;
	font-weight: 400;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	margin: 5px;
	padding: 0 20px;
	text-align: center;
	text-transform: uppercase;
}

.port-filter li:hover, .port-filter li.selected {
	color: #fff;
}

.port-item {
	height: 350px;
	position: relative;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}

.port-caption {
	background-color: rgba(0, 0, 0, 0.7);
	bottom: 20px;
	height: auto;
	left: 20px;
	right: 20px;
	position: absolute;
	top: 20px;
	width: auto;
	transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform-origin: center center;
	-moz-transform-origin: center center;
	-webkit-transform-origin: center center;
	-o-transform-origin: center center;
	-ms-transform-origin: center center;
}

.port-title {
	color: #fff;
	font-size: 25px;
	line-height: 120%;
	letter-spacing: 2px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.port-icon {
	margin: 0 auto;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 50px;
	color: #fff;
}

.port-item:hover .port-caption {
	transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
}

.port-item img {
	height: 100%;
	width: auto;
}

/* 8.4 - PARALLAX */
.parallax-title {
	font-size: 35px;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
}

.parallax-exc {
	font-size: 20px;
	line-height: 130%;
	text-align: center;
}

/* 8.5 - SERVICES */
.serv-layer {
	height: 100%;
	width: auto;
}

.serv-box {
	border-width: 3px;
	border-style: solid;
}

.serv-icon {
	font-size: 50px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	text-align: center;
}

.serv-title {
	font-size: 35px;
	letter-spacing: 2px;
	font-weight: 400;
	line-height: 130%;
	text-align: center;
}

.serv-exc {
	text-align: center;
	line-height: 150%;
}

/* 8.6 - FEATURES */
.feat-content {
	height: auto;
}

.feat-list {
	height: auto;
	margin: 0 auto;
}

.feat-icon {
	border-radius: 100%;
	font-size: 35px;
	height: 70px;
	line-height: 70px;
	margin: 0 auto 10px auto;
	text-align: center;
	width: 70px;
	cursor: pointer;
	border-style: solid;
	border-width: 3px;
}

.feat-icon:hover {
	color: #fff;
}

.feat-title {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
}

.feat-exc {
	text-align: center;
	line-height: 150%;
}

/* 8.7 - IMAGES */
.image-box {
	position: relative;
	height: 600px;
}

.image {
	position: absolute;
	left: 0;
	top: 0;
	height: auto;
}

.image img {
	width: 100%;
	height: auto;
}

/* 8.8 - COUNTERS */
.count-layer {
	height: 100%;
	width: 100%;
}

.count-icon {
	font-size: 35px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	text-align: center;
}

.count-title {
	text-align: center;
	letter-spacing: 2px;
	font-weight: 400;
	text-transform: uppercase;
}

.count-value {
	font-size: 50px;
	text-align: center;
	font-weight: 700;
}

/* 8.9 - BLOG */
.blog-list .blog-box {
	margin: 0;
}

.blog-list .blog-detail {
	overflow: hidden;
	height: auto;
}

.blog-list .blog-exc {
	overflow: hidden;
	max-height: 90px;
}

.blog-list .blog-box {
	padding: 0;
}

.blog-layer {
	height: 100%;
	width: 100%;
}

.blog-date {
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.blog-thumb .blog-date {
	font-size: 14px;
	position: absolute;
	top: 30%;
	width: 100%;
	color: #333;
}

.blog-thumb {
	height: 300px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#blog-carousel .blog-thumb {
	border: 10px solid #fff;
}

#news-carousel .blog-thumb {
	border: 10px solid #fff;
}

.blog-caption {
	background-color: #fff;
	bottom: 20px;
	height: auto;
	left: 20px;
	position: absolute;
	right: 20px;
	top: 20px;
	width: auto;
	transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform-origin: center center;
	-moz-transform-origin: center center;
	-webkit-transform-origin: center center;
	-o-transform-origin: center center;
	-ms-transform-origin: center center;
}

.blog-thumb:hover .blog-caption {
	transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
}

.blog-icon {
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 50px;
	position: absolute;
	right: 50%;
	margin-right: -25px;
	top: 50px;
}

.blog-exc {
	line-height: 150%;
	text-align: center;
}

.blog-more {
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	position: absolute;
	height: 50px;
	line-height: 50px;
	margin-top: -25px;
	top: 50%;
}

.blog-title {
	font-size: 25px;
	font-weight: 700;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
}

.blog-meta {
	padding: 5px 0;
	text-align: center;
	font-weight: 400;
}

.blog-cat, .blog-author {
	margin: 0 10px;
	text-align: center;
}

#blog-image {
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	height: 600px;
	width: 100%;
	clear: both;
}

/* 8.10 - BLOG ARCHIVE */
.page .blog-exc {
	font-size: 14px;
}

.page .blog-icon {
	top: 150px;
}

.blog-frame {
	border-width: 3px;
	border-style: solid;
	padding: 10px 10px 0 10px;
}

/* blog nav */
.blog-nav ul, .port-nav ul {
	width: 100%;
	text-align: center;
}

.blog-nav li, .port-nav li {
	display: inline-block;
	border-width: 3px;
	border-style: solid;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 30px;
}

.blog-next, .port-next {
	margin-left: 25px;
}

.blog-prev, .port-prev {
	margin-right: 25px;
}

/* 8.11 - QUOTES */
.quote-content {
	height: auto;
}

.quote-layer {
	height: 100%;
	width: 100%;
}

.quote-thumb {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	border-radius: 100%;
	margin: 0 auto;
	height: 110px;
	width: 110px;
	border: 3px solid #fff;
	margin-bottom: 20px;
	overflow: hidden;
}

.quote-exc {
	color: #fff;
	font-size: 25px;
	text-align: center;
}

.quote-author {
	color: #fff;
	font-size: 40px;
	font-weight: 400;
	text-align: center;
}

/* 8.12 - TEAM */
#map .team-box {
	width: 250px;
	margin: 20px 0 20px 20px;
}

.team-thumb {
	clear: both;
	height: 300px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.team-caption {
	background-color: rgba(255, 255, 255, 0.9);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 996;
	opacity: 0;
	cursor: pointer;
}

.team-thumb:hover .team-caption {
	opacity: 1;
}

.team-name {
	text-align: center;
	text-transform: uppercase;
	font-size: 35px;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: 2px;
}

.team-skills {
	font-weight: 400;
}

.team-skills ul {
	width: 100%;
	text-align: center;
}

.team-skills li {
	margin-bottom: 10px;
}

.team-skills li .bar-bg {
	background: #dfdfdf;
	width: auto;
	height: 30px;
	line-height: 30px;
	margin: 0 20px;
	text-align: left;
}

.team-skills li .bar-val {
	text-indent: 20px;
	color: #fff;
	height: 30px;
	line-height: 30px;
}

.team-detail {
	clear: both;
	margin-top: 10px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	border-style: solid;
	border-width: 3px;
}

.team-role {
	float: left;
}

.team-contact {
	font-size: 20px;
	float: right;
}

.team-contact i {
	cursor: pointer;
	padding-left: 10px;
}

/* 8.13 - CLIENTS */
.client-list {
	text-align: center;
}

.client-thumb {
	display: inline-block;
}

/* 8.14 - MAP */
.map-content {
	height: auto;
}

.map {
	border: 0;
	height: 500px;
	width: 100%;
}

.gmap {
	height: 500px;
	position: relative;
	overflow: hidden;
}

.map-icon {
	color: #fff;
	cursor: pointer;
	font-size: 35px;
	height: 70px;
	line-height: 70px;
	margin: 150px auto 10px auto;
	text-align: center;
	width: 70px;
}

.map-title {
	font-size: 35px;
	font-weight: 700;
	letter-spacing: 2px;
	margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
}

.map-subtitle {
	font-size: 25px;
	line-height: 130%;
	text-align: center;
}

#gmap_markers {
	display: none;
}

/* 8.15 - CONTACTS */
.contact-content {
	height: auto;
}

.contact-message {
	height: auto;
}

.contact-icons {
	margin-bottom: 20px;
}

.contact-icons li {
	cursor: pointer;
	display: inline-block;
	font-size: 35px;
	height: 70px;
	line-height: 70px;
	margin: 0 5px;
	text-align: center;
	width: 70px;
	color: #fff;
}

.contact-exc {
	font-size: 16px;
	line-height: 30px;
}

.contact-detail li {
	list-style: none;
	line-height: 150%;
	font-size: 20px;
	font-weight: 400;
}

.contact-detail li i {
	margin-right: 10px;
}

.contact-btn:hover {
	background-color: #fff;
	border-width: 3px;
	border-style: solid;
}

/* form elements */
input {
	height: 50px;
	clear: both;
	margin-bottom: 10px;
	line-height: 100%;
	padding: 0 25px;
	border-style: solid;
	border-width: 2px;
	background-color: #fff;
}

textarea {
	min-height: 200px;
	clear: both;
	padding: 25px;
	margin-bottom: 10px;
	background-color: #fff;
	border-style: solid;
	border-width: 2px;
}

input[type="submit"] {
	width: auto;
	padding: 0 25px;
	clear: both;
	border-style: solid;
	border-width: 2px;
	color: #fff;
	cursor: pointer;
}

/* 9 - POST PAGE */

/* 	page header */
#post-image .header-page, #post-no-image .header-page {
	position: absolute;
	padding: 0;
	width: 100%;
	bottom: 0;
}

.header-layer-page {
	width: 100%;
	height: 100%;
}

#post-image {
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	height: 600px;
	width: 100%;
	clear: both;
	position: relative;
}

#post-no-image {
	height: 300px;
	width: 100%;
	clear: both;
	position: relative;
	background-color: #8A1111;
}

.post-meta {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.3);
}

.post-meta span {
	font-size: 20px;
	letter-spacing: 2px;
	padding: 0 10px;
	font-weight: 400;
}

.post-wrap {
	height: 100%;
}

.post-content {
	line-height: 30px;
	font-size: 16px;
}

/* post video */
iframe.post-video {
	width: 100%;
	border: none;
}

iframe.post-audio {
	width: 100%;
	border: none;
	overflow: hidden;
}

/* post gallery */
.gallery-box {
	height: 300px;
}

.gallery-thumb {
	height: 300px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform-origin: center center;
	-moz-transform-origin: center center;
	-webkit-transform-origin: center center;
	-o-transform-origin: center center;
	-ms-transform-origin: center center;
}

.gallery-thumb:hover .gallery-caption {
	transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
}

.gallery-icon {
	font-size: 25px;
	text-align: center;
	width: 50px;
	line-height: 300px;
	position: absolute;
	right: 50%;
	margin-right: -25px;
	color: #fff;
	cursor: pointer;
}

/* 	post slider */
.slide-image {
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	height: 600px;
	width: 100%;
	clear: both;
	position: relative;
}

/* post comments */
.post-comment {
	list-style: none;
}

.user-thumb {
	float: left;
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-width: 3px;
	border-style: solid;
	border-radius: 100%;
	padding: 10px;
}

.user-thumb img {
	width: 100%;
	height: auto;
}

.user-wrap {
	padding-top: 10px;
	float: left;
}

.user-comment {
	display: inline-block;
	border-left-width: 3px;
	border-left-style: solid;
	font-size: 16px;
	line-height: 30px;
	margin-left: 31px;
}

.reply-comment {
	display: inline-block;
	padding: 5px;
	font-size: 16px;
	margin-left: 56px;
	font-weight: 400;
	cursor: pointer;
	color: #fff;
}

/* 10 - ELEMENTS UI */
.ui-accordion .ui-accordion-header {
	padding: 10px 0;
	margin-bottom: -2px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.ui-accordion .ui-accordion-content, .ui-tabs .ui-tabs-panel {
	padding: 10px;
	border-style: solid;
	border-width: 2px;
}

.ui-tabs .ui-tabs-nav li {
	margin: 5px 5px 5px 0;
	border-style: solid;
	border-width: 2px;
}

.ui-tabs .ui-tabs-nav li a {
	display: block;
	padding: 10px;
}

.ui-toggle .ui-toggle-header {
	border-style: solid;
	border-width: 2px;
	padding: 10px;
	margin: 5px 0;
	/* 	cursor: pointer; */
}

.ui-toggle .ui-toggle-header strong {
	cursor: pointer;
}

.ui-toggle .ui-toggle-content {
	/* 	display: none; */
	
}

.ui-btn {
	display: inline-block;
	border-style: solid;
	border-width: 2px;
	font-weight: 400;
}

.ui-btn a {
	display: block;
}

.ui-btn:hover a {
	color: #fff;
}

.ui-btn-small a {
	padding: 5px;
}

.ui-btn-medium a {
	padding: 10px;
}

.ui-btn-large a {
	padding: 15px;
}

/* 11 - WIDGETS */
aside {
	margin-top: -25px !important;
}

.widget-title {
	font-size: 25px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #fff;
}

.widget-exc {
	font-size: 16px;
	line-height: 30px;
}

.widget-logo {
	margin-bottom: 10px;
}

.widget-address {
	font-size: 20px;
	font-weight: 400;
	color: #ffffff;
	margin-bottom: 10px;
}

.widget-phone {
	font-size: 20px;
	font-weight: 700;
	color: #ffffff;
}

.widget-post li, .widget-port li {
	margin-bottom: 20px;
	clear: both;
	position: relative;
}

.widget-post .post-date, .widget-port .port-date {
	text-align: center;
	padding: 10px;
	font-weight: 700;
	height: auto;
	width: 30px;
	display: inline-block;
	border-width: 2px;
	border-style: solid;
	position: absolute;
	top: 0;
	left: 0;
}

.widget-post .post-detail, .widget-port .port-detail {
	padding-left: 60px;
	height: auto;
}

.widget-post .post-title, .widget-port .port-title {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	letter-spacing: 2px;
	width: auto;
	margin: 0;
	text-transform: uppercase;
}

.widget-post .post-exc, .widget-port .port-client, .widget-port .port-skills
	{
	display: block;
}

.widget-port .port-client {
	text-transform: capitalize;
	font-weight: 400;
}

.widget-form input, .widget-form textarea {
	border: 2px solid #fff;
}

.widget-form textarea {
	min-height: 100px;
	max-height: 100px;
}

/* 12 - FOOTER */
.footer-layer {
	height: 100%;
	width: 100%;
	padding: 10px 0;
}

.footer-icons {
	float: right;
	text-align: center;
}

.footer-icons ul {
	text-align: center;
}

.footer-icons li {
	cursor: pointer;
	display: inline-block;
	font-size: 20px;
	height: 36px;
	line-height: 36px;
	margin: 0 5px;
	text-align: center;
	width: 36px;
	border-radius: 100%;
	color: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.footer-icons li:hover {
	border: 2px solid #fff;
	line-height: 32px;
}

#footer-copy {
	float: left;
	height: auto;
	line-height: 36px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}

/* chrome fix */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#blog .parallax, #quotes .parallax {
		background-attachment: scroll;
	}
}

/*
AVACA CUSTOM CSS
------------------------------------------------------------------------------
------------------------------------------------------------------------------
*/
img {
	max-width: 100%;
}

#widgets ul.support-links li {
	list-style: none;
	line-height: 200%;
	font-size: 18px;
	font-weight: 400;
}

#widgets ul.support-links li i {
	margin-right: 10px;
}

/*button */

.generic-button-wh {
	color: #8A1111;
	background-color: white;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 20px;
	padding: 10px;
	border: 2px solid #8A1111;
	cursor: pointer;
}

.generic-button-wh:hover {
	color: white;
	background-color: #8A1111;
}

.generic-button-dark {
	color: white;
	background-color: #8A1111;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 20px;
	padding: 10px;
	border: 2px solid #8A1111;
	cursor: pointer;
}

.generic-button-dark:hover {
	color: #8A1111;
	background-color: white;
}

/* demo request */

.generic-demo-request-button {
	color: white;
	background-color: #8A1111;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 20px;
	padding: 10px;
	border: 2px solid #8A1111;
	cursor: pointer;
}

.generic-demo-request-button:hover {
	color: #8A1111;
	background-color: white;
}

/* */

.blog-thumb.eurobank, .blog-thumb.forward, .blog-thumb.metlife, .blog-thumb.kts {
	background-size: contain;
}

.blog-thumb.step4all {
	background-position: right;
}

.blog-thumb.disable-links .blog-caption {
	display: none;
} 

/* intro banner */

#intro .intro-banner {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/* project images carousel */
.project-content {
	background-color: #fafafa;
}

.project-content .owl-theme .owl-controls .owl-page span {
	background-color: #8A1111;
}

.project-content .client-thumb .image-container {
	width: 156px;
	height: 113px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* year carousel */
#year-carousel.owl-theme .owl-controls .owl-page span {
	/* 	background-color: #8A1111; */
	background-color: #dfdfdf;
}

#year-carousel {
	margin-bottom: 10px;
}

#year-carousel div {
	text-align: center;
	font-weight: 400;
}

#year-carousel div.selected {
	color: #8A1111;
	font-weight: 700;
}

#month-selector .month-row {
	font-weight: 400;
	border-bottom: 1px solid;
	border-color: #dfdfdf;
	padding: 5px;
	margin-bottom: 5px;
}

#month-selector .month-row .month {
	float: left;
	width: 50%;
	text-align: left;
}

#month-selector .month-row .entries-no {
	float: left;
	width: 50%;
	text-align: right;
}

#month-selector .month-row.selected {
	color: #8A1111;
	font-weight: 700;
}

.blog-search input {
	border-color: #dfdfdf;
}

.blog-row:last-child {
	margin-bottom: 25px;
}

/* ---- */
/* MENU */
/* ---- */
.main-menu li.menu-item-insure {
	text-transform: none;
}

/* ---- */
/* BLOG */
/* ---- */
.blog-left .blog-box {
	margin: 0;
}

.blog-left .blog-detail {
	overflow: hidden;
	height: auto;
}

.blog-left .blog-exc {
	max-height: 75px;
	overflow: hidden;
}

.blog-left .blog-detail {
	padding: 0;
}

.blog-left .blog-title {
	text-align: left;
}

.blog-left .blog-title {
	text-align: left;
}

.blog-left .blog-meta {
	text-align: left;
}

.blog-left .blog-meta span {
	margin: 0;
}

.blog-left .blog-exc {
	text-align: left;
}

/* ------------------ */
/* SERVICES & SECTORS */
/* ------------------ */
.sector-title {
	color: #fff;
	font-size: 24px;
	fontweight: 400px; letter-spacing 1px;
	text-align: center;
}

.service-button-container {
	text-align: center;
}

.service-button-container button {
	border: 2px solid #8A1111;
	color: #8A1111;
	background-color: white;
	padding: 5px;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	cursor: pointer;
}

.service-button-container button:hover {
	color: white;
	background-color: #8A1111;
}

.service-button-container button span {
	
}

.service-button-container button i {
	
}

.service-title {
	min-height: 48px;
}

.service-exc {
	min-height: 84px;
}

.javaca-button-container {
	text-align: center;
	margin-top: 25px;
}

.javaca-button-container button {
	border: 2px solid #8A1111;
	color: white;
	background-color: #8A1111;
	padding: 10px;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
}

.javaca-button-container button:hover {
	color: #8A1111;
	background-color: white;
}

.javaca-button-container-inv {
	text-align: center;
	margin-top: 25px;
}

.javaca-button-container-inv button {
	border: 2px solid #8A1111;
	color: #8A1111;
	background-color: white;
	padding: 10px;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
}

.javaca-button-container-inv button:hover {
	color: white;
	background-color: #8A1111;
}

.services-page .javaca-button-container button {
	text-transform: none;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 20px;
}

.service-page .javaca-button-container button {
	text-transform: none;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 20px;
}

.service-page .javaca-button-container {
	margin-top: 0px;
	text-align: left;
}

li.menu-item-parent.menu-item-services>ul.sub-menu {
	width: 335px !important;
}

.sector-icon {
	cursor: auto !important;
}

/* ------ */
/* HEADER */
/* ------ */
header .info-menu {
	display: none;
}

/*navigation bar*/
.navigation-bar .node:last-child i {
	display: none;
}

.navigation-bar .anchor {
	margin-right: 5px;
	font-weight: 400;
	font-size: 16px;
}

.navigation-bar .node {
	
}

.navigation-bar .node span {
	font-weight: 300;
	font-size: 18px;
	color: #8A1111;
}

.navigation-bar .node i {
	margin: 0 5px;
}

/* --- */
/* LAB */
/* --- */
.lab-section-title {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 1px;
	text-align: center;
}

.lab-page ul.research-projects-list li {
	list-style: none;
}

.lab-page .javaca-button-container-inv button {
	text-transform: none;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 20px;
}

.lab-page .portfolio-comment {
	margin: 75px 0;
	font-size: 25px;
	font-weight: 400;
	text-align: center;
}

/* ----- */
/* ALERT */
/* ----- */
.alert-cont {
	width: 100%;
	position: relative;
}

.alert {
	display: none;
	width: 100%;
	position: absolute;
	/* 	margin: 10px 0; */
	padding: 10px;
	background-color: white;
	border: 1px solid lightgray;
	box-shadow: 0px 2px 1px lightgray;
}

.alert.alert-success {
	
}

.alert.alert-error {
	
}

.alert .alert-msg {
	margin-bottom: 5px;
}

.alert .dismiss-link-cont {
	text-align: right;
}

.alert .dismiss-link-cont a {
	
}

.alert .dismiss-link-cont a i {
	
}

/* -------- */
/* PRODUCTS */
/* -------- */
.product-button-container {
	text-align: center;
}

.product-button-container button {
	border: 2px solid #8A1111;
	color: #8A1111;
	background-color: white;
	padding: 10px;
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	cursor: pointer;
}

.products-page .product-button-container button {
	text-transform: none;
}

.product-button-container button:hover {
	color: white;
	background-color: #8A1111;
}

.product-button-container button span {
	
}

.product-button-container button i {
	
}

.product-thumb {
	margin: 0 auto 25px auto;
	max-width: 100%;
	height: 220px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.products-page .product-title {
	text-transform: none;
}

.product-exc {
	min-height: 126px;
}

.products-page .platform-header {
	text-align: center;
	letter-spacing: 1px;
}

.products-page .javaca-button-container-inv button {
	text-transform: none;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 20px;
}

.products-page .portfolio-comment {
	text-align: center;
	font-size: 26px;
	font-weight: 400;
	letter-spacing: 1px;
}

.products-page p:last-child {
	margin-bottom: 0px;
}

/* --------- */
/* CUSTOMERS */
/* --------- */
.customer-thumb {
	margin: 0 auto 15px auto;
	width: 220px;
	height: 160px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.customer-title {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 10px;
}

/* HOME PAGE */
.home-page .solution-title {
	text-transform: none;
}

.home-page .solution-subtitle {
	letter-spacing: 1px;
}

.home-page .component-list .component-detail {
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
	font-size: 17px;
	text-transform: none;
	border-width: 2px;
}

.home-page .component-list .team-thumb {
	height: 250px;
}

/* .home-page .component-list .team-box { */
/* 	position: relative; */
/* 	margin: 5px; */
/* } */

/* .home-page .component-list .component-detail { */
/* 	width: 100%; */
/* 	letter-spacing: 1px; */
/* 	background-color: rgba(255, 255, 255, 0.7); */
/* 	font-weight: 400; */
/* 	position: absolute; */
/* 	text-align: center; */
/* 	font-size: 18px; */
/* 	text-transform: none; */
/* 	border-width: 0px; */
/* 	top: 250px; */
/* 	padding: 0px; */
/* 	margin-top: 0px; */
/* } */
.home-page .component-list .component-caption ul li {
	list-style-type: none;
	font-size: 20px;
	margin-bottom: 10px;
}

.home-page .component-list .component-caption.marketing-caption ul li,
	.home-page .component-list .component-caption.crm-caption ul li {
	font-size: 16px;
}

.home-page .component-list .component-detail.workflow-detail {
	font-size: 12px;
}

.home-page .sectors {
	background-color: gray;
}

.home-page .sectors .sector-title {
	min-height: 58px;
}

.home-page .sectors .sectors-list .overw-box .overw-exc {
	min-height: 42px;
}

.home-page .rel-title-section {
	
}

.home-page .rel-subtitle-section {
	
}

.home-page .rel-box .product-thumb {
	background-size: contain;
	width: 225px;
	height: 200px;
}

.home-page .blog-caption, .service-page .blog-caption, .secame-page .blog-caption, .gamehub-page .blog-caption, #blog-page .blog-caption {
	background-color: rgba(255, 255, 255, 0.75);
}

.allianz-title {
	color: #F4742D;
}

.allianz-button-container button {
	border: 2px solid #F4742D;
	color: #F4742D;
}

.allianz-button-container button:hover {
	background-color: #F4742D;
}

.metlife-title {
	color: #2D7BC8;
}

.metlife-button-container button {
	border: 2px solid #2D7BC8;
	color: #2D7BC8;
}

.metlife-button-container button:hover {
	background-color: #2D7BC8;
}

.bp-title {
	color: #01A330;
}

.bp-button-container button {
	border: 2px solid #01A330;
	color: #01A330;
}

.bp-button-container button:hover {
	background-color: #01A330;
}

.eurobank-title {
	color: #DE2402;
}

.eurobank-button-container button {
	border: 2px solid #DE2402;
	color: #DE2402;
}

.eurobank-button-container button:hover {
	background-color: #DE2402;
}

.home-page .port-content {
	margin: 50px 0;
}

.home-intro-title {
	letter-spacing: 1px;
	font-size: 45px;
	line-height: normal;
	text-transform: none;
}

.home-intro-subtitle {
	background-color: #8A1111;
	margin: 25px;
	line-height: normal;
}

.home-intro-subtitle:hover {
	
}

.home-page .title-section {
	font-weight: 400;
	letter-spacing: 1px;
}

.home-page #media {
	background-image: url("http://i.imgur.com/6kv520i.jpg"); "
	/* 	background-image: url("/app/resource?vfname=blog-parallax.jpg"); */
	background-repeat: no-repeat;
	background-size: cover;
}

.home-page .javaca-button-container button, .home-page .javaca-button-container-inv button
	{
	font-weight: 400;
}

.home-page #map {
	width: 100%;
	height: 500px;
}

/* MAREWATCH PAGE */
.marewatch-page .solution-title {
	text-transform: none;
}

.marewatch-page .solution-subtitle {
	letter-spacing: 1px;
}

.marewatch-page .component-list .component-detail {
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
	font-size: 19px;
	text-transform: none;
	border-width: 2px;
}

.marewatch-page .component-list .rest-hours .component-caption ul li {
	font-size: 18px;
}

.marewatch-page .component-list .crew-management .component-caption ul li {
	font-size: 13px;
}

.marewatch-page .component-list .doc-man .component-detail {
	font-size: 16px;
}

.marewatch-page .component-list .kpi .component-caption ul li {
	font-size: 18px;
}

/* .marewatch-page .component-list .team-box { */
/* 	position: relative; */
/* 	margin: 5px; */
/* } */

/* .marewatch-page .component-list .component-detail { */
/* 	width: 100%; */
/* 	letter-spacing: 1px; */
/* 	background-color: rgba(255, 255, 255, 0.7); */
/* 	font-weight: 400; */
/* 	position: absolute; */
/* 	text-align: center; */
/* 	font-size: 18px; */
/* 	text-transform: none; */
/* 	border-width: 0px; */
/* 	top: 250px; */
/* 	padding: 0px; */
/* 	margin-top: 0px; */
/* } */
.marewatch-page .component-list .component-caption ul li {
	list-style-type: none;
	font-size: 20px;
	margin-bottom: 10px;
}

.marewatch-page .sectors {
	background-color: gray;
}

.marewatch-page .sector-title.long-title {
	min-height: 58px;
}

.marewatch-page .overw-exc.long-exc {
	min-height: 63px;
}

.marewatch-page #map {
	width: 100%;
	height: 500px;
}

.marewatch-page #customers  .customer-thumb {
	background-size: contain;
	margin: 0 auto;
	max-width: 300px;
}

.marewatch-page .component-list .component-caption {
	cursor: auto;
}

.marewatch-page .component-list .team-thumb {
	height: 250px;
}

.marewatch-page #quotes {
	display: none;	
}

.marewatch-quotes-nav {
	display: none!important;	
}

/* SECAME PAGE */
.secame-page .solution-title {
	text-transform: none;
}

.secame-page .solution-subtitle {
	letter-spacing: 1px;
}

.secame-page .component-list .component-detail {
	padding: 5px 0;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
	font-size: 19px;
	text-transform: none;
	border-width: 2px;
	height: 60px;
	line-height: 60px;
}

.secame-page .component-list .component-detail.long-detail {
	line-height: 30px;
}

.secame-page .component-list .int-cap .component-detail {
	font-size: 16px;
}

/* .secame-page .component-list .team-box { */
/* 	position: relative; */
/* 	margin: 5px; */
/* } */

/* .secame-page .component-list .component-detail { */
/* 	width: 100%; */
/* 	letter-spacing: 1px; */
/* 	background-color: rgba(255, 255, 255, 0.7); */
/* 	font-weight: 400; */
/* 	position: absolute; */
/* 	text-align: center; */
/* 	font-size: 18px; */
/* 	text-transform: none; */
/* 	border-width: 0px; */
/* 	top: 250px; */
/* 	padding: 0px; */
/* 	margin-top: 0px; */
/* } */
.secame-page .component-list .component-caption {
	cursor: auto;
}

.secame-page .component-list .component-caption ul li {
	list-style-type: none;
	font-size: 20px;
	margin-bottom: 10px;
}

.secame-page .component-list .material .component-caption ul li {
	font-size: 17px;
}

.secame-page .sectors {
	background-color: gray;
}

.secame-page .sector-title.long-title {
	min-height: 58px;
}

.secame-page .sectors .line-center, .secame-page .sectors .overw-exc {
	display: none;;
}

.secame-page .overw-icon:hover {
	background-color: initial;
}
.secame-page .vert-sol-outer-cont {
	background-image:
		url('https://phgcdn.com/images/uploads/MLAEH/corporatemasthead/grand-hotel-excelsior_masthead.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.secame-page .hospitality-outer-cont {
	background-image: url('/app/resource?vfname=hospitality-background.png');
	margin-bottom: 1px;
}

.secame-page .ecommerce-outer-cont {
	background-image:
		url('https://phgcdn.com/images/uploads/MLAEH/corporatemasthead/grand-hotel-excelsior_masthead.jpg');
}

.secame-page .vert-sol-inner-cont {
	background-color: rgba(0, 0, 0, 0.7);
	padding: 75px 0;
}

.secame-page .vert-sol-box {
	
}

.secame-page .vert-sol-box .overw-icon {
	/* 	border: 3px solid #555; */
	/* 	color: #555; */
	border: 3px solid white;
	color: white;
	background-color: inherit;
}

.secame-page .vert-sol-box .overw-title {
	/* 	color: #555;	 */
	color: white;
}

.secame-page .vert-sol-box .overw-title span {
	color: #e11c1c;
}

.secame-page .vert-sol-box .overw-exc {
	font-size: 18px;
	/* 	color: #555; */
	color: white;
}

.secame-page .vert-comp-box {
	
}

.secame-page .vert-comp-box .overw-icon {
	border-radius: 40px;
	font-size: 35px;
	height: 65px;
	line-height: 65px;
	width: 65px;
	cursor: auto;
	/* 	border: 3px solid #555; */
	/* 	color: #555; */
	border: 3px solid white;
	color: white;
}

.secame-page .vert-comp-box .overw-title {
	/* 	color: #555; */
	color: white;
	font-size: 22px;
	line-height: normal;
	letter-spacing: 1px;
}

.secame-page .vert-comp-box .overw-exc {
	/* 	color: #555; */
	color: white;
}

.ph-height-1200 {
	height: 1px;
}

@media screen and (max-width: 1200px) {
	.ph-height-1200 {
		height: 0px;
	}
}

.secame-page .scm-setup {
	font-size: 35px;
	margin-bottom: 20px;
	color: #5375E0;
	letter-spacing: 1px;
	font-weight: 400;	
} 

.secame-page #news {
	background-image: url("http://i.imgur.com/6kv520i.jpg"); "
	/* 	background-image: url("/app/resource?vfname=blog-parallax.jpg"); */
	background-repeat: no-repeat;
	background-size: cover;
}

.secame-page #map {
	width: 100%;
	height: 500px;
}

.secame-page #customers  .customer-thumb {
	background-size: contain;
	margin: 0 auto;
	max-width: 300px;
}

.secame-intro-title {
	letter-spacing: 1px;
	font-size: 45px;
	line-height: normal;
	text-transform: none;
}

.secame-intro-subtitle {
	background-color: #8A1111;
	margin: 25px;
	line-height: normal;
}

.secame-intro-subtitle:hover {
	
}

/* ------ */
/* FOOTER */
/* ------ */
.footer-panel .latest-news-panel.widget-post .post-detail {
	min-height: 58px;
}

.footer-panel .latest-news-panel.widget-post .post-title {
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 1px;
}

.footer-panel .latest-news-panel.widget-post .post-exc {
	display: none;
}

/* ------ */
/* ABOUT  */
/* ------ */
.about-page .serv-list .serv-box .serv-icon {
	margin-bottom: 25px;
}

.about-page .serv-list .serv-box .serv-title {
	font-size: 28px;
	min-height: 68px;
	letter-spacing: 1px;
	line-height: normal;
}

.about-page .serv-list .serv-box.grow-box .serv-title {
	font-size: 21px;
}

.about-page .serv-list .serv-box .serv-exc {
	/* 	display: none; */
	
}

/* ---------- */
/* PORTFOLIO  */
/* ---------- */
#portfolio .cust-box .overw-title {
	color: inherit;
}

#portfolio .cust-box .overw-exc {
	color: inherit;
	font-size: 20px;
}

#portfolio .customer-thumb {
	background-size: contain;
	margin: 0 auto;
	max-width: 300px;
}

#portfolio .rel-box .product-thumb {
	background-size: contain;
	width: 225px;
	height: 200px;
}

/* ----------- */
/* DIGICANVAS  */
/* ----------- */
.digicanvas-page .component-list .component-detail {
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
	font-size: 17px;
	text-transform: none;
	border-width: 2px;
}

.digicanvas-page .component-list .team-thumb {
	height: 250px;
}

.digicanvas-page .component-list .component-caption ul li {
	list-style-type: none;
	font-size: 20px;
	margin-bottom: 10px;
}

.digicanvas-page .component-list .component-caption.marketing-caption ul li,
	.digicanvas-page .component-list .component-caption.crm-caption ul li {
	font-size: 16px;
}

.digicanvas-page .quote {
	font-size: 20px;
	letter-spacing: 1px;
}

.digicanvas-page .quote-title {
	color: #8A1111;
	font-weight: 700;
}

.digicanvas-page .component-list .team-box a {
	cursor: pointer;
}

.digicanvas-page .component-list .component-detail.workflow-detail {
	font-size: 12px;
}

.dc-platforms {
	background-color: #8A1111;
}

.dc-platforms .overw-title {
	font-size: 25px;
	line-height: normal;
	letter-spacing: 1px;
}

.dc-platforms .overw-icon {
	cursor: initial;
}

.digicanvas-page .title-page {
	text-transform: none;	
}

/* ------- */
/* GAMEHUB */
/* ------- */

.gamehub-intro-title {
	letter-spacing: 1px;
	font-size: 45px;
	line-height: normal;
	text-transform: none;
}

.gamehub-intro-subtitle {
	background-color: #8A1111;
	margin: 25px;
	line-height: normal;
}

.gamehub-page #news {
	background-image: url("http://i.imgur.com/6kv520i.jpg"); "
	background-repeat: no-repeat;
	background-size: cover;
}

.gamehub-page #map {
	width: 100%;
	height: 500px;
}

.gamehub-page .title-entry {
	border-bottom: 2px solid #8A1111;	
}

.gamehub-page .title-entry:last-child {
	border-bottom: none;	
}

/* ------- */
/* NEWS	   */
/* ------- */
.news-content .latest-news-panel.widget-post .post-detail {
	min-height: 58px;
}

.news-content .latest-news-panel.widget-post .post-title {
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 1px;
}

.news-content .latest-news-panel.widget-post .post-exc {
	display: none;
}

#news-carousel .blog-box .blog-title, #blog-carousel .blog-box .blog-title
	{
	min-height: 72px;
	font-size: 20px;
	letter-spacing: 1px;
}

#news-carousel .blog-box .blog-exc, #blog-carousel .blog-box .blog-exc {
	min-height: 84px;
}

/* ------- */
/* BLOG	   */
/* ------- */

#blog-page .blog-search {
	display: none;
}

.blog-content .latest-blogs-panel.widget-post .post-detail {
	min-height: 58px;
}

.blog-content .latest-blogs-panel.widget-post .post-title {
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 1px;
}

.blog-content .latest-blogs-panel.widget-post .post-exc {
	display: none;
}

/* ------- */
/* DEMO	   */
/* ------- */
#demo-request-panel .demo-cont {
	max-width: 500px;
	padding: 25px;
	margin-bottom: 75px;
}

#demo-request-panel .demo-title {
	font-size: 25px;
	margin-bottom: 20px;
}

#demo-request-panel .demo-comment {
	font-size: 18px;
	margin-bottom: 20px;
}

#demo-request-panel .demo-form {
	
}

#demo-request-panel .demo-form input {
	margin-bottom: 10px;
}

#demo-request-panel .demo-form textarea {
	margin-bottom: 10px;
}

#demo-request-panel .demo-form button {
	padding: 10px;
	font-size: 15px;
	color: white;
	background-color: #8A1111;
	border: 2px solid #8A1111;
	margin-bottom: 5px;
	cursor: pointer;
}

#demo-request-panel .demo-form button:hover {
	color: #8A1111;
	background-color: white;
}

#demo-request-panel .alert.demo-alert {
	width: initial;
}

/* ------- */
/* INSURE  */
/* ------- */
.insure-intro-title {
	letter-spacing: 1px;
	font-size: 45px;
	line-height: normal;
	text-transform: none;
}

.insure-intro-subtitle {
	background-color: #8A1111;
	margin: 25px;
	line-height: normal;
}

.insure-page .solution-title {
	text-transform: none;
}

.insure-page .solution-subtitle {
	letter-spacing: 1px;
}

.insure-page .component-list .component-detail {
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
	font-size: 19px;
	text-transform: none;
	border-width: 2px;
}

.insure-page .component-list .workflow .component-detail, .insure-page .component-list .document .component-detail
	{
	font-size: 16px;
}

.insure-page .component-list .component-caption ul li {
	list-style-type: none;
	font-size: 20px;
	margin-bottom: 10px;
}

.insure-page .component-list .crm .component-caption ul li {
	font-size: 16px;
}

.insure-page .sectors {
	background-color: gray;
}

.insure-page .sector-title.long-title {
	min-height: 58px;
}

.insure-page .overw-list .overw-exc {
	min-height: 63px;
}

.insure-page #map {
	width: 100%;
	height: 500px;
}

.insure-page #customers  .customer-thumb {
	background-size: contain;
	margin: 0 auto;
	max-width: 300px;
}

.insure-page .component-list .component-caption {
	cursor: auto;
}

.insure-page .rel-box .product-thumb {
	background-size: contain;
	width: 225px;
	height: 200px;
}

.insure-page #contact .header-section {
	background-color: #fafafa;
}

.insure-page .component-list .team-thumb {
	height: 250px;
}

/* ------- */
/* LOGIN   */
/* ------- */
#login-panel .login-cont {
	max-width: 500px;
	padding: 25px;
	margin-bottom: 75px;
}

#login-panel .logo-cont {
	text-align: center;
	margin-bottom: 20px;
}

#login-panel .logo-cont img {
	max-width: 100%;
}

/* #login-panel .login-title { */
/* 	font-size: 25px; */
/* 	margin-bottom: 20px; */
/* } */

/* #login-panel .login-comment { */
/* 	font-size: 18px; */
/* 	margin-bottom: 20px; */
/* } */
#login-panel .login-form {
	
}

#login-panel .login-form input {
	margin-bottom: 10px;
}

#login-panel .login-form button {
	padding: 10px;
	font-size: 16px;
	color: white;
	background-color: #8A1111;
	border: 2px solid #8A1111;
	margin-bottom: 5px;
	cursor: pointer;
	letter-spacing: 1px;
}

#login-panel .login-form button:hover {
	color: #8A1111;
	background-color: white;
}

#login-panel .alert.login-alert {
	width: initial;
}

/* ------- 	*/
/* LICENSES	*/
/* ------- 	*/
nav.licenses-main-menu li.selected a {
	background-color: #8A1111;
	color: white;
}

header.header-licenses #quick-icons {
	float: right;
}

header.header-licenses #quick-icons ul.licenses-info-menu {
	display: initial;
	border-left: 1px solid #dfdfdf;
	padding-left: 20px;
	float: right;
} 

header.header-licenses #quick-icons ul.switch-menu {
	float: right;
} 

#licenses-page .header-section {
	background-color: #8A1111;
	color: white;
}