@charset "utf-8";
/*
Theme Name: Maxx Access
Theme URI: http://www.maxxaccess.com/
Author: Octarine
Author URI: http://www.octarine.com/
Description: Feature-packed theme with a solid design and a friendly interface. Designed by <a href="http://www.octarine.com/">Octarine</a>.
Version: 2.0
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: Maxx Access

Use it to make something cool, have fun, and share what you've learned with others.
*/
/* fonts 
font-family: 'Bebas Neue', cursive;
font-family: 'Titillium Web', sans-serif;
*/

* { padding:0; margin:0; box-sizing:border-box; }
html, body { width:100%!important; height:100%!important; }

body { 
	margin:0;
	background:#fff;	
	font-family: 'Titillium Web', sans-serif;
	box-sizing:border-box;
	font-size:16px;
	color:#121212;
	font-weight:500;
	overflow-x:hidden;
	/* Colors: */
	--unnamed-color-909090: #909090;
	--unnamed-color-231f20: #231F20;
	--unnamed-color-05502a: #05502A;
	--unnamed-color-333333de: #333333DE;
	--unnamed-color-ff0000: #FF0000;
	--unnamed-color-707070: #707070;
	--unnamed-color-373535: #373535;
	--unnamed-color-837c73: #837C73;
	--unnamed-color-b5b5b5: #B5B5B5;
	--unnamed-color-dededf: #DEDEDF;
	--unnamed-color-c6c6c6: #C6C6C6;
	--unnamed-color-757575: #757575;
	--unnamed-color-1b1717: #1B1717;
	--unnamed-color-6e6e6e: #6E6E6E;
	--unnamed-color-3098cf: #3098CF;
	--unnamed-color-cbcbcb: #CBCBCB;
	--unnamed-color-243565: #243565;
	--unnamed-color-d8d8d8: #D8D8D8;
	--unnamed-color-28517f: #28517F;
	--unnamed-color-000000: #000000;
	--unnamed-color-ffffff: #FFFFFF;

	/* Font/text values */
	--unnamed-font-family-bebas-neue: 'Bebas Neue', cursive;
	--unnamed-font-family-titillium-web: 'Titillium Web', sans-serif;
	--unnamed-font-family-lato: Lato;
	--unnamed-font-style-normal: normal;
	--unnamed-font-style-italic: italic;
	--unnamed-font-weight-600: 600px;
	--unnamed-font-weight-bold: bold;
	--unnamed-font-weight-normal: normal;
	--unnamed-font-weight-medium: medium;
	--unnamed-font-size-12: 12px;
	--unnamed-font-size-13: 13px;
	--unnamed-font-size-14: 14px;
	--unnamed-font-size-16: 16px;
	--unnamed-font-size-18: 18px;
	--unnamed-font-size-21: 21px;
	--unnamed-font-size-24: 24px;
	--unnamed-font-size-31: 31px;
	--unnamed-font-size-32: 32px;
	--unnamed-font-size-42: 42px;
	--unnamed-font-size-48: 48px;
	--unnamed-font-size-52: 52px;
	--unnamed-character-spacing-0: 0px;
	--unnamed-line-spacing-17: 17px;
	--unnamed-line-spacing-18: 18px;
	--unnamed-line-spacing-19: 19px;
	--unnamed-line-spacing-20: 20px;
	--unnamed-line-spacing-21: 21px;
	--unnamed-line-spacing-24: 24px;
	--unnamed-line-spacing-27: 27px;
	--unnamed-line-spacing-28: 28px;
	--unnamed-line-spacing-32: 32px;
	--unnamed-line-spacing-36: 36px;
	--unnamed-line-spacing-42: 42px;
	--unnamed-line-spacing-47: 47px;
	--unnamed-line-spacing-48: 48px;
	--unnamed-line-spacing-50: 50px;
	--unnamed-line-spacing-52: 52px;
	--unnamed-line-spacing-64: 64px;
	--unnamed-line-spacing-73: 73px;
	--unnamed-line-spacing-79: 79px;
	--unnamed-line-spacing-250: 250px;
	--unnamed-text-transform-uppercase: uppercase;
	--unnamed-text-transform-titlecase: titlecase;
}

