/*
Theme Name: Hello Heart
Author: Alexandru Stoicescu
Author URI: http://betterhtml.com/
Description: Hello Heart theme is based on Twenty Sixteen theme
Version: 1.0
*/

/*=============================================================================

THEME FONTS

=============================================================================*/

@font-face {font-family: 'FFDINWebLight';src: url('webfonts/315CDD_0_0.eot');src: url('webfonts/315CDD_0_0-.eot#iefix') format('embedded-opentype'),url('webfonts/315CDD_0_0.woff2') format('woff2'),url('webfonts/315CDD_0_0.woff') format('woff'),url('webfonts/315CDD_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FFDINWebMedium';src: url('webfonts/315CDD_1_0.eot');src: url('webfonts/315CDD_1_0-.eot#iefix') format('embedded-opentype'),url('webfonts/315CDD_1_0.woff2') format('woff2'),url('webfonts/315CDD_1_0.woff') format('woff'),url('webfonts/315CDD_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FFDINWeb';src: url('webfonts/315CDD_2_0.eot');src: url('webfonts/315CDD_2_0-.eot#iefix') format('embedded-opentype'),url('webfonts/315CDD_2_0.woff2') format('woff2'),url('webfonts/315CDD_2_0.woff') format('woff'),url('webfonts/315CDD_2_0.ttf') format('truetype');}
 
  

/*=============================================================================

CSS RESET

=============================================================================*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0; font-size: 100%; zoom: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote { list-style:none; }

h1, h2, h3, h4, h5, h6 { line-height:normal; font-weight:normal; }

a { text-decoration: none; outline:none; cursor:pointer; }

b, strong { font-weight: bold; }

img { color: transparent; font-size: 0; vertical-align: middle; border:none; -ms-interpolation-mode: bicubic; max-width:100%; height:auto !important; }

ul, li { display: list-item; list-style:none; }

table { border-collapse: collapse; border-spacing: 0; }

th, td, caption { font-weight: normal; vertical-align: top; text-align: left; }

svg { overflow: hidden; }

input[type="checkbox"] { margin:0 4px; width: 13px; height: 13px; padding: 0; vertical-align: middle; position: relative; top: -1px; *overflow: hidden;}

input, textarea, select { outline:none; margin:0; font-family:inherit;}

textarea{ overflow:auto; resize:none;}

/*=============================================================================

TYPOGRAPHY

=============================================================================*/

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html{-webkit-text-size-adjust: none; text-size-adjust: none;}

body {font: 16px/1.5 FFDINWeb, Arial, Helvetica, sans-serif;background: #efefef;color:#040404;text-align:left;min-width: 320px;}

a, img, input, select, textarea, ._transition, .card, button, .button, :before, :after{-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}

a:active, .button:active, button:active{-webkit-transition: all 0.05s ease-out; -moz-transition: all 0.05s ease-out; transition: all 0.05s ease-out;}

._no-transition{-webkit-transition: none; -moz-transition: none; transition: none;}

a {color: #749f18;text-decoration: underline;}

a:hover {color: #219EE6;}

a:active, a:focus{ outline: none; }


/* Tyopgraphy Elements*/

h1, h2, h3, h4, h5, h6{margin-bottom:20px;line-height:1.2;}

h1{
    font-size: 2.875em;
    line-height: 1.13;
  letter-spacing: -0.7px;  
  color: #219ee6;
  text-align:center;
  font-family: FFDINWebMedium;
}

h1.large{font-size: 3.125em;}

h2{text-align:center;font-size: 2.000em;}

h2.large{font-size: 2.625em;}

h3{
    font-size: 1.625em;
    text-align:center;
    font-family: FFDINWebMedium;
}

h4{
    font-size: 1.250em;
    line-height: 1.4;
}

h5{
    font-size: 1.125em;
    letter-spacing: -0.4px;
    font-family: FFDINWebMedium;
}

h6{
    font-size: 1.063em;
    font-family: FFDINWeb;
}

p{
    margin-bottom: 20px;
}



/* lists */

.simple-list{ margin-bottom:20px;}

.simple-list li{ padding-left: 20px; margin-bottom:10px; position:relative;}

.simple-list li:before{ content:""; position:absolute; left:0; top: 9px; width: 8px; height: 8px; background: #87C0CA;}


/* colors */

.white { color: #fff; }

.black{ color:#000;}

.blue{ color: #219ee6;}

.red{ color: #f72246;}

.green{ color: #94c049;}

.blue-highlight{background-color: #d2ecfa;background-color: rgba(33, 158, 230,0.2);display: inline-block;padding: 6px 5px 0;}

.yellow-highlight{background-color: #f2dfc2;background-color: rgba(254, 165, 50, .3);padding: 6px 5px 0;display: inline-block;}


/* backgrounds */

.white-bg{ background-color:#FFF !important;; }

.black-bg{ background-color:#000 !important;; }

.red-bg{ background-color:#f72246 !important;; }

.green-bg{background-color: #94c049 !important;}

.gradient-bg1{background: #fcf2f4;
background: -moz-linear-gradient(left,  #fcf2f4 0%, #f2f9e3 100%);
background: -webkit-linear-gradient(left,  #fcf2f4 0%,#f2f9e3 100%);
background: linear-gradient(to right,  #fcf2f4 0%,#f2f9e3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf2f4', endColorstr='#f2f9e3',GradientType=1 );
}

.gradient-bg2{
	background: #f7fcff;
background: -moz-linear-gradient(top,  #f7fcff 0%, #e8f6ff 100%);
background: -webkit-linear-gradient(top,  #f7fcff 0%,#e8f6ff 100%);
background: linear-gradient(to bottom,  #f7fcff 0%,#e8f6ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fcff', endColorstr='#e8f6ff',GradientType=0 );

}


/* responsive videos */

.responsive-video{position: relative;display: block;height: 0;padding: 0;overflow: hidden;padding-bottom: 56.25%;margin-bottom: 30px;}

.responsive-video iframe, .responsive-video object { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.responsive-video.aspect-4by3{padding-bottom: 75%;}

/* popup youtube */

.popup-youtube{
	position: relative;
	display: block;
	overflow: hidden;
}

.popup-youtube img{
	display: block;	
  -webkit-transform: scale(1); 
      -ms-transform: scale(1); 
          transform: scale(1); 
  -webkit-transition: all 0.9s ease-out;
  -moz-transition: all 0.9s ease-out;
  transition: all 0.9s ease-out;
}

.popup-youtube:hover img{
  -webkit-transform: scale(1.1); 
      -ms-transform: scale(1.1); 
          transform: scale(1.1); 

}

.popup-youtube:before{
	content: "";
	position: absolute;
	left: 0; 
	top:0;
	height: 100%;
	width: 0;
	background: rgba(255,255,255,0.3);
	z-index: 9;
}

.popup-youtube:hover:before{
	width: 100%;
}

.popup-youtube:after{
	content: "";
	position:absolute;
	left:50%;
	top:50%;
	width: 68px;
	height: 48px;
	margin-left: -34px;
	margin-top: -24px;
	background: url("images/youtube-play-button.png") no-repeat center center;
	background-size: contain;	
	z-index: 10;
}


/* buttons */

button, button:active, button:focus{cursor: pointer; outline: none;}

.button, input[type="submit"] {height: 48px;line-height: 48px; white-space: nowrap; padding: 0 16px;border: 2px solid transparent;font-size: 1.500em;font-family: FFDINWebMedium;letter-spacing: 0.5px;text-transform: uppercase;cursor: pointer;display: inline-block;vertical-align:top;text-align:center;position: relative;-webkit-appearance:none;border-radius: 6px;text-decoration: none;-ms-touch-action: manipulation;touch-action: manipulation;}

.button.-size-sm { height: 28px; line-height: 26px; font-size:0.9em; }

.button.-size-md { height: 50px; line-height: 48px; font-size:1.125em; }

.button.-size-lg { height: 74px; line-height: 72px; font-size: 1.889em; padding: 0 20px; font-weight:400;}

button.button, input[type="button"], input[type="submit"] { line-height: normal; }

.button.-wider, input[type="submit"]{ padding:0 40px;}

.button.-full-width{ width:100%; padding:0;}

.button.-min-width{min-width:300px;}

.button.-primary, input[type="submit"]{
    border-color: #219ee6;
    color: #219ee6;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
}

.button.-primary:hover, input[type="submit"]:hover{
    background: #219ee6;
    color: #fff;
}

.button.-secondary{
	border: none;
	background: #759c1c;
	color: #fff;
background: #759c1c;
background: -moz-linear-gradient(left, #759c1c 0%, #b2c531 100%);
background: -webkit-linear-gradient(left, #759c1c 0%,#b2c531 100%);
background: linear-gradient(to right, #759c1c 0%,#b2c531 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#759c1c', endColorstr='#b2c531',GradientType=1 );

}

.button.-secondary:hover{
	background: #80a527;
background: -moz-linear-gradient(left, #80a527 0%, #b9ca3e 100%);
background: -webkit-linear-gradient(left, #80a527 0%,#b9ca3e 100%);
background: linear-gradient(to right, #80a527 0%,#b9ca3e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a527', endColorstr='#b9ca3e',GradientType=1 );
}

.button.-tertiary{}

.button.-tertiary:hover{}

.button.-simple{
	background: none;
	font-size: 17px;
}

.button.-disabled, .button[disabled]{
	opacity: 0.1;
	cursor: default;
}

#not-sure-btn:hover{
	color: #219ee6;
}

/* forms */

form{margin: 0 auto;}

form label{display:block;padding: 0 0 3px;color: #000000;letter-spacing: -0.4px;opacity: 0.8;}

label .required-star{ color:#e14441; margin-left:4px;}

form .form-row{ display:block;}

input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"], select, textarea{background: #ffffff;color: #000000;border: 1px solid #c5c5c5;border: 1px solid rgba(0, 0, 0, 0.23);border-radius: 5px;padding: 7px 10px;height: 44px;max-width:100%;width:100%;font-size: 18px;margin-bottom: 15px;vertical-align:top;}

textarea{ height:200px; width:100%; padding: 18px;}

input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus{background: #FFFFFF;border-color: #94C049; color:#000000; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);}

select[multiple]{ height: 150px;}

::-webkit-input-placeholder {color:#929292;}

:-moz-placeholder {color:#929292;}

:-ms-input-placeholder{color:#929292;}

:focus::-webkit-input-placeholder {color:#929292;}

:focus:-moz-placeholder {color:#929292;}

:focus:-ms-input-placeholder{color:#929292;}

.form-button{
    padding-top: 19px;
}

.optional{
    color:#929292;
}

.wpcf7-form .required{ color:#e21836;}

span.wpcf7-not-valid-tip{ font-size: 0.9em; color: #FF6969; position: relative; top:-10px;}


span.wpcf7-list-item { display: block; }


div.wpcf7-response-output{
	margin: 2em 0;
	border: none;
	color: #fff;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 1.4;
}

div.wpcf7-mail-sent-ok {
	background: #398f14;
}

div.wpcf7-mail-sent-ng {
	background: #ff0000;
}

div.wpcf7-spam-blocked {
	background: #ffa500;
}

div.wpcf7-validation-errors {
	background: #F7B800;
}

div.wpcf7 img.ajax-loader{
	display: block;
	margin: 10px auto 0;
}


/* icons */

/* animations */

.has-fade{
	opacity:0;
	-webkit-transition: all 0.9s ease-out;
  	-moz-transition: all 0.9s ease-out;
  	transition: all 0.9s ease-out;
}

.has-fade.fade-in{
	opacity:1;
}

.-animation-delay1{
	-webkit-transition-delay: 0.125s;
    transition-delay: 0.125s;
}

.-animation-delay2{
	-webkit-transition-delay: 0.25s;
    transition-delay: 0.125s;
}

.-animation-delay3{
	-webkit-transition-delay: 0.375s;
    transition-delay: 0.125s;
}

.-animation-delay4{
	-webkit-transition-delay: 0.5s;
    transition-delay: 0.125s;
}


/*=============================================================================

PAGE LAYOUT

=============================================================================*/

.site-container{max-width:1920px;margin:0 auto;overflow:hidden;background: #fff;}

.wrap{position:relative;margin:0 auto;padding:0 30px;max-width: 1170px;}

.wrap.-size-xs{max-width: 650px;}

.wrap.-size-sm{max-width:760px;}

.wrap.-size-md{max-width:960px;}

.wrap.-size-lg{max-width:1300px;}

.wrap.-size-xl{max-width:1500px;}


.block{ padding-top: 80px; padding-bottom:80px;}

.block.-padding-top{ padding-bottom: 0;}

.block.-padding-bottom{ padding-top: 0;}


/* spacing */

.gap-10{ height:10px;}

.gap-20{ height:20px;}

.gap-30{ height:30px;}

.gap-40{ height:40px;}

.gap-50{ height:50px;}

.gap-60{ height:60px;}

.gap-70{ height:70px;}

.gap-80{ height:80px;}


/*floats*/

.float-right, .right { float:right; }

.float-left, .left { float:left; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:before, .clearfix:after, .grid:before, .grid:after, .wrap:before, .wrap:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:after, .grid:after, .wrap:after { clear: both; }

.clearfix, .grid, .wrap { zoom: 1; }


/* helpers */

._center-block{ margin-left:auto; margin-right:auto;}

._align-left { text-align: left; }

._align-center { text-align: center; }

._align-right { text-align: right; }

._uppercase{ text-transform:uppercase;}

._normalcase{ text-transform:none;}

._lowercase{ text-transform:lowercase;}

._underline{
	text-decoration: underline;
}

._vertical-align{ display:table; width:100%; height: 100%;}

._vertical-align > *{ display:table-cell; vertical-align:middle;}

._justify-content {
    text-align: justify;
}

._justify-content > * {
    display: inline-block;
    position: relative;
}

._justify-content:before{
    content: '';
    display: block;
    width: 100%;
}

._justify-content:after {
    content: '';
    display: inline-block;
    width: 100%;
}

._overflow-hidden{
	overflow: hidden;
}


._mg-b-xs{margin-bottom: 10px !important;}

._mg-b-sm{margin-bottom: 30px !important;}

._mg-b-md{margin-bottom: 50px !important;}

._mg-b-lg{margin-bottom: 75px !important;}

._mg-b-xl{margin-bottom: 120px !important;}

._mg-t-xs{margin-top: 10px !important;}

._mg-t-sm{margin-top: 30px !important;}

._mg-t-md{margin-top: 50px !important;}

._mg-t-lg{margin-top: 75px !important;}

._mg-t-xl{margin-top: 120px !important;}

._no-mg{ margin:0 !important;}

._no-mg-b{ margin-bottom:0 !important;}

._no-mg-t{ margin-top:0 !important;}

._pd-b-xs{padding-bottom: 10px !important;}

._pd-b-sm{padding-bottom: 30px !important;}

._pd-b-md{padding-bottom: 50px !important;}

._pd-b-lg{padding-bottom: 75px !important;}

._pd-b-xl{padding-bottom: 120px !important;}

._pd-t-xs{padding-top: 10px !important;}

._pd-t-sm{padding-top: 30px !important;}

._pd-t-md{padding-top: 50px !important;}

._pd-t-lg{padding-top: 75px !important;}

._pd-t-xl{padding-top: 120px !important;}

._no-pd{ padding:0 !important;}

._no-pd-b{ padding-bottom:0 !important;}

._no-pd-t{ padding-bottom:0 !important;}




/*=============================================================================

MAIN STYLES

=============================================================================*/

/* header */

.top-announcement{ background: #fff; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16); position: relative; top:-20px; padding:15px 0;}
.top-announcement .announcement-desc{}
.top-announcement h2{ text-align: left; margin-bottom: 0; font-size: 1.500em; margin-bottom: 5px; color: #000;}
.top-announcement h5{ font-size: 1.313em; margin: 0; color: #000; }
.top-announcement .announcement-cta{ text-align: right; padding-left: 20px; }
.top-announcement .announcement-cta .button{ width: 200px; height: 44px; }

.top-announcement a, .top-announcement a:hover{ text-decoration: none;}


.site-header{position: fixed;left: 0;right: 0;top:0;z-index: 10000;padding: 20px 0;min-width: 320px;z-index: 1000;}

body.scroll-down .site-header{
	background-color:#fff;
	background-color: rgba(255,255,255,0.98);
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15);
}

body.scroll-down .site-header{
	background-color: #0d71aa;
	background-color:#ff667a;
}

body.page.scroll-down .site-header{
	background-color: #0d71aa;
}

body.home.scroll-down .site-header{
	background-color: #f33646;
}

body.page-id-13.scroll-down .site-header{
	background-color: #769c1d;
}

body.page-id-20.scroll-down .site-header{
	background-color: #4637d3;
}

body.page-id-9.scroll-down .site-header{
	background-color: #d7478a;
}


.site-header hr{
	content:"";
	position:absolute;
	left:0;
	right: 0;
	bottom:-20px;
	height: 1px;
	background: #fff;
	background: rgba(255,255,255,0.2);
	display: block;
}

.headerBanner {
	margin:0 0 15px 0;
	height:48px;
	padding:10px;
	display: block !important;
	clear: both !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #FFFFFF;
	background-color:#F72246;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0 4px 4px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0 4px 4px;
	box-shadow: rgba(0,0,0,0.1) 0 4px 4px;
}

.headerBanner h3 {
	text-align:left;
	display:inline;
	color: #FFF;
	height:48px;
}

.headerBanner a {
	display:block;
	margin: 0 4px 0 0;
	padding:2px 22px 0 22px;
	background: #FFF;
	color: #F72246;
	text-decoration:none;
	height:40px;
	font-size:110%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

body.scroll-down .site-header hr, body.home .site-header hr{
	display:none;
}

.site-logo .logo-normal, body.home .site-logo .logo-inversed{display: none;}

.site-logo .logo-inversed, body.home .site-logo .logo-normal{display: inline-block;}

body.scroll-down .site-logo .logo-normal, body.nav-open .site-logo .logo-normal{display: none;}

body.nav-open .site-logo .logo-inversed, body.scroll-down .site-logo .logo-inversed{display: inline-block;}

.main-nav{
}

.main-nav .mobile-nav-btn{
	border:none;
	background:none;
	padding: 14px 10px;
	position: relative;
	left: 10px;
}

.mobile-nav-btn .nav-btn-line{
	display:block;
	height:2px;
	width: 26px;
	background: #fff;
	margin-top: 5px;
}

.home .mobile-nav-btn .nav-btn-line{
	background: #000;
}

body.scroll-down .mobile-nav-btn .nav-btn-line, .nav-open .mobile-nav-btn .nav-btn-line{
	background:#fff;
}

.mobile-nav-btn .nav-btn-line:first-child{
	margin-top:0;
}


.main-nav ul{
  padding-top: 12px;
}

.main-nav ul li{
    float: left;
    font-size: 15px;
    text-transform: uppercase;
    margin-left: 20px;
}

.main-nav ul li a{
	display:block;
	color:#fff;
	position: relative;
	text-decoration: none;
}

body.home .site-header .main-nav a{
	color: #000;
}

.site-header.-inversed a, body.scroll-down .site-header a, body.nav-open .site-header a{
	color:#fff;
}


.main-nav ul li a:before{
	content:"";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 0;
	height: 2px;
	background: #fff;
}

body.home .site-header a:before{
	background:#000;
}

body.scroll-down .main-nav ul li a:before{
	background:#fff;
}

.main-nav ul li a:hover:before, .main-nav ul li.active a:before, .main-nav ul li.current-menu-item a:before{	
	width: 100%;
}

body.home .main-nav a:hover{
	color: #f72246;
}

.main-nav ul li a:hover, body.scroll-down .site-header a:hover, body.nav-open .site-header a:hover{
	color:#fff;
}

body.home .main-nav .main-nav-items > li:first-child{
	display: none;
}

.main-content{
	min-height: 800px;
}

/* banners */

.banner{position: relative;background-repeat: no-repeat;padding-top: 85px;padding-bottom: 40px;} 

.banner.-internal-banner{
	padding-top: 224px;
	padding-bottom: 70px;
	height: 360px;
}

.banner.-internal-banner h1{
	margin-bottom:0;
}

.banner.-internal-banner, .banner.-banner-gradient1{
	background: #0d71aa;
	background: -moz-linear-gradient(top,  #0d71aa 0%, #21aee6 100%);
	background: -webkit-linear-gradient(top,  #0d71aa 0%,#21aee6 100%);
	background: linear-gradient(to bottom,  #0d71aa 0%,#21aee6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d71aa', endColorstr='#21aee6',GradientType=0 );
}

.banner.-banner-gradient2{
	background: #769c1d;
	background: -moz-linear-gradient(top,  #769c1d 0%, #b2c531 100%);
	background: -webkit-linear-gradient(top,  #769c1d 0%,#b2c531 100%);
	background: linear-gradient(to bottom,  #769c1d 0%,#b2c531 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#769c1d', endColorstr='#b2c531',GradientType=0 );
}

.banner.-banner-gradient3{
	background: #4637d3;
background: -moz-linear-gradient(top,  #4637d3 0%, #c05bd1 100%);
background: -webkit-linear-gradient(top,  #4637d3 0%,#c05bd1 100%);
background: linear-gradient(to bottom,  #4637d3 0%,#c05bd1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4637d3', endColorstr='#c05bd1',GradientType=0 );
}

.banner.-banner-gradient4{
	background: #d7478a;
background: -moz-linear-gradient(top,  #d7478a 0%, #f94a38 100%);
background: -webkit-linear-gradient(top,  #d7478a 0%,#f94a38 100%);
background: linear-gradient(to bottom,  #d7478a 0%,#f94a38 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7478a', endColorstr='#f94a38',GradientType=0 );
}

.banner.-banner-gradient5{
background: #ff667a;
background: -moz-linear-gradient(top,  #ff667a 0%, #ff8739 100%);
background: -webkit-linear-gradient(top,  #ff667a 0%,#ff8739 100%);
background: linear-gradient(to bottom,  #ff667a 0%,#ff8739 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff667a', endColorstr='#ff8739',GradientType=0 );
}

.banner.-banner-autoheight{
	height: auto !important;
}

.banner.-internal-banner h5{
	opacity:.8;
}

.banner > .wrap{
	height: 100%;
}

.banner.-banner-home{
  background-image: url("images/home-banner.jpg");
  background-color: #f5f3f4;
  background-size: cover;
  background-position: left bottom;
  height: 700px;
  position:relative;
}

.banner.-banner-home:before{
	content:"";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40%;
	height: 423px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url("images/home-couple.png");
}

.banner .learn-more{
	width: 90px;
	position: absolute;
	font-size: 14px;
	letter-spacing: -0.2px;
	text-align: center;
	color: #000;
	left: 50%;
	margin-left: -45px;
	padding-bottom: 15px;
	text-transform: uppercase;
	bottom: 15px;
	cursor: pointer;
	z-index: 10;
}

.banner.-has-learn-more{
	
padding-bottom: 90px !important;
}

.banner .learn-more:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 8px 0 8px;
	border-color: #000000 transparent transparent transparent;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	bottom: 0;
	margin-top: 22px;
}


.learn-more:after{
  animation: animationFrames ease-in 4s;
  animation-iteration-count: infinite;
  -webkit-animation: animationFrames ease-in 4s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation: animationFrames ease-in 4s;
  -moz-animation-iteration-count: infinite;
  -o-animation: animationFrames ease-in 4s;
  -o-animation-iteration-count: infinite;
  -ms-animation: animationFrames ease-in 4s;
  -ms-animation-iteration-count: infinite;
}

@keyframes animationFrames{
  0% {
    
    top:0px;
    opacity:1;
  }
  5% {
    top:10px;
  }
  10% {
    top:0px;
  }
  15% {
    top:10px;
  }
  20% {
    top:0px;
  }
  100% {
    
    top:0px;


    opacity:1;
  }
}

@-moz-keyframes animationFrames{
  0% {
    
    top:0px;
    opacity:1;
  }
  5% {
    top:10px;
  }
  10% {
    top:0px;
  }
  15% {
    top:10px;
  }
  20% {
    top:0px;
  }
  100% {
    
    top:0px;
    opacity:1;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    
    top:0px;
    opacity:1;
  }
  5% {
    top:10px;
  }
  10% {
    top:0px;
  }
  15% {
    top:10px;
  }
  20% {
    top:0px;
  }
  100% {
    
    top:0px;
    opacity:1;
  }
}

@-o-keyframes animationFrames {
  0% {
    
    top:0px;
    opacity:1;
  }
  5% {
    top:10px;
  }
  10% {
    top:0px;
  }
  15% {
    top:10px;
  }
  20% {
    top:0px;
  }
  100% {
    
    top:0px;
    opacity:1;
  }
}

@-ms-keyframes animationFrames {
  0% {
    
    top:0px;
    opacity:1;
  }
  5% {
    top:10px;
  }
  10% {
    top:0px;
  }
  15% {
    top:10px;
  }
  20% {
    top:0px;
  }
  100% {
    
    top:0px;
    opacity:1;
  }
}




.banner .learn-more:hover:after{
	top: 10px;
}


/* homepage */


.hh-feature{position: relative;margin-bottom: 34px;max-width: 538px;margin-left: auto;margin-right: auto;}

.hh-feature *{
	cursor:default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.hh-feature .hh-feature-details{
	position: absolute;
	left: 20px;
	top: 20px;
	text-align: left;
	width: 210px;
}

.hh-feature *{text-align: left;}

.hh-feature h3{
	margin-bottom: 10px;
}

.testimonial{
	background-color: #fff;
	text-align: center;
	min-height: 540px;
	margin: 0 auto 34px;
	max-width: 350px;
	overflow: hidden;
}

.testimonial img{
	width: 100%;
}

.testimonial:hover img{
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.testimonial blockquote{
	padding: 20px 20px 10px;
	font-size: 1.250em;
	line-height: 1.3;
	letter-spacing: -0.5px;
	font-family: FFDINWebMedium;
	font-family: FFDINWeb;
	background: #fff;
	position: relative;
	z-index: 10;
}

.testimonial cite{
	padding: 0 20px 10px;
	display: block;
	font-style: normal;
	font-size: 1.063em;
	letter-spacing: -0.3px;
	line-height: 1.1;
}

.large-quote, .small-quote{
	max-width: 900px;
	margin: 40px auto;
	text-align: center;
}

.small-quote{
	max-width: 550px;
}

.large-quote blockquote, .small-quote blockquote{
	text-align: center;
	font-family: FFDINWebMedium;
	font-family: FFDINWeb;
	letter-spacing: -0.5px;
	font-size: 2.750em;
	line-height: 1.18;
}

.small-quote blockquote{
	font-size: 1.250em;
	letter-spacing: -0.2px;
}

.large-quote blockquote:before, .large-quote blockquote:after, .small-quote blockquote:before, .small-quote blockquote:after{
	content: "";
	display: inline-block;
	width: 32px;
	height: 24px;
	background-repeat: no-repeat;
}

.large-quote blockquote:before{
	background-image: url("images/quote-beginning.svg");
	vertical-align: top;
}

.large-quote blockquote:after{
	background-image: url("images/quote-end.svg");
	vertical-align: bottom;
}

.small-quote blockquote:before, .small-quote blockquote:after{
	width: 16px;
	height: 12px;
	background-size: 16px 12px;
}

.small-quote blockquote:before{
	background-image: url("images/quote-beginning.svg");
	vertical-align: top;
}

.small-quote blockquote:after{
	background-image: url("images/quote-end.svg");
	vertical-align: bottom;
}

.large-quote cite, .small-quote cite{
	display: block;
	font-style: normal;
	font-family: FFDINWeb;
	margin-top: 15px;
	font-size: 1.875em;
}

.small-quote cite{
	font-size: 1em;
}

.small-divider{
	display: block;
	max-width: 500px;
	height: 2px;
	margin: 50px auto;
	background: #ccc;
	background: rgba(0,0,0,0.1);
	position: relative;
}

.hh-mobile-solution{}

.hh-mobile-solution h6{
	margin-bottom: 5px;
}

.solution-bar{
	color: #fff;
	background: #bcbcbc;
	font-size: 13px;
	text-align: right;
	height: 30px;
	line-height: 30px;
	width: 0;
	margin-bottom: 20px;
	white-space: nowrap;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all s ease-out;
	transition: all 1s ease-out;
}

.solution-bar.init_animate{
	padding: 0 6px;
}

.hh-mobile-solution .solution-bar.-hh-bar{
	box-shadow: 0 0 0 3px rgba(255,255,255,0.5);
}

.hh-results{
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding: 45px 0;
}

.hh-results.-results-bg1{
	background-image: url("images/results-bg1.svg");
	background-position: center top;
	background-size: 100% auto;
}

.hh-results.-results-bg2{
	background-image: url("images/results-bg2.svg");
	background-size: contain;
}

.hh-results .hh-results-title{
	color: #219ee6;
	margin-bottom: 40px;
	position: relative;
}

.hh-results .hh-results-title:after{
	content: "";
	position: absolute;
	width: 80px;
	height: 2px;
	background-color: #d8d8d8;
	left: 50%;
	margin-left: -40px;
	bottom: -12px;
}

.hh-results .amount{
	line-height: 1.2;
	letter-spacing: -4px;
	font-family: FFDINWebLight;
	font-size: 5em;
	white-space: nowrap;
}

.hh-results h4{
	max-width:310px;
	margin-left: auto;
	margin-right: auto;
}

sup{font-size: 0.700em;}

.hh-demo-mac{
	position: relative;
	top: -90px;
	margin-bottom: -50px;
}

.footnotes{ font-size: 12px;}

.footnotes li{margin-top: 12px;}

.footnotes li:first-child{margin-top: 0;}

/* internal pages */

/* outcome */

.result-box{
    border: 1px solid #e6e6e6;
    border: solid 1px rgba(0, 0, 0, 0.1);
    padding: 0 16px 16px;
    margin-bottom: 36px;
    height: 350px;
    display: block;
    text-decoration: none;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
}

.result-box:hover{
	color:#000;
}

.result-box:hover .result-box-link{
	color: #219ee6;
}

.result-box.-result-bg1{
  background-color: #faf9f2;
}

.result-box.-result-bg2{
  background-color: #fbf2f3;
}

.result-box.-result-bg3{
  background-color: #f2f9e3;
}

.result-box.-result-bg4{
  background-color: #eff5f8;
}

.result-box.-result-bg5{
	background-color: #eef3ed;
}

.result-box img{
    height: 194px !important;
    width: auto;
    position: relative;
    top: -20px;
    left: -10px;
    margin-bottom: -10px;
}

.result-box h4{
	margin-bottom: 0;	
}
.result-box .result-box-title{
	height: 110px;
	overflow: hidden;
	color: #000;
	margin-bottom: 10px;
}

.blue-number{
	background: #219ee6;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	vertical-align: top;
	position: relative;
	top: -5px;
	margin-right: 5px;
}

/* calculator */

#calculate-now-holder{
	padding-top: 30px;
}

.calculator-heading{min-height: 56px;}

.calculator-arrow{
	position: absolute;
	left: 50%;
	top: -17px;
	margin-left: -16px;
}

#org_employees{width: 100%;max-width: 440px;text-align: center;font-size: 1.300em;margin-bottom: 40px;}

#total-amount{
	font-family:FFDINWebMedium; 
	-webkit-transition: all 0.5s ease-out;
  	-moz-transition: all 0.5s ease-out;
  	transition: all 0.5s ease-out;
}

#total-amount.calculating{
	background:#E9C083;
}

.ui-slider{height: 10px;border-radius: 5px;background: #dde5e9;margin: 40px 15px 34px;}

.ui-slider .ui-slider-range{background: #bcbcbc;border-radius: 5px;}

.ui-slider .ui-slider-handle{
  width: 33px;
  height: 33px;
  margin-left: -17px;
  background: url("images/slider-handle.svg") no-repeat center center;
  background-color: #219ee6;
  background-size: 15px auto;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 2px #f7faf2;
  border-radius: 100%;
  cursor: pointer;
  top: -12px;
  outline: none;
}

.ui-slider-handle .tooltip{
	position: absolute;
	left: 50%;
	top:-27px;
	margin-left: -15px;
	width: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

.ui-slider .slider-point{
	position: absolute;
	width: 30px;
	text-align: center;
	margin-left: -15px;
	top:15px;	
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: -0.4px;
	color: #9C9C9C;
	font-weight: normal;
	padding-top: 12px;
}

.ui-slider .slider-point:before{
	content: "";
	position: absolute;
	width: 1px;
	height: 10px;
	background:#eaeaea; 
	top:0;
	left: 50%;
}

.ui-slider .point-begin{
	left: 0;
}

.ui-slider .point-10{
	left: 20%;
}

.ui-slider .point-20{
	left: 40%;
}

.ui-slider .point-30{
	left: 60%;
}

.ui-slider .point-40{
	left: 80%;
}

.ui-slider .point-end{
	left: 100%;
	margin-left: -17px;
}

/* who we are */

.hh-member{text-align: center;margin: 50px auto 0;max-width: 280px;}

.hh-member .hh-member-pic{ 
		width: 172px;
		margin:0 auto 10px;
		position:relative;
		
}

.hh-member .member-title{
	color: #219ee6;
	position: relative;
	padding-bottom: 16px;
}

.hh-member .member-title:after{
	content: "";
	position: absolute;
	left: 50%;
	width: 80px;
	margin-left: -40px;
	bottom: 0;
	height: 2px;
	background-color: #d8d8d8;
}

.hh-member .member-founder{
	position:absolute;
	bottom: 11px;
	left: 0;
	padding: 0 5px;
	background: #f33646;
	color: #fff;
	text-transform: uppercase;
	height: 20px;
	line-height: 22px;
	font-size: 12px;
	font-family: FFDINWebMedium;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.15);
	z-index: 10;
}

.hh-member .member-desc{
	height: 100px;
}


/* faq */

.faq-links{
	margin-bottom:50px;
	font-size: 1.250em;
}

.faq-links li{
	padding:3px 0;
}

.faq{margin-bottom: 50px;font-size: 1.250em;border-top: 2px solid #EAEDF2;}

.faq .faq-title{
    position: relative;
    color: #219ee6;
    margin: 0;
    padding: 25px 0 0 0;
    display: block;
    font-size: 1.125em;
    font-weight: 300;
}

.faq .faq-description{
	padding: 15px 0 25px;
	border-bottom: 2px solid #EAEDF2;
	position: relative;
	top: -5px;
	margin-bottom: 1px;
}

.help-box{
	max-width: 350px;
	position: relative;
	background: #f7f9ec;
}

body.fixed-sidebar .help-box{
	position:fixed;
}

.help-box .help-box-text{
	padding: 20px 15px 5px;
	text-align: center;
}

.help-box h3{
	line-height: 1.2;
}

/* news */

.in-the-news-list{}

.in-the-news-list .news-entry{
    position: relative;    
    margin-bottom: 30px;
    text-align: left;
}

.card{
	border: 1px solid transparent;
}

.card:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:0;
	background: #e8f6ff;
}

.card:hover:before{
	width:100%;
}

.card:hover{
	box-shadow: 0 1px 5px 0 rgba(33, 158, 232, 0.25);
	border-color: #d8e6ef;
}

.in-the-news-list .news-entry a:hover h3, .in-the-news-list .news-entry a:hover h4{
	/* color:#fff; */
}

.in-the-news-list .news-link{
    position: relative;
    z-index: 10;
    display: block;
    padding: 0 15px;    
    text-decoration: none;
}

.in-the-news-list .news-logo{
    width: 130px;
    float: right;
    margin-left: 15px;
}

.in-the-news-list .news-body{}

.in-the-news-list h3{
    text-align: left;
    font-family: FFDINWeb;
    color: #000;
}

.in-the-news-list h4{
    padding-top: 15px;
    margin-bottom: 5px;
    letter-spacing: -0.3px;
    line-height: 1.3;
}


/* terms */

.terms-section p{
	font-size: 1.250em;
}

.terms-section h2{
	text-align: left;
}


/* footer */

.site-footer{
	border-top:1px solid #d6d6d6;
	padding: 50px 0;
}

.site-footer .copyright{
	font-size: 14px;
	line-height: 22px;
}

.footer-nav{}

.footer-nav ul{}

.footer-nav li{ float: left; margin-left: 15px;}

.footer-nav a{
	color: #333333;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: -0.3px;
	text-decoration: none;
	}

.footer-nav a:hover{color: #f72246;}

.footer-logo{
	position: absolute;
	left: 50%;
	top: -3px;
	margin-left: -76px;
	width: 152px;
	height: 30px;
}


/*=============================================================================

WP Specific

=============================================================================*/

.menu-item-has-children a:after, .social-navigation a:before, .dropdown-toggle:after, .bypostauthor > article .fn:after, .comment-reply-title small a:before, .pagination .prev:before, .pagination .next:before, .pagination .nav-links:before, .pagination .nav-links:after, .search-submit:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: "Genericons";
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  vertical-align: top;
}

.search-form {
	position: relative;
}

input[type="search"].search-field {
	border-radius: 5px 0 0 5px;
	width: -webkit-calc(100% - 42px);
	width: calc(100% - 42px);
	border: 1px solid #c5c5c5;
	padding: 9px;
	height: 42px;
}

.search-submit:before {
	content: "\f400";
	font-size: 24px;
	left: 0px;
	line-height: 40px;
	position: relative;
	width: 40px;
}

.search-submit {
	border-radius: 0 5px 5px 0;
	bottom: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 43px;
	height: 42px;
	background: #749f18 !important;
	color: #ffffff!important;
	border: none;
	box-shadow: none;
}

.search-submit:hover {
	background: #219ee6 !important;
	color: #ffffff !important;
}

.content-area {
  float: left;
  width: 70%;
  padding: 80px 30px 80px 0;
}

.sidebar {
  float: right;
  padding: 0;
  width: 30%;
}

.screen-reader-text{
	display: none;
}

/**
 * 10.0 - Widgets
 */

.widget {
	margin-bottom: 3.5em;
}

.widget:first-child{
	padding-top:0;
}

.widget-area > :last-child,
.widget > :last-child {
	margin-bottom: 0;
}

.widget .widget-title {	
	font-size: 16px;
	font-size: 1rem;
	letter-spacing: 0.046875em;
	line-height: 1.3125;
	margin: 0 0 1.75em;
	text-transform: uppercase;
	text-align: left;
}

.widget .widget-title:empty {
	margin-bottom: 0;
}

.widget-title a {
	color: #1a1a1a;
}

.widget li{
	margin-top:15px;
}

.widget li:first-child{
	margin-top:0;
}

/* Calendar widget */
.widget.widget_calendar table {
	margin: 0;
}

.widget_calendar td,
.widget_calendar th {
	line-height: 2.5625;
	padding: 0;
	text-align: center;
}

.widget_calendar caption {
	font-weight: 900;
	margin-bottom: 1.75em;
}

.widget_calendar tbody a {
	background-color: #007acc;
	color: #fff;
	display: block;
	font-weight: 700;
}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
	background-color: #686868;
	color: #fff;
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
	color: #686868;
	display: block;	
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.615384615;
	margin-bottom: 0.538461538em;
}

.widget_recent_entries li:last-child .post-date {
	margin-bottom: 0;
}

/* RSS widget */
.widget_rss .rsswidget img {
	margin-top: -0.375em;
}

.widget_rss .rss-date,
.widget_rss cite {
	color: #686868;
	display: block;	
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: normal;
	line-height: 1.615384615;
	margin-bottom: 0.538461538em;
}

.widget_rss .rssSummary:last-child {
	margin-bottom: 2.1538461538em;
}

.widget_rss li:last-child :last-child {
	margin-bottom: 0;
}

/* Tag Cloud widget */
.tagcloud a {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	display: inline-block;	
	line-height: 1;
	margin: 0 0.1875em 0.4375em 0;
	padding: 0.5625em 0.4375em 0.5em;
}

.tagcloud a:hover,
.tagcloud a:focus {
	border-color: #007acc;
	color: #007acc;
	outline: 0;
}


/**
 * 11.0 - Content
 */

.site {
	background-color: #fff;
}

.site-inner {
	margin: 0 auto;
	max-width: 1320px;
	position: relative;
}

.site-content {
	word-wrap: break-word;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

.site-main {
	margin-bottom: 3.5em;
}

.site-main > :last-child {
	margin-bottom: 0;
}

/**
 * 11.2 - Posts and pages
 */

.site-main > article {
	margin-bottom: 3.5em;
	position: relative;
}

article{
	padding: 20px;
}

.page article, .single article{
	padding:0;
}

article a{
	text-decoration:none;
}

.single article a{
	text-decoration:underline;
}

.site-main > article > *{
	position:relative;
	z-index:10;
}

.entry-header,
.entry-summary,
.entry-content,
.entry-footer,
.page-content {
}

.entry-title {
	text-align: left;
}

article .entry-title{
	margin-bottom:5px;
	color: #000;
}

.single article .entry-title, .page article .entry-title{
	margin-bottom:30px;
}

.post-thumbnail {
	display: block;
	margin: 0 0 1.75em;
	position: relative;
}

article .post-thumbnail{
	margin: 0 -20px 0;
	top: -20px;
}

.single article .post-thumbnail, .page article .post-thumbnail{
	margin:0 auto 20px;
	top:auto;
}

.post-thumbnail img {
	display: block;
	width: 100%;
}

.no-sidebar .post-thumbnail img {
	margin: 0 auto;
}

a.post-thumbnail:hover,
a.post-thumbnail:focus {
	opacity: 0.85;
}

.entry-content,
.entry-summary {
}

.single .entry-content,
.single .entry-summary {	
	margin-bottom: 30px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
	text-align:left;
}


.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
	margin-top: 0;
}

.post-navigation .post-title,
.entry-title,
.comments-title {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

body:not(.search-results) .entry-summary {
	color: #686868;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.4736842105;
	margin-bottom: 1.4736842105em;
}

body:not(.search-results) .entry-header + .entry-summary {
	margin-top: -0.736842105em;
}

body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
	margin-bottom: 1.4736842105em;
}

body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary li > ol {
	margin-bottom: 0;
}

body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
	padding: 0.3684210526em;
}

body:not(.search-results) .entry-summary fieldset {
	margin-bottom: 1.4736842105em;
	padding: 0.3684210526em;
}

body:not(.search-results) .entry-summary blockquote {
	border-color: currentColor;
}

body:not(.search-results) .entry-summary blockquote > :last-child {
	margin-bottom: 0;
}

body:not(.search-results) .entry-summary .alignleft {
	margin: 0.2631578947em 1.4736842105em 1.4736842105em 0;
}

body:not(.search-results) .entry-summary .alignright {
	margin: 0.2631578947em 0 1.4736842105em 1.4736842105em;
}

body:not(.search-results) .entry-summary .aligncenter {
	margin-bottom: 1.4736842105em;
}

.entry-content > :last-child,
.entry-summary > :last-child,
body:not(.search-results) .entry-summary > :last-child,
.page-content > :last-child,
.comment-content > :last-child,
.textwidget > :last-child {
	margin-bottom: 0;
}

.more-link {
	white-space: nowrap;
}

.author-info {
	border-color: inherit;
	border-style: solid;
	border-width: 1px 0 1px 0;
	clear: both;
	padding-top: 1.75em;
	padding-bottom: 1.75em;
}

.author-avatar .avatar {
	float: left;
	height: 42px;
	margin: 0 1.75em 1.75em 0;
	width: 42px;
}

.author-description > :last-child {
	margin-bottom: 0;
}

.entry-content .author-title {
	clear: none;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 900;
	line-height: 1.75;
	margin: 0;
}

.author-bio {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin-bottom: 1.6153846154em;
	overflow: hidden;
}

.author-link {
	white-space: nowrap;
}

.entry-footer {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin-bottom: 2em;
}

.entry-footer:empty {
	margin: 0;
}

.entry-footer a {
	color: #686868;
	text-decoration: none;
}

.entry-footer a:hover,
.entry-footer a:focus {
	color: #007acc;
}

.entry-footer > span:not(:last-child):after {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}

.entry-footer .avatar {
	height: 21px;
	margin: -0.1538461538em 0.5384615385em 0 0;
	width: 21px;
}

.sticky-post {
	color: #686868;
	display: block;	
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
}

/**
 * IE8 and earlier will drop any block with CSS3 selectors.
 * Do not combine these styles with the next block.
 */
.updated:not(.published) {
	display: none;
}

.sticky .posted-on,
.byline {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-header {
	margin: 0 0 30px;
}

body.error404 .page-header,
body.search-no-results .page-header {
	border-top: 0;
	padding-top: 0;
}

.page-title {
	text-align: left;
	color: #000;
	margin-bottom: 0;
}

.taxonomy-description {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
}

.taxonomy-description p {
	margin: 0.5384615385em 0 1.6153846154em;
}

.taxonomy-description > :last-child {
	margin-bottom: 0;
}

.page-links {
	clear: both;	
	margin: 0 0 1.75em;
}

.page-links a,
.page-links > span {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	display: inline-block;
	font-size: 13px;
	font-size: 0.8125rem;
	height: 1.8461538462em;
	line-height: 1.6923076923em;
	margin-right: 0.3076923077em;
	text-align: center;
	width: 1.8461538462em;
}

.page-links a {
	background-color: #1a1a1a;
	border-color: #1a1a1a;
	color: #fff;
}

.page-links a:hover,
.page-links a:focus {
	background-color: #007acc;
	border-color: transparent;
	color: #fff;
}

.page-links > .page-links-title {
	border: 0;
	color: #1a1a1a;
	height: auto;
	margin: 0;
	padding-right: 0.6153846154em;
	width: auto;
}

.entry-attachment {
	margin-bottom: 1.75em;
}

.entry-caption {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 1.0769230769em;
}

.entry-caption > :last-child {
	margin-bottom: 0;
}

.content-bottom-widgets {
	margin: 0 7.6923%;
}

.content-bottom-widgets .widget-area {
	margin-bottom: 3.5em;
}

.post-navigation {
	clear: both;
	overflow: hidden;
	margin: 0 0 3.5em;
	border: 1px solid #c5c5c5;
	border-width: 1px 0;
	font-family: "DIN Medium",Arial,Helvetica,sans-serif;
}

.post-navigation .nav-links > div{
	width:47%;
	float:left;
}

.post-navigation .nav-links > .nav-next{
	float:right;
	text-align:right;
}

.post-navigation a {
	display: block;
	padding: 1.75em 0;
	text-decoration: none;
}

.post-navigation .meta-nav {
	display: block;
}

.post-navigation .meta-nav {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
	text-decoration: underline;
}

.post-navigation .post-title {
	display: inline;
	font-size: 23px;
	font-size: 1.4375rem;
	line-height: 1.2173913043;
	text-rendering: optimizeLegibility;
	font-family: "DIN Medium";
}

.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
}

.post-navigation div + div {
}

.pagination {
	border-top: 4px solid #f72246;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 19px;
	font-size: 1.1875rem;
	margin: 0 0 2.947368421em;
	min-height: 56px;
	position: relative;
}

.pagination:before,
.pagination:after {
	background-color: #b9b9b9;
	content: "";
	height: 52px;
	position: absolute;
	top:0;
	width: 52px;
	z-index: 0;
}

.pagination:before {
	right: 0;
}

.pagination:after {
	right: 54px;
}

.pagination a:hover,
.pagination a:focus {
	color: #1a1a1a;
}

.pagination .nav-links {
	padding-right: 106px;
	position: relative;
}

.pagination .nav-links:before,
.pagination .nav-links:after {
	color: #fff;
	background: none;
	font-size: 32px;
	line-height: 51px;
	position: absolute;
	width: 52px;
	z-index: 1;
	opacity: 0.3;
}

.pagination .nav-links:before {
	content: "\f429";
	right: -1px;
}

.pagination .nav-links:after {
	content: "\f430";
	right: 55px;
}

/* reset screen-reader-text */
.pagination .current .screen-reader-text {
	position: static !important;
}

.pagination .page-numbers {
	letter-spacing: 0.013157895em;
	line-height: 1;
	margin: 0 0.7368421053em 0 -0.7368421053em;
	padding: 0.8157894737em 0.7368421053em 0.3947368421em;
	text-transform: uppercase;
	text-decoration: none;
	color: #f72246;
}

.pagination .current {
	display: inline-block;
	color: #000;
}

.pagination .prev,
.pagination .next {
	background-color: #f72246;
	color: #fff;
	display: inline-block;
	height: 52px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 52px;
	z-index: 2;
	text-decoration: none;
}

.pagination .prev:before,
.pagination .next:before {
	font-size: 32px;
	height: 53px;
	line-height: 52px;
	position: relative;
	width: 53px;
}

.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
	background-color: #1a1a1a;
	color: #fff;
}

.pagination .prev:focus,
.pagination .next:focus {
	outline: 0;
}

.pagination .prev {
	right: 54px;
}

.pagination .prev:before {
	content: "\f430";
	left: -1px;
	top: -1px;
}

.pagination .next {
	right: 0;
}

.pagination .next:before {
	content: "\f429";
	right: -1px;
	top: -1px;
}


/**
 * 11.3 - Post Formats
 */

.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.473684211;
	margin-bottom: 1.473684211em;
}

.blog .format-status .entry-title,
.archive .format-status .entry-title {
	display: none;
}


/**
 * 11.4 - Comments
 */

.comments-area {
	margin: 0 auto 3.5em;
	border-top: 1px solid #c5c5c5;
}

.comments-area p{
	margin-bottom:0;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
	padding-top: 1.75em;
}

.comments-title,
.comment-reply-title {
	font-size: 23px;
	font-size: 1.4375rem;
	line-height: 1.3125;
	padding-top: 1.217391304em;
	text-align: left;
}

.comments-title {
	margin-bottom: 1.217391304em;
}

.comment-list {
	list-style: none;
	margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid #d1d1d1;
	padding: 1.75em 0;
}

.comment-list .children {
	list-style: none;
	margin: 0;
}

.comment-list .children > li {
	padding-left: 0.875em;
}

.comment-author {
	color: #1a1a1a;
	margin-bottom: 0.4375em;
}

.comment-author .avatar {
	float: left;
	height: 28px;
	margin-right: 10px;
	position: relative;
	width: 28px;
	display: block;
}

.bypostauthor > article .fn:after {
	content: "\f304";
	left: 3px;
	position: relative;
	top: 5px;
}

.comment-metadata,
.pingback .edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
}

.comment-metadata {
	margin-bottom: 2.1538461538em;
}

.comment-metadata a,
.pingback .comment-edit-link {
	color: #686868;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
	color: #007acc;
}

.comment-metadata .edit-link,
.pingback .edit-link {
	display: inline-block;
}

.comment-metadata .edit-link:before,
.pingback .edit-link:before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 1.5em 1.25em;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-reply-link {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	color: #007acc;
	display: inline-block;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
	margin-top: 2.1538461538em;
	padding: 0.5384615385em 0.5384615385em 0.4615384615em;
	text-decoration: none !important;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
	border-color: currentColor;
	color: #007acc;
	outline: 0;
}

.comment-form {
	padding-top: 1.75em;
}

.comment-form label {
	color: #686868;
	display: block;	
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
}

.comment-list .comment-form {
	padding-bottom: 1.75em;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin-bottom: 2.1538461538em;
}

.no-comments {
	border-top: 1px solid #d1d1d1;	
	font-weight: 700;
	margin: 0;
	padding-top: 1.75em;
}

.comment-navigation + .no-comments {
	border-top: 0;
	padding-top: 0;
}

.form-allowed-tags code {
	font-family: Inconsolata, monospace;
}

.form-submit {
	margin-bottom: 0;
	margin-top: 20px;
}

.required {
	color: #007acc;	
}

.comment-reply-title small {
	font-size: 100%;
}

.comment-reply-title small a {
	border: 0;
	float: right;
	height: 32px;
	overflow: hidden;
	width: 26px;
}

.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
	color: #1a1a1a;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
	position: relative;
	top: -5px;
}


/**
 * 11.5 - Sidebar
 */

.sidebar {
	margin-bottom: 3.5em;
	padding: 80px 0 0 30px;
}



/**
 * 12.0 - Media
 */

.site .avatar {
	border-radius: 50%;
}

.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
	display: block;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	margin-bottom: 1.75em;
	max-width: 100%;
	vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
	box-shadow: none;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
	margin-top: 0;
	margin-bottom: 1.75em;
}

.wp-playlist.wp-audio-playlist {
	padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
	margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
	border-bottom: 0;
	padding: 0.7142857143em 0;
}

.wp-playlist-item .wp-playlist-item-length {
	top: 0.7142857143em;
}


/**
 * 12.1 - Captions
 */

.wp-caption {
	margin-bottom: 1.75em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption .wp-caption-text {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}


/**
 * 12.2 - Galleries
 */

.gallery {
	margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	padding: 0 1.1400652% 2.2801304%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #686868;
	display: block;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}






/*=============================================================================

MEDIA QUERIES

=============================================================================*/


@media only screen and (max-width: 1200px) {
	.top-announcement{ padding: 8px 0;}
	.top-announcement h2{ font-size: 1.8em;}
	.top-announcement h5{ font-size: 1em;}
}



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

	body{
		font-size:14px;
	}

	.hh-feature{
		font-size:12px;
	}

	.hh-feature .hh-feature-details{
		max-width: 35%;
	}

	.help-box{
		position:relative !important;
		top:auto !important;
		width: auto !important;
	}

	.content-area{
		padding-right:20px;
	}

	.sidebar{
		padding-left: 20px;
	}

}

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

	.banner.-banner-home:before{
		width: 48%;
	}
	
	.site-footer .float-left, .site-footer .float-right{
		float: none;
	}

	.footer-logo{
		position: relative;
		top: auto;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.copyright {
		text-align: center;		
	}

	.footer-nav{
		text-align: center;
	}

	.footer-nav li{
		float: none;
		display: inline-block;
		margin: 8px 6px;
	}

	.hh-results .amount{
		font-size:3.5em;
	}

}

@media only screen and (max-width: 768px) {
	body{
		font-size:12px;
	}

	body.nav-open .site-header{
		box-shadow:none;
		background-color: #f33646;
	}

	body.nav-open .site-header.-inversed{
		background-color:#f72246;
	}

	.main-nav .main-nav-items{
		position: absolute;
		left: 0;
		right: 0;
		margin-top: 19px;
		padding: 15px 0 10px;
		background: #f33646;
		z-index: 1000;
	}

	body.nav-open .main-nav .main-nav-items{
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15);
	border-top: 1px solid rgba(255,255,255,0.2);
	}

	.top-announcement .announcement-cta .button{ width: auto;}

	.main-nav .main-nav-items li{
		display: block;
		margin: 0;
		float: none;		
	}

	.main-nav .main-nav-items li a{
		padding: 5px 20px;
	}

	.main-nav ul li a:before{
		display: none;
	}

	.main-nav ul li.active a{
		color:#000 !important;
	}

		.hh-member{
		margin-top: 30px;
	}

	.hh-member .member-desc{
		height: auto;
	}

	.post-navigation .nav-links > div{
		width:100%;
		text-align: left !important;
		float: none;
	}

	.hh-results{
		padding:0;
		background: none !important;
	}

	.hh-results .amount{
		font-size:5em;
	}

	.hh-results h4{
		margin-bottom:0;
	}

	.hh-results .hh-results-title{
		margin-top: 55px;
		margin-bottom: 27px;
	}

	.calculator-heading{
		min-height:0;
	}

}

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

	h1{
		font-size:2em;
	}

	h2{
		font-size:1.8em;
	}

	h3{
		font-size:1.4em;
	}

	h4{
		font-size:1.2em;
	}

	.banner.-internal-banner{
		height: 260px;
		padding-top: 90px;
		padding-bottom: 20px;
	}


	.block{
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.site-header{
		position: relative;
		margin-bottom: -70px;
	}

	.main-nav .mobile-nav-btn{
		padding: 7px 10px;
	}

	.site-logo img{
		width: 150px;
	}

	.hh-feature{
		font-size:10px;
		margin-bottom: 15px;
	}

	.banner.-banner-home:before{
		display: none;
	}

	.banner.-banner-home{
		height: auto;
	}

	.hh-results{
		padding: 25px 0;
	}

	.in-the-news-list .news-logo{
		width: 75px;
	}

	.in-the-news-list .news-entry{
		margin-bottom: 15px;
	}

	.content-area, .sidebar{
		width:auto;
		float:none;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}

	.hh-demo-mac{
		top:-40px;
		margin-bottom: -20px;
	}

}

@media only screen and (max-width: 450px) {
	.button, input[type="submit"]{
		padding-left: 10px;
		padding-right: 10px;
		width:100%;
	}
	
	.top-announcement .announcement-desc, .top-announcement .announcement-cta{ display: block;}

	.top-announcement .announcement-cta{text-align: left; padding-left: 0; padding-top: 10px;}

	.top-announcement .button{
		height: 40px; line-height: 40px; font-size: 1.2em;
	}

}











/*=============================================================================

GRIDS

=============================================================================*/

/* 
grid sizes suffixes:

xl < 1500px
lg < 1200px
md < 1024px
sm < 768px
xs < 600px
xxs < 450px

*/

.grid { position: relative; }

[class*='grid_'] {float: left; position: relative;}

.grid.-spacing-sm{margin-left: -2px; margin-right: -2px;}

.grid.-spacing-sm > [class*='grid_'] {padding-left: 2px; padding-right: 2px; margin-bottom:4px;}

.grid.-spacing-md{margin-left: -17px;margin-right: -17px;}

.grid.-spacing-md > [class*='grid_'] {padding-left: 17px;padding-right: 17px;}

.grid.-spacing-lg{margin-left: -25px; margin-right: -25px;}

.grid.-spacing-lg > [class*='grid_'] {padding-left: 25px; padding-right: 25px; }

.float-right[class*='grid_'] { float: right; }

.grid_1 { width: 100%; }

.grid_1-2 { width: 50%; }

.grid_1-3 { width: 33.33%; }

.grid_2-3 { width: 66.66%; }

.grid_1-4 { width: 25%; }

.grid_3-4 { width: 75%; }

.grid_1-5 { width: 20%; }

.grid_4-5 { width: 80%; }

.grid_1-6 { width: 16.66%; }

._invisible{ display:none;}


@media only screen and (max-width: 1500px) {
	
	/* grids */

	.grid_1-xl{ width:100%;}
	.grid_1-2-xl{ width:50%;}
	.grid_1-3-xl{ width:33.33%;}
	.grid_2-3-xl{ width: 66.66%;}
	.grid_1-4-xl{ width:25%;}
	.grid_3-4-xl{ width: 75%;}
	.grid_1-5-xl{ width:20%;}	
	.grid_4-5-xl { width: 80%; }
	.grid_1-6-xl{ width:16.66%;}

	._invisible-xl{ display:none;}
	._visible-xl{ display:block;}
	._visible-xl-inline{ display:inline-block;}
	
	._no-pd-xl{ padding:0 !important;}
	._no-mg-xl{ margin:0 !important;}
	
}


@media only screen and (max-width: 1200px) {
	
	/* grids */

	.grid_1-lg{ width:100%;}
	.grid_1-2-lg{ width:50%;}
	.grid_1-3-lg{ width:33.33%;}
	.grid_2-3-lg{ width: 66.66%;}
	.grid_1-4-lg{ width:25%;}
	.grid_3-4-lg{ width: 75%;}
	.grid_1-5-lg{ width:20%;}	
	.grid_4-5-lg { width: 80%; }
	.grid_1-6-lg{ width:16.66%;}

	._invisible-lg{ display:none;}
	._visible-lg{ display:block;}
	._visible-lg-inline{ display:inline-block;}
	
	._no-pd-lg{ padding:0 !important;}
	._no-mg-lg{ margin:0 !important;}
	
}

@media only screen and (max-width: 1024px) {
	
	/* grids */

	.grid_1-md{ width:100%;}
	.grid_1-2-md{ width:50%;}
	.grid_1-3-md{ width:33.33%;}
	.grid_2-3-md{ width: 66.66%;}
	.grid_1-4-md{ width:25%;}
	.grid_3-4-md{ width: 75%;}
	.grid_1-5-md{ width:20%;}   
	.grid_4-5-md { width: 80%; }
	.grid_1-6-md{ width:16.66%;}

	._invisible-md{ display:none;}
	._visible-md{ display:block;}
	._visible-md-inline{ display:inline-block;}
	
	._no-pd-md{ padding:0 !important;}
	._no-mg-md{ margin:0 !important;}

}

@media only screen and (max-width: 768px) {
	
	/* grids */

	.grid_1-sm{ width:100%;}
	.grid_1-2-sm{ width:50%;}
	.grid_1-3-sm{ width:33.33%;}
	.grid_2-3-sm{ width: 66.66%;}
	.grid_1-4-sm{ width:25%;}
	.grid_3-4-sm{ width: 75%;}
	.grid_1-5-sm{ width:20%;}   
	.grid_4-5-sm { width: 80%; }
	.grid_1-6-sm{ width:16.66%;}

	._invisible-sm{ display:none;}
	._visible-sm{ display:block;}
	._visible-sm-inline{ display:inline-block;}

	._no-pd-sm{ padding:0 !important;}
	._no-mg-sm{ margin:0 !important;}

}

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

._mg-b-xs{margin-bottom: 7px !important;}

._mg-b-sm{margin-bottom: 15px !important;}

._mg-b-md{margin-bottom: 25px !important;}

._mg-b-lg{margin-bottom: 40px !important;}

._mg-b-xl{margin-bottom: 60px !important;}

._mg-t-xs{margin-top: 7px !important;}

._mg-t-sm{margin-top: 15px !important;}

._mg-t-md{margin-top: 25px !important;}

._mg-t-lg{margin-top: 40px !important;}

._mg-t-xl{margin-top: 60px !important;}


._pd-b-xs{padding-bottom: 7px !important;}

._pd-b-sm{padding-bottom: 15px !important;}

._pd-b-md{padding-bottom: 25px !important;}

._pd-b-lg{padding-bottom: 40px !important;}

._pd-b-xl{padding-bottom: 60px !important;}

._pd-t-xs{padding-top: 7px !important;}

._pd-t-sm{padding-top: 15px !important;}

._pd-t-md{padding-top: 25px !important;}

._pd-t-lg{padding-top: 40px !important;}

._pd-t-xl{padding-top: 60px !important;}

	/* grids */
	
	.grid_1-xs{ width:100%;}
	.grid_1-2-xs{ width:50%;}
	.grid_1-3-xs{ width:33.33%;}
	.grid_2-3-xs{ width: 66.66%;}
	.grid_1-4-xs{ width:25%;}
	.grid_3-4-xs{ width: 75%;}
	.grid_1-5-xs{ width:20%;}   
	.grid_4-5-xs { width: 80%; }
	.grid_1-6-xs{ width:16.66%;}

	._invisible-xs{ display:none;}
	._visible-xs{ display:block;}
	._visible-xs-inline{ display:inline-block;}

	._no-pd-xs{ padding:0 !important;}
	._no-mg-xs{ margin:0 !important;}

	/* general styles */

	.wrap{ padding-left:15px; padding-right:15px;}

}

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

	/* grids */

	.grid_1-xxs{ width:100%;}
	.grid_1-2-xxs{ width:50%;}
	.grid_1-3-xxs{ width:33.33%;}
	.grid_2-3-xxs{ width: 66.66%;}
	.grid_1-4-xxs{ width:25%;}
	.grid_3-4-xxs{ width: 75%;}
	.grid_1-5-xxs{ width:20%;}   
	.grid_4-5-xxs { width: 80%; }
	.grid_1-6-xxs{ width:16.66%;}
	
	._invisible-xxs{ display:none !important;}
	._visible-xxs{ display:block !important;}
	._visible-xxs-inline{ display:inline-block !important;}

	._no-pd-xxs{ padding:0 !important;}
	._no-mg-xxs{ margin:0 !important;}
	
}