#header .tip, .page-top ul.breadcrumb>li {
    text-shadow: none
}
#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options a:hover, .myButton a, .myButton a:hover {
    text-decoration: none
}
html {
    direction: ltr
}
body {
    background-color: #fff;
    color: #777;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin: 0
}

@media (max-width:479px) {
body {
    font-size: 13px
}
}
#header {
    background: #08c;
    background: -webkit-linear-gradient(#08c, 0077b3);
    background: linear-gradient(#08c, 0077b3);
    clear: both;
    min-height: 100px
}
#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: .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: -3px;
    margin-left: 5px;
    position: relative
}
#header .search, .topBtns{
    float: right;
    margin: 5px 0 0 10px;
    position: relative;
	width:33%;
}
#header .topBtns {
    width: 34%;
}
.topBtns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.myButton a {
    background-color: #fec811;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e1b10e;
    display: inline-block;
    cursor: pointer;
    color: #333!important;
    font-family: Arial;
	    font-size: 13px;
    padding: 5px 8px;
	float: left;
margin-left: 8px;
}
.myButton a:hover {
    background-color: #d4d4d4;
    border: 1px solid #bcbcbc;
}
.myButton a:active {
    position: relative;
    top: 1px;
}
.myButton2 {
    width: auto;
    padding-left: 1%;
}
.myButton2 a {
    background-color: #fec811;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e1b10e;
    display: inline-block;
    cursor: pointer;
    color: #333!important;
    font-family: Arial;
    font-size: 12px;
    padding: 5px 8px;
}
.myButton2 a:hover {
    background-color: #d4d4d4;
    border: 1px solid #bcbcbc;
}
.myButton2 a:active {
    position: relative;
    top: 1px;
}
.myButton3 a {
    background-color: #fec811;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e1b10e;
    display: inline-block;
    cursor: pointer;
    color: #333!important;
    font-family: Arial;
    font-size: 13px;
    padding: 5px 8px;
	float: right;
}
.myButton3 a:hover {
    background-color: #d4d4d4;
    border: 1px solid #bcbcbc;
}
.myButton3 a:active {
    position: relative;
    top: 1px
}
.col-centered {
    float: none;
    margin: 0 auto
}
#header .search+.social-icons {
    clear: none;
    margin-left: 10px;
    margin-right: 0;
    margin-top: 13px
}
#header .search input.search:first-child {
    -webkit-transition: width .2s ease-in .2s;
    -moz-transition: width .2s ease-in .2s;
    transition: width .2s ease-in .2s;
    border-radius: 20px;
    width: 170px;
    font-size: .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: 0 0;
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    z-index: 3
}
.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #fec811;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}
.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #feb811;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}
.hvr-shutter-out-horizontal:active, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:hover {
    color: #fff
}
.hvr-shutter-out-horizontal:active:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}
#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;
    margin-left: 3px;
    margin-right: 3px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 13px;
    color: #fff
}
#header nav ul.nav-main li ul a, #header nav ul.nav-main ul.dropdown-menu>li>a {
    font-weight: 400;
    font-size: .9em;
    text-transform: none
}
#header nav ul.nav-main li a:hover {
    background-color: #F4F4F4
}
#header nav ul.nav-main li.dropdown.open a.dropdown-toggle {
    border-radius: 5px 5px 0 0;
    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 0 0
}
#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;
    box-shadow: 0 2px 3px rgba(0,0,0,.08);
    margin: 1px 0 0 3px;
    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;
    position: relative;
    padding: 8px 10px 8px 5px;
    border-bottom: 1px solid rgba(255,255,255,.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 transparent transparent #000;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    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: #000
}
#header nav ul.nav-top {
    margin: 10px 0 -10px;
    min-height: 62px
}
#header nav ul.nav-top li span {
    display: block;
    line-height: 14px;
    margin-bottom: 2px;
    margin-right: 0;
    margin-top: 5px
}
#header nav ul.nav-top li a, #header nav ul.nav-top li span {
    color: #999;
    font-size: .9em;
    padding: 6px 10px
}
#header nav ul.nav-top li i {
    margin-right: 6px;
    position: relative;
    top: 1px
}
#header .nav-main-collapse, #header .nav-main-collapse.in {
    overflow-y: visible
}
#header .tip {
    display: inline-block;
    padding: 0 5px;
    background: #FFF;
    color: #111;
    border-radius: 3px;
    margin-left: 8px;
    position: relative;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700
}
#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 .2s ease-in .2s;
    -moz-transition: all .2s ease-in .2s;
    transition: all .2s ease-in .2s;
    margin: 0 0 0 -100px;
    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,.1);
    filter: none
}
body.sticky-menu-active #header .social-icons {
    margin-top: -1px
}
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 .collapse, #header nav.mega-menu .dropdown, #header nav.mega-menu .dropup, #header nav.mega-menu .nav {
    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: #333;
    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: .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: #777;
    box-shadow: 0 20px 45px rgba(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: #777;
    text-shadow: none;
    margin: 0 0 0 -8px;
    padding: 3px 8px;
    text-transform: none;
    font-size: .9em;
    display: block;
    font-weight: 400;
    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 .container, #header nav.mega-menu .navbar-inner {
    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:after, #header nav.mega-menu .mega-menu-content:before {
    display: table;
    content: "";
    line-height: 0
}
#header nav.mega-menu .mega-menu-content {
    padding: 20px 30px
}
#header nav.mega-menu .mega-menu-content:after {
    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
}
#header.flat-menu>.container {
    height: 91px;
    margin-bottom: -82px
}
#header.flat-menu .header-top {
    margin-top: -8px
}
#header.flat-menu .social-icons {
    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: 0 0;
    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:hover>a, body.sticky-menu-active #header.flat-menu ul.nav-main>li>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
}
#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, #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.dropdown:hover>a, #header.single-menu.valign nav ul.nav-main>li>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:hover>a, body.sticky-menu-active #header.single-menu nav ul.nav-main>li>a, body.sticky-menu-active #header.single-menu.valign nav ul.nav-main>li:hover>a, body.sticky-menu-active #header.single-menu.valign nav ul.nav-main>li>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
}
#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
}
body.sticky-menu-active #header.clean-top ul.nav-main>li:hover>a, body.sticky-menu-active #header.clean-top ul.nav-main>li>a {
    padding-bottom: 20px;
    padding-top: 33px
}
#header.colored {
    border-top: 0
}
#header.colored>.container {
    height: 100px;
    margin-bottom: -72px
}
#header.colored .header-top a, #header.colored .header-top p, #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: 4px;
    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:hover>a, body.sticky-menu-active #header.colored ul.nav-main>li>a {
    padding-bottom: 24px;
    padding-top: 24px
}
#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:hover>a, body.sticky-menu-active #header.darken-top-border nav ul.nav-main>li>a {
    padding-bottom: 22px;
    padding-top: 30px
}
html.boxed #header.darken-top-border {
    border-top: 0
}
#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:hover>a, body.sticky-menu-active #header.center nav ul.nav-main>li>a {
    padding-bottom: 10px;
    padding-top: 10px
}
#header.narrow {
    height: auto;
    min-height: 85px;
    padding: 0;
    border-bottom: 1px solid #E9E9E9;
    box-shadow: 0 0 3px rgba(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
}
#header.full-width .container, #header.full-width>.container, #header.full-width>.navbar-collapse>.container {
    max-width: 100%;
    width: 100%
}
}

