@font-face {
    font-family: 'gsf-icons';
    src: url('../font/gsf-icons.eot');
    src: url('../font/gsf-icons.eot?#iefix') format('embedded-opentype'),
         url('../font/gsf-icons.woff') format('woff'),
         url('../font/gsf-icons.ttf') format('truetype'),
         url('../font/gsf-icons.svg#icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*html {overflow-y:scroll; height:100%;}
body {min-height:100%; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-size:13.5px; background-color: #434343; color:#2f2f2f; overflow: hidden; line-height: 1.6; -webkit-text-size-adjust: none;}*/

header:after, .main:after, .inner:after, .content:after, .column:after, section:after {height:0;content:"";display:block;clear:both;visibility:hidden;}


/*h1, h2, h3, h4, h5 {font-weight:300; color: #e22c79;}
h1 {font-size:48px; margin-bottom:25px; line-height:1.2;}
h2 {font-size:32px; margin-bottom:20px; line-height:1.3;}
h3 {font-size:19px; margin-bottom:10px; line-height:1.4;}
.text-section h3 {font-size:20px; font-weight: 400; margin-bottom: 15px;}*/

p.intro {font-size: 18px; font-weight: 100; color: #555; margin-bottom: 5px;}
p.intro + h2 {padding-top:20px;}
p + h3 {padding-top:20px;}
p + h4 {padding-top:15px;}
p + table {margin-top: 40px;}

/*a {color:#000; text-decoration:none;}*/

/*.content p {margin-bottom: 15px;}*/
.content a {color: #e22c79; text-decoration: underline;}

/*
.btn {
    display: inline-block;
    line-height: 1.3;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 0 2px rgba(0,0,0,0.2);
    color: #fff;
    padding: 12px 35px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.7);
    background: #ed3280;
    background: -moz-linear-gradient(top,  #ed3280 0%, #b62663 100%);
    background: -webkit-linear-gradient(top,  #ed3280 0%,#b62663 100%);
    background: linear-gradient(to bottom,  #ed3280 0%,#b62663 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed3280', endColorstr='#b62663',GradientType=0 );
}
*/

.gsf-icon-affordable:before {
    content: "\f123";
}

.gsf-icon-reliable:before {
    content: "\f128";
}

.gsf-icon-comfortable:before {
    content: "\f124";
}

.column .item, .column > li {float: left;}
.column .item:first-child, .column > li:first-child{margin-left:0;}
.column-2 .item, .column-2 > li {width: 48.25%; margin-left:3.5%;}
.column-3 .item, .column-3 > li {width: 31%; margin-left:3.5%;}
.column-4 .item, .column-4 > li {width: 20%; margin-left:5%;}

/*.header, .hero, section  {padding: 0 5%; background: #fff;}*/

.container .inner { padding-top: 40px; padding-bottom: 40px; }
/*.inner {max-width:1100px; margin:0 auto; position:relative; padding-bottom: 40px; padding-top: 40px;}*/
/*.header .inner {padding-top: 10px; padding-bottom: 10px;}*/

.content-container {width: 55%; margin-right:5%; float: left;}
aside {width: 40%; float: right;}

.grey-block {background: #f2f2f2; overflow: hidden;}
.gradient-block {
    background-color: white;
    background-image: -moz-linear-gradient(top, #f0f0f0 0%, #fff 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #fff));
    background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #fff 100%);
    background-image: -o-linear-gradient(top, #f0f0f0 0%, #fff 100%);
    background-image: -ms-linear-gradient(top, #f0f0f0 0%, #fff 100%);
    background-image: linear-gradient(to bottom, #f0f0f0 0%, #fff 100%);
    background-size: 100% 9.375rem;
    background-position: top left;
    background-repeat: repeat-x;
    border-top: 1px solid #d6d6d6;
}

/*.header {background-color:#fff;}
.main {background-color:#fff;}
.header #brand{float:left; margin-bottom: 0;}
.header #brand h1{margin-bottom: 0;}
.header #brand img {width: 140px;}
.header #brand a{display: block;}*/
/*.header .phone {position: absolute; right: 0; top: 13px;}*/

.home .hero {background: #ed2e7e url(../images/hero-small.jpg) 50% 0; background-size: cover; height: 400px; text-align: center; max-height: 100vw;}
.home .hero .data {visibility: hidden;}
.home .hero h1 span {font-size: 48px; font-weight: 600;}

.home .explanation {text-align: center; padding-bottom: 60px;}
.explanation ul {padding: 40px 0 0;}
.explanation li {margin-bottom: 30px;}
.explanation img {display: inline-block; margin-bottom: 15px;}
.explanation p {display: inline-block; margin-bottom: 10px; max-width: 320px;}
.explanation p.highlighted {width: 100%;}
.explanation p.highlighted span {background:#ffffd2; font-weight: 600; padding: 0 4px;}

.tag {margin:-60px auto 40px; max-width: 210px; width: 100%;}

.awesome {text-align: center; padding-bottom: 20px;}
.awesome ul {margin-bottom: 0;}
.awesome .item {margin-bottom: 45px;}
.awesome .item h3 {margin-bottom: 20px; font-weight: bold;}
.awesome .icon {
    font-size: 3.75rem;
    color: rgba(0,0,0,0.3);
    line-height: 1rem;
    vertical-align: middle;
    display: inline-block;
    margin-top: -0.3125rem;
    margin-left: -0.75rem;
    font-weight: normal;
}
.quotes {border-top: 1px solid #d6d6d6;}
.quotes .quote {width: 100%; max-width: 577px; margin: auto;}
/*.quotes .yeti {float: right; width: 40%; margin-left: 2%; max-width: 411px;}*/
.quotes .inner {padding:0 2%;}

/*.footer {background-color: #434343;}
.footer .inner {padding-bottom: 10px;}
.footer a, .footer small {color: #808080;}

.footer nav {width:65%; float: left;}
.footer .newsletter {width:35%; float:right;}
.footer nav li {margin-bottom: 5px; font-size:13px;}
.footer .item {margin-bottom: 20px;}
.footer h4 {margin-bottom: 10px; font-size:15px; font-weight:400; color: #fff;}
.footer small {width: 100%; text-align: center; display: block; float: left; font-size:12px; padding-top:10px; margin-top: 50px; opacity:0.8; border-top:1px solid rgba(255,255,255,0.1) ;}
.footer small li {display: inline-block;}
.footer small li:after {content:" \00b7"; margin:0 5px;}
.footer small li:last-child:after {display: none;}*/

.separator {padding: 0 6px; display: inline-block; opacity: 0.4;}

.site-navigation-decoration a {float: left; margin-right: 15px;}

.text-section h2 br {display: none;}

/* desktop on */
@media only screen and (min-width: 1025px) {
    .btn:hover {opacity: 0.9;}
    /*.footer h4 a:hover {color: #fff;}
    .footer a:hover {color: #a1a1a1;}*/
    .explanation {padding-left: 5%; padding-right: 5%;}
    aside {padding-right: 15%;}
    .text-section h2 br {display: block;}
    p.intro {width: 95%;}
    .awesome .inner {padding-right: 3%; padding-left: 3%;}
    .awesome .btn {margin-top: -15px;}
}

@media only screen and (min-width: 640px) {
    .home .hero {background-image:url(../images/hero.jpg) !important; height: 600px; max-height: 70vw; min-height:25vw;}
    .explanation .middle {margin-top: -20px;}
    .text-section .inner {padding-bottom: 60px; padding-top: 50px;}
}

/* do desktop */
/*@media only screen and (max-width: 1024px) {
    .quotes .inner {padding: 0;}
}*/

@media only screen and (max-width: 960px) {
    .column-4 .item, .column-4 > li {width: 100%; margin-left:0;}
    /*.footer nav {width: 60%;}*/
}

@media only screen and (max-width: 860px) {
    .media-query {display: block; height: 0; overflow: hidden;}
    /*.quotes .yeti {display: none;}
    .quotes .quote {width: 100%; margin: 0 auto; float: none;}*/
}

/* do iphone portrait */
@media only screen and (max-width: 640px) {
    .column-3 .item, .column-3 > li {width: 100%; margin-left:0;}
    .footer nav {width: 100%; margin-bottom: 30px;}
    aside {width: 100%;}
    .content-container {width: 100%; margin-bottom: 30px;}
    .explanation h2 {margin-bottom: 0;}
    /*.header #brand img {width: 110px;}*/
    /*.phone img {width: 120px; margin-top: -2px;}*/
}

@media only screen and (max-width: 567px) {
    .footer nav .column {width: 100%; margin-bottom: 20px;}
    .main .column {width: 100% !important;}
}

@media print {
* {color:black !important;text-shadow:none !important;background:transparent !important;filter:none !important;background-image:none !important;
-ms-filter:none !important;box-shadow:none !important;-moz-box-shadow:none !important;-webkit-box-shadow:none !important; font-family:Arial, Helvetica, sans-serif !important;}
.footer, .primary{display:none;}
a,a:visited {color:#444 !important;text-decoration:underline;}
thead {display:table-header-group;}
tr,img {page-break-inside:avoid;}
}