/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
* Ohana Movers, Michelle K Brannan, Nov. 2013
*/


/*LOGO BLUE: #072140 
 * Light BLUE: #334c7f
 * DARK RED: #C71D2D
 * LIGHT RED:  #E33C4C
 * 
 */

* {
	margin: 0;
}

body{
	background:url("../images/bkg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
	width:100%;
	height:100%;
	margin: 0;
    padding: 0;
	position: absolute;
	font-family:font-family: 'Josefin Slab', serif;
	color: #072140;
}

/* BASICS
================================================== */
.hide{
	display:none;
}

img {
    display: block;
    margin: 0 auto;
    max-width: 90%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	color:#C71D2D;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	 font-weight: inherit; 
}

h1 {
		font-size: 39px; 
		line-height: 50px; 
		margin-bottom: 0;
		text-transform:uppercase;
}

h2 { 
 	color: #334C7F;
    font-family: 'Raleway',sans-serif;
 	font-size: 28px;
    font-weight: 300;
    line-height: 31px;
    margin: 0 0 30px;
    text-align: left;
	
}
.home h1, .home h2{
	text-align:center;
}

h3 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 10px;
    padding: 5px 0;
}

	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

p, ul, li, a{
	margin: 0 0 20px 0; 
}

p {
    font-family: 'Raleway',sans-serif;
    font-size: 16px;
    font-weight:600;
    
    line-height: 22px;
	text-align:left;
	color: #334c7f;
}

ul, li {
	font-family: 'Josefin Slab', serif;
	font-size: 19px;
	line-height: 25px;
	color:#334c7f;
}

a, a visited{
	color:#E33C4C;
	text-decoration:none;
}

a.button {
    font-size: 21px;
	font-family: 'Josefin Slab', serif;
}

