.marketing-pages #main-content h1{ margin-bottom:0;color:#1c4968;font-family: "Roboto Condensed",arial,sans-serif;font-size: 3.15em;font-weight: bold;margin-top: 0px;}
.marketing-pages #main-content h3 {font-family:"Roboto Condensed",arial,sans-serif;text-transform:uppercase;font-weight:700;margin-top:4%; font-size:1.35em;}
.marketing-pages #main-content h4 { font-size:1.12em;}
.marketing-pages #main-content h1+h4 {color:#1c4968; line-height:1.5em;}
.marketing-pages #faqs-wrapper h1 {margin-bottom:2%;}
.marketing-pages .modal{ overflow: visible !important;overflow-y:visible !important;} 


.enhance {color:#111;}
.right {float:right;}
.left {float:left;}
.larger {font-size:1.25em;}
.btn-livechat { position:absolute; top:20px; right:20px;}

img.marketing-image {margin:0;max-width:100% !important;height:auto;}
img.subjects-image {margin:0 0 0 20px;float:right;}

#main-content {background-color:#FDFDFE;padding: 3% !important; position:relative;}
#main-content div#faqs-wrapper h3 {text-transform:none;}

/* PRICING page */

#pricing-boxes {margin:3.5% auto 2% 8%;}
#pricing-boxes .single-box {height: 500px; width:30%; margin-right:4%; margin-left: 9%; float:left; background-color:#ffffff; text-align:center;box-shadow: 0px 0px 15px -10px rgba(82,82,82,0.79); border:1px solid #f0f0f0; }
#pricing-boxes .single-box:nth-child(1) {width:30%;}
#pricing-boxes .single-box:last-child {margin-right:0;}
#pricing-boxes .single-box h2 {background-color:#1c4968; color:#ffffff; font-size:1.75em;font-family:"Roboto Condensed",arial,sans-serif; padding:12px 0; margin:0;}
#pricing-boxes .single-box:nth-child(1) h2 { background-color:#12b7b9;}
#pricing-boxes .single-box:nth-child(2) h2 {background-color:#86b120;}
#pricing-boxes .single-box .btn-box {background-color:#1c4968; display:block !important; padding:8px 0; color:#ffffff; font-weight:bold; margin:5%; font-size:1.1em; text-decoration:none;  }
#pricing-boxes .single-box .btn-box:hover {opacity:0.8;}
#pricing-boxes .single-box:nth-child(1) .btn-box { background-color:#12b7b9; }
#pricing-boxes .single-box:nth-child(2) .btn-box {background-color:#86b120;}
#pricing-boxes .single-box h4 {height: 105px; font-size:1em; line-height:1.5em; margin:9% 5%; opacity:0.75;}
#pricing-boxes .single-box h4 a { display:block; color:#778291; text-decoration:underline; font-weight:bold; font-size:0.9em;}
#pricing-boxes .single-box h4 a:hover {opacity:0.6;}
#pricing-boxes .single-box:nth-child(1) .primary-plan {color:#12b7b9;}
#pricing-boxes .single-box:nth-child(2) .primary-plan, #pricing-boxes .primary-plan a {color:#86b120;}
#pricing-boxes .single-box:nth-child(2) .primary-plan { position:relative; top:25%;}
#pricing-boxes .primary-plan { font-size:2.5em;  }
#pricing-boxes .primary-plan .per-tag { font-size:0.6em;}
#pricing-boxes .primary-plan .for-tag { font-size:0.4em; color:#778291;  display:block;}
#pricing-boxes .additional-plans {border-top:4px solid #ebf0f4; margin:12% 5% 5% 5%;}
#pricing-boxes .additional-plans .secondary-plan{width:48%; float:left;}
#pricing-boxes .additional-plans .secondary-plan:first-child {width:48%; float:left;}
#pricing-boxes .additional-plans .secondary-plan:last-child {width:48%; float:right;}
#pricing-boxes .secondary-plan h6 {font-size:1em;}
#pricing-boxes .secondary-plan p {font-size:1.5em; line-height:0.9em;}
#pricing-boxes .secondary-plan .per-tag {font-size:0.65em;}
#pricing-boxes .secondary-plan .as-low-tag,
#pricing-boxes .secondary-plan .for-tag {font-size:0.5em; display:block; text-align:center; opacity:0.6; font-style: italic;}
#pricing-boxes .secondary-plan .contact-tag a { color:#778291; margin-top: 20%; display:block;}

@media (min-width:1151px) and (max-width:1231px) {
#pricing-boxes {margin-left:5%;}
#pricing-boxes .single-box {width:29.5%; margin-right:3%;}
}

@media (min-width:780px) and (max-width:1150px) {
#pricing-boxes {margin-left:0;}
#pricing-boxes .single-box {width:32%; margin-right:2%;}
}


/* CUSTOM page */
#main-content .custom-options { padding:1% 2%;}
#main-content .custom-options h3 {margin:0; text-transform:none; font-size:1.75em; margin:2% 0 1% 0;width:48%;}
#main-content .custom-options h3 span { display:block; color:#e37252; font-size:0.6em; font-weight:normal;}
#main-content .custom-options p {margin:0; width:48%; line-height:1.7em;}
.custom-options .align-right { float:right;}
.custom-options .align-left { float:left;}
.custom-options .btn-cta {bottom: 35px;  position: absolute;}
.custom-options .btn-cta.align-right { right:0;} 
.custom-options .view-sample { display:block;}

@media (min-width:780px) and (max-width:1150px) {
.custom-options .align-right, .custom-options .align-left { width:40%;}
.custom-options .btn-cta { position:static;}	
}

/* WEBINARS page */

/* WEbinars page */
.webinar-block .align-left { float:left; width:49%;}
.webinar-block .align-right { float:right; width:49%;}
.webinar-block .align-left.image { width:40%;}
.webinar-block .align-right.text {  width:59%;}
.webinar-block .align-right.image { width:40%;}
.webinar-block .align-left.text {  width:59%;}
.webinar-block p {margin:25px;}
.webinar-block h3 {margin:25px;font-size: 1.75em !important;}
.webinar-block h3 span {text-transform: none;}


/* LANDING page */
.landing-pg #fm-header { margin:0;}
.landing-pg { background: url(images/bg-hero-blue.jpg) repeat-x;}



/* Hero */
#hero-banner {position:relative; text-align:left;padding:0; }
#hero-banner .container {height:700px; max-width:1400px;margin:0 auto; position:relative; z-index:4;   }
#hero-banner .column1 { float:left; width:49.99%; position:relative; z-index:2;}
#hero-banner .text-glow {background: url(/info/images/hero-txt-glow.png) 0 0 no-repeat; height:455px; width:767px; position:absolute;  z-index:1; top:-158px; left:-306px;}
#hero-banner .column2 {float:left; width:49.99%; text-align:center;background: url(/info/images/hero-video-glow.png) 22% -20px no-repeat; position:relative;}
#hero-banner .hero-bg { margin:0; padding:0; position: absolute;width:100%; }
#hero-banner .hero-bg li  {display:block; list-style-type:none; width:100%; position:absolute; height:700px;}
#hero-banner .hero-bg li.hero-bg-1 {background:url(/info/images/bg-hero-1.jpg) 43% 60% no-repeat #b9cee3; z-index:3;}
#hero-banner .hero-bg li.hero-bg-2 {background:url(/info/images/bg-hero-2.jpg) 47% 70% no-repeat #f0eee9; z-index:2;}
#hero-banner .hero-bg li.hero-bg-3 {background:url(/info/images/bg-hero-3.jpg) 50% 40% no-repeat #f8f5f0; z-index:1;}

#hero-banner .panel-inner-wrapper { position: absolute; top:28%; left:2.5%;width:97.5%;font-family: "Roboto Condensed",arial,sans-serif;} 
#hero-banner .panel-inner-wrapper h1 {font-size:3.5em;color:#1c4968;line-height:1em;text-shadow: 2px 2px 1px rgba(255, 255, 255, 0.5);}
#hero-banner .panel-inner-wrapper h1 #change-text {color:#127cc4;font-weight: 300;font-style:italic;}
#hero-banner .panel-inner-wrapper h1+p {text-shadow: 2px 2px 1px rgba(255, 255, 255, 0.5);font-size:1.5em; line-height:1.25em;font-weight: 300;margin: 2% 0; margin-bottom:4%; opacity:0.75; width:70%;}
#hero-banner .btn-primary {font-family:Arial, Helvetica, sans-serif;margin-right:2%;width:180px;}
#hero-banner .btn-primary.transparent {background-color:transparent;border:1px #1c4968 solid;color:#1c4968;}
#hero-banner .btn-primary.transparent:hover {background-color:rgba(255, 255, 255, 0.5);}
#hero-banner #btn-watchvideo {text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); max-width:150px; text-align:center; margin:12% 0 20% 24%; display:block; text-transform: uppercase; color:#1c4968; font-family:arial, sans-serif; font-weight:bold; }
#hero-banner #btn-watchvideo img {margin-bottom:5px;}
#hero-banner #btn-watchvideo:hover { opacity:0.8; cursor: pointer;}
#hero-banner .js-iframe-container { position:absolute; top:-12%; left:0; display:none; -webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.5));filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.5)); }
#hero-banner .js-iframe-container .btn-close:hover { color:#127cc4; cursor: pointer; opacity:0.7;}
#hero-banner .js-iframe-container .btn-close { position:absolute; z-index:6;background: none repeat scroll 0 0 #1c4968;  border-radius: 50%;  height: 23px; right: -5px; top: -12px;width: 24px;}
#hero-banner .js-iframe-container .btn-close .glyphicon-remove { position:absolute; z-index:7; top:5px; left:5px; color:#ffffff; }


/* Spacers */
.panel-spacer {text-align:center; background-color:#f7f8f9;padding:20px 0; color:#8c929b; border:1px solid #ebebeb; border-left:0; border-right:0;box-shadow: 0px 0px 15px -10px rgba(82,82,82,1); z-index:10; position:relative;}
.panel-spacer h1 {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#a7a7a7;text-transform:uppercase;margin-bottom:3%; margin-top:0;}
.panel-spacer h3 { text-transform:uppercase; color:#1c4968; font-size:1em; font-weight:bold; margin-top:0; }
.panel-spacer p {margin:0;}
.blue-text {color:#0f70b2;}

#spacer-1 { font-size:3em;line-height:1em;font-family: "Roboto Condensed",arial,sans-serif; font-weight:300;padding:40px 0;}
#spacer-1 h1 { margin:0; margin-top:2%;}
#spacer-2 {padding-bottom:5px ;}
#spacer-2 ul { list-style-type:none;}
#spacer-2 ul li { width:18.9%; margin-right:1%; display:inline-block; vertical-align:top;position:relative;}
#spacer-2 ul li:last-child { margin-right:0;}
#spacer-2 ul li p { font-size:0.9em;}
.list-screen-circle {background: none repeat scroll 0 0 #d9e1e7; color:#0f70b2;  border-radius: 50%;  height: 23px; left: 45%;  position: absolute; top: -30px;width: 24px;}

#spacer-3 li  { width:43%; margin-right:2%; padding-left:72px; display:inline-block; vertical-align:top; text-align:left; font-size:1.4em;  line-height:1.25em; position:relative;}
#spacer-3 li:last-child { margin-right:0;}
#spacer-3 li:before { content: "\201C"; opacity:0.2; position:absolute; left:-5px; font-size:10em;top: 66px;}
#spacer-3 li .quote-author {font-size:0.65em;font-style:italic; opacity:0.75; line-height:1.5em; display:block; text-align:right; margin-right:7%; margin-top:6px;}
#spacer-3 li .quote-author-org {font-size:0.9em;font-style:italic;  line-height:1.5em; display:inline-block;}

#spacer-4 { background-color:#1c4968; padding:30px 0;}
#spacer-4 h1 {font-family: "Roboto Condensed",arial,sans-serif;  text-transform: none; font-size:2em; color:#ffffff;}
#spacer-4 .btn-primary { width:180px; margin-right:2%;}
#spacer-4 .btn-primary:hover { opacity:0.8;}
#spacer-4 .btn-primary.white { background-color:#ffffff; color:#1c4968;}
#spacer-4 .btn-primary.transparent { background-color:transparent; border:1px solid #ffffff; }

/* Panels */
.landingpg-panel { text-align:center;font-family: "Roboto Condensed",arial,sans-serif; font-weight:300; font-size:1.5em;overflow:hidden;}
.landingpg-panel h1 { font-size:2.25em;color:#1c4968; padding-top:2.5%;}
.landingpg-panel h1+p {opacity:0.8;}
.landingpg-panel ul.slides { list-style-type:none; margin:0; padding:0;  width:100%; position:relative;}
.landingpg-panel ul.slides li { -webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.5));filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.5)); position:absolute; top:35px; left:0%; display: inline-block; text-align:center; width:100%;}

#panel-1 { background:url(/info/images/landing-bg-panel-1.jpg) 50% 70% no-repeat; height:680px; }
#panel-2 { background:url(/info/images/landing-bg-panel-2.jpg) 50% 80% no-repeat; height:642px;}
#panel-3 { background:url(images/landing-bg-panel-3.jpg) 50% 60% no-repeat; height:580px;}

#panel-1 .slides .active {  z-index:3;transform: translate3d(0,0,0);}
#panel-1 .slides .inactive-right { z-index:2; transform: translate3d(-80px,40px,-1px);}
#panel-1 .slides .inactive-left { z-index:1; transform: translate3d(80px,40px,-1px);}

#panel-1 ul.slides .inactive-right img, #panel-1 ul.slides .inactive-left img { max-width:79%;}
#panel-1 ul.slides .inactive-right:after,
#panel-1 ul.slides .inactive-left:after {content:'\A';position:absolute;max-width: 930px; width:79%; height:96%; top:4%; background:rgba(0,0,0,0.5); z-index:5;  display: inline-block; text-align:center;   left:50%;transform: translateX(-50%);}
#panel-1 ul.slides li.active:after { background: transparent; }


/* PARALLAX */
.parallax-mirror:nth-child(1) .parallax-slider { background:url(/info/images/landing-bg-panel-3.jpg) 50% 50% no-repeat; height:900px; width:2200px;}
.parallax-mirror:nth-child(2) .parallax-slider { background:url(/info/images/landing-bg-panel-2.jpg) 50% 50% no-repeat; height:900px; width:2200px;}
.parallax-mirror:nth-child(3) .parallax-slider { background:url(/info/images/landing-bg-panel-1.jpg) 50% 50% no-repeat; height:900px; width:2200px;}
.parallax-mirror:nth-child(4) .parallax-slider { background:url(/info/images/bg-hero-2.jpg) 50% 50% no-repeat; height:800px; width:2200px;}
.parallax-mirror:nth-child(5) .parallax-slider { background:url(/info/images/bg-hero-3.jpg) 50% 50% no-repeat; height:800px; width:2200px;}
.parallax-mirror:nth-child(6) .parallax-slider { background:url(/info/images/bg-hero-1.jpg) 38% 50% no-repeat; height:800px; width:2200px;}



/* Charts */
g#grant-lines>path, g#dollar-lines>path, g#subject-lines>line {display:none;}
@keyframes dash {
    to {stroke-dashoffset:0;}
}
@-webkit-keyframes dash {
    to {stroke-dashoffset:0;}
}
div.two-column-tbl#charts-graphs {max-width:844px;height:498px;padding:25px 70px 0 60px;float:none;margin: 25px auto 0px;background:url('/info/images/panel-2-slide-1-blank.png') 0 0 no-repeat;}
div.two-column-tbl#charts-graphs h2 {font-size:13px;font-family:Arial;font-weight:bold;text-align:left;color:#1a1a1a;}
svg {background-color: #F7F8FB;}
div.chart-wrapper {margin-left:15px}
div#line-01 {width:330px;height:260px;background:url('/info/images/lines-01.png') 0 0 no-repeat;}
div#line-02 {width:330px;height:260px;background:url('/info/images/lines-02.png') 0 0 no-repeat;}
div#line-03 {width:530px;height:95px;background:url('/info/images/lines-03.png') 0 0 no-repeat;}




@media (min-width:768px) and (max-width:1105px) {
#spacer-3 li { float:none; width:100%;}
#spacer-3 li:first-child { margin-bottom:15px;}
#spacer-1 { font-size:2.5em;padding: 20px 0;}
#spacer-2 .list-screen-circle { display:none;}
#spacer-2 ul li { width:32%; margin-bottom:3%;}
div#charts-graphs.two-column-tbl { max-width:800px; background-size: 100%; padding-left:7%;}
div.chart-wrapper { margin-left:0;}
#panel-2  { height:632px;}
#spacer-3 li:before {font-size: 200px;}
#spacer-3 li { margin-right:0;}
#panel-1  {height:620px;}

}


@media (min-width:768px) and (max-width:940px) {

#hero-banner{height:500px !important; overflow:hidden !important;}

.parallax-mirror:nth-child(3) .parallax-slider { background-position: 33% 65% !important;background-size: 190% auto !important; }
.parallax-mirror:nth-child(3) { z-index:5 !important;}
.parallax-mirror:nth-child(4) .parallax-slider { background-position: 33% 39% !important; background-size: 190% auto !important; height:700px !important; overflow:hidden !important;}
.parallax-mirror:nth-child(5) .parallax-slider { background-position: 33% 39%!important; background-size: 190% auto !important; height:700px !important; overflow:hidden !important;}
.parallax-mirror:nth-child(6) .parallax-slider { background-position: 33% 39% !important;background-size: 190% auto !important; height:700px !important; overflow:hidden !important;}

#hero-banner .panel-inner-wrapper {top: 14%;}
#hero-banner .column1 { width:70%;}
#hero-banner .column2 { width:29%; background-image:none;}

#hero-banner #btn-watchvideo {margin-left:0;}

#panel-1  { z-index:6 !important; position:relative; height:530px;}
#panel-2  { z-index:6 !important; position:relative; height:530px;}
#panel-3  { z-index:6 !important; position:relative; height:520px;}
#panel-1 ul.slides {top:-25px;}
#panel-2 ul.slides {top:-25px;}
#panel-3 ul.slides {top:-15px;}

#spacer-1 { font-size:2em;padding: 20px 0;}

}


@media (max-width:1100px) {
#panel-1 .slides .inactive-right { width:0 !important; max-width:0 !important; height:0 !important;transform: translate3d(0,0,0); display:none !important;}
#panel-1 .slides .inactive-left {width:0 !important; max-width:0 !important; height:0 !important;transform: translate3d(0,0,0); display:none !important;}


}
@media (min-width:768px) and (max-width:1240px) {
#hero-banner .iframe-container { left:-60%; z-index:100; top:-30%;}	
#hero-banner .iframe-container #tour-iframe { width:700px; height:400px;}
}


@media (min-width:768px) and (max-width:940px) {
#hero-banner .iframe-container {left: -240%;}
.custom-options .align-right img { max-width:300px;}
.custom-options .align-left img { max-width:300px;}
#pricing-boxes { margin-left:0; margin-right:0; }
#pricing-boxes .single-box { margin-right: 1%; width: 33%;}
#pricing-boxes .additional-plans .secondary-plan { float:none !important; width:95% !important;}
#pricing-boxes .additional-plans .secondary-plan:first-child {border-bottom: 4px solid #ebf0f4;margin: 5% 5% 5%; }
#pricing-boxes .secondary-plan .contact-tag a { margin-top:3%;}
}



@media (max-width:767px) {
	.landingpg-panel,
	.panel-spacer, 
	#hero-banner .hero-bg { width:1200px !important;  max-width:1200px !important;}
}


@viewport {
    zoom: 1.0;
    width: extend-to-zoom;
}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}
