/*
Theme Name:     medable
Theme URI:		    http://www.medable.com/
Description:	   Medable WP-Theme
Version:		      1.0
Author:			      CHRS Interactive
Author URI:	    http://www.chrsinteractive.com/
*/

/* ---------------------------- */

/* -- @MASTERHEAD/NAVIGATION -- */
header {width:100%;position:fixed;top:0;left:0;padding:20px 0;z-index:9999;-moz-transition: background 0.3s;-ms-transition: background 0.3s;-o-transition: background 0.3s;transition: background 0.3s;}
header.sticky {background:rgba(255,255,255,1);}

.logo {display:block;width:150px;height:28px;margin:0;float:left;background:url(images/logo.png) no-repeat 0 -28px;background-size:150px 56px;}
.logo span {display:none;}
.sticky .logo {background-position:0 0;}

/* Main Menu */
.mainNav {width:auto;float:right;}
.mainNav li {display:block;float:left;font:1.3rem/1 'DINPro-Bold';}
.mainNav li a {display:block;float:left;padding:4px 12px 5px;color:#fff;text-transform:uppercase;transition:all 0.3s ease;}
.mainNav li > a:hover,
.mainNav li.current-menu-item > a {background:#fff;color:#222;}

.sticky .mainNav {padding-top:2px;}
.sticky .mainNav li a {color:#222;}
.sticky .mainNav li > a:hover,
.sticky .mainNav li.current-menu-item > a {background:#222;color:#fff;}

.nav-signup a {background:#09a5e4;color:#fff;}
.sticky .nav-signup a {color:#222;}

/* Level 2 */
.mainNav li ul {display:none;}
.mainNav li:hover > ul {display: block;}
.mainNav ul {position: absolute; top: 100%;margin-top:-15px;width:100%;max-width:270px;z-index:99;}
.mainNav ul li {float: none;position:relative;margin:10px 0 0;}
.mainNav ul li a {display:inline-block;float:none;color:#fff;}
.mainNav ul li a:hover {color:#09a5e4;background:#fff;}
.mainNav ul li.menu-item-has-children a {position:relative;}
.mainNav ul li.menu-item-has-children a:before {position:absolute;font-family: FontAwesome;font-size:12px;top:0;right:5px;content: "\f054";}

.sticky .mainNav ul {padding-top:20px;}
.sticky .mainNav ul li a {background:#fff;color:#222;}
/* Level 3 */
.mainNav ul li ul {position:absolute;width:100%;top:0;left:100%;padding:0;background:#eaeaea;-webkit-box-shadow: 5px 5px 10px 0px rgba(66,65,66,1);-moz-box-shadow: 5px 5px 10px 0px rgba(66,65,66,1);box-shadow: 5px 5px 10px 0px rgba(66,65,66,1);}
.mainNav ul li.menu-item-has-children ul li a:before {display:none;}

/* Responsive Menu */
.mainNav {display:none;}
nav.mobile {display:block;}
#showLeft { display:block;float:right;font-size: 24px; color: #fff; border: none; cursor: pointer; background:none; text-align: center; }
.sticky #showLeft {color:#342561;}
.close-nav {display:none;}
.cbp-spmenu { display: block; background: #342561; position: fixed;overflow:scroll; }
.cbp-spmenu h3 { color: #fff; font-size: 1.9em; padding: 20px 20px 20px 10px; margin: 0;}
.cbp-spmenu a { display: block; color: #fff;text-decoration: none;border-bottom: 1px solid #fff; padding: 10px }
.cbp-spmenu li.current-menu-item > a, .cbp-spmenu > a:hover {background:#09a5e4;}
.cbp-spmenu-vertical { width: 240px; height: 100%; top: 0; z-index: 1000 }
.cbp-spmenu-vertical a {  }
.cbp-spmenu-left { left: -240px }
.cbp-spmenu-left.cbp-spmenu-open { left: 0 }
.cbp-spmenu { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear }

.cbp-spmenu ul ul li a {padding-left:25px;}

/* -- @CONTENT ---------------- */
.cms-content {min-height:400px;}
.banner {min-height:300px;padding:130px 0 90px;position:relative;}
.banner-box {width:90%;max-width:550px;margin:0 auto;border: 1px solid transparent;-moz-border-image: -moz-linear-gradient(right, #342561 0%, #09a5e4 100%);-webkit-border-image: -webkit-linear-gradient(right, #342561 0%, #09a5e4 100%);border-image: linear-gradient(to left, #342561 0%, #09a5e4 100%);border-image-slice: 1;}
.banner-box-inner {margin:10px;padding:60px 40px;background:rgba(0,0,0,0.5);text-align:center;}
.banner-box-inner span {display:inline-block;}
.banner h3 {font-size: 4.4rem;color: #fff;margin-bottom:10px;font-family:'DINPro-Bold', Helvetica, Arial, sans-serif;}
.banner-title {font-size:2.2rem;margin-bottom:10px;font-family:'DINPro-Bold', Helvetica, Arial, sans-serif;}
.banner-subtitle {font-size:2.2rem;padding-bottom:10px;border-bottom:1px solid #fff;font-family:'DINPro-Bold', Helvetica, Arial, sans-serif;}
.home-banner .banner-subtitle {border-bottom:none;}
.home-banner a {color:#fff;text-decoration:underline;}

video#bgvid {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -2;-ms-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);background:url(images/home-banner.jpg) center center no-repeat;background-size:cover;}
.banner-overlay {width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.5);z-index:-1}

.wide {max-width:1000px;margin:0 auto;}
.narrow {max-width:650px;margin:0 auto;}
.section-subtitle {font-family:'DINPro-Regular', Helvetica, Arial, sans-serif;}

.button {display:inline-block;height:45px;line-height:45px;padding:0 15px;font-size:1.4rem;font-weight:600;color:#fff;background:none;border:2px solid #00adef;transition:all 0.3s ease;}
.button:hover {color:#00adef;background:#fff;}

.bottom-arrow {position:relative;}
.bottom-arrow:after {content:"";position:absolute;bottom:-30px;left:50%;width: 0;margin-left:-30px;height: 0;border-style: solid;border-width: 30px 30px 0 30px;border-color: #170032 transparent transparent transparent;}

.home-intro {width:90%;margin:-25px auto 0;position:relative;background: #342561;background: -moz-linear-gradient(left,  #222222 0%, #342561 50%, #222222 100%);background: -webkit-linear-gradient(left,  #222222 0%,#342561 50%,#222222 100%);background: linear-gradient(to right,  #222222 0%,#342561 50%,#222222 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );
    -moz-box-shadow: 5px 5px 2px #888;
    -webkit-box-shadow: 5px 2px 5px #888;
    box-shadow: 5px 5px 10px #888;}
.home-intro.bottom-arrow:after {border-color: #342561 transparent transparent transparent;}

.home-intro-inner {margin:30px 0;padding-right:20px;}
.home-intro-inner h4 {font-size:1.7rem;padding-top:65px;line-height:1.2;letter-spacing:1.5px;}
.home-intro-blocks .button {font-size:1.5rem;font-family:'DINPro-Regular', Helvetica, Arial, sans-serif !important;font-weight:400;}

.intro-speed {padding-left:45px;background:url(images/i-lightning.png) left bottom no-repeat;}
.intro-security {padding-left:52px;background:url(images/i-lock.png) left bottom no-repeat;}
.intro-capability {padding-left:73px;background:url(images/i-circles.png) left bottom no-repeat;}

.home-verticals {padding-top:90px;}
.home-verticals h2 {line-height:1.6;}
.home-verticals a { text-decoration:underline}

.home-products {padding-bottom:120px;}
.home-product {min-height:200px;padding:40px 20px;margin:30px 10px 0;background:#fff;position:relative;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;}
.home-product h4 {position:absolute;bottom:20px;left:20px;margin:0;padding-right:30px;background:url(images/arrow-blue.png) center right no-repeat;background-size:20px 20px;}
.home-product h4 a {color:#222;}
.home-product ul li {margin-bottom:7px;line-height:1.5;padding-left:10px;position:relative;}
.home-product ul li:after {content:"";width:5px;height:5px;position:absolute;top:10px;left:0;background:#222;border-radius:100%;}

.home-product-overlay {width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;}
.home-product .home-product-overlay {opacity:0;transition:all 0.3s ease;}
.home-product:hover .home-product-overlay {opacity:1;}
.home-product-overlay-inner {margin:40px 20px 0;padding-top:70px;background:url(images/logo-transparent.png) top left no-repeat;background-size:60px 60px;}
.home-product-overlay-inner span {line-height:1.5;}

.home-testimonials {padding:100px 0;}
.home-slider {max-width:650px;margin:0 auto;position:relative;}
.quotes {width:141px;height:95px;position:absolute;top:-150px;left:50%;margin-left:-70px;background:url(images/quotes.png) no-repeat;}

.border-title {position:relative;line-height:1;}
.border-title:before {content:"";position:absolute;top:0;right:100%;width:100%;height:100%;margin-right:5px;background:#09a5e4;}

/* About / Team */
.team-member {margin-bottom:60px;position:relative;}
.team-member h5 {font-size:2.0rem;margin-bottom:15px;}
.member-position {font-size:2.0rem;margin-bottom:10px;}
.team-pic {width:180px;height:180px;border-radius:100%;margin-bottom:20px;}
.team-pic img {display:block;}

/* Vertical */
.side-note {position:absolute;margin-top:600px;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.side-note span {font-family:'DINPro-Bold', Helvetica, Arial, sans-serif;}
.side-note:after {content:"";position:absolute;top:-5px;left:0;width:30px;border-bottom:2px solid #222;}

.vertical-content {padding-top:60px;}
.vertical-content p {font-size:1.9rem;font-family:'DINPro-Bold', Helvetica, Arial, sans-serif;}
.vertical-content a {color:#222;border-bottom:2px solid #222;}
.vertical-content a:hover {color:#09a5e4;}
.vertical-content ul {margin-bottom:30px;}
.vertical-content ul li {position:relative;padding-left:15px;line-height:1.5;}
.vertical-content ul li:after {content:"";position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:100%;background:#09a5e4;}

.vertical-signup .button {color:#222;border:2px solid #222;transition:all 0.3s ease;}
.vertical-signup .button:hover {color:#fff; background: #342561;
    background: -moz-linear-gradient(left,  #222222 0%, #342561 50%, #222222 100%);
    background: -webkit-linear-gradient(left,  #222222 0%,#342561 50%,#222222 100%);
    background: linear-gradient(to right,  #222222 0%,#342561 50%,#222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );}

.payers-box {margin-top:60px;padding:40px;background:#09a5e4;}
.payers-box p {position:relative;}
.payers-box p:after {content:"";position:absolute;top:-10px;left:0;width:20px;border-bottom:1px solid #fff;}

/* Compliance */
.compliance-intro {width:90%;margin:-50px auto 0;position:relative;}
.compliance-intro:after {content:"";position:absolute;bottom:-50px;left:50%;width: 0;margin-left:-50px;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 50px;
    border-color: #F0F1F1 transparent transparent transparent;
}
.compliance-button {padding-top:100px;}
.compliance-button .button {color:#222;}

/* Pricing */
.tooltip{position:relative;display:inline-block;}
.tooltip .fa {color:#ccc;}
.tooltip:hover .fa {color:#222;}
.tooltip .tooltiptext {visibility: hidden;width: 200px;background-color: #666;color:#ccc;padding:7px 10px;border-radius: 6px;position: absolute;z-index: 1;text-align:left;font:1.2rem/1.3 'DINPro-Regular', Helvetica, Arial, sans-serif;bottom:10%;left:100%;margin-left:10px;opacity: 0;transition: opacity 1s;}
.tooltip .tooltiptext::after {content: "";position: absolute;top: 50%;right:100%;margin-top: -5px;border-width: 5px;border-style: solid;border-color: transparent #555 transparent transparent;}
.tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}

.pricing-banner a {text-decoration:underline;}
.pricing-banner a:hover,
.pricing-banner a:focus {color:#a8a8a8;}

.pricing-header li {display:block;float:left;width:25%;text-align:center;padding:15px 0;background:#E5E5E5;border-right:1px solid #D2D2D2;}
.pricing-header li.first {border-left:1px solid #D2D2D2;}
.pricing-header li.pricing-feature {width:20%;background:none;border:none;}
.pricing-header li span {display:block;margin-bottom:10px;font:1rem/1.2 'DINPro-Bold', Helvetica, Arial, sans-serif;color:#6d6e70;}
.pricing-header a {display:inline-block;padding:0 5px;font-size:1rem;line-height:1.2;background:#09a5e4;color:#fff;border:2px solid #09a5e4;transition:all 0.3s ease;}
.pricing-header a:hover {background:#fff;color:#09a5e4;}

.pricing-body ul li {display:block;float:left;width:25%;text-align:center;min-height:30px;line-height:30px;border-top:1px solid #ccc;border-right:1px solid #D2D2D2;}
.pricing-body li span {font:0.8rem/1.2 'DINPro-Bold', Helvetica, Arial, sans-serif;color:#6d6e70;}
.pricing-body li.pricing-feature {font-size:0.7rem;width:20%;background:#f0f1f1;}

.pricing-footer li {display:block;float:left;width:25%;text-align:center;padding:30px 0 20px;background:#CDF6EA;border:1px solid #D2D2D2;border-left:none;}
.pricing-footer li.first {border-left:1px solid #D2D2D2;}
.pricing-footer li.pricing-feature {width:20%;background:none;border:none;border-top:1px solid #d2d2d2}
.pricing-footer a {font:0.9rem/1.2 'DINPro-Bold', Helvetica, Arial, sans-serif;color:#09a5e4;transition:all 0.3s ease;}
.pricing-footer a:hover {color:#342561;}

.pricing-body li.section {font:0.8rem/1.2 'DINPro-Bold', Helvetica, Arial, sans-serif;line-height: 30px;color:#6d6e70;background:#D2D2D2}
.pricing-desc span img {max-width: 20px;height: auto;margin: 5px 0;}

.cortex-pricing-header li {display:block;float:left;width:20%;text-align:center;padding:15px 0;background:#E5E5E5;border-right:1px solid #D2D2D2;}
.cortex-pricing-header li.first {border-left:1px solid #D2D2D2;}
.cortex-pricing-header li.cortex-pricing-feature {width:15%;background:none;border:none;}
.cortex-pricing-header li span {display:block;margin-bottom:10px;font:1rem/1.2 'DINPro-Bold', Helvetica, Arial, sans-serif;color:#6d6e70;}
.cortex-pricing-header a {display:inline-block;padding:0 5px;font-size:1rem;line-height:1.2;background:#09a5e4;color:#fff;border:2px solid #09a5e4;transition:all 0.3s ease;}
.cortex-pricing-header a:hover {background:#fff;color:#09a5e4;}

.cortex-pricing-body ul li {display:block;float:left;width:20%;text-align:center;min-height:60px;padding:10px 0 0;line-height:1.4;border-top:1px solid #ccc;border-right:1px solid #D2D2D2;}
.cortex-pricing-body li span {font:0.8rem/1.2 'DINPro-Bold', Helvetica, Arial, sans-serif;color:#6d6e70;}
.cortex-pricing-body li.cortex-pricing-feature {font-size:0.7rem;width:15%;background:#f0f1f1;}

.cortex-pricing-footer li {display:block;float:left;width:20%;text-align:center;padding:30px 0 20px;background:#CDF6EA;border:1px solid #D2D2D2;border-left:none;}
.cortex-pricing-footer li.first {border-left:1px solid #D2D2D2;}
.cortex-pricing-footer li.cortex-pricing-feature {width:15%;background:none;border:none;border-top:1px solid #d2d2d2}
.cortex-pricing-footer a {font:0.9rem/1.2 'DINPro-Bold', Helvetica, Arial, sans-serif;color:#09a5e4;transition:all 0.3s ease;}
.cortex-pricing-footer a:hover {color:#342561;}

.new-product {min-height:200px;padding:40px 20px;background:#fff;position:relative;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;background: url(images/scientist.png) no-repeat;background-size: cover;}
.new-product h4 {background:url(images/arrow-white.png) center right no-repeat;background-size:20px 20px;bottom:20px;left:20px;margin:0;padding-right:30px;position:absolute;z-index: 3;}
.new-product h4:hover {background:url(images/arrow-blue.png) center right no-repeat;background-size: 20px 20px;color:#09a5e4 !important;}
.new-product a:hover {color:#09a5e4;}
.new-product a {color:#FFF;}
.new-product-overlay {background:rgba(0,0,0,0.7);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2;}
.new-product .new-product-overlay {opacity: 0.8;}
.new-products-container {margin-top: 70px;margin-bottom: 90px;width: 100%;}
.navigation-link {margin-top: 50px;}
.navigation-link a {color: #000;font-size: 18px;}
.navigation-link a[rel='next'] {float: right;}

/* Products */
.sml-banner-subtitle {font:1.6rem/1.4 'DINPro-Regular', Helvetica, Arial, sans-serif !important;border-bottom:none;}

.core-features .bggrey {-moz-box-shadow: 0 0 5px #c0c0c0;-webkit-box-shadow: 0 0 5px #c0c0c0;box-shadow: 0 0 5px #c0c0c0;}
.core-inner {padding:40px;min-height:200px;overflow:hidden;}
.core-list li {padding-left:10px;position:relative;margin-bottom:15px;}
.core-list li:after {content:"";position:absolute;top:0;left:0;height:100%;width:5px;background:#00adef;}

.cerebrum-signup {display:block;font:2.4rem/1 'DINPro-Bold', Helvetica, Arial, sans-serif;text-decoration:underline;}
.imac {width:530px;height:426px;padding:20px 0 0 20px;margin:40px 0;background:url(images/imac.png) no-repeat;position:relative;}

.axon-studies h6 {font-family: 'DINPro-Regular', Helvetica, Arial, sans-serif;position:relative;}
.axon-studies h6 span {display:block;position:absolute;top:1px;left:-35px;color:#fff;font-size:1.4rem;}
.axon-vid-top {padding:40px;background:#09a5e4;}
.axon-studies-inner {padding:0 40px;}
.axon-vid-btm {position:relative;}
.axon-play-sml {display:block;padding-top:100px;width:100%;}
.axon-play-sml span {font-size:3.0rem;color:#fff;line-height:3;}
.axon-play-banner {display:block;width:100%;position:absolute;bottom:5%;left:0;}
.home-play {bottom:0;margin-bottom:30px;}


.axon-community {padding-top:60px;background:#F9F9F9;}
.axon-globe {position:relative;}
.axon-globe img {display:block;}
.axon-globe h3 {font-size:1.2rem;}

.axon-globe h3 {display:inline-block;position:absolute;}
.axon-globe h3.axon-mailing {top:5%;left:5%;}
.axon-globe h3.axon-webinar {top:25%;right:5%;}
.axon-globe a {text-decoration:underline;}

/* Signup */
.signup-or {text-align:center;font-family: 'DINPro-Bold', Helvetica, Arial, sans-serif;}

.signup-or span {font-size:2.5rem;}
.signup-banner {padding:220px 0;}
.signup-banner h2 {font-size:6.0rem;}

.signup-column.last {margin-top:-10px;}
.signup-column-inner {padding:30px;}
.signup-column h3 {height:60px;margin-top:30px;}
.signup-column.last h3 {height:60px;margin-top:30px;}


.form-wrap input {border-radius:0 !important;border-color:#000 !important;}
.form-wrap input[type=submit] {color:#000 !important;}
.form-wrap input[type=submit]:hover {color:#fff !important; background: #342561;
    background: -moz-linear-gradient(left,  #222222 0%, #342561 50%, #222222 100%);
    background: -webkit-linear-gradient(left,  #222222 0%,#342561 50%,#222222 100%);
    background: linear-gradient(to right,  #222222 0%,#342561 50%,#222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=1 );}
.form-wrap textarea {border-radius: 0 !important;border-color: #000 !important;max-height: 160px;}

/* -- @BLOG ------------------- */
.tw-feed-link {display:block;text-align:left;color:#fff;font:2.0rem/1 'DINPro-Bold', Helvetica, Arial, sans-serif;}
.tw-feed-link .fa {font-size:6.8rem;color:#00adef;}
.tw-feed-link:hover {color:#fff;}
#ctf p.ctf-tweet-text,
#ctf p.ctf-tweet-text a {color:#fff;text-align:left;}
.post {border-bottom: 1px solid #342561;padding: 20px 0;}
.post-date {font-size: 1.8rem;}
.post-title ,
.post-title a{color: #000;margin-top:20px;text-decoration: underline;}
.post-image {width:190px;height:190px;margin:30px auto;overflow:hidden;border-radius: 100%;}
.post-content-more-link {color:#000;font-family:'DINPro-Bold', Helvetica, Arial, sans-serif;}

#searchform .blog-search-form {width:100%;border: 0px;border-radius: 0px;background:#e8e7e7  url(images/search-icon.png) 96% 55% no-repeat;background-size:20px 20px;line-height: normal !important;height: 40px;line-height:40px;padding:0  25px;}
.blog-sidebar-spacer {border-top: 5px solid #A8A8A8;margin: 30px 0;}

.blog-chevron {display: inline-block;vertical-align: middle;height: 20px;width: 20px;position: relative;float: right;}
.blog-chevron::before {content: '';display: block;box-sizing: border-box;border-style: solid;position: absolute;left: 2px;right: 2px;top: 2px;bottom: 2px;border-width: 0 2px 2px 0;-webkit-transform: rotate(-45deg) translate(-25%,-25%);-ms-transform: rotate(-45deg) translate(-25%,-25%);transform: rotate(-45deg) translate(-25%,-25%);}

.active .blog-chevron::before { -webkit-transform: rotate(45deg) translate(-25%,-25%);-ms-transform: rotate(45deg) translate(-25%,-25%);transform: rotate(45deg) translate(-25%,-25%);}

.blog-chevron:hover {color: #00adef;}
.blog-filter {padding: 15px 0px;border-bottom: 1px solid #E8E8E8 !important;}
.blog-filter a, .blog-filter-item a {font-size: 20px;color: #000;}
.collapse {display: none;}
.collapse.in {display: block;}
.collapsing {position: relative;height: 0;overflow: hidden;-webkit-transform: height 0.35s ease;transform: height 0.35s ease;transition: height 0.35s ease;}
.year-filter {margin-bottom: 60px;}
.blog-filter-item:first-child {padding-top: 20px;}
.blog-filter-item {padding: 10px 0;}

.single-post .post-date {color: #09a5e4;}
.single-post .post-content {margin-top: 18px;}
.single-post-banner {padding: 200px 0 200px;}
.single-post .post-title {margin-top: 40px;}
.single-banner {border: 10px solid #342561;max-width: 80%;margin-top: -200px;}
.single-banner img {width:100%;display:block;}


/* -- @FOOTER ----------------- */


.footer-social {margin-bottom:30px;}
.footer-social li {display:block;float:left;}
.footer-social li a {display:block;float:left;margin-right:7px;width:35px;height:35px;line-height:35px;text-align:center;background:#222;color:#fff;border-radius:100%;}

.footerNav li {display:block;margin-bottom:10px;color:#fff;}
.footerNav li a {color:#fff;}

.footer-logo {position:absolute;top:0;right:20px;}

/* #Clearer
================================================== */
.clearer:after,
.container:after,
.row:after,
.mainNav:after,
.pricing-header:after,
.pricing-body > li:after,
.footer-social:after {content: ""; display: table; clear: both;}

/* -- MODAL -- */
.modal .modal-state {  display: none; }
.modal .modal-fade-screen {
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.85);
    opacity: 0;
    padding-top: 0.6em;
    text-align: left;
    visibility: hidden;
    z-index: 99999999999;
}
.modal .modal-state:checked+.modal-fade-screen {
    opacity: 1;
    visibility: visible;
}
.modal .modal-inner {
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    background: #fff;
    border-radius: 3px;
    margin-top: 0;
    margin: auto;
    max-height: 95%;
    overflow: auto;
    padding: 1.5em;
    position: relative;
    width: 95%;
}
.modal .modal-close {
    position: absolute;
    top: 1.5em;
    right: 1.5em;
    height: 1.5em;
    width: 1.5em;
    background: #fff;
    cursor: pointer;
}
.modal .modal-close:after, .modal .modal-close:before {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 0;
    left: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 1.5em;
    width: 0.15em;
    background: #ddd;
    content: "";
    display: block;
    margin: -3px 0 0 -1px;
}
.modal .modal-close:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.modal .modal-inner p {
    color: #333;
    line-height: 1.5em;
}
.modal .modal-inner h1 {
    color: #333;
    margin-bottom: 0 0 0.6em 0;
    text-align: left;
    text-transform: capitalize;
}
.modal-open {
    overflow: hidden;
}

/* -- LOADER -- */

.hg_wrapper {
    font-size: 1.6rem;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hg_wrapper .hourglass_gray {
    display: block;
    background: #F0F1F1;
    margin: 3em auto;
    width: 2em;
    height: 4em;
    box-shadow: inset #F0F1F1 0 0 0 0, inset #342561 0 2em 0 0, inset #F0F1F1 0 0 4em 0;
    -webkit-animation: hourglass_gray 1s linear infinite;
    animation: hourglass_gray 1s linear infinite;
}
.hg_wrapper .hourglass_gray .outer {
    fill: #342561;
}
.hg_wrapper .hourglass_gray .middle {
    fill: #F0F1F1;
}

@-webkit-keyframes hourglass_gray {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: inset #F0F1F1 0 0 0 0, inset #342561 0 2em 0 0, inset #F0F1F1 0 4em 0 0, inset #342561 0 4em 0 0;
    }
    80% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: inset #F0F1F1 0 2em 0 0, inset #342561 0 2em 0 0, inset #F0F1F1 0 2em 0 0, inset #342561 0 4em 0 0;
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        box-shadow: inset #F0F1F1 0 2em 0 0, inset #342561 0 2em 0 0, inset #F0F1F1 0 2em 0 0, inset #342561 0 4em 0 0;
    }
}

@keyframes hourglass_gray {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: inset #F0F1F1 0 0 0 0, inset #342561 0 2em 0 0, inset #F0F1F1 0 4em 0 0, inset #342561 0 4em 0 0;
    }
    80% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: inset #F0F1F1 0 2em 0 0, inset #342561 0 2em 0 0, inset #F0F1F1 0 2em 0 0, inset #342561 0 4em 0 0;
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        box-shadow: inset #F0F1F1 0 2em 0 0, inset #342561 0 2em 0 0, inset #F0F1F1 0 2em 0 0, inset #342561 0 4em 0 0;
    }
}

/* -- Careers -- */
.job {
    display: block;
    margin: 20px 10px;
    padding: 30px;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
}
.job:hover {
    background: #ddd;
}

.tagline {
    color: rgba(255, 255, 255, 0.7);
    font-size: 24px;
}
.job-title {
    font-size: 24px;
    text-decoration: none;
    color: #00adef;
}

.tags span {
    color: #999
    font-size: 12px
}
.tags span:after {
    content: ', ';
}
.tags span:last-of-type:after {
    content: '';
}