::selection {

    background: #2a5992;

	color: white;

}

::-moz-selection {

    background: #2a5992; /* Firefox */

	color: white;

}



html {

	height: 100%;

}

	.about-text h2.large{
		font-weight:bold;
		color:#2a5992;
		text-transform:uppercase}

.about-text{
		text-align:left}
body {

	font-family: 'Open Sans', sans-serif;

	height: 100%;

}

a {

	-webkit-transition: all 0.6s ease;                  

    -moz-transition: all 0.6s ease;                 

    -o-transition: all 0.6s ease;   

    -ms-transition: all 0.6s ease;          

    transition: all 0.6s ease;

}

a:hover {

	text-decoration: none;

	opacity: 1;

}



img {

	max-width: 100%;

}



h2 {

	color: #303030;

	font-size: 27px;

	font-weight: 800;

	text-align: center;

	position: relative;

	margin-bottom: 80px;

}

h2 small {

	color: #979797;

	font-size: 21px;

	font-weight: normal;

	line-height: 1.2;

}

h2:after {

	content:"";

	width: 110px;

	height: 1px;

	display: block;

	background-color: #dfdfdf;

	left: 50%;

	margin-left: -55px;

	position: absolute;

	bottom: -25px;

}

h2.large {
	font-size: 45px;
	line-height: 0.9;
	margin-bottom: 65px;
	color: #D6D6D6;

}

h2.large small {

	font-size: 30px;

}

h2.negative {

	color: #fff;

}

h2.negative small {

	color: #fff;

}

h2.negative:after {

	background-color: #fff;

}



.color {

	color: #2a5992;

}



.lead {

	color: #979797;

	font-size: 17px;

	text-align: center;

	margin-bottom: 30px;

}



.wrapper {

	padding-top: 70px;

	padding-bottom: 60px;

	width: 100%;

}

.wrapper.grey {

	background-color: #f0f0f0;

}

.wrapper.dark-grey {

	background-color: #d8d8d8;

}

.wrapper.bg {

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}

.wrapper.parallax {

	background-attachment: fixed;

}



.mob-nav-toggle {

	display: none;

}



/* ------------ REUSABLE CONTENT BLOCKS ------------- */



.text-image-top {
	text-align: left;
	margin-bottom: 15px;

}

.text-image-top i {

	margin-bottom: 10px;

	color: #2a5992;

}

.text-image-top h3 {

	font-size: 18px;

	color: #303030;

	font-weight: normal;

	margin-bottom: 30px;

}

.text-image-top p {

	color: #707070;

	font-size: 14px;

}



.number-image-left h2 {

	color: #2a5992;

	font-size: 50px;

	text-align: left;

	margin: 0px;

	line-height: 0.5;

}

.number-image-left h2 small {

	color: #7a7a7a;

	font-size: 18px;

}

.number-image-left h2:after {

	display: none;

}

.number-image-left i {

	color: #2a5992;

}



.text-image-left {

	margin-bottom: 35px;

}

.text-image-left i {

	color: #2a5992;

}

.text-image-left h3 {

	color: #303030;

	font-size: 18px;

	position: relative;

	margin-bottom: 35px;

	margin-top: 0px;

}

.text-image-left h3:after {

	content:"";

	width: 110px;

	height: 1px;

	display: block;

	background-color: #dfdfdf;

	position: absolute;

	left: 0;

	bottom: -15px;

}

.text-image-left p {

	color: #707070;

	font-size: 14px;

}



.team-member {

	

}

.team-member img {

	max-width: 100%;

}

.team-member .member-info {

	background-color: #fff;

	border-bottom: 3px solid #2a5992;

	padding: 15px 5px

}

.team-member .member-info h4 {

	color: #303030;

	font-size: 18px;

	margin: 0px;

}

.team-member .member-info h4 small {

	font-size: 14px;

	color: #8c8c8c;

}

.team-member .member-info .member-social {

	text-align: right;

}



/* ---------- HEADER ---------- */



header.wrapper {

	padding: 0px;

	height: 100%;

	background-image: url('../images/bg-header-picture.png');

	z-index: 1;

}



