BODY
{
background-color:#fdfdfd;
overflow-x:hidden;
}

.form-control.error
{
border-right:4px solid #C00;
}

SMALL.error
{
color:#C00;
}

@keyframes throbber
{
	0% {
		opacity:0.5;
	}
	100% {
		opacity:1;
	}
}

.throb
{
animation:throbber 0.5s infinite alternate;
}

.btn
{
-webkit-transition : background-color 500ms ease;
-moz-transition : background-color 500ms ease;
-o-transition : background-color 500ms ease;
transition : background-color 500ms ease;
}

A.underline
{
text-decoration:underline;
}

#clincher
{
background-color:#f2bf4c;
font-family:Roboto,sans-serif;
font-size:18px;
width:100%;
overflow:hidden;
line-height:50px;
height:52px;
color:#674801;
border-top: 3px solid rgba(243, 241, 237, 0.44);
border-bottom: 3px solid rgba(197, 159, 67, 0.24);
}

#clincher #clincher-label
{
position:relative;
font-weight:bold;
background-color:#f2bf4c;
font-family: Montserrat,sans-serif;
text-transform: uppercase;
color: #FFF;
font-size:2rem;
text-shadow:1px 1px 1px rgba(0,0,0,0.2);
}

#clincher #clincher-label::after
{
content: '';
position: absolute;
right: -17px;
top: 6.54px;
height: 34.922px;
width: 34.922px;
transform: rotate(45deg);
z-index: 1;
background-color:#f2bf4c;
}

#clincher #clincher-statement
{
background-color:rgba(255,255,255,0.2);
}

#const
{
font-family: Roboto,sans-serif;
text-align: right;
padding-right: 20px;
padding: 10px;
padding-right: 20px;
background:#FFF;
opacity:0.4;
}

#const IMG
{
height: 22px;
margin-right: 5px;
}

#footer .container
{
background: #343e46;
color: #ddd;
font-size: 12px;
padding-top: 40px;
padding-bottom: 40px;
}

#footer .cols
{
width:100%;
overflow:hidden;
}

#footer .cols A
{
display: inline-block;
width: 15%;
margin-right: 5px;
font-size:14px;
}

#footer .cols A,
#footer .cols A:visited,
#footer .cols A:link,
#footer .cols A:focus,
#footer .cols A:active
{
color:#f3bf4c;
}

.navbar
{
height:101px !important;
background-image: none;
background:#FFF;
}

.navbar-default
{
border-bottom: 0;
box-shadow: 0 3px 3px -2px rgba(0,0,0,0.3);
}

.navbar-right
{
margin-right:10px;
margin-top:24px;
font-family:Montserrat,sans-serif;
text-transform:uppercase;
}

.navbar-brand
{
padding:0;
display:block;
overflow:hidden;
height:initial;
padding-left:20px;
}

.navbar-default .navbar-nav>li>a
{
color:#000 !important;
border-bottom:3px solid #FFF;
padding-bottom:2px;
-webkit-transition : border 350ms ease-out;
-moz-transition : border 350ms ease-out;
-o-transition : border 350ms ease-out;
transition : border 350ms ease-out;
}

.navbar-default .navbar-nav>li>a:hover
{
border-color:#f2bf4c;
}

.navbar
{
-webkit-transition : height 250ms ease-in-out;
-moz-transition : height 250ms ease-in-out;
-o-transition : height 250ms ease-in-out;
transition : height 250ms ease-in-out;
}

.navbar A.navbar-brand IMG
{
-webkit-transition : height 250ms ease-in-out;
-moz-transition : height 250ms ease-in-out;
-o-transition : height 250ms ease-in-out;
transition : height 250ms ease-in-out;
}

.navbar .navbar-right
{
-webkit-transition : margin-top 250ms ease-in-out;
-moz-transition : margin-top 250ms ease-in-out;
-o-transition : margin-top 250ms ease-in-out;
transition : margin-top 250ms ease-in-out;
}