a {
	text-decoration:none;
	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
	-o-transition:  color 300ms, background-color 300ms;
	transition:  color 300ms, background-color 300ms;
}
a:hover {
	text-decoration:none;
}

label {
	color:#000;
	font-weight: 400;
	width:100%;
	display:block;
	font-size:16px;
	margin:0 0 5px 0;
}
input, select, textarea {
	font-size:20px;
	border:1px solid #ccc;
	padding:12px;
	color:#1b1b1b;
	background:transparent;
	margin:0 0 15px 0;
	resize:none;
	width:100%;
	background:#fff;
}
textarea { height:100px; }
input[type=submit], form button {
	display:inline-block;
	padding:14px 30px;
	font-weight:600;
	text-transform:uppercase;
	font-size:16px;
    color: #000;
	border:1px solid #000;
	width:auto;
	margin: 0;
}
@media (min-width: 1200px){
	.container {
		width: 1400px;
		border: 0px solid red;
	}
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
p {
	font-size:21px;
	line-height: 32px;
	color:#000;
	margin:0 0 30px 0;
}
p strong {
	font-style: italic;
}
.entry p {
	font-size:18px;
	line-height: 24px;
	color:#000;
	margin:0 0 30px 0;
}
.entry ul, .entry ol {
	margin: 0 0 30px 30px;
}
.entry li {
	font-size:18px;
	padding: 5px 0;
	color:#000;
}

/* NAV BAR */
.navbar-default {
    background-color: #fff;
    border-color: #fff;
    font-family: 'Bebas Neue', cursive;
}
@media (min-width: 768px){
	.navbar {
	    border-radius: 0px;
	}
}
.navbar {
    min-height: auto;
    margin-bottom: 0px;
}
.navbar-brand {
    height: auto;
}
.navbar-brand img.logo-icon {
    max-width: 170px;
    float: left;
}
.navbar-brand img.logo-img {
    max-width: 350px;
    float: left;
    margin-left: 20px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 16px;
    letter-spacing: 1px;
}
/*
@media (min-width: 768px) {
	.navbar-nav>li>a {
	    padding-top: 25px;
	    padding-bottom: 25px;
	}
}*/
.navbar-default .navbar-brand {
    padding: 12px 30px;
}
.dropdown-menu {
    padding: 0;    
    border-radius: 0px;
}
.dropdown-menu>li>a {
    padding: 10px 20px;
    font-size: 16px;
    letter-spacing: 1px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: transparent;
    background-image: linear-gradient(to right, #243060 , #1C94D2);
}

/* ============ desktop view ============
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }
*/
/* ============ desktop view .end// ============ */



/* ======== MENU DESKTOP ========*/
.hamburgerBox {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
}
.hamburgerBox img {
	max-width: 170px;
}
.hamburgerBox .bar {
	padding: 10px;
	background: #fff;
	cursor: pointer;
	float: left;
	max-width: 50px;
}
.hamburgerBox .navbar-brand {
    padding: 12px 20px;
}
.navbar-default .closebtn {
	padding: 10px;
	background: #fff;
	cursor: pointer;
	float: left;
	max-width: 50px;
}


/* The side navigation menu */
.sidenav {
  width: 0;
  position: fixed;
  z-index: 4;
  top: 0;
  left: -2px;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
}
/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}
/* Position and style the close button (top right corner) */
.sidenav .closebtn {
	padding: 20px;
	background: #fff;
	cursor: pointer;
	float: left;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}



/* BANNER HOME */
.bannerHome {
	width: 100%;
	height: 100vh;
	display: table;
	position: relative;
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.bannerHome .bannerInner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	font-family: 'Bebas Neue', cursive;
}
.bannerHome h3 {
	font-size: var(--unnamed-line-spacing-27);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	color: var(--unnamed-color-ffffff);
	margin: 50px 0 10px 0;
	text-transform: uppercase;
}
.bannerHome h2 {
	font-size: var(--unnamed-font-size-48);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	color: var(--unnamed-color-ffffff);
	margin: 10px 0 50px 0;
	text-transform: uppercase;
}
.bannerHome a.learn-more {
	font-size: var(--unnamed-line-spacing-14);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	font-style: italic;
	color: var(--unnamed-color-ffffff);
	text-transform: uppercase;
	margin: 0;
	border: 2px solid #fff;
	padding: 10px 15px;
	display: inline-block;
}
.arrow-banner {
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
}

/* HOME HAMBURGER */
.homeIconBox {
	position: fixed;
	z-index: 9999;
	left: 20px;
	bottom: 20px;
}
.homeIconBox ul {
	margin: 0;
}
.homeIconBox li {
	display: block;
	list-style: none;
	margin: 0;
}
.homeIconBox li a {
	display: block;
	padding: 15px 10px;
}
.homeIconBox li a img {
	width: 32px;
	height: 32px;
	opacity: 0.5;
}
.homeIconBox li a:hover img {
	opacity: 1;
}


/* BANNER EDUCATION */
.bannerEducation {
	width: 100%;
	height: 100vh;
	/*background: url(images/poster-education.jpg) top center no-repeat;*/
	display: table;
	position: relative;
}
.bannerEducation .bannerInner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: 'Bebas Neue', cursive;
}
.bannerEducation h3 {
	font-size: var(--unnamed-line-spacing-27);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	color: var(--unnamed-color-ffffff);
	margin: 50px 0 10px 0;
	text-transform: uppercase;
}
.bannerEducation h2 {
	font-size: var(--unnamed-font-size-48);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	color: var(--unnamed-color-ffffff);
	text-transform: uppercase;
	margin: 0;
}
.bannerEducation a.learn-more {
	font-size: var(--unnamed-line-spacing-14);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	font-style: italic;
	color: var(--unnamed-color-ffffff);
	text-transform: uppercase;
	margin: 0;
	border: 2px solid #fff;
	padding: 10px 15px;
	display: inline-block;
}



