@font-face {
     font-family: Manrope-Regular;
     src: url(fonts/Manrope/static/Manrope-Regular.ttf) format('ttf'), url(fonts/Manrope/static/Manrope-Regular.ttf) format('truetype');
     font-weight: 200;
     font-style: normal; 
}
 @font-face {
     font-family: Manrope-Regular;
     src: url(fonts/Manrope/static/Manrope-Regular.ttf) format('ttf'), url(fonts/Manrope/static/Manrope-Regular.ttf) format('truetype');
     font-weight: 400;
     font-style: normal; 
}
 @font-face {
     src: url(fonts/Manrope/static/Manrope-Black.ttf) format('ttf'), url(fonts/Manrope/static/Manrope-Black.ttf) format('truetype');
     font-weight: 300;
     font-style: normal 
}
 @font-face {
     font-family: Manrope-Mono;
     src: url(fonts/Manrope/static/Manrope-Medium.ttf) format('ttf'), url(fonts/Manrope/static/Manrope-Medium.ttf) format('truetype');
     font-weight: 400;
     font-style: normal; 
}
 @font-face {
     font-family: Manrope-SemiBold;
     src: url(fonts/Manrope/static/Manrope-SemiBold.ttf) format('ttf'), url(fonts/Manrope/static/Manrope-SemiBold.ttf) format('truetype');
     font-weight: 500;
     font-style: normal; 
}
 @font-face {
     font-family: Manrope-Bold;
     src: url(fonts/Manrope/static/Manrope-Bold.ttf) format('ttf'), url(fonts/Manrope/static/Manrope-Bold.ttf) format('truetype');
     font-weight: 600;
     font-style: normal; 
}
 @font-face {
     font-family: Manrope-ExtraBold;
     src: url(fonts/Manrope/static/Manrope-ExtraBold.ttf) format('ttf'), url(fonts/Manrope/static/Manrope-ExtraBold.ttf) format('truetype');
     font-weight: 700;
     font-style: normal;
}
body { 
  font-family: "Open Sans", sans-serif;
}
h1{
    font-family: "Open Sans", sans-serif;
}
h2{
    font-family: "Open Sans", sans-serif;
}
h3, h4, h5, h6{
    font-family: "Open Sans", sans-serif;
}

