body {
  padding-top: 70px;
  padding-bottom: 30px;
}

.theme-dropdown .dropdown-menu {
  display: block;
  position: static;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}



/********** NAVIGATION **********/

nav{
	width: 100%;
	top: 0px;
	z-index: 99;
	padding-top: 44px;
	transition: all .2s ease; 
	-webkit-transition: all .2s ease; 
	-moz-transition: all .2s ease;
	background-repeat: repeat-x;
	background-color: #f57031;
}
.shrink-nav{ padding-top: 17px; }
.shrink-nav .menu li a{ padding-bottom: 27px; }

.overlay-nav{ position: absolute; }
.nav-light{ background: #fff; background: rgba(255,255,255,0.9); }
.nav-dark{ background: #353535; background: rgba(53,53,53,0.9); }
.nav-light .logo-light{ display: none; }
.nav-dark .logo-dark{ display: none; }
.nav-transparent .logo-dark{ display: none; }
.nav-transparent-dark .logo-light{ display: none; }
.shrink-nav.nav-light, .shrink-nav.nav-transparent-dark{
	background: rgba(255,255,255,0.95);	
}
.shrink-nav.nav-dark, .shrink-nav.nav-transparent{ background: rgba(53,53,53,0.95); }
.sticky-nav{ position: fixed; top: 0px; }

nav .menu{ display: inline-block; margin: 0px; position: relative; top: 4px; }
nav .menu li{ float: left; padding: 0px 18px; }
nav .menu li:last-child{ padding-right: 0px; }

nav .menu li a:hover{ position: relative; }
nav .menu li a{
	font-size: 15px;
	font-weight: normal;
	color: #454545;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 48px;
	display: inline-block;
transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; }
nav.nav-dark .menu li a, nav.nav-transparent .menu a{ color: #fff; }


.has-dropdown:after{
	font-family: Verdana, Geneva, sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	/*content: '\33';
	color: #353535;
	font-size: 16px;
	position: relative;
	top: 1px;
	right: 3px;*/
}
.nav-dark .has-dropdown:after, .nav-transparent .has-dropdown:after{ color: #fff; }

.subnav{ max-height: 0px; overflow: hidden; position: absolute; z-index: 999; background: #353535; background: rgba(53,53,53,0.95); top: 97%; overflow: hidden; margin: 0px; text-align: left !important; }
.subnav li{
	float: none !important;
	margin: 0px 22px;
	padding-left: 0px !important;
	margin-bottom: 8px;
	list-style-image: none;
	list-style-type: none;
}
.subnav li:first-child{ margin-top: 18px; }
.subnav li:first-child h6{ margin-top: -11px; }
.subnav li:last-child{ padding-right: 22px !important; margin-bottom: 25px; }
.subnav li a{ color: #fff !important; padding-bottom: 0px !important; }
.subnav li a:hover{
	color: #F90 !important;
}


.subnav li ol li a {
	color: #fff !important;
	padding-bottom: 0px !important;
	font-size: 13px;
	background-image: url(../../images/bullet.png);
	background-repeat: no-repeat;
	background-position: -3px 8px;
	text-decoration: none;
	list-style: none;
}

.subnav li ol li a:hover {
	color: #C1F1FF !important;
	padding-bottom: 0px !important;
	list-style-image: none;
	list-style-type: none;
}



nav .menu li:hover .subnav{ max-height: 700px; }
nav .menu li:last-child .subnav{ right: 0px; text-align: right !important; }
nav .menu li:last-child .subnav li{ padding-right: 0px !important; }
nav .menu li:last-child .subnav-fullwidth li{ text-align: left !important; }

.subnav h6 {
	color: #FFFFB9;
	padding-bottom: 4px;
	font-size: 16px;
	padding-top: 11px;
	display: inline-block;
	margin-bottom: 0px;
}

.shrink-nav .subnav{ top: 100%; margin-top: -2px; }

.logo{ position: relative; bottom: 4px; transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; }
.shrink-nav .logo{ bottom: 1px; }

.subnav-fullwidth ul{
	margin: 0px;
}
.subnav-fullwidth ul li{
	margin-left: 0px !important;
	padding-left: 0px !important;
}
.subnav-fullwidth li h6{ margin-top: -11px; }

.mobile-toggle{ cursor: pointer; position: absolute; right: 15px; z-index: 22; color: #fff; font-size: 36px; top: 20px; display: none; }
.nav-transparent-dark .mobile-toggle, .nav-light .mobile-toggle{ color: #454545 !important; }






/********** HEADERS **********/

header {
	padding-top: 100px;
	padding-bottom: 100px;
	background-size: cover !important;
	/* 04/28
	background: #454545;
	*/
}



/********** COMMON ELEMENTS **********/

.logo{ max-width: 142px; }

ul{ list-style: none; }

.overlay{ position: absolute; height: 100%; width: 100%; opacity: 0.2; z-index: 1; top: 0px; }

.divider-background{ position: relative; background-size: cover !important; overflow: hidden; }
.divider-background .row{ position: relative; z-index: 2; }
.divider-background .overlay{ opacity: 0.25; }
.overlay.overlay-heavy{ opacity: 0.4; }

.background-pattern{ background-size: initial !important; background-repeat: initial !important; }

.icon-box{ height: 105px; width: 105px; border-radius: 50%; margin: 0px auto; border: 2px solid #454545; padding-top: 32px; font-size: 36px; color: #222; margin-bottom: 33px; transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; }
.icon-box:hover{ color: #fff; background-color: #454545; }

.horizontal-line{ background: #222; opacity: 0.2; height: 2px; width: 40px; margin: 0px auto; margin-top: 22px; margin-bottom: 22px;  }

.border-box{ border: 2px solid #454545; padding: 37px 18px; }
.border-box i{ font-size: 46px; color: #454545; display: inline-block; margin-bottom: 17px; transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; position: relative; bottom: 0px; }
.border-box h6{ margin-bottom: 0px; letter-spacing: 2px; margin-right: -2px; }
.border-box .horizontal-line{ opacity: 0.8; }

.border-box:hover i{ bottom: 5px; }

.feature-small{ margin-bottom: 44px; overflow: hidden; width: 100%; }
.feature-small .left{ width: 20%; }
.feature-small .right{ width: 80%; }
.feature-small i{ font-size: 24px; display: inline-block; color: #222; position: relative; top: 5px; }
.feature-small h6{ margin-bottom: 0px; margin-top: 0px; letter-spacing: 2px; margin-right: -2px; display: inline-block; }
.feature-small .horizontal-line{ margin: 15px 0px 22px 0px; opacity: 1; }
.feature-small p{ color: #777; }

.medium-4 .feature-small i{ font-size: 38px; }

.icon-box-hollow{ width: 150px; height: 150px; margin-top: 22px; display: inline-block; margin-bottom: 88px; }
.icon-box-hollow .upper{ width: 150px; height: 150px; border-top: 2px solid; border-right: 2px solid; border-left: 2px solid; border-color: #454545; color: #222; margin: 0px auto; padding-top: 53px; }
.icon-box-hollow i{ font-size: 46px;  transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; bottom: 0px; position: relative; }

.icon-box-hollow .lower{ overflow: hidden; position: relative; text-align: center; }
.icon-box-hollow .line{ width: 40px; height: 2px; background: #454545; }
.icon-box-hollow .vertical-line{ width: 2px; height: 35px; position: absolute; display: inline-block; background: #454545; margin-top: -11px; transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; }

.icon-box-hollow:hover .vertical-line{ margin-top: -4px; }
.icon-box-hollow:hover i{ bottom: 5px; }

.icon-box-hollow h6{ margin-bottom: 0px; margin-top: 44px; letter-spacing: 2px; margin-right: -2px; display: inline-block; }

.social-profiles{ overflow: hidden; margin: 0px; display: inline-block; }
.social-profiles li{ float: left; margin-right: 29px; }
.social-profiles li a{ font-size: 16px; }
.social-profiles li:last-child{ margin-right: 0px; }

.divider-background .icon-box-hollow .upper{ border-color: #fff; color: #fff; }
.divider-background .icon-box-hollow .line{ background: #fff; }
.divider-background .icon-box-hollow .vertical-line{ background: #fff; }

.parallax-scroll{ position: relative; }




/** PANELS **/

.panel{ padding: 25px 28px 33px 28px; background: #fff; margin-bottom: 30px; display: inline-block; }
.panel h6{ letter-spacing: 2px; margin-bottom: 22px; }
.panel .social-profiles{ margin-bottom: -11px; }
.panel .social-profiles h6{ margin: 0px; letter=spacing: 1px; font-size: 12px; position: relative; top: 3px; }
.panel .social-profiles a{ transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; position: relative; bottom: 0px; }
.panel .social-profiles a:hover{ bottom: 3px; }

.divider-background .panel{ background: rgba(255,255,255,0.9); padding-bottom: 44px; }


/** FEATURE SELECTOR **/

.feature-selector-holder{ overflow: hidden; }

.feature-selector-content{ margin-bottom: 44px; transition: all .3s ease; position: relative;  }

.feature-selector-content li{ opacity: 0; position: absolute; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;   }
.feature-selector-content li.active{ opacity: 1; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; z-index: 900; }

.feature-selector-tabs{ display: inline-block; margin: 0px auto; overflow: hidden; }
.feature-selector-tabs li{ width: 100px; height: 100px; border-radius: 50%; border: 2px solid #353535; color: #353535; text-align: center; margin-right: 33px; padding-top: 16px; font-size: 43px; float: left; cursor: pointer; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.feature-selector-tabs li:last-child{ margin-right: 0px; }
.feature-selector-tabs li:hover{ background: #eee; color: #353535; }
.feature-selector-tabs li.active{ background: #eee; color: #353535; }

.divider-background .feature-selector-tabs li{ border-color: #fff; color: #fff; }
.divider-background .feature-selector-tabs li:hover{ background: rgba(255,255,255,0.8); color: #353535; }
.divider-background .feature-selector-tabs li.active{ background: rgba(255,255,255,0.8); color: #353535; }


/** STATISTICS **/

.stat{ text-align: center; }
.stat .count{ display: inline-block; color: #454545; margin-bottom: 15px; }
.stat .count i{ font-size: 60px; display: inline-block; margin-right: 15px; }
.stat .count span{ font-weight: bold; font-size: 48px; position: relative; top: 4px; }

.stat .title{ text-transform: uppercase; letter-spacing: 2px; display: block; margin-right: -3px; font-size: 14px; color: #777;  }

.background-highlight .stat .count, .divider-background .stat .count{ color: #fff; }
.background-highlight .stat .title, .divider-background .stat .title{ color: #fff; }