/* ============================================================================================== */
/* !UTILITIES */

.group:after {
	content: "";
	display: table;
	clear: both;
}

/* apply a natural box layout model to all elements */
*, *:before, *:after {
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}



/* ============================================================================================== */
/* !OVERRIDES */

BODY {
	font-family: 'Open Sans', sans-serif;
}

body.cms-index-index .main, body.cms-index-defaultindex .main {
	padding: 0;
}

.wrapper {
	border-top: 0 !important;
}

.page {
	/* max-width: 1900px; */
	margin: auto;
}

.center {
	text-align: center;
}

.blueBullet {
	color: #4193da;
}

.blueBullet SPAN {
	color: #000;
}

.grid-full {
	width: 100%;
	margin: 0;
}

.container {
	width: 100%;
	max-width: 1200px;
}

.custom-page {
	font-size: 14px;
}

.custom-page .container {
	max-width: 100%;
}

.container.main {
	padding: 80px 0px;
}

		.col2-left-layout .container.main {
			padding: 40px 20px;
		}

.custom-page .container.main {
	padding: 0;
}

.main {
	background: transparent;
	min-height: auto;
	padding: 0;
}

.block {
	margin: 0;
}

.view {
	max-width: 1200px;
	margin: auto;
	padding: 0px 20px;
}


#logo {
	line-height: 21px;
	padding-top: 12px;
}

#mainNavigation {
	float: right;
	font-family: 'Roboto Slab', serif;
}

#mainNavigation LI {
	float: left;
	margin: 4px 40px 0px 0px;
}

#mainNavigation LI.last {
	margin-right: 0;
	margin-top: 1px;
}


.robotoSlab {
	font-family: 'Roboto Slab', serif;
}

.weight-100 {
	font-weight: 100;
}

.weight-300 {
	font-weight: 300;
}

button.button > span {
	border: 3px solid #5f7d97;
	background: #fff;
}

button.button span {
	background: #fff;
	color: #5f7d97;
	text-transform: uppercase;
	/* font-family: "Montserrat"; */
	font-weight: 400;
}

button.button span span {
	height: auto;
	line-height: normal;
	padding: 10px 40px;
}

button.button:hover span {
	background: #5f7d97;
	color: #fff;
}


/* ============================================================================================== */
/* !UTLITIES */

BODY {
	background: #28313A;
}

.main-container {
	background: #fff;
}

.cms-atlasparent-home .main-container {
	background: transparent;
}
.customPage {
	/* max-width: 1900px; */
	margin: auto;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #3b3c3e;
}

.group:after {content: "";display: table;clear: both;}

.textLeft {
	text-align: left !important;
}

IMG {
	height: auto;
	max-width: 100%;
}

.customPage STRONG {
	font-weight: 400;
}

.customPage H2 {
	font-size: 30px;
	line-height: 36px;
	font-weight: 300;
}

.customPage H3 {
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 300;
	margin: 0px 0px 20px 0px;
	color: #c22c1c;
}

/*
.customPage P {
	font-size: 24px;
}
*/

.boxedLink {
	display: inline-block;
	border: 3px solid #c22c1c;
	padding: 8px 20px;
	text-decoration: none;
	color: #5f7d97;
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	font-size: 15px;
}

		.boxedLink:hover {
			border-color: #c22c1c;
			background: #c22c1c;
			color: #fff;
		}

.custom-page .block {
	position: relative;
	text-align: center;
	overflow: hidden;
}

.contentBlock {
	background: #fff;
	padding: 60px 18.947368421053%;
}

.blockTransparent {
	background: transparent;
	background: rgba(135, 54, 14, 0.3) !important;
}

.contentBlock H2 {
	margin: 0px 0px 40px 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #3b3c3e;
}

.contentBlock P.lead {
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
}

.contentBlock P {
	margin: 0px 0px 20px 0px;
	font-size: 20px;
	line-height: 26px;
}

.contentBlock .columnContainer P {
	font-size: 15px;
	line-height: 24px;
	margin: 0px 0px 20px 0px;
}

.contentBlock.grey {
	background: #f3f3f3;
}

.contentBlock.greyMedium {
	background: #e2e2e2;
}

