@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:400,700");
@import url("https://fonts.googleapis.com/css?family=Bentham");
.blog-content p { font-size: 20px; }
@media (max-width: 500px) { .blog-content p { font-size: 14px; } }

.blog-content h1 { font-size: 2em; max-width: 60%; }

.blog-content ol li { border-left: 2px solid #ffd502; padding-left: 10px; margin: 6px; }

.blog-content ul li { border-left: 6px solid #ffd502; padding-left: 10px; margin: 30px; }

.blog-posts { margin: 0px; }

.blog-posts-tags { margin-top: 0px; margin-bottom: 20px; max-width: 450px; }

.blog-posts-item { display: block; font-size: 18px; padding: 30px; background: #FFF; margin: 20px; border-radius: 8px; top: 2px; }

.blog-posts-spacer { padding: 5px; }

.blog-title { font-size: 34px; font-weight: 700; line-height: 34px; width: 100%; }

.blog-content a { color: #4a90e2 !important; text-decoration: underline; }
.blog-content a:hover { color: #44668c !important; text-decoration: underline !important; }

.webinar-content { margin-top: 30px; }

.webinar-content p { font-size: 20px; }
@media (max-width: 500px) { .webinar-content p { font-size: 14px; } }

.webinar-content h1 { font-size: 2em; max-width: 60%; }

.webinar-content ol li { border-left: 2px solid #ffd502; padding-left: 10px; margin: 6px; }

.webinar-content ul li { border-left: 6px solid #ffd502; padding-left: 10px; margin: 30px; }

.guide-content { margin-top: 30px; }

.guide-content p { font-size: 20px; }
@media (max-width: 500px) { .guide-content p { font-size: 14px; } }

.guide-content h1 { font-size: 2em; max-width: 60%; }

.guide-content ol li { border-left: 2px solid #ffd502; padding-left: 10px; margin: 6px; }

.guide-content ul li { border-left: 6px solid #ffd502; padding-left: 10px; margin: 30px; }

.blog-lead-text { width: 100%; line-height: 26px; }

.blog-gradient { position: relative; z-index: 1; height: 5em; margin-top: -5.0em; top: 6px; background: linear-gradient(rgba(255, 255, 255, 0.001), #ffffff); }

.blog-attribution { margin: 7px 0px 20px 0px; font-size: 14px; }

.read-more { display: block; padding-top: 10px; }

.blog-page-btn { position: relative; margin-top: 12px; z-index: 10000; }

.blog-page-btn a { display: inline-block; background: #4a90e2; color: #FFF; padding: 8px 40px 8px 40px; text-align: center; border-radius: 6px; font-size: 15px; }

.blog-page-btn a:hover { color: #fff; background-color: #44668c; }

.blog-page-btn a:visited { color: #fff; background-color: #4a90e2; }

@media (max-width: 940px) { .blog-title { font-size: 30px; font-weight: 700; line-height: 34px; width: 100%; } }
.blog-posts-container { background: #ffffff; padding: 35px 0 50px 0; border-top: solid 1px #b1b1b1; min-width: 400px; }

.blog-posts-wrapouter { position: relative; margin: 0 5px; min-width: 265px; }

.blog-posts-wrapouter:after { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); border-radius: 6px; left: 0; right: 0; top: 20px; bottom: 0; display: block; content: ""; background: #ffd502; position: absolute; -ms-transform: skew(1deg, -0.5deg); /* IE 9 */ -webkit-transform: skew(1deg, -0.5deg); /* Safari */ transform: skew(1deg, -0.5deg); /* Standard syntax */ }

.blog-posts-wrapouter:before { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); border-radius: 6px; left: 0; right: 0; top: 20px; bottom: 0; display: block; content: ""; background: #fff; position: absolute; -ms-transform: skew(3deg, -1deg); /* IE 9 */ -webkit-transform: skew(3deg, -1deg); /* Safari */ transform: skew(3deg, -1deg); /* Standard syntax */ }

.blog-posts-wrap { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); border-radius: 6px; padding: 0px 30px 0px; background: #FFF; position: relative; z-index: 5; margin: 0 5px; }

.post-info { margin-bottom: 0px; text-align: center; }

.post-title { font-size: 35px; font-weight: 700; text-align: center; max-width: 600px; margin: auto; }

.post-attribution { text-align: center; font-weight: 400; font-size: 16px; margin: 10px 0px 10px 0px; }

.post-date { font-weight: 400; }

.post-tags { text-align: center; }

.post-tags li { display: inline; font-size: 8px; padding: 6px; margin: 2px; border-radius: 4px; background-color: #e2e2e2; color: #000; text-transform: uppercase; font-family: var(--old-body-font); letter-spacing: 2px; text-align: center; }

.pagination { display: table; margin: 0 auto; }

.previous-page { margin: 0 2px; padding: 5px 20px 0 0; font-weight: 400; }

.previous-page-n { color: #bbbbbb; margin: 0 2px; padding: 5px 20px 0 0; font-weight: 400; }

.page-num { margin: 0 2px; padding: 5px; }

.next-page { margin: 0 2px; padding: 5px 0 0 20px; font-weight: 400; }

.next-page-n { color: #bbbbbb; margin: 0 2px; padding: 5px 0 0 20px; font-weight: 400; }

.content-wrap-tags { padding: 20px 50px 20px; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); border-radius: 6px; background: #FFF; position: relative; margin-bottom: 10px; }

.blog-posts-tags-item { font-size: 8px; display: inline-block; padding: 6px 5px 5px 6px; margin: 2px; border-radius: 4px; background-color: #e2e2e2; color: #000; text-transform: uppercase; font-family: var(--old-body-font); letter-spacing: 2px; text-align: center; z-index: 2; position: relative; }

.blog-posts-tags-item:hover { background-color: #efefef; }

.tags-top { text-align: center; justify-content: center; }

.tags-item { margin-bottom: 0px; }

.tags-title { display: inline; }

.tags-date { display: inline; font-size: 12px; color: #b1b1b1; }

.tags-container { margin-top: 5px; margin-bottom: 10px; }

.press-hover a:hover { color: #999; }

 /* ------------------------------------------------------------------ 							MEDIA STYLES
-------------------------------------------------------------------


###################################################################
		[LARGE RESPONSIVE] Normal and Large Desktops/Laptops	
###################################################################
*/
@media (min-width: 1347px) { .anchor-fix { padding-top: 90px; margin-top: -80px; position: relative; z-index: 1; } }
/* 
###################################################################
		[MEDIUM RESPONSIVE] Tablets, Small Desktops/Labtops	
###################################################################
*/
@media (max-width: 1346px) { .anchor-fix { padding-top: 130px; margin-top: -120px; z-index: 1; position: relative; }
  .inner-page .content-wrap-tags h2 { padding-top: 130px; margin-top: -120px; z-index: 1; position: relative; } }
/* 
###################################################################
			[SMALL RESPONSIVE] Phones, Small Tablets	
###################################################################
*/
@media (max-width: 766px) { .anchor-fix { padding-top: 80px; margin-top: -70px; z-index: 1; position: relative; }
  .inner-page .content-wrap-tags h2 { padding-top: 80px; margin-top: -70px; z-index: 1; position: relative; } }
@media (max-width: 425px) { .blog-title { font-size: 24px; line-height: 28px; }
  .blog-posts-wrap { padding: 0px; }
  .blog-lead-text { display: none; }
  .blog-posts-tags-item, .post-tags { display: none; }
  .tag-page .blog-posts-tags-item { display: inline-block; }
  .blog-posts-item { margin: 0px; min-height: 288px; }
  .blog-attribution { font-size: 12px; }
  .blog-posts-spacer { padding: 15px; } }
.content-hero-container { background: linear-gradient(#fdf2c4, #fff8d6); }

.content-hero { padding: 80px 50px 80px; background: #FFF; position: relative; background: url(https://minutebox.media/www/backgrounds/3d-logo-bg.png); background-repeat: no-repeat; background-size: 1200px 400px; background-position: center; transition: all 2s; }
@media (max-width: 900px) { .content-hero { background-size: 900px 300px; } }
@media (max-width: 600px) { .content-hero { background-size: 800px 267px; grid-gap: 30px; padding: 90px 50px; } }
@media (max-width: 500px) { .content-hero { background-size: 450px 180px; grid-gap: 30px; padding: 90px 50px; } }
@media (max-width: 400px) { .content-hero { background-size: 350px 116px; grid-gap: 30px; padding: 90px 50px; } }

.content-hero h2 { font-size: 20px !important; }

#content-wrap-blog-margin2 { margin-bottom: 0px; }

.blog2-posts { margin: 0px; display: grid; grid-auto-columns: 1fr; grid-column-gap: 20px; grid-row-gap: 50px; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto; padding: 0px 100px; padding-top: 50px; }
@media (max-width: 1200px) { .blog2-posts { grid-template-columns: 1fr 1fr 1fr 1fr; } }
@media (max-width: 1000px) { .blog2-posts { grid-template-columns: 1fr 1fr 1fr; } }
@media (max-width: 900px) { .blog2-posts { grid-template-columns: 1fr 1fr; } }
@media (max-width: 650px) { .blog2-posts { grid-template-columns: 1fr; padding: 12%; } }

.blog-featured-image img { height: 400px; }
@media (max-width: 1300px) { .blog-featured-image img { width: 100%; height: 100%; } }

.blog-featured-item-container { display: grid; grid-template-columns: auto 1fr; padding: 50px 100px 25px 100px; }
@media (max-width: 1300px) { .blog-featured-item-container { grid-template-columns: 1fr; padding: 2% 12% 4% 12%; } }

.blog-featured-content { background: white; padding: 30px 40px; height: 400px; overflow: hidden; }
@media (max-width: 1300px) { .blog-featured-content { height: initial; overflow: initial; } }

.blog-2posts-tags { margin-top: 0px; margin-bottom: 20px; max-width: 450px; display: none; }

.blog2-posts-wrapouter { background-color: white; height: 100%; transition: box-shadow 120ms ease-in; border-top-right-radius: 6px; border-top-left-radius: 6px; }
.blog2-posts-wrapouter:hover { box-shadow: 1px 1px 10px; }

@media (max-width: 1300px) { .blog-image { height: 100%; } }

.blog-image img { border-top-right-radius: 6px; border-top-left-radius: 6px; }

.blog-image video { border-top-right-radius: 6px; border-top-left-radius: 6px; }

.blog2-posts-item { padding: 20px; }

.blog-posts2-spacer { padding: 5px; }

.blog2-title { font-size: 26px; line-height: 120%; margin-top: 0px; margin-bottom: 0px; font-family: var(--header-font); font-weight: 300; letter-spacing: -1px; }

.blog2-content { margin-top: 30px; }

.blog2-lead-text { width: 100%; line-height: 22px; font-size: 14px; }

.blog2-gradient { position: relative; z-index: 1; height: 5em; margin-top: -5.0em; top: 6px; background: linear-gradient(rgba(255, 255, 255, 0.001), #ffffff); }

.blog2-attribution { margin: 7px 0px 20px 0px; font-size: 14px; opacity: 0.7; }

.read2-more { display: block; padding-top: 10px; }

.blog2-page-btn { position: relative; margin-top: 12px; z-index: 1; }

.blog2-page-btn a { display: inline-block; background: #4a90e2; color: #FFF; padding: 8px 40px 8px 40px; text-align: center; border-radius: 6px; font-size: 15px; }

.blog2-page-btn a:hover { color: #fff; background-color: #44668c; }

.blog2-page-btn a:visited { color: #fff; background-color: #4a90e2; }

#content2-wrap-blog-margin { margin-bottom: 20px; }

@media (max-width: 940px) { .blog2-title { font-size: 30px; font-weight: 700; line-height: 34px; width: 100%; }
  /* Hide TOC on mobile */
  .toc-container { display: none !important; }
  /* Hide sidebar on mobile */
  .sidebar { display: none !important; }
  /* Hide placeholder on mobile */
  .toc-placeholder { display: none !important; }
  /* Adjust grid layout for mobile */
  .toc-container-fluid { grid-template-columns: 1fr; grid-gap: 0.5rem; }
  .toc-container { width: 100%; order: -1; /* Move TOC to top on mobile */ }
  .toc-container-inner { width: 100%; } }
/* Override main-frame overflow for sticky TOC to work */
body .main-frame { overflow: visible !important; }

/* Ensure body and html allow scrolling */
html, body { overflow-x: visible !important; overflow-y: auto !important; }

/* Ensure content-wrapper allows scrolling */
.content-wrapper { overflow: visible !important; }

/* Ensure blog-content has enough height for scrolling */
.blog-content { min-height: 200vh; /* Force enough content height for scrolling */ }

.toc-container-fluid { width: 100%; display: grid; margin-top: 20px; margin-right: auto; margin-left: auto; padding: 0 10px; max-width: calc(1172px + 200px); grid-template-columns: auto 1fr auto; grid-gap: 1rem; min-height: 100vh; /* Ensure container has enough height for sticky positioning */ position: relative; /* Create a positioning context for sticky elements */ }

.toc-container { width: 250px; position: relative; align-self: start; }

.toc-container-inner { position: relative; padding: 10px; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 8px; height: auto; overflow-y: auto; max-height: calc(100vh - 40px); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); border-radius: 6px; background: #FFF; width: 250px; z-index: 300; /* Higher than header z-index: 200 */ }

.toc-container h3 { font-size: 1.2rem; margin-bottom: 10px; }

#table-of-contents ul { list-style-type: none; padding: 0; margin: 0; }

#table-of-contents ul li { margin-bottom: 0.6rem; font-size: 1rem; }

#table-of-contents ul li a { text-decoration: none; color: #007bff; transition: color 0.3s; }

#table-of-contents ul li a:hover { color: #0056b3; }

.back-button-container { text-align: left; width: 100%; grid-column: span 3; }

.back-button { background-color: #4a90e2; color: #fff; padding: 10px 20px; font-size: 16px; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; }

.back-button:hover { background-color: #44668c; }

/* Sidebar Lead Capture Form */
.sidebar { display: grid; grid-gap: 1rem; height: fit-content; position: relative; width: 250px; }

.sidebar-inner { position: relative; display: grid; grid-gap: 1rem; }

.sidebar-content { background: #fff; padding: 15px; border-radius: 4px; box-shadow: none; height: fit-content; max-width: 300px; }

.sidebar-content h3 { font-size: 1.5rem !important; color: #333; margin-bottom: 10px !important; }

.sidebar-content p { font-size: 1rem; color: #666; margin-bottom: 20px; }

#lead-capture-form .form-group { margin-bottom: 15px; }

#lead-capture-form .form-input { width: 100%; padding: 10px; font-size: 1rem; border: 1px solid #ddd; border-radius: 5px; box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1); }

#lead-capture-form .form-input:focus { border-color: #4a90e2; outline: none; box-shadow: 0 0 5px rgba(74, 144, 226, 0.5); }

#lead-capture-form .checkbox-group { display: flex; align-items: flex-start; gap: 10px; }

#lead-capture-form .checkbox-group input[type="checkbox"] { margin-top: 2px; }

#lead-capture-form .checkbox-group label { font-size: 0.9rem; color: #666; }

#lead-capture-form .btn-submit { background-color: #4a90e2; color: #fff; padding: 10px 20px; font-size: 1rem; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; }

#lead-capture-form .btn-submit:hover { background-color: #44668c; }

.what-to-do-now { margin-top: 40px; padding: 20px; border: 1px solid #ddd; border-radius: 8px; background-color: #fff; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); margin-bottom: 20px; }

.what-to-do-now h3 { font-size: 1.5rem; font-weight: 700; margin-bottom: 15px; color: #333; }

.what-to-do-now ol { list-style-type: none; padding: 0; margin: 0; counter-reset: item; }

.what-to-do-now ol li { border-left: none; padding-left: 0px; margin: 0px; font-size: 1rem; margin-bottom: 15px; display: block; align-items: center; }

.what-to-do-now ol li::before { content: counter(item) "."; counter-increment: item; font-weight: bold; color: #333; font-size: 1.2rem; margin-right: 0.5rem; }

.what-to-do-now .link-highlight { color: #007bff; text-decoration: underline; transition: color 0.3s ease; }

.what-to-do-now .link-highlight:hover { color: #0056b3; }

.what-to-do-now .social-link { text-decoration: none; color: #333; margin-left: 5px; transition: color 0.3s ease; }

.what-to-do-now .social-link:hover { color: #007bff; }

.resource-links { list-style: none; padding: 0; margin: 0; }

.resource-links li { margin-bottom: 12px; padding: 8px 0; border-bottom: 1px solid #f0f0f0; }

.resource-links li:last-child { border-bottom: none; margin-bottom: 0; }

.resource-links a { color: #4a90e2; text-decoration: none; font-size: 0.9rem; line-height: 1.4; transition: color 0.3s ease; }

.resource-links a:hover { color: #44668c; text-decoration: underline; }

.resource-links strong { color: #333; font-weight: 600; }

/* Smaller font sizes for sidebar content */
.sidebar-content h3 { font-size: 1.1rem; margin-bottom: 0.5rem; }

.sidebar-content p { font-size: 0.8rem; line-height: 1.3; margin-bottom: 1rem; }

/* Smaller font sizes for table of contents */
#table-of-contents h3 { font-size: 0.9rem; margin-bottom: 0.4rem; font-weight: 600; }

#table-of-contents ul { font-size: 0.75rem; line-height: 1.2; }

#table-of-contents li { margin-bottom: 0.6rem; }

#table-of-contents a { line-height: 1.2; color: #666; text-decoration: none; }

#table-of-contents a:hover { color: #4a90e2; text-decoration: underline; }

/* Reset.css */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

div, img, a, ul, li, span, h1, h2, h3, h4, h5 { padding: 0 0 0 0; margin: 0 0 0 0; list-style: none; border: 0; outline: none !important; }

.clear { clear: both; }

textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], input[type="email"], .input-checkbox { -webkit-appearance: none; }

html { scroll-behavior: smooth; }

a { cursor: pointer; color: inherit; text-decoration: none; }

a:hover, a:focus { text-decoration: none; color: inherit; }

.special-link { border-bottom: 1px #4a4a4a dashed; }

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

button:focus, button:hover { outline: 0; }

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

/* Normal Styling */
html, body { padding: 0; margin: 0; }

body { font-family: 'Roboto Slab', serif; font-size: 17px; font-weight: 400; color: #424242; background-color: #ffd502; }

hr { border: none; height: 2px; border-radius: 2px; color: #FFF; background-color: #FFF; padding-top: 1px; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1.2; margin-bottom: 25px; margin-top: 0; }

h2 { font-size: 40px; font-weight: 700; }

h3 { font-size: 38px; font-weight: 400; }

h4 { font-size: 28px; font-weight: 700; }

h5 { font-size: 26px; font-weight: 700; }

h6 { font-size: 18px; font-weight: 700; }

p { margin-bottom: 30px; margin-top: 0; }

h3 .career-box { font-weight: 800; }

h6 .career-box { font-size: 25px; padding-top: 17px; color: #505050; }

.p-fixed-width p { max-width: 470px; }

.container-fluid { width: 100%; margin-right: auto; margin-left: auto; padding: 0 100px; max-width: calc(1172px + 200px); }

.max-width-2 { max-width: 1050px; margin-left: auto; margin-right: auto; display: block; }

.max-width-3 { max-width: 666px; margin-left: auto; margin-right: auto; display: block; }

.row-fluid { width: 100%; *zoom: 1; }

.row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; }

.row-fluid:after { clear: both; }

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

.main-frame { padding: 0; margin: 0; display: block; overflow: hidden; }

.header { display: block; padding: 0px 0px; position: relative; }

.home .banner { padding-bottom: 50px; padding-left: 50px; }

.header:before { width: 1100px; background: #FFF; content: ""; display: block; position: absolute; top: -100px; left: calc((100% - 1172px) / 2 - 450px); bottom: -60px; -ms-transform: rotate(-10deg); /* IE 9 */ -webkit-transform: rotate(-10deg); /* Safari */ transform: rotate(-10deg); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); }

.nav-head { position: relative; z-index: 1; padding: 50px 0 0 0; }

.nav-head > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.logo { display: block; padding: 0; margin: 25px; }

.logo a { display: block; max-width: 165px; padding: 0; }

.logo a img { display: block; }

.navbar-toggle { display: none; }

.navbar-collapse > ul { margin: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.navbar-collapse > ul > li { color: #424242; position: relative; }

.navbar-collapse > ul > li + li { margin-left: -5px; }

.navbar-collapse > ul > li > a { color: inherit; display: block; padding: 5px 15px; position: relative; font-size: 14px; border-radius: 4px; }

.mobile-bg { color: #FFF; background-color: #666666; }

.login-padder { padding-left: 15px; }

.current-menu-item { background: #fff; border-radius: 4px; }

.banner { padding: 70px 0 80px 0; position: relative; z-index: 1; }

.banner-content { max-width: 476px; }

.banner-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.banner-btn a { background: #FFF; min-width: 195px; text-align: center; padding: 13px 15px; margin-right: 16px; border-radius: 10px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); margin-top: 16px; }

.banner-btn a + a { background: #ffd502; }

.slide-outer { background: url(/assets/images/mb-angle@2x.png) repeat-x left top; background-size: auto 100%; height: 458px; -ms-transform: rotate(-10deg); /* IE 9 */ -webkit-transform: rotate(-10deg); /* Safari */ transform: rotate(-10deg); margin-left: -80px; margin-right: -80px; }

.home-section-2 { background: #424242; color: #FFF; -ms-transform: rotate(-10deg); /* IE 9 */ -webkit-transform: rotate(-10deg); /* Safari */ transform: rotate(-10deg); margin-top: 20px; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px; padding-top: 200px; padding-bottom: 200px; z-index: 1; position: relative; }

.home-section-2 .container-fluid { -ms-transform: rotate(10deg); /* IE 9 */ -webkit-transform: rotate(10deg); /* Safari */ transform: rotate(10deg); }

.page-text-btn { position: relative; padding-top: 20px; z-index: 2; }

.page-text-btn a:before { content: ""; width: 65px; height: 5px; background: #ffd502; display: block; margin-bottom: 10px; }

.home-whitebar { background: #FFF; height: 300px; -ms-transform: rotate(-10deg); /* IE 9 */ -webkit-transform: rotate(-10deg); /* Safari */ transform: rotate(-10deg); margin-left: -100px; margin-right: -100px; }

.home-section-3 { position: relative; z-index: 1; margin-top: -170px; padding-bottom: 150px; }

.home-section-3 .page-text-btn a:before { background: #FFF; margin-left: auto; margin-right: auto; }

.home-section-4 { padding-top: 100px; margin-bottom: 22px; position: relative; z-index: 1; }

.home-content-area { background: #FFF; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); border-radius: 6px; padding-bottom: 140px; position: relative; padding-left: 40px; padding-right: 40px; }

.home-content-area:before { background: url(/assets/images/browser-left@2x.png) no-repeat center top; background-size: contain; content: ""; width: 725px; height: 913px; position: absolute; right: 100%; margin-right: -200px; top: -243px; z-index: 1; }

.home-content-area:after { background: url(/assets/images/browser-right@2x.png) no-repeat center top; background-size: contain; width: 754px; height: 949px; content: ''; top: 200px; left: 100%; position: absolute; z-index: 1; margin-left: -180px; }

.tab-overlap { color: #FFF; background: #3e2723; border-radius: 6px; margin-top: 40px; -ms-transform: rotate(10deg); /* IE 9 */ -webkit-transform: rotate(10deg); /* Safari */ transform: rotate(10deg); margin-left: -200px; margin-right: -200px; top: -100px; position: relative; padding-left: 200px; padding-right: 200px; }

.tab-img { content: ""; display: block; margin: 0px auto 0; background: url(/assets/images/mb-labels@2x.png) no-repeat center top; background-size: auto auto; background-size: contain; width: 700px; height: 188px; position: absolute; top: -205px; left: 50%; margin-left: -350px; }

.tab-overlap .max-width-3 { -ms-transform: rotate(-10deg); /* IE 9 */ -webkit-transform: rotate(-10deg); /* Safari */ transform: rotate(-10deg); padding-top: 150px; padding-bottom: 150px; }

.btm-spacer { padding: 100px; }

.max-inner { max-width: 550px; }

.home-section-5 { position: relative; z-index: 1; }

.content-grid { background: #FFF; height: 100%; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); border-radius: 6px; padding: 40px 70px 45px; position: relative; z-index: 2; display: grid; grid-template-columns: 1fr; }

.ct-inner { max-width: 466px; }

.home-section-demo { background-color: #FFF; }

.content-grid i { display: block; margin-bottom: 30px; }

.content-grid i img { max-height: 80px; max-width: 80px; }

.page-btn { position: relative; }

.page-btn a { display: inline-block; background: #44668c; color: #FFF; min-width: 216px; padding: 9px 15px; text-align: center; border-radius: 4px; }

.ct-grid-2 { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); position: relative; top: -4px; }
.ct-grid-2.tilted { -ms-transform: rotate(-0.8deg); -webkit-transform: rotate(-0.8deg); transform: rotate(-0.8deg); -webkit-transition: -webkit-transform 0.5s ease-in-out 1.35s; transition: -webkit-transform 0.5s ease-in-out 1.35s; transition: transform 0.5s ease-in-out 1.35s; transition: transform 0.5s ease-in-out 1.35s, -webkit-transform 0.5s ease-in-out 1.35s; }

.ct-grid-2 i, .ct-grid-2 .ct-inner { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); position: relative; }
.ct-grid-2 i.tilted, .ct-grid-2 .ct-inner.tilted { -ms-transform: rotate(0.8deg); -webkit-transform: rotate(0.8deg); transform: rotate(0.8deg); -webkit-transition: -webkit-transform 0.5s ease-in-out 1.45s; transition: -webkit-transform 0.5s ease-in-out 1.45s; transition: transform 0.5s ease-in-out 1.45s; transition: transform 0.5s ease-in-out 1.45s, -webkit-transform 0.5s ease-in-out 1.45s; }

.ct-grid-3 { background: #FFFFFF; background-size: 100% auto; padding-bottom: 110px; z-index: 1; }

.ct-grid-3-background { content: ""; background: url(/assets/images/bg-patern1.png) no-repeat left bottom; background-size: 100% auto; left: 2px; right: 0; bottom: 0; top: 0px; display: block; position: absolute; -webkit-box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3); }
.ct-grid-3-background.infinite { top: -40px; -webkit-transition: top 2s ease-in-out 0s; transition: top 2s ease-in-out 0s; }

.ct-grid-4 { background: url(/assets/images/bg-patern2.png) no-repeat left top #FFF; padding-top: 60px; }

.ct-grid-4 .ct-inner { margin-right: 145px; margin-bottom: 40px; justify-self: end; }

.ct-grid-4 i { margin-left: 30px; }

.content-wraper { padding-bottom: 45px; }

.form-container { background: #ffffff; padding: 35px 0 50px 0; border-top: solid 1px #b1b1b1; }

.form-wrapouter { position: relative; margin: 0 5px; }

.form-wrapouter:after { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); border-radius: 6px; left: 0; right: 0; top: 20px; bottom: 0; display: block; content: ""; background: #ffd502; position: absolute; -ms-transform: skew(1deg, -0.5deg); /* IE 9 */ -webkit-transform: skew(1deg, -0.5deg); /* Safari */ transform: skew(1deg, -0.5deg); /* Standard syntax */ }

.form-wrapouter:before { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); border-radius: 6px; left: 0; right: 0; top: 20px; bottom: 0; display: block; content: ""; background: #fff; position: absolute; -ms-transform: skew(3deg, -1deg); /* IE 9 */ -webkit-transform: skew(3deg, -1deg); /* Safari */ transform: skew(3deg, -1deg); /* Standard syntax */ }

.form-wrap { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); box-shadow: 0 0 4px rgba(0, 0, 0, 0.6); border-radius: 6px; padding: 60px 30px 50px; background: #FFF; position: relative; z-index: 5; margin: 0 5px; }

.form-content .row { margin-left: -10px; margin-right: -10px; }

.form-content [class^="col-"] { margin-bottom: 20px; padding-left: 10px; padding-right: 10px; }

.form-content input, .form-content textarea, .form-content select { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; height: 40px; border-radius: 6px; width: 100%; border: 0; padding: 8px 20px; font-size: 15px; }

.form-content textarea { height: 110px; }

.form-content .form-check { padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.form-content input[type="checkbox"], .form-content input[type="radio"] { width: auto; height: auto; /*margin-left: 15px;*/ margin-right: 10px; -webkit-box-shadow: none; box-shadow: none; }

.form-content .form-check label { font-size: 9px; margin: 0; padding-top: 1.2em; }

.form-content input[type="submit"] { background: #4a90e2; color: #FFF; cursor: pointer; font-weight: 700; border: 0; }

.form-content input[type="submit"]:hover { background: #ffd502; color: #424242; }

.form-content ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity: 1; }

.form-content ::-moz-placeholder { /* Firefox 19+ */ opacity: 1; }

.form-content :-ms-input-placeholder { /* IE 10+ */ opacity: 1; }

.form-content :-moz-placeholder { /* Firefox 18- */ opacity: 1; }

.from-content { font-size: 15px; max-width: 262px; margin: 0 auto; }

.from-content:before { content: ""; height: 5px; width: 128px; border-radius: 4px; background: #ffd502; display: block; margin-bottom: 15px; }

.from-content h4 { margin-bottom: 5px; line-height: 1.3; }

.footer { background: #424242; padding: 0px 0 25px 0; font-size: 12px; color: #FFF; }

.footer .container-fluid { padding-top: 60px; position: relative; }

.footer a { color: inherit; }

.footer a:hover { color: #ffd502; }

.footer h6 { font-size: 12px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; }

.footer p, .footer ul { margin-bottom: 15px; }

.ft-logo { margin-top: 45px; }

.ft-logo a { display: block; max-width: 137px; }

.home-sec2-img img { max-width: none; }

#back-top { position: absolute; right: 100px; top: -28px; }

#back-top a { background: url(/assets/images/mb-chat-bubble@2x.png) no-repeat center center; background-size: contain; width: 57px; height: 57px; display: block; text-align: left; text-indent: -99999px; }

.sucess-msg { background: #ffd505; color: #444; text-align: center; border-radius: 4px; padding: 6px 10px; margin-bottom: 20px; font-size: 14px; display: none; }

/*inner-page*/
.logo-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 5px; justify-items: center; padding: 30px 50px 30px 50px; padding: 30px; }

.logo-item { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); }

.logo-container { background-color: #FFF; }

.testimonial-container { background-color: #FFF; -webkit-box-shadow: 0px 1px 4px rgba(214, 199, 199, 0.6); box-shadow: 0px 1px 4px rgba(189, 189, 189, 0.6); }

.testimonial-container h1 { text-align: center; padding-top: 100px; font-size: 3em; }

.testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; justify-items: center; padding: 30px 50px 30px 50px; background-color: #FFF; }

.testimonial-item { background-color: #FFF; min-height: 200px; padding: 80px; border-radius: 10px; -webkit-box-shadow: 0px 1px 4px rgba(214, 199, 199, 0.6); box-shadow: 0px 1px 4px rgba(189, 189, 189, 0.6); }

.navbar-collapse, .navbar-toggle { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.grey-style .background-behind-nav { background: #efeff4; }

.inner-page { background: #efefef; }

.inner-page h2 { font-size: 50px; margin-bottom: 30px; }

.inner-page h3 { font-size: 38px; margin-bottom: 32px; }

.inner-page .header { background: #FFF; padding-bottom: 0px; padding-top: 0; /*	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.8);
box-shadow: 0 0 8px rgba(0,0,0,0.8);*/ }

.inner-page .header::before { display: none; }

.inner-page .nav-head { background: #FFF; }

.inner-page .banner-content { max-width: 900px; text-align: center; margin: 0 auto; padding: 0; }

.inner-page .banner-content h2 { font-size: 40px; }

.inner-page .banner-content p { font-size: 26px; }

.inner-page .content-wraper { padding-top: 5%; }

.content-wrap { padding: 100px 100px 80px; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); border-radius: 6px; background: #FFF; position: relative; margin-bottom: 100px; }

.content-wrap-clear { padding: 100px 100px 80px; -webkit-box-shadow: 0px 1px 4px #c3b7b799; box-shadow: 0px 1px 4px #c3b7b799; border-radius: 6px; position: relative; margin-bottom: 100px; }

.content-wrap-left { text-align: left; padding: 100px 100px 80px; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); border-radius: 6px; background: #FFF; position: relative; margin-bottom: 100px; }

.content-wrap-right { text-align: right; padding: 100px 100px 80px; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); border-radius: 6px; background: #FFF; position: relative; margin-bottom: 100px; }

.page-head { max-width: 900px; margin: 0 auto 90px; font-size: 20px; }

.line-head { width: 65px; height: 5px; background: #ffd502; display: block; margin-bottom: 25px; }

.m-center-auto { margin-left: auto; margin-right: auto; }

.value-container { display: grid; grid-template-columns: 55% 45%; grid-gap: 25px; margin-right: -50px; margin-bottom: -110px; }

.value-grid-outer { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 25px; }

.value-grid { -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); border-radius: 6px; background: #FFF; padding: 20px 20px 10px; text-align: center; }

.value-grid h5 { margin-bottom: 15px; }

.value-grid p { margin: 0; }

.value-grid i { display: block; max-width: 24px; margin: 0 auto 10px; }

.value-container .page-head { -ms-flex-item-align: center; align-self: center; }

.press-grid-outer { position: relative; margin: 50px 35px; }

.press-grid-outer:after { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); border-radius: 6px; left: 15px; right: 15px; top: 0; bottom: 0; display: block; content: ""; background: #ffd502; position: absolute; -ms-transform: skew(0deg, -2deg); -webkit-transform: skew(0deg, -2deg); transform: skew(0deg, -2deg); }

.press-grid { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); border-radius: 6px; background: #FFF; padding: 35px 45px 10px; position: relative; z-index: 1; }

.press-grid a { color: #4a90e2; }

.press-grid h6 { font-weight: 400; margin-bottom: 5px; }

h6.press-date { font-weight: 700; margin-bottom: 10px; }

.press-set + .press-set { margin-top: 100px; }

.join-wrap { -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); border-radius: 6px; background: #FFF; position: relative; padding: 60px 60px; display: grid; grid-template-columns: auto 250px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 80px; max-width: 930px; margin: 0 auto; }

.join-wrap h3 { margin-bottom: 15px; font-weight: 400; }

.join-wrap h5 { font-weight: 400; margin-bottom: 0; }

.inner-page .page-btn a { background: #4a90e2; color: #FFF; font-size: 22px; border-radius: 6px; min-width: 250px; padding: 12px 15px; max-width: 350px; }

.data-plans-container { width: 70%; max-width: 900px; background: white; margin: auto; position: relative; border: 1px solid #efefef; bottom: -175px; text-align: center; z-index: 4; border-radius: 7px; padding: 15px 0px; }

.data-plans { display: grid; max-width: 1000px; margin: 0px auto 0; padding: 50px; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }

.data-plans li { margin-bottom: 10px; }

.data-plans a { display: block; text-align: center; color: #44668c; font-size: 20px; padding: 10px; }

.data-plans a:hover { -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1); border-radius: 6px; background: #FFF; }

.data-plans a:active { -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }

.data-plans i { display: block; margin: 20px auto 0; color: #f9d600; font-size: 26px; }

.icon-img { margin-bottom: 20px; display: block; }

.grid-container { display: grid; }

.grid-container-inner { display: grid; padding: 10px; grid-auto-rows: minmax(100px, auto); grid-template-columns: repeat(3, 1fr); grid-gap: 18px; }

.three-column-white { display: grid; padding: 10px; grid-auto-rows: minmax(100px, auto); grid-template-columns: repeat(3, 1fr); grid-gap: 20px; }

.grid-container-inner .grid-item { background-color: #FFF; grid-column-gap: 60px; padding: 30px; }

.feature-box { display: grid; grid-template-columns: 1fr 3fr; column-gap: 20px; }

.block-color-noshadow { padding: 100px; border-radius: 6px; position: relative; margin-bottom: 100px; background-color: #4085e0; color: #FFF; }

.block-white-shadow-yellow { background-color: #ffd502; justify-self: center; grid-template-columns: minmax(200px, 0.5fr); }

.block-white-shadow-white { background-color: #FFF; justify-self: center; }

.square-grid { /* Grid Fallback */ display: flex; flex-wrap: wrap; /* Supports Grid */ display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-auto-rows: minmax(150px, auto); grid-gap: 1em; }

.square-module { /* Demo-Specific Styles */ display: flex; align-items: center; justify-content: center; height: 200px; padding: 20px; /* Flex Fallback */ margin-left: 5px; margin-right: 5px; flex: 1 1 200px; }

/* If Grid is supported, remove the margin we set for the fallback */
@supports (display: grid) { .module { margin: 0; } }
.feature-one-column { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; grid-column-gap: 60px; padding-bottom: 40px; }

.feature-two-column { display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr; grid-column-gap: 60px; padding-bottom: 40px; }

.feature-image { color: #FFF; align-self: start; }

.feature-text { background-color: #FFF; padding: 40px; }

.align-self-center { align-self: center; }

.align-self-stretch { align-self: stretch; }

.feature-block-two-column { display: grid; grid-template-columns: 1fr 2fr; grid-template-rows: 1fr; align-items: end; }

.feature-block-item-left { grid-column-start: 1; grid-column-end: 2; justify-self: center; }

.feature-block-item-right { grid-column-start: 2; grid-column-end: 3; align-self: center; }

.content-wrap { padding: 100px 100px 80px; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); border-radius: 6px; background: #FFF; position: relative; margin-bottom: 100px; }

.content-wrap { padding: 80px 50px 80px; }

.two-column { grid-template-columns: repeat(2, 1fr); grid-column-gap: 60px; }

.three-column { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.justify-self-center { justify-self: center; }

.mb-lg { margin-bottom: 150px; }

.security-container { font-size: 20px; }

.security-container h4, .security-container h5 { font-weight: 400; }

.mb-security-sec-1 { position: relative; overflow: hidden; }

.mb-security-sec-1:after { background: url(/assets/images/bg2.jpg) no-repeat right top; background-size: contain; content: ""; position: absolute; right: 0; top: 0; width: 649px; height: 662px; }

.mb-security-sec-1:before { content: ""; position: absolute; left: 0; bottom: 0; background: url(/assets/images/bg1.jpg) no-repeat left bottom; width: 529px; height: 287px; }

.mb-security-sec-1 .grid-container { position: relative; z-index: 1; }

.secure-list-container { display: grid; grid-template-columns: 4fr 8fr; grid-gap: 80px; margin-bottom: 80px; }

.secure-list-container .page-head { margin: 0; }

.secure-list-items { background: #FFF; position: relative; padding: 40px 40px; margin-bottom: 0px; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); border-radius: 6px; background: #FFF; }

.secure-list-items ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 20px; column-gap: 20px; position: relative; z-index: 2; }

.list-item li { font-size: 14px; margin-bottom: 20px; padding: 0px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.list-item li:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; content: "\f058"; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #4a91e3; font-size: 48px; margin-right: 20px; }

.mb-security-sec-2 h3 { margin-bottom: 50px; }

.mb-security-sec-2 .three-column { grid-gap: 0px 100px; }

.mb-security-sec-2 .page-btn:after { content: ""; position: absolute; left: 0; right: 0; top: 50%; margin-top: -1px; height: 2px; background: #e8e8e8; }

.mb-security-sec-2 .page-btn { margin-bottom: 65px; }

.mb-security-sec-2 .page-btn a { font-size: 16px; padding: 15px 50px; position: relative; z-index: 2; }

.mb-icon { font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #888888; background-color: #f3f3f3; padding: 30px; border-bottom: 5px #ffd502 solid; border-radius: 18px; -webkit-box-shadow: 0px 1px 4px rgba(181, 178, 178, 0.6); box-shadow: 0px 1px 4px rgba(255, 230, 230, 0.6); }

.feature-box-icon { padding: .5em; text-align: center; font-size: 50px; }

.icon-grid-col { text-align: center; max-width: 250px; margin: 0 auto 70px auto; padding: 0 20px; -webkit-box-flex: 1; -ms-flex: 1 0 150px; flex: 1 0 150px; -webkit-box-sizing: content-box; box-sizing: content-box; }

.icon-grid-col i { height: 136px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 25px; }

.icon-grid-col h4 { font-weight: 700; }

.data-gridouter h6 { font-size: 22px; }

.data-gridouter .grid-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.data-gridouter .grid-container + .grid-container { margin-top: 120px; }

.grid-col-img { justify-self: center; }

.data-gridouter .grid-container:nth-child(2n+2) .grid-col-img { grid-column-start: 2; grid-column-end: 3; }

.data-gridouter .grid-container:nth-child(2n+2) .grid-col-text { grid-row-start: 1; grid-row-end: 2; }

.mb-security-sec-3 { background: url(/assets/images/image11.png) no-repeat -200px center #fff; font-size: 22px; padding-right: 45px; padding-top: 40px; padding-bottom: 20px; }

.mb-security-sec-3 .grid-container { padding-left: 200px; grid-column-gap: 60px; }

.mb-security-sec-3 .grid-container div:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 2; }

.mb-security-sec-3 .grid-container div:nth-child(2) { grid-column: 2; grid-row: 1 / 2; }

.mb-security-sec-3 h4 { font-weight: 700; font-size: 33px; }

.mb-security-sec-3 .list-item { border-radius: 5px; overflow: hidden; }

.mb-security-sec-3 .list-item li { background-color: #f7f7f7; padding: 12px 35px; margin: 0; }

.mb-security-sec-3 .list-item li:nth-child(2n+2) { background-color: #eeeeee; }

.content-wrap.mb-security-sec-4 { padding-top: 0; padding-bottom: 0; background: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; }

.mb-security-sec-4 .line-head { margin-bottom: 70px; }

.mb-security-sec-4 .page-head { margin-bottom: 0; }

.mb-security-sec-4 .grid-col { margin-bottom: -50px; position: relative; z-index: 2; }

.mb-security-sec-5 .grid-container:nth-child(2n+2) .grid-col-img { grid-column-start: 2; grid-column-end: 3; }

.mb-security-sec-5 .grid-container:nth-child(2n+2) .grid-col-text { grid-row-start: 1; grid-row-end: 2; }

.mb-security-sec-5 .grid-container + .grid-container { margin-top: 100px; }

.mb-security-sec-5 .grid-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mb-security-sec-6 { background: url(/assets/images/image16.png) no-repeat center top #FFF; }

.mb-security-sec-6 .two-column { grid-column-gap: 180px; }

.policy-count { font-size: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 35px; padding-top: 60px; }

.policy-count strong { background: #4085e0; border-radius: 4px; color: #FFF; padding: 0 10px; }

.policy-count strong + strong { margin-left: 6px; }

.key-fct-grid { display: block; padding: 0 20px 20px; margin: 0; text-align: center; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); border-radius: 6px; background: #FFF; }

.key-fct-grid i { max-width: 51px; margin: 0 auto; display: block; position: relative; top: -25px; }

.key-fct-grid h4 { font-weight: 700; margin-bottom: 10px; }

.key-fct-grid p, .key-fct-grid a { font-size: 16px; }

.key-fct-grid a { color: #4a90e2; }

.key-fct-grid ul { display: block; margin: 0 -20px 20px; }

.key-fct-grid ul li { display: block; padding: 10px 35px 10px 50px; text-align: left; font-size: 18px; }

.key-fct-grid ul li:nth-child(2n+1) { background: #f6f6f6; }

.security-audit ul li { padding: 0 30px; font-size: 18px; display: grid; grid-template-columns: 60% 40%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.security-audit ul li + li { border-top: solid 1px #e8e8e8; }

.security-audit ul li:nth-child(2n+2) { background: #f7f7f7; }

.security-audit .grid-col { padding: 15px 30px; display: grid; grid-template-columns: 1fr auto; grid-column-gap: 18px; }

.audit-form { border-left: solid 1px #e8e8e8; }

.audit-form input { height: 44px; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); border-radius: 6px; border: 0; padding: 0 20px; font-family: inherit; font-size: 16px; }

.audit-form input[type="submit"] { width: 85px; background: #4a91e3; color: #FFF; cursor: pointer; }

.security-head { margin-bottom: 0; padding-top: 80px; }

.security-audit { margin-bottom: 40px !important; }

.audit-btn { margin-bottom: 0; }

.audit-btn a { max-width: none !important; font-size: 16px !important; }

.divider { border: 0; border-top: solid 2px #dfdee4; -webkit-box-shadow: none; box-shadow: none; margin: 70px auto; width: 90%; }

.mb-security-sec-8 { padding-bottom: 45px !important; background: url(/assets/images/bg3.png) no-repeat left top #fff; }

.mb-security-sec-8 .page-head { margin: 0; max-width: none; }

.mb-security-sec-8 .page-btn { grid-column: 1 / 3; padding-top: 20px; }

.mb-security-sec-8 li { list-style-type: circle; font-size: 0.8em; line-height: 24px; margin-bottom: 7px; }
@media (max-width: 800px) { .mb-security-sec-8 li { line-height: 15px; } }

.join-wrap-outer { background: #FFF; padding: 0 20px; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); }

.join-wrap-outer .join-wrap { -webkit-box-shadow: none; box-shadow: none; }

.mb-security-sec-7:after { content: ""; background: url(/assets/images/bg4.png) repeat-y center top; background-size: contain; position: absolute; left: 32px; right: -40px; top: 47px; bottom: -110px; display: block; }

.mb-security-sec-7 .grid-container { position: relative; z-index: 2; }

.mb-security-sec-7 .grid-container:nth-child(2n+2) .grid-col-img { grid-column-start: 2; grid-column-end: 3; }

.mb-security-sec-7 .grid-container:nth-child(2n+2) .grid-col-text { grid-row-start: 1; grid-row-end: 2; }

.mb-security-sec-7 .grid-container + .grid-container { margin-top: 80px; }

.mb-security-sec-7 .two-column { grid-column-gap: 120px; }

.mb-security-sec-7 .grid-container .grid-col-img i { display: block; position: relative; z-index: 2; }

.mb-security-sec-7 .grid-container .grid-col-img { position: relative; }

.mb-security-sec-7 .grid-container .grid-col-img:after { content: ''; display: block; width: 18px; background: #f2f2f2; position: absolute; left: 100%; top: 50%; height: 600px; -webkit-transform: rotateZ(-55deg); -moz-transform: rotateZ(-55deg); -ms-transform: rotateZ(-55deg); -o-transform: rotateZ(-55deg); transform: rotateZ(-55deg); -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; margin-left: -40px; margin-top: 50px; }

.mb-security-sec-7 .grid-container:nth-child(2n+2) .grid-col-img:after { left: auto; right: 100%; -webkit-transform: rotateZ(55deg); -moz-transform: rotateZ(55deg); -ms-transform: rotateZ(55deg); -o-transform: rotateZ(55deg); transform: rotateZ(55deg); margin-left: 0; margin-right: -52px; margin-top: 20px; }

.mb-security-sec-7 .grid-container:last-child .grid-col-img:after { display: none; }

.grid-row { display: grid; }

.home-section-2 .grid-row { grid-template-columns: 2fr 1fr; grid-column-gap: 100px; }

.home-sec2-img { grid-column: 2/4; }

.home-sec2-img img { max-width: 325px; }

.home-section-5 .grid-row { grid-template-columns: 1fr 1fr; grid-gap: 30px; }

.home-section-5 .grid-row .col-md-12 { grid-column: 1 / span 2; }

.form-wrap .grid-row { grid-template-columns: 1fr 1fr; }

.footer .top-grid-row { grid-template-columns: 4fr 8fr; }

.ft-grid-row { display: grid; grid-gap: 30px; grid-template-columns: 1fr 1fr 1fr 1.5fr; justify-items: flex-end; }

.ft-small { font-size: 0.5em; }

.contact-from { max-width: 580px; margin: 0px auto 50px; display: block; }

.contact-from .grid-row { grid-template-columns: 1fr 1fr; }

.contact-from .grid-row .col-md-12 { grid-column: 1 / span 2; }

.ct-list { display: block; padding: 25px 0 0 0; margin: 0; border-top: 1px #e6e6e6 solid; }

.ct-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.ct-list ul li { font-size: 14px; background: #f6f6f6; margin: 5px 20px; padding: 5px 15px; text-align: center; }

.ct-list a { color: #4a90e2; }

.content-grid { padding-left: 40px; padding-right: 40px; }

.ct-grid-4 .ct-inner { margin-right: 0; margin-bottom: 0; }

.ct-grid-4 { background-size: contain !important; padding-top: 40px; }

.ct-grid-3 { background-size: cover !important; }

.ct-grid-4 i { margin-left: 0; }

.content-wrap { padding: 80px 50px 80px; }

.content-wrap-clear { padding: 80px 50px 80px; }

.security-audit { padding: 10px 0; }

.inner-page .page-btn a { font-size: 16px; }

.mb-security-sec-7 .grid-container .grid-col-img::after { margin-left: -94px; margin-top: 22px; }

.mb-security-sec-7 .grid-container:nth-child(2n+2) .grid-col-img::after { margin-right: -117px; margin-top: 8px; }

.mb-security-sec-3 h4 { font-size: 24px; }

.mb-security-sec-4 .line-head { margin-bottom: 15px; margin-left: 0; }

.security-audit ul li { font-size: 16px; grid-template-columns: 1fr; }

.audit-form { border-left: 0; }

.value-container { grid-template-columns: 40% auto; margin-right: 0; margin-bottom: -43px; }

.ct-list ul li { margin: 5px 5px; }

.support-content-wrap { padding: 80px 50px 80px; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6); border-radius: 6px; position: relative; margin-bottom: 100px; background: url(/assets/images/SupportChatBoxes.png) right -30px top 45% no-repeat #fff; background-size: 330px; }

.support-sec-1 { padding-bottom: 20px; height: 550px; }

.support-sec-1 h3 { font-weight: 800; }

.support-sec-1 p { padding-right: 50px; }

.support-sec-1-grid { display: grid; grid-template-columns: 400px 330px; grid-gap: 425px; }

.support-sec-1-img { background: url(/assets/images/SupportChatBoxes.png) no-repeat; background-size: 330px; margin-right: 33px; height: 320px; }

.support-sec-1-span { float: right; }

.support-sec-1-span span { width: 90px; }

.support-sec-2 { margin-top: -95px; padding-bottom: 20px; }

.support-sec-2-grid { display: grid; margin: -80px 150px 80px; grid-template-columns: 1fr 1fr 1fr; grid-gap: 100px; }

.support-sec-2-tree1 { display: grid; grid-template-rows: 50px 50px 50px; grid-gap: 2px; }

.support-sec-2-tree2 { display: grid; grid-template-rows: 50px 50px 50px 50px; grid-gap: 2px; }

.support-sec-2-tree3 { display: grid; grid-template-rows: 50px 50px; grid-gap: 2px; }

.support-sec-2-box { background: white; position: relative; padding: 15px 25px; -moz-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25); }

.support-sec-2-box2 { background: #f9d600; position: relative; padding: 15px 25px; text-align: center; -moz-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25); }

.support-sec-2-box-special { background: white; position: relative; padding: 15px 25px; -moz-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25); }

.support-sec-2 h3 { font-weight: 800; }

.support-sec-2-grid2 { display: grid; grid-template-columns: 300px 330px; grid-gap: 425px; }

.follow-list { display: inline-table; }

.migration-submenu { display: none; }

.migration-dropdown:hover > .migration-submenu { z-index: 50; display: block; padding: 20px 10px 20px; position: absolute; width: 215px; background: white; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow: -1px 8px 8px -5px rgba(0, 0, 0, 0.4); box-shadow: -1px 8px 8px -5px rgba(0, 0, 0, 0.4); }

.migration-submenu:hover { z-index: 50; display: block; padding: 20px 10px 20px; position: absolute; width: 215px; background: white; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow: -1px 8px 8px -5px rgba(0, 0, 0, 0.4); box-shadow: -1px 8px 8px -5px rgba(0, 0, 0, 0.4); }

.migration-dropdown:hover { background: white; border-top-left-radius: 4px; border-top-right-radius: 4px; }

.migration-space { margin-bottom: 20px; }

.migration-a-hover:hover { color: #888; }

.migration-scanning { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; min-height: 40px; -moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3), inset 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3), inset 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3), inset 0px 0px 0px rgba(0, 0, 0, 0); border-radius: 6px; width: 100%; border: 0; padding: 9px 20px 8px; font-size: 15px; }

.migration-scanning-text { display: inline; position: relative; margin-bottom: 0px; }

.migration-scanning-input { float: right; zoom: 1.5; margin: 1.5px 0 0 0 !important; }

.migration-scanning-input-container { display: grid; grid-gap: 5px; grid-template-columns: 10fr 1fr; }

.migration-scanning-num { display: none; }
.migration-scanning-num.input-visibility { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; display: block; }

.migration-stored, .migration-submit { margin: 0 10px; }

.migration-stored p { margin: 0; margin-top: 10px; }

.migrate-from-header { text-align: center; margin-bottom: 60px; }

.migrate-from-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 5px 5%; }

.migrate-from-text { color: black; padding-top: 5.5px; text-align: end; }

.migrate-from-minutebox-image { background: url(/assets/images/minutebox-logo@2x.png) top 20% center no-repeat; background-size: contain; height: auto; width: auto; padding: 10px; margin-bottom: 30px; }

.migrate-from-minutebox { font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 400; background: white; z-index: 2; max-width: 200px; min-width: 109px; position: relative; padding: 7.5px 0px; border-radius: 4px; -webkit-box-shadow: 1px 2px 4px 1px rgba(176, 176, 176, 0.5); box-shadow: 1px 2px 4px 1px rgba(176, 176, 176, 0.5); color: #57ec57; font-size: 30px; margin: 0 auto; text-align: center; }

.migrate-from-rectangle { position: relative; background: #f9d600; height: 36px; max-width: 190px; min-width: 60px; left: 0px; top: -32px; z-index: 1; -webkit-transform: rotate(1deg); transform: rotate(1deg); border-radius: 30px; box-shadow: inset 0 0.5px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: outset 0 0.5px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: outset 0 0.5px 1px 0px rgba(0, 0, 0, 0.5); margin: 0 auto; }
@media (max-width: 930px) { .migrate-from-rectangle { margin-right: 1px; } }

.migrate-from-companies > div:not(:last-child) { border-bottom: 0.5px solid #dedede; }

.migrate-from-other-header { text-align: center; padding: 10px; margin: 0 auto; margin-bottom: 30px; }

.migrate-from-other { border: 5px solid lightgray; font-size: 30px; max-width: 200px; min-width: 109px; margin: 0 auto; padding: 1.5px 0px; text-align: center; color: #9a6161; background-color: #eee; }

.migrate-from-grid-inner > div { display: grid; grid-template-rows: 50px; position: relative; margin: 25px auto; }

.migrate-from-grid-inner > div:last-child { margin-bottom: -7.5px; }

.migrate-from-grid-inner > div:first-child { margin-top: 17.5px; }

.migrate-from-submit { margin: 0 auto; }

.migrate-from-submit a { max-width: 200px; min-width: 120px; font-family: inherit; font-size: inherit; line-height: inherit; height: 40px; -moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3), inset 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3), inset 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3), inset 0px 0px 0px rgba(0, 0, 0, 0); border-radius: 6px; width: 100%; border: 0; padding: 8px 20px; font-size: 15px; background: #4a90e2; color: #FFF; cursor: pointer; font-weight: 700; border: 0; text-align: center; margin-top: 16px; }

.migrate-from-mobile { display: none; }

/* Share Bar */
#share-bar { font-size: 20px; }

/* Title */
#share-bar h4 { margin-bottom: 10px; font-weight: 500; }

/* All buttons */
.share-buttons { border-radius: 10px; text-align: center; }

.share-buttons a { display: inline-table; font-size: 8px; padding: 6px; margin: 4px; border-radius: 4px; color: #000; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; letter-spacing: 2px; text-align: center; border: 1px solid #e6e6e6; }

/* Each button */
.share-button { margin: 0px; margin-bottom: 10px; margin-right: 3px; border: 1px solid #181818; padding: 5px 10px 5px 10px; border-radius: 6px; }

.share-button:hover { opacity: 1; color: #ffffff; }

.share-button a { font-family: 'Roboto Slab', serif; }

/* Facebook button */
.facebook:hover { background-color: #3b5998; color: #FFF; }

/* Twitter button */
.twitter { color: #55acee; }

.twitter:hover { background-color: #55acee; color: #FFF; }

/* LinkedIn button */
.linkedin { color: #007bb5; }

.linkedin:hover { background-color: #007bb5; color: #FFF; }

/* Email button */
.email { color: #444444; }

.email:hover { background-color: #444444; color: #FFF; }

.tooltip-fail { position: relative; display: inline-block; }

.tooltip-fail .tooltiptext { width: 120px; font-size: 12px; padding: 5px 0; border-radius: 6px; border: 2px #eeeeee; color: #000; position: absolute; text-align: center; background-color: white; left: -70px; bottom: 10px; z-index: 1; -webkit-box-shadow: 4px 3px 10px rgba(0, 0, 0, 0.4); box-shadow: 4px 3px 10px rgba(0, 0, 0, 0.4); }

/* Calendly BOOK A DEMO  && whitepaper */
.minute-form-booking-model { visibility: collapse; opacity: 0; position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.4); }
.minute-form-booking-model.open { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; visibility: visible; opacity: 1; position: fixed; z-index: 150000000; }
.minute-form-booking-model.close-book { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; visibility: collapse; opacity: 0; z-index: 0; position: fixed; }

.minute-form-booking-model h2 { font-size: 30px; }

.minute-form-booking-model h3 { font-size: 25px; }

.main-div-booking { padding: 50px 0 0; }

.minute-form-booking-content { overflow: visible; background-color: #fefefe; margin: 0.25% auto; padding: 0 118px 5px; border: 1px solid #888; width: 880px; top: 50%; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); }

.calendly-contain { visibility: 0; opacity: 0; position: absolute; overflow: hidden; top: -1000px; }
.calendly-contain.open-calend { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; visibility: visible; opacity: 1; position: unset; top: unset; }

.calendly-blocker { position: absolute; background-color: white; z-index: 100; left: 8px; height: 132px; right: 8px; margin-left: auto; margin-right: auto; padding: 50px 0 0 0; overflow: visible; }

.calendly-blocker h2 { font-size: 30px; }

.calendly-blocker h3 { font-size: 25px; }

.booking-head { padding: 25px 75px 0px; }

.inner-blocker { padding: 50px; display: none; }

.calendly-in { position: relative; width: 80%; margin: 0; left: 10%; height: 670px; padding: 0 21px 0px; }

.calendly-inside { top: -25px; position: relative; }

.close { color: #aaa; z-index: 9999; font-size: 28px; right: 15px; top: 0px; font-weight: bold; position: absolute; }

.close:hover, .close:focus { color: black; z-index: 9999; text-decoration: none; cursor: pointer; }

.refresh-btn { text-align: center; position: absolute; left: 15px; top: 10px; z-index: 9999; }

.refresh-btn a { background: #4a90e2; color: white; min-width: 195px; text-align: center; padding: 1px 5px; margin-right: 25px; border-radius: 60px; margin-top: 16px; }

.refresh-btn a:hover, .refresh-btn a:focus { background: #5697e0; color: white; min-width: 195px; text-align: center; padding: 1px 5px; margin-right: 25px; border-radius: 60px; margin-top: 16px; }

/* Calendly BOOK A DEMO  (More in MEDIA STYLES) */
.fa { padding: 10px; font-size: 15px !important; width: 31.55px; text-align: center; margin: -10px auto; position: relative; left: -10px; }

.text-inner-lists ol li { list-style-type: decimal; display: list-item; padding-left: 10px; margin: 6px; }

.text-inner-lists ul li { list-style-type: disc; display: list-item; padding-left: 10px; margin: 6px 60px; }

.video-example { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: 99%; position: relative; overflow: hidden; }

.video-example-video { position: relative; border-radius: 26px; overflow: hidden; -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3); }

#drift-widget-container { z-index: 99999999 !important; }

/* ------------------------------------------------------------------ 							MEDIA STYLES
-------------------------------------------------------------------



###################################################################
		[LARGE RESPONSIVE] Normal and Large Desktops/Laptops	
###################################################################
*/
@media (min-width: 1347px) { h4 { font-size: 24px; }
  h5 { font-size: 22px; }
  .text-inner a { text-decoration: underline; }
  .text-inner a:hover { font-weight: 800; }
  .inner-page h2 { font-size: 40px; }
  .inner-page h3 { font-size: 30px; }
  .slide-outer { height: 378px; }
  .inner-page .banner-content h2 { font-size: 40px; }
  .inner-page .banner-content p { font-size: 26px; }
  .page-head { font-size: 20px; margin-bottom: 50px; }
  .value-container .page-head { margin-bottom: 0; }
  .security-container, .mb-security-sec-3 { font-size: 18px; }
  .mb-security-sec-6 .two-column { grid-column-gap: 50px; }
  .home .menu-bar { left: 125px; }
  .menu-bar { position: relative; left: 100px; }
  .nav-head { width: 100% !important; margin-bottom: 30px; height: 100px; }
  .nav-head.smaller { width: 100%; height: 55px; background: #fff; -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.25); box-shadow: 0 0px 12px rgba(0, 0, 0, 0.25); }
  .nav-head > div { margin: -40px 0 10px 0; padding: 0 10px 0 100px; }
  .nav-head.smaller > div { margin: -70px 0 10px 0; }
  .nav-head.smaller img { width: 120px; margin-top: 0px; }
  .default .nav-head, .home .nav-head { padding-left: calc((100% - 1172px) / 2 - 100px); }
  .mb-security-sec-3 .grid-container { padding-left: 210px; } }
@media (max-width: 1346px) { .header:before { width: 105%; top: -100px; left: -130px; bottom: 5px; }
  .navbar-collapse { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .menubarfat-nav { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .nav-head > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .menubar { padding-top: 20px; }
  .navheading { margin-bottom: 50px; }
  .home-sec2-img img { margin-left: 100px; }
  .home-content-area:after { margin-left: 0; }
  .home-content-area:before { margin-right: 0; }
  .home-section-2 .grid-row { grid-column-gap: 50px; }
  .mb-security-sec-3 { background-position: -150px center; background-size: 340px auto; }
  .mb-security-sec-3 .grid-container { padding-left: 120px; grid-column-gap: 60px; }
  .ct-grid-3:after { background-size: cover !important; overflow: hidden; }
  .ct-grid-3 { overflow: hidden; }
  .ct-grid-2, .ct-grid-2 i, .ct-grid-2 .ct-inner { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); top: auto; }
  .navbar-toggle, .navheading { margin-bottom: 10px; }
  .support-sec-1-grid { display: grid; grid-template-columns: 4fr 3fr; grid-gap: 10%; }
  .support-sec-1-img { background: url(/assets/images/SupportChatBoxes.png) no-repeat; background-size: 160px; margin-right: 0; height: 320px; }
  .support-sec-2-grid { display: grid; margin: -80px auto 80px; grid-template-columns: 1fr 1fr 1fr; grid-gap: 2%; } }
/* 
###################################################################
		[MEDIUM RESPONSIVE] Tablets, Small Desktops/Labtops	
###################################################################
*/
@media (min-width: 768px) and (max-width: 1346px) { .nav-head { height: 125px; background: #fff; -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.25); box-shadow: 0 0px 12px rgba(0, 0, 0, 0.25); }
  .nav-head.smaller { height: 95px; background: #fff; -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.25); box-shadow: 0 0px 12px rgba(0, 0, 0, 0.25); padding: 18px 0 !important; margin-bottom: 30px; }
  .nav-head.smaller img { width: 120px; margin-top: 50px; }
  .logo a { margin: -50px; }
  .mb-security-sec-3 .grid-container { padding-left: 145px; grid-column-gap: 60px; }
  hr { display: none; }
  .menubar { display: fixed; }
  .home .header .container-fluid, .default .header .container-fluid { margin: 0; } }
@media (max-width: 1025px) { .data-plans-container { width: 99%; } }
@media (min-width: 768px) { .home .login-btn, .default .login-btn { color: #FFF; background-color: #4a90e2; }
  .navbar-toggle { display: none; position: relative; top: -150px; } }
@media (max-width: 991px) { body { font-size: 15px; }
  h2, .inner-page h2 { font-size: 28px; }
  .inner-page h3 { font-size: 22px; }
  h5 { font-size: 18px; }
  .banner-btn a { min-width: 136px; }
  .form-wrap > .row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .blog-posts .container-fluid { padding: 0 50px; }
  .ft-logo { margin-top: 0; margin-bottom: 40px; }
  .ft-logo a { margin: 0 auto; }
  .content-grid h4 { font-size: 20px; }
  .content-grid i img { max-width: 50px; max-height: 50px; }
  .home-content-area { padding-bottom: 60px; }
  .from-content { text-align: center; }
  .from-content::before { margin-left: auto; margin-right: auto; }
  .ct-grid-4 { background-size: auto 170px !important; padding-top: 30px; }
  .content-grid i { margin-bottom: 40px; }
  .ft-grid-row { text-align: center; grid-gap: 15px; grid-template-columns: 1fr 1fr 1fr 1.5fr; justify-items: center; }
  .content-wrap { padding: 50px 50px 20px; margin-bottom: 50px; }
  .security-audit { padding: 10px 0; }
  .inner-page .banner-content h2 { font-size: 30px; }
  .inner-page .banner-content p { font-size: 22px; }
  .page-head { font-size: 16px; }
  .line-head { width: 35px; margin-bottom: 15px; }
  .value-container { margin-right: 0; margin-bottom: 20px; }
  .press-grid-outer { margin-left: 0; margin-right: 0; }
  .join-wrap { grid-template-columns: auto; grid-gap: 30px; }
  .join-wrap-text { margin: 0 auto; text-align: center; }
  .join-wrap-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; }
  .inner-page .page-btn a { font-size: 16px; min-width: 200px; }
  .two-column { grid-template-columns: 1fr; grid-column-gap: 50px; }
  .mb-lg { margin-bottom: 80px; }
  .secure-list-container { grid-template-columns: 1fr; grid-gap: 10px; margin-bottom: 50px; }
  .icon-grid-col { margin-bottom: 20px; }
  .grid-container .grid-col-img { margin-bottom: 30px; }
  .data-gridouter .grid-container:nth-child(2n+2) .grid-col-img, .mb-security-sec-5 .grid-container:nth-child(2n+2) .grid-col-img, .mb-security-sec-7 .grid-container:nth-child(2n+2) .grid-col-img { grid-column-start: 1; grid-column-end: 2; }
  .data-gridouter .grid-container:nth-child(2n+2) .grid-col-text, .mb-security-sec-5 .grid-container:nth-child(2n+2) .grid-col-text, .mb-security-sec-7 .grid-container:nth-child(2n+2) .grid-col-text { grid-row-start: 2; grid-row-end: 3; }
  .data-gridouter .grid-container + .grid-container, .mb-security-sec-5 .grid-container + .grid-container { margin-top: 80px; }
  .data-gridouter h6 { font-size: 20px; }
  .security-container, .mb-security-sec-3 { font-size: 16px; }
  .mb-security-sec-3 .grid-container div:nth-child(1), .mb-security-sec-3 .grid-container div:nth-child(2) { grid-column: inherit; grid-row: inherit; }
  .policy-count { font-size: 22px; }
  .key-fct-grid { margin-top: 30px; }
  .key-fct-grid ul li { padding: 10px 30px 10px 30px; font-size: 16px; }
  .mb-security-sec-7 .grid-container .grid-col-img::after { display: none; }
  .mb-security-sec-7 .grid-container .grid-col-img i { max-width: 150px; }
  .mb-security-sec-8 .page-btn { grid-column: inherit; }
  .mb-security-sec-8 h2 { margin-top: 30px; }
  .mb-security-sec-6 { background-size: 300px auto; }
  .mb-security-sec-4 .grid-col { margin-bottom: 50px; }
  .home-section-2 .grid-row { grid-column-gap: 30px; }
  .form-content { grid-column: 1 / span 2; }
  .form-text { grid-column: 1 / span 2; grid-row: 1 / 2; }
  .footer .top-grid-row { grid-template-columns: 1fr; }
  .mb-security-sec-3 .grid-container { padding-left: 0px; }
  .mb-security-sec-1:before { content: ""; position: absolute; left: 0; bottom: 0; background: url(/assets/images/bg1.jpg) no-repeat left bottom; width: 529px; opacity: 0.2; height: 287px; }
  .icon-img-top { position: absolute; right: 30px; top: -65px; max-width: 20%; width: auto; height: auto; }
  .minute-form-booking-content { width: 90%; padding: 0 90px 0; height: 50em; top: 25em; }
  .calendly-in { width: 72%; left: 14%; }
  .fa { left: -3px; } }
@media (max-width: 949px) { .value-container { grid-template-columns: auto; }
  .value-container { margin-right: 0; margin-bottom: 20px; } }
@media (max-width: 890px) { .home-section-5 .grid-row .col-lg-6 { grid-column: 1 / span 2; } }
@media (max-width: 350px) and (min-width: 310px) { .data-plans { display: grid; max-width: 1000px; margin: 60px auto 0; border-top: solid 2px #e8e8e8; padding: 40px 45px 0; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); }
  .data-plans a { display: block; text-align: center; color: #44668c; font-size: 4.5vw; padding: 10px; }
  .data-plans i { display: block; margin: 20px auto 0; color: #f9d600; font-size: 3.5vh; } }
@media (min-width: 351px) { .data-plans a { font-size: 16px; } }
/* 
###################################################################
			[SMALL RESPONSIVE] Phones, Small Tablets	
###################################################################
*/
@media (max-width: 767px) { .nav-head { height: 93px; background: #fff; padding: 0px; }
  .default .nav-head { height: 93px; background: #fff; padding: 0px; }
  .home .header .container-fluid, .default .header .container-fluid { margin: 24px 0px 0px 0px; }
  .home .header .nav-head.smaller .container-fluid, .default .header .nav-head.smaller .container-fluid { margin: 11px 0px 0px 0px; }
  .home .banner { padding-left: 0px; padding-bottom: 10px; }
  .banner-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 50px 0; }
  .nav-head.smaller { height: 67px; background: #fff; -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.25); box-shadow: 0 0px 12px rgba(0, 0, 0, 0.25); padding: 0px; }
  .logo { margin: 5px; }
  .banner { margin-top: 5px; }
  hr { display: none; }
  .inner-page h3 { font-size: 20px; }
  .inner-page .content-wraper { padding-top: 7%; }
  h4 { font-size: 26px; }
  h6 { font-size: 16px; }
  .header:before { width: auto; right: -50px; left: -115px; bottom: 15px; }
  .navheading { padding-left: 20px; padding-right: 20px; position: relative; z-index: 99999; margin-bottom: 30px; }
  body.no-scroll .logo { opacity: 0; }
  .inner-page .nav-head { padding: 0; }
  .blog-posts .container-fluid { padding: 0 0px; }
  .nav-head { z-index: 9999; }
  .navbar-toggle.active i::before, .navbar-toggle.active i::after { background: #000; }
  .navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle:active { outline: none; border-bottom: none !important; }
  .navbar-toggle i { z-index: 99999; position: absolute; display: block; width: 24px; max-width: 165px; height: 4px; color: #d8d8d8; font: bold 14px/.4 Helvetica; text-transform: uppercase; text-indent: -55px; background: #d8d8d8; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; border-radius: 6px; }
  .navbar-toggle i::before, .navbar-toggle i::after { content: ''; width: 24px; height: 4px; background: #d8d8d8; position: absolute; left: 0; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; border-radius: 6px; }
  .navbar-toggle.colorlib-nav-white > i { color: #fff; background: #fff; }
  .navbar-toggle.colorlib-nav-white > i::before, .navbar-toggle.colorlib-nav-white > i::after { background: #fff; }
  .navbar-toggle i::before { top: -7px; }
  .navbar-toggle i::after { bottom: -7px; }
  .navbar-toggle:hover i::before { top: -10px; }
  .navbar-toggle:hover i::after { bottom: -10px; }
  .navbar-toggle.active i { background: transparent; }
  .navbar-toggle.active i::before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); background: #fff; }
  .navbar-toggle.active i::after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); background: #fff; }
  .menubarfat-nav { top: -35px; left: 0; z-index: 9999; position: static; display: none; width: 150%; height: auto; background: #fff; -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-overflow-scrolling: touch; opacity: 1; padding: 0 0 0px 0; margin: 0 0px 100px; -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1); overflow-y: scroll; }
  .navbar-collapse { background: #fff; height: auto; overflow-y: scroll; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; bottom: 10px; z-index: 99; }
  .navbar-collapse > ul { bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow-x: scroll; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: auto; width: 60vw; }
  .navbar-collapse > ul > li { padding: 2px 0; width: 50vw; color: #434344; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; text-align: center; }
  .navbar-collapse > ul > li + li { margin-left: 0; }
  .banner { padding: 0px 0 100px 0; }
  .banner-btn a { padding: 10px 15px; border-radius: 5px; }
  .home-section-2 .row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: normal !important; -ms-flex-align: normal !important; align-items: normal !important; }
  .home-sec2-img { width: 90px; }
  .home-sec2-img img { margin-left: 0px; margin-top: -100px; }
  .page-text-btn a:before { width: 35px; }
  .home-section-2 { padding-top: 100px; padding-bottom: 100px; }
  .home-whitebar { height: 200px; }
  .home-section-3 { margin-top: -80px; padding-bottom: 100px; }
  .home-content-area::before { margin-right: 10px; }
  .home-content-area::after { margin-left: 50px; }
  .tab-overlap { top: -60px; }
  .tab-overlap .max-width-3 { padding-top: 70px; padding-bottom: 100px; }
  .content-grid { padding-left: 30px; padding-right: 30px; }
  .page-btn a { min-width: 140px; }
  .content-grid i { margin-bottom: 10px; }
  .ct-grid-3 { padding-bottom: 50px; padding-right: 80px; }
  .ct-grid-3:after { background-size: auto 160px !important; background-position: right bottom; }
  .form-content input { font-size: 14px; }
  .migrate-from-submit a { font-size: 14px; }
  .ft-grid { width: auto; max-width: inherit; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  #back-top { position: absolute; right: 0; top: -25px; left: 0; }
  #back-top { width: 50px; height: 50px; margin: 0 auto; }
  .ct-grid-4 { background-size: auto 138px !important; padding-top: 20px; }
  .ct-grid-4 i { margin-bottom: 50px !important; }
  .home-content-area .page-text-btn { max-width: 220px; }
  .inner-page .banner { padding: 15px 0 0 0; }
  .inner-page .banner-content h2 { font-size: 28px; }
  .inner-page .banner-content p { font-size: 20px; margin-bottom: 10px; }
  .banner { padding: 15px 0 0 0; }
  .banner-content h2 { font-size: 28px; }
  .banner-content p { font-size: 20px; }
  .content-wrap { padding: 40px 20px 20px; margin-bottom: 50px; }
  .security-audit { padding: 10px 0; }
  .press-grid { padding: 25px 20px 5px; }
  .press-grid-outer { margin: 30px 0; }
  .join-wrap { padding: 30px 20px; }
  .press-set + .press-set { margin-top: 50px; }
  .security-audit .grid-col { padding: 15px 20px; grid-column-gap: 10px; }
  .audit-form input { width: 100%; }
  .mb-security-sec-6 { background-size: 200px auto; }
  .secure-list-items ul { -webkit-column-count: 1; column-count: 1; }
  .home-section-2 .grid-row { grid-template-columns: 6fr 1fr; grid-column-gap: 50px; }
  .form-wrap .grid-row, .contact-from .grid-row { grid-template-columns: 1fr; }
  .tab-img { top: -165px; }
  .contact-from .grid-row .col-md-12 { grid-column: inherit; }
  .migration-form .grid-row .col-md-12 { grid-column: 1 / span 2; }
  .nav-mobile-fix { position: relative; }
  .minute-form-booking-content { padding: 0 25px 0; }
  .support-content-wrap { background: url(/assets/images/SupportChatBoxes.png) left 50% top 106% no-repeat #fff; background-size: 150px; }
  .support-sec-1-grid { display: table; }
  .support-sec-1-span { display: none; }
  .support-sec-1 p { padding-right: 0px; }
  .support-sec-1-img { background: url(/assets/images/SupportChatBoxes.png) no-repeat; background-size: 100%; margin: 0 auto; height: 320px; width: 50%; }
  .support-sec-2-text { margin-top: 200px; }
  .support-sec-2-grid2 { display: table; }
  .support-sec-2-box { display: none; }
  .support-sec-2-box-special { display: none; }
  .support-sec-2-grid { display: inline-table; float: right; margin: 0px auto; }
  .support-sec-2-tree1 { display: table; }
  .support-sec-2-tree2 { display: table; }
  .support-sec-2-tree3 { display: table; }
  .migration-dropdown:hover > .migration-submenu { display: none; }
  .migration-submenu:hover { display: none; }
  .migration-dropdown:hover { background: transparent; } }
@media (max-width: 645px) { .booking-head h2 { font-size: 23px; }
  .booking-head h3 { font-size: 18px; } }
@media (max-width: 579px) { .container-fluid { padding: 0 30px; }
  .blog-posts .container-fluid { padding: 0 8px; }
  .ct-list ul li { width: 100%; }
  .ft-grid-row { grid-template-columns: 1fr; }
  .ft-grid, .ft-conact-grid { width: 100%; max-width: 100%; text-align: center; }
  .mb-security-sec-7:after { opacity: 0.2; }
  .tooltip-fail .tooltiptext { width: 120px; background-color: white; border: 2px #eeeeee; color: #000; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; left: 50px; bottom: -50px; z-index: 1; -webkit-box-shadow: 4px 3px 10px rgba(0, 0, 0, 0.4); box-shadow: 4px 3px 10px rgba(0, 0, 0, 0.4); }
  .calendly-in { right: 0%; width: 100%; left: unset; }
  .slidingVertical { top: 2px; }
  .slidingVertical span { font-size: 17px; }
  .migrate-from-grid { grid-template-columns: 1fr 1fr; }
  .migrate-from-mobile { display: block; }
  .migrate-from-minutebox-image { margin-bottom: 15px; }
  .migrate-from-other-header { margin-bottom: 5px; }
  .migrate-from-mobile .migrate-from-text { text-align: left !important; }
  .migrate-from-submit { grid-column: 1 / span 2; margin-top: 25px; }
  .migrate-from-submit a { padding: 8px 80px; } }
@media (max-width: 420px) { .security-audit .grid-col { grid-template-columns: 1fr; }
  .audit-form input[type="submit"] { width: 100%; margin-top: 10px; }
  .icon-img-top { display: none; }
  .join-wrap .page-btn { text-align: center; }
  .share-buttons a { display: inline-table; font-size: 8px; padding: 6px; margin: 4px 30px; border-radius: 4px; color: #000; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; letter-spacing: 2px; text-align: center; border: 1px solid #e6e6e6; }
  .tooltip-fail .tooltiptext { width: 120px; background-color: white; border: 2px #eeeeee; color: #000; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; left: 50px; bottom: -50px; -webkit-box-shadow: 4px 3px 10px rgba(0, 0, 0, 0.4); box-shadow: 4px 3px 10px rgba(0, 0, 0, 0.4); }
  .footer { padding-bottom: 250px; background: url(/assets/images/icon7.png) no-repeat center bottom 10% #424242; background-size: 70px; } }
@media (max-width: 436px) { .data-plans-fifth { grid-column: span 2; }
  .migration-form-content input { font-size: 11px; }
  .migrate-from-submit a { font-size: 11px; } }
@media (max-width: 365px) { .ft-conact-grid { grid-column: inherit; }
  .mb-security-sec-3 .list-item li { background-color: #f7f7f7; padding: 11px; margin: 0; }
  .audit-form input { font-size: 12px; } }
@media (max-width: 360px) { .calendly-in { right: 10%; width: 120%; left: unset; }
  .minute-form-booking-content { padding: 0 2px 0; } }
@media (max-width: 320px) { .navbar-toggle { display: block; position: absolute; width: 26px; height: 15px; margin: -57px 220px; padding: 0; border: 0; border-radius: 0; z-index: 99999; background: none; cursor: pointer; } }
@media (max-width: 500px) and (min-width: 321px) { .navbar-toggle { display: block; position: absolute; width: 26px; height: 15px; padding: 0; border: 0; margin: -57px 245px; border-radius: 0; z-index: 99999; background: none; cursor: pointer; } }
@media (min-width: 501px) { .navbar-toggle { display: block; position: absolute; width: 26px; height: 15px; padding: 0; border: 0; margin: -57px 0 0 300px; border-radius: 0; z-index: 99999; background: none; cursor: pointer; } }
@media (max-width: 500px) { .calendly-in { width: 100%; right: 0; left: 0; padding: 0; }
  .calendly-blocker { width: 100%; right: 0; left: 0; padding-left: 2px; }
  .minute-form-booking-model { left: 0; top: 0; width: 100%; height: 100%; }
  .minute-form-booking-content { width: 100%; border: 0; border-radius: 0; } }
@media (max-width: 400px) { .value-grid-outer { display: grid; grid-template-columns: auto; grid-gap: 25px; } }