/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

body { font-size:1rem; }

a { font-weight:bold; }
a .feature-box { font-weight:normal; }
a:hover { color: #378f2c; }

#gotoTop { right:23px; }
.stretched #gotoTop { bottom:80px; }

header #header-wrap { background-color:#f1f7fb !important; border-bottom:2px solid #378f2c; }
#header.full-header #logo { border-right:0px !important; margin-right:0px; }

header.dark #header-wrap { background-color:#022d53 !important; }
@media (min-width: 992px) {
	header.dark #header-wrap .container { padding-left:0px !important; }
	header #logo { border-right:0px !important; }
}
header.dark #logo { background-color:#022d53; padding-left:30px; }

#header.full-header #primary-menu > ul { border-right:0px; }

#primary-menu ul ul { margin-top:-2px !important; }

#primary-menu ul li > a,
#primary-menu ul ul li > a { text-transform:none; font-size:100%; letter-spacing:0px; }

.home-blocks { padding:18px 24px; font-weight:normal !important; padding-bottom:18px !important; }
.home-blocks h3 { margin-bottom:4px; font-size:120%; }
.home-blocks:hover { background:#444 !important; }

@media (max-width: 1274px) {
	#primary-menu ul li > a,
	#primary-menu ul ul li > a { font-size:90%; }
	#primary-menu ul li > a { padding: 39px 10px; }

}
@media (max-width: 1154px) {
	#primary-menu ul li > a,
	#primary-menu ul ul li > a { font-size:80%; }
	#primary-menu ul li > a { padding: 39px 8px; }
}

@media (max-width: 1060px) {
	#primary-menu ul li > a,
	#primary-menu ul ul li > a { font-size:70%; }
	#primary-menu ul li > a { padding: 39px 8px; }
}

@media (max-width: 991px) {
	.slider-caption { max-width:300px; }
	.slider-caption p { font-size:80%; }
	.slider-caption h2 { font-size:200%; }
	.slider-caption img { width:100%; }
	#logo { max-width: 200px; }
	.home-green { font-size:120%; }
	.home-blocks { font-size:80%; }
}

@media (max-width: 767px) {
	.button-large { font-size:60% !important; padding:0 18px !important; height:38px !important; line-height:38px !important; }
	.slider-caption { max-width:240px; } 
	.slider-caption p { font-size:70% !important; }
	.slider-caption h2 { font-size:180%; }
	.home-green { font-size:100%; }
}

@media (max-width: 577px) {
	.slider-caption { max-width:200px; }
	.slider-caption p { font-size:50% !important; }
	.slider-caption h2 { font-size:160% !important; }
	.home-green { font-size:80%; }
}

@media (max-width: 430px) {
	.slider-caption { max-width:140px; }
	.slider-caption p { font-size:40% !important; }
	.slider-caption h2 { font-size:100% !important; }
	.home-green { font-size:70%; }
}

.portfolio-filter { border:0px; }
.portfolio-filter li.activeFilter a { margin:0px 4px 4px 0px; padding:12px 18px; }
.portfolio-filter li a { border:0px; background:#eee; color:#333; border-radius:0px !important; margin-right:4px; margin-bottom:4px; }
.portfolio-filter li:hover a { background:#004c90; color:white; }

.swiper-pagination span { border-color:#999; width:12px; height:12px; }
.swiper-pagination span:hover, .swiper-pagination span.swiper-pagination-bullet-active { background-color:#999 !important; }

#page-title { padding:30px 0; }
#page-title.page-title-dark { background-color: #004c90; }
#page-title h1 { text-transform:none; }
.section.dark { background-color:#222; }
.dark a { color:white; }
.dark a:hover { color:#ccc; }

h1,h2,h3,h4,h5,h6 { margin-bottom:16px; margin-top:32px; color:#378f2c; }
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child { margin-top:0px; }

p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {
    margin-bottom: 16px;
}

.heading-block:after { border:0px; }
.match-these { line-height:110%; padding-bottom:12px; padding-top:12px; }

.red-alert-text { color:#aa0000 !important; font-weight:bold; }

#thumbsBox { min-height:48px; }
#thumbsBox h3 { margin-bottom:0px !important; }
.thumbs { cursor:pointer; margin-right:16px; font-size:200%; }
.thumbs-up { color:#378f2c; }
.thumbs-down { color:#dd0000; }
.thumbs:hover { color:#666; }

.vert-parent { display:table; width:100%; }
.vert-child { display:table-cell; vertical-align:middle; }

.team-title .email { margin-top:4px; }

.hangingindent {
  padding-left: 12px ;
  text-indent: -12px ;
}
.sup { font-size:60%; position:relative; top:-4px; }

.tabs { width:100%; }
.tabs-bordered.red-tabs ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a { color:white; background-color:#880C18 !important; top:0px; }
.tabs-bordered.red-tabs ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active { border-color:#880C18 !important; }

.feature-box.fbox-bg.fbox-center { border:0px; border-radius:0px; }

.reg-blue-back { background-color:#004c90; }
.blue-back { background-color:#022d53 !important; }
.blue-back a { color:#ffde59; }
.blue-back a:hover { color:#ffff00; }

.green-back { background-color:#378f2c !important; }
.salmon-back { background-color:#D16666 !important; }
.red-back { background-color:#880C18 !important; }
.yellow-back { background-color:#D8900A !important; }
.grey-back { background-color:#666 !important; }
.white-back { background-color:#fff !important; }

.grey-back-link:hover { background-color:#022d53 !important; }

.lt-grey-back { background-color:#F5F5F5 !important; }
.lt-blue-back { background-color:#0080aa !important; }
.lt-green-back { background-color:#00d386 !important; }
.lt-lt-green-back { background-color:#e7f7e5 !important; padding:10px 14px; }
.lt-lt-blue-back { background-color:#f1f7fb !important; }

.green-text { color:#378f2c !important; }
.blue-text { color:#022d53 !important; }
.salmon-text { color:#D16666 !important; }
.red-text { color:#880C18 !important; }
.yellow-text { color:#D8900A !important; }
.grey-text { color:#666 !important; }


.orange-back { background-color:#de761c !important; }
.orange-lt-back { background-color:#fcede0 !important; }
.orange-border { border-color:#de761c !important; }
.orange-text, .orange-lt-back a, .orange-link-back a { color:#de761c !important; }

.teal-back { background-color:#02abc5 !important; }
.teal-lt-back { background-color:#ddf8fc !important; }
.teal-border { border-color:#02abc5 !important; }
.teal-text, .teal-lt-back a, .teal-link-back a { color:#02abc5 !important; }

.purple-back { background-color:#674da0 !important; }
.purple-lt-back { background-color:#f1dbfb !important; }
.purple-border { border-color:#674da0 !important; }
.purple-text, .purple-lt-back a, .purple-link-back a { color:#674da0 !important; }


.orange-lt-back a:hover, 
.orange-link-back a:hover,
.teal-lt-back a:hover,
.teal-link-back a:hover,
.purple-lt-back a:hover,
.purple-link-back a:hover { color:#666 !important; }


.six-box a { color:#333; }
.six-box:hover { background-color:#666; }
.six-box:hover a { color:white; }


.text-white { color:white !important; }
.text-smaller { font-size:80%; }
.i3x { font-size:300%;}
.i2x { font-size:200%;}

.i-solid { color:white; border:0px; }

.button-extra-mini { border-radius:7px !important; padding:1px 8px !important; font-size:50% !important; height:20px !important; line-height:20px !important; }
a.button:hover { background-color:#666 !important; color:white; }

.faqs h4 { margin-bottom:0px; }
.faqs .small { margin-top:12px; }
.faqbox { background:#f1f7fb; margin-top:12px; padding:12px 12px 12px 0px; border-radius:4px; }
.faqbox ul { margin-bottom:0px; }
.faqs table { border-collapse: collapse; margin-top:12px; }
.faqs table td, .faqs table th { background:#f1f7fb; border:2px solid white; padding:4px 8px; }

label { text-transform:none; font-size:1rem; margin-bottom:2px; }

#page-title.page-title-dark h1 {
	color:white !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.75) !important;
	text-align: center;
}

#content p, #content ul.normal, #content ol.normal {
    line-height: 1.4;
}
#content ul.normal, #content ul.tight, #content ol.normal, #content ol.tight { margin-left:30px; }
#content ol.tight li { margin-bottom:10px; }
#content ul.normal li, #content ol.normal li { margin-bottom:16px; }

.process-steps.process-6 li { width: 16.66%; }

.feature-box.fbox-light .fbox-icon i, .feature-box.fbox-light .fbox-icon img { color: #378f2c; }
.fbox-effect .fbox-icon i:hover, .fbox-effect:hover .fbox-icon i { background-color:#666 !important; color:white; }

.fbox-effect-custom:hover .fbox-icon { background-color:#666 !important; }

.bgcolor, .button.button-3d:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime):hover, .process-steps li.active a, .process-steps li.ui-tabs-active a, .sidenav > .ui-tabs-active > a, .sidenav > .ui-tabs-active > a:hover, .owl-carousel .owl-nav [class*=owl-]:hover, .page-item.active .page-link, .page-link:hover, .page-link:focus { background-color: #378f2c !important; }

#page-title.page-title-pattern {
    background-image: url(/canvas/images/pattern.png);
}

.faqs .toggle .togglet, .faqs .toggle .toggleta { font-size:17px; }

.heading-block.center > span, .heading-block.title-center > span, .center .heading-block > span { max-width:800px; }

.tools-out img { border:1px solid #022d53; margin-bottom:10px; 
  -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}

.text-120 { font-size:120%; font-weight:300; }


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.boxShadow {
  -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}
.noboxShadow {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.text-shadow {
	text-shadow: 3px 3px 4px rgba(0,0,0,.7) !important;
}

.col_one_fifth { width: 16%; }
@media (max-width: 992px) {
	.col_one_fifth { width: 100%; }
}

@media (max-width: 575.98px) {
	.container .container { padding-left:0px !important; padding-right:0px !important; }	
}

#footer.dark, .dark #footer {
	border:0px;
    background-color: #022d53;
    color: #fff;
	font-size: 85%;
	line-height:170%;
}

.dark #copyrights {
    background-color: #000;
    color: #999;
	padding:20px 0;
	line-height:130%;
}

.dark #copyrights a { color:#bbb; }

#footer .footer-widgets-wrap {
    padding: 40px 0;
}

.hidden-xs-up {
  display: none !important;
}

@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
  .photo-bar { display:none; }
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

.hidden-xl-down {
  display: none !important;
}

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}