.navbar.smallnav
{
height:61px !important;
}

.navbar.smallnav A.navbar-brand
{
}

.navbar.smallnav A.navbar-brand IMG
{
height:60px;
}

.navbar.smallnav .navbar-right
{
margin-top:6px;
}

.navbar.smallnav .navbar-right UL
{
}

.navbar.smallnav .navbar-right LI
{
}

.navbar.smallnav .navbar-right LI A
{
}

.container-fluid
{
padding-left:0;
padding-right:0;
}

.container
{
box-sizing: border-box;
width: 100%;
overflow: hidden;
}

.firstblock
{
border-top:101px solid #FFF;
}

#idx .firstblock
{
border-top:101px solid #97b0c6;
}

.section
{
padding-top:60px;
padding-bottom:60px;
}

H1 I.fa-th-large
{
opacity: 0.5;
position: relative;
top: -3px;
font-size: 24px;
}

#hero
{
padding-left:0;
padding-right:0;
position:relative;
top:0;
}

#hero H1
{
position:absolute;
top:1em;
left:1em;
font-family:Montserrat,sans-serif;
font-weight:900;
font-size:3em;
text-transform:uppercase;
color:#FFF;
text-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}

#hero H1 B
{
font-weight:900;
color:#d5eafd;
}

#factors
{
background-color:#FFF;
}

#factors H1
{
text-align: center;
font-weight: 900;
font-family: Montserrat;
text-transform: uppercase;
color: #044f91;
}

#factors H2
{
font-family: Roboto,sans-serif;
text-align: center;
text-transform: uppercase;
font-size: 24px;
font-weight: bold;
color: #5b7286;
margin-bottom: 20px;
}

#factors H3
{
font-family: Roboto,sans-serif;
text-align: center;
font-size: 22px;
color: #5b7286;
}

