BODY
{
background-color:#999;
overflow-x:hidden;
font-family:Roboto,Arial,sans-serif;
font-size:16px;
color:#444;
}

A
{
color:#197fd8;
}

.firstblock
{
padding-top:50px;
margin:0 auto !important;
width:100%;
}

H1,H2,H3
{
font-family:"Roboto Condensed",Roboto,Arial,sans-serif;
}

.bgblue
{
background-color:#6082b6;
}

.bgdkblue
{
background-color:#435b8e;
}

.bggrey
{
background-color:#858e96;
}

.bgdkgrey
{
background-color:#454a4f;;
}

.bgoffwhite
{
background-color:#f4f4f4;
}

.bgwhite
{
background-color:#FFF;
}

.idared {
background-color:#bd664d;
}

.idablue {
background-color:#8fafe2;
}

.shadow
{
border-radius:2px;
-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
-o-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
}

.light-text
{
color:#FFF;
}

.div-circle {
border-radius: 50%;
}

SECTION
{
margin-left: 0px !important;
width: 100% !important;
margin: 0 auto !important;
}

SECTION.vpadded
{
padding-top:50px;
padding-bottom:50px;
}

SECTION .btn
{
-webkit-transition : background-color 500ms ease;
-moz-transition : background-color 500ms ease;
-o-transition : background-color 500ms ease;
transition : background-color 500ms ease;
border-radius:3px;
text-transform: uppercase;
letter-spacing: 1.8px;
border-radius: 3px;
font-family: Roboto,Arial,sans-serif;
font-size: 17px;
color: #FFF;
text-align: center;
font-weight: bold;
line-height: 16px;
padding: 7% 15%;
word-spacing: 3px;
}

.btn-corp
{
background-color: #425d8a;
}

.btn-corp:hover,
.btn-corp:focus
{
color:#FFF !important;
background-color: #6484b5 !important;
}

NAV
{
text-transform:uppercase;
font-size:15px;
}

NAV #menuphone
{
background:transparent url(../img/phone-on-dark.png) 0 center no-repeat;
margin-left:10px;
}

NAV.woman #menuphone
{
background:transparent url(../img/phone-on-light.png) 0 center no-repeat;
}

NAV.woman.navbar.scrolled #menuphone
{
background:transparent url(../img/phone-on-dark.png) 0 center no-repeat;
}

.navbar
{
background-color: rgba(0,0,0,0.2);
border-color: transparent;
-webkit-transition: background-color 400ms ease;
-moz-transition: background-color 400ms ease;
-o-transition: background-color 400ms ease;
transition: background-color 400ms ease;
color:#FFF;
}

.nav>li>a
{
-webkit-transition: color 500ms ease;
-moz-transition: color 500ms ease;
-o-transition: color 500ms ease;
transition: color  500ms ease;
color:#CCC;
}