/* BANNER HOSPITALITY */
.bannerHospitality {
	width: 100%;
	height: 100vh;
	/*background: url(images/poster-hospitality.jpg) top center no-repeat;*/
	display: table;
	position: relative;
}
.bannerHospitality .bannerInner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: 'Bebas Neue', cursive;
}
.bannerHospitality h3 {
	font-size: var(--unnamed-line-spacing-27);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	color: var(--unnamed-color-ffffff);
	margin: 50px 0 10px 0;
	text-transform: uppercase;
}
.bannerHospitality h2 {
	font-size: var(--unnamed-font-size-48);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	color: var(--unnamed-color-ffffff);
	text-transform: uppercase;
	margin: 0;
}
.bannerHospitality a.learn-more {
	font-size: var(--unnamed-line-spacing-14);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	font-style: italic;
	color: var(--unnamed-color-ffffff);
	text-transform: uppercase;
	margin: 0;
	border: 2px solid #fff;
	padding: 10px 15px;
	display: inline-block;
}


/* BANNER CONSTRUCTION */
.bannerConstruction {
	width: 100%;
	height: 100vh;
	/*background: url(images/poster-construction.jpg) top center no-repeat;*/
	display: table;
	position: relative;
}
.bannerConstruction .bannerInner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: 'Bebas Neue', cursive;
}
.bannerConstruction h3 {
	font-size: var(--unnamed-line-spacing-27);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	color: var(--unnamed-color-ffffff);
	margin: 50px 0 10px 0;
	text-transform: uppercase;
}
.bannerConstruction h2 {
	font-size: var(--unnamed-font-size-48);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	color: var(--unnamed-color-ffffff);
	text-transform: uppercase;
	margin: 0;
}
.bannerConstruction a.learn-more {
	font-size: var(--unnamed-line-spacing-14);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	font-style: italic;
	color: var(--unnamed-color-ffffff);
	text-transform: uppercase;
	margin: 0;
	border: 2px solid #fff;
	padding: 10px 15px;
	display: inline-block;
}