a:hover, a:focus { color: #c71d2d; }

a:hover{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* #Typography
================================================== */


/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }




/* #Lists
================================================== */
	ul, ol { margin-bottom: 0px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 0px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }




.wrapper{
	min-height:100%;
	height:auto !important;
	margin: 0 0 50px;
}
/* NAV
================================================== */
.nav{
	width:100%;
	background:#fff;
	border-bottom: 1px solid #DADADA;
	
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
}


.nav .container{
	 margin-top: 0px;
}

.nav    .container .column,
.nav    .container .columns  {
	margin: 0;
}

.nav .sixteen.columns {
    margin: 0 10px;
}

.nav .four.columns {
    margin: 0 20px 0 0;
}

.nav .logo{
	clear: left;
    display: block;
    margin: 6px auto 0;
	width: 100%;
}

 .nav ul{
display: block;
    margin: 0 auto;
    text-align: center;
}
 

.nav ul li{
    display: inline-block;
    font-size: 21px;
    line-height: 23px;
    margin: 5px 16px;
    text-align: center;
	
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.nav a {
    font-size: 20px;
	color:#072140;
}

.nav a li:hover {
	color:#E33C4C;
}


.nav ul li.request-quote {
    background: none repeat scroll 0 0 #E33C4C;
    height: 100%;
    margin: 0;
    padding: 17px 10px;
    text-align: center;
    z-index: 100;
}

.nav ul li.request-quote:hover {
	background:#C71D2D;
}

.request-quote a {
    color: #FFFFFF;
    font-family: 'Raleway',sans-serif;
    font-size: 20px;
    line-height: 26px;
    margin: 10px auto 5px;
    padding: 0;
    text-align: center;
    width: 85%;
	color:#fff;
}

.request-quote a:hover{
	opacity:.4;
	
}

.container{
	 margin-top: 50px;
}






/*home*/

.icon-home , .request-quote 
{
	 -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}   

.icon-home{
	width:275px;
	height:274px;
	transition: all 2s ease 0s;
	background-repeat: no-repeat;
    background-size: 275px auto;
    margin: 0 auto;
}


.icon-home:hover {
    /*background-position: 0 -297px ;*/
   opacity:.7;
}

.main-cta{
	text-align:center;
}


.main-cta   h2{
	text-align: center;
	margin-bottom: 10px; 
    text-transform: uppercase;
}

.main-cta   h2:hover{
	color:#c71931;
}

.lg-home-icon{
	background-image:url("../images/home-icon.png");
	margin-bottom:20px;
}

.lg-office-icon{
	background-image:url("../images/office-icon.png");
	margin-bottom:20px;
}

.lg-delivery-icon{
	background-image:url("../images/delivery-icon.png");
	margin-bottom:20px;
}

img.h1-icon {
    max-height: 200px;
}





/*FEATURE ITEM*/

.feature-item{
	padding: 0;
	background: #fff;
    border: 1px solid #DEE2E7;
    border-radius: 0 0 4px 4px;
    margin: 0 0 20px;
    
}

.feature-item p {
    padding: 0 15px;
}

.feature-item p.details{
    border-bottom: 1px solid #DEE2E7;
    border-top: 1px solid #DEE2E7;
    padding: 10px 20px;
	margin:0;
	text-align: center;
	background:none repeat scroll 0 0 rgba(243, 245, 250, 0.8);
}

.feature-item h3, .feature-item h4 {
  	background: none repeat scroll 0 0 #072140;
    color: #FFFFFF;
    	font-family: 'Raleway',sans-serif;
    margin-bottom: 20px;
    padding: 10px 15px;
    text-align: center;
	text-transform:uppercase;

	
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	-o-border-radius: 4px 4px 0px 0px;
	-ms-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}


.feature-item h3 {
    font-size: 28px;
    font-weight: 100;
    letter-spacing: 3px;
    line-height: 34px;
    text-align: center;
}


.feature-item h4 {
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 21px;
}


.feature-item ul {
    padding: 5px 20px;
    text-align: center;
}

.feature-item  li {
    margin-bottom: 25px;
	font-size: 18px;
	text-transform:uppercase;
	letter-spacing: 0.7px;
}

.feature-item  a {
    display: block;
    margin: 0;
    padding: 10px 0;
    text-transform: uppercase;
    width: 100%;
	text-align: center;
	background: none repeat scroll 0 0 #E33C4C;
	color:#fff;
	
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.feature-item  a:hover {
	background:#C71D2D;
}
.feature-item  a p:hover {
	color: #f0f0f0;
	background: #E33C4C;

}


/* #Forms
================================================== */
form, form p{
	font-size:16px;
	font-family:"Raleway",sans-serif;
	font-weight:600;
	text-align:left;
	color: #334c7f;
}


input[type="text"], input[type="password"], input[type="email"],  textarea, select {
	background:transparent;
	border:none;
	font-size:16px;
	color: #334c7f;
	border-bottom:1px solid #334c7f;
	margin: 0;
	width: 90%;
	display: block;
	margin-bottom: 20px;
	font-family:"Raleway",sans-serif;
	font-weight:600;
}

input[type="radio"]{
	margin:0 10px 20px;
	display:inline-block;
	
}
input[type="radio"]:checked{
	
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus{
	border-bottom:3px solid #334c7f;
	outline:none;
}

input[placeholder],
textarea[placeholder] {
    padding: 10px;
}



input.button[type="submit"]{
	background:#E33C4C;
	border:none;
	border:.5px solid #C71D2D;
	    width: calc(100% - 28px);
	padding:15px;
	color:#fff;
	text-transform:uppercase;
	font-family: 'Raleway',sans-serif;
	font-size:16px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin:0 auto;
	
}

input.button:hover{
	background:#C71D2D;	
	
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}


ul.ss-choices {
    display: flex;
    margin: 0;
}

ul.ss-choices li{
	width:33%;
}

ul.ss-choices li label span, 
ul.ss-choices li legend span{
	font-family: "Raleway",sans-serif;
    font-weight: 600;
    font-size:16px;
    color:#334c7f;
}

.ss-item.ss-navigate table{
	border:none;
	background:transparent;
}
/**/

.footer{
	background: none repeat scroll 0 0 #C71D2D;
	display:block;
	padding: 0 0 10px;
	
	text-align:center;
	font-family: "Raleway",sans-serif;
	font-weight: 100;
	color:#fff;
}

.footer h3, .footer p, .footer a{
	color:#fff;
}

.footer p{
	text-align:center;
	font-family: "Raleway",sans-serif;
	font-weight: 100;
}

.footer a {
    font-family: 'Raleway',sans-serif;
    line-height: 20px;
    text-align: left;
}
.footer a:hover{
	opacity:.4;
} 

.footer h3{
	margin:20px 0 0 0;
	text-align: center;
}
.footer .container{
	margin:0 auto;
}

.footer .address {
    display: block;
}

.footer .address div{
    display: inline-block;
    font-size: 16px;
    font-weight: 100;
}

.footer .address h4{
	border-bottom: 1px solid rgba(250,250,250,.5);
	display:block;
	font-size: 16px;
}


.footer .address div div{
	margin: 0 5px;
}

.footer ul.social{
	display: flex;
    justify-content: center;
    margin-top: 30px;
}


.footer ul.social li{
	max-width:50px;
	margin: 0 10px;
}

table{
	width:100%;
}


table{
	width:100%;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DEE2E7;
    border-radius: 4px;
    
    
}

table th, table td {
    padding: 10px 20px;
}

table th{
	background:none repeat scroll 0 0 #C71D2D;
}

table h4{
	font-size: 17px;
    font-weight: 100;
    letter-spacing: 1px;
    line-height: 21px;
    color:#fff;
    text-align:left;
}

table p{
	margin:0;
}


/*REVIEWS*/
.broadly-review-aggregate {
    display: none;
}

.broadly-review-heading{
    font-family: "Raleway",sans-serif;
    color: #334c7f;
}

.broadly-review-body a {
    font-family: "Raleway",sans-serif;
}
.broadly-review-body a:after{
	content:" »";
}

.broadly-review-via{
    font-family: "Raleway",sans-serif;
    color: #334c7f;
    font-size:0;
}

.broadly-review-via a{

}


.blockquote-holder{
	padding: 3em;
    border-bottom: 5px solid white;
    background: #072147;
	
	font-family: 'Raleway', sans-serif;
    color:#fff;
    text-align:center;
    font-size: 24px;
    font-weight: 300;
    line-height: 29px;
}

.blockquote-holder.sidebar {  
    padding:1.5em;
    border-radius:5px;
    font-size: 20px;
}

.blockquote .attribute{
	margin-top:15px;
	
	font-weight: 300;
	text-align:center;
	color:#fff;
}