.contentBlock.greyDark {
	background: #252426;
	color: #fff;
}

.contentBlock.greyDark H2 {
	color: #fff;
}

.contentBlock.greyDark .boxedLink {
	border-color: #8b8b8b;
	color: #d2d2d2;
	font-size: 15px;
	font-weight: 300;
}

.contentBlock.red {
	background: #c22c1c;
	color: #fff;
}

.contentBlock.red P {
	color: #fff;
}

.intro {
	width: 66%;
	width: 80%;
	margin: 0px auto 60px auto;
}

.cms-atlasparent-home #hero {
	background: transparent;
}

.cms-atlasparent-home .blockTransparent {
	background: transparent;
	background: rgba(135, 54, 14, 0.3) !important;
}

#hero {
	background: #232323;
}

#hero .image {
	
}

A:hover {
	color: #c22c1c;
}




/* ============================================================================================== */
/* !HEADER */



#mainHeader {
	/* font-family: "Montserrat"; */
	color: #d4d4d4;
	text-transform: uppercase;
}

#mainHeader A {
	color: #fff;
}

#mainHeader A:hover {
	color: #f8e815;
}
		.cms-index-index A#nav_home, 
		.cms-technology A#mainNav_technology, 
		.cms-practitioners A#mainNav_practitioners,
		.cms-patients A#mainNav_patients,
		.cms-orthotics A#mainNav_orthotics {
			color: #f8e815;
			text-decoration: underline;
		}

#mainHeader .boxedLink {
	border-color: #d3d3d3;
	padding: 0px 20px;
}

		#mainHeader .boxedLink:hover {
			border-color: #f8e815;
			color: #f8e815;
		}


#mainHeaderTop {
	background: #fff;
	padding: 10px 0px;
	color: #616161;
}

#mainHeaderTop A {
	color: #616161;
}

#mainHeaderTopLeft {
	float: left;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 12px;
}

#mainHeaderTopLeft LI {
	float: left;
	margin: 0px 20px 0px 0px;
}

#mainHeaderTopLeft LI:last-child {
	margin-right: 0;
}

#secondaryNavigation {
	float: right;
}

#secondaryNavigation LI {
	float: left;
	margin: 0px 20px 0px 0px;
}

#secondaryNavigation LI:last-child {
	margin-right: 0;
}

#mainHeaderBottom {
	background: #c22c1c;
	padding: 15px 0px;
	line-height: 36px;
}

/*
#logo {
	float: left;
}
*/

		.header .form-search .input-text:focus {
			border-color: #f3f3f3;
		}



#mainHeaderBottom > .view > #toggleContainer {
	float: left;
}

#navToggle {
	float: right;
}
	
#navToggle A {
    background: url("/skin/frontend/ultimo/default/images/nav_toggle.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    display: block;
    height: 23px;
    width: 28px;
    margin-top: 7px;
    
}





/* ============================================================================================== */
/* !FOOTER */

#mainFooter {
	font-size: 14px;
	font-weight: 300;
}

#mainFooter P {
	font-size: 14px;
}

#mainFooter .view {
	max-width: 1200px;
}

#mainFooterTop {
	background: #1e1a1e;
	color: #fff;
	color: rgba(255,255,255,0.75);
}

#mainFooter A {
	color: #fff;
	color: rgba(255,255,255,0.75);
}

		#mainFooter A:hover {
			color: #fff;
			color: rgba(255,255,255,0.75);
			text-decoration: underline;
		}


#mainFooterTop {
	padding: 80px 0px;
}

#mainFooterTop LI {
	margin: 0px 0px 20px 0px;
}

#mainFooterTop .col-1 P {
	margin-bottom: 20px;
}

#mainFooterTop .col-2 UL LI {
	float: left;
	width: 50%;
}


#mainFooterTop .title {
	font-size: 18px;
	color: #8c8c8c;
	margin: 0px 0px 30px 0px;
}

#mainFooterTop .column {
	float: left;
	width: 33.3333333334%;
}

#mainFooterTop .title A {
	color: #8c8c8c;
}

		#mainFooterTop .title A:hover {
			color: #3ff0a7;
		}

