 html {
     direction: ltr;
 }

 body {
     background-color: white;
     color: #00000;
     font-family: "Open Sans", Arial, sans-serif;
     font-size: 18px;
     line-height: 22px;
     margin: 0;
 }

 @media (max-width: 479px) {
     body {
         font-size: 18px;
     }
 }

 #header {
     background: #F6F6F6;
     background: -webkit-linear-gradient(#f6f6f6, white);
     background: linear-gradient(#f6f6f6, white);
     clear: both;
     border-top: 5px solid #EDEDED;
     min-height: 100px;
     padding: 8px 0;
 }

 #header>.container {
     height: 100px;
     margin-bottom: -35px;
     position: relative;
     display: table;
     max-width: 1170px;
 }

 #header>.navbar-collapse>.container {
     position: relative;
 }

 #header .header-top {
     min-height: 50px;
 }

 #header .header-top form {
     margin: 0;
 }

 #header .header-top p {
     float: left;
     font-size: 0.9em;
     line-height: 50px;
     margin: 0;
 }

 #header .header-top i {
     margin-right: 6px;
     margin-left: 6px;
     position: relative;
     top: 1px;
 }

 #header .header-top nav {
     float: left;
     width: auto;
 }

 #header .header-top ul.nav-top {
     margin: 7px 0 0 -15px;
     min-height: 5px;
 }

 #header .header-top ul.nav-top li.phone {
     margin-right: 10px;
 }

 #header .header-top ul.nav-top li a {
     padding-left: 4px;
 }

 #header .social-icons {
     clear: right;
     float: right;
     margin-top: 10px;
     margin-left: 5px;
     position: relative;
 }

 #header .search {
     float: right;
     margin: 10px 0 0 15px;
     position: relative;
 }

 #header .search+.social-icons {
     clear: none;
     margin-left: 10px;
     margin-right: 0;
     margin-top: 13px;
 }

 #header .search input.search:first-child {
     -webkit-transition: width 0.2s ease-in 0.2s;
     -moz-transition: width 0.2s ease-in 0.2s;
     transition: width 0.2s ease-in 0.2s;
     border-radius: 20px;
     width: 170px;
     font-size: 0.9em;
     padding: 6px 12px;
     height: 34px;
     margin: 0;
 }

 #header .search input.search:focus {
     width: 220px;
     border-color: #CCC;
 }

 #header .search button.btn-default {
     border: 0;
     background: transparent;
     position: absolute;
     top: 0;
     right: 0;
     color: #CCC;
     z-index: 3;
 }

 #header nav {
     float: right;
 }

 #header nav ul.nav-main {
     margin: -7px 10px 8px 0;
 }

 #header nav ul.nav-main>li+li {
     margin-left: -4px;
 }

 #header nav ul.nav-main li a {
     font-size: 12px;
     font-style: normal;
     line-height: 20px;
     text-transform: uppercase;
     font-weight: 700;
     padding: 10px 13px;
 }

 #header nav ul.nav-main li a:hover {
     background-color: #F4F4F4;
 }

 #header nav ul.nav-main li ul a {
     text-transform: none;
     font-weight: normal;
     font-size: 0.9em;
 }

 #header nav ul.nav-main li.dropdown.open a.dropdown-toggle {
     border-radius: 5px 5px 0px 0px;
     background-color: #CCC;
 }

 #header nav ul.nav-main li.dropdown:hover>a {
     padding-bottom: 11px;
     margin-bottom: -1px;
 }

 #header nav ul.nav-main li.dropdown:hover>ul {
     display: block;
 }

 #header nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
     border-radius: 5px 5px 0px 0px;
 }

 #header nav ul.nav-main li.active a {
     background-color: #CCC;
 }

 #header nav ul.nav-main li a.dropdown-toggle.extra {
     display: none;
 }

 #header nav ul.nav-main ul.dropdown-menu {
     background-color: #CCC;
     border: 0;
     border-radius: 0 6px 6px 6px;
     box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08);
     margin: 1px 0 0 0;
     padding: 5px;
     top: auto;
     text-align: left;
 }

 #header nav ul.nav-main ul.dropdown-menu li:hover>a {
     filter: none;
     background: #999;
 }

 #header nav ul.nav-main ul.dropdown-menu li:last-child>a {
     border-bottom: 0;
 }

 #header nav ul.nav-main ul.dropdown-menu>li>a {
     color: #FFF;
     font-weight: 400;
     padding-bottom: 4px;
     padding-top: 4px;
     text-transform: none;
     position: relative;
     padding: 8px 10px 8px 5px;
     font-size: 0.9em;
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 }

 #header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
     border-radius: 6px;
     margin-left: 0;
     margin-top: -5px;
 }

 #header nav ul.nav-main .dropdown-submenu {
     position: relative;
 }

 #header nav ul.nav-main .dropdown-submenu>.dropdown-menu {
     top: 0;
     left: 100%;
     margin-top: -6px;
     margin-left: -1px;
     border-radius: corder-values(0 6px 6px 6px);
 }

 #header nav ul.nav-main .dropdown-submenu>a:after {
     display: block;
     content: " ";
     float: right;
     width: 0;
     height: 0;
     border-color: transparent;
     border-style: solid;
     border-width: 5px 0 5px 5px;
     border-left-color: #FFF;
     margin-top: 5px;
     margin-right: -10px;
 }

 #header nav ul.nav-main .dropdown-submenu.pull-left {
     float: none;
 }

 #header nav ul.nav-main .dropdown-submenu.pull-left>.dropdown-menu {
     left: -100%;
     margin-left: 10px;
     border-radius: corder-values(6px 0 6px 6px);
 }

 #header nav ul.nav-main .dropdown-submenu:hover>.dropdown-menu {
     display: block;
 }

 #header nav ul.nav-main .dropdown-submenu:hover>a:after {
     border-left-color: #FFF;
 }

 #header nav ul.nav-top {
     margin: 10px 0 -10px;
     min-height: 62px;
     padding-left: 15px;
 }

 #header nav ul.nav-top li span {
     display: block;
     line-height: 14px;
     margin-bottom: 2px;
     margin-right: 0;
     margin-top: 5px;
     padding: 8px 2px 8px 12px;
 }

 #header nav ul.nav-top li a,
 #header nav ul.nav-top li span {
     color: #000;
     font-size: 0.9em;
     padding: 6px 10px;
 }

 #header nav ul.nav-top li i {
     margin-right: 6px;
     position: relative;
     top: 1px;
 }

 #header .nav-main-collapse {
     overflow-y: visible;
 }

 #header .nav-main-collapse.in {
     overflow-y: visible;
 }

 #header .tip {
     display: inline-block;
     padding: 0 5px;
     background: #FFF;
     color: #111;
     text-shadow: none;
     border-radius: 3px;
     margin-left: 8px;
     position: relative;
     text-transform: uppercase;
     font-size: 10px;
     font-weight: bold;
 }

 #header .tip:before {
     right: 100%;
     top: 50%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-color: rgba(255, 255, 255, 0);
     border-right-color: #fff;
     border-width: 5px;
     margin-top: -5px;
 }

 #header .logo {
     -webkit-transition: all 0.2s ease-in 0.2s;
     -moz-transition: all 0.2s ease-in 0.2s;
     transition: all 0.2s ease-in 0.2s;
     margin: 0;
     padding: 5px 0;
     display: table-cell;
     vertical-align: middle;
     height: 100%;
     color: transparent;
 }

 #header .logo a {
     position: relative;
     z-index: 1;
 }

 #header .logo img {
     position: relative;
     color: transparent;
 }

 .header-container {
     min-height: 76px;
     position: relative;
 }

 .btn-responsive-nav {
     display: none;
 }

 #header.fixed {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 1001;
 }

 body.sticky-menu-active #header {
     border-bottom: 1px solid #E9E9E9;
     position: fixed;
     top: -57px;
     width: 100%;
     z-index: 1001;
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
     filter: none;
 }

 body.sticky-menu-active #header .social-icons {
     margin-top: 10px;
 }

 body.sticky-menu-active #header nav ul.nav-main {
     margin-bottom: 7px;
     margin-top: -1px;
 }

 body.sticky-menu-active.always-sticky #header {
     top: 0;
 }

 body.sticky-menu-active.always-sticky #header nav ul.nav-main {
     margin: -7px 10px 8px 0;
 }

 body.sticky-menu-active.always-sticky #header .social-icons {
     margin-top: -3px;
 }

 body.scrolling .nav-main-collapse.collapsing {
     -webkit-transition: none;
     transition: none;
 }

 @media (min-width: 992px) {

     #header nav.mega-menu .nav,
     #header nav.mega-menu .dropup,
     #header nav.mega-menu .dropdown,
     #header nav.mega-menu .collapse {
         position: static;
     }

     #header nav.mega-menu ul.nav-main .mega-menu-content {
         text-shadow: none;
     }

     #header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title {
         color: #333333;
         display: block;
         font-size: 1em;
         font-weight: 600;
         padding-bottom: 5px;
         text-transform: uppercase;
         margin-top: 20px;
     }

     #header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title:first-child {
         margin-top: 0;
     }

     #header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title .not-included {
         color: #b7b7b7;
         display: block;
         font-size: 0.8em;
         font-style: normal;
         margin: -8px 0 -4px;
         padding: 0;
     }

     #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
         background: #FFF !important;
         border-top: 6px solid #CCC;
         color: #000000;
         box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
     }

     #header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu {
         list-style: none;
         padding: 0;
         margin: 0;
     }

     #header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a {
         color: #000000;
         text-shadow: none;
         margin: 0 0 0 -8px;
         padding: 3px 8px;
         text-transform: none;
         font-size: 0.9em;
         display: block;
         font-weight: normal;
         border-radius: 4px;
         border: 0;
     }

     #header nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover {
         background: #F4F4F4 !important;
         text-decoration: none;
     }

     #header nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu {
         border-radius: 6px;
     }

     #header nav.mega-menu .navbar-inner,
     #header nav.mega-menu .container {
         position: relative;
     }

     #header nav.mega-menu .dropdown-menu {
         left: auto;
     }

     #header nav.mega-menu .dropdown-menu>li {
         display: block;
     }

     #header nav.mega-menu .mega-menu-content {
         padding: 20px 30px;
     }

     #header nav.mega-menu .mega-menu-content:before {
         display: table;
         content: "";
         line-height: 0;
     }

     #header nav.mega-menu .mega-menu-content:after {
         display: table;
         content: "";
         line-height: 0;
         clear: both;
     }

     #header nav.mega-menu.navbar .nav>li>.dropdown-menu:after,
     #header nav.mega-menu.navbar .nav>li>.dropdown-menu:before {
         display: none;
     }

     #header nav.mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
         width: 100%;
         left: 0;
         right: 0;
     }

     #header nav.mega-menu nav.pull-right .dropdown-menu {
         right: 0;
     }

     #header.flat-menu nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu {
         border-radius: 0;
     }
 }

 @media (min-width: 992px) {
     #header.flat-menu>.container {
         height: 91px;
         margin-bottom: -82px;
     }

     #header.flat-menu .header-top {
         margin-top: -8px;
     }

     #header.flat-menu .social-icons {
         margin: 11px 10px 9px 10px;
         margin: 10px 10px 0;
     }

     #header.flat-menu .search {
         margin-top: 8px;
     }

     #header.flat-menu .search form {
         margin: 0;
     }

     #header.flat-menu .search input.search-query {
         padding-bottom: 5px;
         padding-top: 5px;
     }

     #header.flat-menu nav ul.nav-main {
         float: right;
         margin: -9px 0 -8px;
     }

     #header.flat-menu nav ul.nav-main>li>a {
         background: transparent;
         margin-bottom: 0;
         border-top: 5px solid transparent;
     }

     #header.flat-menu nav ul.nav-main li a {
         border-radius: 0;
         margin-left: 1px;
         margin-right: 3px;
         padding-bottom: 20px;
         padding-top: 46px;
     }

     #header.flat-menu nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
         border-radius: 0;
     }

     #header.flat-menu nav ul.nav-main li.dropdown:hover>a {
         padding-bottom: 21px;
     }

     #header.flat-menu nav ul.nav-main ul.dropdown-menu {
         margin: 0 0 0 1px;
         border-radius: 0;
     }

     #header.flat-menu nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
         border-radius: 0;
     }

     body.sticky-menu-active #header.flat-menu ul.nav-main {
         margin-bottom: -10px;
         margin-top: 34px;
     }

     body.sticky-menu-active #header.flat-menu ul.nav-main>li>a,
     body.sticky-menu-active #header.flat-menu ul.nav-main>li:hover>a {
         border-top-color: transparent;
         padding-bottom: 26px;
         padding-top: 26px;
     }

     body.sticky-menu-active #header.flat-menu .logo {
         padding-top: 15px;
     }

     body.sticky-menu-active #header.flat-menu .header-top {
         display: none;
     }

     html.boxed #header.flat-menu {
         padding: 15px 0 7px;
     }

     html.boxed #header.flat-menu.clean-top {
         padding-bottom: 8px;
     }

     html.boxed #header.flat-menu.colored {
         padding: 0 0 7px;
     }

     html.boxed #header.flat-menu.single-menu nav ul.nav-main ul.dropdown-menu {
         margin-top: -1px;
     }

     html.boxed #header.flat-menu .header-top {
         border-radius: 5px 5px 0 0;
     }

     html.boxed body.sticky-menu-active #header.flat-menu.clean-top,
     html.boxed body.sticky-menu-active #header.flat-menu.colored {
         padding: 15px 0 7px;
     }
 }

 @media (min-width: 992px) {
     #header.single-menu {
         min-height: 86px;
     }

     #header.single-menu>.container {
         height: 91px;
         margin-bottom: -77px;
     }

     #header.single-menu .social-icons {
         margin-top: 32px;
     }

     #header.single-menu .search {
         display: none;
     }

     #header.single-menu .search+nav {
         display: none;
     }

     #header.single-menu nav ul.nav-main {
         margin: -28px 0 -9px;
         float: right;
     }

     #header.single-menu nav ul.nav-main li a,
     #header.single-menu nav ul.nav-main li.dropdown:hover>a {
         padding-bottom: 20px;
         padding-top: 62px;
     }

     #header.single-menu nav.mega-menu .mega-menu-signin {
         margin-right: 0;
     }

     #header.single-menu.valign .social-icons {
         margin-top: 15px;
     }

     #header.single-menu.valign nav ul.nav-main>li>a,
     #header.single-menu.valign nav ul.nav-main>li.dropdown:hover>a {
         padding-bottom: 42px;
         padding-top: 47px;
     }

     body.sticky-menu-active #header.single-menu .logo,
     body.sticky-menu-active #header.single-menu.valign .logo {
         padding-top: 14px;
     }

     body.sticky-menu-active #header.single-menu .social-icons,
     body.sticky-menu-active #header.single-menu.valign .social-icons {
         margin-top: 54px;
     }

     body.sticky-menu-active #header.single-menu nav ul.nav-main,
     body.sticky-menu-active #header.single-menu.valign nav ul.nav-main {
         margin-top: 20px;
         margin-bottom: -9px;
     }

     body.sticky-menu-active #header.single-menu nav ul.nav-main>li>a,
     body.sticky-menu-active #header.single-menu nav ul.nav-main>li:hover>a,
     body.sticky-menu-active #header.single-menu.valign nav ul.nav-main>li>a,
     body.sticky-menu-active #header.single-menu.valign nav ul.nav-main>li:hover>a {
         border-top-color: transparent;
         padding-bottom: 21px;
         padding-top: 36px;
     }

     html.boxed #header.single-menu {
         padding: 4px 0 7px;
     }

     html.boxed body.sticky-menu-active #header.single-menu {
         padding: 15px 0 7px;
     }
 }

 @media (min-width: 992px) {
     #header.clean-top .header-top {
         border-bottom: 1px solid #EDEDED;
         background-color: #F4F4F4;
         margin-top: -8px;
     }

     #header.clean-top .social-icons {
         margin: 11px 10px 9px 10px;
     }

     body.sticky-menu-active #header.clean-top ul.nav-main>li>a,
     body.sticky-menu-active #header.clean-top ul.nav-main>li:hover>a {
         padding-bottom: 20px;
         padding-top: 33px;
     }
 }

 @media (min-width: 992px) {
     #header.colored {
         border-top: 0;
     }

     #header.colored>.container {
         height: 107px;
         margin-bottom: -92px;
     }

     #header.colored .header-top p,
     #header.colored .header-top a,
     #header.colored .header-top span {
         color: #FFF;
     }

     #header.colored .search input.search-query {
         border: 0;
         padding-bottom: 5px;
         padding-top: 5px;
         box-shadow: none;
     }

     #header.colored nav ul.nav-main {
         margin: -15px 0 -8px;
     }

     #header.colored nav ul.nav-main li a {
         padding-bottom: 24px;
         padding-top: 50px;
     }

     #header.colored nav ul.nav-main li.dropdown:hover>a {
         padding-bottom: 24px;
     }

     body.sticky-menu-active #header.colored .logo {
         padding-top: 6px;
     }

     body.sticky-menu-active #header.colored ul.nav-main>li>a,
     body.sticky-menu-active #header.colored ul.nav-main>li:hover>a {
         padding-bottom: 24px;
         padding-top: 24px;
     }
 }

 @media (min-width: 992px) {
     #header.darken-top-border>.container {
         height: 103px;
     }

     #header.darken-top-border ul.nav-main {
         margin: -11px 0 -8px;
     }

     body.sticky-menu-active #header.darken-top-border nav ul.nav-main {
         margin-top: 33px;
     }

     body.sticky-menu-active #header.darken-top-border nav ul.nav-main>li>a,
     body.sticky-menu-active #header.darken-top-border nav ul.nav-main>li:hover>a {
         padding-bottom: 22px;
         padding-top: 30px;
     }

     html.boxed #header.darken-top-border {
         border-top: 0;
     }
 }

 @media (min-width: 992px) {
     #header.center .logo {
         text-align: center;
         position: static;
         margin-top: 5px;
     }

     #header.center nav {
         float: left;
         text-align: center;
         width: 100%;
     }

     #header.center nav ul.nav-main {
         margin: 35px 0 10px;
     }

     #header.center nav ul.nav-main>li {
         display: inline-block;
         float: none;
         text-align: left;
     }
 }

 @media (max-width: 991px) {
     #header.center {
         text-align: left;
     }

     #header.center nav {
         float: none;
     }
 }

 @media (min-width: 992px) {
     body.sticky-menu-active #header.center>.container {
         margin-top: -60px;
     }

     body.sticky-menu-active #header.center .logo {
         text-align: left;
     }

     body.sticky-menu-active #header.center .logo img {
         margin-top: 42px;
     }

     body.sticky-menu-active #header.center nav {
         float: right;
         margin-top: 18px;
         width: auto;
     }

     body.sticky-menu-active #header.center nav ul.nav-main>li>a,
     body.sticky-menu-active #header.center nav ul.nav-main>li:hover>a {
         padding-bottom: 10px;
         padding-top: 10px;
     }
 }

 @media (min-width: 992px) {
     #header.narrow {
         height: auto;
         min-height: 85px;
         padding: 0;
         border-bottom: 1px solid #E9E9E9;
         box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
     }

     #header.narrow>.container {
         margin-bottom: -48px;
         height: 75px;
     }

     body.sticky-menu-active #header.narrow {
         top: 0;
     }

     body.sticky-menu-active #header.narrow .logo img {
         top: 0 !important;
     }

     body.sticky-menu-active #header.narrow .social-icons {
         margin-top: -3px;
     }

     body.sticky-menu-active #header.narrow nav ul.nav-main {
         margin: -7px 10px 8px 0;
     }

     #header.narrow.full-width .container,
     #header.narrow.full-width>.container,
     #header.narrow.full-width>.navbar-collapse>.container {
         max-width: 100%;
         width: 100%;
     }

     #header.narrow.full-width.flat-menu .social-icons {
         margin-top: -3px;
     }

     #header.narrow.full-width.flat-menu nav ul.nav-main {
         margin-top: -48px;
     }

     #header.narrow.full-width.flat-menu nav ul.nav-main>li>a {
         padding-bottom: 30px;
     }

     #header.narrow.full-width.flat-menu nav ul.nav-main li.dropdown:hover>a {
         padding-bottom: 31px;
     }

     body.sticky-menu-active #header.narrow.full-width.flat-menu .logo {
         padding-top: 5px;
     }

     body.sticky-menu-active #header.narrow.full-width.flat-menu nav ul.nav-main {
         margin: -28px 0 -1px 0;
     }
 }

 @media (max-width: 991px) {
     body.sticky-menu-active #header.narrow .logo img {
         margin-top: 50px;
     }
 }

 #header.transparent {
     width: 100%;
     position: absolute;
     top: 0;
     border-top: 0;
     background: transparent;
     z-index: 1000;
 }

 #header.transparent.semi-transparent {
     background: rgba(0, 0, 0, 0.1);
 }

 #header.transparent.semi-transparent.light {
     background: rgba(255, 255, 255, 0.9);
 }

 body.sticky-menu-active #header.transparent {
     background: #fff;
 }

 body.sticky-menu-active #header.transparent.semi-transparent {
     background: rgba(0, 0, 0, 0);
     border-bottom: 0;
 }

 body.sticky-menu-active #header.transparent.semi-transparent.light {
     background: rgba(255, 255, 255, 0);
 }

 body.sticky-menu-active #header.transparent.semi-transparent.font-color-light nav.nav-main ul.nav-main>li.active>a,
 body.sticky-menu-active #header.transparent.semi-transparent.font-color-light nav.nav-main ul.nav-main>li>a {
     color: #000;
 }

 @media (min-width: 992px) {

     #header.full-width .container,
     #header.full-width>.container,
     #header.full-width>.navbar-collapse>.container {
         max-width: 100%;
         width: 100%;
     }
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin {
     padding-left: 0;
     margin-left: 0;
     margin-right: -20px;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin a {
     color: #444;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin .dropdown-menu {
     width: 40%;
     right: 8px;
     border-radius: 6px 0 6px 6px;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin .fa-user {
     margin-right: 5px;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin .mega-menu-sub-title {
     margin-bottom: 10px;
     display: block;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin .sign-up-info,
 #header nav.mega-menu ul.nav-main .mega-menu-signin .log-in-info {
     text-align: center;
     display: block;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin.open a.dropdown-toggle {
     margin-bottom: -1px;
     padding-bottom: 11px;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin.signin .signin-form {
     display: block;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin.signin .signup-form,
 #header nav.mega-menu ul.nav-main .mega-menu-signin.signin .recover-form {
     display: none;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin.signup .signin-form {
     display: none;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin.signup .signup-form {
     display: block;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin.signup .recover-form {
     display: none;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin.recover .signin-form,
 #header nav.mega-menu ul.nav-main .mega-menu-signin.recover .signup-form {
     display: none;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin.recover .recover-form {
     display: block;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar .img-thumbnail {
     float: left;
     margin-right: 15px;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar .img-thumbnail img {
     max-width: 55px;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar strong {
     color: #111;
     display: block;
     padding-top: 7px;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar span {
     color: #666;
     display: block;
     font-size: 12px;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar p {
     color: #999;
     margin: 0 0 0 25px;
     text-align: left;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options {
     list-style: square;
     margin-top: 6px;
 }

 #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options a:hover {
     text-decoration: none;
 }

 body #header nav.mega-menu .mega-menu-signin ul.dropdown-menu li a,
 body #header nav.mega-menu .mega-menu-signin ul.dropdown-menu:hover li:hover li:hover a {
     background-color: transparent !important;
     color: #333;
     padding: 0;
     margin: 0;
 }

 @media (max-width: 991px) {
     #header nav.mega-menu ul.nav-main .mega-menu-signin {
         margin-right: 0;
     }

     #header nav.mega-menu ul.nav-main .mega-menu-signin a {
         color: #FFF;
     }

     #header nav.mega-menu ul.nav-main .mega-menu-signin a .fa-angle-down {
         display: none !important;
     }

     #header nav.mega-menu ul.nav-main .mega-menu-signin ul.dropdown-menu {
         display: block !important;
         margin: 25px 0 0 0 !important;
         padding: 0 0 0 8px;
         width: 100%;
         right: 0;
     }

     #header nav.mega-menu ul.nav-main .mega-menu-signin ul.dropdown-menu li a {
         color: #FFF;
         padding: 6px 0 !important;
     }

     #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar strong,
     #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar span {
         color: #FFF !important;
     }

     #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options {
         margin: 25px 0 0 0 !important;
     }

     #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options a {
         color: #FFF !important;
     }

     #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options a:hover {
         color: #FFF !important;
     }
 }

 @media (min-width: 992px) {

     #header.font-color-light nav.nav-main ul.nav-main>li.active>a,
     #header.font-color-light nav.nav-main ul.nav-main>li>a {
         color: #191970;
     }

     #header.font-color-light nav.nav-main ul.nav-main>li.active>a:hover,
     #header.font-color-light nav.nav-main ul.nav-main>li>a:hover {
         color: #ffffff;
     }

     body.sticky-menu-active #header.font-color-light nav.nav-main ul.nav-main>li.active>a,
     body.sticky-menu-active #header.font-color-light nav.nav-main ul.nav-main>li>a {
         color: #000;
     }

     #header.font-color-dark nav.nav-main ul.nav-main>li.active>a,
     #header.font-color-dark nav.nav-main ul.nav-main>li>a {
         color: #444;
     }
 }

 @media (max-width: 991px) {
     #header {
         clear: both;
     }

     #header>.container {
         margin-bottom: 0;
     }

     #header .header-top,
     #header .social-icons,
     #header .search {
         display: none;
     }

     #header .nav-collapse {
         background: #171717;
         width: 100%;
         clear: both;
         width: 100%;
     }

     #header .nav-collapse .container .nav-main {
         float: left;
         width: 100%;
     }

     #header .nav-main-collapse {
         top: 8px;
         position: relative;
         background: #E4D00A;
         max-height: none;
         width: 100%;
         overflow: hidden;
         overflow-y: hidden;
         overflow-x: hidden;
     }

     #header .nav-main-collapse.collapse {
         display: none !important;
     }

     #header .nav-main-collapse.in {
         width: 100%;
         overflow: hidden;
         overflow-y: hidden;
         overflow-x: hidden;
         display: block !important;
     }

     #header .nav-main {
         padding: 10px 0;
         clear: both;
         display: block;
         float: none;
         width: 100%;
     }

     #header .nav-main ul {
         padding: 0;
         margin: 0;
     }

     #header .nav-main ul li {
         padding: 0;
         margin: 0;
         clear: both;
         float: none;
         display: block;
         border-bottom: 1px solid #2A2A2A;
     }

     #header .nav-main ul li:last-child {
         border-bottom: none;
     }

     #header .nav-main ul ul {
         margin-left: 20px !important;
     }

     #header .nav-main ul.nav-main {
         float: none;
         position: static;
         margin: 8px 0;
         margin-right: -10px;
     }

     #header .nav-main ul.dropdown-menu {
         position: static;
         clear: both;
         float: none;
         display: none !important;
     }

     #header .nav-main li.resp-active>ul.dropdown-menu {
         display: block !important;
     }

     #header .nav-main li.dropdown a.dropdown-toggle.extra {
         float: right;
         position: relative;
         width: 30px;
         height: 30px;
         text-align: center;
         line-height: 30px;
         margin: 3px 0 -38px 0;
         z-index: 10;
         display: block;
     }

     #header .nav-main li a.dropdown-toggle.disabled .fa {
         display: none;
     }

     #header nav ul.nav-main>li+li {
         margin-left: 0;
     }

     #header nav ul.nav-main li a {
         color: #FFF;
         clear: both;
         float: none;
         display: block;
         padding: 9px 8px !important;
         border: 0;
         border-top: 0;
         margin: 0;
     }

     #header nav ul.nav-main li a i.fa-angle-down {
         position: absolute;
         right: 5px;
         top: 10px;
     }

     #header nav ul.nav-main li.dropdown:hover>a {
         margin: 0;
         padding: 9px 8px !important;
     }

     #header nav ul.nav-main ul.dropdown-menu {
         -moz-box-shadow: none;
         -webkit-box-shadow: none;
         box-shadow: none;
     }

     #header nav ul.nav-main ul.dropdown-menu li>a {
         padding: 9px 8px;
         border: 0;
         border-top: 0;
         margin: 0;
         border-bottom: none;
     }

     #header nav ul.nav-main ul.sub-menu {
         padding: 0;
         margin: 0 0 10px 0;
     }

     #header nav ul.nav-main .dropdown-submenu>a:after {
         border-left: 5px solid transparent;
         border-right: 5px solid transparent;
         border-top: 5px solid #FFF;
     }

     #header nav ul.nav-main .dropdown-submenu:hover>a:after {
         border-left-color: transparent;
     }

     body #header nav ul.nav-main ul.dropdown-menu {
         background: none !important;
         background-color: transparent !important;
     }

     body #header nav ul.nav-main li.dropdown.open .dropdown-toggle,
     body #header nav ul.nav-main li a,
     body #header nav ul.nav-main li>a:hover,
     body #header nav ul.nav-main li.active a,
     body #header nav ul.nav-main li.dropdown:hover a {
         background: none !important;
         background-color: transparent !important;
     }

     body #header nav ul.nav-main ul.dropdown-menu li:hover>a,
     body #header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li>a:hover {
         background: none !important;
         background-color: transparent !important;
     }

     body.sticky-menu-active #header .nav-main-collapse,
     #header.fixed .nav-main-collapse {
         max-height: 300px;
     }

     body.sticky-menu-active #header .nav-main-collapse.in,
     #header.fixed .nav-main-collapse.in {
         overflow: hidden !important;
         overflow-x: hidden !important;
         overflow-y: auto !important;
     }

     body.sticky-menu-active #header .logo img,
     #header.fixed .logo img {
         margin-top: -12px;
     }

     .btn-responsive-nav {
         background: #171717;
         top: 55px;
         display: block;
         position: absolute;
         right: 5px;
         color: #FFF;
         z-index: 1;
     }

     .btn-responsive-nav:hover,
     .btn-responsive-nav:active,
     .btn-responsive-nav:focus {
         color: #CCC;
         outline: none;
     }

     #header .logo img {
         max-width: 180px;
         max-height: none !important;
         height: auto !important;
     }

     #header .header-top ul.nav-top {
         float: left;
         margin: 7px 0 0 -15px;
         min-height: 5px;
     }
 }

 @media (max-width: 767px) {
     #header {
         display: block;
     }

     #header>.container {
         width: 100%;
     }

     #header .social-icons {
         display: none;
     }

     #header nav ul.nav-top {
         float: right;
         margin-right: 0;
     }

     #header.center nav {
         width: auto;
     }

     .btn-responsive-nav {
         top: 70px;
     }

     body.sticky-menu-active .btn-responsive-nav {
         top: 70px;
     }
 }

 @media (max-width: 479px) {

     #header nav ul.nav-top,
     #header .header-top {
         display: none;
     }
 }

 @media (max-width: 600px) {
     #header nav ul.nav-top li {
         display: none;
     }

     #header nav ul.nav-top li .phone {
         display: block;
     }
 }

 .page-top {
     background-color: #ff8c00;
     border-top: 5px solid #FF8C00;
     margin-bottom: 35px;
     min-height: 50px;
     padding: 0;
     padding: 20px 0;
     position: relative;
     text-align: left;
 }

 .page-top ul.breadcrumb {
     background: none;
     margin: -3px 0 0;
     padding: 0;
 }

 .page-top ul.breadcrumb>li {
     text-shadow: none;
 }

 .page-top p {
     border-bottom: 5px solid #CCC;
     color: #FFF;
     display: inline-block;
     font-weight: 200;
     margin: 0 0 -25px;
     min-height: 37px;
     font-size: 2.6em;
     line-height: 46px;
     padding: 0 0 17px;
     position: relative;
 }

 .page-top.custom-product {
     background-image: url(../../index.html);
     background-repeat: repeat;
     background-color: #999;
     border-top: 5px solid #888;
     overflow: hidden;
 }

 .page-top.custom-product .row {
     position: relative;
 }

 .page-top.custom-product p.lead {
     color: #E8E8E8;
 }

 .page-top.custom-product img {
     bottom: -47px;
     position: relative;
 }

 .page-top.custom-product p {
     color: #FFF;
     margin-bottom: 10px;
     margin-top: 30px;
     border: 0;
 }

 @media (max-width: 479px) {
     .page-top {
         padding: 16px 0;
     }

     .page-top p {
         line-height: 37px;
     }
 }

 .parallax {
     background-position: 50% 50%;
     background-repeat: no-repeat;
     margin: 70px 0;
     padding: 50px 0;
     position: relative;
     clear: both;
 }

 .parallax.parallax-ready {
     background-attachment: fixed;
 }

 .parallax.parallax-disabled {
     background-attachment: scroll !important;
     background-position: 50% 50% !important;
 }

 .parallax blockquote {
     border: 0;
     padding: 0 10%;
 }

 .parallax blockquote i.fa-quote-left {
     font-size: 34px;
     position: relative;
     left: -5px;
 }

 .parallax blockquote p {
     font-size: 24px;
     line-height: 30px;
 }

 .parallax blockquote span {
     font-size: 16px;
     line-height: 20px;
     color: #999;
     position: relative;
     left: -5px;
 }

 @media (max-width: 991px) {
     .parallax {
         background-attachment: scroll !important;
         background-position: 50% 50% !important;
     }
 }

 section.featured {
     background: #F0F0ED;
     border-top: 5px solid #ECECE8;
     margin: 35px 0;
     padding: 50px 0;
 }

 section.featured.footer {
     margin: 30px 0 -70px;
 }

 section.featured.map {
     background-position: center 0;
     background-repeat: no-repeat;
     margin-top: 0;
     border-top: 0;
 }

 section.highlight {
     background: #CCC;
     border-left: 0;
     border-right: 0;
     border: 3px solid #CCC;
     margin: 35px 0 45px;
     padding: 40px 0;
     color: #FFF;
 }

 section.highlight>p,
 section.highlight>a {
     color: #FFF;
 }

 section.highlight h1,
 section.highlight h2,
 section.highlight h3,
 section.highlight h4,
 section.highlight h5 {
     color: #FFF;
 }

 section.highlight .img-thumbnail {
     background-color: #FFF !important;
     border-color: #FFF !important;
 }

 section.highlight.footer {
     margin: 45px 0 0px;
 }

 section.highlight.top {
     margin-top: 0;
 }

 section.call-to-action {
     position: relative;
     clear: both;
 }

 section.call-to-action:before {
     content: "";
     display: block;
     position: absolute;
     border-left: 15px solid transparent;
     border-right: 15px solid transparent;
     border-top: 15px solid #FFF;
     height: 15px;
     width: 15px;
     top: -5px;
     left: 50%;
     margin-left: -7px;
 }

 section.call-to-action h3 {
     text-transform: none;
     color: #121212;
 }

 section.call-to-action h3 .btn {
     margin-left: 10px;
 }

 section.call-to-action.no-arrow:before {
     display: none;
 }

 aside ul.nav-list>li>a {
     color: #666;
     font-size: 0.9em;
 }

 .slider-container {
     background-color: #fffdfd;
     overflow: hidden;
     padding: 0;
     position: relative;
     z-index: 1;
 }

 .slider-container ul {
     list-style: none;
 }

 .slider-container .tp-bannershadow {
     filter: alpha(opacity=20);
     opacity: 0.20;
 }

 .slider-container .top-label {
     color: #FFF;
     font-size: 24px;
     font-weight: 300;
 }

 .slider-container .main-label {
     color: #FFF;
     font-size: 62px;
     line-height: 62px;
     font-weight: 800;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
 }

 .slider-container .featured-label {
     color: #FFF;
     font-size: 52px;
     line-height: 52px;
     font-weight: 800;
     text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
 }

 .slider-container .bottom-label {
     color: #FFF;
     font-size: 20px;
     font-weight: 300;
 }

 .slider-container .blackboard-text {
     color: #BAB9BE;
     font-size: 46px;
     line-height: 46px;
     font-family: "Shadows Into Light", cursive;
     text-transform: uppercase;
 }

 .slider-container .tp-caption {
     opacity: 0;
 }

 .slider-container .tp-caption a {
     color: #FFF;
 }

 .slider-container .tp-caption a:hover {
     color: #FFF;
 }

 .slider-container .tp-caption.fullscreenvideo {
     height: 100%;
     position: absolute;
     top: 0;
     width: 100%;
     left: 0 !important;
 }

 .slider-container .tp-caption.fullscreenvideo video {
     height: 100%;
     width: 100%;
     padding: 0;
     position: relative;
 }

 .slider-container.light {
     background-color: #EAEAEA;
 }

 .slider-container.light .tp-bannershadow {
     filter: alpha(opacity=5);
     opacity: 0.05;
     top: 0;
     bottom: auto;
     z-index: 1000;
 }

 .slider-container.light .top-label,
 .slider-container.light .main-label,
 .slider-container.light .bottom-label {
     color: #333;
 }

 .slider-container.light .tp-caption a {
     color: #333;
 }

 .slider-container.light .tp-caption a:hover {
     color: #333;
 }

 @media (max-width: 991px) {
     .slider-container {
         min-height: 0;
     }
 }

 .slider {
     height: 495px;
     max-height: 495px;
     position: relative;
 }

 .slider>ul>li>img {
     visibility: hidden;
 }

 .slider>ul>li>.center-caption {
     left: 0 !important;
     margin-left: 0 !important;
     text-align: center;
     width: 100%;
 }

 .slider .tp-bannertimer {
     display: none;
 }

 .slider .main-button {
     font-size: 22px;
     font-weight: 600;
     line-height: 20px;
     padding-bottom: 20px;
     padding-top: 20px;
     padding-left: 25px;
     padding-right: 25px;
 }

 .slider-container-fullscreen {
     height: 2000px;
 }

 .slider-container-fullscreen .slider {
     max-height: none;
 }

 .nivo-slider {
     position: relative;
 }

 .nivo-slider .theme-default .nivoSlider {
     border-radius: 10px 10px 0px 0px;
     box-shadow: none;
     margin-top: 10px;
 }

 .nivo-slider .theme-default .nivoSlider img {
     border-radius: 10px 10px 0px 0px;
 }

 .nivo-slider .theme-default .nivo-controlNav {
     margin-top: -72px;
     position: absolute;
     z-index: 100;
     right: 5px;
     bottom: -17px;
 }

 .nivo-slider .theme-default .nivo-caption {
     padding-left: 20px;
 }

 .map-section {
     background: transparent url(../../index.html) center 0 no-repeat;
     padding-top: 220px;
     margin-top: 40px;
 }

 .home-intro {
     background-color: #ffcc2a;
     margin-bottom: 0px;
     overflow: hidden;
     padding: 20px 0 10px 0;
     position: relative;
     text-align: left;
 }

 .home-intro p {
     color: #FFF;
     display: inline-block;
     font-size: 1.4em;
     font-weight: 300;
     max-width: 800px;
     padding-top: 5px;
 }

 .home-intro p span {
     color: #999;
     display: block;
     font-size: 0.8em;
     padding-top: 5px;
 }

 .home-intro p em {
     font-family: "Shadows Into Light", cursive;
     font-size: 1.6em;
 }

 .home-intro .get-started {
     margin-top: 15px;
     margin-bottom: 15px;
     position: relative;
     text-align: right;
 }

 .home-intro .get-started .btn {
     position: relative;
     z-index: 1;
 }

 .home-intro .get-started .btn i {
     font-size: 1.1em;
     font-weight: normal;
     margin-left: 5px;
 }

 .home-intro .get-started a {
     color: #FFF;
 }

 .home-intro .get-started a:not(.btn) {
     color: #777777;
 }

 .home-intro .learn-more {
     margin-left: 15px;
 }

 .home-intro.light {
     background-color: #E2E2E2;
 }

 .home-intro.light.secundary {
     background-color: #E0E1E4;
 }

 .home-intro.light p {
     color: #777777;
 }

 .home-intro-compact {
     border-radius: 0 0 10px 10px;
     margin-top: -10px;
 }

 .home-intro-compact p {
     padding-left: 20px;
 }

 .home-intro-compact .get-started {
     padding-right: 20px;
 }

 @media (max-width: 767px) {
     .home-intro-compact {
         margin-left: 0;
         margin-right: 0;
         padding-left: 0;
         padding-right: 0;
     }
 }

 .home-concept {
     background: transparent url(../img/home-concept.png) no-repeat center 0;
     width: 100%;
     overflow: hidden;
 }

 .home-concept strong {
     display: block;
     font-family: "Shadows Into Light", cursive;
     font-size: 2.1em;
     font-weight: normal;
     position: relative;
     margin-top: 30px;
 }

 .home-concept .row {
     position: relative;
 }

 .home-concept .process-image {
     background: transparent url(../img/home-concept-item.png) no-repeat 0 0;
     width: 160px;
     height: 175px;
     margin: 135px auto 0 auto;
     padding-bottom: 50px;
     position: relative;
     z-index: 1;
 }

 .home-concept .process-image img {
     border-radius: 150px;
     margin: 7px 8px;
 }

 .home-concept .our-work {
     margin-top: 52px;
     font-size: 2.6em;
 }

 .home-concept .project-image {
     background: transparent url(../img/home-concept-item.png) no-repeat 100% 0;
     width: 350px;
     height: 420px;
     margin: 15px 0 0 -30px;
     padding-bottom: 45px;
     position: relative;
     z-index: 1;
 }

 .home-concept .sun {
     background: transparent url(../img/home-concept-icons.png) no-repeat 0 0;
     width: 60px;
     height: 56px;
     display: block;
     position: absolute;
     left: 10%;
     top: 35px;
 }

 .home-concept .cloud {
     background: transparent url(../img/home-concept-icons.png) no-repeat 100% 0;
     width: 116px;
     height: 56px;
     display: block;
     position: absolute;
     left: 57%;
     top: 35px;
 }

 @media (max-width: 991px) {
     .home-concept {
         background: none;
     }

     .home-concept .project-image {
         margin: 60px auto 0 auto;
     }

     .home-concept .process-image {
         margin-top: 60px;
     }
 }

 @media (max-width: 479px) {
     .home-concept .project-image {
         background-position: 0 0;
         margin-left: auto;
         max-width: 160px;
         max-height: 220px;
     }

     .home-concept .fc-slideshow {
         max-height: 145px;
         max-width: 145px;
     }

     .home-concept .fc-slideshow img {
         max-height: 145px;
         max-width: 145px;
     }
 }

 .page-not-found {
     margin: 50px 0;
 }

 .page-not-found h2 {
     font-size: 140px;
     font-weight: 600;
     letter-spacing: -10px;
     line-height: 140px;
 }

 .page-not-found h4 {
     color: #777777;
 }

 .page-not-found p {
     font-size: 1.4em;
     line-height: 36px;
 }

 @media (max-width: 479px) {
     .page-not-found {
         margin: 0;
     }

     .page-not-found h2 {
         font-size: 100px;
         letter-spacing: 0;
         line-height: 100px;
     }
 }

 #footer {
     background: #ffcc2a;
     border-top: 4px solid #DAA520;
     font-size: 0.9em;
     margin-top: 50px;
     padding: 70px 0 0;
     position: relative;
     clear: both;
 }

 #footer a:hover {
     color: #CCC;
 }

 #footer form {
     filter: alpha(opacity=85);
     opacity: 0.85;
 }

 #footer h1,
 #footer h2,
 #footer h3,
 #footer h4,
 #footer a {
     color: #191970 !important;
 }



 #footer h4 {
     font-size: 1.8em;
     font-weight: 200;
 }

 #footer h5 {
     color: #CCC !important;
 }

 #footer ul.nav-list.primary>li a {
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     line-height: 20px;
     padding-bottom: 11px;
 }

 #footer ul.nav-list.primary>li:last-child a {
     border-bottom: 0;
 }

 #footer ul.nav-list.primary>li a:hover {
     background-color: rgba(255, 255, 255, 0.05);
 }

 #footer ul.list.icons li {
     margin-bottom: 5px;
 }

 #footer .container .row>div {
     margin-bottom: 25px;
 }

 #footer .container input:focus {
     box-shadow: none;
 }

 #footer .footer-ribbon {
     background: #999;
     position: absolute;
     margin: -90px 0 0 14px;
     padding: 10px 20px 6px 20px;
 }

 #footer .footer-ribbon:before {
     border-right: 10px solid #646464;
     border-top: 16px solid transparent;
     content: "";
     display: block;
     height: 0;
     left: -10px;
     position: absolute;
     top: 0;
     width: 7px;
 }

 #footer .footer-ribbon span {
     color: #FFF;
     font-size: 1.6em;
     font-family: "Shadows Into Light", cursive;
 }

 #footer .newsletter form {
     width: 100%;
     max-width: 262px;
 }

 #footer .newsletter form input.form-control {
     height: 34px;
     padding: 6px 12px;
 }

 #footer .alert a {
     color: #222 !important;
 }

 #footer .alert a:hover {
     color: #666 !important;
 }

 #footer .twitter .fa {
     clear: both;
     font-size: 1.5em;
     position: relative;
     top: 3px;
 }

 #footer .twitter .meta {
     color: #999;
     display: block;
     font-size: 0.9em;
     padding-top: 3px;
 }

 #footer .twitter ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 #footer .twitter ul li {
     padding-bottom: 20px;
 }

 #footer .twitter ul li:last-child {
     padding-bottom: 0;
 }

 #footer .twitter-account {
     color: #FFF;
     display: block;
     font-size: 0.9em;
     margin: -15px 0 5px;
     filter: alpha(opacity=55);
     opacity: 0.55;
 }

 #footer .twitter-account:hover {
     filter: alpha(opacity=100);
     opacity: 1;
 }

 #footer .contact {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 #footer .contact i {
     display: block;
     float: left;
     font-size: 1.2em;
     margin: 7px 8px 10px 0;
     position: relative;
     text-align: center;
     top: -2px;
     width: 16px;
 }

 #footer .contact i.fa-envelope {
     font-size: 1em;
     top: 0;
 }

 #footer .contact p {
     margin-bottom: 10px;
 }

 #footer .logo {
     display: block;
 }

 #footer .logo.push-bottom {
     margin-bottom: 12px;
 }

 #footer .footer-copyright {
     background: #191970 !important;
     border-top: 4px solid #e0e2e4 !important;
     margin-top: 40px;
     padding: 30px 0 10px;
 }

 #footer .footer-copyright nav {
     float: right;
 }

 #footer .footer-copyright nav ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 #footer .footer-copyright nav ul li {
     border-left: 1px solid #505050;
     display: inline-block;
     line-height: 12px;
     margin: 0;
     padding: 0 8px;
 }

 #footer .footer-copyright nav ul li:first-child {
     border: medium none;
     padding-left: 0;
 }

 #footer .footer-copyright p {
     color: #555;
     margin: 0;
     padding: 0;
 }

 #footer .phone {
     color: #FFF;
     font-size: 26px;
     font-weight: bold;
     display: block;
     padding-bottom: 15px;
     margin-top: -5px;
 }

 #footer .narrow-phone {
     text-align: right;
     margin: -2px 0 0 0;
 }

 #footer .narrow-phone .phone {
     font-size: 16px;
     padding-bottom: 0;
     margin-top: -13px;
 }

 #footer .recent-work li {
     float: left;
     width: 30%;
     margin: 10px 3% 0 0;
 }

 #footer .recent-work li .thumb-info {
     float: left;
     display: inline-block;
 }

 #footer .recent-work li:hover img {
     -webkit-transform: none;
     -moz-transform: none;
     -ms-transform: none;
     -o-transform: none;
     transform: none;
 }

 #footer .recent-work img {
     width: 100%;
     filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
     filter: gray;
     -webkit-filter: grayscale(100%);
 }

 #footer .view-more-recent-work {
     padding: 12px;
 }

 #footer.short {
     padding-top: 50px;
 }

 #footer.short .footer-copyright {
     background: transparent;
     border: 0;
     padding-top: 0;
     margin-top: 0;
 }

 #footer.light {
     padding-top: 60px;
     background: #FFF;
     border-top: 1px solid #DDD;
 }

 #footer.light .footer-ribbon {
     margin-top: -76px;
     margin-left: 14px;
 }

 #footer.light .footer-copyright {
     margin-top: 15px;
     background: #FFF;
     border-top: 1px solid #DDD;
 }

 #footer.light .footer-copyright p {
     color: #777;
 }

 #footer.light .phone,
 #footer.light .twitter-account {
     color: #777 !important;
 }

 #footer.light ul.nav-pills>li.active>a {
     color: #FFF !important;
 }

 #footer.narrow {
     padding-top: 30px;
 }

 #footer.narrow .footer-copyright {
     margin-top: 0;
 }

 #footer.narrow .nav>li>a {
     padding: 5px 12px;
 }

 #footer.color {
     color: #FFF;
 }

 #footer.color p {
     color: #FFF;
 }

 #footer.color .footer-copyright nav ul li {
     border-left-color: #000;
 }

 @media (max-width: 991px) {
     #footer .phone {
         font-size: 20px;
     }
 }

 @media (max-width: 767px) {
     #footer .phone {
         font-size: 20px;
     }
 }

 html.dark body {
     background-color: #1d2127;
 }

 html.dark.boxed .body {
     background-color: #1d2127;
 }

 html.dark #header {
     background: #1d2127;
     border-top-color: #191c21;
     border-radius: 6px 6px 0 0;
 }

 html.dark #header nav ul.nav-top li a:hover {
     background-color: #282d36;
 }

 html.dark #header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title {
     color: #FFF;
 }

 html.dark #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
     background-color: #282d36 !important;
 }

 html.dark #header nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover {
     background-color: #0c0d10 !important;
 }

 html.dark #header nav.mega-menu ul.nav-main li.mega-menu-item .form-control {
     background-color: #2e353e !important;
     border-color: #2e353e !important;
     color: #FFF !important;
 }

 html.dark #header nav.mega-menu ul.nav-main .mega-menu-signin a,
 html.dark #header nav.mega-menu ul.nav-main .mega-menu-signin a:hover,
 html.dark #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar strong {
     color: #FFF;
 }

 html.dark #header nav.mega-menu .mega-menu-signin ul.dropdown-menu:hover li:hover li:hover a {
     color: #d9d9d9;
 }

 html.dark #header .search input.search:focus {
     border-color: #282d36;
 }

 html.dark #header.clean-top .header-top {
     background: #21262d;
     border-bottom-color: #282d36;
 }

 html.dark #header.narrow {
     border-bottom-color: #21262d;
 }

 html.dark #header nav.mega-menu .mega-menu-shop .actions-continue {
     border-top-color: #21262d;
 }

 html.dark #header nav.mega-menu .mega-menu-shop .dropdown-menu li table tr td a {
     color: #FFF;
 }

 html.dark #header nav.mega-menu .mega-menu-shop a {
     color: #FFF;
 }

 html.dark body.sticky-menu-active #header {
     border-bottom-color: #282d36;
 }

 html.dark h1,
 html.dark h2,
 html.dark h3,
 html.dark h4,
 html.dark h5,
 html.dark h6 {
     color: #FFF;
 }

 html.dark .alert h1,
 html.dark .alert h2,
 html.dark .alert h3,
 html.dark .alert h4,
 html.dark .alert h5,
 html.dark .alert h6 {
     color: #111;
 }

 html.dark blockquote {
     border-color: #282d36;
 }

 html.dark section.featured {
     background-color: #191c21;
     border-top-color: #2e353e;
 }

 html.dark section.featured.map {
     background-image: url(../../index.html);
 }

 html.dark section.call-to-action:before {
     border-top-color: #2e353e;
 }

 html.dark section.timeline:after {
     background: #505050;
     background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8));
     background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
     background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
     background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
     background: linear, to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%;
 }

 html.dark section.timeline .timeline-date {
     background-color: #282d36;
     border-color: #282d36;
     text-shadow: none;
 }

 html.dark section.timeline .timeline-title {
     background: #282d36;
 }

 html.dark section.timeline .timeline-box {
     border-color: #282d36;
     background: #282d36;
 }

 html.dark section.timeline .timeline-box.left:before {
     box-shadow: 0 0 0 3px #282d36, 0 0 0 6px #282d36;
 }

 html.dark section.timeline .timeline-box.left:after {
     background: #282d36;
     border-right-color: #282d36;
     border-top-color: #282d36;
 }

 html.dark section.timeline .timeline-box.right:before {
     box-shadow: 0 0 0 3px #282d36, 0 0 0 6px #282d36;
 }

 html.dark section.timeline .timeline-box.right:after {
     background: #282d36;
     border-left-color: #282d36;
     border-bottom-color: #282d36;
 }

 html.dark .form-control {
     background-color: #282d36;
     border-color: #282d36;
 }

 html.dark .btn-default {
     background-color: #282d36;
     border-color: #282d36;
     color: #FFF;
 }

 html.dark .btn.disabled,
 html.dark .btn[disabled] {
     border-color: #282d36 !important;
 }

 html.dark .pagination>li>a,
 html.dark .pagination>li>span {
     background-color: #282d36;
     border-color: #242830;
 }

 html.dark .theme-default .nivoSlider {
     background-color: #1d2127;
 }

 html.dark .map-section {
     background-image: url(../../index.html);
 }

 html.dark .home-concept {
     background-image: url(../img/home-concept-dark.png);
 }

 html.dark .home-concept .process-image {
     background-image: url(../../index.html);
 }

 html.dark .home-concept .project-image {
     background-image: url(../../index.html);
 }

 html.dark .home-concept .sun {
     background-image: url(../img/home-concept-icons-dark.png);
 }

 html.dark .home-concept .cloud {
     background-image: url(../img/home-concept-icons-dark.png);
 }

 html.dark .page-top {
     border-bottom-color: #191c21;
 }

 html.dark .panel-group .panel {
     background-color: #282d36;
 }

 html.dark .panel-group .panel-default {
     border-color: #282d36;
 }

 html.dark .panel-group .panel-heading {
     background-color: #2e353e;
 }

 html.dark .panel-group .form-control {
     background-color: #21262d;
     border-color: #21262d;
 }

 html.dark .toggle>label {
     background-color: #2e353e;
 }

 html.dark .featured-box {
     background: #2e353e;
     border-left-color: #2e353e;
     border-right-color: #2e353e;
     border-bottom-color: #2e353e;
 }

 html.dark .featured-box.secundary h4 {
     color: #FFF;
 }

 html.dark .feature-box.secundary h4 {
     color: #FFF;
 }

 html.dark .progress {
     background: #2e353e;
 }

 html.dark .arrow {
     background-image: url(../../index.html);
 }

 html.dark .thumbnail,
 html.dark .img-thumbnail {
     background-color: #282d36;
     border-color: #282d36;
 }

 html.dark .thumb-info-social-icons {
     border-top-color: #373f4a;
 }

 html.dark ul.nav-list.primary>li a {
     border-bottom-color: #282d36;
 }

 html.dark ul.nav-list.primary>li a:hover {
     background-color: #282d36;
 }

 html.dark .tabs .nav-tabs li a,
 html.dark .tabs .nav-tabs li a:hover {
     border-top-color: #282d36;
     border-left-color: #282d36;
     border-right-color: #282d36;
     background: #282d36;
 }

 html.dark .tabs .nav-tabs.nav-justified li a,
 html.dark .tabs .nav-tabs.nav-justified li a:hover {
     border-bottom-color: #282d36;
 }

 html.dark .tabs.tabs-left .nav-tabs>li a,
 html.dark .tabs.tabs-right .nav-tabs>li a {
     background: #282d36;
     border-left-color: #282d36;
     border-right-color: #282d36;
 }

 html.dark .tabs.tabs-left .nav-tabs>li:last-child a,
 html.dark .tabs.tabs-right .nav-tabs>li:last-child a {
     border-bottom-color: #282d36;
 }

 html.dark .tabs .nav-tabs {
     border-color: #282d36;
 }

 html.dark .tabs .nav-tabs li.active a,
 html.dark .tabs .nav-tabs li.active a:hover,
 html.dark .tabs .nav-tabs li.active a:focus {
     background: #2e353e;
     border-left-color: #2e353e;
     border-right-color: #2e353e;
 }

 html.dark .tabs .nav-tabs.nav-justified li.active a {
     border-bottom-color: #2e353e;
 }

 html.dark .tabs.tabs-vertical {
     border-top-color: #2e353e;
 }

 html.dark .tabs.tabs-bottom .nav-tabs li a,
 html.dark .tabs.tabs-bottom .nav-tabs li a:hover {
     border-bottom-color: #282d36;
 }

 html.dark .tabs .tab-content {
     background: #2e353e;
     border-color: #2e353e;
 }

 html.dark .testimonial-author strong {
     color: #FFF;
 }

 html.dark .page-header {
     border-bottom-color: #282d36;
 }

 html.dark .table>thead>tr>th,
 html.dark .table>tbody>tr>th,
 html.dark .table>tfoot>tr>th,
 html.dark .table>thead>tr>td,
 html.dark .table>tbody>tr>td,
 html.dark .table>tfoot>tr>td,
 html.dark .table-bordered {
     border-color: #282d36;
 }

 html.dark .table-striped>tbody>tr:nth-child(2n+1)>td,
 html.dark .table-striped>tbody>tr:nth-child(2n+1)>th {
     background-color: #2e353e;
 }

 html.dark pre {
     background-color: #282d36;
     border-color: #282d36;
     color: #777777;
 }

 html.dark .show-grid [class*="col-md-"] .show-grid-block {
     background-color: #282d36;
     border-color: #282d36;
 }

 html.dark hr {
     background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent);
     background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);
 }

 html.dark hr.light {
     background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
     background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);
 }

 html.dark ul.history li .thumb {
     background-image: url(../img/history-thumb-dark.png);
 }

 html.dark .blog-posts article {
     border-color: #282d36;
 }

 html.dark section.featured .recent-posts .date .day,
 html.dark article.post .post-date .day {
     background-color: #282d36;
 }

 html.dark article .post-video,
 html.dark article .post-video iframe,
 html.dark article .post-audio,
 html.dark article .post-audio iframe {
     background-color: #282d36;
     border-color: #282d36;
 }

 html.dark ul.simple-post-list li {
     border-bottom-color: #21262d;
 }

 html.dark .post-block {
     border-top-color: #191c21;
 }

 html.dark ul.comments .comment-block {
     background-color: #282d36;
 }

 html.dark ul.comments .comment-arrow {
     border-right-color: #282d36;
 }

 html.dark .pricing-table li {
     border-top-color: #21262d;
 }

 html.dark .pricing-table h3 {
     background-color: #21262d;
     text-shadow: none;
 }

 html.dark .pricing-table h3 span {
     background: #282d36;
     border-color: #242830;
     box-shadow: 0 5px 20px #242830 inset, 0 3px 0 #282d36 inset;
     color: #777777;
 }

 html.dark .pricing-table .most-popular {
     border-color: #282d36;
 }

 html.dark .pricing-table .most-popular h3 {
     background-color: #282d36;
     color: #FFF;
     text-shadow: none;
 }

 html.dark .pricing-table .plan-ribbon {
     background-color: #282d36;
 }

 html.dark .pricing-table .plan {
     background: #282d36;
     border: 1px solid #282d36;
     color: #777777;
     text-shadow: none;
 }

 html.dark .product-thumb-info {
     background-color: #282d36;
     border-color: transparent;
 }

 html.dark .shop .quantity .qty {
     background-color: #282d36;
     border-color: transparent;
 }

 html.dark .shop .quantity .minus,
 html.dark .shop .quantity .plus {
     background-color: #21262d;
     border-color: transparent;
 }

 html.dark .shop table.cart td,
 html.dark .shop .cart-totals th,
 html.dark .shop .cart-totals td {
     border-color: #282d36;
 }

 html.dark .modal-content {
     background-color: #1d2127;
 }

 html.dark .modal-header {
     border-bottom-color: #282d36;
 }

 html.dark .modal-header h1,
 html.dark .modal-header h2,
 html.dark .modal-header h3,
 html.dark .modal-header h4,
 html.dark .modal-header h5,
 html.dark .modal-header h6 {
     color: #777777;
 }

 html.dark .modal-header .close {
     text-shadow: none;
     color: #FFF;
 }

 html.dark .modal-footer {
     border-top-color: #282d36;
 }

 html.dark #footer .newsletter form .btn-default {
     background-color: #21262d;
     border-color: #21262d;
     color: #777777;
 }

 @media (max-width: 991px) {
     html.dark #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
         background: transparent !important;
     }
 }

 html.boxed body {
     background-color: transparent;
     background-position: 0 0;
     background-repeat: repeat;
 }

 html.boxed .body {
     background-color: #FFF;
     border-bottom: 5px solid #0e0e0e;
     border-radius: 5px;
     border-top: 5px solid #CCC;
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
     margin: 25px auto;
     max-width: 1200px;
     height: auto;
 }

 html.boxed #header {
     padding: 15px 0;
 }

 html.boxed body.sticky-menu-active #header {
     left: 0;
     top: -65px;
 }

 @media (max-width: 991px) {
     html.boxed .body {
         margin: 0 auto;
         -webkit-border-radius: 0;
         -moz-border-radius: 0;
         border-radius: 0;
     }
 }

 @media (max-width: 767px) {
     html.boxed {
         background: none !important;
     }
 }