@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: 0 0;
    z-index: 1000
}
#header.transparent.semi-transparent {
    background: rgba(0,0,0,.3)
}
#header.transparent.semi-transparent.light {
    background: rgba(255,255,255,.3)
}
body.sticky-menu-active #header.transparent {
    background: #fff
}
body.sticky-menu-active #header.transparent.semi-transparent {
    background: rgba(0,0,0,.8);
    border-bottom: 0
}
body.sticky-menu-active #header.transparent.semi-transparent.light {
    background: rgba(255,255,255,.8)
}
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: #FFF
}
#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 .log-in-info, #header nav.mega-menu ul.nav-main .mega-menu-signin .sign-up-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 .recover-form, #header nav.mega-menu ul.nav-main .mega-menu-signin.signin .signup-form, #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.recover .signin-form, #header nav.mega-menu ul.nav-main .mega-menu-signin.recover .signup-form, #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 .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
}
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!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 .list-account-options a, #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options a:hover, #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar span, #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar strong {
    color: #FFF!important
}
#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options {
    margin: 25px 0 0!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: #FFF
}
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: #777
}
#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 .nav-main-collapse, #header .nav-main-collapse.in {
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%
}
#header {
    clear: both
}
#header>.container {
    margin-bottom: 0
}
#header .header-top, #header .search, #header .social-icons {
    display: none
}
#header .nav-collapse {
    background: #171717;
    clear: both;
    width: 100%
}
#header .nav-collapse .container .nav-main {
    float: left;
    width: 100%
}
#header .nav-main-collapse {
    top: 8px;
    position: relative;
    background: #171717;
    max-height: none
}
#header .nav-main-collapse.collapse {
    display: none!important
}
#header .nav-main-collapse.in {
    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;
	z-index: 9999;
}
#header .nav-main ul li {
    padding: 0;
    margin: 0;
    clear: both;
    float: none;
    display: block;
    border-bottom: 1px solid #2A2A2A
}
#header nav ul.nav-main li a, #header nav ul.nav-main li.dropdown:hover>a {
    padding: 9px 8px!important;
    margin: 0
}
#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 -10px 8px 0
}
#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;
    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!important;
    clear: both;
    float: none;
    display: block;
    border: 0;
    border-top: 0
}
#header nav ul.nav-main li a i.fa-angle-down {
    position: absolute;
    right: 5px;
    top: 10px
}
#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
}
#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 li a, body #header nav ul.nav-main li.active a, body #header nav ul.nav-main li.dropdown.open .dropdown-toggle, body #header nav ul.nav-main li.dropdown:hover a, body #header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li>a:hover, body #header nav ul.nav-main li>a:hover, body #header nav ul.nav-main ul.dropdown-menu, body #header nav ul.nav-main ul.dropdown-menu li:hover>a {
    background: 0 0!important
}
#header.fixed .nav-main-collapse, body.sticky-menu-active #header .nav-main-collapse {
    max-height: 500px
}
#header.fixed .nav-main-collapse.in, body.sticky-menu-active #header .nav-main-collapse.in {
    overflow: hidden!important;
    overflow-x: hidden!important;
    overflow-y: auto!important
}
#header.fixed .logo img, body.sticky-menu-active #header .logo img {
    margin-top: -10px
}
.btn-responsive-nav {
    background: #171717;
    top: 30px;
    display: block;
    position: absolute;
    right: 20px;
    color: #FFF;
    z-index: 1
}
.btn-responsive-nav:active, .btn-responsive-nav:focus, .btn-responsive-nav:hover {
    color: #CCC;
    outline: 0
}
#header .logo img {
    max-width: 250px;
    max-height: none!important;
    height: auto!important
}
#header .header-top ul.nav-top {
    float: left;
    margin: 7px 0 0 -15px;
    min-height: 5px
}
}
.page-top, .page-top h1 {
    border-bottom: 5px solid #CCC
}
.home-concept, .home-intro, .slider-container, .testimonials .carousel-info {
    overflow: hidden
}