#mainFooterBottom {
	background: #111;
	padding: 20px 0px;
	color: #b2b2b2;
}

#mainFooterBottom A {
	color: #b2b2b2;
}

#mainFooterBottomLinks LI {
	float: left;
	margin: 0px 10px 0px 0px;
}

#mainFooterBottomLinks LI:last-child {
	margin-right: 0;
}

/* ============================================================================================== */
/* !HOME */

.fullscreen-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    left: 0;
    min-height: 100%;
    min-width: 1024px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

.cms-atlasparent-home #intro {
	display: table;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	
	width: 100%;
}

#hero .title {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: 100%;
	z-index: 1000;
	width: 100%;
}

#hero .titleContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: 100%;
	z-index: 1000;
	width: 100%;
}

/*
#hero .video {
	padding-bottom: 38.631578947368%;
}
*/

/*
#hero .video {
	position: relative;
	padding-bottom: 38.631578947368%;
	height: 0;
}

#hero .video .mask {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	
	background: rgba(135, 54, 14, 0.3);
	height: 100%;
	width: 100%;
	z-index: 999;
}

#hero .video OBJECT,
#hero .video EMBED
 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	width: 100%;
}



VIDEO {
	max-width: 100%;
	
	height: auto !important;
	max-height: 734px;
	
}
*/



#customOrthotics {
	
}



.cms-atlasparent-home #technology {
	position: relative;
	padding: 0px;
	color: #fff;
	background: #f3f3f3;
}


		.cms-atlasparent-home #technology .boxedLink {
			border-color: #fff;
			color: #fff;
		}
		
		.cms-atlasparent-home #technology .boxedLink:hover {
			border-color: #C22C1C;
			color: #fff;
			background: #C22C1C;
		}
		
		.cms-atlasparent-home #technology .copy {
			position: absolute;
			bottom: 10%;
			width: 100%;
			color: #272827;
			
		}
		
		.cms-atlasparent-home #technology .title {
			position: absolute;
			top: 20%;
			width: 100%;
		}
		
		.cms-atlasparent-home #technology .title IMG {
			width: 30.263157894737%;
			margin: auto;
		}
		
		.cms-atlasparent-home #technology .copy P {
			font-weight: bold;
		}
		
		.cms-atlasparent-home #technology .boxedLink {
			color: #C22C1C;
			border-color: #d3d3d3;
		}

/*
.cms-atlasparent-home #technology .title {
	position: absolute;
	top: 50%;
	left: 50%;
	
	margin-top: -85px;
	margin-left: -182px;
	
	
}
*/



#difference {
	
}

#difference .columnContainer .image {
	margin: 0px 0px 20px 0px;
}

#difference .columnContainer P {
	font-size: 15px;
	line-height: 20px;
}



#brands {
	background: url('/skin/frontend/ultimo/ioparent/images/home/brands_bg.png') repeat left top;
	padding: 50px 0px;
}

#brands H2 {
	margin: 0px 0px 0px 0px;
	font-size: 36px;
	color: #1a1817;
	font-weight: bold;
}

#brands P {
	font-size: 14px;
	margin: 10px 0px 0px 0px;
}

#brands .cta {
	margin-top: 30px;
}


.column-3 .column {
	width: 30%;
	float: left;
	
	font-size: 16px;
	color: #53535;
}

.column-3 .col-2 {
	margin: 0px 5%;
}


#shoeSlider.flex-container {
	height: 400px;
}

.flexslider .slides LI {
	display: none;
}
/*

.flexslider IMG {
	display: none;
}
*/


#turnKey {
	
}


.column-2 .column {
	float: left;
	width: 48%;
}

.column-2 .col-2 {
	float: right;
}

/*
#turnKey .columnContainer H3 {
	margin: 0px 0px 10px 0px;
}
*/

#turnKey .columnContainer P {
	text-align: left;
}

#turnKey .badge {
	margin: 50px 0px 0px 0px;
}




/* ============================================================================================== */
/* !TECHNOLOGY */

#page_technology #customOrthotics .columnContainer {
	text-align: left;
}

#page_technology #detail .intro {
	width: 100%;
}

#page_technology #detail .intro P {
	font-size: 18px;
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
}

