/**
 * Default Theme Stylesheet
 * 
 * @copyright  Copyright (c) Nuwave Software Ltd
 */

/*------------------------------------------------------------------------------
 * Custom Styles
 *----------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i');


/*------------------------------------------------------------------------------
 * Main
 *----------------------------------------------------------------------------*/

body {
    font-family: 'Montserrat', sans-serif;
}

p {
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.8em;
}

h1, h2 {
    color: #006bb7;
    font-size: 3.5em;
    font-weight: 600;
}

/*------------------------------------------------------------------------------
 * Header
 *----------------------------------------------------------------------------*/

.header {
    border-bottom: 0px solid #fff;
    color: #333;
    background: transparent;
    z-index: 999;
    position: relative;
}
.header .header-toolbar {
	border-bottom: 0px;
}
.header .header-wrapper {
    background: rgba(255,255,255, 0.85);
    position: fixed;
    width: 100%;
}
.header .header-container {
	max-width: 1600px;
}
.header .header-main {
    height: 140px;
    transition: all 0.3s ease;
}
.header .header-main > * {
	float: left;
}
.header .header-logo {
	width: 33.3333%;
}
.header .header-menu {
	width: 66.6666%;
}
.header .header-menu > * {
	float: right;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0 5px;
}
.header .site-search.quick-search {
	margin-top: 46px;
}
.header .site-search.quick-search .search-btn {
	position: static
}
.header .site-search.quick-search .btn {
	background: none;
	color: #337ab7;
}
.header .site-search.quick-search .btn:hover {
	background: none;
	color: #23527c;
}
.header .site-search.quick-search.is-expandable .ctrl.search-input {
	position: absolute;
	top: 0;
	right: 100%;
	width: 200px;
	z-index: 1;
}
.header .site-search.quick-search.is-visible .btn {
	background: none;
	color: #23527c;
}
.header .ecomm-cart-menu {
	margin-top: 46px;
}
.header .ecomm-cart-menu a {
	line-height: 40px;
	padding: 10px 0;
}

#headerWrapper-sticky-wrapper.is-sticky {
	background-color: transparent !important;
}

#header .is-sticky .header-wrapper {
	background: #FFF;
	border-bottom: 0px solid #CCC;
	box-shadow: 0 0 15px -2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 15px -2px rgba(0,0,0,0.4);
    z-index: 9999;
}
#header .is-sticky .header-logo {
	padding-top: 15px;
	padding-bottom: 15px;
}
#header .is-sticky .header-logo img {
	max-height: auto;
}
#header .is-sticky .page-dropdown-menu,
#header .is-sticky .mobile-menu-icon {
	margin-top: 0px;
    transition: margin-top 0.3s ease;
}

.header .is-sticky .header-main {
    height: 80px;
}
.header .is-sticky .site-search.quick-search,
.header .is-sticky .ecomm-cart-menu {
	margin-top: 16px;
}



/*------------------------------------------------------------------------------
 * Menu
 *----------------------------------------------------------------------------*/

.header .mobile-menu.menu-btn .icon-bar {
    background: #006bb7;
}
.header .page-menu {
    font-size: 1.1em;
}
.header .page-menu a {
    color: #333;
    font-weight: normal;
    font-size: 1.2em;
    text-decoration: none;
}
.header .page-menu a:hover {
    text-decoration: none;
    color: #006bb7;
}
.header .page-menu > ul > li > a {
    height: 100%;
    line-height: 135px;
    padding: 0 15px;
    margin-bottom: -5px;
    transition: all 0.3s ease;
}
.header .page-menu > ul > li.current > a {
    border-bottom: 5px solid #337ab7;
    color: #006bb7;
}
.header .is-sticky .page-menu > ul > li > a {
	line-height: 77px;
	margin-bottom: -3px;
}
.header .is-sticky .page-menu > ul > li.current > a {
	border-bottom: 3px solid #337ab7;
}


/*------------------------------------------------------------------------------
 * Footer
 *----------------------------------------------------------------------------*/

.footer {
    background: url(../images/footer-bg.png) repeat;
}

.footer h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: 500;
    border-bottom: 1px solid #3389c5;
    padding-bottom: 10px;
}

.footer .footer-main {
    background: transparent;
    border-top: 1px solid #fff;
    color: #FFFFFF;
    min-height: 200px;
	padding-top: 50px;
    padding-bottom: 50px;
}

.footer .footer-featured {
    display: none;
}

.footer .footer-copyright {
    background-color: transparent;
    border-top: none;
    color: #fff;
    font-size: 0.75em;
    text-align: center;
}


/*------------------------------------------------------------------------------
 * Banner
 *----------------------------------------------------------------------------*/

