/*
Theme Name: 	Link Point 360
Author:         Derek Ashauer
Author URI:     http://www.ashwebstudio.com
*/
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
/* Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 120%; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input { vertical-align: middle; }
input[type="submit"] { cursor: pointer; }

/* WordPress required styles */
.alignright { float: right; margin: 0 0 10px 15px; }
.alignleft { float: left; margin: 0 15px 10px 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* ----------------------------------- */
/* COMMON
/* ----------------------------------- */
body { background: #FFF; text-align: center; }
p, div, li, h1, h2, h3, h4, td, th, input, select, textarea, nav { font: normal 14px/1.48 "Ubuntu", sans-serif; font-weight: 300; color: #474647; }
p, h1, h2, h3, h4, section ul, section ol, section table { margin-bottom: 15px; }
h1, h2, h3 { line-height: 1.1; }
a img, :link img, :visited img { border: none }
a { color: #15394c; text-decoration: underline; }
a:hover { color: #42718b; }
div.clear { clear: both; overflow: hidden; height: 1px; }
input { vertical-align: middle; }
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
.gfield { margin-left: 0 !important; }

.container { width: 100%; max-width: 960px; margin: 0 auto; text-align: left; }

.button, #searchsubmit { border: none; color: #FFF; background-color: #f89632; padding: 15px 25px; margin-top: 10px; display: inline-block; text-transform: capitalize; font-weight: 500; text-decoration: none; border-radius: 5px; }
.button:hover { background-color: #fcb164; color: #FFF; }
.button.alt, #searchsubmit { background: #15394c; color: #FFF; }
.button.alt:hover, #searchsubmit:hover { background: #35627a; }
input.button:disabled { background: #f1f1f1; }

.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; margin: 0 0 30px 0; }
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

a.anchor{display: block; position: relative; top: -130px; visibility: hidden;}


/* ----------------------------------- */
/* TOP
/* ----------------------------------- */
#header { padding: 20px 0 25px 0; height: 75px; background: #FFF; position: fixed; top: 0; width: 100%; box-shadow: 0 4px 3px rgba(0,0,0,.1); z-index: 999; }
#header #logo { float: left; margin: 28px 0 0 0; }
#header nav ul { float: right; }
#header nav li { list-style: none; float: left; }
#header nav a { text-decoration: none; }

#search { float: right; margin: 0 0 0 30px; }
#search i { font-size: 20px; color: #99a6a7; text-decoration: none; }
#search-form { display: none; margin-top: -4px; }
#search-form input { border: 1px solid #CCC; padding: 3px 6px; }
#search-form input[type="submit"] { font-family: "FontAwesome"; font-size: 16px; padding: 0; border: none; background: none;  }

#top-menu li {  margin: 0 0 0 30px; }
#top-menu li a { color: #99a6a7; }
#top-menu li a:hover { color: #000; }
.menu-link { display: none; }

/*
3 level drop down
#main-menu { margin: 22px 0 0 0; }
#main-menu li { position: relative; font-size: 15px; text-transform: uppercase; margin: 0 0 0 10px; padding: 7px 14px; border-radius: 8px; }
#main-menu li a { color: #15394c; }
#main-menu li:hover { background-color: #15394c; }
#main-menu li:hover a { color: #FFF; }
#main-menu li.menu-item-has-children a { padding-right: 14px; background: transparent url(images/menu-arrow.png) right center no-repeat; }
#main-menu li .sub-menu { left: -9999em; position: absolute; min-width: 120px; z-index: 100; background: #15394c; padding: 14px 0; border-radius: 0 0 8px 8px; }
#main-menu li:hover .sub-menu { left: 0; }
#main-menu li .sub-menu li { float: none; border: none; padding: 0; margin: 0 0 3px 0; }
#main-menu li .sub-menu li a { color: #FFF; background: none; padding: 0 14px; white-space: nowrap; height: auto; line-height: 1.4; margin: 3px 0 0 0; font-size: 13px; text-transform: none; }
#main-menu li .sub-menu li a:hover { color: #EFEFEF; }
#header a.highlight { float: right; color: #f89633; font-weight: 500; text-transform: uppercase; clear: right; margin: 22px 0 0 20px; border: 2px solid #efefef; padding: 7px 14px; border-radius: 8px; }
#header a.highlight:hover { border-color: #f89633; background-color: #f89633; color: #FFF; }

#main-menu li.menu-item-28 .sub-menu li .sub-menu { display: none; position: absolute; top: -14px; left: 100%; }
#main-menu li.menu-item-28 .sub-menu li:hover .sub-menu { display: block; }
#main-menu li.menu-item-28 .sub-menu li li { width: auto; float: none; }
*/

#main-menu { margin: 20px 0 0 0; }
#main-menu li { position: relative; font-size: 15px; text-transform: uppercase; margin: 0 0 0 10px; }
#main-menu li a { color: #15394c; padding: 7px 14px; border-radius: 6px; display: block; }
#main-menu li:hover a { background-color: #15394c; }
#main-menu li:hover a { color: #FFF; }
#main-menu li.menu-item-has-children > a { padding-right: 28px; position: relative; }
#main-menu li.menu-item-has-children > a:after { position: absolute; top: 7px; right: 14px; content: "\f107"; font-family: "FontAwesome"; color: #CCC; }
#main-menu li .sub-menu { left: -9999em; position: absolute; top: 32px; min-width: 120px; z-index: 100; background: #15394c; padding: 14px 0; border-radius: 0 6px 6px 6px; }
#main-menu li:hover > .sub-menu { left: 0; }
#main-menu li .sub-menu li { float: none; border: none; padding: 0; margin: 0 0 3px 0; }
#main-menu li .sub-menu li a { display: block; color: #FFF; background: none; white-space: nowrap; padding: 0 14px; height: auto; line-height: 1.4; margin: 3px 0 0 0; font-size: 13px; text-transform: none; }
#main-menu li .sub-menu li a:hover { color: #aec4cf; }
#main-menu li.highlight a { color: #f89633; font-weight: 500; text-transform: uppercase;; border: 2px solid #efefef; padding: 7px 14px; border-radius: 8px; }
#main-menu li.highlight a:hover { border-color: #f89633; background-color: #f89633; color: #FFF; }

#main-menu li li.menu-item-has-children > a { position: relative; }
#main-menu li li.menu-item-has-children > a:after { position: absolute; top: 5px; right: 10px; content: "\f105"; font-family: "FontAwesome"; color: #FFF; }

#main-menu li li:hover > .sub-menu { left: 100%; top: 0; background: #585858; }
#main-menu li li .sub-menu li a { font-size: 13px; }
#main-menu li li .sub-menu li a:hover { color: #c5c5c5; background: transparent; }


#main-menu li .link { font-weight: bold; font-size: 16px; }
#main-menu li .desc { color: #CCC; display: block; margin: 0 0 8px 0; }

/*
#main-menu li.menu-item-28 .sub-menu { width: 660px; padding: 20px 0; }
#main-menu li.menu-item-28 .sub-menu li { width: 200px; float: left; margin-right: 20px; }
#main-menu li.menu-item-28 .sub-menu li a { display: block; margin: 0 0 10px 0; font-size: 16px; font-weight: 500; white-space: normal; color: #f89632;  }
#main-menu li.menu-item-28 .sub-menu li a span { display: block; color: #aec4cf; font-weight: 300; font-size: 11px; text-transform: uppercase; }
#main-menu li.menu-item-28 .sub-menu li .sub-menu { width: 100%; position: static; padding: 0; }
#main-menu li.menu-item-28 .sub-menu li .sub-menu li { float: none; }
#main-menu li.menu-item-28 .sub-menu li .sub-menu li a { color: #FFF; font-size: 13px; font-weight: 400; border: none; margin: 0; }
#main-menu li.menu-item-28 .sub-menu li .sub-menu li a:hover { color: #aec4cf; }
*/

/* ----------------------------------- */
/* COMMON TO TEMPLATES
/* ----------------------------------- */
#banner { margin: 120px 0 0 0; background: transparent url(images/banner.jpg) center center no-repeat; background-size: cover; padding: 90px 0; }
#banner .container { text-align: center; }
#banner h1 { font-size: 35px; color: #FFF; }
#banner p { font-size: 18px; color: #cacaca; }
#banner h2 { font-size: 18px; color: #f89632; font-weight: 500; text-transform: uppercase; margin: 60px 0 15px 0; }

#intros, #welcome { padding: 90px 0 90px 0; background: transparent url(images/bg-dots.png) center top repeat; position: relative; }
#intros h1, #welcome h1 { font-weight: 700; text-align: center; color: #15394c; font-size: 32px; margin: 0 0 25px 0; }
.intro { width: 30%; float: left; margin: 0 0 0 5%; }
#intro1 { margin-left: 0; }
.intro h2 { color: #15394c; font-size: 26px; }

/* ----------------------------------- */
/* HOME
/* ----------------------------------- */

.home #banner { margin-bottom: -125px; padding-bottom: 0; }
.home #banner h2 { margin-bottom: 30px; }
.home #product-buttons { margin: 0 0 0 0; position: relative; }
.home #product-buttons li { position: relative; z-index: 50; float: left; list-style: none; width: 30%; margin-left: 5%; background: #FFF; border-radius: 50%; text-align: center; }
.home #product-buttons li:first-child { margin-left: 0; }
.home #product-buttons li:before { content: ""; display: block; padding-top: 100%; }
.home #product-buttons li .content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 50px 40px; }
.home #product-buttons li h3 { font-size: 28px; color: #15394c; margin: 20px 0 10px 0; }
.home #product-buttons li a.button { font-weight: 300; padding: 5px 25px; font-size: 14px; text-transform: uppercase; }

.home #intros { padding-top: 200px; }
/*
#intro1 {  }
.intro h2 {  color: #15394c; font-size: 28px; }
.intro p { font-size: 16px; color: #908f8f; line-height: 1.6; }
#intros img { float: left; margin-left: -280px; }
#intro-video { width: 35%; float: left; margin: 0 5% 0 0; }
#intros img { position: absolute; top: 90px; left: 50%; margin-left: -750px; }
#intro-video { width: 35%; position: absolute; top: 90px; left: 0; }
*/

#features { padding: 130px 0 230px 0; margin-bottom: -100px; background: transparent url(images/tail.png) center bottom no-repeat; position: relative; z-index: 10; }
#features-content { width: 35%; float: left; }
#features-content h2 { color: #15394c; font-size: 30px; }
#features-content p { font-size: 16px; color: #908f8f; }
#features-list { width: 50%; margin: 100px 0 0 -20px; float: right;  }
#features-list ul { padding: 0; margin: 0; }
#features-list li { list-style: none; margin: -100px 0 15px -5px;padding: 0 0 90px 85px; background: transparent url(images/features-item.png) 0 8px no-repeat; }
#features-list li h3 { margin-top: -100px; color: #000; font-size: 20px; margin: 0; }
#features-list li p { color: #585858; font-size: 15px; }
#features-list li h3, #features-list li p { padding-left: 50px; }
#features-list li i { color: #f89632; font-size: 30px; margin-left: 140px; }

#testimonials { background: transparent url(images/testimonials.jpg) center center no-repeat; background-size: cover; padding: 120px 0 60px; position: relative; z-index: 9; }
#quote blockquote { text-align: center; font-size: 32px; color: #FFF; padding: 0 15%; }
#quote p.author { text-align: center; color: #FFF; font-size: 16px; text-transform: uppercase; font-weight: 400; margin: 20px 0 0 0; font-style: normal; }
#users { border-top: 1px solid #646770; text-align: center; margin-top: 80px; }
#users h2 { margin-top: -8px; }
#users h2 span { background: #646770; padding: 6px 20px; border-radius: 15px; color: #FFF; font-size: 15px; }
#logos img { margin: 20px; vertical-align: middle; }

/* ----------------------------------- */
/* SUB PAGES
/* ----------------------------------- */
#page-header { margin: 120px 0 40px 0; padding: 65px 0 30px 0; background: transparent url(images/banner.jpg) center center no-repeat; background-size: cover; }
#breadcrumbs { font-size: 11px; color: #99a6a7; }
#breadcrumbs a { color: #99a6a7; text-decoration: none; }
#page-header h1 { font-weight: normal; font-size: 40px; color: #FFF; }

#main section { float: left; width: 65%; margin: 0 0 40px 0; }
#main section li { margin-left: 25px; }
#main section h2 { font-size: 24px; font-weight: normal; }
#main section h3 { font-size: 16px; color: #000; margin: 0 0 5px 0; }
#main section p.highlight { font-size: 22px; color: #15394c; }
#main section img { max-width: 100%; height: auto; }
#main section i { color: #f89632; }

#main aside { float: right; width: 30%; margin: 0 0 40px 0; }
#main aside h2 { font-size: 16px; text-transform: uppercase; margin: 0 0 10px 0; color: #f89632; }

#main aside .widget { margin: 0 0 20px 0; }

#sidebar-content { background: #f9f9f9; border-radius: 6px; padding: 25px; }
#main aside #sidebar-content h2 { text-transform: none; }
#sidebar-content h3 { margin: 0 0 4px 0; font-size: 13px; color: #000; }
#sidebar-content p { font-size: 13px; color: #666; }

#main.wide section { width: 100%; float: none; }

.submenu { background: #15394c; border-radius: 5px; padding: 15px 20px; margin: 0 0 30px 0; }
.submenu li { list-style: none; border-bottom: 1px solid #42718b; padding: 0 0 4px 0; margin: 0 0 4px 0; }
.submenu li a { color: #FFF; text-decoration: none; }
.submenu li li { display: none; padding: 4px 0 0 10px; margin: 0; border: none; font-size: 12px; }
.submenu li.current_page_item li, .submenu li.current_page_ancestor li { display: block; }

#main aside #choose-options { margin: 0 0 40px 0; }
#main aside .styled-select { display: block; margin: 0 0 5px 0; }
#main aside .styled-select ul { border: 1px solid #efefef; }
#main aside .styled-select li { width: 90%; padding: 5px 5%; }
#main aside .styled-select li ul { width: 100%; background: #FFF; border: none; }
#main aside .styled-select li li { border: none; margin: 0; }

#main aside img { max-width: 100%; height: auto; }

/* Blog */
p.categories, p.categories a { color: #666; font-size: 12px; }

article.post { margin: 0 0 40px 0; }
article.post img { float: left; }
article.post h2, article.post p { margin-left: 170px; }
article.post p.post-data { margin-top: -10px; color: #666; }

aside .widget li { list-style: none; }

/* Solutions */
#main section ul.logos { margin: 0 0 40px 0; }
#main section ul.logos li { float: left; width: 25%; margin: 0 2% 2% 0; list-style: none; height: 110px; padding: 3%; border: 2px solid #EFEFEF; border-radius: 5px; }
#main section ul.logos li:nth-child(3n+3) { margin-right: 0; }
#main section ul.logos li div { line-height: 100px; text-align: center; width: 100%; height: 100%; }
#main section ul.logos li p { font-size: 12px; }
#main section ul.logos li img { vertical-align: middle; max-width: 100%; height: auto; }
#main section ul.logos li .desc { display: none; }

/* Case Studies */
#main section ul#case-studies li { list-style: none; margin: 0 0 40px 0; }
#main section ul#case-studies li .logo { width: 175px; float: left; text-align: center; }
#main section ul#case-studies li .logo img { max-width: 100%; height: auto; }
#main section ul#case-studies li h2, #main section ul#case-studies li p { margin: 0 0 7px 200px; }
#main section ul#case-studies li p { font-size: 13px; color: #666; }

/* ----------------------------------- */
/* CONNECT
/* ----------------------------------- */
.page-template-tpl-connect #banner { overflow: hidden; }
.page-template-tpl-connect #banner #choose { margin-top: 60px; }
.page-template-tpl-connect #banner h2 { margin-bottom: 15px; }
.page-template-tpl-connect #banner #choose-options { background-color: rgba(255,255,255,.4); display: inline-block; border-radius: 8px; padding: 15px 30px; }
.page-template-tpl-connect #banner #choose-options span.plus { display: inline-block; vertical-align: middle; padding: 0 15px; font-size: 24px; color: #FFF; }

.styled-select { display: inline-block; text-align: left; }
.styled-select li {  position: relative; list-style: none; background: #FFF; padding: 5px 10px; width: 250px; font-size: 16px; }
.styled-select li li { font-size: 14px; }
.styled-select li.selected { font-weight: bold; }
.styled-select a { text-decoration: none; display: block; }
.styled-select a i { float: right; margin: 3px 0 0 0; }
.styled-select li ul { display: none; position: absolute; left: 0; z-index: 99; }
#select-crm li li { display: none; }

.page-template-tpl-connect #banner #product-buttons {   font-size: 18px; }

.page-template-tpl-connect #welcome p.tagline { text-align: center; margin: -20px 0 50px 0; font-size: 18px; color: #f89632; font-weight: 500; text-transform: uppercase; }

.page-template-tpl-connect #welcome .video { width: 45%; float: left; }
.page-template-tpl-connect #welcome #intro-content { width: 45%; float: right; }
.page-template-tpl-connect #intro-content h2 { color: #15394c; font-size: 26px; }

.page-template-tpl-connect #features { padding-bottom: 80px; }
.page-template-tpl-connect #intros { padding-top: 130px; background-image: url(images/bg-squares.png); }


/* ----------------------------------- */
/* ECHO
/* ----------------------------------- */
.page-template-tpl-echo #banner, .parent-pageid-4344 #product-header, .parent-pageid-4344 #page-header { background-image: url(images/banner-echo.jpg); }

/* ----------------------------------- */
/* ReCAPP
/* ----------------------------------- */
.page-template-tpl-recapp #banner, .parent-pageid-4378 #product-header, .parent-pageid-4378 #page-header { background-image: url(images/banner-recapp.jpg); }


/* ----------------------------------- */
/* PRODUCT
/* ----------------------------------- */
#secondary-menu { margin-top: 120px; background: #f2f2f2; padding: 20px 0; height: 20px; width: 100%; z-index: 888; position: fixed; top: 0; }
#secondary-menu #product-name { float: left; padding: 0 25px 0 0; margin: 0 25px 0 0; border-right: 1px solid #d5d4d4; font-size: 13px; text-transform: uppercase; font-weight: 500; }
#secondary-menu li { float: left; list-style: none; margin: 0 25px 0 0; font-size: 13px; text-transform: uppercase; }
#secondary-menu li.highlight { font-weight: 500; }
#secondary-menu li a { text-decoration: none; }

#product-header { background: transparent url(images/banner.jpg) center center no-repeat; background-size: cover; padding: 70px 0; margin-top: 180px; }
#product-intro { width: 45%; float: left; }
#product-intro h1 { font-size: 34px; color: #FFF; }
#product-intro h1 span { display: block; font-size: 16px; }
#product-intro p { color: #FFF; font-size: 16px; }
#product-video { width: 45%; float: right; position: relative; }
#product-video img { max-width: 100%; height: auto; }
#product-video i { color: #FFF; font-size: 80px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -30px; z-index: 10; }

#product-cta { background: transparent url(images/bg-dots.png) center center repeat; padding: 20px 0; }
#product-cta .container { text-align: center; font-size: 22px; color: #000; }
#product-cta .button { font-size: 16px; margin-left: 10px; }

#product-images { padding: 75px 0 0 0; text-align: center; }
#product-images h2 { font-size: 26px; color: #15394c; }
#product-images p { font-size: 16px; color: #59595a; }
#product-images h2, #product-images p { margin: 0 100px 25px 100px; }
#product-images ul { margin-top: 40px; }
#product-images img { max-width: 100%; height: auto; }

#product-tabs { background: #0c2f41; padding: 75px 0 0 0; }
#product-tabs h2 { color: #FFF; font-size: 42px; }
#product-tabs-menu { text-align: right; margin: -50px 0 30px 0; border-bottom: 1px solid #405061; width: 100%; }
#product-tabs-menu li { list-style: none; display: inline-block; margin: 0 0 0 50px; font-size: 24px; padding-bottom: 25px; }
#product-tabs-menu a { color: #FFF; text-decoration: none; }
#product-tabs-menu a:hover, #product-tabs-menu li.active a { color: #f89632; }
#product-tabs-menu li.active { background: transparent url(images/product-tabs-arrow.png) center bottom no-repeat; }
.product-tab-content { width: 50%; float: left; padding-bottom: 50px; }
.product-tab-content p { font-size: 20px; color: #FFF; }
.product-tab-content li { list-style: none; margin: 0 0 15px 0; font-size: 16px; color: #FFF; padding-left: 26px; background: transparent url(images/icon-check.png) 0 3px no-repeat; }
.product-tab-image { width: 40%; text-align: center; float: right; overflow: hidden; }
.product-tab-image img { max-width: 100%; height: auto; }
.tab { display: none; }
#tab1 { display: block; }

#product-features { padding: 75px 0; text-align: center; }
#product-features h2 { font-size: 42px; color: #000; }
#product-features p { font-size: 22px; color: #858585; }
#product-features ul { width: 40%; float: left; margin: 50px 5% 0 5%; }
#product-features li { font-size: 16px; text-align: left; margin: 0 0 15px 0; padding: 0 0; }
#product-features li i { color: #f89632; font-size: 26px; margin: 0 7px 0 0; }

.tabs2-images img { max-height: 30px; width: auto; margin: 5px 30px 5px 0; }
#product-tabs2 { margin: 0 0 50px 0; }
#product-tabs2-menu { border-bottom: 1px solid #e5e5e5; text-align: center; margin: 0 0 30px 0; }
#product-tabs2-menu li { display: inline-block; margin: 0 5px -1px 5px; }
#product-tabs2-menu li a { padding: 25px 35px; font-size: 26px; display: block; text-decoration: none;  }
#product-tabs2-menu li.active { background: #FFF; border: 1px solid #e5e5e5; border-bottom: none; }
#product-tabs2-menu li.active a { font-weight: bold; }

.tab2 { display: none; }
.tab2.active { display: block; }

.product-tab2-price { background: #eeeeee; border-radius: 10px; padding: 30px 0 40px 0; float: left; width: 20%; text-align: center; font-size: 15px; text-transform: uppercase; font-weight: bold; }
.product-tab2-price span.product-price { display: block; font-size: 60px; font-style: italic; line-height: 1; }
.product-tab2-content { width: 70%; float: right; margin: 0 0 30px 0; }
.product-tab2-buttons { clear: both; text-align: center; margin: 0 0 30px 0; }
.product-tab2-buttons a { text-transform: uppercase;  }
.product-tab2-fineprint p { font-size: 13px; color: #8c8c8c; }

#product-tabs2 table { margin: 0 auto; }
#main td, #main th, #product-tabs2 td, #product-tabs2 td { vertical-align: top; text-align: left; border: none; border-bottom: 1px solid #e5e5e5; padding: 7px 15px 7px 0; color: #5f6060; }
#product-tabs2 table th { min-width: 200px; color: #000; padding-right: 30px; }

/*
#product-tech { margin-bottom: 50px; }
#product-tech h2 { text-align: center; color: #000; font-size: 30px; }
#product-tech table { max-width: 700px; margin: 0 auto; }
#product-tech table td, #product-tech table th { border-bottom: 1px solid #e5e5e5; padding: 7px 0; color: #5f6060; }
#product-tech table th { min-width: 200px; color: #000; padding-right: 30px; }

#product-buy { margin-bottom: 50px; font-size: 18px; }
#product-buy-box { background: #15394c; border-radius: 10px; padding: 25px 0; margin-bottom: 10px; }
#product-buy-price { max-width: 130px; padding: 17px 35px 25px 35px; background: #819594; border-radius: 10px 0 0 10px; float: left; margin: -25px 0; color: #FFF; font-size: 13px; text-transform: uppercase; text-align: center; line-height: 1.3; }
#product-buy-price span { font-size: 42px; display: block; }
#product-buy-name { float: left; font-size: 28px; color: #FFF; line-height: 1.1; margin-left: 25px; }
#product-buy-name span { font-size: 16px; font-style: normal; text-transform: uppercase; display: block; margin: 0 0 6px 0; }
#product-buy a.button { float: right; font-size: 16px; margin: 0 35px 0 0; color: #FFF; }
#product-buy a { color: #f89632; }
#product-buy p { margin-top: 20px; }

#product-resources { border-top: 1px solid #e5e5e5; padding: 50px 0; }
#product-resources h2 { color: #000; font-size: 30px; text-align: center; }
#product-resources ul { text-align: center; }
#product-resources li { margin: 0 3% 20px 3%; display: inline-block; width: 20%; vertical-align: top; text-align: left; list-style: none; font-size: 14px; }
#product-resources li a { text-decoration: none; margin-left: 40px; display: block; }
#product-resources li i { float: left; color: #f89632; font-size: 30px; display: block; text-decoration: none; }
*/
.divider { height: 1px; border-top: 1px solid #e5e5e5; margin: 0 0 50px 0; }

/* Reviews / Quotes */
.quote { margin: 0 0 30px 0; }
.bubble
{
position: relative;
width: 90%;
padding: 20px 5%;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: #EFEFEF solid 1px;
}

.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
margin-left: -15px;
bottom: -15px;
left: 83%;
}

.bubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #EFEFEF transparent;
display: block;
width: 0;
z-index: 0;
margin-left: -15px;
bottom: -16px;
left: 83%;
}
.bubble { mar}
.quote p.name { text-align: right; margin: 18px 13% 0 0; color: #999; font-size: 12px; text-transform: uppercase; }

/* ----------------------------------- */
/* PAYMENT
/* ----------------------------------- */
#errors { color: #FF0000; font-weight: bold; font-size: 18px; }
input.error, select.error { border: 2px solid #FF0000 !important;  }

/* ----------------------------------- */
/* KB
/* ----------------------------------- */
.knowledgebase-search input#searchsubmit { margin-top: 0; }

article.knowledgebase-single { width: 65%; float: left; }
aside.knowledgebase-single { width: 30%; float: right; }
#main section aside.knowledgebase-single li { margin-left: 0; }

/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
#footer { padding: 50px 0; border-top: 1px solid #e9e8e7; }

#footer #social { float: right; color: #15394c; margin-top: -7px; }

#footer nav { display: block; }
#footer nav li { display: inline-block; list-style: none; margin: 0 20px 20px 0; }
#footer nav li a { text-decoration: none; font-size: 16px; }
#copyright { clear: both; border-top: 1px solid #e9e8e7; padding: 20px 0 0 0; }
#copyright p { color: #676767; font-size: 12px; }

#back-to-top { display: none; position: fixed; bottom: 0; right: 220px; background: rgba(0,0,0,.8); padding: 0 10px 5px 10px; border-radius: 6px 6px 0 0; text-align: center; }
#back-to-top a { color: #FFF; text-decoration: none; font-size: 12px; }
#back-to-top a i { font-size: 28px; display: block; line-height: 1; }

#live-chat-link { position: fixed; z-index: 9999; bottom: 0; right: 30px; background: #15394c; padding: 7px 15px; border-radius: 6px 6px 0 0; }
#live-chat-link a { color: #FFF; text-decoration: none; text-transform: uppercase; }
#live-chat-link i { font-size: 18px; color: #f89632; margin-right: 4px; }

/* ----------------------------------- */
/* MOBILE
/* ----------------------------------- */

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

	.container { width: 90%; padding: 0 5%; }

	#header { height: auto; position: static; }
	#banner, #page-header { margin-top: 0; }

	#intros img { position: static; max-width: 100%; margin: 0 auto; }
	#intro-video { float: none; width: 100%; margin: 0 0 30px 0; }
	.intro { width: 100%; float: none; padding: 0; margin: 0 0 40px 0; }
	#intro1 { margin-left: 0; }

	#secondary-menu { margin-top: 0; position: static; height: auto; }
	#secondary-menu #product-name { display: none; }
	#product-header { margin-top: 0; }
	#product-tabs-menu { text-align: left; margin: 0 0 30px 0;  }
	#product-tabs-menu li { margin: 0 20px 0 0; }
	#product-buy-price { max-width: 100%; padding: 25px 35px; background: #819594; border-radius: 10px 10px 0 0; float: none; margin: -25px 0 25px 0; color: #FFF; font-size: 13px; text-transform: uppercase; text-align: center; line-height: 1.3; }
	#product-buy-name { float: none; }

	#quote { width: 90%; }

	.home #product-buttons li { border-radius: 30px; }
	.home #product-buttons li h3 { font-size: 20px; }
	.home #product-buttons li:before { display: none; }
	.home #product-buttons li .content { position: static; }

}
/* iPad Portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	#header #logo { margin: 0; }
	#header #top-menu, #header #search { margin-top: 20px; }
	#header #main-menu { margin-top: 15px; float: left; clear: left; }
	#header #main-menu li { margin: 0 10px 0 0; }
	#header a.highlight { }
}
@media screen and (max-width: 650px) {

	#header .container { text-align: center; }
	#header #logo { float: none; margin: 0 auto; }
	#header #search { display: none; }
	#header nav ul { float: none; }
	#header nav li { float: none; display: inline-block; }
	#top-menu li { margin: 0 2px 10px 2px; }
	.menu-link { display: block; padding: 5px; background: #15394c; color: #FFF; font-size: 15px; font-weight: bold; text-transform: uppercase;  }
	#main-menu { display: none; margin: 2px 0; }
	#main-menu.active { display: block; }
	#main-menu li { display: block; width: 100%; margin: 0 0 2px 0; border-radius: 0; background: #efefef; }
	#main-menu li a {  padding: 7px 15px !important; display: block; border-radius: 0; }
	#main-menu li .sub-menu { position: static; display: none; border-radius: 0; }
	#main-menu li:hover .sub-menu { display: block; }
	#main-menu li .sub-menu li { margin: 0; padding: 0; background: #15394c; }
	#main-menu li .sub-menu li a { padding: 10px 0; border-radius: 0; }

	#main-menu a:after { display: none; }

	#banner { padding: 50px 0; }
	#banner h1 { font-size: 26px; }
	#banner #choose-options span.plus { display: block; text-align: center; }

	.home #banner, .home #product-buttons { margin-bottom: 0; position: static; }
	.home #product-buttons li { float: none; width: 100%; margin: 0 0 30px 0 !important; }
	.home #product-buttons li .content { padding: 25px; }
	.home #intros { padding: 75px 0; }

	.styled-select { display: block;  }
	.styled-select li { width: 200px; font-size: 13px; }
	.styled-select li li { font-size: 13px; }

	#features { padding: 75px 0; background: none; margin-bottom: 0; }
	#features-content, #features-list { width: 100%; background: none; margin: 0 0 40px 0; padding: 0; }
	#features-list li { background: none; padding: 0; margin: 0 0 0 35px; }
	#features-list li h3, #features-list li p { padding-left: 12px; }
	#features-list li i { margin: 0 10px 0 15px; }

	#quote blockquote { padding-left: 0; padding-right: 0; }

	#main section, #main aside { width: 100%; float: none; }

	#secondary-menu li { float: none; margin: 0 0 5px 0; text-align: center; }
	#product-intro, #product-video { width: 100%; float: none; }
	#product-cta .button, #product-cta strong { display: block; }
	#product-images h2, #product-images p { margin: 0 0 25px 0; }
	#product-tech table th { min-width: 100px; }
	#product-buy-name, #product-buy-box { text-align: center; }
	#product-buy-name { margin-left: 0; }
	#product-buy a.button { float: none; margin: 20px 0 0 0; }
	#product-resources li { width: 100%; margin: 0 0 30px 0; }

	#footer nav li { display: block; margin: 0 0 5px 0; }

}
@media screen and (max-width: 480px) {

	.sticky { position: static; }

	#banner { padding-bottom: 120px; }


	#users { padding-top: 40px; }
	#users h2 span { background: none; }

	#product-menu li { display: block; margin: 0; width: 100%; padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #d5d4d4; text-align: center; }
	#product-tabs-menu li { font-size: 14px; margin: 0 20px 0 0; }
	.product-tab-content, .product-tab-image { width: 100%; float: none; }
	#product-features ul { width: 80%; float: none; margin: 0 auto; }

	#main section ul.logos li, #main section ul.logos li:nth-child(3n+3) { width: 40%; margin: 0 2% 2% 0; }
	#main section ul.logos li:nth-child(even) { margin-right: 0; }

	#page-header h1 { font-size: 26px; }

}

/* ----------------------------------- */
/* Subscription Page
/* ----------------------------------- */
.col{ position: relative; float:left;}
.col.full{ width:100%}

.col.half{ width:50%}
.col.two-thirds{ width:66.67%}
.col.one-third{ width:33.33%}

.col.quarter {width:25%}
.col.three-quarters{width:75%}


.subscription-section { background-color: #efefef; display: inline-block; border-radius: 8px; padding: 10px 10px; margin:10px; width:100%}

.recurly-hosted-field {
  position: relative;
  /*width: 100%;*/
  height: 23px;
  border: 1px solid #c2c2c2;
  border-radius: 3px;
  margin: 0 0 0.5rem;
  background: white;
  padding: 0.25rem;
  outline: none;
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  box-shadow: none;
  color: #c2c2c2;
  -webkit-appearance: none;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -ms-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.recurly-hosted-field-focus {
  border-color: #2c0730;
  color: #2c0730;
  z-index: 10;
}

#divsubscribe label {
  display:block;
  text-align: left;
  margin: 0 0 0.2rem;
  color: #2c0730;
  font-size: 0.8rem;
  font-weight: bold;
  clear: left;
 padding-right:15px;
 padding-left:15px;
 width:35%;
 float:left;
 padding-top:7px;
}

#divsubscribe input[type="text"], #recurly-hosted-field-input {
  position: relative;
  /*width: 100%;*/
  border: 1px solid #c2c2c2;
  border-radius: 3px;
  margin: 0 0 0.5rem;
  background: white;
  padding: 0.25rem;
  outline: none;
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  box-shadow: none;
  color: #c2c2c2;
  -webkit-appearance: none;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -ms-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

#divsubscribe input:focus {
  border-color: #2c0730;
  color: #2c0730;
  z-index: 10;
}

#divsubscribe input.error, #divsubscribe select.error {
  border-color: #a94442 !important
}

#divsubscribe div.error .recurly-hosted-field {
  border: 2px solid #a94442;
}

#price_table table, #price_table th, #price_table td {
    border: 2px solid black;
    border-collapse: collapse;
    padding:10px;
    text-align:center;
    white-space:nowrap;
    margin-bottom:0px;
}

#price_table th{
  background-color:#efefef;
  color:#15394c;
}

#price_table{
  z-index:100;
  position:absolute;
  background:white;
 /* top:35%;
  right:500px;
  width:200px;*/
}

.price_small {
  font-size:10px;
  font-style:italic;
  margin-bottom:0px;
  word-wrap: break-word;
}
.price_section{
 font-size: 16px;
 line-height: 15px;
 margin: 0 0 1rem;
 text-align:left;
}
.smallprice_text{
font-style: italic;
 font-size: small;
}
.price{
    text-align: right;
    float: left;
}
.plan_quantity{
margin: 5px !important;
width:100px;
text-align:center
}
/*.recurly-hosted-field-number{
width:70%;
}*/
.recurly-hosted-field-cvv, .recurly-hosted-field-month, .recurly-hosted-field-year{

}
.smallCardFields{
 float:left;
 width:20%;
 padding-right:10%;
}
#divsubscribe{
padding-top:15%;
}
.leftFormColumn{
float:left;
width:40%;
margin-right:5%;
padding-left:5%
}
.rightFormColumn{
float:left;
width:40%;
margin-right:5%;
padding-right:5%
}
.form-group{
margin-bottom:15px;
width:50%;
float:left;
}
.error_hide{
    display: none;
}
.error_show{
  display:block;
text-align: right;
color: #a94442;
 padding-right: 50px;
}
.row{
clear: both;
 margin-left: 5%;
}
@media screen and (max-width: 650px) {
  #divsubscribe input {
  width:50%;
}
.form-group {
 width:100%;
}

}