#page_technology #detail H2 {
	font-size: 40px;
	font-weight: 300;
	letter-spacing: 2px;
	margin-bottom: 10px;
	color: #fff;
}

#page_technology #detail .columnContainer H3 {
	margin: 0px 0px 20px 0px;
}

#page_technology #detail .columnContainer P {
	text-align: left;
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
}


#page_technology #customOrthotics .column {
	width: 45%;
}

#page_technology #detail .item:after {
	content: "";
	display: inline-block;
	border-bottom: 1px solid #d0675c;
	width: 200px;
	margin-bottom: 30px;
}

#page_technology #detail .item:last-child:after {
	border: 0;
}

#page_technology #practitioners {
	/* padding-top: 30.473684210526%; */
}

#page_technology #practitioners .image {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: 100%;
	z-index: 1;
}

#page_technology #practitioners .columnContainer {
/*
	position: absolute;
	top: 15%;
	left: 18.9474%;
*/
	text-align: left;
	z-index: 100;
}

#page_technology #practitioners .columnContainer .col-1 {
	width: 50%;
	/* padding: 100px 0px 50px 0px; */
}

#page_technology #footer .columnContainer {
	text-align: left;
}

#page_technology #footer .columnContainer .col-2 {
	width: 35%;
}

#page_technology #footer .tagline  {
	margin: 80px 0px 50px 0px;
}

#page_technology #footer .tagline h2 {

	font-size: 36px;
	font-weight: bold;
	color: #252426;
	margin: 0px 0px 10px 0px;
}

#page_technology #footer .tagline P {
	font-size: 15px;
	font-weight: bold;
}

#page_technology #detail .item .icon {
	display: inline-block;
	background: url('/skin/frontend/ultimo/ioparent/images/technology/sprite_icons.png') no-repeat left top;
	height: 33px;
	margin-bottom: 20px;
}

#page_technology #detail .item.step-1 .icon {
	width: 24px;
	background-position: 0px 0px;
}

	#page_technology #detail .item.step-2 .icon {
		width: 32px;
		background-position: -57px 0px;
	}

	#page_technology #detail .item.step-3 .icon {
		width: 32px;
		background-position: -121px 0px;
	}
	
	#page_technology #detail .item.step-4 .icon {
		width: 31px;
		background-position: -185px 0px;
	}

	#page_technology #detail .item.step-5 .icon {
		width: 32px;
		background-position: -249px 0px;
	}

#page_technology #detail .item.step-6 .icon {
	width: 33px;
	background-position: -24px 0px;
}



#page_technology #detail .item.step-7 .icon {
	width: 32px;
	background-position: -89px 0px;
}



#page_technology #detail .item.step-8 .icon {
	width: 32px;
	background-position: -153px 0px;
}



#page_technology #detail .item.step-9 .icon {
	width: 33px;
	background-position: -216px 0px;
}



#page_technology #detail .item.step-10 .icon {
	width: 32px;
	background-position: -281px 0px;
}

#page_technology #detail .content .number {
	float: left;
	width: 10%;
	
	/* font-family: Montserrat; */
	font-size: 18px;
	color: #f8e815;
	font-weight: bold;
}

#page_technology #detail .content P {
	float: right;
	width: 88%;
}

/* ============================================================================================== */
/* !PRACTITIONERS */

#page_practitioners #technology {
	padding-bottom: 0;
}

#page_practitioners #technology  .col-2 {
/*
	margin-left: 9%;
	margin-right: 9%;
	width: 30%;
*/
	width: 45%;
}

#page_practitioners #craftsmanship  .col-1 {
/*
	margin-left: 9%;
	margin-right: 9%;
	width: 30%;
*/
	width: 45%;
}

#page_practitioners #speed  .col-2 {
/*
	margin-left: 9%;
	margin-right: 9%;
	width: 30%;
*/
	width: 45%;
}

#page_practitioners #practitioners {
	padding-top: 0;
	padding-bottom: 0;
}

#page_practitioners #practitioners .view {
	position: relative;
	/* padding-top: 30.473684210526%; */
}

