@import url(//http://static.blazonco.com/templates/custom/buildingblocks/forms/styleE.css);
@import url(//http://static.blazonco.com/templates/custom/buildingblocks/bbstarter8/style/common.css);
@import url('//fonts.googleapis.com/css?family=EB+Garamond:400i,400,500,700'); 


/*----------------Body------------------*/

html body {
	background: #F7F7F7;
	background: url(../../../images/content-tile-bg-0.05.png) center center repeat;
	color:#272727;
	font-size: 14px;
}

html #Body #Content {
    margin-top: -74px;
    background: #fff;
    padding: 20px;
    box-shadow:0px 1px 2px 0px #a396c5;
    border-top: 4px solid #a396c5;
}

html #Header .void-header, html #Footer .void-footer, html #Content {
    width: 80%;
    margin: auto;
    position: relative;
}

html body h3, h4, h5, h6 {
	line-height: 1em;
	color: #383838;
}

html body h1, h2 {
	line-height: 1em;
}

html #StockImage .actioncall {
	background: #6f4ec4;
	text-transform: uppercase;
	font-weight: 600;
	margin-top:0px;
	padding:11px;
	min-width: 130px;
	text-align: center;
}

html .actioncall {
	background: #6f4ec4;
	text-transform: uppercase;
	font-weight: 600;
	margin-top:0px;
	padding:10px;
	min-width: 100px;
	text-align: center;
	font-size: 16px;
}

html .actioncall a {
	color:#fff;
}

html body a {
	color:#6f4ec4;
}

html .actioncall:hover, html .actioncall a:hover {
	background: #1d072f;
	text-transform: uppercase;
	font-weight: 600;
	color:#fff;
	-webkit-transition: all 0.5s ease 0.0s;
    transition: all 0.5s ease 0.0s;
}

/*----------------Header----------------*/

html #Header {
	border-top: 4px solid #a396c5;
	height:160px;
	background: #fff;
}

html #Header h1 a {
	background: url('../../../images/logo.png') 0 0 no-repeat;
	margin:auto;
	right:0;
	left:0;
	top:19px;
	background-size:100%;
	width:300px;
	height:93px;
}

html #Header .extra .component.second {
	float: left;
	text-align: left;
}

html #Header .extra {
	top:10px;
}

html #Header .extra .component p{
	text-align:right;
}

html #Header .extra .component {
	width: 270px;
	color:#a396c5;
}

html #Header .extra .component a {
	font-size: 1.3em;
}

html #Header .extra .actioncall {
	padding:10px;
	min-width: 100px;
}

html #Header .extra .text-module img {
    margin: 0 1%;
}

html #Header .extra .actioncall:hover, html #Header .extra .actioncall a:hover {
	border:2px solid #a396c5;
}

html #PrimaryNavigation {
	height:60px;
	background: #fff;
	box-shadow:0px 1px 2px 0px rgba(24, 24, 25, 0.32);
	top:126px;
	border-top: 4px solid #a396c5;
}

html #PrimaryNavigation .primarynav li a {
    color: #383838;
    padding: 0 22px;
    line-height: 56px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2em;
}

html #PrimaryNavigation .primarynav li a:hover, 
html #PrimaryNavigation .primarynav li.active > a {
	background: #fff;
	color:#6f4ec4;
}

html #PrimaryNavigation .primarynav {
	width: 1060px;
   	margin: 0 auto;
	float:none;
}

html #PrimaryNavigation .primarynav li ul {
	top:56px;
}

html #PrimaryNavigation .primarynav li ul li a {
	background: #fff;
	box-shadow:0px 1px 2px 0px rgba(24, 24, 25, 0.32);
}

html #StockImage {
	position: relative;
	display: block;
}


html .home #StockImage {
    background: url(../../../images/hero-3.jpg) 0 40% no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    top: 0px;
    width: 100%;
    height: 50vh;
    position: relative;
}


html #StockImage .text-module, 
html #StockImage .text-block-component {
	position: absolute;
	top:100px;
	right:0;
	width:100%;
	color:#383838;
	font-size: 20px;
	z-index: 10;
	margin:auto;
	left:0;
}

html #StockImage .text-module h2, 
html #StockImage .text-block-component h2 {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 36px;
}

