body {
    background: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-align: center;
}

strong { font-weight: 700; }

a, a:hover, a:focus {
	color: #2b7d10;
	text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

img { max-width: 100%; }

::-moz-selection { background: #e8643e; color: #fff; text-shadow: none; }
::selection { background: #e8643e; color: #fff; text-shadow: none; }

/***** Top menu *****/

nav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 998;
	background: #3d3d3d;
	font-size: 18px;
	color: #fff;
    line-height: 32px;
    text-align: center;
}

nav a {
	display: inline-block;
	margin: 0 15px;
	padding: 10px 0;
	color: #fff;
}
nav a:hover { color: #e8643e; }
nav a:focus { color: #e8643e; }

.show-menu, .hide-menu {
	position: fixed;
	top: 10px;
	right: 10px;
	padding: 0 20px;
	z-index: 999;
	text-align: center;
}
.hide-menu { top: -1px; }

.show-menu a, .hide-menu a {
	display: inline-block;
	width: 46px;
	height: 48px;
	padding-top: 10px;
	background: #3d3d3d;
	font-size: 21px;
	color: #fff;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.show-menu a:hover, .hide-menu a:hover { color: #fff; }

/***** Coming Soon *****/

.coming-soon {
    margin: 0 auto;
    color: #333;
	font-weight:500;
}

.inner-bg {
    padding: 20px 0 60px 0;
}

.coming-soon .logo {
	padding-bottom: 20px;
}

.coming-soon .logo h1 {
	margin: 0;
}

.coming-soon .logo {
	display: inline-block;
	width: 288px;
	height: 92px;
	background: url(../img/logo.png) center center no-repeat;
	text-indent: -99999px;
}
/*.coming-soon .logo a:focus { outline: 0; }

.coming-soon .logo a:before {
	content: url(../img/logo-hover.png);
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s; 
    -o-transition-duration: 2s; 
    transition-duration: 2s;
	width: 0;
	height: 0;
	visibility: hidden;
}
.coming-soon .logo a:hover {
    background-image: url(../img/logo-hover.png);
    -webkit-transition-duration: 2s; 
    -moz-transition-duration: 2s; 
    -o-transition-duration: 2s;
    transition-duration: 2s;
}*/

.coming-soon h2 {
    font-size: 46px;
    font-weight: 100;
}

.coming-soon p {
	margin: 10px 0 10px 0;
	/*padding: 0 320px;*/
    font-size: 16px;
    line-height: 26px;
}

.timer {
    margin-top: 60px;
}

.timer .days-wrapper,
.timer .hours-wrapper,
.timer .minutes-wrapper,
.timer .seconds-wrapper {
    display: inline-block;
    width: 160px;
    height: 160px;
    margin: 0 10px;
    padding-top: 20px;
    font-size: 18px;
    cursor: pointer;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

.timer .days,
.timer .hours,
.timer .minutes,
.timer .seconds {
    font-size: 100px;
    font-weight: 100;
    line-height: 90px;
}

/***** Subscription form *****/

.subscribe {
    margin-top: 60px;
    text-align: center;
}

.subscribe h3 {
    font-size: 46px;
    font-weight: 100;
    color: #555;
    line-height: 50px;
}

.subscribe p {
	margin-top: 30px;
    font-size: 22px;
    color: #888;
    line-height: 36px;
}

.subscribe form {
    margin-top: 40px;
    margin-bottom: 20px;
}

.subscribe form input.subscribe-email {
    width: 362px;
    height: 52px;
}

.success, .error {
    font-size: 22px;
    line-height: 36px;
}

.success {
	margin: 20px 0 10px 0;
    color: #43745f;
}

.error {
	margin: 10px 0;
	color: #b82b43;
}

/***** About the new site *****/

.about-container {
    margin: 60px auto 0 auto;
    padding-bottom: 60px;
    color: #fff;
}

.about {
    margin-top: 60px;
    padding-bottom: 10px;
}

.about h3 {
    font-size: 46px;
    font-weight: 100;
    line-height: 50px;
}

.about p {
	margin-top: 30px;
	padding: 0 120px;
    font-size: 22px;
    line-height: 36px;
}

.about-box-1 {
	margin-top: 30px;
}

.about-box-1 h4 {
	padding: 10px 0;
	font-size: 30px;
    font-weight: 100;
    line-height: 34px;
}

.about-box-1 p {
	font-size: 18px;
    line-height: 32px;
}

.about-box-1 .about-box-1-icon {
    width: 140px;
    height: 140px;
    margin: 0 auto;
    padding-top: 28px;
    background: #e8643e;
    border: 1px solid #e8643e;
    font-size: 56px;
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
    cursor: pointer;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

.about-box-1 .about-box-1-icon:hover {
    background: none;
    border: 1px solid #fff;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

/***** Latest Work Section *****/

.latest-work {
    min-height: 1090px;
    color: #FFF
}
.section-title {
    padding: 60px 0px 60px;
    text-align: center;
}
.section-title h2 {
    position: relative;
}
.latestwork {
    margin-top: 60px;
    padding-bottom: 10px;
}

.latestwork h3 {
    font-size: 46px;
    font-weight: 100;
    line-height: 50px;
}

.latestwork p {
    margin-top: 30px;
    padding: 0 120px;
    font-size: 22px;
    line-height: 36px;
}

/****** Portfolio ******/

#portfolio {
    padding-bottom: 100px;
}
#portfolio p,
#portfolio h2 {
    margin-bottom: 30px;
}
#portfolio .portfolio-filter {
    margin-bottom: 40px;
}
#portfolio .portfolio-filter li {
    display: inline-block;
    padding: 7px 20px
}
#portfolio .portfolio-filter li a:hover,
#portfolio .portfolio-filter li a:focus,
#portfolio .portfolio-filter li a:active,
#portfolio .portfolio-filter li .active {
    border-bottom: 1px solid #FF0B0B;
    color: #555555;
    font-weight:700;
    box-shadow: none;
    -webkit-box-shadow: none;
    opacity: 1;
    outline: 0;
}
#portfolio .portfolio-filter li a {
    color: #555555;
    font-size: 16px;
    font-weight:700;
    text-transform: uppercase;
    border: none;
    background: rgba(67, 72, 78, 0);
    opacity: .8;
    border: 1px solid rgba(252, 119, 0, 0);
    border-radius: inherit;
    text-decoration: none
}
.portfolio-items > div {
    padding: 0;
}
.portfolio-items img {
    width: 100%;
    padding: 5px
}
.view {
    cursor: default;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
.view img {
    display: block;
    position: relative;
}
/************************************
****** Isotope Recommended CSS ******
*************************************/
/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    z-index: 1;
}
/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
/***** End: Recommended Isotope styles *****/

/****** Image hover overlay ******/

.overlay {
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.overlay-body .btn {
    margin-top: 70%;
    cursor: pointer;
    text-decoration: none;
    padding: 7px 14px;
    color: #fff;
    border: 1px solid #FFFFFF;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #878787;
    position: absolute;
    z-index: 1;
    left: 30%
}
.overlay-body {
    background: #FD2F2F;
    bottom: 0;
    color: white;
    font-size: 1em;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 3.75em 3em;
    position: absolute;
    text-align: center;
    top: 0;
    right: 0;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.overlay-body:hover {
    opacity: .8;
}
.overlay-body:after,
.overlay-body:before {
    border: 1px solid rgba(255, 255, 255, 0.7);
    bottom: 1em;
    content: '';
    left: 1em;
    opacity: 0;
    position: absolute;
    right: 1em;
    top: 1em;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: 0.6s 0.2s;
    transition: 0.6s 0.2s;
}
.overlay-body:before {
    border-bottom: none;
    border-top: none;
    left: 2em;
    right: 2em;
}
.overlay-body:after {
    border-left: none;
    border-right: none;
    bottom: 2em;
    top: 2em;
}
.overlay-body:hover:after,
.overlay-body:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/***** Who's behind this *****/

.whos-behind-container {
    margin: 0 auto;
    padding-bottom: 60px;
    color: #fff;
}

.whos-behind {
    margin-top: 60px;
    padding-bottom: 10px;
}

.whos-behind h3 {
    font-size: 46px;
    font-weight: 100;
    line-height: 50px;
}

.whos-behind p {
	margin-top: 30px;
	padding: 0 120px;
    font-size: 22px;
    line-height: 36px;
}

.whos-behind-box-1 {
	margin-top: 30px;
}

.whos-behind-box-1 h4 {
	padding: 10px 0 0 0;
	font-size: 30px;
    font-weight: 100;
    line-height: 34px;
}

.whos-behind-box-1 h5 {
	padding-bottom: 7px;
	font-size: 15px;
    font-weight: 300;
    line-height: 22px;
    color: #fff;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
}

.whos-behind-box-1 p {
	font-size: 18px;
    line-height: 32px;
}

.whos-behind-box-1 .whos-behind-photo {
	position: relative;
    width: 140px;
    height: 140px;
    margin: 0 auto;
    overflow: hidden;
    cursor: pointer;
}

.whos-behind-box-1 .whos-behind-photo img {
	width: 100%;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}

.whos-behind-box-1 .whos-behind-photo .whos-behind-social {
	position: absolute;
	top: -150px;
	left: 0;
    width: 140px;
    height: 140px;
    padding-top: 58px;
    background: #e8643e;
    opacity: 0;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
	-o-transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -ms-transition: all .4s; transition: all .4s;
}

.whos-behind-box-1 .whos-behind-photo:hover .whos-behind-social {
	top: 0;
	opacity: 1;
}

.whos-behind-box-1 .whos-behind-photo .whos-behind-social, 
.whos-behind-box-1 .whos-behind-photo .whos-behind-social a, 
.whos-behind-box-1 .whos-behind-photo .whos-behind-social a:hover {
	border: 0;
	font-size: 18px;
	color: #fff;
	line-height: 20px;
}

.whos-behind-box-1 .whos-behind-photo .whos-behind-social a {
	margin: 0 4px;
}


/***** How to contact us *****/

.contact {
    margin-top: 60px;
    padding-bottom: 20px;
}

.contact h3 {
    font-size: 46px;
    font-weight: 100;
    color: #555;
    line-height: 50px;
}

.contact p {
	margin-top: 30px;
	padding: 0 120px;
    font-size: 22px;
    color: #888;
    line-height: 36px;
}

.contact-form{
	padding-bottom: 80px;
	text-align: left;
}

.contact-form h4 {
	padding: 0 0 10px 0;
	font-size: 30px;
    font-weight: 100;
    color: #555;
    line-height: 34px;
}

.contact-form p {
	margin: 15px 0 0 0;
	font-size: 18px;
	color: #43745f;
	line-height: 32px;
}

.contact-form form {
	margin: 15px 0 0 0;
}

.contact-form form input, 
.contact-form form textarea {
    width: 100%;
    height: 52px;
    margin-bottom: 5px;
}

.contact-form form textarea {
	height: 162px;
}

.contact-form form button {
    padding: 0 40px;
}

.contact-form form .contact-error {
	border-color: #e8643e;
}

#map_canvas {
    width: 100%;
    height: 61vh;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    overflow: hidden;
}

#map_canvas:hover {
    opacity: .9;
}

span.logo-color{
    color: #e8643e;
}

.contact-address p {
	margin-bottom: 5px;
	font-size: 18px;
	color: #888;
    line-height: 32px;
}

.contact-address p i {
	padding-right: 15px;
	font-size: 24px;
	color: #ccc;
	vertical-align: middle;
}


/***** Footer *****/

footer {
	padding: 20px 0 16px 0;
	background: #ff7200;
	text-align: left; bottom:0; position:fixed; width:100%;
}

.footer-left p {
	margin: 0;
	font-size: 18px;
    line-height: 32px;
    color: #fff;
	text-align: center;
}

.footer-copyright p {
	margin: 0;
	font-size: 18px;
    line-height: 32px;
    color: #fff;
	text-align: center;
}

.footer-copyright a { color: #fff; border-bottom: 1px dotted #fff; }
.footer-copyright a:hover { color: #fff; border: 0; }

.footer-social {
	text-align: center;
}
.footer-social a{
    padding: 0 10px;
    display: inline-block;
    color: #cccccc;
}
.footer-social a.facebook:hover{
    color: #3b5998;
}
.footer-social a.twitter:hover{
    color: #0084b4;
}
.footer-social a.tumblr:hover{
    color: #35465c;
}
.footer-social a.linkedin:hover{
    color: #0077B5;
}
.footer-social a.google-plus:hover{
    color: #dd4b39;
}

/***** Animation *****/

.animation {
    opacity: 0;
}
.animation.animated {
    opacity: 1;
}

.top-bar-area{padding-top:15px;padding-bottom:15px;background-color:#030248}
.top-bar-area.bg-0b0021{background-color:#4c9514;}
.top-bar-area.bg-ffffff{background-color:#fff}
.top-bar-area.bg-ffffff .top-bar-information li{color:#202647}
.top-bar-area.bg-ffffff .top-bar-information li a{color:#202647}
.top-bar-area.bg-ffffff .top-bar-information li i{color:#3c62e9}
.top-bar-area.bg-ffffff .top-bar-optional li a i{background-color:#3c62e9;color:#fff}
.top-bar-area.bg-ffffff .top-bar-optional li a i:hover{background-color:#000244}
.top-bar-information{padding-left:0;margin-bottom:0}
.top-bar-information li{font-size:15px;color:#fff;font-weight:500;list-style-type:none;display:inline-block;position:relative;margin-right:15px;padding-left:20px}
.top-bar-information li:last-child{margin-right:0}
.top-bar-information li a{color:#fff}
.top-bar-information li i{position:absolute;left:0;top:2px;color:#fff}
.top-bar-optional{padding-left:0;margin-bottom:0;text-align:right}
.top-bar-optional li{list-style-type:none;display:inline-block}
.top-bar-optional li a{margin-right:5px}
.top-bar-optional li a:last-child{margin-right:0}
.top-bar-optional li a i{display:inline-block;height:20px;width:20px;line-height:20px;background-color:#fff;text-align:center;color:#ff7200;font-size:12px;border-radius:30px;-webkit-transition:.5s;transition:.5s}
.top-bar-optional li a i:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);background-color:#ff7200;color:#fff}

.fa-list li {
  list-style: none;
  margin-bottom: 8px;
  font-size:18px;
}

.fa-list i {
  color: green;
  margin-right: 8px;
}

.health-list {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.health-list li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
	font-size:18px;
}

.health-list li i {
    color: #e60000;
    font-size: 14px;
}