#page_practitioners #practitioners .image {

	position: absolute;
	top: 0px;
	left: 0px;
	max-width: 100%;
	z-index: 1;
}

#page_practitioners #practitioners .columnContainer {
/*
	position: absolute;
	top: 15%;
	left: 18.9474%;
*/
	text-align: left;
	z-index: 100;
}

#page_practitioners #practitioners .columnContainer .col-1 {
	padding: 50px 0px 50px 0px;
	width: 45%;
}


/* ============================================================================================== */
/* !PATIENTS */

#footer .tagline  {
	margin: 20px 0px 0px 0px;
}

#footer .tagline h2 {
	/* font-family: "Montserrat"; */
	font-size: 36px;
	font-weight: bold;
	color: #000;
	margin: 0px 0px 10px 0px;
}

#footer .tagline P {
	font-size: 15px;
	font-weight: bold;
}


/* ============================================================================================== */
/* !ORTHOTICS */

#page_orthotics #products {
	background: #fff;
	padding: 60px 18.947368421053%;
}

#page_orthotics #products .row {
	background: #f3f3f3;
	background: #fff;
	border-top: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3;
}

#page_orthotics #products #productsContainer {
	border-bottom: 1px solid #f3f3f3;
}

#page_orthotics #products #productsContainer div:last-child {
	border-bottom: 1px solid #f3f3f3;
}

#page_orthotics #products .row .item {
	float: left;
	width: 33.3333333334%;
	background: #fff;
	display: block;
	
	margin: 0px 0% 0px 0px;
	color: #64819a;
	font-weight: 400;
	text-decoration: none;
	/* margin: 1px; */
	padding: 40px;
}

#page_orthotics #products .row .item .image {
	display: block;
}

#page_orthotics #products .row .item SPAN {
	display: block;
}

	#page_orthotics #products .row .item SPAN.mask {
		display: none;
	}

#page_orthotics #products .row .item:last-child {
	margin-right: 0;
}


#page_orthotics #products .row .item:nth-child(2n+2) {
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3;
}

#page_orthotics #products .image {
	/* height: 190px; */
}

/*
#page_orthotics #products .copy {
	text-transform: uppercase;
}
*/

#page_orthotics #rxbuilder {

}

#page_orthotics #rxbuilder P {
	text-align: left;
}

#page_orthotics #rxbuilder P.cta {
	text-align: center;
}


#page_orthotics .productDetail {
	background: #c22c1c;
	color: #fff;
	display: none;
	position: relative;
	top: -2px;
}


#page_orthotics #products .item .category {
	font-size: 9px;
	line-height: 9px;
	color: #c22c1c;
}

#page_orthotics #products .copy {
	font-family: 'Roboto Slab', serif;
	font-size: 13px;
	line-height: 13px;
	color: #202020;
	margin-top: 4px;
}

#page_orthotics .productDetail .copy {
	border: 0 !important;
}

#page_orthotics .productDetail > .inner {
	padding: 80px;
}

#page_orthotics .productDetail .image {
	float: left;
	width: 40%;
	background: #fff;
	height: auto !important;
	padding: 60px 30px;
}

#page_orthotics .productDetail .image IMG {

}

#page_orthotics .productDetail .copy {
	float: right;
	width: 55%;
	text-align: left;
}

#page_orthotics #products .productDetail .categoryDetail {
	font-size: 15px;
	line-height: 15px;
	text-transform: uppercase;
	padding: 0px 8px;
	margin: 0px 0px 8px 0px;
	color: #f3f3f3;
}

#page_orthotics .productDetail .title {
	font-size: 32px;
	line-height: 32px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px 8px;
	color: #fff;
}

#page_orthotics .productDetail P {
	padding: 0px 8px;
	font-size: 15px;
	line-height: 24px;
	color: #fff;
}

#page_orthotics .productDetail LI {
	border-bottom: 1px solid #070707;
	color: #fff;
	font-weight: 400;
	padding: 5px 8px;
}

#page_orthotics .productDetail LI:last-child {
	border: 0;
}


#products .item {
	position: relative;
}

#products .item SPAN.mask {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	border: 5px solid #c22c1c;
	background: url('/skin/frontend/ultimo/ioparent/images/orthotics/activeItem_arrow.png') no-repeat center bottom;
}