/* BANNER HEALTHCARE */
.bannerHealthcare {
	width: 100%;
	height: 100vh;
	/*background: url(images/poster-healthcare.jpg) top center no-repeat;*/
	display: table;
	position: relative;
}
.bannerHealthcare .bannerInner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: 'Bebas Neue', cursive;
}
.bannerHealthcare h3 {
	font-size: var(--unnamed-line-spacing-27);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	color: var(--unnamed-color-ffffff);
	margin: 50px 0 10px 0;
	text-transform: uppercase;
}
.bannerHealthcare h2 {
	font-size: var(--unnamed-font-size-48);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	color: var(--unnamed-color-ffffff);
	text-transform: uppercase;
	margin: 0;
}
.bannerHealthcare a.learn-more {
	font-size: var(--unnamed-line-spacing-14);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	font-style: italic;
	color: var(--unnamed-color-ffffff);
	text-transform: uppercase;
	margin: 0;
	border: 2px solid #fff;
	padding: 10px 15px;
	display: inline-block;
}

/* BANNER HOMEOWNERS */
.bannerHomeowners {
	width: 100%;
	height: 100vh;
	/*background: url(images/poster-homeowners.jpg) top center no-repeat;*/
	display: table;
	position: relative;
}
.bannerHomeowners .bannerInner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: 'Bebas Neue', cursive;
}
.bannerHomeowners h3 {
	font-size: var(--unnamed-line-spacing-27);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	color: var(--unnamed-color-ffffff);
	margin: 50px 0 10px 0;
	text-transform: uppercase;
}
.bannerHomeowners h2 {
	font-size: var(--unnamed-font-size-48);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	color: var(--unnamed-color-ffffff);
	text-transform: uppercase;
	margin: 0;
}
.bannerHomeowners a.learn-more {
	font-size: var(--unnamed-line-spacing-14);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	font-style: italic;
	color: var(--unnamed-color-ffffff);
	text-transform: uppercase;
	margin: 0;
	border: 2px solid #fff;
	padding: 10px 15px;
	display: inline-block;
}

/* BANNER ABOUT */
.bannerAbout {
	width: 100%;
	height: 100vh;
	background: #fff url(images/about-banner-bkg-1.jpg) bottom left no-repeat;
	background-size: cover;
	display: table;
	position: relative;
}
.bannerAbout .bannerInner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: 'Bebas Neue', cursive;
	background: rgba(0, 0, 0, 0.2);
}
.bannerAbout img {
	margin-bottom: 30px;
}
.bannerAbout h3 {
	font-size: var(--unnamed-line-spacing-27);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	color: var(--unnamed-color-ffffff);
	margin: 50px 0 10px 0;
}
.bannerAbout h2 {
	font-size: var(--unnamed-font-size-48);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	color: var(--unnamed-color-ffffff);
	margin: 10px 0 50px 0;
}
.bannerAbout a.learn-more {
	font-size: var(--unnamed-line-spacing-20);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	color: var(--unnamed-color-ffffff);
	margin: 0;
	border: 2px solid var(--unnamed-color-ffffff);
	padding: 10px 15px;
	display: inline-block;
}


/* PAGE TITLE */
.pageTitle {
	width: 100%;
	background: #ededed;
	background-size: cover;
	position: relative;
	padding: 60px 0;
	text-align: center;
}
.pageTitle h2 {
	font-size: var(--unnamed-font-size-48);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	color: var(--unnamed-color-ffffff);
	margin: 10px 0 50px 0;
}

/* banner text animation */
#text2{
  display: inline-block;
  animation: 
      blink-caret .75s step-end infinite;
}
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: rgb(68, 68, 68); }
}

