/*!

 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)

 * Code licensed under the Apache License v2.0.

 * For details, see http://www.apache.org/licenses/LICENSE-2.0.

 */



html,

body {

    width: 100%;

    height: 100%;

}



body {

    font-family: Arial, Helvetica, sans-serif;



}



@font-face {

  font-family: 'Roboto-Black';

  src: url('../fonts/Roboto-Black.eot'); /* IE9 Compat Modes */

  src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/Roboto-Black.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/Roboto-Black.woff') format('woff'), /* Pretty Modern Browsers */

       url('../fonts/Roboto-Black.ttf')  format('truetype'), /* Safari, Android, iOS */

       url('../fonts/Roboto-Black.svg#svgFontName') format('svg'); /* Legacy iOS */

}





.Roboto-Black{font-family: 'Roboto-Black';}



@font-face {

  font-family: 'HelveticaLT67';

  src: url('../fonts/HelveticaLT67/HelveticaLT67.eot'); /* IE9 Compat Modes */

  src: url('../fonts/HelveticaLT67/HelveticaLT67.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/HelveticaLT67/HelveticaLT67.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/HelveticaLT67/HelveticaLT67.woff') format('woff'), /* Pretty Modern Browsers */

       url('../fonts/HelveticaLT67/HelveticaLT67.ttf')  format('truetype'), /* Safari, Android, iOS */

       url('../fonts/HelveticaLT67/HelveticaLT67.svg#svgFontName') format('svg'); /* Legacy iOS */

}



.HelveticaLT67{font-family: 'HelveticaLT67';}



@font-face {

  font-family: 'HelvetiqueNarrow';

  src: url('../fonts/HelvetiqueNarrow/HelvetiqueNarrow.eot'); /* IE9 Compat Modes */

  src: url('../fonts/HelvetiqueNarrow/HelvetiqueNarrow.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/HelvetiqueNarrow/HelvetiqueNarrow.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/HelvetiqueNarrow/HelvetiqueNarrow.woff') format('woff'), /* Pretty Modern Browsers */

       url('../fonts/HelvetiqueNarrow/HelvetiqueNarrow.ttf')  format('truetype'), /* Safari, Android, iOS */

       url('../fonts/HelvetiqueNarrow/HelvetiqueNarrow.svg#svgFontName') format('svg'); /* Legacy iOS */

}



.HelvetiqueNarrow{font-family: 'HelvetiqueNarrow';}





hr {

    border-color: #fff;

    border-width: 1px;

	width:100%;

	float:left

}



hr.light {

    border-color: #fff;

}