a{color: #003a6b;}

.bg-primary {
     background-color: #0a67b2 !important;
}
 .bg-secondary-1 {
     background-color: #003a6b !important;
}
 .bg-secondary-2 {
     background-color: #0a67b2b3 !important;
}
 .bg-white {
     background-color: #fff !important;
}
 .bg-black {
     background-color: #000 !important;
}
 .bg-dribbble {
     background-color: #ea4c89;
}
 .bg-twitter {
     background-color: #00a0d1;
}
 .bg-facebook {
     background-color: #3b5998;
}
 .bg-googleplus {
     background-color: #c63d2d;
}
 .bg-tumblr {
     background-color: #34526f;
}
 .text-dribbble {
     color: #ea4c89;
}
 .text-twitter {
     color: #00a0d1;
}
 .text-facebook {
     color: #3b5998;
}
 .text-googleplus {
     color: #c63d2d;
}
 .text-tumblr {
     color: #34526f;
}
 .text-white {
     color: #fff;
}
 .text-primary {
     color: #0a67b2;
}
 .standard-radius {
     border-radius: 25px;
}
 .transition-500 {
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     transition: all .5s ease;
}
 .transition-2000 {
     -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
     transition: all 2s ease;
}
 .transition-300 {
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
}
 .cover-div {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
}
 .blank-input {
     background: none;
     border: none;
     box-shadow: none;
     
}
 .font-body {
     
}
 .font-heading {
     
}
 body {
     
     -webkit-font-smoothing: antialiased;
     color: #000000;
     font-size: 14px;
     line-height: 20px;
}
 h1, h2, h3, h4, h5, h5, h6 {
     
     font-weight: 300;
     color: #000000;
     margin: 0px;
}
 .alt-font {
     
     font-weight: bold;
     font-size: 13px;
     text-transform: uppercase;
     letter-spacing: 1px;
}
 ul {
     list-style: none;
     padding: 0px;
}
 a:hover {
     text-decoration: none;
}
 .pointer {
     cursor: pointer !important;
}
 .uppercase {
     text-transform: uppercase;
}
 img {
     max-width: 100%;
}
 .jumbo-h1 {
     font-size: 40px;
     line-height: 56px;
     font-weight: 600;
     margin-bottom: 64px;
}
 .standard-h1 {
     font-size: 32px;
     line-height: 44px;
     margin-bottom: 48px;
}
 h1 {
     font-size: 32px;
     line-height: 44px;
     margin-bottom: 48px;
}
 h2 {
     font-size: 28px;
     line-height: 44px;
}
 h3 {
     font-size: 26px;
     line-height: 32px;
}
 h5 {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 16px;
}
 h6 {
     font-size: 16px;
     font-weight: 600;
     margin-bottom: 16px;
}
 strong {
     font-weight: 600;
}
 p {
     font-size: 14px;
     line-height: 24px;
}
 p.lead {
     font-size: 16px;
     line-height: 30px;
     font-weight: normal;
}
 p:last-child {
     margin-bottom: 0px;
}
 p a {
     color: #333333;
}
 .quote-text {
     font-size: 24px;
     line-height: 40px;
     font-style: italic;
     font-weight: 300;
}
 span.text-white a {
     font-weight: 600;
     color: #fff;
}
 .main-container {
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
     -webkit-transform: translate3d(0px, 0, 0);
     -moz-transform: translate3d(0px, 0, 0);
     transform: translate3d(0px, 0, 0);
     overflow: hidden;
     width: 100%;
}
 .main-container.reveal-nav {
     -webkit-transform: translate3d(-300px, 0, 0);
     -moz-transform: translate3d(-300px, 0, 0);
     transform: translate3d(-300px, 0, 0);
}
 .loader {
     position: fixed;
     width: 100%;
     height: 100%;
     background: #fff;
     z-index: 9999;
     text-align: center;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     transition: all .5s ease;
     opacity: 1;
}
 .spinner {
     width: 60px;
     height: 60px;
     position: relative;
     top: 50%;
     left: 50%;
     margin-left: -20px;
     margin-top: -20px;
}
 .double-bounce1, .double-bounce2 {
     width: 100%;
     height: 100%;
     background: url(../img/fiber.png);
     opacity: 0.6;
     position: absolute;
     top: 0;
     left: 0;
     -webkit-animation: bounce 2s infinite ease-in-out;
     animation: bounce 2s infinite ease-in-out;
}
 .double-bounce2 {
     -webkit-animation-delay: -1s;
     animation-delay: -1s;
     background: url(../img/wiring.png);
}
 @-webkit-keyframes bounce {
     0%, 100% {
         -webkit-transform: scale(0);
    }
     50% {
         -webkit-transform: scale(1);
    }
}
 @keyframes bounce {
     0%, 100% {
         transform: scale(0);
         -webkit-transform: scale(0);
    }
     50% {
         transform: scale(1);
         -webkit-transform: scale(1);
    }
}
 section {
     background-size: cover !important;
     padding-top: 60px;
     padding-bottom: 60px;
     position: relative;
     overflow: hidden;
}
 section.pad-large {
     padding-top: 160px;
     padding-bottom: 160px;
}
 section.duplicatable-content {
     padding-bottom: 40px;
}
 section:nth-of-type(odd) {
     background: #f4f8fe;
}
 section:nth-of-type(even) {
     background: #ffffff;
}
 .no-pad {
     padding: 0px;
}
 .no-pad-top {
     padding-top: 0px !important;
}
 .no-pad-left {
     padding-left: 0px;
}
 .no-pad-right {
     padding-right: 0px;
}
 .no-pad-bottom {
     padding-bottom: 0px;
}
 .space-top-small {
     margin-top: 20px !important;
}
 .space-bottom-medium {
     margin-bottom: 40px !important;
}
 .space-bottom-large {
     margin-bottom: 80px !important;
}
 .space-bottom-xlarge {
     margin-bottom: 160px !important;
}
 .no-margin {
     margin: 0;
}
 .no-margin-bottom {
     margin-bottom: 0px !important;
}
 .btn {
     background: none;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
     min-width: 155px;
}
 .btn:hover {
     background: none;
     color: #fff;
     border-color: #1a8bb3;
     background-color: #1a8bb3;
}
 .btn-primary {
     border-radius: 25px;
     display: inline-block;
     padding: 14px 28px 13px 28px;
     line-height: 1;
     border: 2px solid #1a8bb3;
     
     font-weight: bold;
     font-size: 11px;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #1a8bb3;
}
 .btn-primary.btn-filled {
     background: #1a8bb3;
     color: #fff;
}
 .btn-white {
     border-color: #fff;
     color: #fff;
}
 .btn-white:hover {
     background: #fff;
     color: #333333;
     border-color: #fff;
}
 .btn-white.btn-filled {
     background: #fff;
     color: #0a67b2;
}
 .btn-grey {
     border-color: #777777;
     color: #333333;
}
 .btn-grey:hover {
     background-color: #333333;
     color: #fff;
     border-color: #333333;
}
 .btn-lg {
     padding: 18px 40px;
}
 .btn-sm {
     padding: 10px 28px;
     font-size: 11px;
}
 .btn-xs {
     padding: 8px 24px;
     font-size: 10px;
}
 .btn-text-only {
     border-color: rgba(0, 0, 0, 0);
}
 .btn-text-only:hover {
     background: none;
     color: #1a8bb3;
     border-color: rgba(0, 0, 0, 0);
}
 .link-text {
     
     font-weight: bold;
     font-size: 11px;
     text-transform: uppercase;
     letter-spacing: 1px;
     border-bottom: 2px solid #1a8bb3;
     display: inline-block;
     padding-bottom: 0px;
     color: #1a8bb3;
}
 nav hr {
     border: none;
     border-top: 1px solid rgba(255, 255, 255, 0.3);
     position: relative;
     bottom: 2px;
}
 .has-dropdown {
     bottom: 3px;
} 
 .mobile-toggle {
     display: none;
}
 .top-bar {
     position: absolute;
     /*background: #fff;*/
     width: 100%;
     z-index: 10;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     transition: all .5s ease;
     line-height: 0;
     top: 0;
}
 .top-bar .logo {
     max-width: 80px;
     position: relative;
     bottom: 7px;
}
 .logo.logo-wide {
     max-width: 140px;
     bottom: 12px;
     margin-bottom: -6px;
}
 .logo.logo-square {
     max-width: 100px;
     max-height: 60px;
     bottom: 20px;
     margin-bottom: -20px;
}
 .nav-sticky .logo-wide {
     bottom: 12px !important;
}
 .nav-sticky .logo-square {
     bottom: 20px !important;
}
 .nav-menu {
     padding-top: 22px;
     padding-bottom: 12px;
}
 .nav-menu .social-icons {
     float: right;
}
 .utility-menu {
     margin-top: 16px;
}
 .utility-menu .utility-inner {
     padding-bottom: 16px;
}
 .utility-menu .btn {
     min-width: 60px;
     padding-left: 18px;
     padding-right: 18px;
     margin-left: 8px;
     margin-right: 0px;
}
 .utility-menu span {
     display: inline-block;
     position: relative;
     top: 9px;
}
 .utility-menu .btn-text-only {
     min-width: 0px;
     padding: 0px 8px;
}
 .overlay-bar {
     background: none;
}
 .overlay-bar .has-dropdown:after {
     color: #fff;
}
 .menu {
     padding: 0;
     margin: 0;
     display: inline-block;
     position: relative;
     top: 2px;
}
 .menu li {
     float: left;
     margin-right: 56px;
     position: relative;
}
 .menu li:last-child {
     margin-right: 0px;
}
 .menu li a {
     
     font-weight: 600;
     font-size: 12px;
     letter-spacing: 1px;
     /*color: #777777;*/
     color:#fff;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     transition: all .5s ease;
     padding-bottom: 40px;
     display: inline-block;
     line-height: 14px;
}
 .menu li a:hover {
     /*color: #333333;*/
     /*background:#f2f2f2;*/
         color: #ffffff;
    background: #003a6b;
}
 @media all and (max-width: 1050px) {
     .menu li {
         margin-right: 32px;
    }
}
 .top-bar .social-icons li a {
     padding: 10px 0px;
}
 .top-bar .logo-light {
     display: none;
}
 .top-bar .utility-menu .utility-inner {
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
 .overlay-bar .menu li a {
     color: #fff;
}
 .overlay-bar .menu li a:hover {
     color: #fff;
}
 .overlay-bar .social-icons li a {
     color: #fff;
}
 .overlay-bar .subnav li a {
     color: #777777;
}
 .overlay-bar .subnav li a:hover {
     color: #333333;
}
 .overlay-bar .logo-dark {
     display: none;
}
 .overlay-bar .logo-light {
     display: block;
}
 .overlay-bar .utility-menu span {
     color: #fff;
}
 .overlay-bar .utility-menu .utility-inner {
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
 .overlay-bar .login-button {
     border-color: #fff;
     color: #fff;
}
 .subnav {
     display: none;
     position: absolute;
     /*background: #fff;*/
     background: #003a6b;
     padding: 15px 10px;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     transition: all .5s ease;
     min-width: 235px;
}
 .subnav li {
     margin-right: 0px !important;
     min-width: 142px;
}
 .subnav li a {
     padding-bottom: 0px !important;
     margin-bottom: 16px;
}
 .subnav li:last-child a {
     margin-bottom: 0px;
}
 .has-dropdown:hover .subnav {
     display: block;
}
 .nav-sticky {
     position: fixed !important;
     top: 0;
}
 .nav-sticky .logo {
     bottom: 5px;
}
 .nav-sticky hr {
     display: none !important;
}
 .top-bar.nav-sticky {
         z-index: 9999;
     background: #fff;
     box-shadow: 0 0 2px 1px #f1f0f0;
}
 .top-bar.nav-sticky .nav-menu {
     padding-top: 16px;
     padding-bottom: 0px;
}
 .top-bar.nav-sticky .menu li a {
     /*padding-bottom: 32px;*/
}
 .top-bar.nav-sticky .subnav {
     background: #fff;
}
 .top-bar.nav-sticky .utility-menu {
     display: none;
}
 .subnav-fullwidth {
     overflow: hidden;
     left: 0px;
     position: absolute;
     text-align: left;
}
 .subnav-fullwidth h6 {
     margin-bottom: 24px !important;
}
 .subnav-fullwidth .subnav {
     position: relative;
     overflow: hidden;
     background: none !important;
     text-align: left;
     padding: 0px;
}
 .subnav-fullwidth .subnav li {
     float: none !important;
}
 .subnav-fullwidth .btn {
     padding-bottom: 13px !important;
     color: #1a8bb3 !important;
}
 .subnav-fullwidth .btn {
     margin-bottom: 16px;
}
 .subnav-fullwidth .btn:hover {
     color: #fff !important;
}
 .subnav-fullwidth .btn-filled, .subnav-fullwidth .btn-filled:hover {
     color: #fff !important;
}
 .overlay-bar.nav-sticky .logo-light {
     display: none;
}
 .overlay-bar.nav-sticky .logo-dark {
     display: block;
}
 .overlay-bar.nav-sticky .menu li a {
     color: #fff;
}
 .overlay-bar.nav-sticky .social-icons li a {
     color: #333333;
}
 .overlay-bar.nav-sticky .has-dropdown:after {
     color: #333333;
}
 .offscreen-menu .logo {
     padding-bottom: 32px;
}
 .offscreen-toggle i {
     font-size: 36px;
     cursor: pointer;
}
 .nav-sticky .offscreen-toggle i {
     color: #333333 !important;
}
 .offscreen-container {
     position: fixed;
     width: 300px;
     background: #333333;
     right: 0px;
     height: 100%;
     top: 0px;
     z-index: 99999;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
     -webkit-transform: translate3d(300px, 0, 0);
     -moz-transform: translate3d(300px, 0, 0);
     transform: translate3d(300px, 0, 0);
     padding: 40px;
}
 .offscreen-container.reveal-nav {
     -webkit-transform: translate3d(0px, 0, 0);
     -moz-transform: translate3d(0px, 0, 0);
     transform: translate3d(0px, 0, 0);
}
 .offscreen-menu .container {
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
     -webkit-transform: translate3d(0px, 0, 0);
     -moz-transform: translate3d(0px, 0, 0);
     transform: translate3d(0px, 0, 0);
}
 .offscreen-menu .container.reveal-nav {
     -webkit-transform: translate3d(-300px, 0, 0);
     -moz-transform: translate3d(-300px, 0, 0);
     transform: translate3d(-300px, 0, 0);
}
 @media all and (max-width: 768px) {
     .bottom-band{
         position: relative !important;
    }
     .offscreen-menu {
         overflow: visible !important;
         position: relative !important;
    }
     .offscreen-menu .offscreen-toggle i {
         color: #333333;
    }
}
 .offscreen-container .logo {
     bottom: 0px !important;
}
 .offscreen-container .menu {
     display: block;
}
 .offscreen-container .menu li {
     float: none;
     margin-bottom: 16px;
}
 .offscreen-container .menu li a {
     padding-bottom: 0px !important;
     color: #aaa !important;
}
 .offscreen-container .menu li a:hover {
     color: #fff !important;
}
 .offscreen-container .social-icons {
     position: absolute;
     bottom: 40px;
}
 .offscreen-container .social-icons li a {
     color: #fff !important;
}
 .language {
     display: inline-block;
     margin-left: 8px;
}
 .language img {
     max-width: 20px;
}
 .overlay:before {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     content: '';
     opacity: 0.9;
     z-index: 2;
     background-color: #0a67b2;
     left: 0;
}
 .overlay .container {
     position: relative;
     z-index: 3;
}
 header {
     position: relative;
     overflow: hidden;
}
 header .container {
     position: relative;
     z-index: 3;
}
 header .logo {
     max-width: 200px;
     display: inline-block;
     margin-bottom: 24px;
}
 header .btn {
     margin-right: 16px;
}
 header .btn:last-child {
     margin-right: 0px;
}
 .page-header {
     margin: 0px;
     padding: 0px;
     padding: 160px 0px;
     border-bottom: none;
}
 .page-header h1 {
     font-size: 40px;
     margin-bottom: 24px;
}
 .page-header p.lead {
     font-size: 18px;
}
 .page-header:before {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     content: '';
     opacity: 0.3;
     z-index: 2;
     background-color: #333333;
}
 .page-header .background-image-holder {
     height: 150%;
     top: -20%;
}
 .hero-slider {
     padding: 0px;
     position: relative;
}
 .hero-slider .slides li {
     height: 650px;
     overflow: hidden;
     position: relative;
}
 .hero-slider .slides li h1 {
     font-size: 38px;
     line-height: 56px;
     margin-bottom: 40px;
}
 .hero-slider .slides li .btn {
     margin-right: 16px;
}
 .hero-slider .flex-direction-nav a {
     color: rgba(0, 0, 0, 0);
}
 .flex-direction-nav a:before {
     top: 17px;
     font-size: 36px;
     left: 10px;
}
 .flex-direction-nav a.flex-next:before {
     left: -10px;
}
 @media all and (max-width: 1350px) {
     .flex-direction-nav {
         display: none !important;
    }
}
 .hero-slider .slides li.overlay:before {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     content: '';
     opacity: 0.3;
     z-index: 2;
     background-color: #222222;
}
 .header-icons {
     padding: 160px 0px;
     position: relative;
     overflow: hidden;
}
 .header-icons h1 {
     margin-bottom: 80px;
}
 .header-icons i {
     font-size: 56px;
     display: inline-block;
     margin-bottom: 16px;
}
 .header-icons .down-arrow {
     display: inline-block;
     width: 64px;
     height: 64px;
     border-radius: 50%;
     border: 2px solid #fff;
     text-align: center;
     padding-top: 10px;
     margin-top: 160px;
}
 .header-icons .down-arrow i {
     font-size: 40px;
     position: relative;
     right: 1px;
}
 header.title {
     height: 565px;
     position: relative;
     overflow: hidden;
}
 header.title h1 {
     margin-bottom: 16px;
     font-size: 40px;
}
 header.title .sub {
     font-size: 12px;
     letter-spacing: 0px;
}
 header.title .container {
     position: relative;
     z-index: 3;
}
 header.title:before {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     content: '';
     opacity: 0.3;
     z-index: 2;
     background-color: #333333;
}
 .action-banner {
     padding: 104px 0px;
     overflow: hidden;
     position: relative;
}
 .action-banner .container {
     position: relative;
     z-index: 3;
}
 .action-banner h1 {
     font-size: 40px;
     line-height: 56px;
     font-weight: 600;
     margin-bottom: 64px;
     margin-bottom: 24px;
}
 .action-banner h2 {
     font-size: 32px;
     line-height: 44px;
     margin-bottom: 48px;
     margin-bottom: 40px;
}
 .action-banner .btn {
     margin-right: 16px;
}
 header.signup {
     padding: 180px 0px;
     position: relative;
     overflow: hidden;
     height: auto;
}
 header.signup h1 {
     font-weight: 600;
     font-size: 40px;
     line-height: 56px;
     margin-bottom: 56px;
}
 header.signup .photo-form-wrapper {
     margin-bottom: 0px;
}
 header.signup .photo-form-wrapper .btn {
     padding-top: 19px;
     padding-bottom: 19px;
     border-radius: 50px;
     max-width: 250px;
     height: 52px;
}
 header.signup:before {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     content: '';
     opacity: 0.3;
     z-index: 2;
     background-color: #333333;
}
 .product-right {
     height: 650px;
     position: relative;
     overflow: hidden;
     padding: 0px;
}
 .product-right h1 {
     margin-bottom: 32px;
}
 .product-right p.lead {
     margin-bottom: 32px;
}
 .product-right .btn {
     margin-right: 16px;
}
 .product-right .product-image {
     position: absolute;
     right: -40px;
     bottom: -80px;
     max-width: 750px;
}
 .hero-divider {
     padding: 160px 0px;
     position: relative;
     overflow: hidden;
}
 .hero-divider:before {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     content: '';
     opacity: 0.4;
     z-index: 2;
     background-color: #333333;
}
 .hero-divider .btn {
     margin-right: 16px;
     margin-top: 24px;
}
 .hero-divider .btn:last-child {
     margin-right: 0px;
}
 .hero-divider .container {
     position: relative;
     z-index: 3;
}
 .hero-divider h1 {
     margin-bottom: 32px;
}
 .video-wrapper {
     position: absolute;
     width: 100%;
     top: 0px;
     left: 0px;
     z-index: 0;
}
 .video-wrapper video {
     width: 100%;
     position: absolute;
     top: 0px;
}
 @media all and (max-width: 1400px) {
     .video-wrapper video {
         width: 110%;
    }
}
 @media all and (max-width: 1200px) {
     .video-wrapper video {
         width: 130%;
    }
}
 @media all and (max-width: 1000px) {
     .video-wrapper video {
         width: 150%;
    }
}
 .divider-video .overlay {
     z-index: 1;
     opacity: 0.4;
}
 .divider-video .divider-content {
     position: relative;
     z-index: 2;
     padding-top: 121px;
     padding-bottom: 121px;
}
 header.centered-text h1 {
     font-size: 40px;
     margin-bottom: 24px;
     line-height: 56px;
}
 header.centered-text .btn {
     margin-right: 16px;
     margin-top: 24px;
}
 header.centered-text .btn:last-child {
     margin-right: 0px;
}
 header.fullscreen-element .overlay:before, .image-divider.overlay:before {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     content: '';
     opacity: 0.3;
     z-index: 2;
     background-color: #333333;
}
 .bottom-band {
     width: 100%;
     position: relative;
     bottom: 0px;
     background: rgba(0, 0, 0, 0.4);
     padding-top: 53.33333333px;
     margin-top: 65px;
}
 .bottom-band .col-sm-4 {
     margin-bottom: 53.33333333px;
}
 .bottom-band .link-text {
     border-color: #fff;
}
 .bottom-band .link-text:hover {
     color: #fff;
}
 .bottom-band h3 {
     margin-bottom: 8px;
}
 .image-divider i {
     font-size: 56px;
     margin-bottom: 24px;
}
 .image-divider .feature-icon-large i {
     border-color: #fff;
     color: #fff;
}
 .feature {
     overflow: hidden;
}
 .feature h4 {
     font-weight: 600;
}
 .feature i {
     color: #0a67b2;
}
 .feature-icon-large i {
     display: block;
     height: 104px;
     width: 104px;
     border: 2px solid #0a67b2;
     border-radius: 50%;
     text-align: center;
     color: #0a67b2;
     font-size: 40px;
     padding-top: 31px;
     margin-bottom: 32px;
}
 .duplicatable-content .feature {
     margin-bottom: 40px;
}
 .feature-selector ul {
     list-style: none;
     padding: 0;
}
 .feature-icon-large .pull-left {
     width: 25%;
}
 .feature-icon-large .pull-right {
     width: 75%;
}
 .feature-icon-large .pull-left .icon {
     border: none;
     width: auto;
     font-size: 48px;
     padding-top: 0px;
}
 .selector-tabs {
     margin-bottom: 56px;
}
 .selector-tabs li {
     text-align: center;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
     opacity: 0.4;
     cursor: pointer;
     float: left;
}
 .selector-tabs li:hover {
     opacity: 1;
}
 .selector-tabs li.active {
     opacity: 1;
}
 .selector-tabs li span {
     font-size: 16px;
     font-weight: 600;
     position: relative;
     bottom: 12px;
}
 .selector-tabs li i {
     font-size: 40px;
     display: inline-block;
     margin-right: 8px;
}
 .selector-content li {
     display: none;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
     opacity: 0;
}
 .selector-content li.active {
     display: block;
     opacity: 1;
}
 .selector-content h1 {
     margin-bottom: 56px;
}
 .feature-icon-small {
     margin-bottom: 32px;
}
 .feature-icon-small i {
     color: #0a67b2;
     font-size: 36px;
     display: inline-block;
     margin-bottom: 32px;
}
 .feature-icon-small h6 {
     font-weight: bold;
}
 .primary-features {
     background: #0a67b2 !important;
}
 .primary-features .feature-icon-small i {
     color: #fff;
}
 .feature-divider {
     position: relative;
     overflow: hidden;
}
 .feature-divider h1 {
     margin-bottom: 40px;
}
 img.phone-portrait {
     max-height: 580px;
}
 .store-link {
     display: inline-block;
     overflow: hidden;
     margin-right: 16px;
     margin-top: 24px;
}
 .store-link img {
     height: 50px;
}
 .feature-icon-left {
     overflow: hidden;
     margin-bottom: 40px;
     float: left;
}
 .feature-icon-left .icon-holder {
     width: 45px;
     float: left;
}
 .feature-icon-left i {
     font-size: 32px;
}
 .feature-icon-left .feature-text {
     width: 217px;
     float: left;
     padding-top: 8px;
}
 .feature-box {
     padding: 64px 40px;
     position: relative;
     z-index: 1;
     overflow: hidden;
     min-height: 397px;
}
 .feature-box .background-image-holder {
     z-index: 0;
     left: 0;
}
 .feature-box .background-image-holder.overlay:before {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     content: '';
     opacity: 0.3;
     z-index: 2;
     background-color: #333333;
     z-index: -1;
}
 .feature-box h1 {
     margin-bottom: 24px;
}
 .feature-box .btn {
     margin-top: 24px;
}
 .feature-box .inner {
     width: 66.66666%;
     position: relative;
     z-index: 3;
}
 .contained-feature-boxes .row {
     padding: 0px 15px;
}
 .contained-feature-boxes .image-slider {
     margin: 0px;
}
 .contained-feature-boxes .image-slider .flex-direction-nav {
     display: none;
}
 .contained-feature-boxes .image-slider .flex-control-nav {
     bottom: 24px;
}
 .contained-feature-boxes .image-slider .flex-control-nav li a {
     background: rgba(255, 255, 255, 0.5);
}
 .contained-feature-boxes .image-slider .flex-control-nav li a.flex-active {
     background: rgba(255, 255, 255, 0.9);
}
 .feature-box.contained {
     padding: 40px;
     overflow: hidden;
}
 .feature-box.contained .inner {
     width: 100%;
}
 .clients p {
     margin-bottom: 48px !important;
}
 .client-row {
     overflow: hidden;
     text-align: center;
     line-height: 0;
}
 .client-row .col-sm-3 {
     display: inline-block;
     min-height: 80px;
     line-height: 80px;
     padding-top: 16px;
     padding-bottom: 16px;
}
 .client-row img {
     max-height: 60px;
     max-width: 140px;
     opacity: 0.3;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
     -webkit-backface-visibility: none;
}
 .client-row img:hover {
     opacity: 1;
}
 .client-row .row-wrapper {
     display: inline-block;
     width: 80%;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
 .client-row:last-child .row-wrapper {
     border-bottom: none;
}
 .row-wrapper .col-sm-3 {
     border-right: 1px solid rgba(0, 0, 0, 0.2);
}
 .row-wrapper .col-sm-3:last-child {
     border-right: none;
}
 .clients-2 {
     text-align: center;
     padding: 64px 0px 64px 0px;
}
 .clients-2 .col-md-2 {
     height: 80px;
     line-height: 80px;
}
 .clients-2 img {
     max-height: 60px;
     max-width: 140px;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
     opacity: 0.4;
}
 .clients-2 img:hover {
     opacity: 1;
}
 .wood-divider .product-image {
     top: 22%;
     transform: rotate(-15deg);
     right: -100px;
}
 .accordion-active {
     background-color: #0a67b2;
     color: #fff;
}
 .background-image-holder, .foreground-image-holder {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background-size: cover !important;
     z-index: 0;
     background-position: 18% 50% !important;
}
 .background-image-holder.parallax-background {
     height: 120%;
     top: -10%;
}
 .hover-background .background-image-holder, .hover-background .foreground-image-holder {
     transition: all 0.3s ease-out;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
}
 .hover-background .background-image-holder {
     height: 110%;
     width: 110%;
}
 .side-image {
     padding: 0px;
     position: relative;
}
 .side-image .image-container {
     overflow: hidden;
     position: absolute;
     height: 100%;
     padding: 0px;
     top: 0px;
}
 .side-image .image-container.pull-right {
     right: 0px;
}
 .side-image .content {
     padding-top: 80px;
     padding-bottom: 80px;
}
 .side-image h1 {
     margin-bottom: 40px;
}
 .side-image p.lead {
     margin-bottom: 64px;
}
 .side-image.text-heavy h1 {
     margin-bottom: 32px;
}
 .side-image.text-heavy p.lead {
     margin-bottom: 40px;
}
 .side-image.text-heavy .feature {
     margin-top: 64px;
}
 .side-image.text-heavy .feature h5 {
     margin-bottom: 40px;
}
 .icons-large {
     list-style: none;
     overflow: hidden;
     display: inline-block;
     padding: 0px;
     margin-bottom: 32px;
}
 .icons-large li {
     float: left;
     margin-right: 48px;
     font-size: 48px;
     color: #0a67b2;
}
 .icons-large li:last-child {
     margin-right: 0px;
}
 .text-banner h1 {
     margin-bottom: 24px;
}
 .text-banner p:last-child {
     margin-bottom: 32px;
}
 .accordion-section .icons-large {
     margin-bottom: 0px;
}
 .accordion-section .feature {
     margin-bottom: 40px;
}
 .accordion-section .feature:last-child {
     margin-bottom: 0px;
}
 .accordion {
     border-radius: 0;
     list-style: none;
     overflow: hidden;
     border: 1px solid #0a67b2;
     padding: 0px;
}
 .accordion .title span {
     padding: 0px 24px;
     display: block;
}
 .accordion .title {
     font-weight: 600;
     font-size: 16px;
     color: #333333;
     padding: 24px 0px;
     cursor: pointer;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
     border-bottom: 1px solid #0a67b2;
}
 .accordion .title:hover {
     background-color: #0a67b2;
     color: #fff;
}
 .accordion li:last-child .title, .accordion li:last-child .text {
     border-bottom: none !important;
}
 .accordion .text {
     padding: 0px 24px;
     max-height: 0px;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     transition: all .5s ease;
     overflow: hidden;
     opacity: 0;
}
 .accordion li.active .title {
     background-color: #0a67b2;
     color: #fff;
     border-bottom: 2px solid #dadada;
}
 .accordion li.active .text {
     padding: 24px;
     max-height: 500px;
     border-bottom: 1px solid #0a67b2;
     opacity: 1;
}
 .text-image-bottom {
     padding-bottom: 0px;
}
 .text-image-bottom img {
     display: inline-block;
     margin-top: 64px;
}
 .inline-video-wrapper {
     width: 100%;
     height: auto;
     overflow: hidden;
}
 .inline-video-wrapper video {
     width: 100%;
}
 .testimonials-slider {
     position: relative;
     margin-bottom: 24px;
}
 .testimonials-slider p.lead {
     font-size: 18px;
}
 .testimonials-slider .author {
     
     font-weight: bold;
     font-size: 11px;
     text-transform: uppercase;
     letter-spacing: 1px;
}
 .testimonials-slider .flex-control-nav {
     bottom: -48px;
}
 .pure-text p:last-child {
     margin-bottom: 40px;
}
 .pure-text-centered h1 {
     margin-bottom: 24px;
}
 .inline-image-right img {
     max-width: 90%;
}
 .inline-image-right h1 {
     margin-bottom: 16px;
}
 .inline-image-right h6 {
     margin-bottom: 32px;
}
 .strip {
     padding: 64px 0px;
}
 .strip::-moz-placeholder {
     color: #999999;
     opacity: 1;
}
 .strip:-ms-input-placeholder {
     color: #999999;
}
 .strip::-webkit-input-placeholder {
     color: #999999;
}
 .strip input::-webkit-input-placeholder {
     color: #ffffff;
     font-size: 24px;
     font-weight: 300;
     position: relative;
     top: 5px;
}
 .strip input:-moz-placeholder {
     color: #ffffff;
}
 .strip textarea::-webkit-input-placeholder {
     color: #ffffff;
}
 .strip textarea:-moz-placeholder {
     color: #ffffff;
}
 .strip strong {
     font-weight: 600;
}
 .strip h3 {
     margin: 0px;
     position: relative;
     top: 5px;
     display: inline-block;
     font-weight: normal;
}
 .social-icons {
     list-style: none;
     overflow: hidden;
     display: inline-block;
}
 .social-icons li {
     float: left;
     margin-right: 24px;
     font-size: 24px;
}
 .social-icons li:last-child {
     margin-right: 0px;
}
 .social-icons li a {
     color: #333333;
}
 .strip .social-icons {
     position: relative;
     top: 10px;
}
 .strip .signup-email-field {
     background: none;
     border: none;
     box-shadow: none;
     
     float: left;
     color: #fff;
     min-width: 400px;
     font-weight: 300;
     font-size: 24px;
     position: relative;
     top: 4px;
}
 .strip .signup-email-field:focus {
     outline: none;
}
 .pricing-tables .col-md-3:first-child .pricing-table {
     border-radius: 25px 0px 0px 25px;
}
 .pricing-tables .col-md-3:last-child .pricing-table {
     border-radius: 0px 25px 25px 0px;
     border-right: 2px solid rgba(255, 255, 255, 0.2);
}
 .pricing-table {
     border-top: 2px solid rgba(255, 255, 255, 0.2);
     border-bottom: 2px solid rgba(255, 255, 255, 0.2);
     border-left: 2px solid rgba(255, 255, 255, 0.2);
     text-align: center;
     padding-bottom: 40px;
}
 .pricing-table .price {
     padding: 40px 0px;
     font-weight: 600;
     border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
 .pricing-table .price .sub {
     font-size: 16px;
     color: rgba(255, 255, 255, 0.3);
     position: relative;
     bottom: 10px;
}
 .pricing-table .price .amount {
     color: #fff;
     font-size: 56px;
     display: inline-block;
     padding: 0px 8px;
}
 .pricing-table .features {
     margin: 40px 0px;
}
 .pricing-table .features li {
     color: #fff;
     font-size: 16px;
     text-align: center;
     margin-bottom: 16px;
}
 .pricing-table .features li:last-child {
     margin-bottom: 0px;
}
 .pricing-table .features li strong {
     font-weight: 600;
}
 .pricing-table.emphasis {
     background-color: #0a67b2;
}
 .pricing-2 .pricing-tables .col-md-3:first-child .pricing-table {
     border-radius: 25px 0px 0px 25px;
}
 .pricing-2 .pricing-tables .col-md-3:last-child .pricing-table {
     border-radius: 0px 25px 25px 0px;
     border-right: 2px solid rgba(35, 35, 35, 0.2);
}
 .pricing-2 .pricing-table {
     border-top: 2px solid rgba(35, 35, 35, 0.2);
     border-bottom: 2px solid rgba(35, 35, 35, 0.2);
     border-left: 2px solid rgba(35, 35, 35, 0.2);
     text-align: center;
     padding-bottom: 40px;
}
 .pricing-2 .pricing-table .features {
     margin: 0px;
}
 .pricing-2 .pricing-table .features li:first-child {
     border-top: none;
}
 .pricing-2 .pricing-table .features li {
     color: #333333;
     border-top: 2px solid rgba(35, 35, 35, 0.2);
     padding: 24px 0px;
     margin: 0;
}
 .pricing-2 .pricing-table .price {
     border-top: 2px solid rgba(35, 35, 35, 0.2);
     padding-bottom: 24px;
     border-bottom: none;
}
 .pricing-2 .pricing-table .price .amount {
     color: #333333;
}
 .pricing-2 .pricing-table .price .sub {
     color: #777777;
     opacity: 0.7;
}
 .pricing-2 .pricing-table.emphasis {
     background-color: #0b3c4d;
}
 .pricing-2 .pricing-table.emphasis .features li {
     color: #fff;
     background-color: #0b3c4d !important;
}
 .pricing-2 .pricing-table.emphasis .price .amount, .pricing-2 .pricing-table.emphasis .sub {
     color: #fff;
}
 .pricing-2 .feature-list {
     padding-bottom: 0px;
}
 .pricing-2 .pricing-table .features li:nth-child(even) {
     background: #f4f8fe;
}
 .team-1 h1 {
     margin-bottom: 40px;
}
 .team-1 h2 {
     margin-bottom: 8px;
}
 .team-1 .feature .sub {
     color: #333333;
     margin-bottom: 16px;
     display: inline-block;
}
 .team-1-member {
     text-align: center;
     margin-top: 48px;
}
 .team-1-member img {
     display: inline-block;
     margin-bottom: 16px;
}
 .team-1-member h5 {
     margin-bottom: 8px;
}
 .team-1-member .social-icons {
     margin-top: 8px;
}
 .team-1-member .social-icons li a {
     font-size: 18px;
}
 .team-2-member {
     margin-bottom: 56px;
}
 .team-2-member .name {
     font-size: 24px;
     font-weight: 300;
     color: #333333;
     display: inline-block;
     margin: 24px 0px;
}
 .team-2-member .image-holder {
     position: relative;
     overflow: hidden;
}
 .team-2-member .image-holder img {
     position: relative;
     z-index: 1;
}
 .team-2-member .hover-state {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
     opacity: 0;
     background-color: #0b3c4d;
     z-index: 2;
     text-align: center;
}
 .team-2-member .social-icons {
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
     opacity: 0;
     -webkit-transform: translate3d(0, -200px, 0);
     -moz-transform: translate3d(0, -200px, 0);
     transform: translate3d(0, -200px, 0);
}
 .team-2-member .social-icons li a {
     color: #fff;
     font-size: 32px;
}
 .team-2-member .image-holder:hover .hover-state {
     opacity: 0.9;
}
 .team-2-member .image-holder:hover .social-icons {
     opacity: 1;
     -webkit-transform: translate3d(0, 0px, 0);
     -moz-transform: translate3d(0, 0px, 0);
     transform: translate3d(0, 0px, 0);
}
 .blog-snippet-1 {
     margin-bottom: 40px;
}
 .blog-snippet-1 img {
     display: inline-block;
     margin-bottom: 16px;
}
 .blog-snippet-1 h2 {
     margin-bottom: 8px;
     font-size: 24px;
     line-height: 36px;
}
 .blog-snippet-1 .sub {
     display: inline-block;
     margin-bottom: 16px;
}
 .blog-snippet-1 a {
     margin-top: 8px;
}
 .blog-snippet-2 {
     overflow: hidden;
     padding: 0px;
}
 .blog-snippet-2 li {
     overflow: hidden;
     margin-bottom: 40px;
}
 .blog-snippet-2 li:last-child {
     margin-bottom: 0px;
}
 .blog-snippet-2 li .icon {
     width: 10%;
     float: left;
}
 .blog-snippet-2 li .icon i {
     color: #0a67b2;
     font-size: 32px;
     position: relative;
     top: 5px;
}
 .blog-snippet-2 .title {
     width: 90%;
     float: left;
}
 .blog-snippet-2 a {
     color: #333333;
     display: block;
     font-weight: 600;
}
 .blog-snippet-2 .sub {
     letter-spacing: 0px;
     opacity: 0.8;
     font-size: 12px;
}
 .blog-list-3 {
     padding: 0px;
}
 .blog-snippet-3:nth-child(even) {
     background-color: #f4f8fe;
}
 .blog-snippet-3 {
     padding-top: 80px;
     padding-bottom: 80px;
}
 .blog-snippet-3 h1 {
     margin-bottom: 16px;
}
 .blog-snippet-3 h1 a {
     color: #333333;
}
 .blog-snippet-3 h1 a em {
     color: #0a67b2;
     font-weight: 600;
     font-style: normal;
}
 .blog-snippet-3 .alt-font {
     letter-spacing: 0px;
     font-size: 12px;
     display: inline-block;
     margin-left: 8px;
     position: relative;
     bottom: 2px;
}
 blockquote {
     font-size: 18px;
     font-weight: 600;
     color: #333333;
     font-style: italic;
     line-height: 32px;
     padding: 0px;
     border: none;
     margin-bottom: 24px;
}
 .article-single {
     background: #f4f8fe !important;
}
 .article-body p.lead {
     font-size: 14px;
     font-weight: 600;
     line-height: 32px;
     margin-bottom: 24px;
     color: #333333;
}
 .article-body p:last-child {
     margin-bottom: 0px;
}
 .article-body p {
     font-size: 14px;
     line-height: 32px;
     margin-bottom: 24px;
}
 .article-body figure {
     margin: 16px 0px;
}
 .article-body figcaption {
     font-style: italic;
     font-size: 14px;
     color: #aaa;
     margin-top: 16px;
}
 .article-body h2 {
     font-weight: 600;
     font-size: 24px;
     margin-bottom: 24px;
}
 .article-body {
     padding-bottom: 64px;
     border-bottom: 1px solid #ddd;
}
 .author-details {
     text-align: center;
     padding: 40px 0px;
     border-bottom: 1px solid #ddd;
}
 .author-details img {
     display: inline-block;
     margin-bottom: 16px;
}
 .author-details h5 {
     font-weight: normal;
}
 .author-details .social-icons {
     margin-bottom: -8px;
     margin-top: 8px;
}
 .projects-gallery p.lead {
     margin-bottom: 64px !important;
}
 .projects-wrapper {
     text-align: center;
}
 .filters {
     padding: 0px;
     list-style: none;
     overflow: hidden;
     display: inline-block;
     margin-bottom: 32px;
}
 .filters li {
     float: left;
     margin-right: 16px;
     
     font-weight: bold;
     font-size: 11px;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #1a8bb3;
     cursor: pointer;
}
 .filters li:last-child {
     margin-right: 0px;
}
 .filters li.active {
     border-bottom: 2px solid #1a8bb3;
}
 .project {
     height: 225px;
}
 .project.col-md-4 {
     width: 33%;
}
 .project.col-md-4:nth-child(even) {
     width: 34%;
}
 .project.col-md-4 .background-image-holder {
     width: 103%;
}
 .column-projects .project.col-md-4 {
     width: 33.33333%;
     overflow: hidden;
}
 .column-projects .project.col-md-4 .background-image-holder {
     width: 100% !important;
}
 .column-projects .project {
     overflow: hidden;
}


            .subnav{padding:15px 5px;}
            .subnav.subnav-halfwidth {
                left: -100px;
            }
 @media screen and (max-width: 990px) {
     .project.col-md-4 {
         width: 50%;
    }
     .project.col-md-4:nth-child(even) {
         width: 50%;
    }
     .project.col-md-4 .background-image-holder {
         width: 100%;
    }
     .column-projects .project.col-md-4 {
         width: 50%;
    }
}
 @media screen and (max-width: 767px) {
    .myaccordion .btn p {
         font-size: 12px;
    }
     .project.col-md-4 {
         width: 100%;
    }
     .project.col-md-4:nth-child(even) {
         width: 100%;
    }
     .column-projects .project.col-md-4 {
         width: 100%;
    }
}
 .project .image-holder {
     overflow: hidden;
     position: relative;
}
 .project img {
     width: 100%;
}
 .project .hover-state {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     background-color: rgba(11, 60, 77, 0.9);
     text-align: center;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     transition: all .5s ease;
     opacity: 0;
     padding-right: 15px;
}
 .project:hover .hover-state {
     opacity: 1;
}
 .project .hover-state h1 {
     margin-bottom: 8px;
     font-size: 24px;
}
 .project .hover-state h3 {
     font-size: 18px;
     margin-bottom: 8px;
}
 .project .hover-state p {
     margin-bottom: 24px;
}
 .project .hover-state .btn-white:hover {
     color: #0b3c4d;
}
 .hover-state .align-vertical {
     -webkit-transform: translate3d(0, 200px, 0);
     -moz-transform: translate3d(0, 200px, 0);
     transform: translate3d(0, 200px, 0);
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     transition: all .5s ease;
     opacity: 0;
}
 .project:hover .align-vertical {
     -webkit-transform: translate3d(0, 0px, 0);
     -moz-transform: translate3d(0, 0px, 0);
     transform: translate3d(0, 0px, 0);
     opacity: 1;
}
 .column-projects {
     margin-bottom: 80px;
}
 .column-projects .project {
     height: 300px;
     margin-bottom: 15px;
}
 .column-projects .project .hover-state h3 { 
     margin-bottom: 24px;
}
 .column-projects .project .background-image-holder {
     left: 15px;
}
 .image-gallery {
     margin-top: 64px;
}
 .image-gallery .image-holder {
     margin-bottom: 30px;
     height: 245px;
     overflow: hidden;
     position: relative;
}
 .image-slider .flex-direction-nav {
     display: none;
}
 @media (min-width: 768px) {
     .image-gallery .image-holder {
         height: 245px;
    }
}
 @media (min-width: 992px) {
     .image-gallery .image-holder {
         height: 245px;
    }
}
 .image-slider {
     position: relative;
     margin-bottom: 32px;
}
 .image-slider .flex-direction-nav a.flex-prev:before {
     left: 0px;
}
 .image-slider .flex-control-nav {
     bottom: -48px;
}
 .image-slider .flex-control-nav li a {
     background: rgba(0, 0, 0, 0.3);
}
 .image-slider .flex-control-nav li a.flex-active {
     background: rgba(0, 0, 0, 0.8);
}
 .instagram-feed {
     padding-top: 40px;
     padding-bottom: 0px;
}
 .instagram-feed span {
     color: #333333;
}
 .instafeed {
     margin-top: 40px;
}
 .instafeed ul {
     overflow: hidden;
     margin: 0px;
}
 .instafeed ul li {
     float: left;
     width: 16.666667%;
}
 .instafeed ul li:nth-child(n+7) {
     display: none;
}
 #tweets .user {
     display: none;
}
 #tweets .interact {
     display: none;
}
 #tweets .tweet {
     font-size: 24px;
     line-height: 40px;
     font-style: italic;
     font-weight: 300;
}
 .form-contact .inputs-wrapper {
     border: 2px solid rgba(0, 0, 0, 0.2);
     border-radius: 25px;
     margin-bottom: 24px;
}
 .form-contact input:focus, .form-contact textarea:focus {
     outline: none;
}
 .form-contact input, .form-contact textarea {
     background: none;
     box-shadow: none;
     
     width: 100%;
     padding: 16px;
}
 .form-contact input::-moz-placeholder, .form-contact textarea::-moz-placeholder {
     color: #777777;
     opacity: 1;
}
 .form-contact input:-ms-input-placeholder, .form-contact textarea:-ms-input-placeholder {
     color: #777777;
}
 .form-contact input::-webkit-input-placeholder, .form-contact textarea::-webkit-input-placeholder {
     color: #777777;
}
 .form-contact input input::-webkit-input-placeholder, .form-contact textarea input::-webkit-input-placeholder {
     color: #777777;
     font-size: 24px;
     font-weight: 300;
     position: relative;
     top: 5px;
}
 .form-contact input input:-moz-placeholder, .form-contact textarea input:-moz-placeholder {
     color: #777777;
}
 .form-contact input textarea::-webkit-input-placeholder, .form-contact textarea textarea::-webkit-input-placeholder {
     color: #777777;
}
 .form-contact input textarea:-moz-placeholder, .form-contact textarea textarea:-moz-placeholder {
     color: #777777;
}
 .form-contact input {
     border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}
 .form-success, .form-error {
     width: 100%;
     padding: 12px;
     display: none;
     margin-top: 12px;
     color: #fff;
}
 .form-success {
     background-color: #58b551;
}
 .form-error {
     background-color: #d94947;
}
 .field-error {
     box-shadow: inset 0px 0px 10px -2px #ff0000 !important;
}
 .form-loading {
     border: 3px solid rgba(0, 0, 0, 0.2);
     border-radius: 30px;
     height: 30px;
     left: 50%;
     margin: -15px 0 0 -15px;
     opacity: 0;
     margin: 0px auto;
     top: 50%;
     width: 30px;
     -webkit-animation: pulsate 1s ease-out;
     -webkit-animation-iteration-count: infinite;
     -moz-animation: pulsate 1s ease-out;
     -moz-animation-iteration-count: infinite;
     animation: pulsate 1s ease-out;
     animation-iteration-count: infinite;
}
 @keyframes pulsate {
     0% {
         transform: scale(0.1);
         opacity: 0.0;
    }
     50% {
         opacity: 1;
    }
     100% {
         transform: scale(1.2);
         opacity: 0;
    }
}
 @-webkit-keyframes pulsate {
     0% {
         transform: scale(0.1);
         opacity: 0.0;
    }
     50% {
         opacity: 1;
    }
     100% {
         transform: scale(1.2);
         opacity: 0;
    }
}
 input[type="submit"] {
     -webkit-appearance: none;
     background: none;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
     min-width: 155px;
     border-radius: 25px;
     display: inline-block;
     padding: 14px 28px 13px 28px;
     line-height: 1;
     border: 2px solid #1a8bb3;
     color: #1a8bb3;
     max-width: 155px;
     
     font-weight: bold;
     font-size: 11px;
     text-transform: uppercase;
     letter-spacing: 1px;
}
 .strip .mail-list-signup input[type="submit"] {
     background: none;
     border: 2px solid #fff;
}
 .contact-center p.lead {
     font-size: 18px;
}
 .contact-center .form-wrapper {
     text-align: center;
     margin-top: 48px;
}
 .contact-photo {
     position: relative;
     overflow: hidden;
}
 .contact-photo h1 {
     margin-bottom: 200px;
}
 .contact-photo .social-icons {
     margin-bottom: 64px;
}
 .contact-photo .social-icons li {
     margin-right: 40px;
}
 .contact-photo .social-icons li a {
     font-size: 40px;
     color: #fff;
     opacity: 0.7;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
}
 .contact-photo .social-icons li a:hover {
     opacity: 1;
}
 .contact-photo .sub a {
     color: #fff;
}
 .photo-form-wrapper {
     margin-bottom: 200px;
}
 .photo-form-wrapper input {
     background: none;
     border: none;
     box-shadow: none;
     
     background: rgba(255, 255, 255, 0.85);
     border-radius: 50px;
     padding: 14px 24px 14px 24px;
     width: 100%;
     margin-bottom: 30px;
}
 .photo-form-wrapper .btn-filled {
     background-color: #0a67b2;
     border-color: #0a67b2;
}
 .photo-form-wrapper input:focus {
     outline: none;
}
 .photo-form-wrapper input[type="submit"] {
     color: #fff !important;
     
     font-weight: bold;
     font-size: 11px;
     text-transform: uppercase;
     letter-spacing: 1px;
}
 .photo-form-wrapper .form-loading {
     border: 3px solid rgba(255, 255, 255, 0.85);
     border-radius: 30px;
     height: 30px;
     left: 50%;
     margin: -15px 0 0 -15px;
     opacity: 0;
     margin: 0px auto;
     top: 50%;
     width: 30px;
     -webkit-animation: pulsate 1s ease-out;
     -webkit-animation-iteration-count: infinite;
     -moz-animation: pulsate 1s ease-out;
     -moz-animation-iteration-count: infinite;
     animation: pulsate 1s ease-out;
     animation-iteration-count: infinite;
}
 .map {
     padding: 0px;
     overflow: hidden;
     position: relative;
}
 .map-holder {
     height: 450px;
}
 .map-holder iframe {
     border: none;
     width: 100%;
     height: 450px;
}
 .map-holder:before {
     content: '';
     opacity: 0;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
}
 .map-holder.on:before {
     width: 0%;
}
 .map-overlay {
     padding: 160px 0px;
     position: relative;
     overflow: hidden;
}
 .map-overlay:before {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     content: '';
     opacity: 0.9;
     z-index: 2;
     background-color: #0a67b2;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     transition: all .5s ease;
}
 .map-overlay .map-holder {
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 0;
     top: 0px;
}
 .map-overlay .map-holder iframe {
     width: 100%;
     height: 150%;
     position: absolute;
     bottom: -80px;
}
 .map-overlay .container {
     position: relative;
     z-index: 2;
}
 .details-holder {
     background: #fff;
     width: 100%;
     border-radius: 50%;
}
 .details-holder img {
     max-width: 145px;
     display: inline-block;
     margin-bottom: 16px;
}
 .fade-overlay:before {
     opacity: 0;
}
 .pure-text-contact i {
     display: inline-block;
     color: #0a67b2;
     text-align: center;
     font-size: 64px;
     margin-bottom: 24px;
     margin-bottom: 0px;
     margin-right: 48px;
}
 .pure-text-contact i:last-child {
     margin-right: 0px;
}
 .icon-jumbo {
     display: inline-block;
     color: #0a67b2;
     text-align: center;
     font-size: 64px;
     margin-bottom: 24px;
}
 .social-bar {
     overflow: hidden;
}
 .social-bar .link {
     height: 104px;
     text-align: center;
     position: relative;
     overflow: hidden;
}
 .social-bar .link i {
     color: #fff;
     font-size: 40px;
}
 .social-bar .initial, .social-bar .hover-state {
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
     -webkit-transform: translate3d(0, 0px, 0);
     -moz-transform: translate3d(0, 0px, 0);
     transform: translate3d(0, 0px, 0);
     position: absolute;
     width: 100%;
     top: 35px;
}
 .social-bar .hover-state {
     -webkit-transform: translate3d(0, 200px, 0);
     -moz-transform: translate3d(0, 200px, 0);
     transform: translate3d(0, 200px, 0);
     top: 42px;
}
 .social-bar span {
     
     font-weight: bold;
     font-size: 11px;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-size: 14px;
}
 .social-bar .link:hover .initial {
     -webkit-transform: translate3d(0, -200px, 0);
     -moz-transform: translate3d(0, -200px, 0);
     transform: translate3d(0, -200px, 0);
}
 .social-bar .link:hover .hover-state {
     -webkit-transform: translate3d(0, 0px, 0);
     -moz-transform: translate3d(0, 0px, 0);
     transform: translate3d(0, 0px, 0);
}
 .error-page.bg-primary h1 {
     color: #fff;
     margin-bottom: 32px;
}
 .error-page .jumbo {
     font-size: 160px;
     line-height: 160px;
     font-weight: 600;
     margin-bottom: 16px !important;
}
 .error-page i {
     display: inline-block;
     font-size: 80px;
     margin-bottom: 24px;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
     -webkit-animation: spin 6s ease-in-out infinite alternate;
     -moz-animation: spin 6s ease-in-out infinite alternate;
     -o-animation: spin 6s ease-in-out infinite alternate;
     animation: spin 6s ease-in-out infinite alternate;
}
 .error-page .btn-text-only:hover {
     color: #333333;
}
 .login-page {
     overflow: hidden;
     position: relative;
}
 .login-page .container {
     position: relative;
     z-index: 3;
}
 .login-page .photo-form-wrapper {
     margin-bottom: 24px;
}
 .login-page a.text-white:hover {
     color: #fff;
     font-weight: 600;
}
 .spin-me {
     -webkit-animation: spin 6s ease-in-out infinite alternate;
     -moz-animation: spin 6s ease-in-out infinite alternate;
     -o-animation: spin 6s ease-in-out infinite alternate;
     animation: spin 6s ease-in-out infinite alternate;
}
 @-webkit-keyframes spin {
     0% {
         -webkit-transform: rotate(-15deg);
    }
     10% {
         -webkit-transform: rotate(-85deg);
    }
     30% {
         -webkit-transform: rotate(5deg);
    }
     50% {
         -webkit-transform: rotate(250deg);
    }
     100% {
         -webkit-transform: rotate(0deg);
    }
}
 @-moz-keyframes spin {
     0% {
         -moz-transform: rotate(-15deg);
    }
     10% {
         -moz-transform: rotate(-85deg);
    }
     30% {
         -moz-transform: rotate(5deg);
    }
     50% {
         -moz-transform: rotate(250deg);
    }
     100% {
         -moz-transform: rotate(0deg);
    }
}
 @-o-keyframes spin {
     0% {
         -o-transform: rotate(-15deg);
    }
     10% {
         -o-transform: rotate(-85deg);
    }
     30% {
         -o-transform: rotate(5deg);
    }
     50% {
         -o-transform: rotate(250deg);
    }
     100% {
         -o-transform: rotate(0deg);
    }
}
 @keyframes spin {
     0% {
         transform: rotate(-15deg);
    }
     10% {
         transform: rotate(-85deg);
    }
     30% {
         transform: rotate(5deg);
    }
     50% {
         transform: rotate(250deg);
    }
     100% {
         transform: rotate(0deg);
    }
}
 .coming-soon {
     position: relative;
     overflow: hidden;
}
 .coming-soon h1 {
     font-size: 40px;
     font-weight: 600;
}
 .coming-soon .logo {
     display: inline-block;
     margin-bottom: 32px;
     width: 200px;
}
 .coming-soon .overlay:before {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     content: '';
     opacity: 0.3;
     z-index: 2;
     background-color: #333333;
}
 .coming-soon .photo-form-wrapper {
     margin-bottom: 32px;
     margin-top: 48px;
}
 .countdown-row {
     color: #fff;
     font-size: 80px;
     font-weight: 300;
}
 .countdown-section {
     width: 20%;
     display: inline-block;
}
 .countdown-amount {
     display: inline-block;
     margin-bottom: 48px;
}
 .countdown-period {
     display: block;
     font-size: 24px;
}
 iframe.mail-list-form {
     display: none !important;
}
 footer { 
    background: #c1c2c3;
}
 footer.social h1 {
     margin-bottom: 24px;
}
 footer.social a.text-white {
     font-size: 18px;
}
 footer.social .social-icons {
     margin: 64px 0px;
}
 footer.social .social-icons li {
     margin-right: 40px;
}
 footer.social .social-icons li a {
     font-size: 40px;
     color: #fff;
     opacity: 0.2;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
}
 footer.social .social-icons li a:hover {
     opacity: 1;
}
 footer.social .sub {
     opacity: 0.5;
     color: #fff;
     font-size: 12px;
}
 footer.social .sub a {
     color: #fff;
     font-weight: 600;
}
 footer.details {
     background: #f4f8fe;
}
 footer.details .logo {
     margin-bottom: 54px;
     max-width: 80px;
     margin-top: 12px;
}
 footer.details .sub {
     font-size: 12px;
     display: inline-block;
     margin-top: 48px;
}
 footer.details .sub a {
     color: #333333;
     font-weight: 600;
}
 footer.details h1 {
     font-size: 16px;
     font-weight: 600;
}
 footer.short {
     font-size: 16px;
     color: #fff;
}
 footer.short .sub {
     opacity: 0.5;
     display: inline-block;
     margin-right: 32px;
     position: relative;
     bottom: 4px;
}
 footer.short ul {
     display: inline-block;
     margin: 0px;
     line-height: 24px;
}
 footer.short ul li {
     float: left;
     margin-right: 32px;
}
 footer.short ul li a {
     color: #fff;
     opacity: 0.8;
}
 footer.short .social-icons li a {
     color: #fff;
     opacity: 1;
}
 footer.short-2 {
     position: relative;
     overflow: hidden;
}
 footer.short-2 span {
     display: inline-block;
     margin-right: 64px;
}
 footer.short-2 span:last-child {
     margin-right: 0px;
}
 footer.short-2 .contact-action {
     position: absolute;
     right: 0px;
     height: 100%;
     width: 25%;
     background: #09303d;
     z-index: 3;
     top: 0;
     text-align: center;
     font-size: 18px;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
}
 footer.short-2 .contact-action .icon_mail {
     display: inline-block;
     margin-right: 6px;
}
 footer.short-2 .contact-action .arrow_right {
     position: relative;
     top: 2px;
}
 footer.short-2 .contact-action:hover {
     background: #06222c;
}
 @media only screen and (min-width: 320px) and (max-width: 767px) {
     .top-bar {
         position: absolute;
    }
     .utility-menu {
         display: none;
    }
     nav {
         max-height: 80px;
         overflow: hidden;
         -webkit-transition: all .5s ease;
         -moz-transition: all .5s ease;
         transition: all .5s ease;
    }
     nav .logo {
         margin-bottom: 32px;
    }
     nav .columns {
         width: 100%;
    }
     nav .social-icons {
         display: none;
    }
     .open-nav {
         max-height: 8000px;
    }
     .nav-menu {
         padding-top: 24px;
    }
     .top-bar .logo {
         bottom: 0px;
    }
     .top-bar .logo.logo-wide {
         bottom: 3px;
         margin-bottom: 22px;
    }
     .mobile-toggle {
         font-size: 32px;
         display: block;
         position: absolute;
         top: 24px;
         right: 16px;
         cursor: pointer;
         color: #333333;
    }
     .overlay-bar {
         background: rgba(255, 255, 255, 0.9);
    }
     .overlay-bar .logo-light {
         display: none;
    }
     .overlay-bar .logo-dark {
         display: block;
    }
     .top-bar .menu li a {
         color: #777777;
         padding-bottom: 0px;
    }
     .overlay-bar .menu li a:hover {
         color: #333333;
    }
     .overlay-bar .has-dropdown:after {
         color: #333333;
    }
     .has-dropdown {
         bottom: 0px;
    }
     .menu {
         top: 0px;
    }
     .menu li {
         float: none;
         margin-bottom: 16px;
         margin-right: 0px;
    }
     .subnav {
         position: relative;
         background: none;
    }
     .subnav li {
         margin-bottom: 0px;
    }
     .subnav .col-md-3 {
         margin-bottom: 32px;
    }
     .offscreen-container .social-links {
         display: none;
    }
     .offscreen-container .logo {
         display: none;
    }
     section, header {
         padding-top: 64px;
         padding-bottom: 64px;
    }
     .no-align-mobile {
         padding-top: 0px !important;
         margin-top: 24px;
    }
     h1 {
         font-size: 24px;
         line-height: 32px;
    }
     p.lead {
         font-size: 14px;
         line-height: 24px;
    }
     .hero-slider .slides li h1, header.title h1, .action-banner h1, header.signup h1 {
         font-size: 32px;
         line-height: 40px;
    }
     .action-banner h2 {
         font-size: 24px;
         line-height: 32px;
    }
     .btn {
         margin-top: 16px;
    }
     header.signup {
         height: auto;
    }
     .header-icons {
         padding-top: 64px;
         padding-bottom: 64px;
    }
     header.title {
         padding: 0px;
         height: 400px;
    }
     .product-right {
         height: 632px;
         padding-top: 64px;
    }
     .product-right .align-vertical {
         padding-top: 0px !important;
    }
     .product-right .product-image {
         margin-top: 200px;
         right: 0px;
         bottom: -85px;
    }
     .page-header br {
         display: none;
    }
     .page-header h1 {
         font-size: 32px;
         line-height: 40px;
    }
     header.centered-text h1 {
         font-size: 24px;
         line-height: 32px;
    }
     .flex-direction-nav {
         display: none;
    }
     .header-icons h2 {
         margin-bottom: 32px;
    }
     .bottom-band {
         display: none;
    }
     .side-image .content {
         padding-top: 64px;
         padding-bottom: 64px;
    }
     .selector-tabs {
         text-align: center;
    }
     .selector-tabs li {
         margin-bottom: 16px;
         display: inline-block;
         width: 100%;
    }
     .feature-box {
         padding: 48px 32px;
    }
     .feature-box .inner {
         width: 100%;
    }
     .no-pad-left {
         padding-left: 15px;
    }
     .row-wrapper {
         border-bottom: none;
    }
     .row-wrapper .col-sm-3 {
         border-right: none;
    }
     .accordion {
         margin-top: 32px;
    }
     .strip {
         padding: 40px 0px;
    }
     .strip, .strip .text-right {
         text-align: center;
    }
     .strip .col-xs-12 {
         margin-bottom: 16px;
    }
     .inline-video-wrapper {
         margin-top: 40px;
    }
     .video-wrapper {
         display: none;
    }
     .inline-image-right img {
         display: inline-block;
         margin-top: 40px;
    }
     .pricing-tables .no-pad {
         padding: 0px 15px;
    }
     .pricing-tables .no-pad-left {
         padding-left: 15px;
    }
     .pricing-tables .no-pad-right {
         padding-right: 15px;
    }
     .pricing-table {
         margin-bottom: 16px;
         border-radius: 25px !important;
         border: 2px solid rgba(255, 255, 255, 0.2) !important;
    }
     .pricing-2 .hidden-sm:first-child {
         display: none;
    }
     .pricing-2 .pricing-table.emphasis .features li {
         border-radius: 25px;
    }
     .pricing-2 .pricing-table .features li:first-child {
         font-size: 24px;
    }
     footer.social .social-icons li, .contact-photo .social-icons li {
         margin-right: 8px;
    }
     footer.social .social-icons li a, .contact-photo .social-icons li a {
         font-size: 24px;
    }
     footer.details .col-sm-4 {
         margin-bottom: 16px;
    }
     footer.details h1, footer.details .logo {
         margin-bottom: 32px;
    }
     footer.short-2 {
         padding-bottom: 0px;
    }
     footer.short-2 span {
         margin-right: 16px;
    }
     footer.short-2 .contact-action {
         position: relative;
         width: 100%;
         height: 150px;
         margin-top: 80px;
    }
     footer.short-2 .align-vertical {
         padding-top: 64px !important;
    }
     .blog-snippet-2 li .icon {
         width: 20%;
    }
     .blog-snippet-2 li .title {
         width: 80%;
    }
     .contact-thirds .text-center {
         text-align: left;
    }
     .contact-thirds .col-sm-4 {
         margin-bottom: 24px;
    }
     .pure-text-contact br {
         display: none;
    }
     .pure-text-contact i {
         font-size: 48px;
    }
     .filters {
         padding: 0px 15px;
         text-align: center;
    }
     .filters li {
         margin: 0;
         width: 100%;
         margin-bottom: 8px;
    }
     .project {
         width: 100%;
    }
     .image-gallery .image-holder {
         height: 225px;
    }
     .hero-divider {
         padding-top: 64px;
         padding-bottom: 64px;
    }
     .hero-divider .video-wrapper {
         display: none;
    }
     .hero-divider .btn {
         margin-right: 0px;
    }
     .fullscreen-element {
         height: auto !important;
         padding-top: 64px;
         padding-bottom: 64px;
    }
     .instafeed ul li:nth-child(n+5) {
         display: none;
    }
     .instafeed ul li {
         width: 25%;
    }
}
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
     .flex-direction-nav {
         display: none;
    }
     .product-right .product-image {
         max-width: 640px;
         right: -100px;
         bottom: 50px;
    }
     .feature-box .inner {
         width: 100%;
    }
     .blog-snippet-2 li .icon {
         width: 15%;
    }
     .blog-snippet-2 li .title {
         width: 85%;
    }
     .map-overlay .col-md-4 {
         width: 40%;
    }
     .map-overlay .col-md-offset-4 {
         margin-left: 30%;
    }
     .hero-divider {
         height: auto;
         padding: 80px 0px 90px 0px;
    }
     .hero-divider .video-wrapper {
         display: none;
    }
     .video-wrapper {
         display: none;
    }
}
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
     .top-bar {
         position: absolute;
    }
     .utility-menu {
         display: none;
    }
     nav {
         max-height: 80px;
         overflow: hidden;
         -webkit-transition: all .5s ease;
         -moz-transition: all .5s ease;
         transition: all .5s ease;
    }
     nav .logo {
         margin-bottom: 32px;
    }
     nav .columns {
         width: 100%;
    }
     nav .social-icons {
         display: none;
    }
     .open-nav {
         max-height: 8000px;
    }
     .nav-menu {
         padding-top: 24px;
    }
     .top-bar .logo {
         bottom: 0px;
    }
     .top-bar .logo.logo-wide {
         bottom: 10px;
         margin-bottom: 22px;
    }
     .mobile-toggle {
         font-size: 32px;
         display: block;
         position: absolute;
         top: 24px;
         right: 16px;
         cursor: pointer;
         color: #333333;
    }
     .overlay-bar {
         background: rgba(255, 255, 255, 0.9);
    }
     .overlay-bar .logo-light {
         display: none;
    }
     .overlay-bar .logo-dark {
         display: block;
    }
     .overlay-bar .menu li a {
         color: #777777;
         padding-bottom: 0px;
    }
     .overlay-bar .menu li a:hover {
         color: #333333;
    }
     .overlay-bar .has-dropdown:after {
         color: #333333;
    }
     .has-dropdown {
         bottom: 0px;
    }
     .menu {
         top: 0px;
    }
     .menu li {
         float: none;
         margin-bottom: 16px;
         margin-right: 0px;
    }
     .subnav {
         position: relative;
         background: none;
    }
     .subnav li {
         margin-bottom: 0px;
    }
     .subnav .col-md-3 {
         margin-bottom: 32px;
    }
     .flex-direction-nav {
         display: none;
    }
     header.signup .photo-form-wrapper {
         margin-bottom: 32px;
    }
     .product-right .btn {
         margin-bottom: 16px;
    }
     .product-right .product-image {
         right: -320px;
         bottom: 60px;
         max-width: 670px;
    }
     .wood-divider.product-right .product-image {
         position: relative;
         top: -5%;
    }
     .selector-tabs li {
         margin-bottom: 16px;
    }
     .client-row img {
         max-width: 100px;
    }
     .inline-video-wrapper {
         margin-top: 32px;
    }
     .pricing-tables .no-pad {
         padding: 0px 15px;
    }
     .pricing-tables .no-pad-left {
         padding-left: 15px;
    }
     .pricing-tables .no-pad-right {
         padding-right: 15px;
    }
     .pricing-table {
         margin-bottom: 30px;
         border-radius: 25px !important;
         border: 2px solid rgba(255, 255, 255, 0.2) !important;
    }
     .hidden-sm {
         display: block !important;
    }
     .hidden-sm:first-child {
         display: none !important;
    }
     footer.details .social-icons li {
         margin-bottom: 16px;
    }
     .blog-snippet-2 li .icon {
         width: 15%;
    }
     .blog-snippet-2 li .title {
         width: 85%;
    }
     .hero-divider {
         height: auto;
         padding: 80px 0px 90px 0px;
    }
     .hero-divider .video-wrapper {
         display: none;
    }
     .video-wrapper {
         display: none;
    }
     .instafeed ul li:nth-child(n+5) {
         display: none;
    }
     .instafeed ul li {
         width: 25%;
    }
     .project.col-sm-4 {
         width: 50%;
    }
     #submission-strip {
         min-width: 300px;
         max-width: 300px;
    }
     footer.short-2 {
         padding-bottom: 0px;
    }
     footer.short-2 span {
         margin-right: 32px;
    }
     footer.short-2 .contact-action {
         position: relative;
         width: 100%;
         height: 150px;
         margin-top: 80px;
    }
     footer.short-2 .align-vertical {
         padding-top: 64px !important;
    }
}
 .resume-header {
     padding: 200px 0px;
}
 .resume-header span {
     font-weight: 600;
     color: #fff;
     display: block;
     font-size: 18px;
     margin-bottom: 32px;
}
 .resume-header h1 {
     margin-bottom: 8px !important;
}
 .resume-header .social-icons li {
     margin-right: 16px;
}
 .resume-header .social-icons li a {
     color: #fff;
}
 .milestones span {
     font-size: 16px;
     display: inline-block;
     width: 100%;
}
 .milestones .sub {
     font-size: 14px;
     font-style: italic;
}
 .milestones .pin-body {
     width: 2px;
     height: 30px;
     margin: 0px auto;
     background-color: #0a67b2;
}
 .milestones .pin-head {
     width: 20px;
     height: 20px;
     border-radius: 50%;
     border: 2px solid #0a67b2;
     margin: 0px auto;
     margin-bottom: 24px;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
}
 .milestones .feature-icon-large i {
     margin: 0px auto;
     margin-bottom: 0px;
}
 .milestones h5 {
     margin-bottom: 8px;
}
 .milestones .lead:last-child, .skill-bars .lead:last-child {
     margin-bottom: 64px !important;
}
 .milestones .feature:hover .pin-head {
     background-color: #0a67b2;
}
 .expanding-list {
     position: relative;
     overflow: hidden;
}
 .expanding-ul {
     position: relative;
     overflow: hidden;
}
 .expanding-ul li {
     text-align: center;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     padding-bottom: 24px;
     margin-bottom: 24px;
     cursor: pointer;
}
 .expanding-ul li .title {
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
}
 .expanding-ul .title i {
     color: #0a67b2;
     font-size: 32px;
     display: inline-block;
     margin-right: 24px;
}
 .expanding-ul .title span {
     position: relative;
     bottom: 8px;
}
 .expanding-ul .title strong {
     font-weight: 600;
     color: #333333;
}
 .expanding-ul .text-content {
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
     opacity: 0;
     max-height: 0px;
}
 .expanding-ul li.active .title {
     margin-bottom: 24px;
}
 .expanding-ul li.active .text-content {
     max-height: 800px;
     opacity: 1;
}
 .expanding-ul li:last-child {
     margin-bottom: 0px;
     border-bottom: none;
}
 .skill-bars h3 {
     font-weight: normal;
     margin-bottom: 16px;
}
 .skills-ul {
     overflow: hidden;
}
 .skills-ul span {
     display: inline-block;
     font-weight: 600;
     font-size: 14px;
     margin-bottom: 4px;
}
 .skills-ul li {
     margin-bottom: 16px;
}
 .skills-ul li:last-child {
     margin-bottom: 0px;
}
 .skill-bar-holder {
     height: 12px;
     width: 100%;
     background: rgba(19, 100, 128, 0.1);
     padding: 0px;
     position: relative;
}
 .skill-capacity {
     height: 12px;
     background: #0a67b2;
     padding: 0px !important;
     left: 0px;
     position: absolute;
}
 .skills-left {
     text-align: right;
}
 .skills-left .skill-bar-holder {
     background: rgba(11, 60, 77, 0.1);
}
 .skills-left .skill-capacity {
     background: #0b3c4d;
     left: auto;
     right: 0px;
}
 @media screen and (max-width: 990px) {
     .skills-left {
         margin-bottom: 32px;
         text-align: left;
    }
     .skills-left .skill-capacity {
         right: auto;
         left: 3px;
    }
}
 .stat-counters h1 {
     color: #fff;
}
 .stat {
     text-align: center;
}
 .stat-bubble {
     margin: 0px auto;
     width: 120px;
     height: 120px;
     border: 2px solid #fff;
     background: rgba(255, 255, 255, 0.15);
     text-align: center;
     line-height: 116px;
     font-size: 40px;
     font-weight: 600;
     color: #fff;
     border-radius: 50%;
     margin-bottom: 12px;
}
 .stat h3 {
     color: #fff;
}
 .blog-image-snippet {
     padding: 160px 0px;
}
 .blog-image-snippet .container {
     position: relative;
     z-index: 2;
}
 .blog-image-snippet span {
     display: block;
}
 .blog-image-snippet span i {
     display: inline-block;
     margin-right: 6px;
}
 .blog-image-snippet h1 {
     font-size: 40px;
     margin-bottom: 16px;
}
 .blog-image-snippet:before {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     content: '';
     opacity: 0.4;
     z-index: 2;
     background-color: #333333;
}
 .sidebar-widget h5 {
     margin-bottom: 16px;
}
 .sidebar-widget li {
     padding: 16px 0px;
     border-bottom: 2px solid rgba(0, 0, 0, 0.1);
     width: 100%;
     position: relative;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
}
 .sidebar-widget li .arrow_right {
     position: absolute;
     right: 0px;
}
 .sidebar-widget li:last-child {
     border-bottom: none;
     padding-bottom: 0px;
}
 .sidebar-widget li a {
     color: #777777;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
}
 .sidebar-widget li a:hover {
     color: #333333;
}
 .sidebar-widget {
     margin-bottom: 40px;
}
 .sidebar-widget .tags {
     overflow: hidden;
}
 .sidebar-widget .tags li {
     display: inline-block;
     float: left;
     margin: 0px 8px 8px 0px;
     width: auto;
     padding: 0px;
     border: none;
}
 .sidebar-widget .tags li a {
     border: 2px solid rgba(0, 0, 0, 0.1);
     border-radius: 5px;
     padding: 6px;
     display: inline-block;
}
 .sidebar-widget .tags li:hover {
     background: #f7f7f7;
}
 .sidebar-widget .instafeed {
     padding: 0px;
     border: none;
}
 .sidebar-widget .instafeed li:nth-child(n+7) {
     display: none;
}
 .sidebar-widget .instafeed li {
     width: 33.33333%;
     padding: 0px;
}
 .sidebar-widget .tweet {
     font-size: 16px !important;
     line-height: 32px !important;
     font-style: normal !important;
     font-weight: normal !important;
}
 .sidebar-widget .tweet a {
     font-weight: 600 !important;
     color: #333333 !important;
}
 .sidebar-widget .social_twitter {
     font-size: 16px;
     color: #333333;
}
 .sidebar-widget #tweets li {
     border: none;
}
 @media screen and (max-width: 767px) {
     .blog-sidebar {
         display: none;
    }
}
 .blog-masonry-item {
     margin-bottom: 30px;
}
 .blog-masonry-item .post-title {
     background: #fff;
     padding: 28px 32px 32px 32px;
     position: relative;
}
 .blog-masonry-item h2 {
     font-size: 24px;
     line-height: 36px;
     margin-bottom: 16px;
}
 .blog-masonry-item p {
     margin-bottom: 32px;
}
 .blog-masonry-item span {
     display: block;
     color: #333333;
     line-height: 18px;
}
 .blog-masonry-item .link-text {
     position: absolute;
     bottom: 32px;
     right: 32px;
}
 .blog-masonry-item h1 {
     font-weight: 600;
     margin-bottom: 48px;
     line-height: 40px;
}
 .blog-masonry-item iframe {
     width: 100%;
}
 .quote-post .post-title, .quote-post h1, .quote-post span, .quote-post .link-text {
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
}
 .quote-post:hover .post-title {
     background: #0a67b2;
}
 .quote-post:hover h1 {
     color: #fff;
}
 .quote-post:hover span {
     color: #fff;
}
 .quote-post:hover .link-text {
     color: #fff;
     border-color: #fff;
}
 .video-post iframe {
     height: 250px;
}
 .blog-filters {
     padding: 0px;
     list-style: none;
     overflow: hidden;
     display: inline-block;
     margin-bottom: 32px;
}
 .blog-filters li {
     float: left;
     margin-right: 16px;
     
     font-weight: bold;
     font-size: 11px;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #1a8bb3;
     cursor: pointer;
}
 .blog-filters li:last-child {
     margin-right: 0px;
}
 .blog-filters li.active {
     border-bottom: 2px solid #1a8bb3;
}
 .article-body .media-holder {
     margin: 32px 0px;
     position: relative;
     z-index: 1;
}
 .article-body iframe {
     width: 100%;
     height: 440px;
}
 .media-holder:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 80%;
     top: 0px;
     z-index: 2;
}
 @media screen and (max-width: 767px) {
     .article-body iframe {
         height: 215px;
    }
}
 @media screen and (max-width: 990px) {
     .media-holder {
         margin-top: 32px;
    }
}
 .comment-list {
     margin-top: 32px;
}
 .comment-list h5 {
     margin-bottom: 32px;
}
 .comment-list ol {
     padding: 0px;
     margin-bottom: 48px;
}
 .comment-list li {
     margin-bottom: 32px;
}
 .comment-list li:last-child {
     margin-bottom: 0px;
}
 .comment-list .children {
     padding-left: 50px;
     margin-bottom: 32px;
}
 .blog-comment {
     overflow: hidden;
}
 .blog-comment .user {
     width: 100px;
     float: left;
}
 .blog-comment .user img {
     max-width: 100%;
}
 .blog-comment .info {
     margin-bottom: 16px;
}
 .blog-comment .link-text {
     display: inline-block;
     margin-left: 12px;
}
 .blog-comment .message {
     width: auto;
     background: #fff;
     margin-left: 115px;
     padding: 24px;
}
 .blog-comment .message h6 {
     margin-bottom: 0px;
}
 .comment-respond {
     margin-top: 32px;
}
 .comment-form .form-input {
     margin-bottom: 16px;
}
 .comment-form .form-input:last-child {
     margin-bottom: 0px;
}
 .comment-form input[type="text"], .comment-form textarea {
     width: 100%;
     padding: 16px;
     border: none;
     box-shadow: none;
}
 .comment-form input[type="submit"] {
     min-width: 185px;
}
 @media screen and (max-width: 767px) {
     .blog-comment .user {
         display: none;
    }
     .blog-comment .message {
         margin-left: 0px;
    }
}
 .simple-bar .logo {
     max-width: 800px;
     max-height: 40px;
     bottom: 0;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
}
 .simple-bar .social-icons {
     margin-left: 32px;
}
 .simple-bar .nav-menu {
     padding-top: 20px;
     padding-bottom: 20px;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
}
 .simple-bar .nav-menu .col-md-9.col-sm-9.columns.text-right {
     padding-top: 18px;
}
 .simple-bar .menu li {
     margin-right: 18px;
}
 .simple-bar .menu li a {
     padding-bottom: 10px;
}
 .simple-bar.nav-sticky .logo {
     max-height: 30px;
     bottom: 8px;
}
 .simple-bar .subnav {
     text-align: left !important;
}
 .subnav-halfwidth {
     width: 550px;
}
 .menu li:last-child .subnav-halfwidth {
     right: 0px;
}
 @media all and (max-width: 767px) {
     .simple-bar .logo {
         max-height: 30px;
         bottom: 8px;
    }
     .simple-bar .menu li a {
         padding-bottom: 0px;
    }
     .simple-bar .text-right {
         text-align: left !important;
    }
     .subnav-halfwidth .subnav {
         margin-bottom: 32px;
    }
     .subnav-halfwidth {
         width: 100%;
    }
     .subnav-fullwidth {
         width: 100% !important;
         left: 0 !important;
    }
}
 .subnav-halfwidth .subnav {
     position: relative;
     overflow: hidden;
     background: none !important;
     text-align: left;
     padding: 0px;
}
 .centered-logo .social-icons {
     float: right;
     margin-bottom: 0px;
}
 .centered-logo .utility-menu span {
     top: 2px;
}
 .centered-logo .logo {
     max-width: 800px;
     max-height: 50px;
     bottom: 0px;
     margin-top: 32px;
}
 .centered-logo .menu li a {
     padding-bottom: 24px;
}
 .centered-logo .nav-menu {
     padding-top: 32px;
}
 .centered-logo .subnav {
     text-align: left !important;
}
 .centered-logo .bottom-border {
     width: 100%;
     height: 4px;
     background: #0a67b2;
}
 @media all and (max-width: 767px) {
     .centered-logo .logo {
         top: 20px;
         max-height: 40px;
         margin-top: 0px;
    }
     .centered-logo .menu li a {
         padding-bottom: 0px;
    }
     .centered-logo .subnav {
         text-align: center !important;
    }
}
 .fullscreen-nav-toggle, .fullscreen-nav-toggles {
     position: fixed;
     z-index: 1000;
     width: 60px;
     height: 60px;
     background: rgba(255, 255, 255, 0.9);
     text-align: center;
     cursor: pointer;
     top: 32px;
     right: 32px;
     font-size: 40px;
     line-height: 67px;
     color: #333333;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
}
 .fullscreen-nav-toggle i {
     position: absolute;
     right: 11px;
     top: 12px;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
}
 .fullscreen-nav-toggle .icon_menu {
     opacity: 1;
}
 .fullscreen-nav-toggle .icon_close {
     opacity: 0;
}
 .toggle-icon .icon_menu {
     opacity: 0 !important;
}
 .toggle-icon .icon_close {
     opacity: 1 !important;
     color: #fff !important;
}
 .toggle-icon {
     background: rgba(255, 255, 255, 0);
}
 .fullscreen-nav-container {
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     z-index: 999;
     background: rgba(19, 100, 128, 0.92);
     display: none;
     opacity: 0;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
}
 .show-fullscreen-nav {
     display: block;
}
 .fade-fullscreen-nav {
     opacity: 1;
}
 .fullscreen-nav-container .logo {
     max-height: 60px;
     display: block;
     margin-bottom: 32px;
}
 .fullscreen-nav-container .menu li {
     line-height: 48px;
     float: none;
}
 .fullscreen-nav-container .menu li a {
     color: #fff;
     font-size: 32px;
     font-weight: 300;
     
     text-transform: none;
     padding-bottom: 0px;
}
 .fullscreen-nav-container .container {
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     transition: all .5s ease;
     -webkit-transform: translate3d(0, 200px, 0);
     -moz-transform: translate3d(0, 200px, 0);
     transform: translate3d(0, 200px, 0);
     opacity: 0;
     margin-top: 80px;
}
 .fullscreen-nav-container.fade-fullscreen-nav .container, .fullscreen-nav-container.fade-fullscreen-nav .close-fullscreen-nav {
     -webkit-transform: translate3d(0, 0px, 0);
     -moz-transform: translate3d(0, 0px, 0);
     transform: translate3d(0, 0px, 0);
     opacity: 1;
}
 .fullscreen-nav {
     position: absolute;
     z-index: 10;
     width: 100%;
}
 .fullscreen-nav .outer-logo {
     max-height: 35px;
     margin-top: 44px;
     display: inline-block;
}
 @media all and (max-width: 767px) {
     .fullscreen-nav {
         max-height: 7000px;
         background: none;
         height: auto;
         overflow: visible;
    }
     .fullscreen-nav-container .container {
         margin-top: 32px;
    }
     .fullscreen-nav-container .logo {
         max-height: 40px;
         margin-bottom: 16px;
    }
     .fullscreen-nav-container .menu li {
         margin-bottom: 0px;
         line-height: 32px;
    }
     .fullscreen-nav-container .menu li a {
         font-size: 24px;
         padding-bottom: 0px;
    }
}
 .soundcloud-1 {
     padding: 0px;
     position: relative;
     overflow: hidden;
     line-height: 0;
}
 .soundcloud-1:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 50%;
     bottom: 0;
     left: 0;
     z-index: 2;
}
 .soundcloud-1 iframe {
     border: none;
     height: 200px;
     width: 100%;
     position: relative;
     z-index: 1;
}
 .contained-bar {
     background: none;
}
 .contained-wrapper {
     background: rgba(255, 255, 255, 0.9);
     margin-top: 32px;
     padding: 0 32px;
}
 .contained-bar.nav-sticky {
     background: rgba(255, 255, 255, 0.9);
}
 .contained-bar.nav-sticky .contained-wrapper {
     background: none;
     padding: 0;
     margin-top: 0;
}
 @media all and (max-width: 768px) {
     .contained-bar {
         background: rgba(255, 255, 255, 0.9);
    }
     .contained-wrapper {
         background: none;
         padding: 0;
         margin-top: 0;
    }
}
 .elements h1 {
     margin-bottom: 16px;
}
 .pagination li a {
     color: #1a8bb3;
     background: none;
     margin-left: 12px;
     border-radius: 50%;
     padding: 5px 12px;
}
 .pagination li.active {
     background: #1a8bb3;
}
 .pagination li:first-child a, .pagination li:last-child a {
     border-radius: 50% !important;
}
 .pagination-lg li a {
     padding: 7px 16px;
}
 .pagination-sm li a {
     padding: 5px 11px;
}
 .pager li a {
     background: none;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     transition: all .3s ease;
     min-width: 155px;
     border-radius: 25px;
     display: inline-block;
     padding: 14px 28px 13px 28px;
     line-height: 1;
     border: 2px solid #1a8bb3;
     
     font-weight: bold;
     font-size: 11px;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #1a8bb3;
     min-width: 125px;
}
 .pager li a:hover {
     background: #1a8bb3;
     color: #fff;
}
 .video-wrapper iframe {
     width: 100%;
     height: 180%;
     top: -40%;
     position: absolute;
}
 .youtube-bg {
     height: 100%;
}
 @media all and (min-width: 1800px) {
     .video-wrapper iframe {
         height: 200%;
         top: -50%;
    }
}
 @media all and (max-width: 1500px) {
     .video-wrapper iframe {
         height: 150%;
         top: -15%;
    }
}
 @media all and (max-width: 1300px) {
     .video-wrapper iframe {
         height: 130%;
         top: -5%;
    }
}
 @media all and (max-width: 1250px) {
     .video-wrapper iframe {
         height: 120%;
         top: -5%;
    }
}
 @media all and (max-width: 1100px) {
     .video-wrapper iframe {
         height: 110%;
         top: -5%;
    }
}
 @media all and (max-width: 1024px) {
     .video-wrapper iframe {
         display: none;
    }
}
 .fullwidth-video iframe {
     height: 550px;
}
 @media all and (max-width: 1200px) {
     .fullwidth-video iframe {
         height: 500px;
    }
}
 @media all and (max-width: 1000px) {
     .fullwidth-video iframe {
         height: 400px;
    }
}
 @media all and (max-width: 767px) {
     .fullwidth-video iframe {
         height: 270px;
         max-width: 100%;
    }
}
 .boxed-layout {
     background: #eee;
}
 .boxed-layout .main-container, .boxed-layout .footer-container, .boxed-layout nav {
     max-width: 1280px;
     margin: 0 auto;
     left: 0;
     right: 0;
}
 .boxed-layout .flex-direction-nav {
     display: none;
}
 .timeline-event:first-child {
     margin-top: 64px;
}
 .timeline-event {
     width: 100%;
     position: relative;
     overflow: hidden;
     padding-bottom: 64px;
     margin-bottom: 32px;
}
 .timeline-event:nth-child(even) .col-sm-6:first-child {
     text-align: right;
}
 .timeline-event .col-sm-6:first-child {
     padding-right: 54px;
}
 .timeline-event .col-sm-6:last-child {
     padding-left: 54px;
}
 .timeline-event:nth-child(odd) .col-sm-6:first-child {
     padding-left: 54px;
     padding-right: 15px;
}
 .timeline-event:nth-child(odd) .col-sm-6:last-child {
     padding-right: 54px;
     text-align: right;
     padding-left: 15px;
}
 .timeline-event .middle {
     position: absolute;
     left: 50%;
     width: 60px;
     margin-left: -30px;
     text-align: center;
     height: 100%;
}
 .timeline-event .middle i {
     font-size: 40px;
     display: inline-block;
     margin-bottom: 16px;
     color: #0a67b2;
}
 .timeline-event .middle .vertical-line {
     top: 60px;
     width: 2px;
     height: 100%;
     display: inline-block;
     background: #0a67b2;
     position: absolute;
     left: 50%;
     margin-left: -2px;
}
 .timeline-event h2 {
     margin-bottom: 8px;
}