header .text-slider-wrapper {

	position: relative;

	top: 45%;

	margin-top: -60px;

}

header .text-slider {

	text-align: center;	

}

header .text-slider .slide.large-text {

	font-size: 60px;

	color: #fff;

	text-transform: uppercase;

	font-weight: bold;

	line-height: 45px;

	margin-bottom: 20px;

}

header .text-slider .slide.large-text small {

	font-size: 27px;

	text-transform: none;

	font-weight: normal;

}



header .arrow-down {

	text-align: center;

	font-size: 2em;

	position: relative;

	top: 55%;

}

header .arrow-down a {

	color: #fff;

	opacity: 0.5;

}

header .arrow-down a:hover {

	opacity: 1;

}



/* ---------- NAV/LOGO/SOCIAL MEDIA ---------- */



nav.wrapper {

	padding: 12px 0;

	border-bottom: 1px solid #dfdfdf;

	background-color: #fff;

	z-index: 950;

	position: absolute;

}



nav .logo a h1 {

	font-size: 23px;

	font-weight: 800;

	color: #303030;

	margin: 0px;

	margin-bottom: 4px;

}



nav .nav-menu .nav > li > a {

	color: #a4a4a4;

	font-size: 14px;

	margin: 0px;

	padding: 0px;

	margin-right: 35px;

	line-height: 36px;

}

nav .nav-menu .nav > li:last-child > a {

	margin-right: 0px;

}

nav .nav-menu .nav > li.active > a, nav .nav-menu .nav > li:hover > a, nav .nav-menu .nav > li > a:focus {

	background: none;

	color: #303030;

	border-radius: 0px;

}



nav .social-media-icons {

	text-align: right;

	margin-top: 7px;

}

nav .social-media-icons ul {

	margin: 0px;

}

nav .social-media-icons ul li a {

	opacity: 0.7;

}

nav .social-media-icons ul li a:hover {

	opacity: 1;

}



nav .mob-nav-wrapper {

	margin-top: 10px;

	display: none;

}

nav .mob-nav-wrapper .mob-nav {

	margin-bottom: 0px;

	padding: 0px;

	list-style: none;

}

nav .mob-nav-wrapper .mob-nav li {

	padding: 10px 0px;

	border-bottom: 1px solid #dfdfdf;

}

nav .mob-nav-wrapper .mob-nav li:last-child {

	border: none;

}

nav .mob-nav-wrapper .mob-nav li a {

	width: 100%;

	color: #a4a4a4;

}

nav .mob-nav-wrapper .mob-nav li a:hover {

	

}



/* ---------- ABOUT ---------- */



#about {

	padding-top: 90px;

}

#about .lead {

	margin-bottom: 55px;

}



/* ---------- NUMBERS ---------- */



#numbers {

	padding-top: 55px;

	padding-bottom: 55px;

}

#numbers .number-image-left {

	margin-top: 25px;

	margin-bottom: 20px;

}



/* ------- OUR CLIENTS ----------- */



#our-clients {

	background: #2a5992;

	padding-bottom: 70px;

	padding-top: 50px; text-align:center;

	color:#CCC

}

#our-clients h2 {

	margin-bottom: 70px;



}

#our-clients h3 {

color:#FFF

}

#our-clients h3 span{

font-weight:bold;

}

#our-clients a {

text-decoration:underline;

color:#fff



}

#our-clients .client-logo {

	text-align: center;	padding-bottom: 30px;

}



/* ------- QUOTE ----------- */



#quote {

	background-image: url('../images/bg-our-clients.png');

	padding-top: 70px;

	padding-bottom: 65px;

}



#quote blockquote {

	text-align: center;

	margin: 0px;

	border: none;

	position: relative;

}

#quote blockquote:before {

	content: "";

	display: block;

	width: 59px;

	height: 44px;

	background: url('../images/quote-icon.png') no-repeat top left;

	position: absolute;

	top: -10px;

	left: -20px;

}

