/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 12, 2018, 10:51:16 AM
    Author     : gjorge
*/


.hero {
	text-align: left;
	font-style: normal !important;
	font-stretch: normal !important;
	line-height: normal !important;
	letter-spacing: normal !important;
	font-family: 'Open Sans', sans-serif, arial;
	color: #ffffff;
	margin-bottom: 50px;
}
.hero .transp-bar {
	background: linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url('../images/rcubg.png') no-repeat left top rgba(3, 19, 75, 0.7);
	padding: 15px 25px;

}
.hero .transp-bar h3 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: 600;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif, arial !important;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
}	
.hero a.hero-contact-us {
	display: inline-block;
	float: right;
	padding: 3px 15px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #f2dd7c;
	border-radius: 2px;
	border: solid 0.5px #f2dd7c;
	background-color: rgba(3, 19, 75, 0.5);
	text-decoration: none;
	font-family: 'Open Sans', sans-serif, arial !important;
}
.hero a.hero-contact-us:hover,
.contact-us:hover {
	background-color: #03134b;
}
.hero h3:after {
	content: " ";
	display: block;
	clear: both;
	float: none;
}
.hero .hero-background {
	background: linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)), url('../images/hero-background.png') no-repeat center bottom transparent;
	background-size: cover;
	height: 460px;
	padding: 15px 20px;
}
.hero .hero-background h1 {
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', sans-serif, arial;
	font-size: 48px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #ffffff;
}
.hero .hero-background p {
	font-family: 'Open Sans', sans-serif, arial;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	max-width: 850px;
}
.row:after {
	content: " ";
	display: block;
	clear: both;
	float: none;
}
.hero-stats {
	background-color: #ffffff;
	box-shadow: 0 2px 10px 2px rgba(160, 160, 160, 0.52);
	width: 790px;
	margin: -70px auto 0;
	padding: 40px 30px 30px;
	box-sizing: border-box;
}
.hero-stats h2 {
	font-family: 'Open Sans', sans-serif, arial;
	font-size: 50px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
}
.hero-stats p {
	font-family: 'Open Sans', sans-serif, arial;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	margin: 0;
	white-space: nowrap;
}
.ui-widget-header {
	background: #ffffff;
}
.ui-widget.ui-widget-content {
	border: none;
}
.ui-tabs .ui-tabs-nav {
	border-radius: 0;
	border: none;
	border-bottom: solid 0.5px rgba(0, 0, 0, 0.5);
	padding: 0 25px;
}
.ui-tabs .ui-tabs-nav li {
	width: calc(50% - 5px);
	border-radius: 0;
	background: none;
	box-shadow: inset -2px -2px 4px 0 rgba(0, 0, 0, 0.5);
	border: solid 0.5px #000000;
	border-bottom: 0;
	background-color: #ffffff;
	margin: 0;
	transition-timing-function: ease-in;
	transition: 0.4s;
}
.ui-tabs .ui-tabs-nav li:last-child {
	box-shadow: inset 2px -2px 4px 0 rgba(0, 0, 0, 0.5);
}
.ui-tabs .ui-tabs-nav li:hover,
.ui-tabs .ui-tabs-nav li.ui-state-active,
.ui-tabs .ui-tabs-nav li:active {
	box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.5);
}
.ui-tabs .ui-tabs-nav li:hover {
	background-color: #ededed;
}
.ui-tabs .ui-tabs-nav li a.ui-tabs-anchor {
	display: block;
	text-align: center;
	float: none;
	font-family: 'Open Sans', sans-serif, arial;
	font-size: 48px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	padding: 8px;
}
#tabs h2 {
	font-family: 'Open Sans', sans-serif, arial;
	font-size: 36px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
	margin-bottom: 30px;
	white-space: nowrap;
}
#high_impact > p {
	font-family: 'Open Sans', sans-serif, arial;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
	margin: -20px 0 20px;
}
.banner-image {
	text-align: center;
	padding: 0 25px 50px;
}
.banner-image h3 {
	font-family: Roboto;
	font-size: 36px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	margin: 0 0 10px;
}
.banner-image .ad-price {
	font-weight: 600;
	color: #03134b;
}
.banner-image p {
	font-family: 'Roboto', sans-serif, arial;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	white-space: nowrap;
}
.newsletters {
	font-family: Roboto;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
	padding: 30px 0 35px;
}
a.contact-us {
	border-radius: 2px;
	background-color: rgba(3, 19, 75, 0.75);
	border: solid 0.5px #f2dd7c;
	font-family: 'Open Sans', sans-serif, arial;
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #f2dd7c;
	text-decoration: none!important;
	padding: 5px 15px;
}
h2 .ad-price {
	font-family: 'Roboto';
	font-size: 24px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: #03134b;
}
#tabs img {
	width: 100%;
}
.mobile-only {
	display: none !important;
}
@media (min-width:992px) and (max-width:1128px) {
	.ui-tabs .ui-tabs-nav li a.ui-tabs-anchor {
		font-size: 34px;
	}
	.banner-image {
		padding-bottom: 30px;
	}
	#tabs h2 {
		font-size: 30px
	}
	.banner-image h3 {
		font-size: 28px;
	}
	.banner-image p {
		font-size: 24px;
	}
}
@media (min-width:768px) and (max-width:991px) { 
	.hero .hero-background h1 {
		font-size: 36px;
	}
	.hero .hero-background p {
		font-size: 16px;
	}
	.hero .hero-background {
		height: 420px;
		background-position: right bottom;
	}
	.hero-stats {
		width: 600px;
		padding: 15px 0 25px;
		margin-top: -60px;
	}
	.hero-stats h2 {
		font-size: 40px;
	}
	.hero-stats p {
		font-size: 16px;
	}
	.ui-tabs .ui-tabs-nav li a.ui-tabs-anchor {
		font-size: 40px;
	}
	#tabs h2 {
		font-size: 30px;
	}
	#standard h2 {
		text-align: center;
		white-space: normal;
	}
	#standard > h2 {
		text-align: left;
	}
	.banner-image {
		padding: 0 10px 20px;
	}
	.banner-image h3 {
		font-size: 24px;
	}
	.banner-image p {
		font-size: 20px;
	}
	.newsletters {
		font-size: 18px;
		white-space: nowrap;
		padding: 20px 0 25px;
	}
	#tabs #high_impact  .iregular h2 {
		font-size: 24px;
		margin-bottom: 25px;
	}
}
@media (max-width:767px) { 
	.mobile-hidden {
		display: none!important;
	}
	.mobile-only {
		display: inline-block!important;
	}
	.hero .transp-bar {
		padding: 14px 20px;
	}
	.hero .transp-bar h3 {
		font-size: 16px;
		white-space: nowrap;
	}
	.hero .hero-background {
		text-align: center;
		padding: 20px;
		height: 220px;
		background-position: 90% bottom;
	}
	.hero .hero-background a.hero-contact-us {
		float: none;
		display: block !important;
		padding: 5px;
		background-color: rgba(3, 19, 75, 0.75);
	}
	.hero-stats {
		width: calc(100% - 10px);
		margin: -40px 5px 0;
		padding: 5px 25px;
	}
	.hero-stats h2 {
		font-size: 24px;
	}
	.hero-stats p {
		font-size: 14px;
		white-space: normal;
	}
	.row .col-4 {
		width: 33.33%!important;
		padding: 0 5px!important;
	}
	.row [class*="col-"] {
		margin: 0!important;
	}
	.row.sub-row {
		margin: -5px;
	}
	.row.sub-row .col-6 {
		width: 50%;
		padding: 0 5px;
	}
	.ui-tabs .ui-tabs-nav {
		padding: 0 5px;
	}
	.ui-tabs .ui-tabs-nav li {
		width: calc(50% - 2px);
	}
	.ui-tabs .ui-tabs-nav li a.ui-tabs-anchor {
		font-size: 20px;
	}
	.ui-tabs .ui-tabs-panel {
		padding: 10px;
	}
	#tabs h2 {
		text-align: center;
		font-size: 18px;
		margin-bottom: 10px;
		padding-bottom: 25px;
		border-bottom: 1px solid #ccc;
		margin-top: 30px;
	}
	.banner-image {
		padding: 0;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
	.ui-tabs .ui-tabs-panel .last-child {
		border: 0!important;
	}
	.banner-image h3 {
		font-size: 18px;
	}
	.banner-image p {
		text-align: center;
		font-size: 16px;
		white-space: normal;
		margin: 0;
	}
	.newsletters {
		text-align: center;
		font-size: 16px;
		padding: 0 0 10px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 15px;
	}
	a.contact-us {
		margin: 60px 20px 100px;
		display: block;
	}
	#high_impact > p {
		font-size: 16px;
		padding-bottom: 15px;
		margin-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
	#tabs .iregular {
		margin-top: 30px; 
	}
	#tabs .iregular h2 {
		text-align: center;
		margin: 0;
		padding-bottom: 20px;
	}
	.iregular h2 .ad-price {
		text-align: center;
		display: block;
		font-size: 16px;
	}
	.col-5 {
		padding: 0px 60px!important;
	}
}