.position-relative-home{width: 100%;  min-height: 500px; border-radius: 10px; }
 @media all and (max-width: 767px) {
     ul.slides li .col-md-4.col-sm-9, ul.slides li .col-md-5.col-sm-9 {
         width: 85%;
         margin: 0 auto;
    }
     .timeline-event {
         padding-bottom: 0;
    }
     .timeline-event .middle {
         display: none;
    }
     .timeline-event .col-sm-6 {
         padding-left: 15px !important;
         padding-right: 15px !important;
         text-align: left !important;
    } 
     .bottom-band {
         display: block;
         margin-top: 80px;
    }
     .bottom-band h3 {
         font-size: 18px;
         line-height: 26px;
    }
     .fullscreen-element .align-vertical {
         padding-top: 80px !important;
    }
}
 .product-action {
     height: auto;
     padding: 120px 0 0 0;
}
 .product-action {
     background: #0a67b2;
}
 .product-action h2 {
     margin-bottom: 16px;
     font-weight: 600;
}
 .product-action p {
     display: block;
     max-width: 520px;
     margin: 0 auto;
     margin-bottom: 40px;
}
 .product-action img {
     margin-top: -80px;
     position: relative;
     top: 110px;
}


@media all and (min-width: 900px) {

 .our-success-stories .blog-snippet-1 {
        height: 630px !important;
    }
    
}

 @media all and (max-width: 767px) {
     #header {
    padding: 0px!important; 
        }
     .simple-bar .text-right {
        text-align: left !important;
        background: #fff;
        max-width: 100%;
    }
    .mobile-toggle{ padding: 10px;   color: #ffffff;}
    nav {
         max-height: 100px;
         overflow: hidden;
         -webkit-transition: all .5s ease;
         -moz-transition: all .5s ease;
         transition: all .5s ease;
    }
    
     .product-action p {
         margin-bottom: 32px;
    }
     .product-action img {
         margin-top: 24px;
         top: 24px;
    }
    .fusion-builder-nested-column {
        width: 100% !important;
    }
    .position-relative-home{min-height: 650px;}
}
 .no-loader .loader {
     display: none !important;
}
 [data-aos^=fade][data-aos^=fade].aos-animate {
     opacity: 1;
     transform: translateZ(0);
}
 .stretch-card {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     -webkit-box-pack: stretch;
     -ms-flex-pack: stretch;
     justify-content: stretch;
}
 .grid-margin {
     margin-bottom: 2rem;
}
 .position-relative {
     position: relative !important;
}
 .img-fluid {
     max-width: 100%;
     height: auto;
}
 .content-wrapper .banner-content {
     position: absolute;
     padding: 40px 60px;
     left: 0px;
     top: 0px;
         width: 100%;
     color: #ffffff;
     background: #000000c7;
}
 .fs-12 {
     font-size: 12px;
}
 .font-weight-bold {
     font-weight: 700 !important;
}
 .mb-3, .my-3 {
     margin-bottom: 1rem !important;
}
 .badge-danger {
     color: #fff;
     background-color: #d1011c;
}
 .badge {
     display: inline-block;
     padding: 0.25em 0.4em;
     font-size: 75%;
     font-weight: 700;
     line-height: 1;
     text-align: center;
     white-space: nowrap;
     vertical-align: baseline;
     border-radius: 0.25rem;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
 header.fullscreen-element.no-pad.centered-text {
     height: auto !important;
}
 .stretch-card {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     -webkit-box-pack: stretch;
     -ms-flex-pack: stretch;
     justify-content: stretch;
}
 .grid-margin {
     margin: 2rem auto;
    padding-right: 18px;
     padding-left: 18px;
}
 .stretch-card .card {
     width: 100%;
}
 .card {
     box-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -ms-box-shadow: none;
     border: none;
}
 .text-white {
     color: #ffffff !important;
}
 .bg-dark {
     background-color: #000000 !important;
}
 .card {
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid #e7eaed;
     border-radius: 6px;
}
 .card .card-body {
     padding: 2rem 2rem;
}
 .card-body {
     flex: 1 1 auto;
     min-height: 1px;
     padding: 1.25rem;
}
 .content-wrapper .border-bottom-blue {
     border-bottom: solid 1px #032a63;
}
 
 .content-wrapper .border-bottom-white {
     border-bottom: solid 1px #fff;
}
 .align-items-center {
     align-items: center !important;
}
 .justify-content-between {
     justify-content: space-between !important;
}
 .d-flex {
     display: flex !important;
}
 .content-wrapper .banner-content {
     position: absolute;
     padding: 40px 60px;
     left: 0px;
     bottom: 0px;
     color: #ffffff;
}
 .row.aos-animate h1,.row.aos-animate h2,.row.aos-animate h3,.row.aos-animate h4,.row.aos-animate h5{
    color:#fff;
}
 .row.aos-animate {
     display: flex;
     flex-wrap: wrap;
     margin-right: -18px;
     margin-left: -18px;
}
 .justify-content-between h5 {
     font-size: 16px;
}
 .justify-content-between h5 {
     font-size: 16px;
}
 .justify-content-between h5 {
     font-size: 16px;
}
 .rotate-img img {
     -webkit-transform: rotate(0) scale(1);
     transform: rotate(0) scale(1);
     -webkit-transition: 0.6s ease-in-out;
     transition: 0.6s ease-in-out;
}
 .align-items-center {
     align-items: center !important;
}
 .justify-content-between {
     justify-content: space-between !important;
}
 .d-flex {
     display: flex !important;
}
 .img-lg {
     width: 138px;
}
 .img-fluid {
     max-width: 100%;
     height: auto;
}
 .simple-bar img.logo.logo-dark {
     max-height: 62px !important;
}
 nav.simple-bar.top-bar.nav-sticky img.logo.logo-dark {
     display: none;
}
 .simple-bar.nav-sticky img.logo.logo-light {
     display: block;
     max-height: 78px;
}
 .simple-bar.nav-sticky .col-md-9.col-sm-9.columns.text-right {
     padding-top: 18px;
}
 .myaccordion .btn {
     border: none;
     width: 100%;
     text-decoration: none !important;
     font-weight: normal;
     color: #000;
     padding: 0;
     letter-spacing: 0;
     font-size: 18px;
     border-radius: 0 !important;
     -webkit-box-shadow: 0px 8px 18px -16px rgb(0 0 0 / 19%);
     -moz-box-shadow: 0px 8px 18px -16px rgba(0, 0, 0, 0.19);
     box-shadow: 0px 8px 18px -16px rgb(0 0 0 / 19%);
}
 .myaccordion .card, .myaccordion .card:last-child .card-header {
     border: none;
     background: transparent;
}
 .myaccordion .fa {
     font-size: 16px;
     color: rgba(0, 0, 0, 0.3);
}
 .myaccordion .fa:before {
     content: "â–¼";
     font-family: "Ionicons";
     font-style: normal;
}
 .media-holder.mt-20 {
     margin-top: 20px;
}
 .myaccordion .btn:hover {
     background:#f5f5f5;
     border:none;
     border-color: #f5f5f5 !important;
}
 ul.slides li .col-md-4.col-sm-9 , ul.slides li .col-md-5.col-sm-9 {
     background: #000000b8;
     padding: 10px 30px 20px 29px;
     border-radius: 6px;
}
 ul.slides li .col-md-4.col-sm-9 h1.text-white, ul.slides li .col-md-5.col-sm-9 h1.text-white {
     margin-bottom: 10px;
     font-size: 22px;
     font-weight: 700;
}
 ul.slides li .col-md-4.col-sm-9 h3.text-white, ul.slides li .col-md-5.col-sm-9 h3.text-white {
     margin-bottom: 10px;
     font-size: 18px;
     font-weight: 500;
}
 .main-containers {
     /*margin-top: 80px;*/
     margin-top: 0px;
}
.form-control {
    margin: 3px 0 5px 0px;
}
.heading {
    border-left: 5px solid #18a790;
    font-size: 22px;
}

.heading {
    font-weight: bold;
    color: #000000;
    margin-bottom: 30px;
}
.bg-gray {
    background: #f4f8fe !important;
}



.carousel.slide i.fa.fa-arrow-left, .carousel.slide i.fa.fa-arrow-right {
    background: black;
    padding: 10px;
    font-weight: 100;
    font-size: 12px;
    border-radius: 100%;
}
.scroll500.inner-director { 
    line-height: 20px;
    max-height: 266px; 
}
img.rounded-circle {
    border-radius: 100%;
}
 
.stock-info {
    position: fixed;
    right: 20px;
    padding: 17px 14px;
    background: #fff;
    bottom: 10px;
    font-size: 35px;
    border-radius: 100%;
    color: #003a6b;
    cursor: pointer;
    color: #106bb4;
    background-color: #2577ba;
    background-image: linear-gradient(#ffdfd3, #ffa260);
}
.bold{font-weight:700;}
.bg-none{background:none !important ;}
.bg-white{background:#fff;}
.feature-icon-section{    text-align: center;}
.feature-icon-section img{padding: 35px; border: 2px solid #0a67b2; border-radius: 100%; margin-bottom: 35px;}
.feature-icon-section p { text-align: justify; min-height: 200px;}
.auto-width {
    width: auto;
}
.right-align {
    float: right;
}
.br-0{border-radius:0 !important;}




 

.simple-bar .menu li a { 
    padding: 10px 8px;
}
.subnav { 
    min-width: 250px;
}
.subnav li { 
    width: auto;
}
.subnav li a {
    padding-bottom: 8px !important;
    margin-bottom: 0;
    line-height: 20px;
}
.subnav.subnav-halfwidth {
    padding: 10px 0;
}

div#page-title {
    min-height: 224px;
}

section.banner_height {
    padding: 0;
    background-position: center center !important;
}
section.banner_height div#introCarousel {
    padding: 150px 0 110px 0;
    /*background: #0023409c;*/
    background: #00234030;
    margin: 0;
}

section.banner_height h1, section.banner_height h2 {
    color: #fff;
    font-size: 38px;
    letter-spacing: 2px;
    line-height: 50px;
}

.breadcrumb-section{
    background: #f2f2f2;
    margin-top: 1px;
}
ol.breadcrumb {
    margin: 0;
    background: none;
}
.breadcrumb li a{
    color: #002340;
}
.breadcrumb>.active {
    color: #002340;
    letter-spacing: 1px;
}

.breadcrumb>li+li:before {
    content: "/";
    color: #003a6b;
}

.card {
    border-radius: 8px;
}
.card-img, .card-img-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.card-img, .card-img-top, .card-img-bottom {
    width: 100%;
}
.heading-block .before-heading {
    margin-bottom: 7px;
}

.before-heading {
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    background-color: rgba(var(--themecolorrgba,38,125,244),.1);
    color: var(--themecolor,#267DF4);
    padding: 3px 8px;
    border-radius: 2px;
    font-weight: 600;
}
ul.who-we-are-list-home li {
    /*margin: 20px 0;*/
}
ul.who-we-are-list-home li p{
    list-style: none; font-size: 14px; padding: 0px; line-height: 4.5em;
}
ul.who-we-are-list-home li p img {
    width: 50px;
    margin-right: 15px;
}

.our-success-stories .blog-snippet-1 {
    background: #fff;
    padding: 25px;
    height: 535px;
    cursor: pointer;
    border-radius: 10px;
    position: relative;
}
.row.our-success-stories a.cta-btn.get-started {
    position: absolute;
    bottom: 20px;
}
.our-success-stories .blog-snippet-1 img{ 
    border-radius: 2px;
}

ul.home-news li {
    /*width: 100% !important;*/
}
ul.home-news li span, ul.home-news li a{
    color:#fff !important;
    letter-spacing: .5px !important;
}
ul.home-news li a {
    font-size: 14px;
}
ul.home-news li span.alt-font {
    text-transform: capitalize;
}
.blog-snippet-2.home-news li .icon i {
    color: #fff;
}
.blog-snippet-2.home-news li .icon {
    width: 7%;
        margin-right: 6px;
}
.learn-more-home a.color-white {
    line-height: 25px;
}
ul.bullet li, ul.pro-listing li {
    padding-left: 5px;
    line-height: 24px; margin-bottom: 5px;
}
ul.pro-listing li:before,ul.bullet li:before, ul.list-styled li:before {
    /*content: "\25C9";*/
    content: ">";
    font-weight: 700;
    position: absolute; left: 0;
    margin-right: 6px;
}

#header-logo a {
    background: none !important;
}
#header-logo a img{
    /*background: #fff !important;*/
}

.simple-bar img.logo.logo-dark {
    max-height: 85px !important;
    padding: 8px 7px 8px 9px !important;
    border-radius: 100%;
}

.top-bar.nav-sticky .menu li a {
    color: #000;
}
.top-bar.nav-sticky .subnav li a, .top-bar.nav-sticky .menu li a:hover {
    color: #fff;
}
.top-bar.nav-sticky .subnav {
    background: #003a6b;
}
.top-bar.nav-sticky .nav-menu li:hover > a {
    color: #fff;
    background: #003a6b;
}
.top-bar.nav-sticky .menu li h6 a {
    color: #fff;
    font-size: 14px;
}

.learn-more-home h5 {
    margin-bottom: 0;
}
.hover-states{
        bottom: 0;
        width: 100% !important;
    position: absolute;
}
.hover-states .align-vertical {
    background: #003a6bad;
    transform: translate3d(0, 0px, 0);
    opacity: 1;
    top: 0 !important;
}

.hover-states .align-vertical h3.text-white {
    font-size: 16px;
    line-height: 25px;
    padding: 5px 10px;
}

.bdr1-right {
    border-right: #d6d6d6 solid 1px;
}
.col-md-3.col-sm-6.project { 
    margin: 2px;
    padding: initial;
}
 @media (min-width: 1200px){
    .col-md-3.col-sm-6.project {
        width: 24%;
        padding: 0px;
        margin: 2px;
    }

}
.line-3{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}



.text-center{text-align: center !important;}
.blue {
    background: #14cfff;
}
.border-radius-10{    border-radius: 10px;}
.border-light {
    border-color: #eee!important;
}
.f-14 {
    font-size: 14px;
}
.f-25 {
    font-size: 25px;
}
.mt-0{margin-top:0 !important;}
.mt-4 {
    margin-top: 1.5rem !important;
}
.mt-14 {
    margin-top: 14px !important;
}
.mt-40{margin-top: 40px !important;}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-0{margin-bottom:0 !important;}
.mb-10{margin-bottom:10px  !important;}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-40{
    margin-bottom: 40px;
}
.mb-45 {
    margin-bottom: 45px !important;
}
.p-0 {
    padding: 0 !important;
}
.pb-4, .py-4 {
     padding-bottom: 1.5rem !important;
}
 .pt-3, .py-3 {
     padding-top: 1rem !important;
}
.pt-3 {
    padding-top: 3px !important;
}
.pl-4, .px-4 {
    padding-left: 1.5rem!important;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}
.pb-5, .py-5 {
    padding-bottom: 3rem!important;
}
.pr-3 {
    width: 295px;
}
.pt-0 {
    padding-top: 0px;
}
.pb-10 {
    padding-bottom: 10px;
}
.pb-0 {
    padding-bottom: 0px;
}

.pt-10 {
    padding-top: 10px !important;
}
.pt-35 {
    padding-top: 35px !important;
}
.pt-30 {
    padding-top: 30px !important;
}
.pt-50 {
    padding-top: 50px !important;
}
.pt-60 {
    padding-top: 60px !important;
}
.pb-35 {
    padding-bottom: 35px;
}
.text-right{text-align: right;}
.color-white {
    color: #fff !important;
}

.latest-features {
    padding: 60px 0;
    background: #fff;
}

ul.contact-list{}
ul.contact-list li {
    padding: 5px 5px 5px 25px;
    margin-bottom: 1px;
    text-align: left;
    position: relative;
}
ul.contact-list li span { width: 20px; font-size: 25px; color: #003a6b; position: absolute;left:0;top:0; }
ul.contact-list li:last-child span {
    font-size: 18px;
}
ul.contact-list-2 li {
    padding: 5px;
}
#testimonials .owl-dot.active {
    background: #003a6b !important;
}

.moretext {
    display: block;
}
a.moreless-button {
    display: none;
}
figure.career_holder+ h3 { margin: 6px 0; }
.grid_two_service_content {
    display: inline-block;
    width: auto;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 20px -7px #ddd;
    padding: 28px 30px 35px;
    max-width: 95%;
    float: right;
    margin-top: -20px;
    margin-bottom: 30px;
    position: relative;
    border-top-right-radius: 0;
}


.menu li a {
                color: #fff;
            
                font-weight: 700;
                font-size: 12px;
            }
       
            ul.subnav {
                background: #fff;
            }
            .subnav.subnav-halfwidth {
                background: #fff;
            }
            .simple-bar .menu li .subnav a {
                    padding: 5px 5px;
                    padding: 0px 2px;
                    color: #787878!important; 
                    font-size: 10px !important;
                    font-weight: 400 !important;
                }
            
            .menu li a:hover{color: #003a6b !important;    font-weight: 700 !important;background: #fff;}
            .menu li:hover+ a{color: #003a6b !important;    font-weight: 700 !important;background: #fff;}
            .subnav{padding:15px 5px;}
            .subnav.subnav-halfwidth { left: -100px; }
            .has-dropdown ul li a { transition: 0.12s; }
            .has-dropdown:hover {                background: #fff;            }
            .has-dropdown:hover a{color: #003a6b !important;    font-weight: 700 !important;background: #fff;}
            .has-dropdown ul li a:hover {color: #003a6b !important;    font-weight: 700 !important;background: none;transition: 0.6s; }
            
            .simple-bar .menu li .subnav a:hover {color: #003a6b !important;    font-weight: 700 !important;background: none;transition: 0.6s;}
            .top-bar.nav-sticky .subnav { background: #fff; }
            .top-bar.nav-sticky .nav-menu li:hover > a { color: #003a6b !important; background: none !important;}
            .text-facebook-mix, .text-twitter-mix { color: #fff !important; }
                nav.simple-bar.top-bar.nav-sticky .text-facebook-mix { color: #3b5998 !important; }
                nav.simple-bar.top-bar.nav-sticky .text-twitter-mix { color: #00a0d1 !important; }

.about-style-one .about-content h3 {
    font-size: 32px;
    color: #262626;
    font-weight: 600; 
}
.about-style-one .about-content h3 span {
    color: #003a6b;
    font-weight: bold;
    font-style: italic;
    background: -webkit-gradient(linear, left top, right top, from(#f80503), to(#307aba));
    background: linear-gradient(to right, #003a6b 0%, #3480c1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-style-one .about-content h3, .about-style-one .about-content p, .about-style-one .about-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.about-style-one .about-content p {
    font-size: 16px;
    line-height: 27px;
    color: #555555;
    margin-top: 35px;
    margin-bottom: 30px;
}
.about-style-one .about-content ul li {
    color: #555555;
    position: relative;
    padding-left: 30px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.about-style-one .about-content ul li:hover {
    padding-left: 37px;
}
.about-style-one .about-content ul li i {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #FE5A0E;
    font-size: 16px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.about-style-one .about-content a.about-btn {
    margin-top: 40px;
    display: inline-block;
    background: #FE5A0E;
    font-size: 16px;
    text-align: center;
    font-weight: 600; 
    line-height: 54px;
    width: 295px;
    color: #fff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 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;
}
.about-style-one .about-img-box {
    position: relative;
    background: transparent url(../img/about-dots.png) 100% -120% no-repeat;
}
.about-style-one .about-img-box img {
    display: block;
}
.about-style-one .about-img-box .video-box {
    position: absolute;
    bottom: 0;
    right: 0;
} 
.about-style-one .about-img-box .video-box > img {
    border-radius: 50%;
    border: 5px solid #FFFFFF;
}
.about-style-one .about-img-box .video-box a.video-popup {
    font-size: 42px;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

img.video_frame {
    border: 1px solid #b1b1b1;
    padding: 10px;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px 1px rgb(0 0 0 / 24%);
}















.get-started.button-dark{
    color: #fff !important;
    border: 1px solid #fff !important;
    background: #003a6b !important;
}

ul#menu-plumber-footer-divigation-menu li {
    width: 50%;
    float: left;
}
 .category__item {
        padding: 20px 40px;
        border-radius: 6px;
        border: 2px solid #eef0f6;
    }
    .category__item:hover {
        background: #003a6b;
        border-color: #427dd6;
        -webkit-box-shadow: 0 20px 30px 0 rgb(0 58 107 / 35%);
        box-shadow: 0 20px 30px 0 rgb(0 58 107 / 34%);
    }
    .category__icon svg {
        width: 40px;
        height: 40px;
    }
    .category__title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 0;
        padding: 0 13px;
    }
    .category__content p {
        font-weight: 500;
        margin-bottom: 0;
    }
    .category__item:hover svg .st0, .category__item:hover svg .st1, .category__item:hover svg .st2, .category__item:hover svg .st4, .category__item:hover svg .st5 {
        fill: #fff;
    }
    .category__item:hover .category__title a, .category__item:hover .category__content p {
        color: #fff;
    }
    .transition-3{-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
    #pre-footer .col-xxl-4.col-xl-4.col-lg-4.col-md-6.col-sm-6 {
        height: 100px;
    }

#footer .social-links a {
    font-size: 18px;
    display: inline-block;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
}

ul.nav.nav-tabs li.nav-item a {
    background: none !important;
}
ul.nav.nav-tabs li.nav-item a:hover { 
    border-bottom: 1px solid #000!important;
}
ul.some-pages-section-ul li {
    width: 100% !important;
    min-height: 70px !important;
}
.simple-bar .menu li .subnav h6.alt-font a {
    font-size: 12px !important; font-weight: 700 !important; color: #003a6b !important;text-transform: capitalize;
}
 @media (min-width: 1200px){
     .col-xl-4 {
         flex: 0 0 33.33333%;
         max-width: 33.33333%;
    }
     .col-xl-8 {
         flex: 0 0 66.66667%;
         max-width: 66.66667%;
    }
}
 @media (max-width: 768px){
     .footer-popup.row .container{padding: 0 12px;}
}
 @media (max-width: 640px){
     .content-wrapper .banner-content {
         padding: 25px 30px;
    }
     .content-wrapper .banner-content h1 {
         margin-bottom: 10px;
         font-size: 18px;
         line-height: 20px;
    }
    ul#menu-plumber-footer-divigation-menu li {
        width: 100%;
    }
}
 @media (max-width: 390px){
     .content-wrapper .banner-content {
         padding: 18px 25px;
    }
     .content-wrapper .banner-content h1 {
         margin-bottom: 10px;
         font-size: 18px;
         line-height: 20px;
    }
}

            @media (max-width: 767px){
                .mobile-toggle {
                    padding: 10px;
                    color: #193c7a;
                }
                .simple-bar .menu li .subnav a {
                    padding: 10px 8px;
                    color: #77777b;
                }
                .subnav.subnav-halfwidth {
                    left: 0px;
                } 
                nav.simple-bar.top-bar .col-md-9.col-sm-9.columns.text-right {
                    display: none !important;
                }
                nav.simple-bar.top-bar.open-nav
                nav.simple-bar.top-bar.open-nav .col-md-9.col-sm-9.columns.text-right{display: block !important;}
                .simple-bar .nav-menu .col-md-9.col-sm-9.columns.text-right, nav.simple-bar.top-bar.open-nav .col-md-9.col-sm-9.columns.text-right {        display: block !important;          padding-top: 0 !important;               }
            }