@font-face { font-family: 'IDA'; src: url('/fonts/IDA/IDA.eot?81aeja'); src: url('/fonts/IDA/IDA.eot?81aeja#iefix') format('embedded-opentype'), url('/fonts/IDA/IDA.ttf?81aeja') format('truetype'), url('/fonts/IDA/IDA.woff?81aeja') format('woff'), url('/fonts/IDA/IDA.svg?81aeja#IDA') format('svg'); font-weight: normal; font-style: normal }
[class*=" icon-"] { font-family: 'IDA' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-IDA:before { content: "\e900" }
body { background: #8ec0ff; background: -moz-radial-gradient(center, ellipse cover, #8ec0ff 0%, #2a394f 100%); background: -webkit-radial-gradient(center, ellipse cover, #8ec0ff 0%, #2a394f 100%); background: radial-gradient(ellipse at center, #8ec0ff 0%, #2a394f 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec0ff', endColorstr='#2a394f', GradientType=1 )
}
body, section { scroll-behavior: smooth }
section#quote { padding-top: 80px; padding-bottom: 40px }
.vh-100 { height: 100vh }
.bkgnd { position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
#agency .bkgnd { background: url('../images/bkgnd-agency.jpg') no-repeat; opacity: 0.1; -webkit-animation: pgbg1 1s; animation: pgbg1 1s }

@media (min-width: 768px) {
section { padding-top: 7%; padding-bottom: 40px }
}
@-webkit-keyframes pgbg1 {
from {
opacity:0.0;
}
to {
opacity:0.1;
}
}
@keyframes pgbg1 {
from {
opacity:0.0;
}
to {
opacity:0.1;
}
}
@-webkit-keyframes pgbg2 {
from {
opacity:0.2;
}
to {
opacity:0.5;
}
}
@keyframes pgbg2 {
from {
opacity:0.2;
}
to {
opacity:0.5;
}
}

@media (max-width: 767px) {
.col-xs-6, .col-xs-12 { float: none }
.vh-100 { height: auto }
}

html { font-family: sans-serif }
body { font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.5em; color: #333; font-weight: 400; font-style: normal }
.pg-hdr { font-size: 1.75em; font-weight: bold; line-height: 1.5em; text-align: center; margin: 0 0 10px }
h1 { color: #6c8d13 }
h2, h3, h4, h5, h6 { color: #444 }
h1 { margin: 0 0 20px }
.pg-hdr h1 { font-size: 1.25em }
h2 { font-size: 1.25em; font-weight: bold; line-height: 1.25em; margin: 0 0 20px }
h3 { font-size: 1.25em; font-weight: 500; line-height: 2em; margin: 0 0 10px }
h4 { font-size: 1.25em; text-align: center; line-height: 1.5; margin: 0 0 10px }
h5 { font-size: 1.25em }
h6 { font-size: 1em; font-weight: 600 }

@media (min-width: 382px) {
#home .pg-hdr br.br01 { display: none }
}

@media (min-width: 768px) {
.pg-hdr h1 { font-size: 1.75em }
h2 { font-size: 1.65em; font-weight: bold; line-height: 1.25em; margin: 0 0 20px }
h3 { font-size: 1.5em; font-weight: 500; line-height: 2em; margin: 0 }
h4 { font-size: 1.25em; text-align: center; line-height: 1.5; margin: 0 0 10px }
h5 { font-size: 1.25em }
h6 { font-size: 1em; font-weight: 600 }
#home .pg-hdr { padding: 20px 0 }
#home h2 br { display: none }
}
i, a i:hover { color: #E48324 }
.overlay { width: 100%; padding: 10px }
.overlay.wht { background: rgba(255,255,255,0.9) }
.overlay.wht5 { background: rgba(255,255,255,0.5) }
.overlay.blu { background: rgba(46,110,165,0.7); color: #fff }
.overlay.grn { background: rgba(192, 208, 40,0.7) }
@keyframes ovrly {
from {
opacity:0.2;
}
to {
opacity:1;
}
}
@-webkit-keyframes sk-rotatePlane {
0% {
-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
transform:perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
@keyframes sk-rotatePlane {
0% {
-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);
transform:perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.navbar { height: 60px; background: rgba(255, 255, 255, 0.9) }
.navbar-brand { font-family: 'Raleway', sans-serif }
.navbar-brand { color: #356e9b; font-size: 18px; font-weight: bold }
.navbar-brand a:hover { color: #28a7e9 }
.navbar-brand a.brand-logo i { font-size: 1.5em !important; padding: 5px 0 0 0; height: 50px; text-align: center }
.navbar-brand a.brand-logo .fa { position: relative; float: left }
.navbar-brand a.brand-logo .fa::before { height: 50px; width: 50px; line-height: 50px; background: #356e9b; border-radius: 50%; color: #fff; left: 0; padding-left: 5px; display: inline-block; text-align: center }
.navbar-brand a.brand-name { display: inline-block; padding: 0 0 0 10px; line-height: 60px }
.nav li a { font-size: 12px; height: 60px; line-height: 44px }
.nav li a:hover { color: #FFF }
.navbar-toggle .icon-bar { background: #28a7e9; border-color: transparent }
.navbar-toggle:hover { background-color: transparent }
.nav li a .text-grn { color: #44AD04 }
.nav li a .text-grn:hover, .nav li a .text-grn:focus, .navbar-collapse .nav li a .text-grn { color: #99AA00 }
.navbar-nav li a.hilit:hover{ text-decoration: none; color: #c0d028; background: #2e6ea5; }
.brand-logo img{display: block; max-height: 55px; width: auto; margin:3px 0;float:left}

@media (min-width: 820px) {
.navbar-brand { font-size: 20px }
.nav li a { font-size: 13px }
}
@media (min-width: 768px) and (max-width: 949px) {
.navbar-nav > li.c2c { display: none }
}

@media screen and (max-width: 767px) {
.nav li a { height: auto; line-height: 2em }
#contact .overlay { padding-top: 40px }
.navbar-nav > li.c2c br { display: none }
}
.flip-block .fa::before { background: #6382a9 }
@keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}
.fadeIn { animation-name: fadeIn }
@keyframes fadeInLeft {
from {
opacity:0;
transform:translate3d(-100%, 0, 0);
}
to {
opacity:1;
transform:none;
}
}
.fadeInLeft { animation-name: fadeInLeft }
@keyframes fadeInRight {
from {
opacity:0;
transform:translate3d(100%, 0, 0);
}
to {
opacity:1;
transform:none;
}
}