@font-face{
    font-family:'icomoon';
    src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SAywAAAC8AAAAYGNtYXAaVcxZAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZjAeVDIAAAFwAAABzGhlYWQFJeYbAAADPAAAADZoaGVhB8IDyAAAA3QAAAAkaG10eA4AADgAAAOYAAAAHGxvY2EAzgFgAAADtAAAABBtYXhwAAoAMAAAA8QAAAAgbmFtZVcZpu4AAAPkAAABRXBvc3QAAwAAAAAFLAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYC//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQA4/9oDyAOIACYAAAkBNjQnJgYHCQEmIgcGFhcJAQYUFx4BMzI2NwkBHgEzMjY3NjQnAQKKAT4bGxtPIP7C/sIbTyAfBBsBPv7CGxsSJBISIg4BPgE+DSMSEiIOGxv+yAHAAT4bTyAfBBv+wgE4GxsbTyD+yP7CG08gCQ8QDgE4/sINERAOG08gAT4AAAAAAgAAAAAEAAKAABAALQAAASEiBhURFBYzITI2NRE0JiMHIxUzFSE1MzUhFTMVITUzNSM1IRUjFSE1IzUhFQPz/BoFCAgFA+YFCAgFgG1t/rp5/rR5/rptbQFGeQFMeQFGAoAIBf2aBQgIBQJmBQjG+lpgWlpZWfRgWk1HYGAAAAACAAAAgAQAAwAAEAAtAAABISIGFREUFjMhMjY1ETQmIwcjFTMVITUzNSEVMxUhNTM1IzUhFSMVITUjNSEVA/P8GgUICAUD5gUICAWAbW3+unn+tHn+um1tAUZ5AUx5AUYDAAgF/ZoFCAgFAmYFCMb6WmBaWllZ9GBaTUdgYAAAAAEAAAABAAClcKjgXw889QALBAAAAAAA0QNQ3gAAAADRA1DeAAD/2gQAA4gAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAcAAAAAAAAAAAAAAAACAAAABAAAOAQAAAAEAAAAAAAAAAAKABQAHgBmAKYA5gABAAAABwAuAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"),url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAWYAAsAAAAABUwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIDLGNtYXAAAAFoAAAATAAAAEwaVcxZZ2FzcAAAAbQAAAAIAAAACAAAABBnbHlmAAABvAAAAcwAAAHMMB5UMmhlYWQAAAOIAAAANgAAADYFJeYbaGhlYQAAA8AAAAAkAAAAJAfCA8hobXR4AAAD5AAAABwAAAAcDgAAOGxvY2EAAAQAAAAAEAAAABAAzgFgbWF4cAAABBAAAAAgAAAAIAAKADBuYW1lAAAEMAAAAUUAAAFFVxmm7nBvc3QAAAV4AAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gIDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmAv/9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAOP/aA8gDiAAmAAAJATY0JyYGBwkBJiIHBhYXCQEGFBceATMyNjcJAR4BMzI2NzY0JwECigE+GxsbTyD+wv7CG08gHwQbAT7+whsbEiQSEiIOAT4BPg0jEhIiDhsb/sgBwAE+G08gHwQb/sIBOBsbG08g/sj+whtPIAkPEA4BOP7CDREQDhtPIAE+AAAAAAIAAAAABAACgAAQAC0AAAEhIgYVERQWMyEyNjURNCYjByMVMxUhNTM1IRUzFSE1MzUjNSEVIxUhNSM1IRUD8/waBQgIBQPmBQgIBYBtbf66ef60ef66bW0BRnkBTHkBRgKACAX9mgUICAUCZgUIxvpaYFpaWVn0YFpNR2BgAAAAAgAAAIAEAAMAABAALQAAASEiBhURFBYzITI2NRE0JiMHIxUzFSE1MzUhFTMVITUzNSM1IRUjFSE1IzUhFQPz/BoFCAgFA+YFCAgFgG1t/rp5/rR5/rptbQFGeQFMeQFGAwAIBf2aBQgIBQJmBQjG+lpgWlpZWfRgWk1HYGAAAAABAAAAAQAApXCo4F8PPPUACwQAAAAAANEDUN4AAAAA0QNQ3gAA/9oEAAOIAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAgAAAAQAADgEAAAABAAAAAAAAAAACgAUAB4AZgCmAOYAAQAAAAcALgACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKADQAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKADQAYwBpAGMAbwBtAG8AbwBuAFYAZQByAHMAaQBvAG4AIAAxAC4AMABpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuAFIAZQBnAHUAbABhAHIAaQBjAG8AbQBvAG8AbgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
    font-weight:normal;
    
}    
font-style:normal[class^="icon-"],[class*=" icon-"]
{
    speak:none;
    line-height:1;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    font-family:'icomoon';-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased
}