.nav>li>a:focus,
.nav>li>a:hover
{
background:none;
color:#FFF;
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand
{
margin-left: -23px;
margin-left:-15px;
margin-top: 5px;
width:127px;
height:39px;
background:transparent url(../img/logo-on-dark.png) 0 0 no-repeat;
}

.navbar.woman>.container .navbar-brand,
.navbar.woman>.container-fluid .navbar-brand
{
background:transparent url(../img/logo-on-light.png) 0 0 no-repeat;
}

.navbar.scrolled>.container .navbar-brand,
.navbar.scrolled>.container-fluid .navbar-brand
{
background:transparent url(../img/logo-on-dark.png) 0 0 no-repeat;
}

.navbar.woman
{
background-color: rgb(247,247,247);
}

.navbar.woman .nav>li>a
{
color:#111;
}

.navbar.woman .nav>li>a:focus,
.navbar.woman .nav>li>a:hover
{
color:#3d89ff;
}

.navbar.scrolled
{
background-color:#131519;
color:#CCC;
}

.navbar.scrolled .nav>li>a
{
color:#CCC;
}

.navbar.scrolled .nav>li>a:focus,
.navbar.scrolled .nav>li>a:hover
{
color:#FFF;
}

NAV #btnNavMemberLogin
{
border: 1px solid rgba(255,255,255,0.2);
border-radius: 5px;
padding: 4px 5px;
margin-top: 10px;
-webkit-transition : background-color 400ms ease;
-moz-transition : background-color 400ms ease;
-o-transition : background-color 400ms ease;
transition : background-color 400ms ease;
}

NAV #btnNavMemberLogin:hover,
NAV #btnNavMemberLogin:focus
{
background:rgba(255,255,255,0.3);
}

NAV.woman #btnNavMemberLogin
{
border: 1px solid rgba(0,0,0,0.18);
}

NAV.woman #btnNavMemberLogin:hover,
NAV.woman #btnNavMemberLogin:focus
{
background:rgba(0,0,0,0.09);
}

NAV.scrolled #btnNavMemberLogin
{
border: 1px solid rgba(255,255,255,0.2);
}

NAV.scrolled #btnNavMemberLogin:hover,
NAV.scrolled #btnNavMemberLogin:focus
{
background:rgba(255,255,255,0.3);
}


.posmargtop-little
{
padding-top:57px !important;
}

.posmargtop-lot
{
padding-top:200px !important;
}

.posmargbtm-little
{
padding-bottom:57px !important;
}

.posmargbtm-lot
{
padding-bottom:200px !important;
}

.negmarg-little
{
margin-top:-72px !important;
}

.negmarg-lot
{
margin-top:-150px !important;
}

.left-box-accent
{
background:transparent url(../img/vertical-line-dark.png) 0 82% no-repeat;
min-height:232px;
padding-top:5%;
margin-left:4%;
padding-left:25px;
}

.light-text .left-box-accent
{
background:transparent url(../img/vertical-line-white.png) 0 82% no-repeat;
}
.left-box-accent H1
{
font-weight:bold;
font-size:32px;
}

.light-text .left-box-accent H1 SUP SMALL
{
color:#CCC;
}

.left-box-accent H1 SUP SMALL
{
color:#777;
}

.left-box-accent H1 SPAN
{
text-transform:uppercase;
}

.left-box-accent P
{
font-family:"Roboto Condensed",Roboto,Arial,sans-serif;
font-size: 20px;
line-height: 25px;
padding-right: 5%;
word-spacing: 1px;
}

.paralax
{
background-attachment:fixed !important;
}

#foot
{
color:#CCC;
background-color:#454a4f;
padding-top:60px;
}

#foot H2
{
text-transform:uppercase;
font-size: 19px;
font-weight: bold;
}

#foot A
{
color:#CCC;
text-decoration:none;
border-bottom:1px solid rgba(255,255,255,0);
}

#foot A:hover,
#foot A:focus
{
color:#EEE;
border-bottom:1px solid #EEE;
}

#foot .stacked A
{
display:inline-block;
margin-bottom:4px;
}

#foot .beside
{
margin-top:20px;
border-bottom:1px solid #CCC;
padding-bottom:7px;
margin-bottom:7px;
}

#foot .beside A
{
display:inline-block;
margin-right:10px;
}

#foot #copyright
{
font-size:10px;
}

/* SMARTPHONE */
@media only screen and (max-width:767px)
{

	.navbar-inverse .navbar-collapse
	{
	background:#1c1c1d;
	}
	
	SECTION.container
	{
	overflow:hidden;
	}
	
	.navbar
	{
	background-color:#000 !important;
	color:#DDD !important;
	}
	
	.navbar.woman>.container .navbar-brand, 
	.navbar.woman>.container-fluid .navbar-brand
	{
	background-image: url(../img/logo-on-dark.png);
	}
	
	.navbar .nav>li>a
	{
	color:#DDD !important;
	}

	.navbar .nav>li>a:hover,
	.navbar .nav>li>a:focus
	{
	color:#FFF !important;
	}

	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand
	{
	margin-left:12px;
	}
	
	.navbar-toggle
	{
	border:1px solid rgba(255,255,255,0.5);
	}
	
	.navbar-toggle .icon-bar
	{
	background-color:rgba(255,255,255,0.7);
	}
	
	.container>.navbar-collapse 
	{
	background-color:#000;
	border:1px solid rgba(255,255,255,0.5);
	}
	
	NAV .container-fluid
	{
	padding-left:0;
	padding-right:0;
	}
	
	#foot .beside A
	{
	display:block;
	width:-webkit-max-content;
	width:max-content;
	}

	.light-text .left-box-accent,
	.left-box-accent
	{
	background-position-y: 25%;
	}
	
	.light-text .left-box-accent,
	.left-box-accent
	{
	background:transparent;
	padding-left:1%;
	}
	
	.left-box-accent H1
	{
	text-align: center;
    padding-right: 5%;
	}
	
	.negmarg-little
	{
	margin-top:0px;
	}
	
	.negmarg-lot
	{
	margin-top:0px;
	}
	


}

/* TABLET */
@media (min-width:768px) and (max-width:800px)
{

	.light-text .left-box-accent,
	.left-box-accent
	{
	background-position-y: 53%;
	}
	


}


/* IPAD PRO PORTRAIT */
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) 
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1.5)
{

	.light-text .left-box-accent,
	.left-box-accent
	{
	background-position-y: 84%;
	}


}

/* IPAD LANDSCAPE */
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1024px) 
and (orientation: landscape)
{


}

/* IPAD PRO LANDSCAPE */
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) 
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1.5)
{



}


/* WIDESCREEN */
@media (min-width: 1400px)
{

	.container
	{
	width: 1400px !important;
	}

	.navbar-fixed-top
	{
	margin: 0 auto;
	width: 1400px !important;
	left: -50%;
	right: -50%;
	}
	
	.navbar-fixed-top .container
	{
	padding-right:30px;
	}
	
	.light-text .left-box-accent,
	.left-box-accent
	{
	background-position-y: 57%;
	height:300px;
	}

}