html .flex-control-nav, 
html .flex-direction-nav {
	display: none;
}

html .home #Content-Text .module-row.topbucket h3{
	color:#6f4ec4;
}

html .home #Content-Text .text-block-component.purplebg {
	color:#FFF;
	background: #a396c5;
	margin: 3% 0%;
	padding: 2% 0;
	text-align:center;
}

html .home #Content-Text .text-block-component.purplebg h2 {
    font-style: italic;
    font-size: 2.6em;
    font-weight: 400;
    font-family: 'EB Garamond', serif;
}

html .home #Content-Text .module-row .module.of-three {
	width:30.07%;
	padding: 1% 3% 1% 3%;
	border:0px solid #000;
}


html .home #Content-Text .module-row.homeboxes h3 {
	color: #1d072f;
}


/*------------Subpages-------------*/

html .sub #StockImage {
    background:#fff;
    background: url(../../../images/hero-2.jpg) 0 0 no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    top: 0px;
    width: 100%;
    height: 50vh;
    position: relative;
}

html .sub #StockImage {
    background:#fff;
    background: url(../../../images/hero-2.jpg) 0 0 no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:center;
    top: 0px;
    width: 100%;
    height: 50vh;
    position: relative;
}

html .sub #Content-Text .module-row .text-module h3 {
	color: #6f4ec4;
}

html #Content.right-column #Content-Text {
    width: 53%;
    padding-top: 0px;
}

html .sub #Content.right-column #Content-Right {
    width: 46%;
    box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.32);
    padding-left: 20px;
}

html #Content.right-column #Content-Right h4 {
    font-weight:400;
    color:#6f4ec4;
}

html #Content.left-column #Content-Left {
    float: none;
    width: 100%;
    margin-right: 0;
}

html #Content.left-column #Content-Left .component {
	border-bottom: 1px solid #dedede;
	background:#fff;
}

html #Content.right-column #Content-Right .module-row .module.of-two {
	background: #F7F7F7;
	padding:20px;
	min-height: 280px;
	width:100%;
}

html .home #Content.right-column #Content-Right .module-row .module.second.of-two {
	background: #000;
}

html .contact form.user-form h3 {
	display: none;
}

html .sub #Body #Content {
	margin-top: -75px;
	min-height: 500px;
}

html .sub #Content-Text .module-row .module.of-four {
	width:22.55%;
}

html #Content-Text .module-row .module.of-three {
	width:30.07%;
}

html #Main form.user-form button {
	background: #ccc;
	color: #7B7B7B;
	border-radius: 0px;
	text-transform: uppercase;
	font-size:12px;
}

html #Content blockquote {
	border-left: 8px solid #a396c5;
}

html #Content.right-column #Content-Right .component {
	background: #fff;
}

html .blog-module h3.title {
	font-size: 18px;
}

html .blog-module h4.date {
	font-size: 15px;
}

html .blog-module ul.posts {
	list-style: none;
	padding-left: 0px;
}

/*about us leadership page*/

.sub .leadership #Content-Text .text-block-component img {float:left; margin:0 10px 10px 0;}
html #Content .module-row.small .module {
	font-size: 13px;
	color:#5c5c5c;
}

html #Content-Text .module-row .module {
	position: relative;
	display: block;
}

html #Content-Text .module-row.pop-up .module p {
	padding-bottom:0px;
}

html #Content-Text .module-row.pop-up .module {
	width:30.07%;
	margin-right:35px;
	margin-bottom: 30px;
}

html #Content-Text .module-row.pop-up .module img {
	width:100%;
}

html #Content-Text .module-row.pop-up .module:nth-child(3n+0) {
	margin-right:0px;
}

html #Content-Text .module-row.pop-up .module:hover p.pop-text2 {
    height: 56px;
}

html p.pop-text2 {
    position: absolute;
    width: 100%;
    height:50px;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 14px;
    background: rgba(33, 140, 149, 0.86);
    padding-left: 15px;
    padding-top: 8px;
    bottom: 0;
    margin-bottom: 0px;
}

html a.pop-hover {
    position: relative;
    display: inline-block;
    width: 100%;
}