/*.icon-close:before{content:"\e600"}*/
.icon-hb-logo:before{content:"\e602"}
.icon-hb-text-logo:before{content:"\e601"}
.icon-phone{height:1.4em;vertical-align:middle;margin-right:0.5em}*,*:after,*:before{box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
html,body{margin:0;padding:0;font-size:14px;font-family:'Open Sans', 'Helvetica', sans-serif;}
form{margin:0}
#hellobar-bar,#hellobar-modal,#hellobar-slider,#hellobar-takeover{
    width:100%;
    color:#5c5e60;
    position:relative;
    background-color:white;
    box-shadow:0 1px 3px 2px rgba(0,0,0,0.15)
}
#hellobar-modal,#hellobar-slider{
    max-height: calc(100% - 100px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius:2px;
}
#hellobar-modal .hb-header,#hellobar-slider .hb-header,#hellobar-takeover .hb-header{
    width:100%;height:7px;
}
#hellobar-modal .hb-header,#hellobar-takeover .hb-header{
    top:0;
    left:0;
    position:absolute;
}
#hellobar-modal .hb-header,#hellobar-slider .hb-header{
    border-top-left-radius:2px;
    border-top-right-radius:2px;
}

#hellobar-bar .icon-close,#hellobar-modal .icon-close,#hellobar-slider .icon-close,#hellobar-takeover .icon-close{
        top:15px;
        right:10px;
        width:15px;
        height:15px;
        opacity:0.6;
        color:#000000;
        cursor:pointer;
        position:absolute;
        text-align:center;line-height:15px;transition:opacity 0.25s ease, visibility 0.1s ease 0.25s;-o-transition:opacity 0.25s ease, visibility 0.1s ease 0.25s;-ms-transition:opacity 0.25s ease, visibility 0.1s ease 0.25s;-moz-transition:opacity 0.25s ease, visibility 0.1s ease 0.25s;-webkit-transition:opacity 0.25s ease, visibility 0.1s ease 0.25s
    }
#hellobar-bar .icon-close:hover,#hellobar-modal .icon-close:hover,#hellobar-slider .icon-close:hover,#hellobar-takeover .icon-close:hover{opacity:0.4}
#hellobar-modal .icon-close,#hellobar-slider .icon-close{top:15px;right:10px}
#hellobar-bar.dark .icon-close,#hellobar-modal.dark .icon-close,#hellobar-slider.dark .icon-close,#hellobar-takeover.dark .icon-close{color:#ffffff;opacity:0.8;text-shadow:2px 2px 5px rgba(0,0,0,0.2);-moz-text-shadow:2px 2px 5px rgba(0,0,0,0.2);-webkit-text-shadow:2px 2px 5px rgba(0,0,0,0.2)}
.hb-content-wrapper{text-align:center;position:relative}
.hb-cta-style-button{opacity:1;color:#fff;display:block;cursor:pointer;line-height:1.4;max-width:22.5em;text-align:center;position:relative;border-radius:3px;white-space:nowrap;margin:1.75em auto 0;text-decoration:none;padding:0.67em 1.33em;overflow:hidden}
.hb-cta-style-button:hover{opacity:0.9}
.mobile .hb-cta-style-button{white-space:normal}
.hb-text-wrapper{line-height:1.3}
.hb-text-wrapper .hb-headline-text{font-size:1.25em}
.hb-text-wrapper .hb-secondary-text{margin-top:5px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
.hb-input-wrapper .hb-input-block{width:100%;position:relative;vertical-align:middle;margin-bottom:10px}
.hb-input-wrapper .hb-input-block label{display:none}
.hb-input-wrapper .hb-input-block input{width:100%;height:3em;outline:none;color:#5c5e60;padding:0 10px;font-size:0.9em;border-radius:2px;border:1px solid #e0e0e0;appearance:none;-o-appearance:none;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-webkit-transition:border-color 0.2s ease}
.hb-input-wrapper .hb-input-block input:focus{border-color:#b2b2b2}
.hb-input-wrapper .hb-cta{margin-top:1.25em}
.hb-logo-wrapper{opacity:0.3}
.hb-logo-wrapper:hover{opacity:0.6}
.hb-logo-wrapper a{color:#5c5e60;text-decoration:none}
.hb-logo-wrapper{font-family:'Open Sans',sans-serif;transition:opacity 0.2s ease;-o-transition:opacity 0.2s ease;-ms-transition:opacity 0.2s ease;-moz-transition:opacity 0.2s ease;-webkit-transition:opacity 0.2s ease}
.hb-logo-wrapper.pb2l svg,.hb-logo-wrapper.powered_by svg,.hb-logo-wrapper.gethb_no_track svg,.hb-logo-wrapper.not_using_hb svg,.hb-logo-wrapper.add_hb svg,.hb-logo-wrapper.gethb svg{transform:translateY(3px);-o-transform:translateY(3px);-ms-transform:translateY(3px);-moz-transform:translateY(3px);-webkit-transform:translateY(3px)}
.hb-logo-wrapper .hb-logo-line{display:inline;line-height:1.15;white-space:nowrap}
.hb-logo-wrapper .animated{-webkit-animation:logo-spin 10.5s ease-in-out infinite;-moz-animation:logo-spin 10.5s ease-in-out infinite;animation:logo-spin 10.5s ease-in-out infinite;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:visible;backface-visibility:visible}
.hb-logo-wrapper .animated:hover{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;animation-play-state:paused}
.hb-paused-animations-ie .hb-logo-wrapper .animated{animation-play-state:paused}

#hellobar-slider{
    font-size:14px;
    max-width:380px;
    position:absolute;
    width:95%;min-height:120px;
    z-index: 999;
}
#hellobar-slider.show-branding .slider-content{
    padding-bottom:38px;
}
#hellobar-slider .slider-content{
    padding:18px 25px 20px;
}
#hellobar-slider .hb-content-wrapper{
    text-align:left;
}

#hellobar-slider .hb-headline-text{
    font-size:100%;
}