#quote blockquote:after {

	content: "";

	display: block;

	width: 59px;

	height: 44px;

	background: url('../images/quote-icon.png') no-repeat top left;

	position: absolute;

	bottom: 0px;

	right: -20px;

}

#quote blockquote p {

	color: #fff;

	font-size: 21px;

}

#quote blockquote footer {

	font-size: 18px;

	color: #fff;

}



/* ------- TEAM ----------- */



#team-1 h2 {

	margin-bottom: 40px;

}



#team-2 {

	position: relative;

	padding-top: 55px;

	padding-bottom: 55px;

}

#team-2:before {

	background-color: #F0F0F0;

	content:'';

	position: absolute;

	width: 40px;

	height: 40px;

	top: -20px;

	left: 50%;

	margin-left: -20px;

	-ms-transform: rotate(45deg); /* IE 9 */

    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */

    transform: rotate(45deg);

}



/* --------- PORTFOLIO ----------- */



#portfolio-1 {

	text-align: center;

}

#portfolio-1 h2 {

	margin-bottom: 65px;

}



#portfolio-1 .filter-menu {

	margin: 10px;

}

#portfolio-1 .filter-menu li {

	padding: 0px 10px;

}

#portfolio-1 .filter-menu .filter {

	cursor: pointer;

	color: #959595;

	font-size: 16px;

}

#portfolio-1 .filter-menu .filter:hover {

	color: #303030;

}



#portfolio-2 {

	padding: 0px;

}



.portfolio-item {

	width: 25%;

	float: left;

	display: none;

	position: relative;

}

.portfolio-item .overlay {

	background-color: #2a5992;

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	text-align: center;

	padding-top: 60px;

	opacity: 0;

	-webkit-transition: all 0.6s ease;                  

    -moz-transition: all 0.6s ease;                 

    -o-transition: all 0.6s ease;   

    -ms-transition: all 0.6s ease;          

    transition: all 0.6s ease;

}

.portfolio-item:hover .overlay {

	opacity: 1;

}

.portfolio-item .overlay i {

	color: #fff;

	margin-bottom: 15px;

}

.portfolio-item .overlay h4 {

	color: #fff;

	font-size: 18px;

	font-weight: bold;

}

.portfolio-item .overlay h5 {

	color: #fff;

	font-size: 16px;

}



/* --------- CONTACT ----------- */



.form-control-feedback {

	top: 30px;

	right: 5px;

}

.has-feedback .form-control-feedback, .has-feedback .glyphicon-remove,  .has-feedback .glyphicon-ok {

	display: none;

}

.has-feedback.has-success .glyphicon-ok {

	display: block;

}

.has-feedback.has-error .glyphicon-remove {

	display: block;

}



#contact-1 {

	

}

#contact-1 h2 {

	margin-bottom: 35px;

}



#contact-2 {

	background-image: url('../images/bg-contact.png');

	height: 450px;

	padding-top: 50px;

}

#contact-2 .map-pointer {

	background-color: #fff;

	padding: 22px 30px;

	display: block;

	width: 150px;

	text-align: center;

	position: relative;

	margin: 0 auto;

	margin-top: 90px;

}

#contact-2 .map-pointer:after {

	background-color: #fff;

	content:'';

	position: absolute;

	width: 20px;

	height: 20px;

	bottom: -10px;

	left: 50%;

	margin-left: -10px;

	-ms-transform: rotate(45deg); /* IE 9 */

    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */

    transform: rotate(45deg);

}



#contact-3 {

	padding-bottom: 80px;

}

#contact-3 .contact {

	background-color: #fff;

	margin-top: -150px;

}



#contact-3 .contact-form {

	padding: 50px 60px;

	padding-right: 40px;

}

#contact-3 .contact-form label {

	color: #303030;

	font-size: 14px;

	font-weight: normal;

	margin-left: 7px;

}

#contact-3 .contact-form .form-control {

	border-radius: 0px;

	box-shadow: none;

	font-size: 14px;

	height: 45px;

}

#contact-3 .contact-form textarea.form-control {

	height: auto;

}