/* BANNER VIDEO */
video {
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	position: absolute;
	z-index: -1;
} 
.video-container {
	width: 100vw;
	height: 100vh;
	display: flex;
	position: relative;
}
.video-container .overlay {
	width: 100vw;
	height: 100vh;
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
}
.video-container iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	transform: translate(-50%, -50%);
	pointer-events: none;
}
.video-container #text{
	position: absolute;
	color: #FFFFFF;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
@media (min-aspect-ratio: 16/9) {
  .video-container iframe {
    height: 56.25vw;
  }
}
/*
@media (max-aspect-ratio: 16/9) {
  .video-container iframe {
    width: 177.78vh;
  }
}*/
.video-container .video-content {
	position: absolute;
	color: #FFFFFF;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-family: 'Bebas Neue', cursive;
	flex:1;
}
.video-container h3 {
	font-size: var(--unnamed-line-spacing-27);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	color: var(--unnamed-color-ffffff);
	margin: 50px 0 10px 0;
	text-transform: uppercase;
}
.video-container h2 {
	font-size: var(--unnamed-font-size-48);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	color: var(--unnamed-color-ffffff);
	text-transform: uppercase;
	margin: 0;
}
.video-container a.learn-more {
	font-size: var(--unnamed-line-spacing-14);
	font-family: var(--unnamed-font-family-titillium-web);
	font-weight: var(--unnamed-font-weight-normal);
	font-style: italic;
	color: var(--unnamed-color-ffffff);
	text-transform: uppercase;
	margin: 0;
	border: 2px solid #fff;
	padding: 10px 15px;
	display: inline-block;
}




