/* NuTastic Designz / Jarmell James / www.nutastic.net */

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700|Quicksand:300,400,700);
*{ outline:none !important; text-decoration:none; max-width:100%; }
::selection{ background:#121212; color:#fff; }
html,body {margin:0px !important; padding:0; }
body{ font-family:'Lato', sans-serif; font-weight:400; font-size:18px; color:#3f4853; background:#fff;}
a:link, a:visited, a:active{ color: #aaa; }
a:hover { color: #ccc; }
.container{ margin:0px auto; width:1024px; max-width:100%; clear:both; height:auto; position:relative; }
.container.small{ width:800px; }
.container:after, .content:after{ content:"\0020"; display:block; height:0; clear:both; visibility:hidden;}
#page-title{ float:left; background:#50ac3d; padding:100px 0 30px; width:100%; font-size:50px; line-height:50px; font-family:'Quicksand',sans-serif; letter-spacing:-1.5px; color:#fff; font-weight:400; }
#page-title .container{ width:96%; }
#header{ background:#50ac3d; background:rgba(67,145,51,0.9); height:auto; padding:10px 0; position:absolute; float:left; width:100%; z-index:100; }
#header .container{ width:96%; }
#header .nav{ float:right; margin:16px 0 0 35px; color:#fff; font-family:'Lato',sans-serif; font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:4px; }
#header .nav:hover{ color:#aaa; }
#header .btn{ float:right; margin-top:7px; padding:8px 12px; font-size:16px; line-height:16px; font-weight:700; background-color:transparent !important; margin-left:8px; }
#header .btn i{ font-size:18px; margin-left:10px; }
#footer{ height:auto; float:left; background:#439133; padding:50px 0px 50px; width:100%; font-size:15px; color:#fff !important; text-align:center; font-weight:400; position:relative; z-index:101;}
#footer a:link, #footer a:visited, #footer a:active{ color: #fff; }
#footer a:hover{ color:#fff; }
#footer .nav{ display:inline-block; width:100%; margin:0px 0px 18px; text-align:left; color:#fff; display:inline-block; float:left; width:24%; margin-left:1%; font-family:'Lato', sans-serif; text-transform:none; letter-spacing:1px; font-size:16px; cursor:pointer; }
#footer .nav:hover{ color:#aaa !important; }
#footer .nav.key{ color:#fff; font-weight:700; }
#footer .container{ width:970px; }
#footer .divider{ opacity:0.1; }
#footer #copyright{ font-family:'Lato', sans-serif; font-size:14px; text-transform:none; letter-spacing:1px; margin-top:6px; float:right; }
#logo{ display:inline-block; float:left; height:40px; }
#social{ position:relative; float:right; text-align:right; padding-top:0px; }
#social i{ font-size:18px; display:table-cell; vertical-align:middle; color:#fff; text-decoration:none; }
#social i:hover{ color:#aaa; }
#social a{ display:inline-table; width:30px; height:30px; text-align:center; border-radius:100px; margin:0 5px 5px; }
#logo{ display:inline-block; height:50px; float:left; }
.tile{ width:33.3333333%; float:left; position:relative; display:table; height:300px; background-size:cover; cursor:pointer; }
.tile .overlay{ opacity:0; background:rgba(67,145,51,0.8); }
.tile:hover .overlay{ opacity:1; }
.tile .text{ display:table-cell; vertical-align:middle; height:100%; color:#fff; font-size:25px; font-weight:700; letter-spacing:1px; line-height:32px; opacity:0; position:relative; z-index:1; }
.tile:hover .text{ opacity:1; }
#squares .tile{ width:25%; background:#50ac3d; background:#555; height:200px; }
#squares .tile:hover{ background:#ccc; }
#squares .overlay{ opacity:0.7; background-color:transparent; background-size:cover; -webkit-filter: grayscale(0%); filter: grayscale(0%); background-position: center; }
#squares .tile .text{ opacity:1; }
#pageContent{ min-height:600px; }
.page-header{ width:100%; float:left; height:550px; position:relative; }
.page-header #page-title{ position:absolute; bottom:0px; right:30px; width:50%; background-color:transparent; text-align:right; height:auto; text-shadow: 0px 0px 21px rgba(50, 50, 50, 0.3); }
@media (max-width : 800px) {
	.container{ margin:0px auto; width:92%; max-width:100%; clear:both; height:auto; position:relative; }
	.container.small{ width:92%; }
	#header{ text-align:center; position:relative; }
	#logo{ display:block; height:40px; float:none; clear:both; margin:auto; }
	#header .nav{ font-size:14px; float:none; display:inline-block; margin:12px; line-height:18px; font-weight:400; }
	#header .btn{ margin-top:0; float:none; display:none; width: 40%; margin: 0 30%; padding:8px 0; }
	#squares{ display:none; }
	.tile{ height:200px; }
	.tile .text{ font-size:16px; line-height:24px; }
	#footer .container{ width:90%; }
	#footer .nav{ width:49%; margin-left:1%; }
	#footer #copyright{ width:100%; float:left; text-align:left; margin-bottom:10px; font-size:10px; }
	#social{ float:left; width:100%; text-align:left; }
	#social a{ margin:0 6px 0 0; }
	#pageContent{ min-height:300px; }
	#page-title{ padding:20px 0; text-align:center; font-size:35px; line-height:35px; }
}

/*Home*/
.demo-1{ float:left; min-height:500px; width:100%; }
.demo-1 .sl-slider-wrapper{ position:relative; min-height:500px; }
.demo-1 .sl-slide .blockquote{ display:none; }
.sl-slide-inner .overlay{ background:rgba(30,30,30,0.10); z-index:1; }
.nav-dots { text-align:center; position:absolute; bottom:35px; height: auto; width:100%; left:auto; z-index:99; }
.nav-dots span{ width:18px; height:18px; margin:3px 10px; background:rgba(255,255,255,0.2); background:#50ac3d; border:5px solid rgba(10,10,10,0.2); opacity:0.8; }
.nav-dots span.nav-dot-current{ background:#fff; opacity:1; }
.nav-dots span.nav-dot-current:after { display:none; }
.nav-arrows{ display:none; }
.homeTile:nth-child(1), .homeTile:nth-child(1) .overlay{ border-top-left-radius:0px; }
.homeTile:nth-child(3), .homeTile:nth-child(3) .overlay{ border-top-right-radius:0px; }
.homeTile:nth-child(4), .homeTile:nth-child(4) .overlay{ border-bottom-left-radius:0px; }
.homeTile:nth-child(6), .homeTile:nth-child(6) .overlay{ border-bottom-right-radius:0px; }
/*
.homeTile{ border-radius:1000px !important;  width:calc(33.3333333% - 40px); margin:10px 20px 60px 20px; }
.homeTile .overlay{ border-radius:1000px !important; background-color:rgba(0,0,0,0.3); }
.homeTile .text{ vertical-align:bottom; font-size:20px; color:inherit; bottom:-38px; text-align:center; opacity:1; color:#3f4853; }
*/
@media (max-width : 800px) {
	.demo-1, .demo-1 .sl-slider-wrapper{ height:350px !important; min-height:300px !important; }
}

/*Products and Services*/
.productsTile{ font-size:18px; font-weight:400; color:#fff; float:left; width:50%; width:calc(50% - 20px); background-color:#999; padding:20px 10px; text-align:center; letter-spacing:1px; }
.productsCircleHolder{ float:left; width:calc(25% - 20px); margin:10px 10px 25px; position:relative; }
.productsCircle{ float:left; font-size:18px; font-weight:400; width:calc(100% - 20px); padding:10px; height:auto; border-radius:1000px; text-align:center; letter-spacing:1px; display:table; }
.productsCircle .text{ display:table-cell; vertical-align:middle; height:100%; color:#fff; font-size:20px; font-weight:400; letter-spacing:1px; line-height:26px; opacity:1; position:relative; z-index:1; }
.productsCircleHolder .info{ text-align:center; font-size:16px; line-height:24px; color:#3f4853; font-weight:400; padding:10px; }
@media (max-width : 800px) {
	.productsTile{ font-size:15px; width:calc(100% - 20px); }
	.productsCircle { border-radius: 5px; width: calc(100% - 20px) !important; height: 150px !important; }
	.productsCircleHolder {  width: calc(50% - 10px) !important; margin: 5px; }
	.productsCircle .text{ font-size: 12px; line-height: 16px; }
}

/*Gratitude Wall*/
.thanks{ float:left; padding:20px; border-radius:0px; border:5px solid #121212; text-align:left; width:calc(100% - 50px); background:#fff; }
.thanks h1 { background: #121212; color: #fff; padding: 5px 0px 5px 10px; }
.brickwall{ background-image:url(/images/general/bg_brick.jpg); background-position:center; background-repeat:repeat; }

/*Contact*/


/*Pages*/
.imgSection img{ width:100%; }

/*Text*/
.text{ font-size:20px; line-height:32px; font-weight:300; letter-spacing:1.5px; }
.text.alt{ font-family:'Quicksand',sans-serif; font-size:26px; line-height:34px; }
.text-small{ font-size:16px; line-height:28px; font-weight:400; letter-spacing:1px; }
.title{ font-size:30px; line-height:40px; font-weight:300; }
h1, h2, h3{ font-weight:700; font-size:24px; line-height:34px; margin:0 0 8px; }
@media (max-width : 800px) {
	.text{ font-size:16px; line-height:26px; font-weight:400; }
	.text.alt{ font-size:20px; line-height:30px; }
}

/*Input*/
.btn{ background:#439133; padding:18px 16px; color:#fff; border-radius:100px; font-weight:700; display:inline-block; letter-spacing:4px; font-size:16px; line-height:22px; text-transform:uppercase; border:none; }
.inputForm label{ clear:both; text-transform:uppercase; letter-spacing:1px; font-size:15px; font-weight:700; display:block; color:#999; margin:8px 0; }
.inputForm .input, .inputForm .inputArea{ padding:12px 10px; display:block; width:60%; float:none; margin:auto; border:1px solid #ccc; font-size:16px; color:#555; }
#contact-btn:hover{ background:#999 !important; cursor:pointer; }

/*Modal*/
.mfp-auto-cursor .mfp-content { cursor:default !important; }
.mfp-table .mfp-container{ display:table; }
.mfp-table .mfp-content{ display:table-cell; }
.mfp-close-btn-in .mfp-close { color:#fff; font-size: 26px; top:8px; position: absolute; height: auto; width: auto; padding:5px 10px; right: 0; line-height: normal; display:none; }
.white-popup { position:relative; width:680px; background:#FFF; max-width:95%; margin:20px auto; border-radius:0px;}
.white-popup .container{ width:640px; display:block; overflow:scroll; position:relative; padding:20px;}
.popup-header { padding:10px 20px; background:#50ac3d; border-top-right-radius:0px; border-top-left-radius:0px; }
@media (max-width : 800px) {
	.white-popup{ width:95%; }
	.white-popup .container{ width:92%; padding:20px 4%; font-size:16px; line-height:20px; }
	.mfp-close-btn-in .mfp-close { top:4px; }
}

/*Colors*/
.noBG{ background-color:transparent !important; }
.whiteBG{ background-color:#fff !important; }
.blackBG{ background-color:#121212 !important; }
.redBG{ background-color:#c02727 !important; }
.greyBG{ background-color:#999 !important; }
.greenBG{ background-color:#50ac3d !important; }
.blueBG{ background-color:#3359b0 !important; }
.goldBG{ background-color:#cfb53a !important; }
.skyBG{ background-color:#39b2c4 !important; }
.pinkBG{ background-color:#c94498 !important; }
.purpleBG{ background-color:#7031be !important; }
.orangeBG{ background-color:#d2792a !important; }
.bg1{ background-color:#50ac3d !important; }
.bg2{ background-color:#e09832 !important; }
.white{ color:#fff !important; }
.black{ color:#0a0a0a !important; }
.color1{ color:#50ac3d !important; }

/*Common*/
p{ margin:0px; }
img { border:none; max-width:100%; }
.noBorder{ border:none; }
.hide{ display:none !important; }
.noPadding{ padding:0 !important; }
.clear0{ clear:both; height:5px;}
.clear{ clear:both; height:10px;}
.clear2{ clear:both; height:20px; }
.clear3{ clear:both; height:30px; }
.clear5{ clear:both; height:50px; }
.bgImg, .page-header{ background-position:center; background-repeat:no-repeat; background-size:cover; }
.textCenter{ text-align:center !important; }
.textLeft{ text-align:left !important; }
.textRight{ text-align:right !important; }
.floatR{ float:right !important; }
.floatL{ float:left !important; }
.floatNone{ float:none !important; display:inline-block; }
.fullSection{ width:100%; display:table; position:relative; }
.fullSectionContent{ height:100%; vertical-align:middle; display:table-cell; position:relative; }
.section{ width:100%; float:left; padding:25px 0; }
.section.padding{ padding:80px 0; }
.wide{ width:100%; }
.half{ width:49%; }
.trip{ width:33.3333333%; float:left; }
.overlay{ position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:0; }
.divider{ width:100%; float:left; border-bottom:1px solid #ccc; }
.animate{ transition-timing-function:linear; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.alert {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 20px 0;
    background: #fff;
    color: green;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.alert .close {
    position: absolute;
    right: 8px;
    font-size: 28px;
    top: 12px;
}
@media (max-width : 800px) {
	.section.padding{ padding:40px 0; }
}