@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, body.sticky-menu-active .btn-responsive-nav {
    top: 30px
}
}

@media (max-width:479px) {
#header .header-top, #header nav ul.nav-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: #171717;
    border-bottom: 5px solid #CCC;
    border-top: 5px solid #384045;
    margin-bottom: 20px;
    min-height: 40px;
    padding: 0;
    position: relative;
    text-align: left
}
}
.page-top {
    background-color: #171717;
    border-top: 5px solid #384045;
    margin-bottom: 20px;
    min-height: 40px;
    padding: 10px 0;
    position: relative;
    text-align: left
}
.page-top ul.breadcrumb {
    background: 0 0;
    padding: 0;
    margin: 17px 0 0
}
.page-top h1 {
    color: #FFF;
    display: inline-block;
    font-weight: 200;
    margin: 10px 0 -25px;
    min-height: 45px;
    font-size: 2em;
    line-height: 23px;
    padding: 0 0 18px;
    position: relative
}
.page-top.custom-product {
    background-image: url(../img/custom-header-bg.jpg);
    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 h1 {
    color: #FFF;
    margin-bottom: 10px;
    margin-top: 30px;
    border: 0
}

@media (max-width:479px) {
.page-top h1 {
    line-height: 30px
}
.page-top {
    background-color: #171717;
    border-bottom: 5px solid #CCC;
    border-top: 5px solid #384045;
    margin-bottom: 0;
    min-height: 40px;
    padding: 0;
    position: relative;
    text-align: left
}
}
.parallax {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 50px 0 0;
    padding: 70px 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
}
.slider-container {
    min-height: 0
}
}
section.featured {
    background: #F0F0ED;
    border-top: 5px solid #ECECE8;
    margin: 0;
    padding: 50px 0
}
section.featured.footer {
    margin: 0 0 30px
}
section.featured.map {
    background-image: url(../img/map-bottom.png);
    background-position: center 0;
    background-repeat: no-repeat;
    margin-top: 0;
    border-top: 0
}
section.highlight {
    background: #CCC;
    border: 3px solid #CCC;
    margin: 35px 0 45px;
    padding: 40px 0;
    color: #FFF
}
section.highlight h1, section.highlight h2, section.highlight h3, section.highlight h4, section.highlight h5, section.highlight>a, section.highlight>p {
    color: #FFF
}
section.highlight .img-thumbnail {
    background-color: #FFF!important;
    border-color: #FFF!important
}
section.highlight.footer {
    margin: 0 0 -70px
}
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
}
.slider .tp-bannertimer, section.call-to-action.no-arrow:before {
    display: none
}
section.call-to-action h3 {
    text-transform: none;
    color: #121212
}
section.call-to-action h3 .btn {
    margin-left: 10px
}
aside ul.nav-list>li>a {
    color: #666;
    font-size: .9em
}
.slider-container {
    background: #e6e7e1;
    padding: 0;
    position: relative;
    z-index: 1
}
.slider-container ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.slider-container .tp-bannershadow {
    filter: alpha(opacity=20);
    opacity: .2
}
.slider-container .top-label {
    color: #000;
    font-size: 24px;
    font-weight: 300
}
.slider-container .main-label {
    color: #000;
    font-size: 50px;
    line-height: 58px;
    font-weight: 800;
    text-shadow: 2px 2px 4px rgba(0,0,0,.15)
}
.slider-container .main-labelblue1 {
    color: #0888ca;
    font-size: 40px;
	font-style: italic;
    line-height: 54px;
    font-weight: 400;
}
.slider-container .main-labelblue2 {
    color: #0888ca;
    font-size: 40px;
	font-style: italic;
    line-height: 54px;
    font-weight: 800;
}
.slider-container .featured-label {
    color: #000;
    font-size: 52px;
    line-height: 52px;
    font-weight: 800;
    text-shadow: 1px 1px 3px rgba(0,0,0,.15)
}
.slider-container .bottom-label {
    color: #000;
    font-size: 24px;
    font-weight: 300
}
.slider-container .blackboard-text {
    color: #000;
    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: #000
}
.slider-container .tp-caption.fullscreenvideo {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0!important
}
.nivo-slider, .slider {
    position: relative
}
.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: .05;
    top: 0;
    bottom: auto;
    z-index: 1000
}
.slider-container.light .bottom-label, .slider-container.light .main-label, .slider-container.light .top-label, .slider-container.light .tp-caption a, .slider-container.light .tp-caption a:hover {
    color: #333
}
.slider {
    height: 495px;
    max-height: 495px
}
.slider>ul>li>img {
    visibility: hidden
}
.slider>ul>li>.center-caption {
    left: 0!important;
    margin-left: 0!important;
    text-align: center;
    width: 100%
}
.slider .main-button {
    font-size: 22px;
    font-weight: 600;
    line-height: 20px;
    padding: 20px 25px
}
.slider-container-fullscreen {
    height: 2000px;
    max-height: none
}
.slider-container-fullscreen .slider {
    max-height: none
}
.nivo-slider .theme-default .nivoSlider {
    border-radius: 10px 10px 0 0;
    box-shadow: none;
    margin-top: 10px
}
.nivo-slider .theme-default .nivoSlider img {
    border-radius: 10px 10px 0 0
}
.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: url(../img/map-top.png) center 0 no-repeat;
    padding-top: 220px;
    margin-top: 40px
}
.home-intro {
    background-color: #171717;
    margin-bottom: 10px;
    padding: 10px 0;
    position: relative;
    text-align: left
}
.home-intro p {
    color: #FFF;
    display: inline-block;
    font-size: 1.4em;
    font-weight: 300;
    max-width: 1200px;
    padding-top: 5px
}
.home-intro-highlight {
    background-color: #00abc4;
    margin-bottom: 15px;
    padding: 10px 0;
    position: relative;
    text-align: left
}
.home-intro-highlight a {
    color: #FFF;
    display: inline-block;
    font-size: 1.4em;
    font-weight: 500;
    max-width: 1200px;
    padding: 15px 0 15px 0;
		text-decoration: none;
}
.home-intro-highlight a:hover {
    color: #fce54a;
	text-decoration: none;
}
.home-intro p span {
    color: #999;
    display: block;
    font-size: .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: 400;
    margin-left: 5px
}
.home-intro .get-started a {
    color: #FFF
}
.home-intro .get-started a:not(.btn), .home-intro.light p, .page-not-found h4 {
    color: #777
}
.home-intro .learn-more {
    margin-left: 15px
}
.home-intro.light {
    background-color: #E2E2E2
}
.home-intro.light.secundary {
    background-color: #E0E1E4
}
.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: url(../img/home-concept.png) center 0 no-repeat;
    width: 100%
}
.home-concept strong {
    display: block;
    font-family: "Shadows Into Light", cursive;
    font-size: 2.1em;
    font-weight: 400;
    position: relative;
    margin-top: 30px
}
.home-concept .row {
    position: relative
}
.home-concept .process-image {
    background: url(../img/home-concept-item.png) no-repeat;
    width: 160px;
    height: 175px;
    margin: 135px auto 0;
    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: url(../img/home-concept-item.png) 100% 0 no-repeat;
    width: 350px;
    height: 420px;
    margin: 15px 0 0 -30px;
    padding-bottom: 45px;
    position: relative;
    z-index: 1
}
.home-concept .cloud, .home-concept .sun {
    height: 56px;
    position: absolute;
    top: 35px;
    display: block
}
.home-concept .sun {
    background: url(../img/home-concept-icons.png) no-repeat;
    width: 60px;
    left: 10%
}
.home-concept .cloud {
    background: url(../img/home-concept-icons.png) 100% 0 no-repeat;
    width: 116px;
    left: 57%
}