#hellobar-slider .hb-secondary-text{
    font-size:0.85em;
}
#hellobar-slider .icon-close{
    font-size:26px;
    color:#ffffff;
}
#hellobar-slider.closable .icon-close{
    display:inline;
    font-size:10px;
}

#hellobar-slider.image-top .icon-close,#hellobar-slider.image-right .icon-close{
    top:10px;
    right:3px;
}
#hellobar-slider.image-top .slider-content,#hellobar-slider.image-right .slider-content{
    padding-right:20px;
}
#hellobar-slider .hb-cta-style-button{
    margin:12px 0 0 0;
    display:inline-block;
    padding:0;font-size:0.95em;
}
#hellobar-slider .hb-cta-style-button .hb-text-holder{
    border-radius:inherit;
    padding:6px 20px;
}
#hellobar-slider .hb-logo-wrapper{font-size:10px;text-transform:uppercase;margin:5px 25px 10px 20px}
#hellobar-slider .hb-logo-wrapper.original,#hellobar-slider .hb-logo-wrapper.animated{
        opacity:0.2;
        position:absolute;
        right:-16px;
        bottom:0px
    }
#hellobar-slider .hb-logo-wrapper.original:hover,#hellobar-slider .hb-logo-wrapper.animated:hover
{
    opacity:0.4;
}
#hellobar-slider .hb-logo-wrapper.original svg,#hellobar-slider .hb-logo-wrapper.animated svg{
        width:3em;
        height:1.95em;
        border-radius:3px
}
#hellobar-slider .hb-logo-wrapper{
        text-transform:uppercase;
}
#hellobar-slider .answer{
    margin-right:1em;
}
#hellobar-slider.image-top .hb-image-wrapper{
    padding-bottom:20px;
}
#hellobar-slider.image-bottom .hb-image-wrapper{
    padding-top:20px;
}
#hellobar-slider .hb-input-wrapper{
    max-width:100%;
    margin:1.33em auto 0;
}
#hellobar-slider .hb-input-wrapper .hb-input-block input{
    font-size:11px;
    height:30px;
}
#hellobar-slider .hb-input-wrapper .hb-cta{
    display:block;
    max-width:100%;
    margin-top:0.67em;
}
#hellobar-slider .hb-input-wrapper.hb-both-inputs .hb-input-block{
    width:49.5%;
    display:inline-block;
}
#hellobar-slider .hb-input-wrapper.hb-both-inputs .hb-input-block:first-child{
    margin-right:0.67%;
}
#hellobar-slider .hb-input-wrapper.hb-both-inputs .hb-input-block+.hb-input-block{
    margin-top:0;
    margin-left:-4px;
}
#hellobar-slider .hb-social-wrapper{margin-bottom:0}
#hellobar-slider.top-left,#hellobar-slider.top-right{top:20px}
#hellobar-slider.bottom-left,#hellobar-slider.bottom-right{bottom:20px}
#hellobar-slider.top-right,#hellobar-slider.bottom-right{right:20px}
#hellobar-slider.top-right .hb-text-wrapper,#hellobar-slider.bottom-right .hb-text-wrapper{
    padding-right:1.67em;
}
#hellobar-slider.top-right .hb-social-wrapper.hb-twitter-wrapper #widget,#hellobar-slider.bottom-right .hb-social-wrapper.hb-twitter-wrapper #widget{
    text-align:right;
}
#hellobar-slider.top-left,#hellobar-slider.bottom-left{left:1em}
#hellobar-slider.mobile{left:6%;width:88%;right:auto;text-align:center}
#hellobar-slider.mobile.top-left,#hellobar-slider.mobile.top-right{top:6%;bottom:auto}
#hellobar-slider.mobile.bottom-left,#hellobar-slider.mobile.bottom-right{top:auto;bottom:6%}
#hellobar-slider.mobile .hb-logo-wrapper .hb-logo-line{display:block}
#hellobar-slider.mobile .hb-input-wrapper.hb-both-inputs input{width:100%;display:block}
#hellobar-slider.mobile .hb-input-wrapper.hb-both-inputs input+input{
        margin-left:0;
        margin-top:-1px;
}
#hellobar-slider .uploaded-image{max-height:200px}
#hellobar-slider.image-left .hb-image-wrapper,#hellobar-slider.image-right .hb-image-wrapper{text-align:center}
#hellobar-slider.image-left .image-clear-fix,#hellobar-slider.image-right .image-clear-fix{display:block;clear:both;content:''}