#contact-3 .contact-form .form-control.invalid {

	border-color: 

}

#contact-3 .contact-form .btn {

	background-color: #2a5992;

	border-radius: 0px;

	color: #fff;

	margin-top: 15px;

	font-weight: bold;

	padding: 12px 20px;

	border: none;

	-webkit-transition: all 0.6s ease;                  

    -moz-transition: all 0.6s ease;                 

    -o-transition: all 0.6s ease;   

    -ms-transition: all 0.6s ease;          

    transition: all 0.6s ease;

}

#contact-3 .contact-form .btn:hover {

	opacity: 0.7;

}



#contact-3 .contact-info {

	padding: 50px 60px;

	padding-left: 40px;

}

#contact-3 .contact-info h3 {

	color: #303030;

	font-size: 23px;

	font-weight: bold;

	margin-bottom: 25px;

}

#contact-3 .contact-info .contact-item {

	margin-top: 20px;

}

#contact-3 .contact-info .contact-item i {

	color: #2a5992;

}

#contact-3 .contact-info .contact-item h5 {

	color: #303030;

	font-size: 17px;

	margin: 0px;

	font-weight: 400;

}



/* --------- FOOTER ----------- */



footer.wrapper {

	padding: 20px 0px;

}

footer .copyright {

	text-align: left;

}

footer .copyright p {

	color: #737373;

	font-size: 14px;

	margin-bottom: 0px;

}

footer .arrow-up {

	text-align: center

}

footer .arrow-up p {

	margin: 0px;

	color: #737373;

}

footer .arrow-up p a {

	color: #737373;

}

footer .social-media-icons-dark {

	text-align: right;

}

footer .social-media-icons-dark ul {

	margin: 0px;

}

footer .social-media-icons-dark ul li a {

	opacity: 0.7;

}

footer .social-media-icons-dark ul li a:hover {

	opacity: 1;

}



/* ------------ DARK --------------- */



.dark .wrapper {

	background-color: #1F1F1F;

}

.dark .wrapper.grey {

	background-color: #000;

}

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {

	color: #fff;

}

.dark p {

	color: #c6c6c6;

}

.dark nav.wrapper {

	border-bottom: 1px solid #505050;

}

.dark nav .logo a h1 {

	color: #fff;

}

.dark nav .nav-menu .nav > li > a {

	color: #c6c6c6;

}

.dark nav .nav-menu .nav > li.active > a, .dark nav .nav-menu .nav > li:hover > a, .dark nav .nav-menu .nav > li > a:focus {

	color: #fff;

}

.dark #team-2:before {

	background-color: #000;

}

.dark .team-member .member-info {

	background-color: #1F1F1F;

}

.dark .team-member .member-info h4 {

	color: #fff;

}

.dark #contact-3 .contact {

	background-color: #1F1F1F;

}

.dark #contact-3 .contact-info h3 {

	color: #fff;

}

.dark #contact-3 .contact-info .contact-item h5 {

	color: #fff;

}

.dark #contact-3 .contact-form label {

	color: #fff;

}

.dark #contact-3 .contact-form .form-control {

	background-color: #787878;

	border: none;

	color: #fff;

}





.banners {

    overflow: hidden;

    width: 100%;

	margin:50px 0 0 0

}

.banners > a {

    float: left;

    width: 33.33%;

}

.banners img {

    width: 100%;

}

.banners>a {

    color: #fff;

    display: block;

    font-family: "Lato",sans-serif;

    font-size: 12px;

    line-height: 23px;

    overflow: hidden;

    position: relative;

	text-align:center

}

.banners  .inner {

    left: 0;

    padding: 0 12%;

    position: absolute;

    top: 10%;

    width: 100%;

    z-index: 1;

}

.banners  i {

    display: block;

    font-style: normal;

    text-transform: uppercase;

}

.banners h6 {

    color: #fff;

    font-size: 30px;

    font-weight: 900;

    line-height: 25px;

    margin-bottom: 15px;

    text-transform: uppercase;

}

.banners  b {

    display: block;

    padding-top: 15px;

}