/* Style the list */
html .price {
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/* Add shadows on hover */
html .price:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

/* Pricing header */
html .price .header {
    background-color: #111;
    color: white;
    font-size: 20px;
    line-height: 1em;
}

/* List items */
html .price li {
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center;
}

/* Grey list item */
html .price .grey {
    background-color: #eee;
    font-size: 15px;
}

/* The "Sign Up" button */
html .button {
    background-color: #a396c5;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
}

html span.smaller {
	font-size: 16px;
	line-height: 1.1em;
}

html div.quote {
    font-size:16px; 
    padding:18px 20px 1px 20px;
    margin-left:3px; 
    margin-bottom:40px;
    background:#f2f1f6;
}	

html div.quote:before {
    color: #1d8088;
    font-size: 70px;
    line-height: 0.5em;
    margin-right: 0.27em;
    content: "“";
    font-family: FontAwesome;
    float:left;
}

html form.user-form div.section-heading p {
	display: none;
}

html #Main form.user-form {
	width: 95%;
}

html #Main form.user-form h3 {
	display: none;
}


/*-----------------------------------------------------------------------------------*
/* Testimonials Page
/*-----------------------------------------------------------------------------------*/
html .sub .testimonials #Content-Text .text-block-component #testimonials-wrap {
	margin-bottom: 40px;
}
html .sub .testimonials #Content-Text .text-block-component .testimonial {
	line-height: 1.8em;
    position: relative;
    padding: 20px 20px 20px 50px;
    border: 1px solid #ECECEC;
	margin-top: 30px;
    margin-bottom: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background-image: url('../../../images/quote.png');
	background-position: 18px 26px;
	background-repeat: no-repeat;
}
html .sub .testimonials #Content-Text .text-block-component .testimonial-left{
	margin-right: 200px;
	-moz-box-shadow: 1px 1px 2px #EEE;
    -webkit-box-shadow: 1px 1px 2px #EEE;
    box-shadow: 1px 1px 2px #EEE;
	
}
html .sub .testimonials #Content-Text .text-block-component .testimonial-right{
	margin-left: 200px;
	-moz-box-shadow: -1px 1px 2px #EEE;
    -webkit-box-shadow: 1px 1px 2px #EEE;
    box-shadow: -1px 1px 2px #EEE;
}

html .sub .testimonials #Content-Text .text-block-component p {
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
}
html .sub .testimonials #Content-Text .text-block-component .testimonial-avatar{
    position: absolute;
    height: 50px;
    width: 50px;
    margin: 0px;
    position: absolute;
    padding: 3px;
    border: 1px solid #EEE;
    bottom: -75px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
html .sub .testimonials #Content-Text .text-block-component .testimonial-left > .testimonial-avatar { left: 0px }
html .sub .testimonials #Content-Text .text-block-component .testimonial-right > .testimonial-avatar{ right: 0px }
html .sub .testimonials #Content-Text .text-block-component .testimonial-meta{
    position: absolute;
    position: absolute;
    bottom: -60px;
	color: #999;
}
html .sub .testimonials #Content-Text .text-block-component .testimonial-meta strong{
	font-weight: normal;
	color: #333;
}
html .sub .testimonials #Content-Text .text-block-component .testimonial-left > .testimonial-meta{ left: 70px }
html .sub .testimonials #Content-Text .text-block-component .testimonial-right > .testimonial-meta{right: 70px }
html .sub .testimonials #Content-Text .text-block-component .testimonial-arrow{
    position: absolute;
    bottom: -12px;
    display: block;
    height: 12px;
    width: 20px;
    background: url('../../../images/testimonial-arrow.png') no-repeat;
}
html .sub .testimonials #Content-Text .text-block-component .testimonial-left > .testimonial-arrow { left: 10px }
html .sub .testimonials #Content-Text .text-block-component .testimonial-right > .testimonial-arrow { right: 10px }

html .sub .testimonials #Content-Text .text-block-component .testimonial-by-alternative{
	text-align: right;
}
/*typography*/
html .sub .testimonials #Content-Text .text-block-component .testimonial h2 {
    margin-top: 0px;
    margin-bottom: 10px;
	padding-bottom: 5px;
    font-size: 18px;
}


/*-------------Footer--------------*/

html #Footer {
	background: #a396c5;
	font-size: 11px;
}

html #Footer a {
	font-size: 11px;
}

