/*
Theme Name: Redolive Theme
Description: Custom theme by Red Olive Design
Version: 1.0

*/

@font-face {
    font-family: 'ahcl-icon-font';
    src:url('fonts/ahcl-icon-font.eot?-i4vv2p');
    src:url('fonts/ahcl-icon-font.eot?#iefix-i4vv2p') format('embedded-opentype'),
        url('fonts/ahcl-icon-font.woff?-i4vv2p') format('woff'),
        url('fonts/ahcl-icon-font.ttf?-i4vv2p') format('truetype'),
        url('fonts/ahcl-icon-font.svg?-i4vv2p#ahcl-icon-font') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'ahcl-icon-font';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-bold-webfont.svg#montserrat') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-regular-webfont.eot');
    src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-regular-webfont.woff') format('woff'),
         url('fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('fonts/montserrat-regular-webfont.svg#montserrat') format('svg');
    font-weight: normal;
    font-style: normal;

}
.icon-ring-leftright:before {
    content: "\e600";
}
.icon-ring-topbtm:before {
    content: "\e601";
}
.icon-ring-right:before {
    content: "\e602";
}
.icon-ring-left:before {
    content: "\e603";
}
.icon-ring-top:before {
    content: "\e604";
}
.icon-ring-btm:before {
    content: "\e605";
}
.icon-25:before, .menu-item-543 a:before, .menu-item-1248 a:before {
    content: "\e606";
}
/*BRAIN*/


.icon-26:before, .menu-item-545 a:before, .icon-1296:before, .menu-item-1251 a:before, .menu-item-1297 a:before {
    content: "\e607";
}
/*BABY*/

.icon-27:before, .menu-item-541 a:before, .menu-item-1249 a:before {
    content: "\e608";
}
/*SCALPAL*/

.icon-28:before, .menu-item-542 a:before, .menu-item-1247 a:before {
    content: "\e609"; 
}
/*PERSON*/

.icon-29:before, .menu-item-546 a:before, .menu-item-1253 a:before {
    content: "\e60a";
}
/*CROSS*/

.icon-30:before, .menu-item-548 a:before, .menu-item-1254 a:before {
    content: "\e60b";
}
/*PERSON*/

.icon-31:before, .menu-item-544 a:before, .menu-item-1250 a:before {
    content: "\e60c";
}
/*TOOTH*/

.icon-32:before, .menu-item-547 a:before, .menu-item-1252 a:before {
    content: "\e60d";
}
/*MEDICAL SEAL*/

.icon-target:before {
    content: "\e60e";
}
.icon-ring-x:before {
    content: "\e60f";
}
.icon-ring-slash-leftright:before {
    content: "\e610";
}
.icon-ring-slash-topbtm:before {
    content: "\e611";
}
.icon-ring-slash-right:before {
    content: "\e612";
}
.icon-ring-slash-left:before {
    content: "\e613";
}
.icon-ring-slash-top:before {
    content: "\e614";
}
.icon-rinf-slash-btm:before {
    content: "\e615";
}
.icon-paper:before {
    content: "\e616";
}
.icon-100k:before {
    content: "\e617";
}
.icon-84mo:before {
    content: "\e618";
}
.icon-monitor:before {
    content: "\e619";
}
.icon-risk:before {
    content: "\e61a";
}
.icon-speak:before {
    content: "\e61b";
}
.icon-play:before {
    content: "\e61c";
}
.icon-monitor-check:before {
    content: "\e61d";
}
.icon-stopwatch:before {
    content: "\e61e";
}
.icon-graph:before {
    content: "\e61f";
}
.icon-people:before {
    content: "\e620";
}
.icon-100k84mo:before {
    content: "\e621";
}
.icon-creditcard:before {
    content: "\e622";
}
.icon-ahcl_icon_font-36:before {
    content: "\e623";
}
.icon-abc:before {
    content: "\e624";
}
.icon-cash:before {
    content: "\e625";
}
.icon-hospital:before {
    content: "\e626";
}
.icon-parthenon:before{
  content: url(images/parthenon.png);
}
.icon-tablet:before{
  content: url(images/tablet.png);
}
.icon-medic-bag:before{
  content: url(images/medic-bag.png);
}
.icon-rising-rates:before{
  content: url(images/rising-rates.png);
}
.icon-dollar-arrows:before{
  content: url(images/dollar-arrows.png);
}
.icon-declining-rates:before{
  content: url(images/declining-rates.png);
}
.icon-hand-of-mitus:before{
  content: url(images/hand-of-mitus.png);
}

#wpadminbar {display: none;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.fltLeft {float: left; margin-right: .5em;}
.clearfix:before, .clearfix:after, .row:before, .row:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.clearfix:after, .row:after {
  clear: both;
}


body {font-family: 'Noto Serif', serif; line-height: 1.4; font-size: 1.1em; color: #414042; font-weight: 400;}

h1, h2 {font-family: 'Montserrat', sans-serif; font-weight: normal; text-transform: uppercase; line-height: 1; margin-bottom: .5em; font-weight: 400;}
h1 span, h2 span {color: #8bc758; display: block;}
h1 span i { font-size:0.5em;position: relative;top: 9px; }

h1, .home h2, h2.h1 {
    font-size: 2.5em;
    letter-spacing: 1px;
}
h2 {font-size: 1.5em; letter-spacing: 1px; }
h2 a {color: inherit;}
h3 {font-size: 1.3em; margin-bottom: 1em; line-height: 1.2; font-style: italic; font-weight: 400; color: #8bc758;}
h3 span {color: #414042;}
h4 {text-transform: uppercase; margin: 0 0 .5em 0; line-height: 1.2;}
h4 a {color: inherit;}

p {margin-bottom: 1em;}
a {cursor: pointer; color: #8bc758;}
a:hover {text-decoration: none; color: #396c81;}
img {max-width: 100%; height: auto; }
hr {margin: 2em auto; border-color: #414042; width: 50%; }
em {font-style: italic;}

section h1, .home section h2 {margin-bottom: 1.2em;}

.wrapper {max-width: 1115px; margin: 0 auto; padding: 0 3em; }
.wrapper strong { font-weight: 700; }
/*.row {margin-bottom: 1em;}*/
.benefits.row > .col-sm-6:nth-child(2n+1) {clear: both;}

#content {padding: 0;}
#content ul, .row ul {list-style: disc; padding-left: 20px; margin-bottom: 1em;}
#header {font-family: 'Montserrat', sans-serif; position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(255,255,255,0.8); z-index: 1000; font-size: .9em; }
#header #nav {float: right; margin-top: 1.5em;}
#header .btn {text-transform: none; padding: .5em;}
#header .menu {float: right; margin-top: 10px;}
#header .menu li {float: left;}
#header .menu a {color: #414042; display: block; padding: .5em .5em 1.5em;}
#header .menu > li:hover > a { background-color: rgba(233,233,233,0.9); color: #3b98cd;}
#header .menu > li.active > a { background-color: rgba(233,233,233,0.9); color: #3b98cd;}

#header .menu li {position: relative;}
#header .menu li#menu-item-20 {position: static;}
#header .menu li ul {display: none; position: absolute; top: 100%; left: 0; width: 200px; background-color: rgba(233,233,233,0.9);}
#header .menu li ul li {float: none;}
#header .menu li ul li a {padding: 6px;}
#header .menu li:hover ul {display: block;}
#header .menu li:hover #marketsNav {display: block;}

#header #phoneNstuff {text-align: right; font-size: .9em;}
#header #phoneNstuff .btn {text-align: right; font-size: .9em; margin-left: 4px; padding: .5em 1.4em;}


#header #phoneNstuffMobile  {padding: 0 2em 2em; text-align: center; display: none;}
#header #phoneNstuffMobile .phone  {font-size: 2.5em;}
#header #phoneNstuffMobile .btn {display: block; margin: .5em 0 }

#hamburger {display: none; width: 84px; position: absolute; top: 0px; right: 0px; font-size: 2em; text-align: center; height: 84px; line-height: 84px; cursor: pointer;}
#hamburger.active {background-color: rgba(233,233,233,0.9); color: #3b98cd;}

#header #marketsNav {position: absolute; top: 100%; left: 0; width: 100%; background-color: rgba(233,233,233,0.9); padding: 1em 0 1em 170px; display: none;}
#header #marketsNav ul {max-width: 1024px; margin: 0 auto; width: auto; display: block; position: static;}
#header #marketsNav li {float: left; width: 50%;}
#header #marketsNav a {color: #414042; display: block; padding: 1em .5em;}
#header #marketsNav a:before {font-family: 'ahcl-icon-font'; font-size: 28px; vertical-align: middle; margin-right: 5px;}
#header #marketsNav a:hover {color: #3b98cd;}
#header #marketsNav a span {margin-right: 8px; font-size: 28px; vertical-align: middle;}

#demo {position: absolute; top: 0; right: 0; width: 0px; transition: width .5s; background-color: rgba(65,64,66,0.9); color: #fff; z-index: 300; overflow: hidden; font-family: 'Noto Serif', serif; }
#demo .pad {padding: 4em 7em 4em 4em; display: none;}
#demo ul li {font-size: 1.5em; text-transform: uppercase;}
#demo ul ul {padding-left: 1em;}
#demo ul ul li {font-size: 1em;}
#demo a {color: #fff;}
#demo h3 {margin: 0;}
#demo #close {position: absolute; top: 30px; right: 30px; font-size: 80px; color: #3b98cd; line-height: 1; cursor: pointer;}
#demo .btn {padding: 1em 3em; text-transform: uppercase;}
#demo hr {border-color: #fff;}
#demo h2 {font-size: 3.5em;}

#demo #firstStage #demoForm {display: none;}
#contactForm input, #demoForm input, #demoForm select { color: #333; }
#demo #secondStage {display: none;}

#header #demoTab {position: fixed; padding: 1em .5em; width: 165px; transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); top: 280px; right: -64px; font-size: 15px; z-index: 301; text-align: center; cursor: pointer;}

.fix {position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}

#content .scrollNav {background-color: rgba(59,152,205,0.5);}
#content .scrollNav ul {margin: 0; text-align: center;}
#content .scrollNav ul li {display: inline-block; color: #ccc;}
#content .scrollNav ul li:after {content: '|';}
#content .scrollNav ul li:last-child:after {content: '';}
#content .scrollNav ul li a {color: #fff; display: inline-block; padding: 3px 10px;}

.logo { height: 70px; background: url(images/logo.png) no-repeat; background-size: contain; display: block; text-indent: -9999px; margin: 1.3em 0; width: 206px;}
#header .logo { float: left;}

#banner {background-size: cover; background-attachment: fixed; background-position: top center; background-repeat: no-repeat; padding: 11em 0 6em; background-image: url(images/default-banner.jpg); transition: background-image .7s; position: relative; overflow: hidden;}
#signup-banner {background-size: cover; background-attachment: fixed; background-position: top center; background-repeat: no-repeat; padding: 11em 0 6em; background-image: url(images/bridge.jpg); transition: background-image .7s; position: relative; overflow: hidden;}
.signup-wrapper{
    /*background-size: cover;*/
    /*background-attachment: fixed;*/
    /*background-position: top center;*/
    /*background-repeat: no-repeat;*/
    /*padding: 11em 0 6em;*/
    background-color: rgb(230, 231, 232);


}
#signup-banner .col-left{
    background-color: rgb(241, 242, 242);
    padding-top: 10px;
    border-right: 1pt solid grey;
    padding-bottom: 10px;
}
#signup-banner .col-right{
    padding-top: 10px;
    padding-bottom: 10px;
}
#signup-banner .additional-info{
    background-color: rgb(230, 231, 232);
    padding-top: 10px;
}
.signup-thankyou-wrapper .header{
    background-color: rgb(241, 242, 242);
    text-transform: none;
    color: #8bc758;
    padding-top: 15px;
}

.page-id-14 #banner {background-position: center -70px; }

.home #banner {padding-bottom: 0;}

.page-template-patients-php #banner {background-image: url(images/patients.jpg);}
.page-template-features-php #banner {background-image: url(images/features-header.jpg);}
.page-template-partners-php #banner {background-image: url(images/partners-header.jpg);}
.page-template-clients-php #banner {background-image: url(images/clients-header.jpg);}
.page-template-overview-php #banner {background-image: url(images/company-header.jpg);}




/*
.postid-25 #banner {background-image: url(images/markets-header-behavior-health.jpg);}
.postid-26 #banner {background-image: url(images/markets-header-fertility.jpg);}
.postid-27 #banner {background-image: url(images/markets-header-surgeon.jpg);}
.postid-28 #banner {background-image: url(images/markets-header-bariatric.jpg);}
.postid-29 #banner {background-image: url(images/markets-header-hospital.jpg);}
.postid-30 #banner {background-image: url(images/markets-header-spine-neuro.jpg);}
.postid-31 #banner {background-image: url(images/markets-header-dental.jpg);}
.postid-32 #banner {background-image: url(images/markets-header-other.jpg);}*/

.relative {position: relative;}

#why-desk img {width: 100%;}
#why-mobile img { min-width: 80%; max-width: 100%;}


.whyRing {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

#why1 {background: url(images/why-1.png) no-repeat center center; background-size: contain; text-indent: -9999px;}
#why2 {background: url(images/why-2.png) no-repeat center center; background-size: contain; text-indent: -9999px;}
#why3 {background: url(images/why-3.png) no-repeat center center; background-size: contain; text-indent: -9999px;}
#why4 {background: url(images/why-4.png) no-repeat center center; background-size: contain; text-indent: -9999px;}

#why1:hover {background: url(images/why-1-hover.png) no-repeat center center; background-size: contain; }
#why2:hover {background: url(images/why-2-hover.png) no-repeat center center; background-size: contain; }
#why3:hover {background: url(images/why-3-hover.png) no-repeat center center; background-size: contain; }
#why4:hover {background: url(images/why-4-hover.png) no-repeat center center; background-size: contain; }

#banner hr {width: 100%;}
#banner .ltBlueBg {margin-top: 6em; padding: 1em 0;}

#banner #caption {width: 140px; height: 140px; border-radius: 100%; background-color: rgba(255,255,255,0.7); position: absolute; bottom: 20px; right: 20px; font-style: italic; text-align: center; color: #3b98cd; font-size: 1.3em; line-height: 1.2;}
#banner #caption div {display: none; padding-top: 55px;}
#banner #caption #cap-6 { padding-top: 45px; font-size: 19px;}
#banner #caption div:first-child {display: block;}

.page-template-overview-php #banner {color: #fff;}
.page-template-overview-php #banner hr {border-color: #fff;}

.video {display: block; position: relative;}
.video:after {position: absolute; top: 38%; left: 50%; width: 78px; height: 77px; margin-left: -39px; background: url(images/play.png) no-repeat; display: block; content: '';}

#sidebar {background-color: #ebebeb; padding: 2em; color: #414042; margin-bottom: 1em;}
#sidebar ul { list-style: none; padding-left: 0; }
#sidebar a {color: #414042;}
#sidebar .widget-title {
    border-bottom: thin solid #666;
    padding-bottom: 5px;
}

.blog #banner, .single #banner, .category #banner, .archive #banner {
    background: url(/wp-content/uploads/2014/04/markets-header-other2.jpg) center center fixed;
}

.postid-38 #banner {background: url(images/clients-header-crc.jpg);}
.postid-68 #banner {background: url(images/clients-header-redcliff.jpg);}
.postid-64 #banner {background: url(images/clients-header-redrock.jpg);}
.postid-69 #banner {background: url(images/clients-header-oregon-surgical.jpg);}
.postid-63 #banner {background: url(images/clients-header-fitness-ridge.png);}
.postid-65 #banner {background: url(images/clients-header-oregon-reproductive.jpg);}
.postid-66 #banner {background: url(images/clients-header-saintjude.jpg);}
.postid-60 #banner {background: url(images/clients-header-barker.jpg);}
.postid-891 #banner {background: url(images/clients-header-plastic-surgery-one.jpg);}
.postid-894 #banner {background: url(images/clients-header-arizona-reproductive.jpg);}
.postid-888 #banner {background: url(images/clients-header-bariatric-medicine-institute.jpg);}
.postid-1168 #banner {background: url(images/clients-header-preg.jpg);}

.lapband-header {background: url(images/lapband-header.jpg) !important;}
.anlc-header {background: url(images/clients-header.png) !important;}
.fertilityauthority-header {background: url(images/fertilityauthority-header.png) !important;}
.ivfadvantage-header {background: url(images/ivfadvantage-header.png) !important;}
.eggbanxx-header {background: url(images/eggbanxx-header.png) !important;}
.rmia-header {background: url(images/rmia-header.png) !important;}
.blis-header {background: url(images/blis-header.png) !important;}
.coflex-header {background: url(images/coflex-header.png) !important;}
.vivere-header { background: url(images/vivere-header.png) !important;}
.freedom-fertility-header {background: url(images/freedom-fertility-header.png) !important;}
.nmasc-header{background: url(images/nmasc-header.png) !important;}
.beverly-header{background: url(images/beverly-header.png) !important;}
.umh-header{background: url(images/umh-header.png) !important;}

.blog h2 , .category h2, .archive h2  {
    border-bottom: 2px solid #666;
    padding-bottom: .7em;
    padding-right: 5%;
    margin-bottom: .5em;
    width: 70%;
}
.blog .date, .blog .post-edit-link, .category .date, .category .post-edit-link, .archive .date, .archive .post-edit-link {
    display: block;
}
.post {clear: both;}
.post section { margin: 0 0 1.3em; padding: 1em 0 4em; /* border-bottom: thin solid #999; */ clear: left; }
#content .post section ul { padding-left: 35px; }
.blogWrapper {padding: 3em 0;}

.single #respond textarea { border: thin solid #ccc; }

form {font-family: 'Montserrat', sans-serif; }
input[type="text"], input[type="email"], input[type="search"], input[type="tel"], select, textarea, .mktoField {padding: .5em; border: none; background: #fff; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; width: 100%; margin-bottom: 1em;}
textarea {height: 185px;}
input[type="submit"] {display: inline-block; padding: 1em; background-color: #8bc758; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; line-height: 1; text-transform: uppercase; border: none; color: #414042;}
input[type="submit"]:hover {background-color: #5d9231;}
.practice_area select{color: black}

.search-form input[type="search"], .search-form input[type="submit"] {width: 100%; padding: .3em .5em; display: inline-block;}
.search-form input[type="submit"] { color: white; padding: 8px 3px; }

.search section { padding-top: 0;}


.grayFields input[type="text"], .grayFields input[type="email"], .grayFields select, .grayFields textarea {background: #e9e9e9;}
.widget-title {margin-top: 2em;}

blockquote {font-size: 1.2em; font-style: italic; margin-bottom: 1em; line-height: 1.3;}
.home blockquote {font-size: 2em;}
.blueTexture blockquote {color: #fff; }

section {padding: 4em 0;}
.row .row {margin-left: -10px; margin-right: -10px;}
.row .row .col-xs-1, .row .row .col-sm-1, .row .row .col-md-1, .row .row .col-lg-1, .row .row .col-xs-2, .row .row .col-sm-2, .row .row .col-md-2, .row .row .col-lg-2, .row .row .col-xs-3, .row .row .col-sm-3, .row .row .col-md-3, .row .row .col-lg-3, .row .row .col-xs-4, .row .row .col-sm-4, .row .row .col-md-4, .row .row .col-lg-4, .row .row .col-xs-5, .row .row .col-sm-5, .row .row .col-md-5, .row .row .col-lg-5, .row .row .col-xs-6, .row .row .col-sm-6, .row .row .col-md-6, .row .row .col-lg-6, .row .row .col-xs-7, .row .row .col-sm-7, .row .row .col-md-7, .row .row .col-lg-7, .row .row .col-xs-8, .row .row .col-sm-8, .row .row .col-md-8, .row .row .col-lg-8, .row .row .col-xs-9, .row .row .col-sm-9, .row .row .col-md-9, .row .row .col-lg-9, .row .row .col-xs-10, .row .row .col-sm-10, .row .row .col-md-10, .row .row .col-lg-10, .row .row .col-xs-11, .row .row .col-sm-11, .row .row .col-md-11, .row .row .col-lg-11, .row .row .col-xs-12, .row .row .col-sm-12, .row .row .col-md-12, .row .row .col-lg-12 {padding-left: 10px; padding-right: 10px;}

.ltBlueBg {background-color: #cee5f3; background-color: rgba(206,229,243,0.8);}
.grayBg {background-color: #e9e9e9;}
.source {font-size: 1.2em;}

.blueTexture {background: url(images/blue-texture.jpg); color: #fff;}
.blueTexture h1, .blueTexture h3 {color: #414042;}
.blueTexture hr {border-color: #414042;}
.blueTexture .source {color: #414042;}
.businessmen {background: url(images/businessmen.jpg) no-repeat center center; background-size: cover; height: 900px;}
.class {background: url(images/class.jpg) no-repeat center center; background-size: cover; height: 650px;}

img.noScale {width: auto;}

.combo-wrapper {position: relative; margin-bottom: .5em;}
.combo-wrapper select {display: none;}
.combo-wrapper .combo-output {padding: .5em; border: 2px solid #414042; cursor: pointer;}
.combo-wrapper .combo-output:after {float: right; display: block; content: '\f078'; font-family: 'FontAwesome';}
.combo-wrapper ul {padding: 0; margin: 0; position: absolute; left: 0; top: 100%; width: 100%; background-color: #ccc8bc; display: none; cursor: pointer; border: 2px solid #414042; z-index: 200; list-style: none;}
.combo-wrapper li {padding: .5em; }
.combo-wrapper li:hover {padding: .5em; background-color: #414042; color: #ccc8bc;}

.text-center {text-align: center;}
.text-center ul {list-style-position: inside;}

.text-right {text-align: right;}
.btn {font-family: 'Montserrat', sans-serif; display: inline-block; padding: 1em 2em; color: #fff; line-height: 1; text-transform: uppercase; border: none; text-transform: uppercase; transition: background-color .5s; text-align: center;}
.btn.green {background-color: #8bc758;}
.btn.blue {background-color: #3b98cd;}

.btn.green:hover {background-color: #5d9231; color: #fff;}
.btn.blue:hover {background-color: #196795; color: #fff;}

.bigNum {color: #8bc758; font-size: 3.5em; font-family: 'Montserrat', sans-serif; margin-bottom: .5em; line-height: 1;}
.biggishNum { font-size: 2.5em; font-family: 'Montserrat', sans-serif; margin-bottom: .5em; line-height: 1;}
.greenText {color: #8bc758;}
.blueText {color: #3b98cd;}
.padLeftRight {padding: 0 60px;}
.quote {margin-top: 30px;}
.quote:before {display: block; content: '\201D'; font-size: 100px; line-height: .3;}
#content .quote ul {list-style-position: inside; }
.vertAlign {display: block;}

.markets .col-sm-3 {margin-bottom: 2em;}
.markets .col-sm-3:nth-child(4n+1) {clear: both;}
.markets .circleStack:hover .roIcon {color: #3499d1;}
.markets h3 {color: #414042;}

.circleStack {position: relative; margin-bottom: 1em; text-align: center; display: block;}
.circleStack .ring { color: #3499d1; font-size: 150px; line-height: 150px; position: relative;}
.circleStack .ring:after {}
.circleStack .roIcon {position: absolute; width: 100%; left: 0; top: 0; font-size: 100px; line-height: 150px; color: #646567;}


.bigRings .circleStack .ring {color: #fff; font-size: 220px; line-height: 220px;}
.bigRings .circleStack .roIcon {font-size: 150px; line-height: 220px;}

.benefits .circleStack .roIcon {z-index: 1; line-height: 130px; font-size: 80px;}
.benefits .circleStack .ring {z-index: 2; font-size: 130px; line-height: 130px;}

#why-mobile {
    display: none;
    max-width: 240px;
    margin: 0 auto;
}
#devices-mobile {display: none; }

.circleStack .num {color: #e2eff8; font-family: 'Montserrat', sans-serif; font-size: 160px; line-height: 220px; position: absolute; top: 0; width: 100%;}
.circleStack .text { position: absolute; top: 0; width: 100%; height: 100%; font-size: 1.2em; font-style: italic; line-height: 1.2;}
.circleStack .text .whtBg {  font-size: 1em; font-style: normal; line-height: 1.2; background: #fff; margin: 20px; border-radius: 100%; height: 100%;}
.circleStack .text span {display: block; padding-left: 2em; padding-right: 2em;}
.targetLink {font-family: 'Montserrat', sans-serif; transition: color .5s; text-indent: -20px; padding-left: 20px; display: inline-block;}
.targetLink:hover {color: #3c99cf;}
.targetLink:before {font-family: 'ahcl-icon-font'; content: '\e60e'; color: #414042; margin-right: 6px; vertical-align: middle; font-size: 12px;}

.clientSquare {position: relative; overflow: hidden; text-align: center; margin-bottom: 1em;}

.clientSquare .grayBg img {width: 100%;}
.clientSquare .grayBg .clientLogo {position: absolute; padding: 0 1em; height: 100%; top: 0; left: 0; text-align: center;}
.clientSquare .grayBg .clientLogo img {height: auto; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); vertical-align: middle;}
.clientSquare .greenOverlay {position: absolute; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; background-color: #8bc758; text-align: center; color: inherit; transition: opacity .5s;}
.clientSquare .greenOverlay h3 {color: #fff; margin: 0;}
.clientSquare .greenOverlay em {display: block; color: #fff;}
.clientSquare:hover .greenOverlay {opacity: 1;}
.clientSquare .vertAlign {padding-left: 1em; padding-right: 1em;}
.vertAlign {display: block;}

.vMiddle {display: table-row;}

#line {overflow: hidden; margin: 3em 0; clear: both;}
#line .circleStack {width: 144px; height: 160px; margin: 0 auto; text-align: center; background-color: #fff; position: absolute; top: 0; left: 50%; margin-left: -72px;}
#line .circleStack .ring {position: absolute; top: 4px; left: -3px; width: 100%;}
#line .circleStack .icon {position: absolute; top: 4px; left: 0; width: 100%; line-height: 160px;}
#line .lineRow {clear: both; background: url(images/line.gif) repeat-y top center; position: relative;}
#line .lineRow:first-child {padding: 0;}
#line .lineRow:last-child {background: none;}
#line .tl-right {float: right; width: 50%; margin-top: 75px;}
#line .tl-left {float: left; width: 50%; margin-top: 75px;}

#line .text { width: 300px; position: relative;top: -13px; padding: 0 .5em; margin-bottom: 1em; background-color: #fff;}
#line .tl-right .notch {padding-left: 75px; background: url(images/line2.gif) no-repeat top left; margin-left: 72px;}
#line .tl-left .notch {padding-right: 75px; text-align: right; float: right; background: url(images/line2.gif) no-repeat top right; margin-right: 72px;}

#line .blueCouple {background: url(images/a-couple.jpg) no-repeat center center; background-size: cover; color: #fff;}
#line .blueDevice {background: url(images/device.jpg) no-repeat center center; background-size: cover; color: #fff; padding-bottom: 3em;}

#line .blueCouple + .lineRow {padding-top: 2em;}
#line .blueCouple + .lineRow .circleStack {top: 2em;}

#line .blueCouple .circleStack, #line .blueDevice .circleStack {background-color: transparent; position: relative; }
#line .blueCouple .ring, #line .blueCouple .roIcon, #line .blueDevice .ring, #line .blueDevice .roIcon {color: #fff;}
#line .blueCouple .text, #line .blueDevice .text {margin: 1em auto; max-width: 600px; width: auto; top: 0; background-color: transparent;}

#line .whtLine {height: 60px; background: url(images/whtLine.gif) repeat-y top center;}

#footer {padding: 2em 0; font-size: .8em;}
#footer .logo {margin: 0; width: 100%;}
#footer ul li {display: inline;}
#footer a {color: inherit;}


/* Page specific styles */
.page-id-50 .btn.green {
    font-size: 1.4em;
}

@media (max-width: 1200px){
    /*#banner {background-position: 80% 0;}*/
}

@media (max-width: 900px){
    #line .tl-right .notch {padding-left: 20px;}
    #line .tl-left .notch {padding-right: 20px;}
}

@media (max-width: 846px){
    #header .wrapper {padding: 0;}
    #header #phoneNstuff {display: none;}
    #header #phoneNstuffMobile {display: block;}
    #header #phoneNstuffMobile .phone { font-size: 1.8em; }
    #header #phoneNstuffMobile .btn { margin: .5em auto; width: 197px; }

    #header #nav {display: none; position: absolute; top: 100%; left: 0; width: 100%; float: none; background-color: rgba(233,233,233,0.9); margin-top: 0; z-index: 302;}
    #header #nav ul.menu {padding: 1em 2em; float: none; margin-top: 0;}
    #header #nav ul.menu li {float: none;}
    #header #nav ul.menu li a {padding: .5em 0;}
    #header #nav ul.menu li:hover a {background-color: transparent;}
    #header #nav ul.menu > li > a:after {content: '+'; color: #3b98cd; border: 2px solid #3b98cd; border-radius: 100%; display: inline-block; float: right; width: 20px; height: 20px; line-height: 19px; text-align: center; font-size: 18px;}
    #header #nav ul.menu > li.open > a:after {content: '-'; }
    #header #nav ul.menu li a span {display: none;}
    
    #header #nav #marketsNav {position: static; padding: 0; background-color: transparent;}
    #header #nav #marketsNav ul {padding-left: 20px;}
    #header #nav #marketsNav li {float: none; width: 100%;}
    #hamburger {display: block;}
    .logo {margin: .5em 1em; /*background-size: auto 50px; background-position: 18px 7px;*/}

    

}


@media (max-width: 768px){

    body {font-size: .8em;}

    
    /*h1 {font-size: 2em;}*/
    h3 {font-size: 1.5em;}

   
    img.ajax-loader {width: auto;}
    /*section {padding: 2em 0;}*/

    
    /*#demoTab {display: none;}*/
    #content .btn {display: block; margin-bottom: 1em; text-align: center;}

    /*.home blockquote {font-size: 1.5em;}*/

    #banner {padding: 8em 0 2em; background-attachment: scroll; background-size: cover;}
    #banner #caption {display: none;}
    
    .postid-25 #banner {background-image: url(images/banner-mobile-bg.jpg);}
    .postid-26 #banner {background-image: url(images/banner-mobile-bg.jpg);}
    .postid-27 #banner {background-image: url(images/banner-mobile-bg.jpg);}
    .postid-28 #banner {background-image: url(images/banner-mobile-bg.jpg);}
    .postid-29 #banner {background-image: url(images/banner-mobile-bg.jpg);}
    .postid-30 #banner {background-image: url(images/banner-mobile-bg.jpg);}
    .postid-31 #banner {background-image: url(images/banner-mobile-bg.jpg);}
    .postid-32 #banner {background-image: url(images/banner-mobile-bg.jpg);}
    .businessmen {height: 450px;}

    #why-mobile {display: block;}
    #why-desk {display: none;}

    #devices-mobile {display: inline;}
    #devices-desk {display: none;}    

    .row.markets .col-sm-3 {width: 50%; float: left;}
    .markets .col-sm-3:nth-child(4n+1) {clear: none;}
    .markets .col-sm-3:nth-child(2n+1) {clear: both;}

    .markets .circleStack .ring {font-size: 105px; line-height: 105px;}
    .markets .circleStack .roIcon {font-size: 70px; line-height: 105px;}

    /*#demo h2 {font-size: 2em;}*/
    #demo .btn {display: block;width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 1em;}

    #line .lineRow { background: none; padding: 1em 0;}
    #line .circleStack {position: relative; margin: 1em auto; left: 0;}
    #line .tl-right {float: none; width: 100%; margin-top: 0px;}
    #line .tl-left {float: none; width: 100%; margin-top: 0px;}
    #line .tl-right .notch {padding-left: 0px; background: none; margin-left: 0; text-align: center;}
    #line .tl-left .notch {padding-right: 0px; text-align: center; float: none; background: none; margin-right: 0;}
    #line .text {width: 100%; position: static; }
    #line .whtLine {display: none;}
    #line .blueCouple + .lineRow {padding-top: 1em;}
    #line .blueCouple + .lineRow .circleStack {top: 0;}

    .businessmen blockquote {font-size: 1em;}

    .bigNum {font-size: 2.5em;}
    .class { height: 260px;}
}

@media (max-width: 480px){
     img {width: 100%; height: auto;}
}

.clearlinkBlue{
    background-color: rgb(232, 237, 253);
    padding-top: 10px;
    padding-bottom: 10px;
    color: #45BCFF;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
}
.clearLinkBlueHeaderText{
    color: #45BCFF;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
}
.clearLinkDarkGreen{
    background-color: rgb(214, 238, 214);
    padding-top: 10px;
    padding-bottom: 10px;
}
.clearLinkLightGreen{
    background-color: rgb(232, 245, 232);
    padding-top: 10px;
    padding-bottom: 10px;
}
.clearLinkWhiteBlock{
    height: 5px;
    background-color:white;
}
.clearLink input[type='submit']{
    display: inline-block;
    padding: 12px 40px;
    background-color: rgb(232, 245, 232);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    line-height: 1;
    text-transform: none;
    border: none;
    color: #45BCFF;
    font-size: 2em;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: 1pt 1pt 1pt rgb(175, 175, 175);
}
.clearLink input[type="text"], .clearLink input[type="email"], .clearLink input[type="search"],.clearLink  input[type="tel"],.clearLink textarea, .clearLink select {
    padding: .5em;
    border: none;
    background: #fff;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    margin-bottom: 1em;
}
.clearLink .clearLinkDarkGreen select, .clearLink .clearLinkLightGreen select{
    width: 100%;
}
.clearLink .row{
    margin-left: 0px;
    margin-right: 0px;
}

.barimarkBlue{
  background-color: rgb(232, 237, 253);
  padding-top: 10px;
  padding-bottom: 10px;
  color: #45BCFF;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
}
.barimarkBlueHeaderText{
  color: #45BCFF;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
}
.barimarkDarkGreen{
  background-color: rgb(214, 238, 214);
  padding-top: 10px;
  padding-bottom: 10px;
}
.barimarkLightGreen{
  background-color: rgb(232, 245, 232);
  padding-top: 10px;
  padding-bottom: 10px;
}
.barimarkWhiteBlock{
  height: 5px;
  background-color:white;
}
.barimark input[type='submit']{
  display: inline-block;
  padding: 12px 40px;
  background-color: rgb(232, 245, 232);
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 1;
  text-transform: none;
  border: none;
  color: #45BCFF;
  font-size: 2em;
  font-weight: bold;
  border-radius: 3px;
  box-shadow: 1pt 1pt 1pt rgb(175, 175, 175);
}
.barimark input[type="text"], .barimark input[type="email"], .barimark input[type="search"],.barimark  input[type="tel"],.barimark textarea, .barimark select {
  padding: .5em;
  border: none;
  background: #fff;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  margin-bottom: 1em;
}
.barimark .barimarkDarkGreen select, .barimark .barimarkLightGreen select{
  width: 100%;
}
.barimark .row{
  margin-left: 0px;
  margin-right: 0px;
}


.required select{
    border-left: 1pt solid red;
}
.requiredText input[type="text"]{
    border-left: 1pt solid red;
}
.error{
    background: rgb(255, 218, 218) !important;
}
.newsImage{
    width: auto;
    height: 40px;
    margin: 0px 12px;
}
.newsDiv{
    margin: 10px 0px;
    padding: 5px 0px;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
}
.newsDiv div{
  text-align: left;
}
.newsHeadline{
    font-family: 'Montserrat';
}
.history_channel:after{
    top: 34%;
}
.front_page_history{
    padding: 1em;
}
@media (max-width: 480px) and (min-width: 420px){
    .history_channel_as_seen_on{
        width: 300px;
        display: inline-block;
    }
}
@media (min-width: 480px) {
    .history_channel_p{
        width: 400px;
    }
    .history_channel_as_seen_on{
        display: inline-block;
        width: 400px;
    }
}

.bordered-form{
  border: 1pt solid black !important;
}

.mktoField{
    width: 100% !important;
    padding: .5em !important;
    border: 1pt solid #BDBDBD !important;
    background: #fff !important;
    display: block !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -khtml-box-sizing: border-box !important;
    width: 100% !important;
    margin-bottom: 1em !important;
    box-shadow: none !important;
}
.mktoButton{
    display: inline-block !important;
    padding: 1em !important;
    background: rgb(139, 199, 88) !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    border: none !important;
    color: white !important;
    box-shadow: none !important;
}
.mktoLabel{
    display: none !important;
}

.mktoForm {
    width: 100% !important;
}

.mktoFormCol {
    width: 100% !important;
}

.mktoFieldWrap {
    width: 100% !important;
}

.mktoGutter {
    height: inherit !important;
}

.mktoOffset {
    height: inherit !important;
}

.mktoButtonWrap {
    margin-left: 0px !important;
}

.hidden{
    display: none !important;
}

.show {
    display: block !important;
}

.table {
    display: table;
}

.hover-text {
    display: none;
    font-size: 14px;
}

.circles {
    height: 225px;
    width: 234px;
    background-position: center center;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 35px;
}

#why-1 {
    background: url('/wp-content/themes/redolive/images/why-1.png') no-repeat;
}

#why-2 {
    background: url('/wp-content/themes/redolive/images/why-2.png') no-repeat;
}

#why-3 {
    background: url('/wp-content/themes/redolive/images/why-3.png') no-repeat;
}

#why-4 {
    background: url('/wp-content/themes/redolive/images/why-4.png') no-repeat;
}

#why-1:hover, #why-2:hover, #why-3:hover, #why-4:hover {
    background: url('/wp-content/themes/redolive/images/why-hover.png') no-repeat;
}

#why-1:hover .default-text {
    display: none;
}

#why-1:hover .hover-text {
    display: block;
}

#why-2:hover .default-text {
    display: none;
}

#why-2:hover .hover-text {
    display: block;
}

#why-3:hover .default-text {
    display: none;
}

#why-3:hover .hover-text {
    display: block;
}

#why-4:hover .default-text {
    display: none;
}

#why-4:hover .hover-text {
    display: block;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
}

.modal-header:after,
.modal-footer:after {
    clear: both;
}