.banners b strong {
	border: 2px solid #fff;
	color: #fff;
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	line-height: 22px;
	padding: 15px 10px;
	text-transform: uppercase;
	background: #000;
	filter: alpha(opacity=50);


  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.5;

}

.banners a:hover b strong {

    background: #2a5992 none repeat scroll 0 0;

    border-color: #2a5992;

}

.banners a{
	
	color:#fff}

.banners>div:hover img, .banners2>div:hover img {

    transform: scale(1.05, 1.05);

}

.banners>div img, .banners2>div img {

    transition: all 0.2s linear 0s;

}



/* --------- RESPONSIVE ----------- */



@media (min-width: 1200px) {

	

}



@media (max-width: 1199px) {

	.team-member {

		margin-bottom: 30px;

	}

	#team-2 {

		padding-bottom: 35px;

	}

	.portfolio-item .overlay {

		padding-top: 39px;

	}

}



@media (max-width: 991px) {

	

	

	.banners > div {

    float: left;

    width:50%;

}

	header .text-slider .slide.large-text {

		font-size: 45px;

	}

	nav .social-media-icons {

		display: none;

	}

	nav .nav.full {

		display: none;

	}

	.mob-nav-toggle {

		display: block;

		cursor: pointer;

		text-align: right;

		margin-top: 5px;

		color: #979797;

	}



	#our-clients {

		padding-bottom: 30px;

	}

	.portfolio-item {

		width: 33.333%;

	}

	.portfolio-item .overlay {

		padding-top: 50px;

	}

	#contact-3 .contact-form {

		padding: 50px 40px;

	}

	#contact-3 .contact-info {

		padding: 70px 40px;

		padding-top: 40px;

		text-align: center;

		border-top: 1px solid #F0F0F0;

	}

	#contact-3 .contact-info .contact-item h5 {

		font-size: 15px;

		line-height: 19px;

	}

	#contact-3 .contact-info .contact-item i {

		margin-bottom: 20px;

	}

}



@media (max-width: 767px) {
	
	.banners > a {

    float: left;

    width: 100%;

}

	header .text-slider .slide.large-text {

		font-size: 35px;

	}

	.text-image-top {

		margin-bottom: 30px;

	}

	.number-image-left {

		text-align: center;

		margin-bottom: 40px;

	}

	.number-image-left h2 {

		text-align: center;

	}

	.number-image-left i {

		margin-bottom: 25px;

	}

	.text-image-left {

		text-align: center;

	}

	.text-image-left i {

		margin-bottom: 25px;

	}

	.text-image-left h3:after {

		left: 50%;

		margin-left: -55px;

	}

	.portfolio-item {

		width: 50%;

	}

	.portfolio-item .overlay {

		padding-top: 23%;

	}

	.portfolio-item .overlay i {

		font-size: 2em;

	}

	.team-member {

		width: 50%;

		float: left;

		text-align: center;

	}

	.team-member .member-social {

		display: none;

	}

	#contact-3 {

		padding-bottom: 0px;

	}

	footer {

		text-align: center;

	}

	footer .copyright {

		text-align: center;

		margin-bottom: 15px;

	}

	footer .arrow-up {

		display: none;

	}

	footer .social-media-icons-dark {

		text-align: center;

	}

}



@media (max-width: 480px) {

	

	.banners > div {

    float: left;

    width:100%;

}

	header .text-slider .slide.large-text {

		font-size: 25px;

	}

	.team-member {

		width: 100%;

		float: left;

	}

	.banners > div {

    float: left;

    width: 50%;

}

	.portfolio-item .overlay {

		padding-top: 17%;

	}

	.portfolio-item .overlay i {

		margin-bottom: 5px;

	}

	.portfolio-item .overlay h4 {

		font-size: 15px;

	}

}

@media (max-width: 400px) {

		.banners > div {

    float: left;

    width:100%;

}

	.portfolio-item {

		width: 100%;

	}

	.portfolio-item .overlay {

		padding-top: 23%;

	}

	.portfolio-item .overlay i {

		font-size: 2em;

	}

}