.productDetail .close {
	background: url('/skin/frontend/ultimo/ioparent/images/orthotics/close.png') no-repeat center center;
	height: 20px;
	width: 20px;
	display: block;
	position: absolute;
	top: 25px;
	right: 25px;
}



#page_orthotics #braces .image {
	margin: 0px 0px 0px 0px;
}

#bracesContainer .item {
	border-bottom: 1px solid #f3f3f3;
	padding: 0px 100px 50px 100px;
	margin: 50px 0px 0px 0px;
}

	#bracesContainer .item:last-child {
		border: 0;
	}



#bracesContainer .item, #bracesContainer .item P, #bracesContainer .item UL {
	font-size: 15px;
	line-height: 20px;
}


#bracesContainer .item .image {
	float: left;
	width: 10.775862068966%;
	width: 30%;
}

#bracesContainer .item .copy {
	float: right;
	width: 51.724137931034%;
	width: 65%;
	text-align: left;
}

#bracesContainer .item LI {
	background: url('/skin/frontend/ultimo/ioparent/images/orthotics/li-dot.png') no-repeat 0px 8px;
	padding: 0px 0px 0px 10px;
}

#bracesContainer .item .title {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 24px;
	line-height: 26px;
	font-weight: 400;
	margin: 0px 0px 15px 0px;
	text-transform: uppercase;
}

#bracesContainer .item .code {
	margin: 0px 0px 10px 0px;
	font-weight: 400;
}

#bracesContainer .item .description {
	margin: 0px 0px 10px 0px;
}

#bracesContainer .item .requirements {
	margin: 0px 0px 10px 0px;
}

	#bracesContainer .item .requirements .subtitle {
		font-weight: 400;
	}
	
	#bracesContainer .item .requirements P {
		margin: 0px 0px 0px 0px;
	}

#bracesContainer .item .model {
	font-style: italic;
}


/* ============================================================================================== */
/* !LOGIN */

.account-login {
	max-width: 1200px;
	margin: 80px auto;
	text-align: center;
}

.registered-users.grid12-6 {
	float: none;
	display: inline-block;
}

.account-login h2, #opc-login h3 {
	border: 0;
}

 .form-list input.input-text {
	width: 100%;
	border: 3px solid #f3f3f3;
	padding: 15px;
	font-size: 15px;
}

.form-list LI {
	margin: 0px 0px 30px 0px;
}

.form-list label {
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: 10px;
}

.customer-account-login p.required {
	text-align: left;
}

.account-login .buttons-set button, #opc-login .buttons-set button {
	float: right;
}

.account-login .buttons-set a, #opc-login .buttons-set a {
	float: left !important;
}




.customer-account-edit .form-list .field {
	width: 49%;
}


.customer-account-edit .form-list .field.name-lastname {
	float: right;
}




.customer-account-forgotpassword p.required {
	text-align: left;
}


/* ============================================================================================== */
/* !SECONDARY */

.secondary {
	max-width: 900px;
	margin: 80px auto 80px auto;
}

H1 {
	font-size: 30px;
	font-weight: 300;
	color: #c22c1c;
	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.col2-left-layout H1 {
	text-align: left;
}

.secondary H2 {
	margin: 20px 0px;
	font-family: 'Roboto Slab', serif;
	text-transform: uppercase;
}

.secondary H3 {
	font-family: 'Roboto Slab', serif;
	font-weight: normal;
}

.secondary  .lead {
	font-size: 24px;
	line-height: 30px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 30px;
	color: #3b3c3e;
}

.secondary  .lead STRONG {
	font-weight: 400;
}

.secondary .blue {
	color: #c22c1c;
}

.secondary UL {
	list-style-type: disc;
}

.secondary UL LI {
	margin: 0px 0px 8px 24px;
}

.contentBody {
	padding: 0px 100px;
}

.cms-atlasparent-practitioners #speed .image {
	padding-top: 100px;
}



/* ============================================================================================== */
/* !404 */

.cms-index-noroute {
	font-size: 14px;
}

.cms-index-noroute .col-main .std {
	background: none;
	padding: 0;
}