@media (max-width:991px) {
.home-concept {
    background: 0 0
}
.home-concept .project-image {
    margin: 60px auto 0
}
.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, .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 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: #08c;
    border-top: 4px solid #0e0e0e;
    font-size: .9em;
    margin-top: 50px;
    padding: 70px 0 0;
    position: relative;
    clear: both
}
#footer a:hover {
    color: #CCC
}
#footer a, #footer h1, #footer h2, #footer h3, #footer h4 {
    color: #FFF!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,.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,.05)
}
#footer ul.list.icons li {
    margin-bottom: 5px
}
#footer .container .row>div {
    margin-bottom: 25px
}
#footer .container input:focus {
    box-shadow: none
}
html.dark section.timeline .timeline-box.left:before, html.dark section.timeline .timeline-box.right:before {
    box-shadow: 0 0 0 3px #282d36, 0 0 0 6px #282d36
}
#footer .footer-ribbon {
    background: #999;
    position: absolute;
    margin: -90px 0 0 14px;
    padding: 10px 20px 6px
}
#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%;
}
#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: .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: .9em;
    margin: -15px 0 5px;
    filter: alpha(opacity=55);
    opacity: .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: #060606;
    border-top: 4px solid #060606;
    margin-top: 10px;
    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: none;
    padding-left: 0
}
#footer .footer-copyright p {
    color: #555;
    margin: 0;
    padding: 0
}
#footer .phone {
    color: #FFF;
    font-size: 26px;
    font-weight: 700;
    display: block;
    padding-bottom: 15px;
    margin-top: -5px
}
#footer .narrow-phone {
    text-align: right;
    margin: -2px 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: 0 0;
    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.color, #footer.color p, html.dark #header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title {
    color: #FFF
}
#footer.narrow {
    padding-top: 30px
}
#footer.narrow .footer-copyright {
    margin-top: 0
}
#footer.narrow .nav>li>a {
    padding: 5px 12px
}
#footer.color .footer-copyright nav ul li {
    border-left-color: #FFF
}
html.dark body, 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 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 nav.mega-menu .mega-menu-shop .dropdown-menu li table tr td a, html.dark #header nav.mega-menu .mega-menu-shop a, html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6 {
    color: #FFF
}
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 body.sticky-menu-active #header {
    border-bottom-color: #282d36
}
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 .feature-box.secundary h4, html.dark .featured-box.secundary h4, html.dark .testimonial-author strong {
    color: #FFF
}
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(../img/map-bottom-dark.png)
}
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: 0 0, bottom, 0, 8%, 92%, 100% rgba(80,80,80,0)
}
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:after {
    background: #282d36;
    border-right-color: #282d36;
    border-top-color: #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(../img/map-top-dark.png)
}
html.dark .home-concept {
    background-image: url(../img/home-concept-dark.png)
}
html.dark .home-concept .process-image, html.dark .home-concept .project-image {
    background-image: url(../img/home-concept-item-dark.png)
}
html.dark .home-concept .cloud, html.dark .home-concept .sun {
    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 .tabs .nav-tabs.nav-justified li a, html.dark .tabs .nav-tabs.nav-justified li a:hover, html.dark .tabs.tabs-left .nav-tabs>li:last-child a, html.dark .tabs.tabs-right .nav-tabs>li:last-child a, html.dark ul.nav-list.primary>li a {
    border-bottom-color: #282d36
}
html.dark .progress {
    background: #2e353e
}
html.dark .arrow {
    background-image: url(../img/arrows-dark.png)
}
html.dark .tabs .nav-tabs li a, html.dark .tabs .nav-tabs li a:hover, 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 .img-thumbnail, html.dark .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:hover {
    background-color: #282d36
}
html.dark .tabs .nav-tabs li a, html.dark .tabs .nav-tabs li a:hover {
    border-top-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:focus, html.dark .tabs .nav-tabs li.active a:hover {
    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 .page-header, 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.tabs-vertical {
    border-top-color: #2e353e
}
html.dark .tabs .tab-content {
    background: #2e353e;
    border-color: #2e353e
}
html.dark .table-bordered, html.dark .table>tbody>tr>td, html.dark .table>tbody>tr>th, html.dark .table>tfoot>tr>td, html.dark .table>tfoot>tr>th, html.dark .table>thead>tr>td, html.dark .table>thead>tr>th {
    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: #777
}
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,.2), transparent);
    background-image: linear-gradient(to right, transparent, rgba(255,255,255,.2), transparent)
}
html.dark hr.light {
    background-image: -webkit-linear-gradient(left, transparent, rgba(0,0,0,.2), transparent);
    background-image: linear-gradient(to right, transparent, rgba(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 article.post .post-date .day, html.dark section.featured .recent-posts .date .day {
    background-color: #282d36
}
html.dark article .post-audio, html.dark article .post-audio iframe, html.dark article .post-video, html.dark article .post-video 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: #777
}
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: #777;
    text-shadow: none
}
html.dark .product-thumb-info, 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 .cart-totals td, html.dark .shop .cart-totals th, html.dark .shop table.cart 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: #777
}
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: #777
}