/* BOXES */
.whiteBox {
	padding: 100px 0;
	background: #fff;
}
.greyBox {
	padding: 100px 0;
	background: #D8D8D8;
}
.blueBox {
	padding: 100px 0;
	background-image: linear-gradient(to right, #243060 , #1C94D2);
}



/* HEADING BOX */
.headingBox {
	text-align: center;
}
.headingBox h2 {
	color: #000000;
	font-size: 32px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 60px 0;
}



.foundation h1 {
	font-size: var(--unnamed-font-size-42);
	line-height: var(--unnamed-line-spacing-52);
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 30px 0;
}
.foundation h2 {
	margin: 0 0 30px 0;
}

.what-we-can-do {
	background: #D8D8D8 url(images/horizontal-line-lg.jpg) center center no-repeat;
}
.what-we-can-do h2 {
	font-size: 32px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 50px 0;
	display: block;
}
.what-we-can-do h2.newnormal {
	margin: 0 0 0px 0;
}
.doBoxOuter {
	position: relative;
	padding-top: 40px;
}
.doBox {
	padding: 80px 40px 40px 40px;
	background-image: linear-gradient(to right, #243060 , #1C94D2);
	color: #fff;
	border-radius: 40px;
	border-top-left-radius: 0;
	box-shadow: 2px 5px 3px #00000067;
	position: relative;
}
.doBox.newnormal {
	padding: 50px 40px 40px 40px;
}
.doBox .doImgBox {
	background: #fff;
	width: 100px;
	height: 100px;
	padding: 10px;
	border: 2px solid #243565;
	border-radius: 50%;
	top: -40px;
	left: 20px;
	position: absolute;

}
.doBox .doImgBox img {
	width: 59px;
	height: 73px;
}
.doBox h2 {
	font-size: 28px;
	color: #fff;
	text-transform: capitalize;
	margin: 0 0 15px 0;
}
.doBox p {
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	font-weight: 300;
	text-transform:none;
	margin: 0 0 10px 0;
}
.doBox a {
	border: 1px solid #fff;
	padding: 10px 15px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	font-weight: 300;
	font-style: italic;
	text-transform: capitalize;
	margin: 0;
}

.clients-slide img {
	border: 1px solid #ccc;
}
/* RESOURCES BOX */
.resourcesBox {
	padding: 10px;
	background: #CBCBCB;
}
.resourcesBox h2 {
	font-size: 24px;
	color: #243565;
	font-weight: 700;
	text-transform: uppercase;
	margin: 10px 0;
}
.resourcesBox p {
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	font-weight: 300;
	text-transform: capitalize;
	margin: 0 0 0px 0;
	min-height: 85px;
}

/* STATCOUNTER */
.statCounter {
	margin: 0 0 0px 0;
	text-align: center;
}
.statCounter h2 {
	font-size: 28px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-style: italic;
	margin: 0 0 10px 0;
}
.statCounter h3 {
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	font-weight: 300;
	text-transform: capitalize;
	margin: 0;
}
.statCounter h3 span {
	display: block;
}
a.stat-btn {
	border: 1px solid #fff;
	padding: 10px 15px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	font-weight: 300;
	font-style: italic;
	text-transform: capitalize;
	margin: 50px 0 0 0;
}

/* CLIENT BOX */
.clientsBox {
	border: 0px solid blue;
}
.clientsBox img {
	margin:20px 0;
}

/* TESTI BOX */
.star-rating {
  height: 50px;
  position: relative;
  width: 100px;
}
.star-rating:before {
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22929%22%20height%3D%22886%22%20viewBox%3D%220%200%20929%20886%22%3E%3Cstyle%3Epath%20%7B%20fill%3A%20%23082532%20!important%20%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M929%20343c0%208-5%2017-15%2027L711%20567l48%20279c1%203%201%207%201%2012%200%2015-8%2027-22%2027-7%201-15-1-23-6L464%20747%20214%20879c-9%205-16%207-23%207-14%200-23-15-23-28%200-3%200-7%201-12l48-279L14%20370c-9-10-14-19-14-27%200-14%2010-23%2031-26l280-40L437%2023c7-15%2016-23%2027-23s20%208%2028%2023l125%20254%20280%2040c21%203%2032%2012%2032%2026z%22%2F%3E%3C%2Fsvg%3E) !important;
  background-repeat: repeat-x;
  background-size: 20px;
  bottom: 0;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}
.star-rating > span {
  display: block;
  text-indent: -10000px;
  width: 100px;
  height: 20px;
  position: absolute;
  overflow: hidden;
}
.star-rating > span:before {
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22929%22%20height%3D%22886%22%20viewBox%3D%220%200%20929%20886%22%3E%3Cstyle%3Epath%20%7B%20fill%3A%20%231F99CD%20!important%20%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M929%20343c0%208-5%2017-15%2027L711%20567l48%20279c1%203%201%207%201%2012%200%2015-8%2027-22%2027-7%201-15-1-23-6L464%20747%20214%20879c-9%205-16%207-23%207-14%200-23-15-23-28%200-3%200-7%201-12l48-279L14%20370c-9-10-14-19-14-27%200-14%2010-23%2031-26l280-40L437%2023c7-15%2016-23%2027-23s20%208%2028%2023l125%20254%20280%2040c21%203%2032%2012%2032%2026z%22%2F%3E%3C%2Fsvg%3E) !important;
  background-repeat: repeat-x;
  background-size: 20px;
  bottom: 0;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  right: 0;
  text-indent: 10000px;
  top: 0;
}

.testiBox {
	padding: 40px;
	border: 0px solid blue;
	box-shadow: 5px 5px 25px #ededed;
}
.testiBox .testiCredit {
	border: 0px solid red;
}
.testiBox .testiCredit img {
	width: 50px;
	height: 50px;
	float: left;
	margin: 0 10px 0 0;
}
.testiBox p {
	font-size: var(--unnamed-font-size-18);
	color: var(--unnamed-color-6e6e6e);
	line-height: 26px;	
}
.testiBox .testiCredit h6 {
	font-size: var(--unnamed-font-size-18);
	line-height: 26px;
	float: left;
	margin: 0;
	color: var(--unnamed-color-757575);
	text-transform: uppercase;
}
.testiBox .testiCredit h6 span {
	font-size: var(--unnamed-font-size-24);
	display: block;
	color: var(--unnamed-color-000000);
}

