@charset "utf-8";
/* MedWallet CSS */


/* Reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}body{font-family:ff-enzo-web,sans-serif}

/* Common */
html {height: 100%;}

body {
    font-size: 112,5%;
    font-family: "ff-enzo-web",sans-serif;
	font-weight:400;
    color: #56595b;
    height: 100%;
}

a {text-decoration:none;color:#ff6861;}

.shadow {-webkit-box-shadow:0px 4px 1px 0px rgba(00, 00, 00, 0.05);-moz-box-shadow:0px 4px 1px 0px rgba(00, 00, 00, 0.05);box-shadow:0px 4px 1px 0px rgba(00, 00, 00, 0.05);
}
.left {float:left;}
.center{text-align:center;}
/* Typography */
p {margin-bottom:0.75em;}
h1 { font-size:2.250em;	font-weight:700;}
h2 { font-size:1.5em;font-style:italic;margin-bottom: 1em;}
h3 { font-size:1.4em;font-weight:700;margin-bottom: 1em;}
@media screen and (min-width: 1367px) {h1 { font-size:2.75em;}}
@media screen and (min-width: 1367px) {h2 { font-size:2.0em;}}
@media screen and (min-width: 1367px) {h3 { font-size:2em;}}
@media screen and (min-width: 1367px) {p { font-size:1.25em;}}
/* Navigation */
header { 
background: #fff;
width: 100%;
z-index: 10000;
top: 0;
line-height: 4.5em;
-webkit-transform: translateZ(0);
}

@media screen and (max-width: 1024px) {header {line-height:3em;padding:1em 0;}}
@media screen and (min-width: 768px) {header {position: fixed;}}

.logo {
text-indent: -9999px;
background:url(../images/DocPocket-logo.png);
background-size: 70%;
width: 20%;
max-width: 320px;
background-position: center;
background-repeat: no-repeat;
float: left;
}
.doclogo {max-width:241px;}
@media screen and (max-width: 940px){.logo {background-size: 180px;width:100%;max-width: none;float: none;}}
@media screen and (max-width: 380px){.logo {background-size: 65%;width:100%;max-width: none;float: none;}}

nav {text-align:center;}
@media screen and (min-width: 940px) {nav {text-align:right;}}
nav ul,nav li {display:inline-block;}
nav li a {display:block;padding: 0 0.75em; color:#56595b;font-size:1.125em;}
@media screen and (min-width: 768px) {header {position: fixed;}}
@media screen and (min-width: 1920px){nav li a {font-size: 1.25em;display:block;padding: 0 1em;}}
nav li:hover a {color:#ff6861;}
nav li ul {display: none;position:absolute;}
nav li ul li {display: block;float: none;}
nav li ul li a {width: auto;min-width: 100px;padding: 0 20px;}

.cta-doctors{line-height:1em;color:#fff;padding:0.5em;background:#58df84;margin-left:1em;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
.cta-doctors:hover{color:#fff;background:#49d778;}
nav i {vertical-align: -1px;}

.cta-invite{line-height:1em;color:#fff;padding:1em;background:#56595b;margin:1em 0;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
.cta-invite:hover{color:#fff;background:#56595b;}

/* Layout */
@media screen and (max-width: 1367px) {.grid-container{max-width:940px;}}
.grid-parent{position:relative;}

@media screen and (min-width: 768px) {
  .hide-on-desktop {
    display: none;
  }
}

#hero {text-align:center;background:url(../images/pattern.jpg);background-attachment:fixed;margin:0;}
@media screen and (min-width: 768px) {#hero {margin: 4.5em 0 0 0;text-align:left;}}
#hero h1 {margin-top:1em;}
.phone {background:url(../images/iphone.png) center top no-repeat;margin:1em 0;padding-top: 69px;padding-bottom: 75px;}
@media screen and (min-width: 768px) {.phone {margin: 1em -5em 1em 0;}}

.mobile-screens img{width:70%;max-width:250px;margin:1em 0;}
.phone video {margin: 0 auto; display:block;position:relative; z-index:10;}
.social {height:2em; font-size:2em;padding:1em 0 0 1em; text-align:right;}
.social a {padding-right:1em;}
.doc-on-chair {position:absolute;left:20px;margin-top:220px;z-index:20;display:none;}
.btn-store img {max-width:346px; width:100%;}

@media screen and (min-width: 999px) {.doc-on-chair{display:block;}}
#highlights {background: #5eef8e;padding:4em 0 1em 0;margin:0;border-top: 8px solid #4fca78;}
@media screen and (min-width: 768px) {#highlights {margin-top:-55px;} #highlights>div>div>div{min-height:195px;}}
#highlights>div>div>div{background:#4fca78; padding: 1em;color:#fff;text-align:center;-webkit-border-radius: 10px;
-moz-border-radius: 10px;border-radius: 10px;margin-bottom:1em;}
@media screen and (min-width: 1367px) {#highlights>div>div>div{min-height:10px;}}

#highlights h3 {padding:0 0 0.4em 0;}

#process {background: #5eef8e;padding:3em 0;margin:0;text-align:center;color:#fff;}
#process img {width:100%; max-width:720px;}
#secure {padding:4em 0; background:#0e2314;color:#fff;}
#secure i {font-size:4em;padding:0 1em 0 0;}
#secure h3 {margin-top:1em;}
#secure img {width:100%;max-width:155px;}
#breakdown {padding:5% 0;}
#breakdown>div {margin-top:5%;margin-bottom:5%}
#breakdown .breakdown-list {padding-left:5em;}
#breakdown img {max-width:100%;}
#breakdown i {float: left;margin-left: -1.5em;margin-top:0em;font-size:2em;}
#partners {text-align:center;padding:2em 0;background:#eee;}
#partners a{margin:1em 0;}
#getitnow {padding:4em 0;background:#eee url(../images/pattern.jpg);background-attachment:fixed;}
#invitedoc {padding:4em 0;background:#fff;border-bottom:5px solid #eee;border-top:5px solid #eee;}
#invitedoc .invite-faces img{margin:1em 2em 0 0;}
#invitedoc .cta-invite{margin:0.5em 0;display:inline-block;}
#invitedoc .invite-faces{text-align:center;}

.circular {
width: 8em;
height: 8em;
border-radius: 5em;
-webkit-border-radius: 5em;
-moz-border-radius: 5em;
background-position: center;
background-size: contain;
border: 1em;
border-style: solid;
border-color: #eee;}

/* gallery css overirde */
.gallery .item {height:auto;}


/* Animation+ */
*:hover, .cta-doctors, nav li {
transition: all 0.2s;
-webkit-transition: all 0.2s; /* Safari */
}
.delay-1s { 
    -webkit-animation-delay: 1s; /* Safari and Chrome */
    animation-delay: 1s;
}

.delay-0_5s { 
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}