@media (max-width:991px) {
#footer .phone {
    font-size: 20px
}
html.dark #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
    background: 0 0!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,.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) {
#footer .phone {
    font-size: 20px
}
html.boxed {
    background: 0 0!important
}
}
.content {
    padding-top: 30px
}
.testimonials blockquote {
    background: #f8f8f8;
    border: none;
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    position: relative
}
.testimonials blockquote::after, .testimonials blockquote::before {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    position: absolute;
    display: block
}
.testimonials blockquote::before {
    border-bottom: 20px solid #fff;
    border-right: 0 solid transparent;
    border-left: 15px solid transparent;
    border-left-style: inset;
    border-bottom-style: inset
}
.testimonials blockquote::after {
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #08c transparent transparent
}
.testimonials .carousel-info img {
    border: 1px solid #f5f5f5;
    border-radius: 150px!important;
    height: 75px;
    padding: 3px;
    width: 75px;
    margin-right: 15px
}
.testimonials .carousel-info span {
    display: block
}
.testimonials span.testimonials-name {
    color: #e6400c;
    font-size: 16px;
    font-weight: 300;
    margin: 23px 0 7px
}
.testimonials span.testimonials-post {
    color: #656565;
    font-size: 12px
}

@media screen and (min-width:769px) and (max-width:1024px) {
body.sticky-menu-active.always-sticky #header .social-icons {
    display: none
}
@media only screen and (max-width:991px) {
.mobile-hide {
display:none!important
}
#headerMobile {
display:block!important
}
#headerMobile a.white {
color:#fff
}
#headerMobile a:link {
color:#fff;
margin:8px 4px
}
}
}
@media (min-width:1200px) {
    .myButton2 {
    width: auto;
    padding-left: 4%;
}
}