/* ABOUT US PAGE */
.aboutClientBox {
	border: 2px solid #243565;
	border-width: 2px 2px 2px 0;
	padding: 80px 50px 80px 0;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}

/* CONTACT PAGE */
.bannerContact {
	width: 100%;
	height: 70vh;
}
.bannerContact iframe {
	width: 100%;
	height: 100%;
}

/* HEADING CONTACT BOX */
.headingContact {
	text-align: left;
}
.headingContact h2 {
	color: #000000;
	font-size: 32px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 60px 0;
}
.headingHolder {
	min-height: 55px;
	margin: 10px 0 50px 0;
}
.owl-theme .owl-dots .owl-dot span {
    background: #243060;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #1C94D2;
}

/* PRE FOOTER */
.preFooter {	
	background-image: linear-gradient(to right, #243060 , #1C94D2);	
}
.prefooterAboutBox {
	padding: 100px 0;
}
.prefooterBox {
	padding: 100px 0;
	background: url(images/prefooter-bkg.jpg) top right no-repeat;
	background-size: contain;
}
.preFooter h2 {
	font-size: 46px;
	line-height: 66px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}
.preFooter p {
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	font-weight: 300;
	margin: 0 0 0px 0;
}
.preFooter .ctaBox {
	padding: 30px;
	color: #000;
	background: #fff;
}

/* FOOTER */
footer {
	padding: 100px 0;
	background: #D8D8D8;
}
footer img {
	margin: 0 0 30px 0;
}
footer h2 {
	font-size: 16px;
	color: #243565;
	font-weight: 600;
	font-style: italic;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}
footer ul {
	margin: 0;
}
footer ul li {
	margin: 0;
	list-style: none;
}
footer ul li a {
	font-size: 16px;
	color: #243565;
	display: block;
	margin: 0;
	padding: 5px 0;
}

footer .footer-email {
	display: block;
	margin: 0 0 20px 0;
}
footer .footer-email img {
	float: left;
	margin: 0 10px 0 0;
}
footer .socialBox {
	margin: 0 0 30px 0;
}
footer .socialBox ul {
	margin: 0;
}
footer .socialBox ul li {
	list-style: none;
	margin: 0;
	display: inline;
}
footer .socialBox ul li a {
	display: inline-block;
	padding: 0 5px 0 0;
}
footer .socialBox ul li a img {
	margin: 0;
}
footer .newsletterBox {
	border: 0px solid black;
}
footer .newsletterBox input {
	padding: 10px;
	font-size: 14px;
	float: left;
	width: 60%;
	margin: 0;
	border: none;
}
footer .newsletterBox input[type=submit] {
	padding: 10px;
	font-size: 14px;
	font-weight: 400;
	float: left;
	width: 40%;
	margin: 0;
	color: #fff;
	text-transform: capitalize;
	background-image: linear-gradient(to right, #243060 , #1C94D2);
}

.footerCopyright {
	font-size: 14px;
	padding: 20px 0;
	text-transform: uppercase;
}
.footerCopyright p {
	font-size: 12px;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}
.footerCopyright ul {
	margin: 0;
	text-align: right;
}
.footerCopyright ul li {
	margin: 0;
	display: inline;
	list-style: none;
}
.footerCopyright ul li a {
	font-size: 12px;
	color: #243565;
	display: inline-block;
	margin: 0;
	text-transform: uppercase;
	padding: 5px 10px;
}


#navbarDesktop { display: none; }
#navbarMobile { display: none; }

/* LOCATIONS */
.locations {
	border: 0px solid blue;
}
.locations ul {
	display: block;
	text-align: left;
	margin: 0 0 10px 0;
}
.locations ul li {
	list-style: none;
	display: inline-block;
	background: url('images/icon-map.png');
	background-repeat:no-repeat;
	background-position: left center;
	padding: 0 10px 0 25px;
}
.locations.contact ul {
	display: block;
	text-align: left;
	margin: 0 0 10px 0;
}
.locations.contact ul li {
	font-size: 16px;
	list-style: none;
	display: inline-block;
	background: url('images/icon-map.png');
	background-repeat:no-repeat;
	background-position: left center;
	padding: 0 10px 0 25px;
}

/* PHONE */
.phones {
	border: 0px solid blue;
}
.phones ul {
	display: block;
	text-align: left;
	margin: 30px 0 10px 0;
}
.phones ul li {
	font-size: 16px;
	list-style: none;
	display: block;
	background: url('images/icon-phone.png');
	background-repeat:no-repeat;
	background-position: left center;
	padding: 3px 10px 3px 25px;
}

/* OWL CAROUSEL */
.owl-prev {
  width: 55px;
  height: 55px;
  position: absolute;
  top: 35%;
  margin-left: -25px!important;
  display: block !important;
  border:1px solid #ccc!important;
  background: #fff!important;
  border-radius: 50%!important;
}
.owl-next {
  width: 55px;
  height: 55px;
  position: absolute;
  top: 35%;
  right: -25px!important;
  display: block !important;
  border:1px solid #ccc!important;
  background: #fff!important;
  border-radius: 50%!important;
}
.owl-theme .owl-nav [class*=owl-]:hover {
color: #337ab7!important;
}


@media (max-width: 767px){
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
	    color: #fff;
	}
}

/* ============= RESPONSIVE ================== */
@media only screen and (max-width: 800px) {

	.hamburgerBox {
		display: none;
	}
	#navbarDesktop { display: none; }
	#navbarMobile { display: block; }
	.navbar-brand img.logo-icon {
	    max-width: 120px;
	}
	.navbar-brand img.logo-img {
		display: none;
	}
	.navbar-default .navbar-brand {
	    padding: 18px 15px 0 15px;
	}

	.text-center {
		text-align: left;
	}
	/* BANNERS */
	.headingHolder {
	    min-height: 45px;
	    margin: 10px 0 20px 0;
	}
	.bannerConstruction {
	    height: 500px;
	    display: block;
	}
	.bannerConstruction .bannerInner {
	    display: block;
	    width: 80%;
	    margin: 0px auto;
	    padding: 120px 0;
	}
	.bannerConstruction h3 {
	    font-size: var(--unnamed-line-spacing-20);
	    margin: 20px 0 10px 0;
	}
	.bannerConstruction h2 {
	    font-size: var(--unnamed-font-size-32);
	}


	.bannerAbout .bannerInner {
	    padding: 0 50px;
	}
	.bannerAbout {
	    background: #FFD url(images/about-banner-bkg-1.jpg) center center no-repeat;
	}

	/* BOXES */
	.whiteBox {
		padding: 30px 0;
		background: #fff;
	}
	.greyBox {
		padding: 30px 0;
		background: #D8D8D8;
	}
	.blueBox {
		padding: 30px 0;
		background-image: linear-gradient(to right, #243060 , #1C94D2);
	}

	.foundation h1 {
	    font-size: var(--unnamed-font-size-32);
	    line-height: var(--unnamed-line-spacing-42);
	}
	p {
	    font-size: 16px;
	    line-height: 26px;
	}
	.preFooter h2 {
	    font-size: var(--unnamed-font-size-32);
	    line-height: var(--unnamed-line-spacing-42);
	}

	.statCounter h2 {
	    font-size: 20px;
	}
	.statCounter h3 {
    	font-size: 16px;
	}
	.prefooterBox {
	    padding: 30px 0;
	    background-image: linear-gradient(to right, #243060 , #1C94D2);
	}
	.preFooter p {
	    margin: 0 0 30px 0;
	}
	footer {
	    padding: 30px 0;
	}
	footer ul, footer .footer-email, .phones {
	    margin: 0 0 30px 0;
	}
	footer .newsletterBox, footer .newsletterBox p {
		margin: 0;
	}

	.owl-prev {	  
	  margin-left: -15px!important;
	}
	.owl-next {	  
	  right: -15px!important;	  
	}


}