html,
body {
width: 100% !important;
height: 100% !important
}
body {
padding: 0px !important;
margin: 0px !important;
font-weight: 400;
overflow-x: hidden
}
body>* {
overflow: hidden
}
a {
outline: none !important;
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s
}
a:focus,
a:hover,
a:active {
outline: none !important;
text-decoration: none
}#2584c1
b,
label {
font-weight: 700
}
h1,
.h1 {
font-weight: 800;
text-transform: uppercase
}
h2 b,
.h2 b {
font-weight: 400
}
@media (max-width: 767px) {
h1,
.h1,
h2,
.h2 {
font-size: 35px
}
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin: 10px 0
}
h4,
.h4 {
margin: 8px 0
}
h5,
.h5 {
margin: 7px 0
}
h6,
.h6 {
margin: 5px 0
}
hr {
max-width: 50px;
border-color: #777;
border-width: 3px
}
h1 i:before,
.h1 i:before,
h2 i:before,
.h2 i:before,
h3 i:before,
.h3 i:before,
h4 i:before,
.h4 i:before,
h5 i:before,
.h5 i:before,
h6 i:before,
.h6 i:before {
font-size: 150%;
margin-right: 5px
}
p {
margin-bottom: 20px;
line-height: 1.5
}
.separator_10 {
height: 10px
}
.separator_20 {
height: 20px
}
.separator_30 {
height: 30px
}
.separator_40 {
height: 40px
}
.separator_50 {
height: 50px
}
.separator_60 {
height: 60px
}
.separator_70 {
height: 70px
}
.separator_80 {
height: 80px
}
.separator_90 {
height: 90px
}
.separator_100 {
height: 100px
}
section,
.header {
padding: 60px 0
}
section.padding-small,
.header.padding-small {
padding: 30px 0
}
@media (max-width: 767px) {
section,
.header {
padding: 30px 0
}
}
aside {
padding: 50px 0
}
ul li i:before {
margin-right: 8px
}
::-moz-selection {
text-shadow: none;
color: #fff;
background: #000
}
::selection {
text-shadow: none;
color: #fff;
background: #000
}
img::selection {
color: #fff;
background: 0 0
}
img::-moz-selection {
color: #fff;
background: 0 0
}
body {
-webkit-tap-highlight-color: #000
}
.navbar-default {
font-family: "Raleway", "Helvetica Neue", Arial, sans-serif;
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s
}
.navbar-default:not(.affix-top) {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)
}
.navbar-default .navbar-header .navbar-brand {
font-family: "Raleway", "Helvetica Neue", Arial, sans-serif;
font-weight: 700;
font-size: 200%;
color: #0078ff;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
color: #c2262d
}
.navbar-default .nav>li>a,
.navbar-default .nav>li>a:focus {
position: relative;
text-transform: uppercase;
font-weight: 600;
color: #c2262d;
}
.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus:hover {
color: #2584c1
}
.navbar-default .nav>li.active>a,
.navbar-default .nav>li.active>a:hover,
.navbar-default .nav>li.active>a:focus,
.navbar-default .nav>li.active>a:focus:hover {
color: #2584c1;
background-color: transparent
}
@media (min-width: 1100px) {
.navbar-default .nav>li.active>a,
.navbar-default .nav>li.active>a:focus {
color: #c2262d
}
.navbar-default .nav>li.active>a:after,
.navbar-default .nav>li.active>a:focus:after {
content: '';
position: absolute;
height: 5px;
width: calc(100% - 10px);
bottom: -10px;
left: 5px;
-webkit-transition: all .35s;
-moz-transition: all .35s;
transition: all .35s;
background-color: #309e9d
}
}
.navbar-default #site-logo {
height: 60px
}
@media (min-width: 480px) {
.navbar-default #site-logo {
height: 90px
}
}
.navbar-default #site-logo .logo {
max-height: 100%;
}
.navbar-default #site-logo .logo-default,
.navbar-default #site-logo .logo-invert {
display: none
}
.navbar-default .navbar-toggle {
-webkit-transition: all .25s;
-moz-transition: all .25s;
transition: all .25s;
margin-top: 13px;
background-color:#c2262d;
}
@media (min-width: 480px) {
.navbar-default .navbar-toggle {
margin-top: 13px;
background-color:#c2262d;
}
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
background-color: #fff;
-webkit-transition: all .25s;
-moz-transition: all .25s;
transition: all .25s
}
@media (min-width: 1100px) {
.navbar-default {
padding: 10px 0
}
.navbar-default.affix-top {
background: #ffffff;
border-color: transparent
}
.navbar-default.affix-top .navbar-header .navbar-brand,
.navbar-default.affix-top .nav li>a {
color: #c2262d
}
.navbar-default.affix-top .navbar-header .navbar-brand:hover,
.navbar-default.affix-top .navbar-header .navbar-brand:focus,
.navbar-default.affix-top .nav li>a:hover,
.navbar-default.affix-top .nav li>a:focus {
color: #2584c1;
}
.navbar-default.affix-top .nav li.active>a:focus,
.navbar-default.affix-top .nav li.active>a:focus:hover {
color: #2584c1;
background: transparent
}
.navbar-default.affix-top .nav li.active>a:after {
background-color: #2584c1
}
.navbar-default.affix-top #site-logo .logo-sticky,
.navbar-default.affix-top #site-logo .logo-invert {
display: none
}
.navbar-default.affix-top #site-logo .logo-default {
display: inline-block
}
.navbar-default .nav li>a {
line-height: 50px
}
.navbar-default .navbar-cta {
float: right;
padding-top: 5px
}
.navbar-default .navbar-cta .phone {
color: #fff;
position: relative;
top: .18em;
margin: 0 10px 0 0;
line-height: 0
}
}
@media (max-width: 1099px) {
.navbar-default .navbar-cta {
margin-bottom: 2.5px
}
.navbar-default .navbar-cta .phone {
display: block
}
}
@media (min-width: 1100px) {
.navbar-solid.affix-top {
background-color: #fff
}
.navbar-solid.affix-top .navbar-header .navbar-brand {
color: #c2262d;
}
.navbar-solid.affix-top .navbar-header .navbar-brand:hover,
.navbar-solid.affix-top .navbar-header .navbar-brand:focus {
color: #c2262d;
}
.navbar-solid.affix-top .nav>li>a,
.navbar-solid.affix-top .nav>li>a:focus {
color: #2584c1;
}
.navbar-solid.affix-top .nav>li>a:hover,
.navbar-solid.affix-top .nav>li>a:focus:hover {
color: #c2262d;
}
.navbar-solid.affix-top .nav>li.active>a,
.navbar-solid.affix-top .nav>li.active>a:hover,
.navbar-solid.affix-top .nav>li.active>a:focus,
.navbar-solid.affix-top .nav>li.active>a:focus:hover {
color: #c2262d;
background-color: transparent
}
}
@media (min-width: 1100px) and (min-width: 1100px) {
.navbar-solid.affix-top .nav>li.active>a,
.navbar-solid.affix-top .nav>li.active>a:focus {
color: #c2262d
}
.navbar-solid.affix-top .nav>li.active>a:after,
.navbar-solid.affix-top .nav>li.active>a:focus:after {
background-color: #2584c1
}
}
@media (min-width: 1100px) {
.navbar-solid.affix-top #site-logo .logo-sticky,
.navbar-solid.affix-top #site-logo .logo-default {
display: none
}
.navbar-solid.affix-top #site-logo .logo-invert {
display: inline-block
}
.navbar-solid.affix-top .btn-getstarted {
background-color: #c2262d;
}
.navbar-solid.affix-top .btn-getstarted:hover {
background-color: #2584c1;
}
}
.page-servicearea .navbar,
.page-contact .navbar {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)
}
.header {
position: relative;
width: 100%;
min-height: auto;
text-align: left
}
.header.page-title {
padding: 61px 0 0;
background: url("../img/header.jpg") center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
-webkit-box-shadow: inset 0 -1px 10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -1px 10px rgba(0, 0, 0, 0.2)
}
@media (min-width: 480px) {
.header.page-title {
padding: 61px 0 0
}
}
@media (min-width: 1100px) {
.header.page-title {
padding: 81px 0 0
}
}
.header.page-title:before {
content: '';
display: block;
background-color: transparent;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.header.page-title-stripe {
padding: 70px 0 0;
background-color:#000000;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
-webkit-box-shadow: inset 0 -1px 10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -1px 10px rgba(0, 0, 0, 0.2)
}
@media (min-width: 768px) {
.header.page-title-stripe {
min-height: 200px;
padding: 115px 0 0
}
}
.header.page-title-stripe:before {
content: '';
display: block;
background-color: transparent;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.header.page-title-stripe h1 {
color: #003295;
}
.header.page-map {
background: none
}
@media (min-width: 768px) {
.header {
min-height: 100%
}
.header.page-title {
min-height: 400px
}
}
@media (max-width: 1099px) {
.header.page-title .v-center {
top: calc(50% + 30px)
}
}
.header.page-title .v-center h1 {
display: inline-block;
color: #004c89
}
.page-index .header {
background: url("../img/header.jpg") center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative
}
.page-index .header:before {
content: '';
display: block;
background-color: transparent;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.bg-primary {
background-color: #e0dfdf;
color: #fff
}
#main a {
-webkit-box-shadow: 0 1px 0 0 currentColor;
box-shadow: 0 1px 0 0 currentColor
}
#home-testimonial {
background: url("../img/testimonial-bg.jpg") center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
background-attachment: fixed;
color: #fff
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
#home-testimonial {
background-attachment: scroll
}
}
#home-testimonial:before {
content: '';
display: block;
background-color: rgba(0, 34, 61, 0.7);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
#home-testimonial blockquote {
border: none;
position: relative;
padding: 30px 20px 30px 70px;
margin: 0;
font-family: "Nothing You Could Do", "Rock Salt", Menlo, Monaco, Consolas, "Courier New", monospace
}
@media screen and (min-width: 992px) {
#home-testimonial blockquote {
font-size: 150%;
line-height: 1.5
}
}
#home-testimonial blockquote:before {
content: '"';
display: block;
font-size: 300%;
position: absolute;
left: 20px;
top: 30px;
line-height: 1;
font-family: "Rock Salt", Menlo, Monaco, Consolas, "Courier New", monospace
}
#home-testimonial blockquote .credit {
font-size: 80%
}
#features [class^=col-] {
position: relative
}
@media (min-width: 768px) {
#features [class^=col-] {
height: 350px
}
#features [class^=col-] .v-center-sm {
position: relative;
text-align: center;
padding: 70px 0
}
}
@media (min-width: 768px) and (min-width: 768px) {
#features [class^=col-] .v-center-sm {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0
}
}
#features h1,
#features .h1,
#features h2,
#features .h2,
#features h3,
#features .h3,
#features h4,
#features .h4,
#features h5,
#features .h5,
#features h6,
#features .h6 {
color: #2584c1
}
@media (max-width: 991px) {
#features {
text-align: center
}
}
#features .v-center {
padding: 0
}
.features-slogan {
text-align: center
}
@media (min-width: 992px) {
.features-slogan {
text-align: right
}
}
#service-area {
border-top: 4px solid #ddd
}
@media (max-width: 991px) {
#service-area {
text-align: center
}
}
#getnow {
-webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
background: url("../img/getnow-full-bg.jpg") center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
background-attachment: fixed
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
#getnow {
background-attachment: scroll
}
}
#getnow:before {
content: '';
display: block;
background-color: rgba(0, 34, 61, 0.7);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
@media (min-width: 768px) {
#getnow {
padding-top: 150px;
padding-bottom: 150px
}
}
@media (min-width: 1200px) {
#getnow {
background-position: 50% 0
}
}
#getnow2 {
background: url("../img/getnow-full-bg.jpg") center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
background-attachment: fixed
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
#getnow2 {
background-attachment: scroll
}
}
#getnow2:before {
content: '';
display: block;
background-color: rgba(0, 34, 61, 0.7);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.footer {
background-color: #fff;
color: #003056
}
.footer a {
color: #0066a4
}
.footer a:hover {
color: #e33655
}
.footer h1,
.footer .h1,
.footer h2,
.footer .h2,
.footer h3,
.footer .h3,
.footer h4,
.footer .h4,
.footer h5,
.footer .h5,
.footer h6,
.footer .h6 {
color: #c2262d;
}
.footer section {
padding: 30px 0
}
.footer section .footer-logo {
padding-right: 30px
}
.footer section .footer-logo.watermark {
opacity: .2;
filter: alpha(opacity=20)
}
.footer .footer-bottom {
text-align: left
}
.footer .footer-bottom .copyright {
color: #666
}
@media (min-width: 768px) {
.footer .footer-bottom .social-links {
text-align: right
}
.footer .footer-bottom .copyright {
text-align: left
}
}
.no-padding {
padding: 0 !important
}
.no-margin {
margin: 0 !important
}
.no-gutter>[class*=col-] {
padding-right: 0;
padding-left: 0
}
.content-heading {
margin-bottom: 20px;
line-height: 1.2
}
.content-spacer {
margin-bottom: 40px
}
.image-wrapper {
text-align: center;
margin-bottom: 20px
}
.image-wrapper.image-circle {
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
height: calc(100vw - 40px);
width: 100%
}
@media (min-width: 480px) {
.image-wrapper.image-circle {
width: 350px;
height: 350px
}
}
.image-wrapper.image-circle img {
width: 100%;
min-height: 100%
}
@media (min-width: 768px) {
.image-wrapper.image-right {
float: right;
margin-left: 20px
}
.image-wrapper.image-left {
float: left;
margin-right: 20px
}
.image-wrapper[class*=col-] {
margin-left: 0;
margin-right: 0;
padding: 0
}
}
.image-wrapper img {
max-width: 100%;
}
.v-center {
position: relative;
width: 100%;
text-align: center;
padding: 70px 0
}
@media (min-width: 768px) {
.v-center {
position: absolute;
top: 35%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0
}
}
.text-invert {
color: #fff
}
.text-invert h1,
.text-invert .h1,
.text-invert h2,
.text-invert .h2,
.text-invert h3,
.text-invert .h3,
.text-invert h4,
.text-invert .h4,
.text-invert h5,
.text-invert .h5,
.text-invert h6,
.text-invert .h6 {
color: #fff
}
.text-base {
font-family: "Raleway", "Helvetica Neue", Arial, sans-serif !important
}
h1.text-base,
.h1.text-base,
h2.text-base,
.h2.text-base,
h3.text-base,
.h3.text-base,
h4.text-base,
.h4.text-base,
h5.text-base,
.h5.text-base,
h6.text-base,
.h6.text-base {
font-weight: 900
}
.text-scribble {
font-family: "Rock Salt", Menlo, Monaco, Consolas, "Courier New", monospace !important;
line-height: 1.8
}
.text-large {
font-size: 19px;
line-height: 1.2
}
.double-space {
line-height: 2em
}
.heading-icon {
font-size: 125%;
display: block
}
@media (min-width: 768px) {
.heading-icon {
display: inline;
position: relative;
top: 10px
}
}
.block-icon {
font-size: 5em;
text-align: center;
display: inline-block;
width: 100%;
margin-bottom: 20px
}
ul.list-checked {
list-style: none;
margin: 0;
padding: 0
}
ul.list-checked li {
position: relative;
padding-left: 2em;
margin-bottom: 0.5em;
text-align: left
}
ul.list-checked li:before {
content: "\f00c";
font-family: 'FontAwesome';
position: absolute;
left: 0;
font-size: 125%;
line-height: 1
}
.fittext {
display: inline-block !important
}
.btn {
text-transform: uppercase;
font-family: "Open Sans", "Raleway", "Helvetica Neue", Arial, sans-serif;
font-weight: 700;
padding-left: 30px;
padding-right: 30px;
border: none !important
}
.btn:active,
.btn.active {
-webkit-box-shadow: none;
box-shadow: none
}
.btn-sm {
padding: 10px 20px
}
.btn-default {
color: #fff;
background-color: #004c89;
-webkit-transition: background-color .35s, border-color .35s, color .35s;
-moz-transition: background-color .35s, border-color .35s, color .35s;
transition: background-color .35s, border-color .35s, color .35s
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.btn-default:active:focus,
.open>.btn-default.dropdown-toggle {
border-color: #003e70;
color: #fff;
background-color: #003e70
}
.btn-default:active,
.btn-default.active,
.open>.btn-default.dropdown-toggle {
background-image: none
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
border-color: #003e70;
background-color: #003e70
}
.btn-default .badge {
color: #004c89;
background-color: #fff
}
.btn-primary-dark {
color: #ffffff;
background-color: #c2262d;
-webkit-transition: background-color .35s, border-color .35s, color .35s;
-moz-transition: background-color .35s, border-color .35s, color .35s;
transition: background-color .35s, border-color .35s, color .35s
}
.btn-primary-dark:hover,
.btn-primary-dark:focus,
.btn-primary-dark.focus,
.btn-primary-dark:active,
.btn-primary-dark.active,
.btn-primary-dark:active:focus,
.open>.btn-primary-dark.dropdown-toggle {
border-color: #ffffff;
color: #ffffff;
background-color: #2584c1;
}
.btn-primary-dark:active,
.btn-primary-dark.active,
.open>.btn-primary-dark.dropdown-toggle {
background-image: none
}
.btn-primary-dark.disabled,
.btn-primary-dark[disabled],
fieldset[disabled] .btn-primary-dark,
.btn-primary-dark.disabled:hover,
.btn-primary-dark[disabled]:hover,
fieldset[disabled] .btn-primary-dark:hover,
.btn-primary-dark.disabled:focus,
.btn-primary-dark[disabled]:focus,
fieldset[disabled] .btn-primary-dark:focus,
.btn-primary-dark.disabled.focus,
.btn-primary-dark[disabled].focus,
fieldset[disabled] .btn-primary-dark.focus,
.btn-primary-dark.disabled:active,
.btn-primary-dark[disabled]:active,
fieldset[disabled] .btn-primary-dark:active,
.btn-primary-dark.disabled.active,
.btn-primary-dark[disabled].active,
fieldset[disabled] .btn-primary-dark.active {
border-color: #871327;
background-color: #c2262d
}
.btn-primary-dark .badge {
color: #9d162e;
background-color: #fff
}
.btn-getstarted {
color: #ffffff;
background-color: #c2262d;
-webkit-transition: background-color .35s, border-color .35s, color .35s;
-moz-transition: background-color .35s, border-color .35s, color .35s;
transition: background-color .35s, border-color .35s, color .35s
}
.btn-getstarted:hover,
.btn-getstarted:focus,
.btn-getstarted.focus,
.btn-getstarted:active,
.btn-getstarted.active,
.btn-getstarted:active:focus,
.open>.btn-getstarted.dropdown-toggle {
border-color: #2584c1;
color: #fff;
background-color: #2584c1;
}
.btn-getstarted:active,
.btn-getstarted.active,
.open>.btn-getstarted.dropdown-toggle {
background-image: none
}
.btn-getstarted.disabled,
.btn-getstarted[disabled],
fieldset[disabled] .btn-getstarted,
.btn-getstarted.disabled:hover,
.btn-getstarted[disabled]:hover,
fieldset[disabled] .btn-getstarted:hover,
.btn-getstarted.disabled:focus,
.btn-getstarted[disabled]:focus,
fieldset[disabled] .btn-getstarted:focus,
.btn-getstarted.disabled.focus,
.btn-getstarted[disabled].focus,
fieldset[disabled] .btn-getstarted.focus,
.btn-getstarted.disabled:active,
.btn-getstarted[disabled]:active,
fieldset[disabled] .btn-getstarted:active,
.btn-getstarted.disabled.active,
.btn-getstarted[disabled].active,
fieldset[disabled] .btn-getstarted.active {
border-color: #871327;
background-color: #2584c1
}
.btn-getstarted .badge {
color: #9d162e;
background-color: #fff
}
form {
text-align: left
}
form .row {
margin-left: -5px;
margin-right: -5px
}
form [class*="col-"] {
padding-left: 5px;
padding-right: 5px
}
form.form-bg-blue .row {
background: #003056;
background: linear-gradient(to bottom, #003056, #003e70);
padding: 15px 15px;
-webkit-border-radius: 2px;
border-radius: 2px
}
@media (min-width: 768px) {
form.form-bg-blue .row {
padding-bottom: 0
}
}
form.form-bg-blue label {
color: #fff
}
.form-control {
margin-bottom: 15px;
-wekbit-box-shadow: none;
box-shadow: none;
font-weight: 700;
border-color: #004c89
}
.form-control::-moz-placeholder {
color: #004c89;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #004c89
}
.form-control::-webkit-input-placeholder {
color: #004c89
}
.form-control::-moz-placeholder {
font-weight: 700
}
.form-control:-ms-input-placeholder {
font-weight: 700
}
.form-control::-webkit-input-placeholder {
font-weight: 700
}
.header .form-control {
background-color: #fff
}
.form-control-feedback {
color: #004c89;
line-height: 53px !important
}
input.form-control:focus,
textarea.form-control:focus {
border-color: #004c89;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 76, 137, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 76, 137, 0.6)
}
input.form-control:focus,
textarea.form-control:focus {
-webkit-box-shadow: 0 0 0 1px #004c89;
box-shadow: 0 0 0 1px #004c89;
color: #004c89;
border-color: #004c89
}
label.error {
position: relative;
top: -1em;
font-size: 70%
}
.has-success .form-control {
background-color: #fff;
color: #2b542c
}
.has-success .form-control:focus {
-webkit-box-shadow: 0 0 0 1px #2b542c;
box-shadow: 0 0 0 1px #2b542c;
border-color: #2b542c;
color: #2b542c
}
.has-warning .form-control {
background-color: #fff;
color: #66512c
}
.has-warning .form-control:focus {
-webkit-box-shadow: 0 0 0 1px #66512c;
box-shadow: 0 0 0 1px #66512c;
border-color: #66512c;
color: #66512c
}
.has-error .form-control {
background-color: #fff;
color: #701021
}
.has-error .form-control:focus {
-webkit-box-shadow: 0 0 0 1px #701021;
box-shadow: 0 0 0 1px #701021;
border-color: #701021;
color: #701021
}
.has-error .form-control {
border-color: #9d162e
}
.has-error .form-control::-moz-placeholder {
color: #9d162e;
opacity: 1
}
.has-error .form-control:-ms-input-placeholder {
color: #9d162e
}
.has-error .form-control::-webkit-input-placeholder {
color: #9d162e
}
.map {
width: 100%;
height: 350px
}
.map.map-circle {
height: calc(100vw - 40px);
width: 100%;
background: none !important
}
@media (min-width: 480px) {
.map.map-circle {
width: 350px;
height: 350px;
margin: 0 auto
}
}
.map.map-circle>* {
-webkit-border-radius: 50%;
border-radius: 50%
}
.header.page-map .map {
height: 260px
}
@media (min-width: 480px) {
.header.page-map .map {
height: 339px
}
}
@media (min-width: 1100px) {
.header.page-map .map {
height: 319px
}
}
@-webkit-keyframes spinner {
from {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-moz-keyframes spinner {
from {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-o-keyframes spinner {
from {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spinner {
from {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.spinner {
display: inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
height: 20px;
width: 20px;
border-width: 5px;
border-style: solid;
border-color: #777 #777 transparent;
-webkit-animation: spinner 500ms linear infinite;
-o-animation: spinner 500ms linear infinite;
animation: spinner 500ms linear infinite
}
.nccs-badge {
position: fixed;
right: 0;
bottom: 0;
z-index: 100;
display:none;
}
.text-secondary {
color: #2584c1
}
.text-blue {
color: #c2262d
}
.machine-box {
height: 350px;
padding: 10px;
position: relative;
background: #fff;
background: linear-gradient(to bottom, #fff 20%, #fff 27%, #f3f3f3 92%);
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-top-left-radius: 60px 5px;
border-top-right-radius: 60px 5px;
border-bottom-right-radius: 60px 60px;
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
margin-bottom: 40px
}
.machine-box:before {
content: '';
width: 25px;
height: 20px;
position: absolute;
bottom: 0;
right: 0;
border-bottom-right-radius: 30px;
-webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
-webkit-transform: rotate(-20deg) skew(-40deg, -3deg) translate(-13px, -13px);
-moz-transform: rotate(-20deg) skew(-40deg, -3deg) translate(-13px, -13px);
-o-transform: rotate(-20deg) skew(-40deg, -3deg) translate(-13px, -13px);
transform: rotate(-20deg) skew(-40deg, -3deg) translate(-13px, -13px)
}
.machine-box:after {
content: '';
z-index: -10;
width: 100px;
height: 100px;
position: absolute;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.2);
display: inline-block;
-webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
-webkit-transform: rotate(0deg) translate(-45px, -20px) skew(20deg);
-moz-transform: rotate(0deg) translate(-45px, -20px) skew(20deg);
-o-transform: rotate(0deg) translate(-45px, -20px) skew(20deg);
transform: rotate(0deg) translate(-45px, -20px) skew(20deg)
}
.machine-box img {
margin-top: 15px;
height: 150px
}
.machine-box>p {
margin-top: 15px;
text-align: justify;
font-size: 12px
}
@media (max-width: 991px) {
.page-machine .machineimg {
max-height: 400px
}
}
.productswrap {
display: none
}
.portfolio-button {
background-image: none;
background-color: #2584c1;
color: #ffffff;
margin-bottom: 10px
}
.portfolio-button:hover,
.portfolio-button:focus {
border-color: #c2262d;
background-color: #c2262d;
color: #ffffff;
outline: none !important
}
.portfolio-button.selected {
border-color: #9d162e;
background-color: #c2262d;
color: #ffffff;
}
.span3 {
min-height: 200px
}
.inrow {
overflow: hidden;
padding: 10px
}
.productimgwrap {
-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
-webkit-border-radius: 5px;
border-radius: 5px;
height: 185px;
position: relative
}
.span3 .productimg {
-webkit-transform: scale(0.8) translateX(-62.5%) translateY(-62.5%);
-moz-transform: scale(0.8) translateX(-62.5%) translateY(-62.5%);
-ms-transform: scale(0.8) translateX(-62.5%) translateY(-62.5%);
-o-transform: scale(0.8) translateX(-62.5%) translateY(-62.5%);
transform: scale(0.8) translateX(-62.5%) translateY(-62.5%);
max-height: 185px;
max-width: 100%;
position: absolute;
top: 50%;
left: 50%
}
.header-content p {
line-height: 1.5;
margin-bottom: 1px;
}
.gform_body ul li::before {
display: none;
}
.gform_title {
text-transform: uppercase;
}
.page-template-template-contact .gform_title { text-transform: capitalize; color:#c2262d}
.page-template-template-contact .gfield.gfield_contains_required.field_sublabel_below.field_description_below, .vending-service-template-default .gfield.gfield_contains_required.field_sublabel_below.field_description_below {
padding-left: 0 !important;
}
.page-template-template-contact .gform_wrapper .top_label input.medium, .page-template-template-contact .gform_wrapper .top_label select.medium{
background-color: #fff;
background-image: none;
border: 1px solid !important ;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #003056;
font-size: 15px;
height: 53px;
line-height: 1.42857;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
border-color: #004c89 !important;
box-shadow: none;
font-weight: 700;
margin-bottom: 15px;
}
.textarea { border: 1px solid #004c89 !important ; height: 80px !important;}
.gform_button.button {
font-weight: bold;
text-transform: uppercase;
}
.gfield::before {
display: none !important;
}
.page-template-template-service .one_half h4{ font-family: "Raleway","Helvetica Neue",Arial,sans-serif;}
#getnow h3 {
font-size: 50px !important;
}
.page-id-7 .col-md-offset-1 h2 {
font-family: "Raleway","Helvetica Neue",Arial,sans-serif;
font-weight: 800;
}
.machine-template-default .col-sm-12 > h3 {
color: #c2262d;
}
.col-md-10.col-md-offset-1.text-center > h1{color:#c2262d}
.btn.btn-primary-dark.page-scroll {
margin-top: 21px;
}