@charset "UTF-8";
html, body { font-family: 'Red Hat Display', sans-serif; padding:0; margin:0; background-color:#FBFBFB; }
ul { margin:0; padding:0; }
a { text-decoration:none; }
a.link1 { text-decoration:underline; }
a.linkcolor { color:#2199ea; text-decoration:underline; }
a.white { color:#fff; }
h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
u { background-color:#f7e8b8; text-decoration:none; }
/* BUTTONS */
a.button { background-color:#2199ea; color:#fff; border-radius:5px; text-align:center; }
a.button:hover { background-color:#2199ea; }
a.button.main { padding:15px 20px; font-size:16px; margin:auto; width:180px; display:block; }
header { width:100%; background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(45, 56, 138) 0%, rgb(0, 174, 239) 100%) repeat scroll 0% 0%; margin-top:40px; }
.container { width:1200px; margin:auto; max-width:96%; }
ul.new-nav { list-style-type:none; display:flex; align-items:center; justify-content:space-between; height:75px; }
ul.new-nav li { }
ul.new-nav li a { color:#fff; display:block; text-align: center; text-transform: uppercase; font-size: 11px; font-weight: 700; padding:5px 0; border-bottom:1px solid transparent; }
ul.new-nav li a:hover { border-bottom:1px solid #fff; }
ul.new-nav li.special-logo { background-color:#FBFBFB; width:18%; box-shadow: none; padding:0 10px; border-radius: 50%; overflow:hidden; }
ul.new-nav li.special-logo img { width:90%; display: inline-block; }
.main-image { background-image: url('../images/bg.jpg'); background-position: 50% 50%; background-size: cover; position: relative; z-index: 0; padding: 0; overflow: hidden; width:100%; height:600px; }
.main-image:after { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; opacity:0; z-index: -10; }
.main-title { text-align:center; margin-top:160px; }
.main-title .inner-container { display:inline-block; text-align:left; width:700px; }
.main-title p { font-size:46px; color:#fff; font-weight:700; }
.main-title .input-container { position:relative; width:100%; margin-top:20px; }
.main-title input { border-radius:7px; background-color:#fff; height:70px; padding:10px 20px; padding-right:150px; font-size:20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:0; width:100%; }
.main-title input[type=submit] { width:120px; height:40px; line-height:40px; padding:0 10px; background-color:#2199ea; color:#fff; border-radius:5px; text-align:center; font-size:15px; position:absolute; top:50%; margin-top:-20px; right:15px; cursor:pointer; font-weight:700; border:0; font-family: 'Work Sans', sans-serif; }
.main-title input[type=submit]:hover { background-color:#2199ea; }
section.pull-up { margin-top:100px; position:relative; z-index:10; }
.section-link { display:block; float:left; width:31%; margin-right:3.5%; background-color:#fff; margin-bottom:40px; transition: all 300ms ease; border-radius:5px; overflow:hidden; box-shadow: 0 14px 33px 0px rgba(0,0,0,0.07); }
.section-link:nth-of-type(3n) { margin-right:0; }
.section-link img { width:100%; border-bottom:6px solid #2199ea; display:block; }
.section-link .about { padding:1em 1.5em; display:flex; align-items:center; }
.section-link .about i { color:#2199ea; font-size:50px; margin-right:15px; }
.section-link .about i:before { margin-left:0px; }
.section-link .about .content { color:#191919; }
.section-link .about .content .title { font-size:20px; font-weight:700; margin-top:15px; }
.section-link .about .content p { font-size:17px; margin:10px 0; }
.section-link:hover { box-shadow: 0 0 20px 0 rgba(0,0,0,.2); }
/* LATEST ARTICLES */
section.latest { border-top:1px solid #ddd; margin-top:60px; margin-bottom:60px; }
.blog-section { display:flex; justify-content:space-between; align-items:center; color:#414042; position:relative; flex-wrap:wrap; }
section h2.main { font-size:30px; text-align:center; margin:60px 0 40px 0; font-weight:300; color:#414042; }
.blog-section .blog-link { background-color:#fff; display:block; color:#414042; transition: all 300ms ease; border-radius:5px; box-shadow: 0 14px 33px 0px rgba(0,0,0,0.07); overflow:hidden; }
.blog-section .blog-link img { width:100%; border-bottom:4px solid #2199ea; display:block; }
.blog-section .blog-link .content { position:relative; background-color:#fff; width:58%; }
.blog-section .blog-link .content.pullup { margin-top:-232px; }
.blog-section .blog-link.small { display:flex; align-items:center; margin-bottom:20px; width:48%; padding:20px; }
.blog-section .blog-link.small img { width:42%; border-bottom:0; height:auto; border-radius:5px; margin-right:20px; }
.blog-section .blog-link .content .title { font-size:20px; font-weight:700; margin-bottom:15px; }
.blog-section .blog-link .content p { font-size:15px; }
.blog-section .blog-link:hover { box-shadow: 0 0 20px 0 rgba(0,0,0,.2); }
/* BLOG */
.blog-section2 { display:block; float:left; width:48%; margin-right:4%; color:#414042; position:relative; }
section h2.main { font-size:40px; text-align:center; margin:60px 0 40px 0; color:#414042; }
.blog-section2:nth-of-type(2n) { margin-right:0; }
.blog-section2 .blog-link { background-color:#fff; display:block; color:#414042; transition: all 300ms ease; border-radius:5px; box-shadow: 0 14px 33px 0px rgba(0,0,0,0.07); overflow:hidden; }
.blog-section2 .blog-link img { width:100%; border-bottom:4px solid #2199ea; display:block; }
.blog-section2 .blog-link .content { padding:1em 1.5em; position:relative; background-color:#fff; }
.blog-section2 .blog-link .content.pullup { margin-top:-86px; }
.blog-section2 .blog-link.small { display:flex; align-items:center; margin-bottom:20px; }
.blog-section2 .blog-link.small img { width:25%; border-right:3px solid #2199ea; border-bottom:0; height:auto; }
.blog-section2 .blog-link .content .title { font-size:20px; font-weight:700; margin-top:15px; }
.blog-section2 .blog-link .content p { font-size:15px; margin:10px 0; }
.blog-section2 .blog-link:hover { box-shadow: 0 0 20px 0 rgba(0,0,0,.2); }
section.press { background-color:#fff; padding:10px 0 40px 0; margin-top:100px; }
section.press h2 { margin:50px 0 40px 0; }
.press { text-align:center; }
.press img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(1) opacity(0.6); filter: grayscale(1) opacity(0.6); margin:0 20px; width:100px; display:inline-block; vertical-align:middle; }
footer { background-color:#222222; font-size:0; padding:75px 0; border-top:6px solid #2199ea; }
footer .left-section { width:20%; display:inline-block; vertical-align:middle; padding-right:30px; border-right:1px solid rgba(255,255,255,.1); }
footer .left-section a.footer-logo { color:#2199ea; font-size:32px; display:block; font-weight:700; margin-bottom:20px; }
footer .left-section a.footer-logo img { width:190px; max-width:100%; }
footer .left-section a.footer-logo span { color:#fff; font-weight:200; }
footer .left-section p { font-size:23px; color:#fff; }
footer .main-right-section { display:inline-block; vertical-align:middle; width:80%; padding-left:30px; }
footer .right-section { width:25%; float:left; padding:20px; }
footer .right-section .title { font-size:15px; font-weight:700; margin-bottom:30px; text-transform:uppercase; color:#2199ea; }
footer .right-section p { font-size:15px; color:#fff; padding:5px 0; }
footer .right-section ul { list-style-type:none; }
footer .right-section ul a li { color:#fff; font-size:15px; padding:5px 0; }
footer .right-section ul a:hover li { color:#2199ea; }
.copyright { width:100%; background-color:#222222; padding:20px; border-top:1px solid rgba(255,255,255,.1); }
.copyright .left { float:left; width:50%; }
.copyright p { color:#aaa; font-size:11px; text-transform:uppercase; font-weight:500; }
.copyright .right { float:left; width:50%; text-align:right; }
.copyright .right p { color:#999; }
.copyright .right p a { color:#2199ea; font-weight:600; position:relative; padding-right:20px; display:inline-block; }
.copyright .right p a:nth-last-of-type(1) { padding-right:0; }
.copyright .right p a:after { position:absolute; content:""; height:2px; width:2px; border-radius:50%; display:block; background:#999; top:50%; right:8px; margin-top:-2px; }
.copyright .right p a:nth-last-of-type(1):after { display:none; }
.copyright .right p a:hover { text-decoration:underline; }
/* POST PAGE */
.top-content .category-label { color:#2199ea; text-transform:uppercase; font-size:12px; font-weight:800; margin-bottom:10px; display:inline-block; margin-right:20px; position:relative; }
.top-content .category-label:after { content:""; position:absolute; height:3px; width:3px; border-radius:50%; background-color:#2199ea; right:-12px; top:50%; margin-top:-3px; }
.top-content .category-label:nth-last-of-type(1):after { display:none; }
.top-content h1 { font-size:50px; font-weight:700; margin-bottom:20px; }
.top-content p { font-size:25px; line-height:1.3em; }
.top-content .publish-info { margin:20px 0; padding:10px 0px; border-top:1px solid #eee; margin-top:-15px; }
.top-content .publish-info img { width:40px; height:40px; border-radius:50%; display:inline-block; vertical-align:middle; margin-bottom:0; }
.top-content .publish-info .author-info { display:inline-block; vertical-align:middle; margin-left:7px; margin-top:-2px; }
.top-content .publish-info .author-info span.author-name { font-size:12px; text-transform:uppercase; font-weight:700; color:#2199ea; display:inline-block; vertical-align:middle; }
.top-content .publish-info .author-info span.date { font-size:11px; }
.top-content .publish-info .author-info span.readingtime { font-size:11px; }
section.main { background-color:#FBFBFB; padding:50px 0; }
.main-content { width:65%; margin-right:5%; float:left; background-color:#fff; color:#414042; padding:50px; border-radius:5px; box-shadow:0 14px 33px 0px rgba(0,0,0,0.07); z-index:10; position:relative; }
.main-content.single { width:70%; margin-left:15%; margin-right:15%; }
.main-content h2 { font-size:40px; font-weight:800; margin-bottom:30px; margin-top:50px; text-align:left; position:relative; padding-top:50px; }
.main-content h2:before { height:1px; background-color:#ddd; position:absolute; content:""; left:-50px; right:-50px; top:0; }
.main-content h2.first { margin-top:0; padding-top:0; }
.main-content h2.first:before { display:none; }
.main-content h3 { font-size:30px; font-weight:700; margin-bottom:30px; margin-top:40px; text-align:left; position:relative; }
.main-content h3:after { background-color:#2199ea; height:5px; position:absolute; content:""; bottom:-10px; left:0; width:70px; max-width:50%; }
.main-content li h3 { margin-bottom:20px; }
.main-content li h3:after { display:none; }
.main-content h4 { font-size:25px; font-weight:600; margin-bottom:15px; margin-top:30px; text-align:left; }
.main-content h5 { font-size:13px; font-weight:600; margin-bottom:10px; margin-top:20px; text-align:left; text-transform:uppercase; }
.main-content p { font-size:19px; margin-bottom:15px; line-height:1.5em; word-break:break-word; }
.main-content p.quote { border-left:4px solid #2199ea; padding:20px; }
.main-content sup { font-size:9px; }
.main-content p.standout { background-color:#f1f1f1; font-weight:600; border-radius:5px; padding:30px; }
.main-content ul, .main-content ol { padding-left:20px; }
.main-content li { font-size:18px; line-height:1.35em; margin-bottom:5px; }
.main-content p a, .main-content li a { color:#2199ea; text-decoration:underline; }
.main-content img { width:100%; border-radius:5px; margin-bottom:15px; }
.main-content img.small { width:200px; max-width:100%; border-radius:5px; }
.main-content img.left { float:left; margin:10px 10px 10px 0; }
.main-content img.right { float:right; margin:10px 0 10px 10px; }
.proscons { width:100%; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; background-color:#F2F9FC; padding:10px 30px; border-radius:5px; }
.proscons .pros, .proscons .cons { width:46%; min-width:200px; }
ul.checklist { list-style-type:none; padding-left:0; }
ul.checklist li { position:relative; padding-left:50px; }
ul.checklist li:before { content:""; position:absolute; left:0; font-size:20px; top:50%; margin-top:-15px; background-color:#fafafa; border:1px solid #2199ea; color:#2199ea; border-radius:50%; width:30px; height:30px; line-height:30px; text-align:center; }
ul.checklist li.tick, ul.checklist li.cross { margin-bottom:20px; }
ul.checklist li.tick:before { content:"\e81a"; font-family:"fontello"; background-color:#ebf5df; border:1px solid #5c852c; color:#5c852c; }
ul.checklist li.cross:before { content:"\e81c"; font-family:"fontello"; background-color:#fae9e8; border:1px solid #ef5350; color:#ef5350; }
ul.checklist.numbers li { counter-increment:inst; margin-bottom:15px; }
ul.checklist.numbers li:before { content:counter(inst); line-height:30px; font-size:16px; }
ol.sources li { word-break:break-all; font-size:17px; }
.main-content .tables { width:100%; overflow:auto; }
.main-content table { font-size:20px; border-collapse:collapse; text-align:center; overflow:hidden; border-radius:10px; margin:20px 0 25px 0; width:100%; }
.main-content table th { color:#fff; background-color:#2199ea; border-right:1px solid #138bdc; }
.main-content table td { color:#414042; border-right:1px solid #ddd; }
.main-content table th, .main-content table td { padding:20px 10px; }
.main-content table th:nth-last-of-type(1), .main-content table td:nth-last-of-type(1) { border-right:0; }
.main-content table tr:nth-of-type(2n) { background-color:#f1f2f2; }
/* PRODUCT SUMMARY TABLE */
.productscomparison { display:flex; align-items:center; justify-content:space-between; margin-bottom:50px; }
.productscomparison .ind-product { background-color:#fff; border-radius:10px; box-shadow: 0 14px 33px 0px rgba(0,0,0,0.07); margin-right:20px; text-align:center; padding:40px; flex:1; }
.productscomparison .ind-product:nth-last-of-type(1) { margin-right:0; }
.productscomparison .ind-product.main { border-top:20px solid #2199ea; border-bottom:10px solid #2199ea; padding:50px 40px; }
.productscomparison .ind-product .ind-prod-name { color:#111; font-size:23px; font-weight:600; margin-bottom:5px; }
.productscomparison .ind-product .ind-prod-type { color:#B6C1CF; font-weight:600; text-transform:uppercase; font-size:12px; }
.productscomparison .ind-product img { width:80%; height:200px; display:inline-block; margin:30px 0; }
.productscomparison .ind-product .ind-prod-ben { width:80%; display:inline-block; border-bottom:2px solid #F2F9FC; text-align:left; padding:10px; }
.productscomparison .ind-product .ind-prod-ben i { display:inline-block; vertical-align:middle; margin-bottom:0; margin-right:20px; }
.productscomparison .ind-product .ind-prod-ben i:before { color:#62c92b; font-size:20px; }
.productscomparison .ind-product .ind-prod-ben span { display:inline-block; vertical-align:middle; color:#0062AA; font-size:14px; font-weight:700; }
.productscomparison .ind-product a.button { height:50px; line-height:50px; padding-right:30px; background-color:#2199ea; color:#fff; text-transform:uppercase; font-size:12px; font-weight:700; width:80%; border-radius:50px; display:inline-block; position:relative; margin-top:30px; }
.productscomparison .ind-product a.button:after { content:'\e83d'; position:absolute; right:5px; background-color:#0981d2; width:40px; height:40px; top:5px; line-height:40px; border-radius:50%; text-align:center; color:#fff; font-family:'fontello'; font-size:14px; }
.productscomparison .ind-product a.button:hover { background-color:#178fe0; }
/* PRODUCTS SUMMARY BANNER */
.productstablebanner { background-color:#F2F9FC; display:flex; padding:20px 50px; justify-content:space-between; align-items:center; margin:-50px; margin-top:20px; }
.productstablebanner .ad-title { font-size:22px; font-weight:700; color:#0062AA; padding-right:20px; }
.productstablebanner a.button { border-radius:3px; background-color:#2199ea; color:#fff; padding:15px 20px; font-size:15px; font-weight:600; text-transform:uppercase; display:inline-block; }
.productstablebanner a.button:hover { background-color:#0062AA; }
/* SIDEBAR */
.side-content { width:30%; float:left; position:relative; }
.side-content .side-section { background-color:#fff; color:#414042; border-radius:5px; box-shadow:0 14px 33px 0px rgba(0,0,0,0.07); overflow:hidden; margin-bottom:40px; }
.side-content .side-section:nth-last-of-type(1) { margin-bottom:0; }
.side-content .side-section .side-title { color:#414042; font-size:14px; text-transform:uppercase; border-bottom:1px solid #ddd; padding:30px; }
.side-content .side-section .content { font-size:20px; color:#414042; padding:30px; }
/* SEARCH */
.side-content .side-section.search .side-title { border-bottom:0; padding:0; padding-bottom:20px; font-size:30px; text-transform:none; font-weight:700; color:#fff; }
.side-content .side-section.search .content { background-image:url('../images/searchbg2.jpg'); background-position:50% 50%; }
.side-content .side-section.search input { border-radius:4px; background-color:#fff; padding:10px; height:50px; font-size:14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:0; width:100%; margin-bottom:10px; }
.side-content .side-section.search input[type=submit] { width:120px; height:40px; line-height:40px; padding:0 10px; background-color:#2199ea; color:#fff; border-radius:5px; text-align:center; font-size:15px; cursor:pointer; font-weight:700; border:0; margin-bottom:0; }
.side-content .side-section.search input[type=submit]:hover { background-color:#0062AA; }
/* RELATED ARTICLES */
.side-content .side-section .articlelist { padding:20px; border-bottom:1px solid #ddd; display:flex; align-items:center; color:#414042; border-left:2px solid #fff; }
.side-content .side-section .articlelist:nth-last-of-type(1) { border-bottom:0; }
.side-content .side-section .articlelist img { border-radius:5px; margin-right:10px; width:40%; }
.side-content .side-section .articlelist .article-sidetitle { width:60%; }
.side-content .side-section .articlelist .article-sidetitle p { font-size:17px; }
.side-content .side-section .articlelist .article-sidetitle span.category { color:#2199ea; font-weight:700; text-transform:uppercase; font-size:10px; margin-bottom:10px; display:block; }
.side-content .side-section .articlelist:hover { background-color:#fafafa; border-left-color:#2199ea; }
.side-content .side-section .seemore { padding:10px 20px; border-top:1px solid #ddd; clear:both; }
/* CONTENTS TABLE */
.side-content .side-section ul.content-listings { list-style-type:none; overflow:auto; }
.side-content .side-section ul.content-listings li a { display:block; padding:20px; padding-left:40px; border-top:1px solid #ddd; color:#414042; font-size:17px; position:relative; }
.side-content .side-section ul.content-listings > li:nth-of-type(1) a { border-top:0; }
.side-content .side-section ul.content-listings > li:nth-of-type(1) li a { border-top:1px solid #ddd; }
.side-content .side-section ul.content-listings li ul { list-style-type:none; }
.side-content .side-section ul.content-listings li ul li a { padding-left:70px; }
.side-content .side-section ul.content-listings li a:hover { background-color:#fafafa; }
.side-content .side-section ul.content-listings li a:before { content:"\e838"; position:absolute; left:20px; font-size:10px; line-height:10px; top:50%; margin-top:-4px; color:#414042; font-family:"fontello"; }
.side-content .side-section ul.content-listings li ul li a:before { left:50px; font-size:8px; line-height:8px; margin-top:-2px; }
.side-content .side-section ul.content-listings li a:hover:before { color:#2199ea; }
/* AUTHOR SECTION */
.staff-container { font-size:0; }
.author-section { color:#414042; width:32%; margin-right:2%; display:inline-block; background-color:#f2f2f2; padding:20px; border-radius:5px; margin-bottom:20px; }
.author-section:nth-of-type(3n) { margin-right:0; }
.author-section img { width:38%; border-radius:50%; display:inline-block; vertical-align:middle; margin-bottom:0; border:3px solid #fff; }
.author-section .author-details { margin-left:10%; width:50%; display:inline-block; vertical-align:middle; }
.author-section .author-details .author-name { font-size:12px; text-transform:uppercase; font-weight:700; }
.author-section .author-details .role { font-size:11px; color:#555; }
.author-section .author-details p { font-size:18px; }
/* INNER CONTENTS TABLES */
.inner-table-of-contents { background-color:#f9f9f9; color:#414042; border-radius:3px; cursor:pointer; margin:-50px; margin-top:30px; padding:20px 50px; }
.inner-table-of-contents .title { font-size:16px; font-weight:700; text-transform:uppercase; line-height:1em; position:relative; padding:12px 10px 10px 10px; }
.inner-table-of-contents .title i { font-size:10px; line-height:10px; position:absolute; top:50%; margin-top:-5px; right:10px; }
.inner-table-of-contents .title i.minus { display:none; }
.inner-table-of-contents .listings { border-top:1px solid #ddd; display:none; }
.inner-table-of-contents .listings ul { padding-left:30px; list-style-type:none; }
.inner-table-of-contents .listings > ul { padding:20px; }
.inner-table-of-contents .listings ul li { margin-bottom:0; }
.inner-table-of-contents .listings ul li a { font-size:16px; text-decoration:none; position:relative; display:block; padding-left:25px; }
.inner-table-of-contents .listings ul li a:before { transition:left 200ms; content:"\e838"; position:absolute; left:10px; font-size:10px; line-height:10px; top:50%; margin-top:-4px; color:#414042; font-family:"fontello"; }
.inner-table-of-contents .listings ul li a:hover:before { left:0px; }
/* CATEGORIES FOOTER */
.categories-footer { display:flex; align-items:baseline; margin-bottom:50px; justify-content:space-between; flex-wrap:wrap; }
.categories-footer .category-section { display:block; overflow:hidden; width:15%; margin-bottom:50px; }
.categories-footer .category-section.hidden { display:none; }
.categories-footer .category-section img { display:block; width:100%; border-radius:5px; transition:all 0.25s; }
.categories-footer .category-section .content { padding-top:10px; }
.categories-footer .category-section .category-title { font-size:12px; font-weight:600; color:#444; text-transform:uppercase; }
.categories-footer .category-section p { font-size:18px; color:#414042; margin-top:10px; }
.categories-footer .category-section:hover img { opacity:0.75; }
/* CATEGORY PAGE */
.categories-footer.three { margin-bottom:0; align-items:stretch; flex-wrap:wrap; justify-content:start; }
.categories-footer.three .category-section { width:30%; margin-right:5%; background-color:#fff; border-radius:5px; margin-bottom:50px; }
.categories-footer.three .category-section:nth-of-type(3n) { margin-right:0; }
.categories-footer.three .category-section img { border-radius:0; }
.categories-footer.three .category-section .content { padding:2em; }
.categories-footer.three .category-section .category-title { text-transform:none; font-size:22px; }
.categories-footer.three .category-section:hover { box-shadow: 0 0 20px 0 rgba(0,0,0,.2); }
.categories-footer.three .category-section:hover img { opacity:1; }
/* SITEMAP PAGE */
.categories-footer.six { align-items:baseline; }
.categories-footer.six .category-section { width:15%; }
.categories-footer.six .category-section .category-title { font-size:15px; text-transform:none; text-align:center; font-weight:400; }
/* MOBILE NAVIGATION */
.mobile-nav { display:none; float:right; height:75px; border-left:1px solid #ddd; width:75px; text-align:center; margin-right:-2%; cursor:pointer; }
.mobile-nav i { line-height:75px; color:#555; }
.mobile-nav i.icon-cancel { display:none; }
.mobile-nav ul { display:none; position:fixed; top:75px; left:0; right:0; bottom:0; z-index:10000; background-color:#fff; list-style-type:none; overflow:auto; }
.mobile-nav ul a { padding:20px; border-bottom:1px solid #ddd; width:100%; display:block; color:#444; }
.mobile-nav ul a:hover { background-color:#f9f9f9; }
header.sticky { position:fixed; top:0; z-index:10000; }
/*QUOTE FORM */
.forms { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.forms .split { width:48%; margin-bottom:40px; }
.forms .split.full { width:100%; }
.forms .split.checkbox { display:flex; align-items:center; }
.forms label { font-size:16px; font-weight:500; color:#555; margin-bottom:3px; display:inline-block; }
.forms input[type=text], .forms textarea, .forms select, .forms button { -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family: 'Work Sans', sans-serif; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:16px; color:#333; outline:none; border-radius:3px; border:1px solid #d4dae3; padding:15px; transition:all ease-in-out .15s; width:100%; }
.forms textarea { height:152px; }
.forms input[type=text]:focus, .forms textarea:focus, .forms select:focus { border-bottom:1px solid #2199ea; }
.forms select { background-color:transparent; position:relative; z-index:5; overflow:hidden; height:48px; padding:13px 10px; }
.forms .select-container { position:relative; width:100%; max-width:100%; display:inline-block; background-color:#fff; }
.forms .select-container:after { position:absolute; content:"\e836"; font-size:11px; font-family:"fontello"; right:10px; top:50%; margin-top:-6px; z-index:4; color:#777;line-height:1; transition:all ease-in-out .15s; }
.forms input[type=checkbox] { margin:0; margin-right:10px; outline:none; }
.forms .terms { display:inline; margin-bottom:0; width:90%; }
.forms .terms a { color:#2199ea; }
.forms .terms a.hover { text-decoration:underline; }
.forms button.main-button { background-color:#2199ea; color:#fff; border-radius:3px; text-align:center; padding:15px 15px; font-size:20px; border:0; width:150px; cursor:pointer; }
.forms button.main-button:hover { background-color:#0062AA; }
/* SKIM STOPPERS */
p.skimstopper { background-color:#f7e8b8; padding:20px; border-left:2px solid #a87e00; padding-left:80px; position:relative; }
p.skimstopper:after { position:absolute; left:30px; color:#a87e00; font-family:'fontello'; font-size:30px; top:50%; margin-top:-15px; }
p.lightbulb:after { content:'\e82e'; }
p.info:after { content:'\e845'; }
p.warning:after { content:'\e807'; }
p.skimstopper.info { background-color:#E3EEFC; border-color:#3c89eb; }
p.skimstopper.info:after { color:#3c89eb; }
p.skimstopper.warning { background-color:#fae9e8; border-color:#ef5350; }
p.skimstopper.warning:after { color:#ef5350; }
/* INDIVIDUAL PRODUCT */
.product-type { border:5px solid #F2F9FC; padding:0 20px 20px 20px; border-radius:5px; margin-bottom:30px; }
.viewproduct { }
.viewproduct .button { border-radius: 3px; background-color: #2199ea; color: #fff; padding: 15px 20px; font-size: 15px; font-weight: 600; text-transform: uppercase; width:100%; display:block; text-align:center; cursor:pointer; margin-top:20px; }
.viewproduct .button:hover { background-color:#0062AA; }
/* NON-AMAZON */
.productstablebanner, .viewproduct, #productstable { display:none; }
@media all and (max-width: 600px) and (min-width: 0px) {
.forms .split { width:100%; }
}
/* RESPONSIVE */
@media all and (max-width: 1200px) and (min-width: 0px) {
.section-link .about i { font-size:40px; margin-right:10px; }
footer .left-section { width:100%; margin-bottom:50px; text-align:center; padding-right:0; border-right:0; }
footer .main-right-section { width:100%; padding-left:0; }
.title-container { background-color:#fff; padding-bottom:50px; border-radius:5px; display:flex; align-items:center; flex-wrap:wrap; }
.title-container .top-content { width:50%; position:static; background:transparent; margin-top:0 !important; border-top:0; }
.title-container .main-article-image { width:50%; order:2; padding:4em; padding-left:0; }
.title-container img { width:100%; margin-left:0; }
.title-container .top-content .publish-info { position:absolute; bottom:20px; left:4em; right:4em; }
.blog-section2 { display:inline; float:none; margin:0; }
.blog-section2.mobile-hidden { display:none; }
.blog-section2 .blog-link { display:flex; margin:auto; width:70%; margin-bottom:20px; align-items:center; }
.blog-section2 .blog-link .content.pullup { margin-top:0; }
.blog-section2 .blog-link img { border-bottom:0; height:auto; border-right:4px solid #2199ea; width:25%; }
}
@media all and (max-width: 900px) and (min-width: 0px) {
section.pull-up { margin-top:50px; }
.section-link { width:48%; margin-right:4%; }
.section-link:nth-of-type(3n) { margin-right:4%; }
.section-link:nth-of-type(2n) { margin-right:0; }
.categories-footer .category-section { width:31%; }
footer .right-section { width:33.333%; text-align:center; }
footer .right-section:nth-of-type(4) { width:100%; }
section h2.main { font-size:35px; }
.categories-footer.three .category-section { width:48%; margin-right:4%; }
.categories-footer.three .category-section:nth-of-type(3n) { margin-right:4%; }
.categories-footer.three .category-section:nth-of-type(2n) { margin-right:0; }
.categories-footer .category-section.hidden { display:block; }
.title-container .top-content { width:100%; padding:40px; padding-bottom:0; }
.title-container .main-article-image { width:100%; padding:2em 3em; }
.title-container .top-content .publish-info { position:absolute; bottom:20px; left:3em; right:3em; }
.main-content { width:100%; margin-right:0; }
.main-content.single { width:100%; margin-left:0; margin-right:0; }
#content-listings-container { display:none; }
.side-content { width:100%; margin-top:40px; }
.side-content .side-section .articlelist { width:50%; float:left; border-bottom:0; border-right:1px solid #ddd; }
.side-content .side-section .articlelist:nth-of-type(2n) { border-right:0; }
}
@media all and (max-width: 800px) and (min-width: 0px) {
.blog-section .blog-link { width:100%; }
.blog-section2 .blog-link { width:100%; }
.mobile-nav { display:block; }
nav.desktop { display:none; }
header a.logo img { margin-left:10px; }
.copyright .left, .copyright .right { float:none; width:100%; text-align:center; }
.copyright .left { margin-bottom:10px; }
.main-content img.right { width:40%; }
.blog-section .blog-link.small { width:100%; }
.author-section { width:49%; margin-bottom:10px; }
.author-section:nth-of-type(3n) { margin-right:2%; }
.author-section:nth-of-type(2n) { margin-right:0; }
}
@media all and (max-width: 600px) and (min-width: 0px) {
.blog-section .blog-link .content p { margin:5px 0; }
.section-link .about { display:block; text-align:center; }
.section-link .about i { margin-right:0; margin-top:15px; width:100%; }
section h2.main { font-size:30px; }
footer .right-section { width:100%; }
footer .right-section.left { padding-bottom:0; }
footer .right-section.right { padding-top:0; }
footer .right-section.right .title { display:none; }
.categories-footer.three .category-section { width:100%; margin-right:0; }
.categories-footer.three .category-section:nth-of-type(3n) { margin-right:0; }
.side-content .side-section .articlelist { width:100%; float:none; border-right:0; border-bottom:1px solid #ddd; }
.side-content .side-section .articlelist:nth-last-of-type(1) { border-bottom:0; }
.title-container .top-content .publish-info { text-align:center; border-top:0; }
.title-container .top-content span.date, .title-container .top-content span.readingtime { float:none; }
section.latest { margin-top:0; }
section.press { margin-top:50px; }
.categories-footer { margin-bottom:0; }
.main-content { padding:40px; }
.main-content h2:before { left:-40px; right:-40px; }
.main-content p.standout { padding:20px; }
.blog-section2 .blog-link .content .title { font-size:20px; margin-top:10px; }
.blog-section2 .blog-link .content { padding:0 10px; }
.blog-section .blog-link .content p, .blog-section2 .blog-link .content p { font-size:13px; }
.blog-section .blog-link.small { padding:10px 20px; }
.blog-section .blog-link .content .title { margin-bottom:10px; font-size:18px; margin-top:5px; }
}
@media all and (max-width: 450px) and (min-width: 0px) {
.section-link { width:100%; margin-right:0; }
.section-link:nth-of-type(3n) { margin-right:0; }
.copyright .right p a { padding-right:15px; }
.copyright .right p a:after { right:5px; }
.copyright p { font-size:10px; }
section h2.main { font-size:25px; }
.author-section { text-align:center; padding:20px 10px; }
.author-section img { width:60%; margin:auto; }
.author-section .author-details { width:100%; margin-top:10px; margin-left:0; }
.title-container .top-content { padding:30px; }
.title-container .main-article-image { padding:0em 2em 2em 2em; }
.main-content { padding:30px; }
.title-container { margin:15px 0; }
.title-container .top-content h1 { font-size:40px; margin-top:20px; }
.title-container .top-content p { font-size:22px; }
.main-content h2 { font-size:33px; }
.main-content h2:before { left:-30px; right:-30px; }
.main-content h3 { font-size:26px; }
.main-content p, .main-content li { font-size:20px; }
section.main { padding:20px 0; }
.side-content { margin-top:20px; }
.side-content .side-section.related { margin-bottom:0; }
.main-content img.right { width:auto; display:block; float:none; margin:0 auto 15px auto; max-width:100%; }
.main-content p.standout { padding:10px; }
}
/* MOBILE NAVIGATION */
.mobile-only-logo { display:none; }
@media all and (max-width: 800px) and (min-width: 0px) {
.mobile-only-logo { display:block; float:left; }
header { height:75px; background:#196BB6; margin-top:0; }
.mobile-nav i { color:#fff; }
}
@media all and (max-width: 400px) and (min-width: 0px) {
.mobile-only-logo { padding:7px 0; }
.mobile-only-logo img { height:61px; }
}
@media all and (max-width: 340px) and (min-width: 0px) {
.mobile-only-logo { padding:12px 0; }
.mobile-only-logo img { height:51px; }
}
/* FEATURED IN */
section.featured { margin-bottom:-60px; padding-bottom:60px; background-color:#fff; border-top:1px solid #ddd; }
.featuredin-container { display:flex; align-items:center; justify-content:space-between; }
.featuredin-container img { width:180px; }
@media all and (max-width: 1000px) and (min-width: 0px) {
.featuredin-container img { width:17%; }
}
@media all and (max-width: 700px) and (min-width: 0px) {
.featuredin-container { flex-wrap:wrap; justify-content:center; }
.featuredin-container img { width:32%; margin:0 5%; }
}
@media all and (max-width: 600px) and (min-width: 0px) {
section.featured { margin-bottom:0; }
}