html #Footer h3 {
	display: none;
}


/*-----------Responsive------------*/

@media screen and (min-width:1400px) {html .home #StockImage {height:60vh;}

}

@media screen and (max-width: 1340px) {
	html #PrimaryNavigation .primarynav li a {font-size: 1em;}
	html #PrimaryNavigation .primarynav {width: 930px;}
}

@media screen and (max-width: 1170px) {
		html #PrimaryNavigation .primarynav li a {font-size: .9em; padding: 0 20px;}
		html #PrimaryNavigation .primarynav {width: 840px;}
}

@media screen and (max-width:1102px) {
	html #PrimaryNavigation .primarynav li a {padding: 0 10px;}
	html #PrimaryNavigation .primarynav {width: 705px;}
	html #StockImage .text-module, html #StockImage .text-block-component {width:84%;}
	html .home #Content-Text .module-row .module.of-two {min-height: 290px;}
	html .sub #Body #Content {margin-top: -160px;}
	html #Content .component, html #StockImage .component {margin-bottom: 0px;}
	html #StockImage .text-module h2, html #StockImage .text-block-component h2 {font-size: 30px;}
	html #Body #Content {margin-top: -176px;}
}

@media screen and (max-width:990px) {
	html #PrimaryNavigation .primarynav li a {font-size: .9em; padding: 0 8px;}
	html .sub #Body #Content {margin-top: -130px;}
	html #StockImage .text-module, html #StockImage .text-block-component {top:45px;width:74%;font-size: 17px;}
	html .home #Content-Text .module-row .module.of-two {min-height: 100%;width:100%;}
	html #Content-Text .module-row .module {width: 100%;}
	html .sub #Content-Text .module-row .module.of-four {width:100%;}
	html #Content-Text .module-row .module.of-three {width:100%;}
	html #Content-Text .module-row.pop-up .module {width: 45.07%;}
	html #StockImage .text-module h2, html #StockImage .text-block-component h2 {font-size: 24px;}
	html #Content-Text .module-row.pop-up .module:nth-child(3n+0) {margin-right:35px;}
}


@media screen and (max-width:820px) {
	html #Header .extra .component p {text-align:left;}
	html .sub #Body #Content {margin-top: -70px;}
	html #StockImage .text-module, html #StockImage .text-block-component {display: none;}
	html .home #StockImage { background-position:center;}
	html #Header .extra {top:30px;}
	html #PrimaryNavigation {top:0px;background:none;box-shadow: none;border-top:none;}
	html #PrimaryNavigation .primarynav {display:none;}
	html #PrimaryNavigation .slideout-menu {display: block; float:right; margin-top: 40px; font-size: 300%;}

	html #Header {height:120px;}
	html #Header .extra .component {text-align: left; width:136px; float:left;}
	html #Header .extra .component.second {float:none;text-align: center;}
	html .tinynav {background: #080808;}
	html .slideout-menu, html .slideout-close {color:#6f4ec4;}
	html #Header h1 a {z-index: 100;width:220px;height:74px; top:24px;}
	html #Body #Content {margin-top:-186px;}
	html #Content.right-column #Content-Text {width:100%;}
	html .slideout-panel {z-index: 101;}
	html #Content-Text .module-row.pop-up .module {width:100%;margin-right: 0px;}
	html #Content.right-column #Content-Right {width: 100%;box-shadow: inset 0px 7px 4px -7px rgba(0,0,0,0.32);padding-left:0;padding-top:20px;}
}

@media screen and (max-width:686px) {
	html .home #Content-Text .module-row .module.of-three, html .home #Content-Text .module-row .module {width:100%;}
	html .sub #StockImage {height:38vh;}

	html .sub .testimonials #Content-Text .text-block-component .testimonial-left {margin-right:0;}
	html .sub .testimonials #Content-Text .text-block-component .testimonial-right {margin-left:0;}
}

@media screen and (max-width:580px) {
html #Header .extra .component {display:none;}
html #Header h1 a {margin:0;}
}

@media screen and (max-width:480px) {
	html #StockImage {height:100px;}
	html #Body #Content {margin-top: 0px;}
	html .sub #Body #Content {margin-top: 0px;}
	html #Header h1 a {width: 180px;
    top: 36px;}
}