.banner {
	margin: 0;
}
.banner .banner-container {
	width: 100%;
	padding: 0;
}
.banner .parallax-container .parallax-content h1 {
    color: #fff;
    font-size: 2.5em;
    text-align: left;
    font-weight: 500;
}
.banner img {
	width: 100%;
}
.banner .parallax-container .parallax-content p {
    text-align: left;
}
.banner .parallax-container .parallax-content {
    float: right;
    margin-left: 45% !important;
}
/*
.banner .parallax-container .image {
	background-size: auto !important;
}
*/
.banner .parallax-container .image {
	background-size: cover !important;
}
.banner .parallax-container .parallax-content h1 {
	margin-top: 50px;
}
.banner .btn {
    margin-top: 15px;
    font-size: 0.6em;
}


/*------------------------------------------------------------------------------
 * Widgets
 *----------------------------------------------------------------------------*/

.widgets h2 {
    color: #fff;
    font-size: 1.8em;
}

.widgets a {
    color: #fff;
}

.widgets .featured-content {
    height: auto;
    padding-bottom: 0;
    min-height: 220px;
    padding: 30px 15px;
}

.widgets .widget-wrapper {
    background: none;
    border: none;
    border-radius: 0;
    padding: 30px 15px;
    text-align: center;
}

.widgets .colorbg1 { background: #627894; }
.widgets .colorbg2 { background: #a0aec1; }
.widgets .colorbg3 { background: #466289; }
.widgets .colorbg4 { background: #97bed7; }
.widgets .colorbg5 { background: #fa6121; }
.widgets .colorbg6 { background: #ffb739; }


/*------------------------------------------------------------------------------
 * Content
 *----------------------------------------------------------------------------*/

.main {
    margin: 50px 0;
    /*overflow: hidden;*/
}
.form .ctrl-field {
	border-color: #a3bed2;
}
.form .ctrl-input {
	border-radius: 1px;
	font-size: 14px;
	height: 40px;
}


.btn {
    color: #fff;
    background-color: #1bc2f3;
    border-color: #1bc2f3;
    padding: 10px 30px;
    font-size: 1em;
}
.btn:hover {
    background-color: #14b6e5;
    border-color: #14b6e5;
}
.hide-image { display: none; }


/*------------------------------------------------------------------------------
 * Other
 *----------------------------------------------------------------------------*/

.hr-theme-slash-2 { display: flex; margin-bottom: 30px; }

.hr-line {
    width: 100%;
    position: relative;
    margin: 15px 0;
    border-bottom: 2px solid #ececec;
}
.hr-line2 {
    width: 100%;
    position: relative;
    margin: 15px 0;
    border-bottom: 2px solid #c7e1e8;
}
.hr-icon {
    position: relative;
    top: 12px;
    color: #ff0000;
    width: 100px;
}

.expanding-text h3 .action-show, 
.expanding-text h3.is-expanded .action-hide {
    color: #1bc2f3;
}
.expanding-text h3 {
    font-size: 1.4em;
    font-weight: 600;
    color: #006bb7;
    margin-top: 25px;
}
.expanding-text .fa-chevron-up:before {
    content: "\f056";
}
.expanding-text .fa-chevron-down:before {
    content: "\f055";
}

.intro {
	display: flex;
    margin-bottom: 50px !important;
}
.intro .bottom-align {
	align-self: flex-end;
}
.intro .content-text .content-cell {
    padding: 0 0 50px 0 !important; 
}
.intro .intro-content-img {
	margin-right: -15px;
	max-width: 500px;
	margin-bottom: 0px;
	z-index: -1;
}
.intro .intro-content-img img {
	width:100%;
	z-index: -1;
	max-width: none;
}
.intro .content-bg {
    /**background-attachment: fixed !important;*/
    background-position: right bottom !important;
    background-repeat: no-repeat !important;
    background-size: inherit !important;
}

.service-title .content-text .content-cell {
    padding: 300px 0 0 0 !important;
}
.service-header .hr-line {
	z-index:1;
}
.service-content {
	margin-bottom: 50px;
	display: flex;
}
.service-content .service-content-img {
	margin-left: -15px;
	max-width: 500px;
	margin-top: -40px;
	z-index: -1;
}
.service-content .service-content-img img {
	width: 100%;
	z-index: -1;
	max-width: none;
}
.service-content .content-bg {
    background-repeat: no-repeat;
    margin-top: -90px;
    z-index: -1;
}
.service .content-bg {
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: inherit !important;
}
.service .content-text .content-cell {
    padding: 0 0 50px 0 !important;
}

.about {
    margin-top: 0px;
}
.about .content-bg {
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.about-background img {
    width: 100%;
}
.faqs { 
	margin-top: 50px; 
}

.contact {
    background: #e8f3f6;
    padding: 50px 0 0 0;
    margin-top: 50px;
}
.contact .form .ctrl-heading {
    display: none;
}
.contact .form {
    background: #dfebee;
    padding: 30px;
}





.main .main-container .content-featured .legacy-parallax .parallax-container section .parallax-content p,
.main .about-content .featured-content .featured-body p {
	margin: 0px 50px 20px 50px;
}
.main .main-container .content-featured .legacy-parallax .parallax-container section .image {
	background-repeat: no-repeat;
	background-position: bottom right;
	left: 0px;
	z-index: -1;
	position: absolute;
	padding-top: 720px;
}

.parallax-container section .image {
    background-size: cover;
}


/*------------------------------------------------------------------------------
 * Pages
 *----------------------------------------------------------------------------*/

.home-page .banner {
    margin: -160px 0 0 0;
    min-height: 720px;
    border: 0;
    z-index: 0;
    position: relative;
}
.home-page .main {
    margin: 50px 0 0 0;
}
.home-page .google-map {
    margin: 50px 0 0 0;
}


/*------------------------------------------------------------------------------
 * Shop
 *----------------------------------------------------------------------------*/
 
.shop-page .ecomm.category-list.cat-view-gallery .category-item {
    border: 1px solid #DDD;
    float: left;
    margin: 0px 20px 20px 0;
    padding: 20px;
    position: relative;
    width: 360px;
}

.shop-page .ecomm.category-list.cat-view-gallery .category-item h3 {
    display: block;
    font-size: 22px;
    line-height: 1.5em;
    margin: 5px 10px;
    text-align: center;
    text-decoration: none;
}

.category-nav .list-wrapper > .item > a {
	background: white;
}
.category-nav .item-parent > a:hover,
.category-nav .sub-item > a:hover {
	background-color:#1bc2f3;
	color: white;
}
.category-nav .list-wrapper > .item-parent > .item-action,
.category-nav .sub-wrapper > .item-parent > .item-action {
	background:white;
	color:#1bc2f3;
}
.category-nav .sub-wrapper a {
	border-right: 1px solid #DDD;
}
.category-nav .list-wrapper > .item > .item-action:hover,
.category-nav .sub-wrapper > .item > .item-action:hover {
	background:#1bc2f3;
	color:white;
}
.category-nav.cat-prod-menu h3 {
	color:#006bb7;
}
.category-nav.cat-prod-menu {
	margin-top:27px;
}
.category-nav .list-wrapper > .item > a {
	border-left: 0px;
}


/*------------------------------------------------------------------------------
 * Responsive Media
 *----------------------------------------------------------------------------*/

/* Large devices */
@media (min-width: 1320px) {
	
}

/* ipad horizontal */
@media (max-width: 1320px) {
	.main .main-container .content-featured .legacy-parallax .parallax-container section .image,
	.main .service-content .legacy-parallax .parallax-container section .image,
	.main .service-content-img,
	.main .intro-content-img {
		display:none;
	}

	.content .service-background .image {
		background-size: cover;
	}
	
	.content .about-background.container .image {
		background-image: url('/uploads/06cd0e51-0a78-11e5-a7a5-ac7ba10af4f0/571fbf43-da27-2004-6588-bce7bd46de59-teammobile.jpg') !important;
		background-attachment: scroll !important;
		background-position: center !important;
	}
}

/* Medium devices */
@media (max-width: 1199px) {
	.header .header-logo {
		width: 20%;
	}
	.header .header-main {
		height: 95px;
	}
	.header .header-menu {
		width: 80%;
	}
	.header .page-menu a {
		font-size: 1.1em;
	}
	.header .ecomm-cart-menu,
	.header .site-search.quick-search {
		margin-top: 25px;
	}
	.header .page-menu > ul > li > a {
		line-height: 95px;
	}
	.home-page .banner {
		margin-top: -95px;
	}
	.banner .parallax-container section .image {
		background-attachment: scroll !important;
		background-position: -400px !important;
	}
	.banner .parallax-container .parallax-content h1 {
	    font-size: 1.5em;
	    text-align: left;
	    font-weight: 500;
	}
	.about {
		margin-top: 0;
	}
	.content.service-background .image {
		height: 300px !important;
	}
	
}
	
/* Small devices */
@media (max-width: 991px) {
	.header .header-logo {
		width: 60%;
	}
	.header .header-menu {
		width: 40%;
	}
	.header .page-menu {
		display: none;
	}
	.header .mobile-menu.menu-btn {
		display: block;
	}
	.banner {
		margin: 0;
		min-height: 0px;
	}
	.banner .btn {
		font-size: 0.4em;
		margin-left: 100px;
		margin-bottom: 30px;
	}
	.banner .banner-container .legacy-parallax .parallax-container {
		height: 300px !important;
	}
	.banner .parallax-container .parallax-content {
	    margin-left: 0 !important;
	    width: 100% !important;
	}
	.banner .parallax-container section .image {
		background-position: 30% !important;
	}
	.banner .parallax-container .parallax-content p {
	    text-align: center;
	    /*margin-top: 80px !important;*/
	}
	.banner .parallax-container .parallax-content h1 { 
		text-align: center; 
	}
	.banner .parallax-container .image {
		background-size: cover !important;
	}
	.content.service-background {
		display:none;
	}
	
	.widgets {
		display: block;
	}
	
	.main .main-container .content-featured .legacy-parallax .parallax-container section .parallax-content p,
	.main .service-content .legacy-parallax .parallax-container section .parallax-content p,
	.main .about-content .featured-content .featured-body p {
	    margin: 0px;
	}
	
	
	.home-page .banner {
		min-height: 0px;
		margin: 0px;
	}
}

/* Extra small devices */
@media (max-width: 767px) {
	h1, h2 { 
		font-size: 2.5em;
	}
	.about-background {	
		display: none;
	}
	.banner { 
		min-height: auto; 
	}
	.banner h1 { 
		font-size: 3em; 
	}
	.banner	.btn { 
		margin-top: 10px; 
		margin-bottom: 20px; 
	}
	.banner .contentBlock { 
		float: none; 
		margin-top: 40%; 
	}
	.home-page .banner {
	    margin: 0;
	    min-height: auto;
	}	
	
	.container { 
		padding-right: 25px; 
		padding-left: 25px;
	}	
	.hide-image { 
		display: block;  
		margin-top: 20px !important; 
	}
		
	.home-page .main { 
		margin: 30px 0 0 0; 
	}	
	.intro .content-bg { 
		display: none; 
	}	
	.intro .content-text .content-cell { 
		padding: 0 !important; 
	}
	.widgets .featured-content { 
		min-height: auto; 
	}
	.widgets .widget-wrapper { 
		padding: 0; 
		
	}
	.service-content .content-bg { 
		background-size: contain; 
		width: auto; 
		margin-top: 0; 
	}
	.service-content .content-text { 
		height: auto !important; 
	}
	.service-title .content-text { 
		padding-top: 50px; 
	}
	.service-title .content-text .content-cell { 
		padding: 0 !important; 
	}	
	.service .content-bg { 
		display: none; 
	}
	.about { 
		display: none; 
	}
	.faqs { 
		margin-top: 50px; 
	}
	.footer h3 { 
		margin-top: 30px; 
	}
	.footer-main img { 
		height: 85px !important; 
		width: auto; 
		padding: 0 10px; 
	}	
	.footer .footer-main { 
		padding-top: 0; 
		padding-bottom: 0; 
	}
	#mapCanvas { 
		height: 300px !important;
	}
}


/* Extra small devices */
@media (max-width: 480px) {

	h1, h2 { 
		font-size: 1.7em; 
		margin: 0; 
		
	}
	#headerWrapper-sticky-wrapper { 
		height: 95px !important;
	}	
	.header .header-main { 
		height: 95px; 
	}
	.banner .btn { 
		margin-left: 20px; 
	}
	.banner .parallax-container .parallax-content p { 
		text-align: left; 
	}
	.banner .parallax-container .parallax-content h1 { 
		font-size: 1.2em; 
		text-align: left; 
		margin-left: 18px; 
	}
	.main { 
		margin: 30px 0; 
	}
	.main .column { 
		margin-bottom: 10px; 
	}
	.footer h3 { 
		font-size: 1.2em; 
	}
	.btn { 
		padding: 8px 15px; 
		font-size: 0.7em; 
	}
	.imgREsize { 
		width: 35%; 
		height: auto; 
	}
	.intro { 
		margin-bottom: 50px !important; 
	}	
	.hr-line { 
		margin: 10px 0; 
	}
	.hr-theme-slash-2 { 
		margin-bottom: 10px; 
	}
	.faqs { 
		margin-top: 30px; 
	}
	.content .service-content.container { 
		display: none; 
	}
	.about-content { 
		margin-top: 25px; 
	}
	.contact { 
		margin-top: 30px;
		padding: 30px 0 0 0; 
	}
	.contact p, #footer p { 
		font-size:1em; 
		line-height:1.3em; 
	}
	.home-page .google-map { 
		margin: 0; 
	}
	.home-page .banner { 
		z-index: 1; 
		margin: 0; 
		min-height: auto; 
	}
	
	.widgets h2 { 
		font-size: 1.4em; 
	}
	.widgets .featured-content { 
		padding: 15px 15px 10px 15px; 
	}
	img.featured-image { 
		height: 60px;  
		width: auto; 
	}
	.featured-content { 
		padding-bottom: 0; 
	}
	.expanding-text h3 { 
		font-size: 1.2em; 
		margin-top: 15px; 
		line-height: 1.2em; 
	}
	.contact .form { 
		padding: 20px; 
	}
	#mapCanvas { 
		height: 200px !important; 
	}
}