.cms-index-noroute .center {
	margin-top: 50px;
}

.cms-index-noroute .blueBullet {
	margin: 0px 70px;
}


/* ============================================================================================== */
/* !MEDIA QUERIES */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DESKTOP */







@media only screen and (max-width: 1024px) {
	.contentBlock {
		padding: 60px 5%;
	}
	
	#page_orthotics #products {
		padding: 60px 5%;
	}

		
		
		.cms-atlasparent-home #technology .title {
			top: 15%;
		}
		
		.cms-atlasparent-home #technology .copy {
			bottom: 5%;
			
		}

}


@media only screen and (max-width: 980px) {

	#mainHeaderBottom > .view > #toggleContainer {
		float: none;
		text-align: center;
		/* margin: 0px 0px 20px 0px; */
	}
	
	#mainHeaderBottom {
		text-align: center;
		padding-bottom: 0;
	}
	
	#mainNavigation {
		float: none;
		/* display: inline-block !important; */
	}
	
	#logo {
		margin-bottom: 20px;
	}

}



@media only screen and (min-width: 767px) {
	
	.hide-mobile {
		display: block;
	}
	
	#navToggle {
		display: none;
	}
	
	#mainNavigation {
		display: inline-block !important;
	}
	
	#page_technology #practitioners .image {
		display: block;
	}
	
	#page_orthotics #products .row .item {
		display: block;
	}
	
	#page_orthotics .productDetail {
		display: none;
	}
	
	.productDetail .close {
		display: block;
	}
	

	
}



@media only screen and (max-width: 768px) {
	#mainFooterTop {
		padding: 80px;
	}
	
	#mainFooterTop .column {
		width: 50%;
	}
	
	#mainFooterTop .column.col-3 {
		clear: left;
	}
	
	#mainFooterTop .column.col-3, #mainFooterTop .column.col-4 {
		margin-top: 40px;
	}
	
	#mainNavigation LI {
		font-size: 13px;
		margin: 0px 35px 0px 0px;
	}
	
	
/*
	#bracesContainer .item .image {
		width: 30%;
	}
	
	#bracesContainer .item .copy {
		width: 65%;
	}
*/
	
/*
	.cms-atlasparent-home #technology {
		padding: 100px 0px;
	}
*/
}

@media only screen and (max-width: 767px) {
	
	.hide-mobile {
		display: none;
	}
	
	#mainHeaderBottom {
		padding: 0;
	}
	
	#mainHeaderBottom > .view > .group {
		padding: 20px 20px;
		
	}
	

	
	#navToggle {
		display: block;
	}
	
	#mainNavigation {
		display: none;
	}
	
	.column-3 .column {
		float: none;
		width: 100%;
	}
	
	.column-3 .col-2 {
		margin: 0;
	}
	
	.column-2 .column {
		float: none;
		width: 100%;
	}
	
	
	
	
	#mainFooterTop .column {
		float: none;
		width: 100%;
	}
	
	#mainFooterTop .col-2 UL LI {
		float: none;
		width: 100%;
	}
	
	.column-2 .column.col-1 {
		margin-bottom: 40px;
	}
	
	#logo {
		text-align: left;
		margin-bottom: 0;
	}
	
	#mainNavigation {
		float: none;
		background: #232323;
		padding: 10px 0px 20px 0px;
	}
	
	#mainNavigation LI {
		float: none;
		margin: 10px 0px;
		text-align: center;
	}
	
	#mainHeaderBottom {
		padding-bottom: 0;
	}
	
	#mainHeaderBottom .view {
		padding: 0px;
	}
	
/*
	.cms-atlasparent-home #technology.blockTransparent {
		background: #f3f3f3 !important;
	}
*/
	
	.cms-atlasparent-home #technology .title,
	.cms-atlasparent-home #technology .image {
		display: none;
	}
	
	.cms-atlasparent-home #technology .copy {
		position: relative;
		bottom: auto;
		top: auto;
		padding: 50px 0px;
	}
	
	.cms-atlasparent-practitioners #speed .image {
		padding-top: 0px;
	}
	
	#page_practitioners #craftsmanship .col-1, 
	#page_practitioners #speed .col-2,
	#page_practitioners #technology .col-2 {
		margin: 0;
		width: 100%;
	}
	
	#page_practitioners #practitioners .image {
		display: none;
	}
	
	#page_practitioners #practitioners .columnContainer .col-1 {
		width: 100%;
		padding: 50px 0px 0px 0px;
	}
	
	.mobileHide {
		display: none;
	}
	
	.mobileShow {
		display: block;
	}
	
	#mainFooterTop {
		text-align: center;
	}
	
	