.page-banner.strategy {
	background: url(../images/strategy-banner.jpg);
}
.strategy-left {
    background-color: #ebebeb;
    max-width: 300px;
}
.strategy-left .head {
	color: #0a4275;
}
.strategy-right .main-box {
	border: 1px solid #cccccc;
	border-top: 7px solid #87c72e;
	margin-bottom: 40px;
	padding: 30px 30px 40px 30px;
	box-shadow: 0 0 10px #cecece;
}
.strategy-right .main-box:last-child {
	margin-bottom: 200px;
}
.head-sec {
    display: inline-block;
    width: 100%;
}
.head-sec .icon, .head-sec .head-text  {
	float: left;	
}
.head-sec .icon {
    width: 14%;
}
.head-sec .head-text {
    width: 86%;
}
.head-sec .title {	
	color: #87c72e;
}
.head-sec a.take, .st-tab a.download {
	color: #000;
}
.head-sec a.take:hover, .st-tab a.download:hover {
    color: #00bb59;
}

.st-tab {
    position: relative;
    margin-bottom: 1px;
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}
.st-tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.st-tab label {
    position: relative;
    display: inline-block;
    padding: 15px 30px 15px 0;
    font-weight: bold;
    line-height: 50px;
    cursor: pointer;
    width: 100%;
    border-bottom: 1px solid #cccccc;
}
.st-tab label:hover {
	color: #00bb59;
}
.st-tab label img {
    float: left;
    margin: 6px 12px 0 0;
}
.st-tab .tab-content { 
    overflow: hidden;
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s;
    background-color: #fff;
    position: relative;
    padding-left: 35px;
}
/*
/* :checked */
.tab-content {
    display:none;
    max-height: 30em;
    border-bottom: 1px solid #cccccc;
    padding: 25px 0 30px 35px;
    margin-top: -20px;
    background-color: #fff;
}
/* Icon */
.st-tab label::after {
    position: absolute;
    right: 10px;
    top: 12px;
    display: block;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}
.st-tab input[type=radio] + label::after {
  content: "+";
}
.st-tab input[type=radio]:checked + label::after {
  content: "-";
}
.strategy-left .st-tab {
    margin-top: 0;
}
.strategy-left .st-tab label {
    border: none;
    line-height: 24px;
    font-weight: normal;
    padding: 15px 30px 15px 0;
    color: #1693d3;
}
.strategy-left .st-tab label:hover {
    color: #0a4275;
}
.st-tab .tab-content {
    background-color: transparent;
    padding-left: 0;
}
.strategy-left .st-tab input:checked ~ .tab-content {
    border-bottom: none;
    padding: 10px 0;
    background-color: transparent;
    margin-top: -10px;
}
.strategy-left .st-tab a.download:hover {
    color: #1693d3;
}


@media screen and (max-width: 1362px) {
}
@media screen and (max-width: 992px) {
	.strategy-left, .strategy-right {
	    height: auto !important;
	}
}
@media screen and (max-width: 767px) {
	.head-sec .icon {
	    width: 17%;
	}
	.head-sec .head-text {
	    width: 83%;
	}
}
@media screen and (max-width: 479px) {
	.head-sec .icon, .st-tab label img {
	    display: none;
	}
	.head-sec .head-text {
	    width: 100%;
	}
	.st-tab {
	    margin-top: 0;
	}
	.st-tab label {
	    line-height: 28px;
	}
	.st-tab input:checked ~ .tab-content {
	    padding: 20px 0 30px 0;
	    height: auto;
	    max-height: 1000px;
	}
}