html, body
{overflow-x:hidden; font-size:1em; line-height:1.5;}

body {webkit-tap-highlight-color:#00a9b4;}

.btn
{-webkit-transition:all ease 1s; -moz-transition:all ease 1s; transition:all ease 1s;}

.btn:hover
{color:#44538a; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; transition:all ease 1s;}

.btn-xl
{padding:10px 40px; border-color:transparent; border-radius:90px 0px ; text-transform:uppercase; font-family:Helvetica,Arial,sans-serif; font-size:18px; font-weight:700; color:#44538a; background-color:#fff; opacity:0.7;}

.btn-xl:hover
{background-color:#ffeb00; opacity:0.7; border-bottom:solid 1px gray;}

.btn-xl:focus, .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl {}

.navbar-default .container
{padding:5px 15px;}

.navbar-default .navbar-brand
{color:#00a9b4; padding:0;}

.navbar-default .navbar-brand img
{width:auto; max-height:40px; position:relative;}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:active, .navbar-default .navbar-brand.active
{color:#fec503;}

.navbar-default .navbar-collapse
{border-color:rgba(255,255,255,.02);}

.navbar-default .navbar-toggle
{border-color:#00a9b4; background-color:#00a9b4;}

.navbar-default .navbar-toggle .icon-bar
{background-color:#fff;}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
{background-color:#00a9b4;}

.navbar-default .nav li a
{text-transform:uppercase; letter-spacing:1px; color:#44538a;}

.navbar-default .nav li a:hover, .navbar-default .nav li a:focus
{outline:0; color:#44538a; box-shadow:inset 0 -2px 0 0 #ce7533;}

.navbar-default .navbar-nav>.active>a
{border-radius:0; color:#fff; background-color:#44538a;}

.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus
{color:#fff; background-color:#44538a;}

header
{min-height:100vh; position:relative; text-align:center; background:radial-gradient(rgba(220, 150, 85, 0.1), rgba(0, 0, 0, 0.7)); color:#fff; /* animation:bgFadeIn 1s ease-in both; padding:28px 28px 0 28px; min-height:600px; */}

header:before
{background:linear-gradient(rgba(220, 150, 85, 0.1), rgba(0, 0, 0, 0.1)), url("../images/bg-summit.jpg");}

@keyframes bgFadeIn
{0% {background-color:white;}
100%{background-color:rgba(255, 255, 255, 0);}}

#home .container {min-height:800px;}

header .content
{/* width:680px; */height:100vh; min-height:800px; background-image:linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7)); margin:0 auto;}

header .content div
{margin:0 auto;}

header .content .intro-lead-in
{font-size:40px; line-height:1; color:#000; /* margin-top:-60px; */}

header .content .intro-lead-in span
{font-size:70px; font-weight:bold;}

header .content .intro-heading
{max-width:580px; font-size:32px; color:#44538a; padding:60px 80px;}

header .content .intro-heading:after
{background-image:radial-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7));}


/**************************/
/* BEGIN SHARED STYLES */
/**************************/

a, a:hover, a:focus, a:active, a.active
{outline:0;}

#home:before, #contact:before {position:absolute; background-attachment:fixed;}

header, section
{position:relative; background-position:top center; background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; overflow:hidden;}

header .container, section .container
{position:relative; min-height:100vh; display:flex; align-items:center; overflow:hidden;}

.container .content
{display:flex; align-items:center;}

.container .section-heading
{margin-top:15vh;}

/* backgrounds */
header:before, section:before
{content:' '; top:0; bottom:0; left:0; right:0; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}

/* section overlays */
.content .overlay-bg {min-height:100vh; min-width:620px; color:white; padding:0 40px 0 30px;}

h2, h3 {font-weight:normal;} 

section h2
{text-transform:uppercase; letter-spacing:0.3rem;}

section h2.section-heading
{font-size:40px; margin:0;}

h3.section-subheading
{margin-bottom:10px;}

/* font-awesome list items */
/* ul.list {padding-inline-start:20px} */
ul.list li i {width:50px; font-family:'Font Awesome\ 5 Free';}
ul.list li {display:flex; list-style-type:none; font-family:Helvetica,Arial,sans-serif; white-space:nowrap;}
ul.list li i:before {position:relative; top:3px; padding-right:20px;}

#services ul, #expertise ul {margin:40px 0 0 -15px;}
#services ul li, #expertise ul li {font-size:28px; letter-spacing:0.1em; margin-bottom:21px;}

.overlay-bg .section-heading {margin-left:25px;}


/**************************/
/* BEGIN SECTION STYLES */
/**************************/

/* ABOUT */
#about {background:linear-gradient(rgba(64, 104, 108, 0.9), rgba(64, 104, 108, 0.3)), url("../images/texture-marble.png") repeat;}
/* begin : IE fix */
#about .container:after {content:''; min-height:inherit; font-size:0; display:block;}
/* end : IE fix */
#about .content-outline {}
#about .section-heading {margin-top:0;}
#about p {font-size:24.3px; margin:23px 0 0 0; border-bottom:dashed 20px rgba(0, 0, 0, 0.1); overflow:hidden; padding-bottom:40px}
#about .bio-photo {max-width:268px; height:auto; display:block; position:relative; top:10px; float:right; border:3px solid #555; margin-left:30px; margin-bottom:30px;;}

/* SERVICES */
#services {background-image:url("../images/bg-zion.jpg");}
#services .content .overlay-bg {background:linear-gradient(rgba(77, 82, 143, 0.8), rgba(0, 0, 0, 0.3));}
/* #services .content .section-heading {margin-top:250px} */


/* CLIENTS */
#clients {background:linear-gradient(-41deg, rgba(0, 0, 0, 0.7), rgba(255, 255, 255, 0.1), rgba(77, 82, 143, 1) 90% ), url("../images/texture-brushed.png") repeat; border-top:solid 5px #686d6d; border-bottom:solid 5px #686d6d; padding-bottom:0;}
#clients .section-heading {margin-top:10vh;}
/* begin : IE fix */
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active)
{#clients .section-heading {margin-top:16.5vh;}}
/* end :IE fix */

#clients .content {margin:auto;}
#clients .client-list {width:auto; max-width:900px; margin:10px auto 0;}
#clients .container:after {content:''; min-height:inherit; font-size:0; display:block;}
#clients .client-logo {display:inline-flex; padding:20px 25px;}
#clients .client-logo img {width:auto;}
#clients .client-logo img.max {max-height:70px;}
#clients .client-logo img.nmx {max-height:60px;}
#clients .client-logo img.mid {max-height:50px;}
#clients .client-logo img.min {max-height:40px;}

/* EXPERTISE */
#expertise {background-image:url("../images/bg-italy.jpg");}
#expertise .content .overlay-bg {background:linear-gradient(rgba(64, 104, 108, 0.8), rgba(0, 0, 0, 0.3));}
/* #expertise .content .section-heading {margin-top:250px} */

/* JOURNALISM */
#journalism {background:linear-gradient(rgba(64, 104, 108, 0.5), rgba(64, 104, 108, 0.5)), url("../images/texture-squares.png") repeat;}
#journalism .content {margin:auto;}
/* #journalism .content .section-heading {margin-top:15vh;} */
#journalism .article-container {width:auto; max-width:720px; margin:80px auto;}
#journalism .article {border-bottom:solid 1px #ccc; margin-bottom:30px;}
#journalism .article:last-child {border-bottom:0; margin-bottom:0;}
#journalism .article a {font-size:18px; font-weight:bold; color:#44538a; text-decoration:underline;}
#journalism .article a:hover {text-decoration:none;}
#journalism p.detail {font-size:16px;}
#journalism p.source {font-style:italic;}

/* CONTACT */
#contact:before
{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url("../images/bg-lake.jpg");}

#contact .content
{width:680px; height:100vh; min-height:700px; background-image:linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, .7)); margin:auto;}

#contact .content div
{margin:auto;}

#contact .content a
{color:#000; letter-spacing:0.05em;}

#contact .content p
{font-size:22px; color:#000;}

#contact .section-heading
{margin-top:0;}

#contact .container .contact-data h2
{margin-top:-130px;}

ul.social-buttons
{margin-bottom:15px;}

ul.social-buttons li a
{display:block; width:40px; height:40px; border-radius:100%; font-size:20px; line-height:40px; outline:0; color:#fff; background-color:#222; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s;}

ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active
{background-color:#00a9b4;}

.btn:focus, .btn:active, .btn.active, .btn:active:focus
{outline:0;}


/*******************************/
/* BEGIN Why Care cta and modal STYLES */
/*******************************/
.tab {color: #fff; position: fixed; right: -1px; top: 200px; border: 2px solid #fff; padding: 10px 25px 10px 15px; background: rgba(130, 130, 130, 0.5); border-radius: 18px 0 0 18px;}
.tab:hover {color:#ffeb00; background: rgba(255, 255, 255, 0.1);}
.text, .tab {-webkit-transition:all ease 0.1s; -moz-transition:all ease 0.5s; transition:all ease 0.1s;}
/* .text:hover {color:#ffeb00;} */
.text span {color: #fff; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; font-size: 14px;}
.fa-lightbulb {position:relative; top:2px; margin-right: 10px; font-size: 20px;}

.box
{width:40%; margin:0 auto; background:rgba(255,255,255,0.2); padding:35px; border:2px solid #fff; border-radius:20px/50px; background-clip:padding-box; text-align:center;}

.mbutton
{position:absolute; top:300px; right:200px; font-size:1em; padding:10px; color:#fff; border:2px solid #fff; border-radius:20px/50px; text-decoration:none; background-color:rgba(255, 255, 255, 0.3); cursor:pointer; transition:all 0.3s ease-out;}

.mbutton:hover
{background:#fff; color:#008bc4;}

.overlay
{position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 1); transition:opacity 500ms; visibility:hidden; opacity:0; z-index:10;}

.overlay:target
{visibility:visible; opacity:1;}

.popup
{width:50%; position:relative; background-color:white; border-radius:15px; transition:all 5s ease-in-out; margin:1% auto 0; padding:70px 75px 50px 80px; z-index:1; top: 50%;
  transform: perspective(1px) translateY(-50%);}

.popup:before
{content:""; position:absolute; background:linear-gradient(rgba(249, 249, 249, 0.87), rgba(249, 249, 249, 0.9)), url("../images/bg-terrain.jpg"); background-position:center center; background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; z-index:-1; top:0; bottom:0; left:0; right:0; opacity:1; border-radius:15px;}

.popup p
{font-size:20px; margin-top:20px;}

.popup p .intro-ltr
{font-size:32px; line-height:1;}

.popup h2
{margin-top:0; color:#44538a; font-family:Helvetica,Arial,sans-serif;}

.popup .close
{position:absolute; top:20px; right:30px; transition:all 200ms; font-size:30px; font-weight:bold; text-decoration:none; color:#333;}

.popup .close:hover
{color:#02040a;}

.popup .content
{max-height:30%; overflow:auto;}