/*
	.cms-atlasparent-home #technology {
		padding: 100px 0px;
	}
*/
	
	
	#page_technology #footer .columnContainer .col-2 {
		width: 100%;
	}
	
	#page_technology #footer .columnContainer {
		text-align: center;
	}
	
	#footer .tagline {
		margin-top: 0;
	}
	
	.intro {
		width: 100%;
	}
	
	#page_technology #practitioners .image {
		display: none;
	}
	
	#page_technology #practitioners .columnContainer .col-1 {
		width: 100%;
	}
	
	
	
	
	.registered-users.grid12-6 {
		width: 66%;
	}
	
	.account-login {
		margin-top: 0;
	}
	
	.account-login .buttons-set a, #opc-login .buttons-set a {
		margin: 4px 0px 30px 0px;
	}
	
	
	#page_orthotics #products .row .item {
		float: none;
		width: 100%;
	}
	
	#page_orthotics #products .row .item {
		display: none;
	}
	
	#page_orthotics .productDetail {
		display: block;
	}
	
	.productDetail .close {
		display: none;
	}
	
	#page_orthotics .productDetail .image {
		float: none;
		width: 100%;
		display: block;
		margin: 40px 0px 0px 0px;
	}
	
	#page_orthotics .productDetail .copy {
		float: none;
		width: 100%;
	}
	
	#page_orthotics .productDetail {
		background: #fff;
		border-bottom: 1px solid #f3f3f3;
	}
	
	#page_orthotics .productDetail > .inner {
		padding: 0;
	}
	
	#page_orthotics .productDetail .title {
		color: #000;
	}
	
	#page_orthotics .productDetail P {
		color: #000;
	}
	
	#page_orthotics .productDetail LI {
		color: #000;
		border: 0;
		background: url('/skin/frontend/ultimo/ioparent/images/orthotics/li-dot.png') no-repeat 0px 4px;
		padding: 0px 0px 10px 10px;
	}
	
	#page_orthotics #products div:last-child {
		border: 0;
		padding-bottom: 40px;
	}
	
	#page_orthotics #products #productsContainer {
		border-bottom: 0;
	}
	
	#page_orthotics #products .row {
		border: 0;
	}
	
	#page_orthotics #products .productDetail .categoryDetail {
		color: #C22C1C;
	}
	
	#bracesContainer .item {
		padding-left: 0;
		padding-right: 0;
	}
	
	#page_orthotics #braces #bracesContainer .item .image {
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	
	#bracesContainer .item .copy {
		float: none;
		width: auto;
	}
	
	
	#page_technology #customOrthotics .column {
		width: 100%;
	}
	
	#page_technology #detail .content P {
		width: 100%;
	}
	
	.secondary .lead {
		padding: 0px 40px;
	}
	
	.contentBody {
		padding: 0px 40px;
	}
}

@media only screen and (max-width: 599px) {
	#hero {
		display: none;
	}
}


@media only screen and (max-width: 480px) {

	#shoeSlider.flex-container {
		height: 300px;
	}
}

@media only screen and (max-width: 479px) {
	
	#mainHeaderTop {
		text-align: center;
	}
	#mainHeaderTopLeft {
		float: none;
		display: none;
		margin:  0px 0px 10px 0px;
	}
	
	#secondaryNavigation {
		float: right;
	}
	
	#mainFooterBottom {
		text-align: center;
	}
	
	#mainFooterBottom .left, #mainFooterBottom .right {
		float: none !important;
	}
	
	#mainFooterBottom .left {
		margin: 0px 0px 20px 0px;
	}
	
	#mainFooterBottom .right UL {
		display: inline-block;
		margin: auto;
	}
	

}