.greenbg{background:#a1c229}

.darkgreenbg{background:#7e9720}

.green_c{color:#a1c229}



.green_bordertop{border-top:5px solid #a1c229; padding-top:15px}



.bordertopcol{border-top:5px solid #fff; margin-top:15px}

.bordertopcol:hover{border-top:5px solid #a1c229; margin-top:15px}





.blue_c{color:#367d13}

.bluebg{background:#367d13 !important}

.darkbluebg{background:#2085b1}





footer p{ margin-bottom:0px}



ul.nav{ }



input.btn{ border-radius:0px !important; background:#0b9444 ; font-family: 'HelvetiqueNarrow'; font-size:16px; color:#fff; text-transform:uppercase}



input.btn:hover{ background:#367d13}



.servicesleft{ width:100%; float:left; margin:0px 0px 5px 0px; padding:10px 2%; background:#f5f5f5; border-bottom:1px solid #e4e4e4; color:#333; font-family: 'Roboto-Black'; font-size:16px; text-transform:capitalize}



.servicesleft:hover, .active_s{ background:#367d13; color:#fff}





.headerlinks{  font-family: 'Roboto-Black'; font-size:21px; color:#fff; padding-right:10px !important; margin-bottom:20px}



.headerlinks:hover{ color:#FFF}





.paddingfive{padding:5px;}



.paddingtbthree{ padding:3px 0px}



.marginright{ margin-right:10px !important}



.fullbar{ width:100%; float:left; margin:0px; padding:0px}





a {

    color: #000;

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;

}



a:hover,

a:focus {

    color: #367d13;

	text-decoration:none

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'HelveticaLT67';

	color:#000;

	text-transform:uppercase

}



h2{ color:#367d13; font-size:28px}



h3{ color:#333; font-size:18px}


h4{ color:#367d13; font-size:24px; border-bottom:1px solid #ccc}





.container {

    width: 1050px;

}



nav{ border:none !important}



ul.nav span.sep{ width:1px; float:left; margin:15px 0px; padding:0px 0px; background:#ccc}



ul.nav li{font-family: 'Roboto-Black'}

ul.nav li a{ padding:0px 5px; min-width:10px; text-align:center}

ul.nav li a i{ margin-right:5px}



a.navbar-brand{ padding:0px}



.navbar-collapse{ padding:0px;}



.dropdown-menu{display:none; z-index:999999}



.dropdown:hover .dropdown-menu{ display:block}



p {

    margin-bottom: 20px;

    font-size: 15px;

    line-height: 1.3;

}



.bg-primary {

    background: url(../img/aboutbg.jpg) no-repeat center center fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}



.bg-dark {

    color: #fff;

    background-color: #222;

}



.text-faded {

    color: rgba(255,255,255,.7);

}



section {

    padding: 0px 0;

}



aside {

    padding: 50px 0;

}



.no-padding {

    padding: 0;

}



.navbar-default {

    

    font-family: Arial, Helvetica, sans-serif;

   

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;

}



.navbar-default .navbar-header .navbar-brand {

    text-transform: uppercase;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: 700;

    color: #367d13;

}



.navbar-default .navbar-header .navbar-brand:hover,

.navbar-default .navbar-header .navbar-brand:focus {

    color: #FFF;

}



.navbar-default .nav > li>a,

.navbar-default .nav>li>a:focus {

    text-transform: uppercase;

    font-size: 16px;

    color: #FFF;

	padding:35px 33.5px;

	font-family:"HelveticaLT67";

	border-right:1px solid #FFF

	

}



.bordernone{ border:none !important}



.navbar-default .nav>li>a:focus{color:#FFF !important}



.navbar-default .nav > li>a:hover,

.navbar-default .nav>li>a:focus:hover,

.navbar-default .nav>li:hover  {

    background: #0b9444!important;

	color:#fff

}



.navbar-default .nav > li.active>a,

.navbar-default .nav>li.active>a:focus, .navbar-default .nav > li.active {

    background: #0b9444!important;

	color:#fff

}



.navbar-default .nav > li.active>a:hover,

.navbar-default .nav>li.active>a:focus:hover {

    background: #0b9444!important;

	color:#fff

}





.carousel-caption h3{ color:#0b9444; text-align:left; padding:0px 20px; margin-bottom:0px; font-size:45px; text-shadow:none; font-weight:normal !important}

.carousel-caption h3 strong{ color:#367d13}

.carousel-caption p{ color:#333; text-align:left; font-size:18px; line-height:18px; text-shadow:none; font-family: "HelvetiqueNarrow";  padding:20px;}





.btn-default{ border-radius:0px !important; border:2px solid #0b9444 !important; background:none !important; padding:10px 20px; font-family:"HelveticaLT67" !important; font-weight:normal !important; font-size:16px}



.marginleft20{ margin-left:20px}



.carousel-caption p{ margin-bottom:0px}



.headerrightnumber{ min-width:10px;

float:right;

padding:40px 0px 0px 25px}



.headerrighticon{ min-width:10px;

float:left;}



.headerrighttext{ min-width:10px;

float:right;

font-size:16px;

text-transform:uppercase;

text-align:left;

color:#0b9444;

font-weight:normal;

line-height:16px;

padding-left:15px}



.headerrighttext b{ font-weight:normal; color:#333}





.headerloginlinks{ width:165px;

float:right;

margin:10px 0px;

padding:16px 17px 17px 17px;

background:url(../images/loginbg.png) no-repeat}



	.headerloginlinks a{ width:100%;
	cursor:pointer;

	float:left;

	margin:0px;

	padding:0px;

	height:40px;

	font-size:16px;

	text-transform:uppercase;

	text-align:center;

	color:#FFF;

	font-weight:normal;

	line-height:40px;

	font-family:"HelveticaLT67"}







@media(min-width:768px) {

	

	.navbar-brand-centered {

        position: absolute;

        left: 50%;

        display: block;

        width: 160px;

        text-align: center;

    }

    .navbar>.container .navbar-brand-centered, 

    .navbar>.container-fluid .navbar-brand-centered {

        margin-left: -80px;

    }

	

	

    .navbar-default {

       

    }



    .navbar-default .navbar-header .navbar-brand {

        color: rgba(255,255,255,.7);

    }



    .navbar-default .navbar-header .navbar-brand:hover,

    .navbar-default .navbar-header .navbar-brand:focus {

        color: #fff;

    }



    .navbar-default .nav > li>a,

    .navbar-default .nav>li>a:focus {

        color: #FFF;

    }



    .navbar-default .nav > li>a:hover,

    .navbar-default .nav>li>a:focus:hover {

        color: #fff;

    }



    .navbar-default.affix {

        border-color: rgba(34,34,34,.05);

        background-color: #fff;

    }



    .navbar-default.affix .navbar-header .navbar-brand {

        font-size: 14px;

        color: #367d13;

    }



    .navbar-default.affix .navbar-header .navbar-brand:hover,

    .navbar-default.affix .navbar-header .navbar-brand:focus {

        color: #367d13;

    }



    .navbar-default.affix .nav > li>a,

    .navbar-default.affix .nav>li>a:focus {

        color: #222;

    }



    .navbar-default.affix .nav > li>a:hover,

    .navbar-default.affix .nav>li>a:focus:hover {

        color: #367d13;

    }

}



header {

    width: 100%;

	background:#fff;

   

    

}



section{ width:100%; float:left}



#banner{}



#links{



	padding-top:30px;

	padding-bottom:30px;

	background:#0b9444;

}



#links a.btn{ border:2px solid #fff !important; color:#fff}



#links span.or{ background:#fff; color:#0b9444; padding:14px 10px; margin:0px 10px}



#welcome{



	padding-top:70px;

	padding-bottom:70px;

}



#boxes{



	padding-top:00px;

	padding-bottom:00px;

}



#boxes .col-20percent{ background:#0b9444; padding:0px; width:20%; float:left}



#boxes .col-20percent:nth-child(2){ background:#1c7c4e}

#boxes .col-20percent:nth-child(3){ background:#358b62}

#boxes .col-20percent:nth-child(4){ background:#4e9975}

#boxes .col-20percent:nth-child(5){ background:#68a889}





#boxes .col-20percent a{ padding:50px 0px; margin:0px}



#boxes .col-20percent a h2{ color:#FFF; font-size:16px; font-family:"HelveticaLT67"}





.borderbox:hover{ background:#333 !important; transition:background 0.3s ease-in; color:#fff}





.margintopnone{ margin-top:0px}



#contact{

	background:#0b9444;

  padding:0px 0px;

  margin:0px 0px 0px 0px}



#contact .col-lg-8{ padding:0px}



#contact .col-lg-4{ padding:100px 0px}



#contact .col-lg-4 p{ color:#fff; font-size:14px; line-height:18px; }

#contact .col-lg-4 p strong, .innerpage .col-lg-4 p strong{ text-transform:uppercase; font-size:18px; line-height:28px; font-family:"HelvetiqueNarrow"}



.blacktransparentbg{ background:rgba(0, 0, 0, 0.8)}

.white_c{ color:#FFF}



#content{ padding:20px 0px}



.testileft{ width:50%; float:left; height:36px; top:105% !important; left:0%}

.testiright{ width:50%; float:left; height:36px; top:105% !important; right:0%}



#services h1{ color:#FFF}



#footer{

    background: #FFF;


	padding:10px 0px;

	line-height:40px;

	width:100%;

	float:left

}



span.togglemenutext{ display:none}



#footer p.white_c{ line-height:60px; font-family:"HelvetiqueNarrow"; font-size:18px; text-transform:uppercase; color:#000}



footer h4{ margin:0px; color:#666; line-height:140%}





footer ul.nav li a{ color:#666;}





.portfolio-box{ background:#FFF; padding:20px 0px; margin-bottom:20px}





header .header-content {

    position: relative;

    width: 100%;

    padding: 100px 15px;

    text-align: center;

}



header .header-content .header-content-inner h1 {

    margin-top: 0;

    margin-bottom: 0;

    text-transform: capitalize;

    font-weight: 700;

	font-size:46px !important

}



h1{font-size:40px !important; color:#0b9444; margin-bottom:20px; font-weight:normal !important}



h5{color:#686868;}



.greenbg{ background:#0b9444; padding:20px; color:#fff }



.header-content-inner h1 span { font-size:120%}





.innerpage{ padding:00px 0px !important}



.innerpage .col-lg-8{ padding-top:30px; padding-bottom:30px;}



header .header-content .header-content-inner hr {

    margin: 30px auto;

}



header .header-content .header-content-inner p {

    margin-bottom: 50px;

    font-size: 53px;

    font-weight: 300;

    color: #616161;

}



ul{ padding-left:10px}

ul li{ list-style:none;}



	

ul li p.small i, ul li a i{ margin:3px 5px 10px 0px; float:left}	



.margintopbottomten{ margin-top:10px !important; margin-bottom:10px !important}



@media(min-width:768px) {

    



    header .header-content {

        position: absolute;

        top: 30%;

        padding: 0 50px;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

    }



    header .header-content .header-content-inner {

        margin-right: auto;

        margin-left: auto;

        max-width: 100%;

    }



    header .header-content .header-content-inner p {

        margin-right: auto;

        margin-left: auto;

        max-width: 80%;

        font-size: 53px;

    }

}



.section-heading {

    margin-top: 0;

}



.service-box {

    margin: 50px auto 0;

    max-width: 400px;

}



@media(min-width:992px) {

    .service-box {

        margin: 20px auto 0;

    }

}



.service-box p {

    margin-bottom: 0;

}



.portfolio-box {

    display: block;

    position: relative;

    margin: 0 auto;

    max-width: 650px;

}



.portfolio-box .portfolio-box-caption {

    display: block;

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    color: #fff;

    opacity: 0;

    background: rgba(0,0,0,.9);

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;

}



.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {

    position: absolute;

    top: 50%;

    width: 100%;

    text-align: center;

    transform: translateY(-50%);

}



.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {

    padding: 0 15px;

    font-family: Arial, Helvetica, sans-serif;

}



.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 600;

}



.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {

    font-size: 18px;

}



.portfolio-box:hover .portfolio-box-caption {

    opacity: 1;

}



@media(min-width:768px) {

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {

        font-size: 16px;

    }



    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {

        font-size: 22px;

    }

}



.call-to-action h2 {

    margin: 0 auto 20px;

}



.text-primary {

    color: #367d13;

}



.no-gutter > [class*=col-] {

    padding-right: 0;

    padding-left: 0;

}



.btn-default {

    border-color: #fff;

    color: #222;

    background-color: #fff;

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;

}



.btn-default:hover,

.btn-default:focus,

.btn-default.focus,

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

    border-color: #ededed;

    color: #222;

    background-color: #f2f2f2;

}



.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

    background-image: none;

}



.btn-default.disabled,

.btn-default[disabled],

fieldset[disabled] .btn-default,

.btn-default.disabled:hover,

.btn-default[disabled]:hover,

fieldset[disabled] .btn-default:hover,

.btn-default.disabled:focus,

.btn-default[disabled]:focus,

fieldset[disabled] .btn-default:focus,

.btn-default.disabled.focus,

.btn-default[disabled].focus,

fieldset[disabled] .btn-default.focus,

.btn-default.disabled:active,

.btn-default[disabled]:active,

fieldset[disabled] .btn-default:active,

.btn-default.disabled.active,

.btn-default[disabled].active,

fieldset[disabled] .btn-default.active {

    border-color: #fff;

    background-color: #fff;

}



.btn-default .badge {

    color: #fff;

    background-color: #222;

}



.btn-primary {

    border-color: #0b9444 ;

    color: #fff;

    background-color: #0b9444 ;

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    transition: all .35s;

}



.btn-primary:hover,

.btn-primary:focus,

.btn-primary.focus,

.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

    border-color: #ed431f;

    color: #fff;

    background-color: #ee4b28;

}



.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

    background-image: none;

}



.btn-primary.disabled,

.btn-primary[disabled],

fieldset[disabled] .btn-primary,

.btn-primary.disabled:hover,

.btn-primary[disabled]:hover,

fieldset[disabled] .btn-primary:hover,

.btn-primary.disabled:focus,

.btn-primary[disabled]:focus,

fieldset[disabled] .btn-primary:focus,

.btn-primary.disabled.focus,

.btn-primary[disabled].focus,

fieldset[disabled] .btn-primary.focus,

.btn-primary.disabled:active,

.btn-primary[disabled]:active,

fieldset[disabled] .btn-primary:active,

.btn-primary.disabled.active,

.btn-primary[disabled].active,

fieldset[disabled] .btn-primary.active {

    border-color: #367d13;

    background-color: #367d13;

}



.btn-primary .badge {

    color: #367d13;

    background-color: #fff;

}



.btn {

    border: 0;

    border-radius: 300px;

    text-transform: uppercase;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: 700;

}



.btn-xl {

    padding: 15px 30px;

}



::-moz-selection {

    text-shadow: none;

    color: #fff;

    background: #222;

}



::selection {

    text-shadow: none;

    color: #fff;

    background: #222;

}



img::selection {

    color: #fff;

    background: 0 0;

}



img::-moz-selection {

    color: #fff;

    background: 0 0;

}



body {

    webkit-tap-highlight-color: #222;

}

.contactbuttonfloat:hover{opacity:1; filter: alpha(opacity=100)}


.socialmediaicons{ min-width:10px; float:left; margin:0px; padding:10px 5px; background:none; opacity:0.7; filter: alpha(opacity=70)}
.socialmediaicons:hover{ background:none; opacity:1; filter: alpha(opacity=100)}



section#links{ display:none!important}


@media (max-width:950px){

	

	.container{ width:auto}	

	

	

		}

		

@media (max-width:768px){

			

			

			

			



.carousel-caption{ width:90%; max-width:90%; left:5%; bottom:0px; top:auto; padding:10px}



.carousel-caption h3{ font-size:1.5em !important; margin:0px; }

.carousel-caption p{ font-size:80%; margin:0px}



}



@media (max-width:600px){

	

	.marginleft20, .headerrightnumber, .headerloginlinks{ display:none}

	

	.navbar-brand{ width:100%; text-align:center}

	

	}





ul.general{ width:98%; float:left; margin:10px 0px 10px 2%;}



	ul.general li{ list-style:circle}

	

	ul.special li{ color:#0b9444; font-family:"HelveticaLT67"; font-size:16px; text-transform:uppercase }

	

	ul.special li i.fa{ color:#0b9444 }

	

	ul.extraspecial{ margin:10px 0px 10px 5%}

	

	ul.extraspecial li{ margin-bottom:5px}

	

	ul.extraspecial li i.fa{ font-size:10px}

	

	

.sectionpaddingtop{ padding-top:130px}



.panel-title h1{ float:left; margin:0px}





@media (max-width:1000px){ .container{ width:100%} }



@media (max-width:950px){

	

	.carousel-caption{ width:100% !important; left:0px !important; bottom:0px !important; max-width:100%; top:auto !important; padding-bottom:0px}

	

	.carousel-caption p{ margin-bottom:0px; padding:10px}

	

	.carousel-caption h3{ font-size:20px; padding:10px}

	

	header{ position:relative}

	

	.sectionpaddingtop{ padding-top:0px}

	

	}





	

@media (max-width:900px){

	

	.quote{display:none}

	

	.margintopnone{ margin-top:30px}

	

	.borderbox:hover{ color:#333}

	

	

	#navbar-brand-centered ul{ margin-top:0px; margin-bottom:0px; }	

	

	

	.navbar-toggle{ margin-bottom:20px}

	

	span.togglemenutext{ display:block; width:20%; float:left; margin:0px; padding:25px 0px; font-family:"HelveticaLT67"; font-size:20px; color:#333 }

	

	

	.carousel-caption{ top:20% !important; background:rgba(250, 250, 250, 0.7)}

	.marginleft20{ margin:10px}

	

	#boxes .col-20percent { width:100%}

	#boxes .col-20percent a h2{ padding:20px 0px;}

	

	#contact .col-lg-8{ text-align:center}

	


	

	.navbar-default .nav > li > a, .navbar-default .nav > li > a:focus{ padding:15px 25px}

	
	#footer p.white_c{ font-size:13px}
	
	
	section#links{ display:block !important}
	

	}

	

	

@media (max-width:550px){

	

	

	.carousel-caption p{ margin-bottom:0px; padding:10px; font-size:13px !important}

	

	.carousel-caption h3{ font-size:16px !important; padding:10px}
	
	#footer .col-lg-4{ margin-top:10px}
	
	#footer .col-lg-4, #footer .col-lg-8{ width:100%; float:left; text-align:center}

	#footer .col-lg-4 a.socialmediaicons{ float:none}

	}

	
	
.contactbuttonfloat{ width:164px; float:right; position:fixed; bottom:0px; right:0px; background:none; z-index:1000000; opacity:0.7; filter: alpha(opacity=70) }




/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content2 {
    margin: auto;
    padding: 0px;
    width: 100%;
}




.modal-content2 a{ width:45%;
	cursor:pointer;

	float:left;

	margin:0px 2.5%;

	padding:20px 0px;

	line-height:20px; 

	font-size:16px;

	text-transform:uppercase;

	text-align:center;

	color:#FFF;

	font-weight:normal;

	font-family:"HelveticaLT67";
	background:#0b9444}
	
	
	
.popupbox{ width:100%;
float:left;
margin:0px;
padding:10px 0px;
background:#FFF;
display:none;}