#products
{
/*background-color:#a5c0d8;*/
background: radial-gradient(#4c5967, #242b33);
border-radius:10px;
padding-top:50px;
}

#products H1
{
text-align: center;
font-weight: 900;
font-family: Montserrat;
text-transform: uppercase;
/*color: #044f91;*/
color:#8b949e;
margin-top:0;
}

#products H2
{
font-family: Roboto,sans-serif;
text-align: center;
text-transform: uppercase;
font-size: 24px;
font-weight: bold;
/*color: #495763;*/
color:#757b80;
margin-bottom: 20px;
text-shadow:2px 2px 1px rgba(0,0,0,0.3);
}

#products A,
#products A:link,
#products A:visited
{
}

#products A:hover,
#products A:focus
{
text-decoration:none;
}

#products A:active
{
}

#products IMG
{
box-sizing:border-box;
background: #FFF;
padding: 10px;
border: 20px solid #EEE;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.84);
cursor:pointer;
}

#products A>IMG
{
-webkit-transition : border-color 250ms ease-in-out;
-moz-transition : border-color 250ms ease-in-out;
-o-transition : border-color 250ms ease-in-out;
transition : border-color 250ms ease-in-out;
}

#products A:hover>IMG
{
border-color: #CCC;
}

#features
{
background-color:#FFF;
}

#features H1
{
text-align: center;
font-weight: 900;
font-family: Montserrat;
text-transform: uppercase;
color: #044f91;
}

#features UL
{
font-family: Roboto,sans-serif;
margin-top: 2.5em;
font-size: 16px;
margin-left: 0;
padding-left: 0;
padding-right: 20px;
list-style-image: url(../img/bullet-diamond.png);
}

#features UL LI
{
margin-bottom:5px;
}

#usa
{
background-color:#2b333a;
}

#usa H1
{
text-align: center;
font-weight: 900;
font-family: Montserrat;
text-transform: uppercase;
color: #FFF;
padding-bottom:30px;
}

#usa .photo
{
border:20px solid #FFF;
box-shadow:3px 3px 3px 2px rgba(0,0,0,0.5);
width:50%;
}

/* ############################## SUB AREAS */

#subhead
{
background:#dbb253 url(../img/yellow-plans-seamless.png) 0 0 repeat;
color:#FFF;
padding-top:40px;
padding-bottom:40px;
}

#subhead.firstblock
{
border-top:101px solid #dbb252;
}

#subhead H1
{
font-family: Montserrat,sans-serif;
text-transform: uppercase;
font-weight:bold;
margin-top:0;
margin-bottom:0;
}

#breadcrumb
{
padding: 0;
background: #e3c47c;
}

#breadcrumb UL
{
list-style-type: none;
overflow: hidden;
margin: 0;
padding: 0;
}

#breadcrumb UL LI
{
float:left;
}

#breadcrumb UL LI A
{
color: white;
text-decoration: none; 
padding:6px 0 6px 65px;
background:#dcbf79;
position: relative; 
display: block;
}

#breadcrumb LI A::after 
{ 
content: " "; 
display: block; 
width: 0; 
height: 0;
border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
border-bottom: 50px solid transparent;
border-left: 30px solid #dcbf79;
position: absolute;
top: 50%;
margin-top: -50px; 
left: 100%;
z-index: 2;
}

#breadcrumb LI A::before 
{ 
content: " "; 
display: block; 
width: 0; 
height: 0;
border-top: 50px solid transparent;       
border-bottom: 50px solid transparent;
border-left:30px solid rgba(255, 255, 255, 0.36);
position: absolute;
top: 50%;
margin-top: -50px; 
margin-left: 1px;
left: 100%;
z-index: 1; 
}

#breadcrumb UL LI:last-child A { background-color:#d2b675; }
#breadcrumb UL LI:last-child A::after { border-left: 30px solid #d2b675;}

#subbody
{
border-left:1px solid rgba(0,0,0,0.1);
border-right:1px solid rgba(0,0,0,0.1);
min-height:800px;
background-color:#FFF;
font-family:Roboto,sans-serif;
}

#subbody H2
{
font-family: Roboto,sans-serif;
font-weight:bold;
}

#subbody P
{
font-size:18px;
}

#subbody .toptext
{
margin-top:50px;
}

#sidebar
{
}

#sidebar .sidebox
{
border: 1px solid #555;
margin-top: 10px;
background: #FFF;
margin-right: -5px;
}

#sidebar .sidebox.noborder
{
border:1px solid rgba(255,255,255,0);
}

#sidebar .sidebox H3
{
background: #555;
color: #FFF;
font-family: Montserrat,sans-serif;
text-transform: uppercase;
font-size: 16px;
padding: 5px;
margin: 0;
text-align: center;
}

#sidebar .sidebox SECTION
{
padding:8px;
}

#sidebar #contactbox.sidebox
{
background: #EEE;
}

#sidebar #sidebar-phone
{
text-align: center;
font-weight: bold;
font-size: 18px;
padding: 5px;
}

#sidebar #sidebar-address
{
text-align:center;
padding-top:10px;
}

#sidebar #sidebar-contact-form-btn
{
text-align:center;
}

#sidebar #sidebar-contact-form-btn .btn
{
margin-top:10px;
background: #dbdbdb;
color: #333;
outline:0;
width:70%;
}

#sidebar #sidebar-contact-form-btn .btn:focus,
#sidebar #sidebar-contact-form-btn .btn:hover
{
background:#f7f7f7;
}

#sidebar #sidebar-contact-form-btn .btn:active
{
background:#d4d4d4;
}

#sidebar #productbox SECTION
{
padding:0;
}

#sidebar #productbox SECTION A
{
background-color:#f3ce7b;
padding:10px;
display:block;
outline:0;
text-decoration:none;
color:#000;
-webkit-transition : opacity 400ms ease;
-moz-transition : opacity 400ms ease;
-o-transition : opacity 400ms ease;
transition : opacity 400ms ease;
opacity:0.8;
}

#sidebar #productbox SECTION A IMG
{
margin-right:10px;
}

#sidebar #productbox SECTION A:hover,
#sidebar #productbox SECTION A:focus
{
opacity:1;
}

#sidebar #productbox SECTION A:active
{
opacity:0.9;
}

#sidebar #productbox SECTION A.odd
{
background-color:#ecdab1;
}

#sidebar #productbox SECTION A.odd:hover,
#sidebar #productbox SECTION A.odd:focus
{
}

#sidebar #productbox SECTION A.odd:active
{
}

#sidebar #finddealer SECTION
{
width:100%;
overflow:hidden;
}

#sidebar #finddealer IMG
{
margin-bottom:-10px;
}

#sidebar #finddealer .btn
{
background-color: #214892;
color: #FFF;
}

#sidebar #finddealer .btn:focus,
#sidebar #finddealer .btn:hover
{
background-color: #3462b9;
}

#sidebar #finddealer .btn:active
{
background-color: #1d3e7d;
}

#sidebar #testimonials .item
{
height:150px;
}

#sidebar #testimonials .carousel-caption
{
text-shadow: none;
top: 0;
padding: 0;
padding-top: 15px;
right: 8%;
left: 8%;
text-align: left;
}

#sidebar #testimonials .item P
{
font-size: 13px;
font-style: italic;
font-family: sans-serif;
color:#111;
}

#sidebar #testimonials .item SPAN
{
display: block;
margin-top: 10px;
color: #656565;
}

#sidebar #trust
{
text-align:center;
padding-left:15%;
padding-right:15%;
}

#sidebar #trust IMG
{
margin-top:15px;
min-width:110px;
}

#prdcts .col.products
{
margin-top:60px;
}

#prdcts .col.product-link
{
}

#prdctsscrns .toptext,
#prdctsdrs .toptext,
#prdctspnls .toptext
{
margin-bottom:50px;
}

#prdctsscrns .leftcol,
#prdctsdrs .leftcol,
#prdctspnls .leftcol
{
padding-bottom:20px;
}

#prdctsscrns .rightcol UL,
#prdctsdrs .rightcol UL,
#prdctspnls .rightcol UL
{
padding-left:10px;
list-style-image: url(../img/bullet-diamond.png);
font-size:18px;
}

#prdctsscrns .rightcol UL LI,
#prdctsdrs .rightcol UL LI,
#prdctspnls .rightcol UL LI
{
padding-bottom:5px;
}

DIV.cta.row
{
background:#EEE;
width:80%;
padding:20px;
margin-left:0px;
border-radius:5px;
border:1px solid #555;
margin-top:50px;
margin-bottom:50px;
}

DIV.cta.row P
{
font-size:24px !important;
}

#dlrspprtnts .do-headline
{
border-bottom:1px solid #000;
}

#dlrspprtnts .do-headline P
{
font-size: 26px;
text-align: center;
padding-left: 20%;
padding-right: 20%;
font-weight:bold;
}

#dlrspprtnts FORM,
#cntct FORM
{
max-width:550px;
background-color:#EEE;
padding:20px;
border-radius:5px;
}

#dlrspprtnts FORM #xnm,
#cntct FORM #xnm
{
width:430px;
}

#cntct FORM #phone
{
width:50%;
}

#dlrspprtnts FORM #street,
#dlrspprtnts FORM #city,
#dlrspprtnts FORM #xem,
#dlrspprtnts FORM #besttime,
#dlrspprtnts FORM #notes,
#cntct FORM #topic,
#cntct FORM #xem,
#cntct FORM #besttime,
#cntct FORM #message
{
max-width:537px;
}

#form-response
{
background-color: #FFF;
border-radius: 5px;
padding: 20px;
display:none;
}


