/**
	Main CSS file for Blue Ocean Shift website 2018
	date: 20/4/2018
**/

html { font-size: 100%; } 
body { font-family: "Avenir W01"; font-size:1.2rem; font-weight: 400; 
} 
.container { max-width:1200px; padding:0; max-width:85vw;}
.no-container {width: 116.92%; transform: translateX(-7.5%); }

  @media (min-width: 1800px) { 
	.container { max-width:70vw; }
	.no-container {width: 141.77%; transform: translateX(-15%); }
}

@media (max-width: 1200px) { 
	.container { max-width:100vw; }
	.no-container {width: 100%; transform: translateX(-0%); }
}

@media (max-width: 800px) { 
	.container { padding:0 1rem;}
}
@media (min-width : 801px) and (max-width : 1200px) {
	.container { padding:0 2rem;}
}



/**
Comment: Header Section
Desc:
Date: 20180426
Begin ============================ **/	

header { transition: all .5s ease-in-out;}
header hr.hline { width:100%; border-color:#4376bb; margin:.25rem 0 .5rem; margin:.5rem 0 .5rem; z-index:-1;}
header .row { margin:0; width:100%;}

header .logo { display:inline-block;  height:55px; max-width:100%; align-self: center}
header .navbar-logo {max-height:55px; display:inline-block; flex:0 0 28%; margin:0; align-items: center}

header .navbar { transition: all .5s ease-in-out; z-index:99;}
header .navbar-div {}
header .navbar-nav { color:#808285; color:#000; font-size:1rem; font-weight:550; padding-top:30px; padding-right:0; }
header .navbar-nav li { text-transform:uppercase; /*padding-left:.75rem; padding-right:.75rem; padding: .5rem .5rem;*/}
header .navbar-nav a { min-width:80px;  color:inherit; text-decoration:none;  padding: .5rem .75rem 1.6rem; transition: opacity .2s ease-in-out; }

header .navbar-nav .has-mega-menu {}
header .navbar-nav .has-mega-menu:hover > .mega-menu_wrap { opacity:1; visibility: visible;}
header .navbar-nav .has-mega-menu:hover > a,
header .navbar-nav .active > a {opacity:1; visibility: visible; color:#fff; background:#000; 
	background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/subnav-bg-2-1.jpg");   
	background-position:0 0; background-size:auto;  background-repeat:no-repeat;
	background:none; background:rgba(0, 0, 0, .75); background:#001836; }
	

header .navbar-nav .pos-1:hover > a { background-position:0 0; }
header .navbar-nav .pos-2:hover > a { background-position:-80px 0; }
header .navbar-nav .pos-3:hover > a { background-position:-160px 0; }
header .navbar-nav .pos-4:hover > a { background-position:-240px 0; }
header .navbar-nav .pos-5:hover > a { background-position:-320px 0; }
	
	
header .navbar-nav .mega-menu {position:relative; min-height:480px; min-height:calc(100vh - 80px); color:#fff; display:flex; justify-content:space-between; padding:4rem 1rem 2rem; }
header .navbar-nav .mega-menu_wrap {  opacity:0; visibility: hidden; transition: all .2s ease-in-out; width:100%; position:absolute; z-index:999; top:72px; top:5.25rem; left:0; padding:0 1rem; box-shadow: 0px .5rem 1rem 0rem rgba(0,0,0,0.4); }
header .navbar-nav .mega-menu_wrap {  background:#000; 
background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/subnav-bg-2.jpg");  
background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/subnav-bg.jpg");  


background-position:0 -55px; background-size:cover;   background-repeat:no-repeat; 
/*background:none; background:rgba(0, 0, 0, .75);*/ }

header .navbar-nav .menu-show .mega-menu_wrap {opacity:1; visibility: visible;}

header .navbar-nav .mega-menu h2 { margin:0 0 2rem;}
header .navbar-nav .mega-menu h4 {}
header .navbar-nav .subnav { font-weight:750;}
header .navbar-nav .subnav li { text-align:right;}
header .navbar-nav .subnav a {display:inline-block; transition: all .1s ease-in-out; padding:.75rem 1rem !important;}
header .navbar-nav .subnav a:hover {color:#fff; background:#1072bd;}

header .navbar-nav .mega-menu .icon1:after,
header .navbar-nav .mega-menu .icon2:after,
header .navbar-nav .mega-menu .icon3:after,
header .navbar-nav .mega-menu .icon4:after,
header .navbar-nav .mega-menu .icon5:after {content:''; display:inline-block; margin:2rem 0 0; width:80px; height:80px; background-repeat:no-repeat;}
header .navbar-nav .mega-menu .icon1:after { background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/svg/topnav-learn-01.svg");}
header .navbar-nav .mega-menu .icon2:after { background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/svg/topnav-apply-01.svg");}
header .navbar-nav .mega-menu .icon3:after { background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/svg/topnav-teach-01.svg");}
header .navbar-nav .mega-menu .icon4:after { background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/svg/topnav-impact-01.svg");}
header .navbar-nav .mega-menu .icon5:after { background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/svg/topnav-about-01.svg");}


header .navbar-nav .nav-copy { max-width:45%; flex:0 0 45%; text-transform:none; letter-spacing:0;}
header .navbar-nav .nav-copy h2 {font-size:2.5rem; font-weight:750; text-transform:uppercase;}


header .navbar-nav .nav-link { max-width:45%; flex:0 0 45%;}
header .navbar-nav .nav-link ul { list-style:none; padding:0; margin:0;}
header .navbar-nav .nav-link ul li {}
header .navbar-nav .nav-link ul a { padding:.5rem; display:inline-block; letter-spacing:0;}

header .navbar-toggler {border:none; padding:5px; outline:none;}
header .navbar-toggler svg { min-width:18px; padding:5px 0;}

header .navbar-nav .dropdown-menu {float:none; margin:0; padding:0 1rem; display:inline-block; border:none; border-radius:0;}

li.newlink {} /*20191118*/
li.newlink:after { content:"NEW"; position:absolute; top:0; right:0; font-size:10px;color:#ff0000; }

li.redlink {}
li.redlink a { color:#fff !important; background:#db3b26;background:#ff0000; border-radius:.5rem;}



	/* Updates 20180724 ==== */
	header .navbar-nav-n { color:#808285; color:#000; font-size:1rem; font-weight:550; padding-top:30px; padding-right:0; display:flex; flex-direction:row; list-style:none; margin:0; font-weight:700; }
	header .navbar-nav-n li { text-transform:uppercase; position:relative; /*padding-left:.75rem; padding-right:.75rem; padding: .5rem .5rem;*/}
	header .navbar-nav-n a { display:inline-block; min-width:80px;  color:inherit; text-decoration:none;  padding: .5rem .75rem 1.6rem; padding: .5rem 1rem; transition: opacity .2s ease-in-out; }
	/*header .navbar-nav-n a:after {font-family:'Font Awesome 5 Free'; font-size:.8em; line-height:1.5rem; padding:0 .25rem; content:'\f107'; display:inline-block; }*/
	
	header .navbar-nav-n .sub-menu { text-align:left; display:none; position:absolute; top:100%; right:auto; left:0; z-index:1; min-width:250px; list-style:none; margin:0; padding:1rem; background:#000; color:#fff; padding:0; background:#fff; color:#000;}
	header .navbar-nav-n .sub-menu li { padding:0;}
	header .navbar-nav-n .sub-menu a { line-height:1.2rem; display:block; min-width:auto; padding:1rem 1rem;}
	header .navbar-nav-n .sub-menu a:after { content:''; display:none;}
	header .navbar-nav-n .sub-menu a:hover { color:#fff; background:#0070b8;}
	header .navbar-nav-n li:last-child .sub-menu {right:0; left:auto;}
	
	header .navbar-nav-n .dropdown-menu { border:none; border-radius:0; display:none;}
	
	
	@media (max-width: 991px) { 
	
		header .navbar-nav-n { width:100%; display:inline-block; margin:0; padding:0;}
		header .navbar-nav-n a { width:100%; display:inline-block;  min-width:auto;}
		header .navbar-nav-n .has-mega-menu a:after {font-family:'Font Awesome 5 Free'; font-size:.8em; line-height:1.5rem; padding:0 .25rem; content:'\f107'; display:inline-block; }
		header .navbar-nav-n a:hover { background:#0070b8; color:#fff;}
		header .navbar-nav-n a:after { float:right;}
		
		header .navbar-nav-n .sub-menu {text-align:left; width:100%; position:relative; top:100%; left:0; right:auto; min-width:100%; max-width:100%;}
		header .navbar-nav-n li:hover .sub-menu {display: normal;}
		
		header .navbar-nav-n .dropdown-menu.show {display:block;}
	}
	@media (min-width: 992px) { 
		header .navbar-nav-n .sub-menu {box-shadow: 0px .25rem .5rem 0 rgba(0,0,0,0.25);}
		header .navbar-nav-n li:hover .sub-menu {display:block; }
	}
	
	
	

@media (max-width: 991px) { 

	header .navbar-logo { flex:none; margin:0;}
	header .logo { width:100%; max-width:225px; max-height:auto;}
	header .navbar { transition: all .5s ease-in-out; }
	header .navbar-nav { padding:0; margin-top:.5rem; }
	header .navbar-div { position:relative; height:100%; }
	
	header .navbar-nav a { width:100%; display:inline-block; padding:.5rem;}
	
	
	
	header .navbar-nav .has-mega-menu:hover > a { background:none; background-color:rgba( 0, 0, 0 , .8); background:#0070b8; color:#fff; }
	
	
	header .navbar-nav .dropdown-menu.show { float:left; display:block; position:relative;padding:0; margin:0; top:0; left:0; opacity:1; visibility:visible; box-shadow:none;}
	header .navbar-nav .mega-menu_wrap { display:none; background:none;}
	header .navbar-nav .mega-menu { color:inherit; display:block; min-height:auto; padding:0; margin:0; top:0; left:0;}
	
	header .navbar-nav .nav-copy,
	header .navbar-nav .nav-link { max-width:100%; flex:0 0 100%; padding:0;}
	header .navbar-nav .nav-copy { display:none;}
	header .navbar-nav .subnav { }
	header .navbar-nav .subnav li { text-align:left; }
	header .navbar-nav .subnav a { padding: .5rem !important; font-weight:750; padding-left: 1rem !important; text-transform:none;}
	header .navbar-nav .subnav li:hover a { background:#7bbbeb; color:#fff;}
	
	
	
	header .navbar-nav .has-mega-menu a { position:relative;}
	header .navbar-nav .has-mega-menu > a:after {font-family:'Font Awesome 5 Free'; font-size:1.1em; line-height:1.4rem; padding:.5rem;  content:'\f105'; position:absolute; top:0; right:0; display:block; }
	header .navbar-nav .has-mega-menu.show > a:after {content:'\f106'; }
	
	
	li.newlink {} /*20191118*/
	li.newlink:after { content:" "; position:relative; }
	li.newlink a:after {content:"NEW"; float:none; position:absolute; top:10px;  color:#ff0000; font-size:9px; padding-left:3px;}

	
}



/**
Comment: Header Section
End    ============================ **/	




/**
Comment: Menu - Extra Link Markup
Date: 20190114
Begin ============================ **/	

li.SEVENDAYSFREETRIAL { background:#0070b8; color:#fff; border-radius:5px; margin-bottom:.5rem;}

/**
Comment: Extra Link Markup
End    ============================ **/	


/**
Comment: Landing Banner Carousel
Date: 20180516
Begin ============================ **/	

section.l-banner .carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

section.l-banner .carousel-fade  .carousel-item.active,
section.l-banner .carousel-fade  .carousel-item-next.carousel-item-left,
section.l-banner .carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

section.l-banner .carousel-fade .active.carousel-item-left,
section.l-banner .carousel-fade .active.carousel-item-right {
 opacity: 0;
}

section.l-banner .carousel-fade  .carousel-item-next,
section.l-banner .carousel-fade .carousel-item-prev,
section.l-banner .carousel-fade .carousel-item.active,
section.l-banner .carousel-fade .active.carousel-item-left,
section.l-banner .carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

section.l-banner {}
section.l-banner .container {}
section.l-banner h2 {font-size:1.5rem; font-weight:550; letter-spacing: .5rem;}
/*section.l-banner h2.oversize { font-size:6.5rem; font-weight:750; letter-spacing: 1rem;}*/
section.l-banner h2 {text-shadow: 2px 2px 8px rgba(0, 0, 0, .5);}
section.l-banner .carousel-inner {z-index:1;}

section.l-banner .carousel-inner .m-text { /*padding-top:10rem;*/}
section.l-banner .carousel-inner .m-text h2 { transition: all .5s ease-in-out; /* transform: perspective(100vw) translateZ(15vw);*/ opacity: 0;}
section.l-banner .carousel-inner .active .m-text h2 {opacity: 1; /*transform: perspective(100vw) translateZ(0);*/}

section.l-banner .carousel-item {min-height: 470px; text-align:center; text-transform:uppercase; color:#fff; }
section.l-banner .carousel-item:hover {cursor:default;}

section.l-banner .carousel-background { width:100%; height:100%; background:#f2f2f2; position:absolute; top:0; left:0; z-index:0; max-height:470px; overflow:hidden; /*background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/landing/mobile-landing-banner.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center center;*/}
section.l-banner .carousel-background video { width:100%; }

section.l-banner .carousel-highlight {  width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; text-transform:uppercase; color:#fff;}
section.l-banner .carousel-highlight .card { width:100%; height:100%; background:none; border:none; text-align:center; align-items: center; justify-content: center;}
section.l-banner .carousel-highlight h2.oversize { margin-top:-4rem;  font-size:6.5rem; font-weight:750; letter-spacing: 1rem;}
section.l-banner .carousel-item h2.oversize { margin-top:-2rem;  font-size:4.5rem; font-weight:750; letter-spacing: 1rem; margin:0 0 2rem;}


section.l-banner .carousel-full {}
section.l-banner .carousel-full .carousel-item {min-height:calc(100vh - 80px);}
section.l-banner .carousel-full .carousel-background {max-height:calc(100vh - 80px);}
section.l-banner .carousel-full .carousel-background video { width:auto; width:100%;}

section.l-banner .carousel-full.no-title .m-text { padding:5rem;}
section.l-banner .carousel-full .carousel-item h2 { font-size:2.5rem;}


section.l-banner .carousel-full a.learn-more { text-decoration:none; color:#fff; padding:1rem; display:block; position:absolute; z-index:99; bottom:2rem; left:0; width:100%; text-align:center; text-transform:uppercase; font-size:.9rem; 
	 animation: learnmore-bounce  2.5s ease infinite;}
section.l-banner .carousel-full a.learn-more i { display:block;}

@keyframes learnmore-bounce {0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-.5rem)}60%{transform:translateY(-.25rem)}}


@media (max-width: 1200px) { 
	section.l-banner .carousel-item {min-height: 380px;}
	section.l-banner .carousel-full.no-title .m-text { padding:1rem;}
}

@media (max-width: 800px) { 
	section.l-banner h2 { font-size:1.2rem; letter-spacing: .25rem; padding:0 1rem;}
	section.l-banner .carousel-inner .m-text { /*padding-top:8rem;*/}
	section.l-banner .carousel-full .carousel-item h2 { font-size:1.2rem;}
	section.l-banner .carousel-full .carousel-item br {display:none;}
	section.l-banner .carousel-highlight h2.oversize { font-size:4rem; margin-top:-6rem;}
	section.l-banner .carousel-highlight h2.oversize { font-size:3rem; margin-top:-6rem;}
	section.l-banner .carousel-item h2.oversize { margin-top:0;  font-size:3rem; }
	section.l-banner .carousel-item {min-height: 350px;}
	section.l-banner .carousel-background {min-height: 350px; background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/landing/mobile-landing-banner.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center center;}
	section.l-banner .carousel-background video { display:none;}
	
	
	section.l-banner .carousel-full .carousel-item {min-height: 350px;}
	section.l-banner .carousel-full .carousel-background {min-height: 350px; max-height:auto;}
	
}

@media (max-width: 544px) { 
	section.l-banner h2 { font-size:1.1rem; letter-spacing: 0rem; }
	section.l-banner h2 br { display:none; }
	section.l-banner .carousel-highlight h2.oversize { font-size:2.6rem; margin-top:-4rem;}
	section.l-banner .carousel-highlight h2.oversize { font-size:1.6rem; margin-top:-4rem;}
	section.l-banner .carousel-item h2.oversize {font-size:2.6rem; padding:0; margin:0 0 .5rem;}
	section.l-banner .carousel-item {min-height: 280px;}
	section.l-banner .carousel-background {min-height: 280px;}
	
	section.l-banner .carousel-full .carousel-item {min-height: 280px;}
	section.l-banner .carousel-full .carousel-background {min-height: 280px; max-height:auto;}
}

/**
Comment: Landing Banner Carousel
End    ============================ **/	



/**
Comment: Landing Section
Desc:
Date: 20180426
Design: https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/2018-homepage.png
Begin ============================ **/	

.standard h1 {font-size:2.5rem; font-weight:750; letter-spacing: .2rem;}
.standard h2 {font-size:2.0rem; font-weight:750;}
.standard h3 {font-size:1.8rem; font-weight:300;}
.standard h4 {font-size:1.4rem; font-weight:300;}
.standard b { font-weight:750;}
.standard a { color:#0070b8;}
.standard .dark-gray { color:#666; }
.standard .box-shadow {box-shadow: 0px 1rem 2.5rem 1px rgba(0,0,0,0.3);}

.standard .cta { padding:.5rem 1rem; font-weight:300; display:inline-block; margin-top:1rem; color:inherit; text-decoration:none; border:solid 1px #000; background:none; transition: all 0.3s ease 0s;}
.standard .cta-caps-bold { text-transform:uppercase; font-weight:750; font-weight:bold; }
.standard .cta:hover { color:#fff; border:solid 1px #193d89; background-color:#193d89;  background-image:url("https://blueoceanstrategy.s3.amazonaws.com/web2018/assets/cta-btn-bluebg.jpg"); background-position:center center;               }


.standard .cta-blue { background:#1072bd; background-color:#193d89;  color:#fff; border:solid 1px #193d89;}
.standard .cta-blue:hover { color:#fff; border:solid 1px #222; background:#222;}

.standard .cta-blue2 { background:none;  color:#fff !important; border:solid 1px #193d89; background-image:url("https://blueoceanstrategy.s3.amazonaws.com/web2018/assets/cta-btn-bluebg.jpg") !important; background-position:center center; background-size:cover !important; transition: all 0.3s ease 0s;}
.standard .cta-blue2:hover { color:#fff; border:solid 1px #193d89; background:#193d89;}




.standard .cta:hover, .standard .cta:focus, .standard .cta:active {
  box-shadow: 0 1rem 1rem -.25rem rgba(0, 0, 0, 0.2);
}

.standard .cta-more-wrap { width:100%; display:inline-block; position:relative; text-align:center;}
.standard .cta-more-wrap:after { content:''; width:100%; border-top:solid 1px #222; position:absolute;top:48%; left:0; z-index:0;}
.standard .cta-more-wrap.no-border:after {border:none;}
.standard .cta-more-wrap .cta {margin:0 2rem; background:#fff; z-index:1; position:relative;  padding:.5rem 2rem; text-transform:uppercase; font-weight:750; font-size:1rem;}
.standard .cta-more-wrap .cta:hover { background-color:#193d89;  background-image:url("https://blueoceanstrategy.s3.amazonaws.com/web2018/assets/cta-btn-bluebg.jpg"); background-position:center center;}
.standard .cta-more-wrap .cta:before { content:''; width:100%; background:#222;}


.standard .cta-more-wrap .cta-text { display:inline-block; margin:0 2rem; background:#fff; z-index:1; position:relative;  padding:.5rem 2rem; text-transform:uppercase; font-weight:750; font-size:1rem;}
.standard .cta-more-wrap .cta-no-link { cursor:default; padding:.5rem 1rem;  display:inline-block; color:inherit; text-decoration:none; border:solid 1px #000;  transition: all 0.3s ease 0s;}


.standard .box-shadow-hover {box-shadow: 0px .25rem 1.5rem 0 rgba(0,0,0,0.0);transition: all 0.3s ease 0s;}
.standard .box-shadow-hover:hover {box-shadow: 0px .5rem  2.5rem 0 rgba(0,0,0,0.3);}



.standard .text-inline { display:inline;}
.standard .noshow {display:none;}

.standard .lcol, .standard .rcol  { width:100%; max-width:50%; }
.img-full { display:inline-block; width:100%; }



.standard .nav-tabs { margin:0 0 1rem; border-bottom:1px solid #dcdcdc;}
.standard .nav-tabs .nav-link { color:inherit; border-radius:0;}
.standard .nav-tabs .nav-link.active { font-weight:bold;}
.standard .nav-tabs .nav-item.show .nav-link, 
.standard .nav-tabs .nav-link.active { border-color: #dcdcdc #dcdcdc #fff;}




img.lazyload {opacity:0;transition: opacity 1s;}
img.lazyload.lazyload-complete {opacity:1;}

.hide-mobile {display:inline-block !important;}
.show-mobile {display:none !important;}


.pr-50pct { padding-right:50%;}
.pr-40pct { padding-right:40%;}
.pr-30pct { padding-right:30%;}
.pr-20pct { padding-right:20%;}
.pr-10pct { padding-right:10%;}

.pl-50pct { padding-left:50%;}
.pl-40pct { padding-left:40%;}
.pl-30pct { padding-left:30%;}
.pl-20pct { padding-left:20%;}
.pl-10pct { padding-left:10%;}

.img-maxwidth { max-width:100%; width:100%; display:inline-block; }

.gradient-sep {
	/*background: rgba(242,242,242,1);
	background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(254,254,254,1) 65%, rgba(254,254,254,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(65%, rgba(254,254,254,1)), color-stop(100%, rgba(254,254,254,1)));
	background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(254,254,254,1) 65%, rgba(254,254,254,1) 100%);
	background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(254,254,254,1) 65%, rgba(254,254,254,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(254,254,254,1) 65%, rgba(254,254,254,1) 100%);
	background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(254,254,254,1) 65%, rgba(254,254,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fefefe', GradientType=0 );*/
	
	background: #f2f2f2;
	background: -moz-linear-gradient(top, #e8e8e8 1%, #ffffff 50%, #f2f2f2 100%);
	background: -webkit-linear-gradient(top, #e8e8e8 1%,#ffffff 50%,#f2f2f2 100%);
	background: linear-gradient(to bottom, #e8e8e8 1%,#ffffff 50%,#f2f2f2 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f2f2f2',GradientType=0 );
	
	
}

@media (max-width: 800px) {
	.hide-mobile {display:none !important;}
	.show-mobile {display:inline-block !important;}
}

@media (max-width:544px) { 

	.standard h1 {font-size:1.8rem; }
	.standard h2 {font-size:1.6rem; }
	.standard h3 {font-size:1.4rem; }
	.standard h4 {font-size:1.2rem; }
	
	.standard .cta {font-size:1.1rem;}
	
}



/**
Comment: Copy Expand Popup Modal - 20180730
Design: 
Begin  ============================ **/	

div#expandcopyModal .modal-dialog {max-width: 1000px; margin: 1rem auto; padding:2rem; justify-content: center; transform: translate( 0%, 15%) !important; }
div#expandcopyModal .modal-body {position:relative; padding:1rem;}
div#expandcopyModal .modal-content { border:0; border-radius:0;}
div#expandcopyModal .close {position:absolute; right:-30px; top:0; z-index:999; font-size:2rem; font-weight:normal; color:#fff; opacity:1;}
div#expandcopyModal > br,
div#expandcopyModal > p { display:none;}

@media (max-width: 768px) { 
	div#expandcopyModal {padding:0 !important;}
	div#expandcopyModal .modal-dialog { padding:1rem;}
	div#expandcopyModal .close { top:-33px; right:0;}
}

/**
Comment: BOShift - Youtube Popup
End    ============================ **/	







.landing-br { padding-top:2rem; }


section.landing-page { padding:2rem 0;}
section.landing-page .card { background:none; border:none; }
section.landing-page .row { width:100%; margin:0; margin-bottom: 1.5rem; padding:0;}
section.landing-page .full { width:100%; max-width:100%;}
section.landing-page .no-flex { display:inline-block;}
section.landing-page hr { border:0; border-top:1px solid rgba(0,0,0,.9); margin: 1.5rem auto;}


@media (max-width: 991px) { 
	section.landing-page .row { /*margin: 0;*/ padding:0 0rem;}
	.standard .lcol, .standard .rcol  { width:100%; max-width:100%; }
	
	.standard .mobile-order-1 { order:1;}
	.standard .mobile-order-2 { order:2;}
	
	.landing-br { padding-top:1rem; }
}


section.apply-studio {z-index:1; position:relative;}
section.apply-studio .bg-box { min-height:480px; 
background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/apply-bos.jpg");  
background-position:top center;  background-size:cover;  background-repeat:no-repeat;  }
section.apply-studio .bg-box-2 { min-height:450px; background:none; 
background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/apply-bos-2.png");  
background-position:bottom right;  background-size:cover;  background-repeat:no-repeat;  }
section.apply-studio .w-75 { max-width:75%;}
section.apply-studio .fdots { max-width:400px; position:absolute; right:0; bottom:2rem; z-index:1;}
section.apply-studio .fdots-2 { max-width:400px; position:absolute; left:0; bottom:0rem; z-index:1;}



section.apply-studio-2 { padding:2rem 0 0; overflow:hidden;}
section.apply-studio-2 .row {margin:0; min-height:400px;}
section.apply-studio-2 .lcol { max-width:45%; flex:0 0 45%; padding:1rem;}
section.apply-studio-2 .rcol {max-width:55%;  flex:0 0 55%; position:relative; }
section.apply-studio-2 .rcol figure {/*position:absolute; margin-left:-3rem;*/}
section.apply-studio-2 .rcol figure img { max-width:100%; display:inline-block;}

section.apply-studio-2 .new-notice {position:relative;}
section.apply-studio-2 .new-notice:after {content:"NEW"; position:relative; top:-.8rem; right:-3px; font-size:1.1rem;color:#ff0000; }
section.apply-studio-2 .red-cta {background-color:#ff0000; color:#fff; border-color:transparent;}



section.meet-founder {}
section.meet-founder .bg-box { min-height:480px;  background:none;
background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/meet-the-founder.jpg"); 
background-position:top center;  background-size:cover;  background-repeat:no-repeat;  }
section.meet-founder .bg-box-2 { min-height:520px;  background:none;
background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/meet-the-founder-2.png");
background-position:bottom right;  background-size:cover;  background-repeat:no-repeat;  }

section.inspire-banner .bg-box { min-height:560px; 
background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/get-inspired.jpg");  
background-position:top center;  background-size:cover;  background-repeat:no-repeat;  }
section.inspire-banner a {color:inherit; text-decoration:none;}


section.meet-founder-2 { padding:2rem 0 0; overflow:hidden;}
section.meet-founder-2 .row {margin:0; min-height:525px;}
section.meet-founder-2 .lcol { max-width:40%; flex:0 0 40%; padding:1rem;}
section.meet-founder-2 .rcol {max-width:60%;  flex:0 0 60%; position:relative; }
section.meet-founder-2 .rcol figure {position:absolute; margin-left:-3rem;}
section.meet-founder-2 .rcol figure img { max-width:100%; display:inline-block;}







section.inspire-banner-2 { background:#fff; /*background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/landing-inspire-bg.jpg");*/ background-position:center center; background-repeat:repeat-x; background-size:contain; overflow:hidden;}
section.inspire-banner-2 a {color:inherit; text-decoration:none;}

section.inspire-banner-2 .inspire-wrap { display:flex; flex-wrap:wrap; min-height:500px;position:relative; }
section.inspire-banner-2 .inspire-wrap .copy { text-align:center; z-index:1;}
section.inspire-banner-2 .inspire-wrap .group { max-width:60%; margin:0 auto;}
section.inspire-banner-2 .inspire-wrap .top { max-width:44%;  margin-bottom:4rem;}
section.inspire-banner-2 .inspire-wrap ul {list-style:none; display:inline-block; padding:0;}
section.inspire-banner-2 .inspire-wrap li { display:inline-block; padding:0 1rem;}
section.inspire-banner-2 .inspire-wrap .bestseller-list {font-size:1.4rem; font-weight:750; text-transform:uppercase; letter-spacing:-.1rem;}
section.inspire-banner-2 .lbook { position:absolute; top:2.5%; left:0;}
section.inspire-banner-2 .rbook { position:absolute;  bottom:10%; right:0%;}

section.inspire-banner-2 .lbook img {transform:rotate(20deg);}
section.inspire-banner-2 .rbook img {transform:rotate(-20deg);}

section.inspire-banner-2 .lbook img,
section.inspire-banner-2 .rbook img { max-width:200px; box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.2);}

section.inspire-banner-2 .inspire-wrap .bestseller {   max-width:70%;  margin:0 auto; padding:1rem 1rem 1rem; }
section.inspire-banner-2 .inspire-wrap .bestseller img { display:inline-block; max-height:55px; padding:0 1rem; margin:0 0 1rem;}
section.inspire-banner-2 .inspire-wrap .bestseller br { display:none;}



section.inspire-banner-v3 { /*background:#fff;*/ /*background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/landing-inspire-bg.jpg");*/ background-position:center center; background-repeat:repeat-x; background-size:contain; overflow:hidden; /*margin:2rem auto 0;*/ padding:4rem 0 2rem;}
section.inspire-banner-v3 a {color:inherit; text-decoration:none;}

section.inspire-banner-v3 .top-link { width:100%; height:100%; position:absolute; z-index:999;}

section.inspire-banner-v3 .inspire-wrap { display:flex; flex-wrap:wrap; min-height:500px;position:relative; }
section.inspire-banner-v3 .inspire-wrap .top { max-width:80%; text-align:center; z-index:1; margin:auto; }


section.inspire-banner-v3 .inspire-wrap .col { max-width:50%; flex:0 0 50%; padding:0 2rem; display:flex; flex-wrap:wrap; }
section.inspire-banner-v3 .inspire-wrap .feature { width:100%; margin:2rem auto;}
section.inspire-banner-v3 .inspire-wrap .feature figure {max-width:45%; flex:0 0 45%; padding-right:2rem;}
section.inspire-banner-v3 .inspire-wrap .feature figure img {max-width:100%; box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.2);}
section.inspire-banner-v3 .inspire-wrap .feature .copy {max-width:55%; flex:0 0 55%; margin:auto;}
section.inspire-banner-v3 .inspire-wrap .feature .copy p {display:none;}
section.inspire-banner-v3 .inspire-wrap .feature li { margin-bottom:1rem;}
section.inspire-banner-v3 .inspire-wrap .feature br { display:none;
}

/*section.inspire-banner-v3 .inspire-wrap ul {list-style:none; display:inline-block; padding:0;}
section.inspire-banner-v3 .inspire-wrap li { display:inline-block; padding:0 1rem;}*/
section.inspire-banner-v3 .inspire-wrap .bestseller-list {font-size:1.4rem; font-weight:750; text-transform:uppercase; letter-spacing:-.1rem;}
section.inspire-banner-v3 .lbook { position:absolute; top:2.5%; left:0;}
section.inspire-banner-v3 .rbook { position:absolute;  bottom:10%; right:0%;}

section.inspire-banner-v3 .lbook img {transform:rotate(0);}
section.inspire-banner-v3 .rbook img {transform:rotate(0);}

section.inspire-banner-v3 .lbook img,
section.inspire-banner-v3 .rbook img { max-width:200px; box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.2);}

section.inspire-banner-v3 .inspire-wrap .bestseller {   max-width:70%;  margin:0 auto; padding:1rem 1rem 1rem; }
section.inspire-banner-v3 .inspire-wrap .bestseller img { display:inline-block; max-height:55px; padding:0 1rem; margin:0 0 1rem;}
section.inspire-banner-v3 .inspire-wrap .bestseller br { display:none;}





section.m-banner {text-shadow: 2px 2px 8px rgba(0, 0, 0, .5); margin-bottom:2rem; }
section.m-banner .bg-box { min-height:220px; background:#f2f2f2; background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/bo-movement-anigif-2.gif"); background-size:cover; background-position:center center;  }


section.landing-feature { padding-bottom:2rem;}
section.landing-feature .box-wrap { padding:1.25rem; flex-wrap:wrap;}
section.landing-feature .full-row { width:100%; flex:0 0 100%;}
section.landing-feature .l-teach-mat { margin-bottom:auto;}
section.landing-feature .l-teach-mat .g3 {width:100%; display:flex; flex-wrap:wrap;   justify-content: space-between;    margin: auto; padding:0;  }
section.landing-feature .l-teach-mat .g3 a { max-width:32%; flex:0 0 32%; padding:.5rem; display:inline-block; /*box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.1);*/}
section.landing-feature .l-teach-mat .g3 img { }
section.landing-feature .l-impact-img { margin:2rem auto; margin-top:-2rem; z-index:-1;}


/*
section.landing-feature .join-form {}
section.landing-feature .join-form .form-wrap { margin:20px auto;}
section.landing-feature .join-form form { color:inherit; margin:0 0 40px;}
section.landing-feature .join-form form input { color:#7e7e7e;  background:none; border:none; border:solid 1px #0077c0; padding: 1em 1em;}
section.landing-feature .join-form form input::-webkit-input-placeholder { text-transform:uppercase; font-weight:bold;}
section.landing-feature .join-form form input[type=text], footer form input[type=email]{  width:100%;}
section.landing-feature .join-form form input[type=submit]{  text-transform:uppercase;font-weight:bold; padding: 1em 2em; width:100%; }
section.landing-feature .join-form form input[type=submit] {background:#0077c0; color:#fff; max-width:125px;}*/



section.landing-feature a { color:inherit;}
section.landing-feature a > p {display:none;}

section.landing-feature .lcol,
section.landing-feature .rcol { padding:0 1rem;}
section.landing-feature .col { width:100%; max-width:50%; flex:0 0 50%; padding: 0 2rem; }

section.landing-feature  .organize-wrap {display:flex; flex-wrap:wrap;}
section.landing-feature  .organize-1 {display:flex; margin:auto auto 0; text-align:right; justify-content: flex-end;}
section.landing-feature  .organize-1 img {width:100%; align-self: center; max-width:350px; display:inline-block;}

section.landing-feature .group-figure { }
section.landing-feature .figure-max-3 { margin:1rem auto 0rem; padding-bottom:1rem;}
section.landing-feature .figure-max-3 .flex-wrap {display:flex; flex-wrap:wrap; justify-content: space-between; }
section.landing-feature .figure-max-3 img { max-width:calc(33% - 1rem); flex:0 0 calc(33% - 1rem); align-self: center; margin:.5rem;}
section.landing-feature .figure-max-3 br { display:none;}

section.landing-feature .teach-material {}
section.landing-feature .teach-material img  { border:solid 1px #ccc;}

section.landing-feature .map-wrap {display:flex; align-items:center; width:100%; min-height:360px;}




section.blue-ocean-competition {background:#aadaff; /*background-image:url("https://blueoceanstrategy.s3.amazonaws.com/web2018/assets/202101_boc_map.png"); background-size:cover; background-position:center center;*/}
section.blue-ocean-competition .group-1 {background:rgba(255,255,255, .92); align-self:center;}
section.blue-ocean-competition .group-2 {align-self:center;}


section.blue-ocean-competition2 {}
section.blue-ocean-competition2 .group-1{text-align:left;}
section.blue-ocean-competition2 .group-2 {align-self:center;}
section.blue-ocean-competition2 .group-2 .tag {color:#222; padding:1rem 0; position:absolute; top:0; left:0; width:100%; text-align:center; font-weight:bold;}


@media (max-width: 1400px) {
	/*section.apply-studio .bg-box-2 {min-height:40rem;}
	section.meet-founder .bg-box-2 { min-height:50rem;}*/
	
	section.apply-studio-2 .row { min-height:55vh;}
	section.meet-founder-2 .row { min-height:55vh;}
	
	section.inspire-banner-v3 .inspire-wrap .feature .copy {font-size:90%;}
}


@media (max-width: 1000px) {
	
	section.landing-feature .col { width:100%; max-width:100%; flex:0 0 100%; padding: 0 1rem; margin:0 0 2rem; }
	section.landing-feature .l-teach-mat .g3 { margin-top:2rem;}
	section.landing-feature .l-teach-mat .g3 a > img { border:solid 1px #dcdcdc;}
	
	section.inspire-banner-v3 .inspire-wrap .col { max-width:100%; flex:0 0 100%; padding:0 1rem; margin-top:1rem;}
	
	section.inspire-banner-v3 .inspire-wrap .feature figure,
	section.inspire-banner-v3 .inspire-wrap .feature .copy  { max-width:100%; flex:0 0 100%; margin:0 0 2rem; font-size:100%;}
	section.inspire-banner-v3 .inspire-wrap .feature figure { text-align:center; }
	section.inspire-banner-v3 .inspire-wrap .feature figure img { max-width:200px;}
}


@media (max-width: 800px) { 
	section.landing-page { padding:1rem 0;}
	section.landing-feature .lcol { margin:0 0 1rem;}
	
	
	section.apply-studio-2 .lcol,
	section.apply-studio-2 .rcol {max-width:100%;  flex:0 0 100%; }
	section.apply-studio-2 .rcol figure {position:relative; margin:0;}
	section.apply-studio-2 .row { min-height:initial;}
	
	section.meet-founder-2 .lcol,
	section.meet-founder-2 .rcol {max-width:100%;  flex:0 0 100%; }
	section.meet-founder-2 .rcol figure {position:relative; margin:0;}
	section.meet-founder-2 .row { min-height:initial;}
	
	section.landing-feature .map-wrap {min-height:auto;}
	
	
}




section.landing-feature-learn {padding-bottom:2rem;}
section.landing-feature-learn .title { padding:1.25rem 2.25rem 0rem;}
section.landing-feature-learn .diagram-wrap {justify-content:space-between;}
section.landing-feature-learn .col { width:100%; max-width:45%; padding:1rem; box-shadow: 0px .25rem 1.5rem 0 rgba(0,0,0,0.0); background:#fff; transition: all 0.3s ease 0s;}
section.landing-feature-learn .col:hover {box-shadow: 0px .5rem  2.5rem 0 rgba(0,0,0,0.3);}
section.landing-feature-learn figure {margin:0; text-align:center;}
section.landing-feature-learn figure img { width:100%; max-width:100%; max-width:500px;}
section.landing-feature-learn .hl { font-weight:750; font-size:1.8rem; line-height:1rem;}





section.landing-blog { background:#fff; background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/landing-blog-bg.jpg");  
background-position:center center; background-repeat:repeat-x; background-size:contain;}
section.landing-blog .blog-wrap { display:flex; flex-wrap:wrap; min-height:400px;position:relative; overflow:hidden; }
section.landing-blog .copy { z-index:1;}
section.landing-blog .tablet { position:absolute; top:0; right:0; text-align:right; z-index:0;}
section.landing-blog .tablet img { max-width:100%; }


section.landing-blog-v2 { padding:2rem 0 0; overflow:hidden; background:#e2e6e9;}
section.landing-blog-v2 .row {margin:0; min-height:400px;}
section.landing-blog-v2 .lcol { max-width:40%; flex:0 0 40%; padding:1rem;}
section.landing-blog-v2 .rcol {max-width:60%;  flex:0 0 60%; position:relative; text-align:center; }
section.landing-blog-v2 .rcol figure {position:absolute; }
section.landing-blog-v2 .rcol figure img { max-width:100%; display:inline-block;}



@media (max-width: 1000px) {
	section.landing-blog .tablet { text-align:right; }
	section.landing-blog .tablet img.hide-mobile { max-width:70%;}
	section.landing-blog .blog-wrap { min-height:300px;}
}


@media (max-width: 800px) {
	section.landing-feature-learn .title { padding: 0rem 1rem;}
	section.landing-feature-learn .card-body { padding:1rem 0;}
	
	section.apply-studio { background:#e8e8e8;
		background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/landing/apply-bos-800.jpg");  
		background-size:contain;  background-position:center bottom; background-repeat:no-repeat;		}
	section.apply-studio .w-50 { width:100%; max-width:100%; flex:0 0 100%;}
	section.apply-studio .bg-box-2 { min-height:420px; background:none;	}
	/*.card-img-overlay { padding:0;}*/
	
	
	
	section.meet-founder { background:#fff;
		background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/landing/meet-the-founder-800.jpg");  
		background-size:contain;  background-position:right bottom; background-repeat:no-repeat;		}
	section.meet-founder .bg-box-2 { min-height:480px;  background:none; }
	section.meet-founder .w-50 { width:100%; max-width:100%; flex:0 0 100%;}

	
	section.apply-studio .card-img-overlay,
	section.meet-founder .card-img-overlay { padding:0;}
	
	
	
	section.landing-feature { padding:1rem 0 1rem;}
	section.landing-feature .box-wrap { padding:0 1rem;}
	section.landing-feature-learn {padding-bottom:1rem;}
	section.landing-feature-learn .col { max-width:100%; flex:0 0 100%;}
	
	
	section.inspire-banner-2 .inspire-wrap { }
	section.inspire-banner-2 .inspire-wrap h3 { font-size:1.4rem;}
	section.inspire-banner-2 .inspire-wrap .copy { z-index:1;}
	section.inspire-banner-2 .inspire-wrap .top { max-width:100%; padding:0 2rem; margin:0 0 2rem;}
	section.inspire-banner-2 .inspire-wrap .group {max-width:100%; padding:0 2rem;}
	
	section.inspire-banner-2 .inspire-wrap .bestseller {   max-width:100%; padding:1rem 1rem 1rem; }
	section.inspire-banner-2 .inspire-wrap .bestseller img { max-height:60px; }


	
	section.inspire-banner-2 .inspire-wrap .bestseller-list { font-size:1.1rem;}
	section.inspire-banner-2 .inspire-wrap .small-res { z-index:0; width:100%; position:relative; margin-bottom:2rem; min-height:10rem;}
	
	section.inspire-banner-2 .lbook {  bottom:0%; top:auto; left:15%;}
	section.inspire-banner-2 .rbook {  bottom:0%; right:15%;}
	section.inspire-banner-2 .lbook img {transform:rotate(20deg);}
	section.inspire-banner-2 .rbook img {transform:rotate(-20deg);}
	
	section.inspire-banner-2 .lbook img,
	section.inspire-banner-2 .rbook img { max-width:140px; }
	
	section.landing-blog { background:none;}
	section.landing-blog .blog-wrap { min-height:auto; padding-bottom:4rem;}
	section.landing-blog .copy { width:100%;}
	section.landing-blog .tablet { margin-right:-0%; bottom:0; text-align:right;}
	section.landing-blog .tablet img { width:100%;}
	
	
	
	section.landing-blog-v2 .lcol,
	section.landing-blog-v2 .rcol {max-width:100%;  flex:0 0 100%; }
	section.landing-blog-v2 .rcol { margin-top:2rem; overflow:hidden; max-height:25vh;}
	section.landing-blog-v2 .rcol figure {position:relative; margin:0;}
	section.landing-blog-v2 .row { min-height:initial;}
	
}
@media (max-width:544px) { 


	section.apply-studio .w-75 { width:100% !important; max-width:100%;}
	section.apply-studio .bg-box-2 { min-height:380px; }
	section.meet-founder .bg-box-2 { min-height:420px; }
	
	section.inspire-banner-2 .lbook img,
	section.inspire-banner-2 .rbook img { max-width:100px; }

	section.landing-blog .copy { max-width:50%;}
	section.landing-blog .copy br { display:none;}
	section.landing-blog .tablet { margin-right:-10%;  top:auto;}
	section.landing-blog .tablet img { width:70%;}
	
}




/**
Comment: Landing Section
End    ============================ **/	



/**
Comment: Origin of terms : Books
Date: 20180516
Begin ============================ **/	

section.origin-of-terms {/*background:#f2f2f2;*/
	background: #f2f2f2;
	background: -moz-linear-gradient(top, #e8e8e8 1%, #ffffff 50%, #f2f2f2 100%);
	background: -webkit-linear-gradient(top, #e8e8e8 1%,#ffffff 50%,#f2f2f2 100%);
	background: linear-gradient(to bottom, #e8e8e8 1%,#ffffff 50%,#f2f2f2 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f2f2f2',GradientType=0 );
}
section.origin-of-terms.no-bg {background:none !important;}
section.origin-of-terms > .main-bg {min-height:420px; /*background:#f2f2f2; background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/origin-of-terms-bg.jpg"); background-size:cover; background-position:top center;  color:#fff;*/ color:inherit; }
section.origin-of-terms .left-col { max-width:65%; padding:1rem 0; /*text-shadow: 2px 2px 8px rgba(0, 0, 0, .5);*/}
section.origin-of-terms .right-col { max-width:35%;  padding:0; margin-left:auto; margin-top:auto; margin-bottom:auto;}
section.origin-of-terms span.dark { color:#fff; color:inherit; font-weight:bold; }
section.origin-of-terms h2 { font-size:2.5rem;}
section.origin-of-terms h4 { font-size:1.2rem; line-height:1.4em; font-weight:normal;}
section.origin-of-terms .cta { border:solid 1px #000 !important; background:none;}
section.origin-of-terms .cta:hover { color:#fff !important; border:solid 1px #193d89 !important; background-color:#193d89 !important;  background-image:url("https://blueoceanstrategy.s3.amazonaws.com/web2018/assets/cta-btn-bluebg.jpg")!important; background-position:center center;}
section.origin-of-terms .red-cta {background-color:#ff0000; color:#fff; border-color:transparent !important;}
section.origin-of-terms .red-cta:hover {box-shadow: 0 1rem 1rem -.25rem rgba(0, 0, 0, 0.2); background-color:#ff0000 !important; color:#fff; border-color:transparent;}

section.origin-of-terms .d-flex { flex-wrap:wrap; padding:2rem 5rem;}
/*section.origin-of-terms .bestseller { display:flex; flex-wrap:wrap;  max-width:100%; flex: 0 0 100%; justify-content:space-between; margin:0; padding:1rem 4rem 0; }
section.origin-of-terms .bestseller img { display:inline-block; max-height:60px;}*/


section.origin-of-terms .bestseller { width:100%; text-align:center; /*display:flex; flex-wrap:wrap;  max-width:100%; flex: 0 0 100%;*/ justify-content:space-between; margin:0; padding:1rem 2rem 0;  margin-bottom:1rem; padding:0;}
section.origin-of-terms .bestseller img { display:inline-block; max-height:80px; max-height:65px; padding:0 1rem;}
section.origin-of-terms .bestseller br { display:none;}


@media (max-width: 1200px) { 
	section.origin-of-terms .bestseller { width:100%; display:inline-block; text-align:center; padding:1rem 1rem; }
	section.origin-of-terms .bestseller img { display:inline-block; margin:0 0 1rem;}
}

@media (max-width: 800px) { 
	section.origin-of-terms > .main-bg { padding:1rem; display:block;}
	section.origin-of-terms > .main-bg .d-flex {}
	section.origin-of-terms .left-col,
	section.origin-of-terms .right-col { width:100%; max-width:100%; padding:0; margin:auto; }
	section.origin-of-terms .left-col { order:1;}
	section.origin-of-terms .right-col { order:2; text-align:center;}
	
	section.origin-of-terms .d-flex { padding:1rem 1rem;}
	section.origin-of-terms .bestseller {  margin:0 auto; display:block; text-align:center; padding:1rem 2rem; }
	
}

/**
Comment: Origin of terms : Books
End    ============================ **/	


/* Hover Effect 
	ref: http://ianlunn.github.io/Hover/#effects
*/

.sweep-to-top > .hover {position: absolute;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;transform: scaleY(0);transform-origin: 50% 100%; transform-origin: 50% 100%;transition-property: transform;transition-duration: 0.5s;transition-timing-function: ease-out;}
.sweep-to-top:hover > .hover {display:inline-block; transform: scaleY(1);}





/**
Comment: What are red and blue oceans? - 20180521
Design: https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/2018-what-are-blue-and-red-oceans.png
Begin  ============================ **/	

section.red-blue-oceans-0518 {}
section.red-blue-oceans-0518 > .main-bg {min-height:460px; background:#f2f2f2; background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/what-are-red-blue-oceans-bg.jpg"); background-size:cover; background-position:center center; }
section.red-blue-oceans-0518 .list { display:flex; flex-wrap:wrap; justify-content:space-between; padding:0; margin-bottom:0; }

section.red-blue-oceans-0518 .list .box {min-height:350px; overflow:hidden;}
section.red-blue-oceans-0518 .list .box { width:100%; cursor:pointer; flex:0 0 calc(50% - 2rem); max-width:calc(50% - 2rem); padding:0; position:relative; padding:0;  margin-bottom:4rem; }
section.red-blue-oceans-0518 .list .hover { width:100%; color:#fff; display:flex; flex-wrap:wrap; margin:0;  padding:2rem;  text-align:center;}
section.red-blue-oceans-0518 .list .copy { padding:2rem; height:100%; }

section.red-blue-oceans-0518 .list .copy h2 {font-size:1.6rem; font-weight:750; letter-spacing:0; text-transform:uppercase;}
section.red-blue-oceans-0518 .list .hover h2 {font-size:1.4rem; font-weight:750; letter-spacing:0; text-transform:uppercase; margin:0 0 1rem;}
section.red-blue-oceans-0518 .list .hover h3 {font-size:1.4rem; font-weight:550; letter-spacing:0; /*text-transform:uppercase;*/}
section.red-blue-oceans-0518 .list .hover .hlight {font-size:1.6rem; font-weight:750; }


section.red-blue-oceans-0518 .list .red {}
section.red-blue-oceans-0518 .list .red .copy { /*border:solid 5px #be0712;*/ background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/red-waves-v.png"); background-size:cover; background-position:center center; background-repeat:no-repeat;}
section.red-blue-oceans-0518 .list .red .hover {background: #be0712;}

section.red-blue-oceans-0518 .list .blue {}
section.red-blue-oceans-0518 .list .blue .copy { /*border:solid 5px #0077c0*/; background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/blue-waves-h.png"); background-size:cover; background-position:center center; background-repeat:no-repeat;}
section.red-blue-oceans-0518 .list .blue .hover {background: #0077c0;}


section.red-blue-oceans-0518 .list .red-0 .copy {background-position:center 20rem;}
section.red-blue-oceans-0518 .list .red-1 .copy {background-position:center 15rem;}
section.red-blue-oceans-0518 .list .red-2 .copy {background-position:center 10rem;}


section.red-blue-oceans-0518 .list .blue-0 .copy {background-position:20rem center;}
section.red-blue-oceans-0518 .list .blue-1 .copy {background-position:15rem center;}
section.red-blue-oceans-0518 .list .blue-2 .copy {background-position:10rem center;}



section.red-blue-oceans-0518 .cta { border:solid 1px #fff; background:none;}
section.red-blue-oceans-0518 .cta:hover { color:#fff; border:solid 1px #fff; background:none;}


section.red-blue-oceans-0518 .list .box .hover {transition:all .5s ease-in-out; height:100%; position:absolute; top:100%; left:0;}
section.red-blue-oceans-0518 .list .box:hover .hover { top:0%; }


	/**
	Update - 20180719  ============================ **/	
	
	
	section.red-blue-oceans-0718 .list { display:flex; flex-wrap:wrap; justify-content:space-between; padding:0; margin-bottom:0; }
	section.red-blue-oceans-0718 span.r { color:#ff1600; font-weight:750;}
	section.red-blue-oceans-0718 span.b { color:#0077c0; font-weight:750;}
	
	section.red-blue-oceans-0718 .list .group { min-height:300px;}
	section.red-blue-oceans-0718 .list .box {min-height:350px; text-align:center; overflow:hidden; box-shadow: 0px 0.5rem 1rem 0 rgba(0,0,0,0.15); transition:all 0.3s ease 0s;}
	section.red-blue-oceans-0718 .list .box:hover { box-shadow:0px 0.5rem 1rem 0 rgba(0,0,0,0.4);}
	
	section.red-blue-oceans-0718 .list .box { width:100%;  flex:0 0 calc(50% - 2rem); max-width:calc(50% - 2rem); padding:0; position:relative; padding:2rem;  margin-bottom:4rem; }
	section.red-blue-oceans-0718 .list .hover { width:100%;  /*display:flex; flex-wrap:wrap;*/ margin:0;  margin-top:2rem; }
	section.red-blue-oceans-0718 .list .copy { margin-top:2rem; }

	section.red-blue-oceans-0718 .list .copy h2 {font-size:1.6rem; font-weight:750; letter-spacing:0; text-transform:uppercase;}
	section.red-blue-oceans-0718 .list .hover h2 {font-size:1.4rem; font-weight:750; letter-spacing:0; text-transform:uppercase; margin:0 0 1rem;}
	section.red-blue-oceans-0718 .list .hover h3 {font-size:1.4rem; font-weight:300; letter-spacing:0; /*text-transform:uppercase;*/}
	section.red-blue-oceans-0718 .list .hover .hlight {font-size:1.6rem; font-weight:750; }

	section.red-blue-oceans-0718 .list .red { background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/red-waves-v.png"); background-size:cover; background-position:center 18rem; background-repeat:no-repeat;}

	section.red-blue-oceans-0718 .list .blue { background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/blue-waves-v.png"); background-size:cover; background-position:center 18rem; background-repeat:no-repeat;}

	/*section.red-blue-oceans-0718 .list .red-0 {background-position:center 16rem;}
	section.red-blue-oceans-0718 .list .red-1 {background-position:center 16rem;}
	section.red-blue-oceans-0718 .list .red-2 {background-position:center 16rem;}

	section.red-blue-oceans-0718 .list .blue-0 {background-position:25rem center;}
	section.red-blue-oceans-0718 .list .blue-1 {background-position:25rem center;}
	section.red-blue-oceans-0718 .list .blue-2 {background-position:25rem center;}*/

	section.red-blue-oceans-0718 .cta { /*border:solid 1px #fff; background:none;*/}
	section.red-blue-oceans-0718 .cta:hover { /*color:#fff; border:solid 1px #fff; background:none;*/}
	

@media (max-width: 1200px) { 

}

@media (max-width: 800px) { 
	section.red-blue-oceans-0518 .list .box { flex:0 0 calc(50% - 1rem); max-width:calc(50% - 1rem);}
	section.red-blue-oceans-0518 .list .copy { padding:1rem;}
	section.red-blue-oceans-0518 .list .hover { padding:1rem;}
	
	section.red-blue-oceans-0718 .list .box {flex:0 0 100%; max-width:100%;}
}

@media (max-width: 544px) { 
	section.red-blue-oceans-0518 .list .box { flex:0 0 100%; max-width:100%;}
	
	section.red-blue-oceans-0718 .list .copy { margin:0;}
	section.red-blue-oceans-0718 .list .red,
	section.red-blue-oceans-0718 .list .blue { background-position:center 20rem;}
}

/**
Comment: What are red and blue oceans?
End    ============================ **/	



/**
Comment: Why shift red to blue oceans? - 20180521
Design: https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/2018-why-shift-red-blue-oceans.png
Begin  ============================ **/	

section.shift-red-blue-oceans-0518 {}
section.shift-red-blue-oceans-0518 .float-right {}
section.shift-red-blue-oceans-0518 .list { display:flex; flex-wrap:wrap; justify-content:space-between; padding:0; margin-bottom:0; }

section.shift-red-blue-oceans-0518 .list .box {min-height:500px; min-height:350px; overflow:hidden;}

section.shift-red-blue-oceans-0518 .list .box { width:100%; cursor:pointer; flex:0 0 calc(50% - 2rem); max-width:calc(50% - 2rem); padding:0; position:relative;  margin-bottom:4rem; }
section.shift-red-blue-oceans-0518 .list .hover { color:#fff; display:flex; flex-wrap:wrap; margin:0;  padding:2rem;  text-align:center;}
section.shift-red-blue-oceans-0518 .list .copy { padding:2rem; height:100%; }

section.shift-red-blue-oceans-0518 .list .copy h2 {font-size:1.6rem; font-weight:750; letter-spacing:0; text-transform:uppercase;}
section.shift-red-blue-oceans-0518 .list .hover h2 {font-size:2.5rem; font-weight:750; letter-spacing:0; text-transform:uppercase; margin:0 0 1rem;}
section.shift-red-blue-oceans-0518 .list .hover h3 {font-size:1.2rem; line-height:2.2rem; font-weight:550; letter-spacing:0; /*text-transform:uppercase;*/}


section.shift-red-blue-oceans-0518 .list .gray-v {}
section.shift-red-blue-oceans-0518 .list .gray-v .copy {border:solid 5px none; background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/gray-waves-v.png"); background-size:cover; background-position:center center; background-repeat:no-repeat;}
section.shift-red-blue-oceans-0518 .list .gray-v .hover {background: #0077c0;}

section.shift-red-blue-oceans-0518 .list .gray-h {}
section.shift-red-blue-oceans-0518 .list .gray-h .copy {border:solid 5px none; background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/gray-waves-h.png"); background-size:cover; background-position:center center; background-repeat:no-repeat;}
section.shift-red-blue-oceans-0518 .list .gray-h .hover {background: #0077c0;}


section.shift-red-blue-oceans-0518 .list .gray-v-0 .copy {background-position:center 20rem;}
section.shift-red-blue-oceans-0518 .list .gray-v-1 .copy {background-position:center 15rem;}
section.shift-red-blue-oceans-0518 .list .gray-v-2 .copy {background-position:center 10rem;}


section.shift-red-blue-oceans-0518 .list .gray-h-0 .copy {background-position:20rem center;}
section.shift-red-blue-oceans-0518 .list .gray-h-1 .copy {background-position:15rem center;}
section.shift-red-blue-oceans-0518 .list .gray-h-2 .copy {background-position:10rem center;}

section.shift-red-blue-oceans-0518 .list .box .hover {transition:all .5s ease-in-out; height:100%; position:absolute; top:100%; left:0;}
section.shift-red-blue-oceans-0518 .list .box:hover .hover { top:0%; }



section.shift-red-blue-oceans-0518 .featured-list {background:#1072bd; display:flex; padding:2rem 1rem; margin-bottom:0; color:#fff;}
section.shift-red-blue-oceans-0518 .featured-list .box { width:100%; flex:0 0 33.3%; max-width:33.3%; padding:0; position:relative; padding:0 2rem;  margin-bottom:0rem; border-left:solid 1px rgba(255,255,255,0.35); }
section.shift-red-blue-oceans-0518 .featured-list a { display:block; width:100%; height:100%; color:inherit;text-decoration:none; }
section.shift-red-blue-oceans-0518 .featured-list .box:first-child {border:none;}
section.shift-red-blue-oceans-0518 .featured-list h3 {font-size:1.6rem; color:#666; letter-spacing:2px; font-weight:750; text-transform:uppercase; margin:0 0 1.5rem;}
section.shift-red-blue-oceans-0518 .featured-list figure { }
section.shift-red-blue-oceans-0518 .featured-list figure img { }


section.shift-red-blue-oceans-0518 .featured-list-2 {display:flex; padding:1rem 1rem; margin-bottom:0; }
section.shift-red-blue-oceans-0518 .featured-list-2 .box { width:100%; flex:0 0 33.3%; max-width:33.3%; padding:0 1rem; position:relative;  margin-bottom:0rem; border-left:solid 1px rgba(255,255,255,0.35); }
section.shift-red-blue-oceans-0518 .featured-list-2 .wrap { height:100%; padding:1rem; box-shadow: 0px .5rem 1rem 0 rgba(0,0,0,0.1); background:#fff; transition: all 0.3s ease 0s;}
section.shift-red-blue-oceans-0518 .featured-list-2 .wrap:hover {box-shadow: 0px .5rem 1rem 0 rgba(0,0,0,0.4);}
section.shift-red-blue-oceans-0518 .featured-list-2 a { display:block; width:100%; height:100%; color:inherit;text-decoration:none; }
section.shift-red-blue-oceans-0518 .featured-list-2 .box:first-child {border:none;}
section.shift-red-blue-oceans-0518 .featured-list-2 h3 { font-size:1.6rem; color:#666; letter-spacing:2px; font-weight:750; text-transform:uppercase; margin:0 0 1.5rem;}
section.shift-red-blue-oceans-0518 .featured-list-2 figure { display:inline-block; border-top:solid 2px #000; border-bottom:solid 1px #000; padding:10px 0; }
section.shift-red-blue-oceans-0518 .featured-list-2 figure img { width:100%; }




section.shift-red-blue-oceans-0518 .blue-ocean-bg {
	color:#fff;
	  background: url(https://blueoceanstrategy.s3.amazonaws.com/web2018/assets/landing/blue-ocean.jpg);
	  background-repeat: no-repeat;
	  background-position: 0 0;
	  background-size:cover;
	  padding-bottom:4rem;
}
section.shift-red-blue-oceans-0518 .blue-ocean-bg .wrap { color:#212529;}
section.shift-red-blue-oceans-0518 .blue-ocean-bg .box { border:none;}



	/**
	Update - 20180719  ============================ **/	


	section.shift-red-blue-oceans-0718 {}
	section.shift-red-blue-oceans-0718 .float-right {}
	section.shift-red-blue-oceans-0718 .list { display:flex; flex-wrap:wrap; justify-content:space-between; padding:0; margin-bottom:0; }
	section.shift-red-blue-oceans-0718 .list .cta:hover {color:#fff;}
	section.shift-red-blue-oceans-0718 .list .box {min-height:500px; min-height:350px; overflow:hidden; box-shadow: 0px 0.5rem 1rem 0 rgba(0,0,0,0.1); transition:all 0.3s ease 0s; cursor:pointer; display:flex; justify-content: center; align-items: center;}
	section.shift-red-blue-oceans-0718 .list .box:hover {box-shadow:0px 0.5rem 1rem 0 rgba(0,0,0,0.4); }

	section.shift-red-blue-oceans-0718 .list .box { width:100%;  flex:0 0 calc(50% - 2rem); max-width:calc(50% - 2rem); padding:2rem; position:relative;  margin-bottom:4rem; }
	section.shift-red-blue-oceans-0718 .list .hover { width:100%; display:flex; flex-wrap:wrap; margin:0;  margin-top:2rem; }
	section.shift-red-blue-oceans-0718 .list .copy {  }

	section.shift-red-blue-oceans-0718 .list .copy h2 {font-size:1.6rem; font-weight:750; letter-spacing:0; text-transform:uppercase;}
	section.shift-red-blue-oceans-0718 .list .hover h2 {font-size:2.5rem; font-weight:750; letter-spacing:0; text-transform:uppercase; margin:0 0 1rem;}
	section.shift-red-blue-oceans-0718 .list .hover h3 {font-size:1.2rem; line-height:2.2rem; font-weight:550; letter-spacing:0; /*text-transform:uppercase;*/}


	section.shift-red-blue-oceans-0718 .list .gray-v {border:solid 5px none; background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/gray-waves-v.png"); background-size:cover; background-position:center 16rem; background-repeat:no-repeat;}
	
	section.shift-red-blue-oceans-0718 .list .blue-v {border:solid 5px none; background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/blue-waves-v.png"); background-size:cover; background-position:center 16rem; background-repeat:no-repeat;}

	section.shift-red-blue-oceans-0718 .list .gray-h {border:solid 5px none; background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/gray-waves-h.png"); background-size:cover; background-position:center center; background-repeat:no-repeat;}

	/*
	section.shift-red-blue-oceans-0718 .list .gray-v-0 {background-position:center 16rem;}
	section.shift-red-blue-oceans-0718 .list .gray-v-1 {background-position:center 16rem;}
	section.shift-red-blue-oceans-0718 .list .gray-v-2 {background-position:center 16rem;}


	section.shift-red-blue-oceans-0718 .list .gray-h-0 {background-position:25rem center;}
	section.shift-red-blue-oceans-0718 .list .gray-h-1 {background-position:25rem center;}
	section.shift-red-blue-oceans-0718 .list .gray-h-2 {background-position:25rem center;}*/
	
	section.shift-red-blue-oceans-0718 .list .expand { display:none;}
	section.shift-red-blue-oceans-0718 .list .short {position:relative; text-align:center;}
	/*section.shift-red-blue-oceans-0718 .list .short:after { width:100%; content:'\f13a';  font-family:"Font Awesome 5 Free"; font-weight:900; font-size:1.5em; line-height:1.4rem; padding:.5rem;  position:relative; display:inline-block;text-align:center; }*/
	
	section.shift-red-blue-oceans-0718 div#expandcopyModal {}
	section.shift-red-blue-oceans-0718 div#expandcopyModal .modal-body { padding:2rem;}
	section.shift-red-blue-oceans-0718 div#expandcopyModal .modal-body > p { display:none; }
	section.shift-red-blue-oceans-0718 div#expandcopyModal h2 { margin-bottom:2rem;}
	
	
	section.shift-red-blue-oceans-0718 .list .short .hover {display:none;}



@media (max-width: 1200px) { 

}

@media (max-width: 800px) { 
	section.shift-red-blue-oceans-0518 .float-right {width:100%; margin:0 0 1rem;}
	
	
	section.shift-red-blue-oceans-0518 .list .box { flex:0 0 calc(50% - 1rem); max-width:calc(50% - 1rem);}
	section.shift-red-blue-oceans-0518 .list .copy { padding:1rem;}
	section.shift-red-blue-oceans-0518 .list .hover { padding:1rem;}
	
	section.shift-red-blue-oceans-0518 .featured-list-2 {}
	section.shift-red-blue-oceans-0518 .featured-list-2 .box { max-width:100%; flex:0 0 100%; padding:0; margin:0 0 1rem; text-align:center;}
	
	
	section.shift-red-blue-oceans-0718 .list .box {flex:0 0 100%; max-width:100%;}
}

@media (max-width: 544px) { 
	section.shift-red-blue-oceans-0518 .list .box { flex:0 0 100%; max-width:100%;}
}


/**
Comment: Why shift red to blue oceans
End    ============================ **/	








/**
Comment: BOShift - Examples - 20180528
Design: 
Begin  ============================ **/	

section.boshift-examples-0518 { margin:0 0 2rem;}
section.boshift-examples-0518 .vbanner { position:relative; min-height:398px; background:#f2f2f2; }
section.boshift-examples-0518 .vbanner a {width:100%; height:100%; display:block; position:relative;}

section.boshift-examples-0518 a.video-cta {}
section.boshift-examples-0518 a.video-cta > br {display:none;}
section.boshift-examples-0518 a.video-cta:before { content:'';  position:absolute; top:50%; left:50%; z-index:1; width:100px; height:100px; margin-left:-50px; margin-top:-50px; background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/play-btn.svg"); background-size:cover; background-position:center center; background-repeat:no-repeat;  

	opacity:.6; transition: opacity .5s;
	transition: transform .5s;
}
section.boshift-examples-0518 a.video-cta:hover:before {opacity:.8; transform: scale(1.05);}
section.boshift-examples-0518 article {margin:0 0 1.5rem; display:inline-block;}





section.boshift-examples-0518 .feature { margin:2rem auto 4rem;}
section.boshift-examples-0518 .cta { display:inline-block;/* background:#1072bd; color:#fff;*/ padding:.75rem 1.5rem; text-decoration:none; margin:1rem 0 0;}
section.boshift-examples-0518 .lcol { width:100%; max-width:70%; padding-right:6rem;}
section.boshift-examples-0518 .rcol { width:100%; max-width:30%; margin-top:.6rem;}
section.boshift-examples-0518 .rcol a { display:inline-block; width:100%; color:inherit;}
section.boshift-examples-0518 .rcol a:hover { color:#1072bd; text-decoration:none;} 

@media (max-width: 1200px) { 
	section.boshift-examples-0518 .vbanner  { min-height:auto;} 

}
@media (max-width: 768px) { 
	section.boshift-examples-0518 a.video-cta:before { width:50px; height:50px;margin-left:-25px; margin-top:-25px;  }
}







section.boshift-examples-0618 article { width:100%;margin:0 0 1.5rem; display:inline-block;}
section.boshift-examples-0618 .lcol { width:100%; max-width:50%;}
section.boshift-examples-0618 .rcol { width:100%; max-width:50%; padding-left:2rem;}
section.boshift-examples-0618 figure {}
section.boshift-examples-0618 figure img { width:100%; display:inline-block;}

@media (max-width: 768px) { 
	section.boshift-examples-0618 .lcol,
	section.boshift-examples-0618 .rcol {max-width:100%; padding:0;}
	section.boshift-examples-0618 .lcol { margin:0 0 1rem;}
}

/**
Comment: BOShift - Examples
End    ============================ **/	






/**
Comment: BOShift - Youtube Popup - 20180530
Design: 
Begin  ============================ **/	

div#mediaModal .modal-dialog {max-width: 1000px; margin: 1rem auto; padding:2rem; justify-content: center; transform: translate( 0%, 15%) !important; }
div#mediaModal .modal-body {position:relative; padding:0px;}
div#mediaModal .modal-content {background:#000; border:0; border-radius:0;}
div#mediaModal .close {position:absolute; right:-30px; top:0; z-index:999; font-size:2rem; font-weight:normal; color:#fff; opacity:1;}
div#mediaModal br,
div#mediaModal p { display:none;}

@media (max-width: 768px) { 
	div#mediaModal {padding:0 !important;}
	div#mediaModal .modal-dialog { padding:1rem;}
	div#mediaModal .close { top:-33px; right:0;}
}

/**
Comment: BOShift - Youtube Popup
End    ============================ **/	















/**
Comment: BOShift - Tools - 20180618
Design: 
Begin  ============================ **/	

section.bostools-0618 {}
section.bostools-0618 .top-intro {}
section.bostools-0618 .top-intro .lcol { width:100%; max-width:55%; padding-right:6rem;}
section.bostools-0618 .top-intro .rcol { width:100%; max-width:45%; }
section.bostools-0618 .featured-top { display:none;}


section.bostools-0618 .tools-list {display:flex; flex-wrap: wrap; }
section.bostools-0618 .tools-list .group {}
section.bostools-0618 .tools-list figure {flex-grow: 1; max-width:20%; text-align:center;}
section.bostools-0618 .tools-list figure a { display:inline-block;  margin:auto 1rem;}
section.bostools-0618 .tools-list img {width:100%; display:inline-block; padding:1rem; border:solid 1px #dcdcdc; border-radius:50%; margin:0 0 1rem; transition: all .2s ease-in-out;}
section.bostools-0618 .tools-list img:hover {border:solid 1px #0070b8;}

	section.bostools-0618 .tools-list.bosh-list { display:block;}
	section.bostools-0618 .tools-list.bosh-list .group {display:flex; flex-wrap: wrap; margin:0 auto 2rem;}
	section.bostools-0618 .tools-list.bosh-list figure { max-width:20%; flex:0 0 20%; padding:0 1.5rem; line-height:1.5rem; margin-bottom:1.5rem;}
	section.bostools-0618 .tools-list.bosh-list figure a { margin:0;}


section#concepts .landing-top { display:none;}
section#concepts .tools-list { margin:2rem 0 0;}
section#concepts .landing-top { display:none;}
section#concepts .featured-top { display:block;}

.collapse-toolmoves {position:relative; margin-top:1rem; padding:2rem; box-shadow:0px 0.25rem 1rem 0 rgba(0,0,0,0.1);}
.collapse-toolmoves .close-link {position:absolute; top:1rem; right:1rem;font-size:1.2rem; color:#262626; background:none; border:none; cursor:pointer;}

@media (max-width: 991px) { 
	section.bostools-0618 .top-intro .lcol,
	section.bostools-0618 .top-intro .rcol { max-width:100%; padding:0;}
	section.bostools-0618 .top-intro .lcol { margin:0 0 1rem;}
	
	section.bostools-0618 .tools-list figure { max-width:33.3%;}
	section.bostools-0618 .tools-list.bosh-list figure { max-width:100%; flex:0 0 25%; }
}

@media (max-width: 750px) { 
	section.bostools-0618 .tools-list.bosh-list figure { flex:0 0 33.33%; }
}

@media (max-width: 544px) { 
	section.bostools-0618 .tools-list figure { max-width:50%; }
	section.bostools-0618 .tools-list.bosh-list figure { flex:0 0 50%; padding:0 1rem; font-size:1rem; line-height:1.5rem; }
}

/**
Comment: BOShift - Tools
End    ============================ **/	




/**
Comment: BOShift - Moves - 20180618
Design: 
Begin  ============================ **/	

section.bosmoves-0618 {}
section.bosmoves-0618 .top-intro {}
section.bosmoves-0618 figure.banner {}
section.bosmoves-0618 figure.banner img { width:100%; display:inline-block;}

section.bosmoves-0618 .moves-list {display:flex; flex-wrap: wrap;}
section.bosmoves-0618 .moves-list figure {flex-grow: 1; max-width:20%; text-align:center;}
section.bosmoves-0618 .moves-list figure a { display:inline-block;  margin:auto 1rem;}
section.bosmoves-0618 .moves-list img {width:100%; display:inline-block; padding:.25rem; border:solid 1px #dcdcdc; border-radius:50%; margin:0 0 1rem; transition: all .2s ease-in-out;}
section.bosmoves-0618 .moves-list img:hover {border:solid 1px #0070b8;}

@media (max-width: 800px) { 
	section.bosmoves-0618 .moves-list figure { max-width:33.3%;}
}

@media (max-width: 544px) { 
	section.bosmoves-0618 .moves-list figure { max-width:50%;}
}
/**
Comment: BOShift - Moves
End    ============================ **/	







/**
Comment: What is Blue Ocean Strategy - 20180620
Design: 
Begin  ============================ **/	

section.whatisbos-0618 {}
section.whatisbos-0618 .origin-of-terms { margin:0 0 4rem;}
section.whatisbos-0618 .origin-of-terms.no-bg {background:none !important;}
section.whatisbos-0618 .tools-list {display:flex; flex-wrap: wrap; margin-top:1rem;}
section.whatisbos-0618 .tools-list figure {flex-grow: 1; max-width:25%; text-align:center; margin-bottom:2rem; padding:0 2rem;}
section.whatisbos-0618 .tools-list figure a { display:inline-block;  margin:auto;}
section.whatisbos-0618 .tools-list img {width:100%; display:inline-block; padding:1rem; border:solid 1px #dcdcdc; border-radius:50%; margin:0 0 1rem; transition: all .2s ease-in-out;}
section.whatisbos-0618 .tools-list img:hover {border:solid 1px #0070b8;}


section.whatisbos-0618 .moves-list {display:flex; flex-wrap: wrap; margin-top:1rem;}
section.whatisbos-0618 .moves-list figure {flex-grow: 1; max-width:25%;  text-align:center;  margin-bottom:2rem; padding:0 2rem;}
section.whatisbos-0618 .moves-list figure a { display:inline-block;   margin:auto; }
section.whatisbos-0618 .moves-list img {width:100%; display:inline-block; padding:.25rem; border:solid 1px #dcdcdc; border-radius:0%; margin:0 0 1rem; transition: all .2s ease-in-out;}
section.whatisbos-0618 .moves-list img:hover {border:solid 1px #0070b8;}


section.whatisbos-0618 .featured-list {display:flex; padding:0; margin-bottom:2rem; }
section.whatisbos-0618 .featured-list .box { width:100%; flex:0 0 33.3%; max-width:33.3%; padding:0; position:relative; padding:0 2rem;  margin-bottom:0rem; border-left:solid 1px rgba(255,255,255,0.35); }
section.whatisbos-0618 .featured-list a { display:block; width:100%; height:100%; color:inherit;text-decoration:none; }
section.whatisbos-0618 .featured-list .box:first-child {border:none;}
section.whatisbos-0618 .featured-list h3 {font-size:1.6rem; color:#666; letter-spacing:2px; font-weight:750; text-transform:uppercase; margin:0 0 1.5rem;}
section.whatisbos-0618 .featured-list figure { width:100%; display:inline-block; border-top:solid 2px #000; border-bottom:solid 1px #000; padding:10px 0; }
section.whatisbos-0618 .featured-list figure img { width:100%; }


section.whatisbos-0618 .featured-list-2 {display:flex; padding:1rem 1rem; margin-bottom:2rem; }
section.whatisbos-0618 .featured-list-2 .box { width:100%; flex:0 0 33.3%; max-width:33.3%; padding:0 1rem; position:relative;  margin-bottom:0rem; border-left:solid 1px rgba(255,255,255,0.35); }
section.whatisbos-0618 .featured-list-2 .wrap { height:100%; padding:1rem; box-shadow: 0px .5rem 1rem 0 rgba(0,0,0,0.2); background:#fff; transition: all 0.3s ease 0s;}
section.whatisbos-0618 .featured-list-2 .wrap:hover {box-shadow: 0px .5rem 1rem 0 rgba(0,0,0,0.4);}
section.whatisbos-0618 .featured-list-2 a { display:block; width:100%; height:100%; color:inherit;text-decoration:none; }
section.whatisbos-0618 .featured-list-2 .box:first-child {border:none;}
section.whatisbos-0618 .featured-list-2 h3 { font-size:1.6rem; color:#666; letter-spacing:2px; font-weight:750; text-transform:uppercase; margin:0 0 1.5rem;}
section.whatisbos-0618 .featured-list-2 figure { display:inline-block; border-top:solid 2px #000; border-bottom:solid 1px #000; padding:10px 0; }
section.whatisbos-0618 .featured-list-2 figure img { width:100%; }



section.whatisbos-0618 .redvsblue {}
section.whatisbos-0618 .redvsblue figure {}
section.whatisbos-0618 .redvsblue figure > p {display:none;}



section.whatisbos-0618 .shift-examples { margin-top:2rem;}
section.whatisbos-0618 .shift-examples .bosh-video { width:100%; display:flex;  margin:2rem auto 2rem; justify-content:space-between; }
section.whatisbos-0618 .shift-examples .col { width:100%; max-width:48%; flex:0 0 48%;}

section.whatisbos-0618 .highlight { font-size:1.4rem; font-weight:550; }

section.whatisbos-0618 .examples {}
section.whatisbos-0618 .examples .lcol { max-width:40%; padding-right:2rem;}
section.whatisbos-0618 .examples .rcol { max-width:60%;}

section.whatisbos-0618 #accordion { margin:0 0 4rem;}
section.whatisbos-0618 #accordion .card-header {background:#f2f2f2;}
section.whatisbos-0618 .collapse-title { cursor:pointer; padding:.5rem 0;}
section.whatisbos-0618 .collapse-title h4 { margin:0;}


section.whatisbos-0618 .no-mobile-left { text-align:left !important;}

section.whatisbos-0618 .red-cta {background-color:#ff0000 !important; color:#fff; border-color:transparent;}

section.whatisbos-0618 .blue-ocean-bg .tools-list img {background-color:#fff;}


section.whatisbos-0618 .blue-ocean-bg {
  color:#fff;
  background: url(https://blueoceanstrategy.s3.amazonaws.com/web2018/assets/landing/blue-ocean.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size:cover;
}



@media (max-width: 800px) { 
	section.whatisbos-0618 .featured-list .box {flex:0 0 100%;  max-width:100%; padding:0; margin:0 0 2rem;}
	
	section.whatisbos-0618 .examples .lcol,
	section.whatisbos-0618 .examples .rcol { max-width:100%; padding:0;}
	section.whatisbos-0618 .tools-list figure {max-width:33.3%;}
	
	section.whatisbos-0618 .no-mobile-left { text-align:center !important;}
	
	section.whatisbos-0618 .featured-list-2 {}
	section.whatisbos-0618 .featured-list-2 .box { max-width:100%; flex:0 0 100%; padding:0; margin:0 0 1rem; text-align:center;}
	
	
	section.whatisbos-0618 .tools-list figure,
	section.whatisbos-0618 .moves-list figure { max-width:50%; padding:0 1rem; margin-bottom:1rem;}
	
	section.whatisbos-0618 .shift-examples .bosh-video {display:block; margin:1rem auto; }
	section.whatisbos-0618 .shift-examples .col { width:100%; max-width:100%; flex:0 0 100%; margin:1rem auto;}
	
	
}

/**
Comment: What is Blue Ocean Strategy
End    ============================ **/	



/**
Comment: What is Blue Ocean Shift - 20180620
Design: 
Begin  ============================ **/	

section.whatisbosh-0618 {}



@media (max-width: 768px) { 
	
}

/**
Comment: What is Blue Ocean Shift
End    ============================ **/	




/**
Comment: Founders - 20180621
Design: 
Begin  ============================ **/	

section.bosfounders-0618 {}
section.bosfounders-0618 .top .lcol { /*max-width:55%; padding-right:6rem;*/ max-width:100%; }
section.bosfounders-0618 .top .rcol { /*max-width:45%;*/ max-width:50%; padding-left:6rem; padding-bottom:1rem; float:right;}
section.bosfounders-0618 .links { margin-top:1rem;}
section.bosfounders-0618 .links .cta { width:100%; font-size:1rem; text-align:center; margin:0 auto 1rem; padding: 1rem;}


section.bosfounders-0618 figure.author {max-width:300px; float:left; padding-right:2rem; text-align:center;}
section.bosfounders-0618 figure.author img { width:100%; margin-bottom:1rem; display:inline-block; border-radius:50%;  box-shadow: 0 1rem 1rem -.25rem rgba(0, 0, 0, 0.2);
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.4);
}
section.bosfounders-0618 figure.author .cta { margin:0 auto 1rem;}

section.bosfounders-0618 .photo-list {display:flex; flex-wrap: wrap; font-size:.9rem;}
section.bosfounders-0618 .photo-list figure {flex-grow: 1; max-width:20%; text-align:center; margin:0;}
section.bosfounders-0618 .photo-list figure a { display:inline-block;  margin:auto .5rem;}
section.bosfounders-0618 .photo-list img {width:100%; display:inline-block; padding:0; border:solid 1px #dcdcdc;  margin:0 0 1rem; transition: all .2s ease-in-out;}
section.bosfounders-0618 .photo-list img:hover {border:solid 1px #0070b8;}

section.bosfounders-0618 .photo-links { margin-top:1rem;}
section.bosfounders-0618 .photo-links .cta { max-width:350px; width:100%; font-size:1rem; text-align:center; margin:0 auto 1rem;}

section.bosfounders-0618 hr { border-top:1px solid rgba(0,0,0,.2); }

@media (max-width: 800px) { 
	section.bosfounders-0618 .top .lcol,
	section.bosfounders-0618 .top .rcol { max-width:100%; padding:0;}
	
	section.bosfounders-0618 figure.author { max-width:100%; width:100%; padding:0; text-align:center;}
	section.bosfounders-0618 figure.author img { max-width:250px;}
	
	section.bosfounders-0618 .photo-list figure { max-width:50%;}
	section.bosfounders-0618 .photo-links { text-align:center;}
}

/**
Comment: Founders
End    ============================ **/	






/**
Comment: Blue Ocean Stories - 20180711
Design: 
Begin  ============================ **/	

section.bostories-0718 {}
section.bostories-0718 .wrap { max-width:100%; margin:0 auto; padding:0 2rem; padding:0;}
section.bostories-0718 .list { position:relative; display:flex; flex-wrap:wrap; justify-content:start; margin:auto -1rem;}

section.bostories-0718 .list .box {  max-width:inherit; flex:1 1 0; padding:.25rem; min-width:25%; max-width:33.33%; transition: all .8s ease; }
section.bostories-0718 .list .box figure { margin:0; position:relative; }
section.bostories-0718 .list .box figure img { max-width:100%; display;inline-block;}

section.bostories-0718 .list .box:hover {box-shadow: 0 0 3rem rgba(0, 0, 0, .5);}
section.bostories-0718 .list .box:hover .namehover {opacity:1; cursor:pointer;}

section.bostories-0718 .list .box .namehover { width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; display:flex; justify-content:center; align-items:center;
	background:rgba(0,0,0, .4);  background:#0077c0; color:#fff; opacity:0; transition: all .8s ease;}
	
section.bostories-0718 .list .box .namehover .wrap { max-width:100%; margin:0 auto; padding:0 1rem; }
section.bostories-0718 .list .box .namehover .xname {display:block; font-size:1.2rem; line-height:1.2rem; font-weight:bold; text-align:center;}
section.bostories-0718 .list .box .namehover .xtitle { display:block; font-size:1rem; line-height:1.2rem; margin-top:.5rem; text-align:center;}

section.bostories-0718 .list .box .content-wrap {max-width:100%; display:flex; align-items:center;}
section.bostories-0718 .list .box .content-wrap .copy {max-width:100%; margin:0 auto; padding:1rem;}
section.bostories-0718 .list .box .content-wrap .cta { font-size:1rem; margin-top:0; text-transform:uppercase;}




section.bostories-0718 .list .box.large {max-width:75%; flex: 1 1 75%; display:flex;}
section.bostories-0718 .list .box.large figure { max-width:60%; flex:0 0 60%;}
section.bostories-0718 .list .box.large .namehover .xname {font-size:1.6rem; }
section.bostories-0718 .list .box.large .content-wrap { background:#222;}
section.bostories-0718 .list .box.large .content-wrap .copy { font-size:1.4rem; color:#fff;}
section.bostories-0718 .list .box.large .content-wrap .cta { border-color:#fff;}

section.bostories-0718 .list .box.large + .box {max-width:25%; flex: 1 1 25%; display:block;}
section.bostories-0718 .list .box.large + .box figure { min-width:100%; flex:0 0 100%;}
section.bostories-0718 .list .box.large + .box .content-wrap {  min-width:100%; flex:0 0 100%;}
section.bostories-0718 .list .box.large + .box .content-wrap .copy { font-size:1.1rem;}



@media (max-width: 991px) { 
	section.bostories-0718 .list { margin:0 auto;}
	section.bostories-0718 .list .box.large { max-width:100%; flex:0 0 100%; display:flex;}
	section.bostories-0718 .list .box.large + .box,
	section.bostories-0718 .list .box { max-width:100%; flex:0 0 100%; display:flex; margin:0 0 1rem;}
	
	section.bostories-0718 .list .box.large figure {max-width:30%; flex:0 0 30%;}
	section.bostories-0718 .list .box.large .content-wrap {min-width:auto; flex:0 0 70%;}
	section.bostories-0718 .list .box.large .content-wrap .copy { font-size:1.2rem;}
	section.bostories-0718 .list .box.large .namehover .xname {font-size:1.2rem;}
	
	section.bostories-0718 .list .box.large + .box figure,
	section.bostories-0718 .list .box figure	{ min-width:auto; flex:0 0 30%;}
	section.bostories-0718 .list .box.large + .box .content-wrap,
	section.bostories-0718 .list .box .content-wrap {min-width:auto; flex:0 0 70%;}
}

@media (max-width: 544px) { 
	section.bostories-0718 .list .box.large,
	section.bostories-0718 .list .box.large + .box,
	section.bostories-0718 .list .box { max-width:100%; flex:0 0 100%; display:block; margin:0 0 1rem;}
	
	section.bostories-0718 .list .box.large figure {max-width:100%; flex:0 0 100%;}
	section.bostories-0718 .list .box.large .content-wrap {min-width:auto; flex:0 0 100%;}
	
	section.bostories-0718 .list .box.large + .box figure,
	section.bostories-0718 .list .box figure	{ min-width:auto; flex:0 0 100%;}
	section.bostories-0718 .list .box.large + .box .content-wrap,
	section.bostories-0718 .list .box .content-wrap {min-width:auto; flex:0 0 100%;}
}


/*
section.bostories-0718 .list .box.featured-box {}
section.bostories-0718 .list .box.featured-box .custom-link {}
section.bostories-0718 .list .box.featured-box .namehover { background:#222;}
section.bostories-0718 .list .box.featured-box .content-wrap { background:#0077c0; color:#fff; align-items:stretch;}

section.bostories-0718 .list .box.featured-box .custom-link { padding:.5rem 1rem; font-weight:550; display:inline-block; margin-top:1rem; color:inherit; text-decoration:none; border:solid 1px #fff; background:none; transition: all 0.3s ease 0s;}
section.bostories-0718 .list .box.featured-box .custom-link:hover { color:#0077c0; border:solid 1px #fff; background:#fff;}

section.bostories-0718 .list .box.featured-box .custom-link:hover, 
section.bostories-0718 .list .box.featured-box .custom-link:active {
  box-shadow: 0 1rem 1rem -.25rem rgba(0, 0, 0, 0.2);
}
*/


/*
section.bostories-0718 .list .box { width:100%; max-width:25%; display:inline-block; position:relative; color:#fff; padding:0 1rem; margin-bottom:2rem;  max-width:33.3%; flex: 0 0 33.3%;}
section.bostories-0718 .list .box  a { width:100%; float:left; display:inline-block; position:relative; color:inherit;}
section.bostories-0718 .list .box:hover .hover { display:block;
	opacity:1; 
	transition: all .8s ease;
}
section.bostories-0718 .list .hover { width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;
	background:rgba(0,0,0, .4);
	transition: all .8s ease;
}
section.bostories-0718 .list .hover:after {  width:100%; height:100%; display:block; content:''; position:absolute; top:0; left:0; z-index:0; }
section.bostories-0718 .list .box:hover .hover { background:rgba(0,165,255, .9);  background:#0077c0;}
section.bostories-0718 .list .box:hover .hover:after {}
	

section.bostories-0718 .list .hover h2 { font-size:1.7rem; font-weight:300; margin:0;  text-transform:uppercase;  }

section.bostories-0718 .list .hover .copy { position:relative; z-index:1; padding:15px; padding:1rem; position:absolute;left:0; padding-top:0%; transform:translate(0,-50%); top:50%; transition: top .5s ease;}
section.bostories-0718 .list .box:hover .hover .copy { transform:translate(0,0%); top:10%; transition: top .5s ease; }
section.bostories-0718 .list .box:hover .hover .copy h2 {}

section.bostories-0718 .list .bg { padding-bottom:100%;  background:rgba(0,0,0, .1); }
section.bostories-0718 .list .bg figure { width:100%; float:left; margin:0;}
section.bostories-0718 .list .bg figure img { width:100%; display:block;}*/


/**
Comment: Blue Ocean Stories - 20180711
End    ============================ **/



/**
Comment: Blue Ocean Blog - 20180622
Design: 
Begin  ============================ **/	

section.bosblog-0618 {}
section.bosblog-0618 .blog-wrap { max-width:100%; margin:0 auto; padding:0 2rem; padding:0;}
section.bosblog-0618 .blog-list { position:relative; display:flex; flex-wrap:wrap; justify-content:start; margin:auto -1rem;}
section.bosblog-0618 .blog-list .box { width:100%; max-width:25%; display:inline-block; position:relative; color:#fff; padding:0 1rem; margin-bottom:2rem;  max-width:33.3%; flex: 0 0 33.3%;}
section.bosblog-0618 .blog-list .box  a { width:100%; float:left; display:inline-block; position:relative; color:inherit;}
section.bosblog-0618 .blog-list .box:hover .hover { display:block;
	opacity:1; 
	transition: all .8s ease;
}
section.bosblog-0618 .blog-list .hover { width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;
	background:rgba(0,0,0, .4);
	transition: all .8s ease;
}
section.bosblog-0618 .blog-list .hover:after {  width:100%; height:100%; display:block; content:''; position:absolute; top:0; left:0; z-index:0; }
section.bosblog-0618 .blog-list .box:hover .hover { background:rgba(0,165,255, .9);  background:#0077c0;}
section.bosblog-0618 .blog-list .box:hover .hover:after {}
	

section.bosblog-0618 .blog-list .hover h2 { font-size:1.7rem; font-weight:300; margin:0;  text-transform:uppercase;  }

section.bosblog-0618 .blog-list .hover .copy { position:relative; z-index:1; padding:15px; padding:1rem; position:absolute;left:0; padding-top:0%; transform:translate(0,-50%); top:50%; transition: top .5s ease;}
section.bosblog-0618 .blog-list .box:hover .hover .copy { transform:translate(0,0%); top:10%; transition: top .5s ease; }
section.bosblog-0618 .blog-list .box:hover .hover .copy h2 {}

section.bosblog-0618 .blog-list .bg { padding-bottom:100%;  background:rgba(0,0,0, .1); }
section.bosblog-0618 .blog-list .bg figure { width:100%; float:left; margin:0;}
section.bosblog-0618 .blog-list .bg figure img { width:100%; display:block;}






@media screen 
and (min-width : 1600px) {
	section.bosblog-0618 .blog-wrap { max-width:1600px; }
	section.bosblog-0618 .blog-list .box { max-width:20%; max-width:25%;}
}



@media (max-width: 1200px) { 
	section.bosblog-0618 .blog-list { margin:0;}
	section.bosblog-0618 .blog-list .box {max-width:50%; flex:0 0 50%; }
	section.bosblog-0618 .blog-list .box figure { min-height:250px;}
}

@media (max-width: 544px) { 
	section.bosblog-0618 .blog-list .box {max-width:100%; flex:0 0 100%; padding:0; }
	section.bosblog-0618 .blog-list .box figure { min-height:250px;}
}


/**
Comment: Blue Ocean Blog
End    ============================ **/	




/**
Comment: Blue Ocean Blog : single post - 20180724
Design: 
Begin  ============================ **/	



section.blogv2-single { width:100%;  margin:auto; }
section.blogv2-single article {width:100%; position:relative;}
section.blogv2-single .wrapper { padding: 0 !important; max-width:700px; overflow:initial !important;}

section.blogv2-single div.blogwrap { width:100%; position:relative; font-weight: 300; /*text-align:justify;*/ margin:0 auto; font-size:1.1em; line-height:1.8em;  font-weight: 400;  font-size:18px; line-height:1.8em;}
section.blogv2-single div.blogwrap p { margin:0 0 20px; margin:0 0 1.5rem;}


section.blogv2-single div.blogwrap h1.title { font-size:40px; color:#000;  text-align:left;}
section.blogv2-single div.blogwrap h1 { font-size:40px; font-weight:700; font-size:2.8rem; }
section.blogv2-single div.blogwrap h2 { font-size:2.6rem; font-weight:700; font-size:2.4rem; }
section.blogv2-single div.blogwrap h3 { font-size:2.2rem; font-weight:600; font-size:2.2rem;}
section.blogv2-single div.blogwrap h4 { font-size:2.0rem; font-weight:600; }
section.blogv2-single div.blogwrap h5 { font-size:1.8rem; font-weight:600; }

section.blogv2-single div.blogwrap h1,
section.blogv2-single div.blogwrap h2,
section.blogv2-single div.blogwrap h3,
section.blogv2-single div.blogwrap h4,
section.blogv2-single div.blogwrap h5 {line-height:1.2em; margin:2.5rem 0 1rem;}


section.blogv2-single div.blogwrap .author {}
section.blogv2-single div.blogwrap .author .a1 { color:#808080;}


section.blogv2-single div.blogwrap ul,
section.blogv2-single div.blogwrap ol { margin:0 0 1.5em 1.5em; padding:0;}

section.blogv2-single div.blogwrap ul li,
section.blogv2-single div.blogwrap ol li{ padding:0 0 1.5em;}

section.blogv2-single div.blogwrap ul.style { list-style:none; margin:0 0 1.5em 0; padding:0; font-weight:300; font-size:1.1em;}
section.blogv2-single div.blogwrap ul.style li {position:relative; padding:0 0 1em 1.5em;}
section.blogv2-single div.blogwrap ul.style li:before { content:'\f058'; font-family:'FontAwesome'; font-size:1.4em; position:absolute; top:50%; left:.5em; margin:-0.6em; top:2px; margin:0; left:-.25em;}


section.blogv2-single div.blogwrap time { text-align:center; min-width:125px; font-size:.9em; background:#3498db;color:#fff; color: rgba(255,255,255, 1);  padding:2px 5px; display:inline-block; margin:0 0 1em;  background:none;color:#3498db; font-weight:400; font-size:.8em; padding:0; text-align:left; min-width:auto; margin:0;}
	
section.blogv2-single div.blogwrap figure { width:100%; float:left; text-align:center; }
section.blogv2-single div.blogwrap img { display:inline-block; max-width:100%; height:auto;}
section.blogv2-single div.blogwrap .wp-caption { width:100%; max-width:100%; height:auto; text-align:center;}
section.blogv2-single div.blogwrap .wp-caption img { max-width:100%; height:auto; }
section.blogv2-single div.blogwrap .aligncenter { margin:0 auto;}
section.blogv2-single div.blogwrap .content { width:100%; float:right; text-align:justify; margin:0;}


section.blogv2-single div.blogwrap blockquote { padding:0; margin:2em 0; font-size:1.2em;color:#555; text-align:center; font-weight:300;  border:none; position:relative;}
section.blogv2-single div.blogwrap blockquote > div {display:block;padding:1em 2em;position:relative;}
section.blogv2-single div.blogwrap blockquote > div:before { content:'\f10d'; font-family:'FontAwesome'; font-size:1.4em; position:absolute; top:.5em; left:0; color:#222;}
section.blogv2-single div.blogwrap blockquote > div:after { content:'\f10e'; font-family:'FontAwesome'; font-size:1.4em; position:absolute; bottom:.5em; right:0; color:#222;}
section.blogv2-single div.blogwrap blockquote .author{ display:block; font-size:.8em;text-align:right; margin:0 0 0; padding:0 2em;}


section.blogv2-single div.blogwrap .halfquote { width:100%;margin:2em 0;}
section.blogv2-single div.blogwrap .halfquote blockquote{ width:48%; margin:0;display:inline-block;}
section.blogv2-single div.blogwrap .halfquote  .content { width:46%; float:right; margin:0 0 0 6%;}
section.blogv2-single div.blogwrap .halfquote .alignleft { float:left; margin:0 4% 0 0;}
section.blogv2-single div.blogwrap .halfquote .alignright { float:right;}

section.blogv2-single div.blogwrap .gray-bg { background:#f5f5f5; padding:1em; width:100%; margin: 2em 0;}
section.blogv2-single div.blogwrap .lightblue-bg { background:#e6f5fd; padding:1em; width:100%; margin: 2em 0;}



section.blogv2-single div.blogwrap .wp-caption-text { padding:1em 0 0; margin:0 0 1.5em; width:100%; float:left;}
section.blogv2-single div.blogwrap .authoranswer { display:inline; margin:0; font-weight:600; font-size:1.2em;}

section.blogv2-single div.blogwrap .rowfull { width:100%; float:left; margin:0 auto 1em;}

section.blogv2-single div.blogwrap .videowrapper {}
section.blogv2-single div.blogwrap .videowrapper img { cursor:pointer; position:absolute;}
section.blogv2-single div.blogwrap .videowrapper iframe { position:relative; }
section.blogv2-single div.blogwrap iframe { width:100%; position:relative; }

section.blogv2-single div.blogwrap .colhalf { width:49%; float:left;}

	
	
section.blogv2-single div.blogwrap blockquote { text-align:left; font-size:1.4em; line-height:1.5em;}
section.blogv2-single div.blogwrap blockquote > div {display:block;padding:1.5em 1.5em 0;}
section.blogv2-single div.blogwrap blockquote > div:before { content:''; position:absolute; top:0px; height:5px; background:rgb(42, 169, 224); width:60px; margin-left:1em;}
section.blogv2-single div.blogwrap blockquote > div:after {content:'';}
	
section.blogv2-single div.blogwrap blockquote.bq1 { text-align:left; font-size:1.4em; line-height:1.5em;}
section.blogv2-single div.blogwrap blockquote.bq1 > div {display:block;padding:1.5em 1.5em 0;}
section.blogv2-single div.blogwrap blockquote.bq1 > div:before { content:''; position:absolute; top:0px; height:5px; background:rgb(42, 169, 224); width:60px; margin-left:1em;}
section.blogv2-single div.blogwrap blockquote.bq1 > div:after {content:'';}
	
section.blogv2-single div.blogwrap .wp-caption-text { padding:.5em 0 0; margin:0; width:100%; float:left; font-size:.8em; line-height:1.5em; font-style:italic;}
section.blogv2-single div.blogwrap .wp-caption { overflow:auto; margin:0 auto 20px;}




section.blogv2-single div.blogsuggest {width:100%; float:left; position:relative; margin:20px auto; padding:20px 0 0; text-align:center;  }
section.blogv2-single div.blogsuggest .row { width:100%;}
section.blogv2-single div.blogsuggest .suggest { /*display: flex; justify-content:space-between;*/ }
section.blogv2-single div.blogsuggest .suggest:before,
section.blogv2-single div.blogsuggest .suggest:after { display:none; }

section.blogv2-single div.blogsuggest h2 { text-transform:uppercase; font-weight:300; font-size:1.6em; line-height:1.3em; margin:0 0 40px; }

section.blogv2-single div.blogsuggest .box { width:calc(30.33% - 3px); width:calc(33.33% - 16px); display:inline-block; vertical-align:top;}
section.blogv2-single div.blogsuggest .box ~ .box { margin-left:20px;}
section.blogv2-single div.blogsuggest .box a,
section.blogv2-single div.blogsuggest .box figure,
section.blogv2-single div.blogsuggest .box figure img,
section.blogv2-single div.blogsuggest .box .copy { width:100%;}
section.blogv2-single div.blogsuggest .box a { display:inline-block; color:inherit;}

section.blogv2-single div.blogsuggest .box figure { margin:0 0 10px; min-width:200px; min-height:200px; border:solid 1px #eee; background-size:cover; background-position:center center; }
section.blogv2-single div.blogsuggest .box figure img { display:block;}
section.blogv2-single div.blogsuggest .box .copy { text-align:left; padding:0;}
section.blogv2-single div.blogsuggest .box h2 {font-weight:700; line-height:1em; font-size: 16px; text-transform:uppercase;  margin:0 0 10px;}
section.blogv2-single div.blogsuggest .box .subheader { margin:0; padding:0; line-height:1.2em;}


section.blogv2-single .newsletter-widget { width:100%; background:#eee; padding:2em;  margin:20px auto 20px;  }
section.blogv2-single .newsletter-widget section { max-width:480px; margin:0 auto;}
section.blogv2-single .newsletter-widget h2 { margin:0 0 10px;}




section.blogv2-single div.blogwrap .cta {}
section.blogv2-single .cta-join { display:inline-block; color:#fff; border:solid 1px #1072bd; background:#1072bd; font-size:1.4rem; padding:.5rem 1rem; text-decoration:none;}
section.blogv2-single .cta-join:hover {box-shadow:0 1rem 1rem -0.25rem rgba(0, 0, 0, 0.2); }
section.blogv2-single blockquote.pid-45560 { max-width:85%; }



section.blogv2-single .text-color-blue { color:#007bff;}
section.blogv2-single .text-color-red { color:#ff0000;}

section.blogv2-single div.signupform {
	width:100%;height:40px; position:relative;
}
section.blogv2-single div.signupform .form-wrap {}
section.blogv2-single div.signupform .msg-wrap {font-style:italic; padding:.5em 0; display:none; position:absolute; top:0; left:0; line-height:40px; color:rgb(82, 186, 232);}

section.blogv2-single div.signupform input[type=text],
section.blogv2-single div.signupform input[type=email]{background:none; border:none;background:#fff;border-radius:3px; font-size:1.1em;	padding:0 .5em;width:100%;display:inline-block;font-style:italic;color:#222; padding-right:45px; min-height:40px;
}

section.blogv2-single div.signupform input[type=submit]{
	position:absolute; top:0; right:0;
	display:inline-block;border:none;background:#3498db;color:#fff;
	width:40px;height:40px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;font-family:'FontAwesome';font-size:1.5em;text-align:center;
}
section.blogv2-single div.signupform label.error { margin-top:3px;background:#d9534f; font-size:.9em; color:#fff; padding:4px 6px; line-height:1em; display:inline-block; font-weight:normal;border-radius:0;}

section.blogv2-single div.signupform .lockform {}
section.blogv2-single div.signupform .lockform  input[type=email]{opacity:.5;}
section.blogv2-single div.signupform .lockform  input[type=submit]{background:#ccc;}




section.blogv2-single .team-message {vertical-align:top; font-size:1.5rem; line-height:2.5rem;}
section.blogv2-single .team-message .logo {vertical-align:top; display:inline-block; width:100%; max-width:100px; padding-right:25px;}
section.blogv2-single .team-message .copy { vertical-align:top; display:inline-block; width:100%; max-width:calc(100% - 150px);}




section.blogv2-single .team-footer-message {width:100%; clear:both; float:left; border-top:1px solid #eee; margin-top:20px; padding-top:20px; margin-bottom:20px;}
section.blogv2-single .team-footer-message > div { float:right; width:calc(100% - 85px);}
section.blogv2-single .team-footer-message:before { content:''; margin-right:1rem; vertical-align:top; display:inline-block; 
width:60px; height:60px; float:left;
background-image:url("https://s3.amazonaws.com/blueoceanstrategy/blog/logo-blog.svg");  
background-position:top center;  background-size:cover;  background-repeat:no-repeat;}


section.blogv2-single .page-follow-wrap { width:100%; display:flex; align-items: center; margin:0 0 10px;}
section.blogv2-single .page-follow-wrap .col { padding-right:10px;}

section.blogv2-single .social-media-follow { width:100%; align-items: center; margin:10px auto; font-size:1.5rem; font-weight:bold;}
section.blogv2-single .social-media-follow a { color:#fff;display:inline-block; padding:5px 15px; text-align:center; border-radius:5px; vertical-align:middle;}
section.blogv2-single .social-media-follow a svg { width:20px; max-height:18px;vertical-align:middle; display:inline-block; margin-right:5px; }
section.blogv2-single .social-media-follow a span {display:inline-block; }

section.blogv2-single .social-media-follow .fb {background:rgb(59, 89, 152);}
section.blogv2-single .social-media-follow .twitter {background:rgb(0, 172, 237);}
section.blogv2-single .social-media-follow .youtube {background:#cd1c1f;}
section.blogv2-single .social-media-follow .linkedin {background:#4875B4;}


section.blogv2-single a.cta-more-2 { width:auto; display:inline-block;  padding:5px; color:inherit;  margin:0 auto 20px; background:#0070b8;  color:#fff; border:none; padding:10px; border:none;border-radius:5px;}



/* 20180515 - Social Like Button */
section.blogv2-single { background:#fff; overflow-wrap: break-word;}
section.blogv2-single article {}
section.blogv2-single .wrapper { width:100%; max-width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
section.blogv2-single .block { max-width:750px; order:1;}
section.blogv2-single .block h2 {margin-top:2rem; margin-bottom:1rem;}
section.blogv2-single .blogwrap {  }
section.blogv2-single aside.sidebar {  max-width:200px; order:2; margin-left:2rem; padding-top:8rem;}
section.blogv2-single aside.sidebar .social-media-follow a { display:block; margin:0 0 5px; text-align:left;}
section.blogv2-single aside.sidebar h2 { font-size:1rem; text-transform:uppercase; margin:0 0 20px; font-weight:750;}
section.blogv2-single .social-media-follow a span { font-size:1.1rem;}
section.blogv2-single img { max-width:100%; height:auto;}
 section.blogv2-single iframe { width:100%; max-width:100%;}
section.blogv2-single .wp-caption { width:100% !important; max-width:100%; font-size:1rem; padding:1rem 0; text-align:center;}
section.blogv2-single .wp-caption img { width:100%; max-width:100%; margin:0 0 .5rem;}


section.blogv2-single blockquote { position:relative; padding:1.5rem 2rem 0rem; margin:1.5rem auto 1.5rem; font-weight:100; font-size:1.5rem;}
section.blogv2-single blockquote:before { content:''; position:absolute; top:0px; height:5px; background:rgb(42, 169, 224); width:60px; }




section.blogv2-single .videoiframe { 
	position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
section.blogv2-single .videoiframe iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media (max-width: 1060px) { 
	section.blogv2-single aside.sidebar {padding:0; max-width:100%; width:100%; text-align:center; border-top:1px solid #eee; margin-top:20px; padding-top:20px;}
	section.blogv2-single aside.sidebar h2 { margin:0 auto 1rem;}
	section.blogv2-single aside.sidebar .social-media-follow a { width:100%; max-width:220px; text-align:center; display:inline-block;}
}


@media (max-width: 800px) { 

	section.blogv2-single .block { max-width:100%;}
}

@media (max-width: 544px) {
	section.blogv2-single .blog-wrap.sumome-article {padding:0 !important;}
	section.blogv2-single .full-md {width:100%; padding:0 !important; margin-bottom:1rem;}
}

/**
Comment: Blue Ocean Blog
End    ============================ **/	



/* Section: Blog
http://bosdevsite.com/blog/turn-barely-making-gym-million-dollar-company/
================================= */



	
section.feature-blog-39429 {width:100%; float:left; padding-bottom:0; border-top:1px solid #eee; border-bottom:1px solid #eee; margin:20px auto; padding:20px 0;}	

section.feature-blog-39429 .intro {margin:0 auto; padding:0; font-size:1.1em; }
section.feature-blog-39429 .intro span { display:inline-block;}
section.feature-blog-39429 .intro span.red {color:#ee2640;}
section.feature-blog-39429 .intro span.blue {color:#1649a0;}
section.feature-blog-39429 .intro h2 { font-size:36px; color:#1649a0; margin:10px 0 0; font-style:italic;}

section.feature-blog-39429 .promo-book {}
section.feature-blog-39429 .promo-book h2 { font-weight:bold; text-transform:uppercase; margin:0 0 20px; padding:0;}
section.feature-blog-39429 .promo-book span.type1 {}
section.feature-blog-39429 .promo-book .figurecol { width:100%;  max-width:25%;  }
section.feature-blog-39429 .promo-book .copycol {width:100%; max-width:75%; padding-left:40px; padding-top:20px;}
section.feature-blog-39429 .promo-book .figurecol figure { width:100%; max-width:100%;float:left;}
section.feature-blog-39429 .promo-book .figurecol .link {width:100%; max-width:100%;float:left; text-align:center; }
section.feature-blog-39429 .promo-book .figurecol figure img {display:inline-block; max-width:100%; height:auto; margin:0 0 10px; padding:0;}
section.feature-blog-39429 .promo-book .figurecol figure.book {text-align:center; padding:0px;}
section.feature-blog-39429 .promo-book .figurecol figure.book img { max-width:180px; display:inline-block; }

section.feature-blog-39429 .promo-book .figurecol a.cta,
section.feature-blog-39429 .promo-book .figurecol a.cta-more { display:block; width:100%; max-width:200px; padding:5px; color:inherit; border:solid 1px #222; margin:0 auto 10px; background:#0078c4;  color:#fff; border:none; padding:10px; border:none;border-radius:5px; font-size:.8em;}
section.feature-blog-39429 .promo-book .figurecol a.cta-more { background:#001C6F;}


@media screen 
and (min-width : 0px) 
and (max-width : 736px) {
	
	section.feature-blog-39429 .intro { padding:0;}
	section.feature-blog-39429 .promo-book .figurecol,
	section.feature-blog-39429 .promo-book .copycol { max-width:100%; padding:0; margin:0 0 20px;}

}
	
	



/**
Comment: The Books - 20180622
Design: 
Begin  ============================ **/	

section.boshbook-0618 {}
section.boshbook-0618 .book-column {}
section.boshbook-0618 .book-column .highlight { /*color:#0070b8;*/ color:#666;}
section.boshbook-0618 .book-column figure .cta { max-width:100%; display:block; margin:1rem 1.5rem; text-transform:uppercase;}
section.boshbook-0618 .book-column figure .cta.cta-yellow { background-color:#fef200;}
section.boshbook-0618 .book-column .pl { padding-left:4rem;}
section.boshbook-0618 .book-column .pr { padding-right:2rem;}
section.boshbook-0618 .book-column .majorcol { width:100%; max-width: calc(100% - 280px); display:flex; flex-wrap:wrap; padding-top:2rem; }
section.boshbook-0618 .book-column .minorcol { width:100%; max-width: 280px; }



section.boshbook-0618 .bestseller { width:100%; text-align:center; /*display:flex; flex-wrap:wrap;  max-width:100%; flex: 0 0 100%;*/ justify-content:space-between; margin:0; padding:1rem 2rem 0;  margin-bottom:1rem; padding:0;}
section.boshbook-0618 .bestseller img { display:inline-block; max-height:80px; max-height:65px; padding:0 1rem;}
section.boshbook-0618 .bestseller br { display:none;}


section.boshbook-0618 .bestseller-m { width:100%; text-align:center; /*display:flex; flex-wrap:wrap;  max-width:100%; flex: 0 0 100%;*/ justify-content:space-between; margin:0; padding:1rem 2rem 0;  margin-bottom:1rem; padding:0;}
section.boshbook-0618 .bestseller-m img { display:inline-block; max-height:80px; max-height:55px; padding:0 .5rem; margin:0 .25rem 1rem;}
section.boshbook-0618 .bestseller-m br { display:none;}



section.boshbook-0618 .bosh-video { max-width:800px; margin:0 auto 2rem;}
section.boshbook-0618 .bosh-quotes { margin-top:1rem;}
section.boshbook-0618 .bosh-quotes .lcol { max-width:calc(220px);}
section.boshbook-0618 .bosh-quotes .rcol {max-width:calc(98% - 220px);}
section.boshbook-0618 .bosh-quotes figure { text-align:center;}
section.boshbook-0618 .bosh-quotes figure img { border-radius:50%; margin:0 0 1rem;  box-shadow: 0 .75rem .75rem -.25rem rgba(0, 0, 0, 0.2);}
section.boshbook-0618 .bosh-quotes .s1 {}
section.boshbook-0618 .bosh-quotes .s2 { font-size:1rem; line-height:1.2rem;}
section.boshbook-0618 .bosh-quotes .quote { padding:1rem;  margin-left:auto;}




section.boshbook-0618 .as-seen-in {}
section.boshbook-0618 .mobile-apps-owl { margin:1rem auto;}
section.boshbook-0618 .mobile-apps-owl figure {padding:1rem; margin:1rem; box-shadow: 0px .25rem 1.5rem 0 rgba(0,0,0,0.3);}



section.boshbook-0618 .bos-wtab { width:100%; display:flex; flex-wrap:wrap; }
section.boshbook-0618 .bos-wtab .people { max-width:33.3%; flex:0 0 33.3%; padding:0 .5rem; margin-top:1rem; position:relative; overflow:hidden;}
section.boshbook-0618 .bos-wtab .people figure { width:100%;  position:relative; cursor:pointer; margin:0; align-self:center;}
section.boshbook-0618 .bos-wtab .people figure > br,
section.boshbook-0618 .bos-wtab .people figure > p { display:none; }
section.boshbook-0618 .bos-wtab .people figure img { width:100%; align-self:center; }
section.boshbook-0618 .bos-wtab .people .content { width:100%; text-align:center;  padding:.8em 1.5em; position:absolute; left:0; bottom:0; min-height:6rem; color:#fff; background: rgba(0, 0, 0, 0.5); }
section.boshbook-0618 .bos-wtab .people .content p { margin:0;}
section.boshbook-0618 .bos-wtab .people h2 { margin:0 0 .25em; padding:0; font-size:1.1rem; font-weight:750;text-transform:uppercase; }
section.boshbook-0618 .bos-wtab .people span { font-size:.8rem; line-height:1.2rem; display:inline-block;}


section.boshbook-0618 .bos-wtab .people .hover { color:#fff; position:absolute; background:#0077c0; top:100%; left:0; width:100%; height:100%; text-align:center; padding:1em; display:flex; flex-wrap:wrap; align-items:center;transition:all .5s ease-in-out; text-align:center;}
section.boshbook-0618 .bos-wtab .people .hover a { color:inherit; text-decoration:underline;}
section.boshbook-0618 .bos-wtab .people .copy { width:100%;}
section.boshbook-0618 .bos-wtab .people:hover .hover { top:0;}

section.boshbook-0618 .bos-wtab-link { margin-bottom:0;}
section.boshbook-0618 .bos-wtab-link .cta { margin-left:auto; margin-right:auto;}






section.boshbook-0618 .book-shift {}
section.boshbook-0618 .book-shift.blue-ocean-bg {
	color:#fff;
	  background: url(https://blueoceanstrategy.s3.amazonaws.com/web2018/assets/landing/blue-ocean.jpg);
	  background-repeat: no-repeat;
	  background-position: 0 0;
	  background-size:cover;
	  padding:2rem 0;
	  margin-bottom:2rem;
}
section.boshbook-0618 .red-cta {background-color:#ff0000 !important; color:#fff; border-color:transparent !important;}
section.boshbook-0618 .red-cta:hover {box-shadow: 0 1rem 1rem -.25rem rgba(0, 0, 0, 0.2); background-color:#ff0000 !important; color:#fff; border-color:transparent;}








@media (max-width: 1400px) { 
	section.boshbook-0618 .bos-wtab .people { max-width:50%; flex:0 0 50%; }
}


@media (max-width: 1200px) { 
	section.boshbook-0618 .bestseller {  width:100%; text-align:center; }
	section.boshbook-0618 .bestseller img {  margin: 0 0 1rem; width:100%; }
	
	section.boshbook-0618 .bestseller {margin-bottom:0;}
}

@media (max-width: 800px) { 
	section.boshbook-0618 .bestseller { display:inline-block; }
	section.boshbook-0618 .bestseller img { max-height:60px; }
	section.boshbook-0618 .book-column .cta { max-width:200px; margin:1rem auto; }
	section.boshbook-0618 .book-column .majorcol,
	section.boshbook-0618 .book-column .minorcol { max-width:100%;}
	section.boshbook-0618 .book-column .pl,
	section.boshbook-0618 .book-column .pr { padding:0;}
	
	
	section.boshbook-0618 .bosh-quotes .lcol { max-width:100%;}
	section.boshbook-0618 .bosh-quotes .rcol { max-width:100%;}
	
	section.boshbook-0618 .bos-wtab .people { max-width:100%; flex:0 0 100%; }
	section.boshbook-0618 .bos-wtab .people h2 { margin:0 0 .25em; padding:0; font-size:1.4rem; }
	section.boshbook-0618 .bos-wtab .people span { font-size:1rem; line-height:1.2rem;}
	section.boshbook-0618 .bos-wtab .people .copy { font-size:1.2rem;}
}

/**
Comment: The Books
End    ============================ **/	






/**
Comment: Who is talking about BOS - 20180704
Design: 
Begin  ============================ **/	

section.boswtab-0718 {}	
section.boswtab-0718 .boswtab-wrap { width:100%; display:flex; flex-wrap:wrap; }
section.boswtab-0718 .people { max-width:33.3%; flex:0 0 33.3%; padding:0 .5rem; margin-top:1rem; position:relative; overflow:hidden;}
section.boswtab-0718 .people figure { width:100%;  position:relative; cursor:pointer; margin:0; align-self:center; background:#f2f2f2; min-height:385px;}
section.boswtab-0718 .people figure > br,
section.boswtab-0718 .people figure > p { display:none; }
section.boswtab-0718 .people figure img { width:100%; align-self:center; }
section.boswtab-0718 .people .content { width:100%; text-align:center;  padding:.8em 1.5em; position:absolute; left:0; bottom:0; min-height:6rem; color:#fff; background: rgba(0, 0, 0, 0.5); }
section.boswtab-0718 .people .content p { margin:0;}
section.boswtab-0718 .people h2 { margin:0 0 .25em; padding:0; font-size:1.1rem; font-weight:750;text-transform:uppercase; }
section.boswtab-0718 .people span { font-size:1rem; line-height:1.2rem; display:inline-block;}


section.boswtab-0718 .people .hover { color:#fff; position:absolute; background:#0077c0; top:100%; left:0; width:100%; height:100%; text-align:center; padding:1em; display:flex; flex-wrap:wrap; align-items:center;transition:all .5s ease-in-out; text-align:center;}
section.boswtab-0718 .people .hover a { color:inherit; text-decoration:underline;}
section.boswtab-0718 .people .copy { width:100%;}
section.boswtab-0718 .people:hover .hover { top:0;}

section.boswtab-0718 .loader-wrap { display: inline-block; width:100%; padding:2rem; position: relative; transition: all .2s ease;}

@media (max-width: 1200px) { 
	section.boswtab-0718 .people {max-width:50%; flex:0 0 50%; }
	section.boswtab-0718 .people figure { min-height:250px;}
}

@media (max-width: 544px) { 
	section.boswtab-0718 .people {max-width:100%; flex:0 0 100%; padding:0; }
	section.boswtab-0718 .people figure { min-height:250px;}
}



/**
Comment: Who is talking about BOS
End    ============================ **/	





/**
Comment: BOS Q & A - 20180706
Design: 
Begin  ============================ **/	


section.bosqa-0718 {}
section.bosqa-0718 .top-copy { padding:2rem 0; background:#f2f2f2;}
section.bosqa-0718 .top-copy .row { margin:0 auto;}
section.bosqa-0718 .top-copy .lcol,
section.bosqa-0718 .top-copy .rcol {}

section.bosqa-0718 .top-copy .lcol { order:1; max-width:300px; flex:0 0 300px; }
section.bosqa-0718 .top-copy .rcol { order:2; max-width:calc(100% - 300px); flex:0 0 calc(100% - 300px);  display:flex; align-items:center; padding-left:4rem; }

section.bosqa-0718 .top-copy figure {margin:0;}
section.bosqa-0718 .top-copy figure img { border-radius:50%;  box-shadow: 0 1rem 1rem -.25rem rgba(0, 0, 0, 0.2);}


section.bosqa-0718 .qa-list { width:100%; margin:4rem auto 0rem; display:flex; flex-flow: row wrap; justify-content: space-between; }

section.bosqa-0718 .qa-list .box { background:#f2f2f2; max-width: calc(50% - 2rem); flex:0 0 calc(50% - 2rem);  position:relative; overflow:hidden; min-height:300px; margin-bottom:4rem;}
section.bosqa-0718 .qa-list .box > p {display:none;}
section.bosqa-0718 .qa-list .box h2 {  padding:0; font-size:1.4rem; font-weight:750; text-transform:uppercase; }
section.bosqa-0718 .qa-list .box figure.bg { width:100%; position:relative; display:flex;}
section.bosqa-0718 .qa-list .box figure:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0, .25);}

section.bosqa-0718 .qa-list .box figure { width:100%;  position:relative; cursor:pointer; margin:0; align-self:center;}
section.bosqa-0718 .qa-list .box figure > br,
section.bosqa-0718 .qa-list .box figure > p { display:none; }
section.bosqa-0718 .qa-list .box figure img { width:100%; align-self:center; }

section.bosqa-0718 .qa-list .box .copy { width:100%; height:100%; position:absolute; z-index:1; color:#fff; display:flex;}
section.bosqa-0718 .qa-list .box .copy .wrap { width:100%; padding:2rem; justify-content:center; margin:auto;}

section.bosqa-0718 .qa-list .box .hover { color:#fff; background:#0077c0; padding:2rem; text-align:center; display:flex; flex-wrap:wrap; align-items:center;transition:all .5s ease-in-out; 
	position:absolute; width:100%; height:100%; top:100%; left:0; z-index:2; }
section.bosqa-0718 .qa-list .box:hover .hover { top:0;}


section.bosqa-0718 .cta { padding:.5rem 2rem;  border:solid 1px #fff; text-transform:uppercase; }
section.bosqa-0718 .cta:hover { color:#0077c0; border:solid 1px #fff; background:#fff;}

section.bosqa-0718 .cta:hover, .standard .cta:focus, .standard .cta:active {
  box-shadow: 0 1rem 1rem -.25rem rgba(0, 0, 0, 0.2);
}



section.bosqa-single-0718 {}
section.bosqa-single-0718 .container { max-width:800px;}
section.bosqa-single-0718 .cta.back { min-width:200px;}




@media (max-width: 1200px) { 
	section.bosqa-0718 .qa-list .box { max-width: calc(50% - 1rem); flex:0 0 calc(50% - 1rem); min-height:300px; margin-bottom:2rem;}
	section.bosqa-0718 .qa-list .box h2 {  font-size:1.2rem; }
}

@media (max-width: 800px) { 
	section.bosqa-0718 .top-copy .lcol,
	section.bosqa-0718 .top-copy .rcol { width:100%; max-width:100%; flex:0  0 100%; padding:0;}
	section.bosqa-0718 .top-copy .lcol { text-align:center; margin:0 0 2rem;}
	section.bosqa-0718 .qa-list .box {max-width: 100%; flex:0 0 100%;  min-height:auto;}
	section.bosqa-0718 .qa-list .box h2 {  font-size:1.6rem; }
}

@media (max-width: 544px) { 
	section.bosqa-0718 .qa-list .box h2 {  font-size:1.1rem; }
	section.bosqa-0718 .qa-list .box .copy .wrap { padding:1rem;}
	section.bosqa-0718 .qa-list .box .hover { padding:1rem;}
}


/**
Comment: BOS Q & A - 20180706
End    ============================ **/	







/**
Comment: Teaching Materials - 20180709
Design: 
Begin  ============================ **/	

section.teachmaterial-0718 {}
section.teachmaterial-0718 .top-intro {}

section.teachmaterial-0718 .nav-tabs { margin:0 0 1rem;}
section.teachmaterial-0718 .nav-tabs .nav-link { color:inherit;}
section.teachmaterial-0718 .nav-tabs .nav-link.active { font-weight:bold;}

section.teachmaterial-0718 .list { width:auto; margin:0 -.5rem; display:flex; flex-wrap:wrap; }
section.teachmaterial-0718 .list figure { max-width:20%; flex:0 0 20%;  padding:0 0.5rem; text-align:center; margin:0 0 1rem;}
section.teachmaterial-0718 .list figure.featured { position:relative;}
section.teachmaterial-0718 .list figure.featured .cta-wrap { position:absolute; bottom:2rem; left:0; width:100%;}
section.teachmaterial-0718 .list figure.featured .cta { max-width:80%; margin:0 auto; font-size:1rem; line-height:1.2rem;}

section.teachmaterial-0718 .list figure a { width:100%; display:inline-block; }
section.teachmaterial-0718 .list img {width:100%; max-width:100%; display:inline-block; padding:.25rem; border:solid 1px #dcdcdc;  transition: all .2s ease-in-out;}
section.teachmaterial-0718 .list img:hover {border:solid 1px #0070b8;}
section.teachmaterial-0718 .distributors {margin-top:2rem; padding-top:3rem; border-top:solid 1px #ccc; justify-content:center;}

section.teachmaterial-0718 .casestudy {margin:2rem auto 4rem;}
section.teachmaterial-0718 .casestudy .casestudy-title { width:100%; text-align:center;  margin:0 auto 2rem; }
section.teachmaterial-0718 .casestudy .casestudy-title h2 {display:inline-block; padding:.5rem 0; border-top:solid 1px #222; border-bottom:solid 1px #222;}

section.teachmaterial-0718 .casestudy .title { font-size:1rem; text-transform:uppercase; margin:0 0 5px;}
section.teachmaterial-0718 .casestudy .videowrap { width:100%; max-width:600px; float:left; margin:0 2rem 2rem 0;}
section.teachmaterial-0718 .casestudy .videowrap iframe { box-shadow:0px 0.5rem 1rem 0 rgba(0,0,0,0.2); border:solid 1px #ccc;}
section.teachmaterial-0718 .casestudy .videoiframe { 
	position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
section.teachmaterial-0718 .casestudy .videoiframe iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
section.teachmaterial-0718 .casestudy h2 { font-weight:300; margin:0 0 1rem; }

section.teachmaterial-0718 .casestudy figure.casefigure {width:100%; max-width:600px; float:left; margin:0;}
section.teachmaterial-0718 .casestudy figure.casefigure img { max-width:100%; display:block; text-align:center;}

section.teachmaterial-0718 table.article {}

section.teachmaterial-0718 table.article tr { vertical-align:top; padding-bottom:.5rem;}
section.teachmaterial-0718 table.article .link br,
section.teachmaterial-0718 table.article .link p {display:inline;}
section.teachmaterial-0718 table.article .label { min-width:200px; font-weight:bold; padding-right:1rem;}
section.teachmaterial-0718 table.article .lang {min-width:100px; display:inline-block;}


section.teachmaterial-0718 .tmaterial-topic { width:100%; display:flex; flex-wrap:wrap; }
section.teachmaterial-0718 .tmaterial-topic .nav-pills { flex:0 0 30%; }
section.teachmaterial-0718 .tmaterial-topic .nav-pills br { display:none;}
section.teachmaterial-0718 .tmaterial-topic .nav-pills .nav-link { color:inherit; font-weight:bold; padding:1rem .5rem 1rem; margin:0 0 0; text-transform:uppercase; font-size:1rem; border-bottom: solid 1px #dee2e6;}
section.teachmaterial-0718 .tmaterial-topic .nav-pills .nav-link:last-child { border:none;}
section.teachmaterial-0718 .tmaterial-topic .nav-pills .nav-link.active, 
section.teachmaterial-0718 .tmaterial-topic .nav-pills .show>.nav-link {color:#0070b8; background:none;}
section.teachmaterial-0718 .tmaterial-topic .tab-content { flex:0 0 70%; padding-left:3rem; padding-top:1rem;}
section.teachmaterial-0718 .tmaterial-topic .tab-content h2 { text-transform:uppercase; font-weight:300; margin:0 0 1rem;}
section.teachmaterial-0718 .tmaterial-topic .tab-content h2 a {color:inherit; text-decoration: none;}

@media (max-width: 991px) { 
	section.teachmaterial-0718 .casestudy .videowrap { max-width:100%; margin:0 auto 1rem;}
	section.teachmaterial-0718 .casestudy .videowrap iframe { width:100%; max-width:100%;}
	
	section.teachmaterial-0718 .list .col1 { max-width:100%; flex:0 0 100%;  }
	section.teachmaterial-0718 .list .col2 { max-width:100%; flex:0 0 100%;  }
	section.teachmaterial-0718 .list .col1 figure { max-width:100%; flex-basis: 100%; margin:0;}
	section.teachmaterial-0718 .list .col2 figure { max-width:33.3%; flex-basis: 33.3%;  margin:0 0 1rem;}
	
}


@media (max-width: 800px) { 
	section.teachmaterial-0718 .nav-tabs .nav-item { width:100%;margin:0; text-align:center;}
	section.teachmaterial-0718 .nav-tabs .nav-link { width:100%;}
	section.teachmaterial-0718 .list figure { max-width:50%; flex:0 0 50%;}
}

@media (max-width: 544px) { 
	section.teachmaterial-0718 .list { justify-content:center;}
	section.teachmaterial-0718 .list figure { max-width:100%; max-width:300px; flex:0 0 100%;}
}


section.request-tmaterial-0818 {}
section.request-tmaterial-0818 article { width:100%; display:flex; flex-wrap:wrap; margin:1rem auto; }
section.request-tmaterial-0818 article h1 { font-size:2.0rem; font-weight:750; letter-spacing:0;}
section.request-tmaterial-0818 article .col { max-width:100%; flex:0 0 40%;}
section.request-tmaterial-0818 article .col.right {max-width:100%; flex:0 0 52%;}
section.request-tmaterial-0818 article video { width:100%; max-width:100%;}
section.request-tmaterial-0818 article figure img { width:100%;}


section.request-tmaterial-0818 .casestudy-title { width:100%; text-align:center; margin:0 auto 2rem;}
section.request-tmaterial-0818 .casestudy-title h2 { font-weight:normal; display:inline-block; padding:.5rem 0; border-top: solid 1px #222; border-bottom: solid 1px #222;}

section.request-tmaterial-0818 .unauthorize { text-align:center; border:solid 1px #ccc; padding:3rem 0;}
section.request-tmaterial-0818 .unauthorize h2 {text-transform:uppercase;}


section.request-tmaterial-0818 .form-request { text-align:center; border:solid 1px #ccc; padding:2rem;}
section.request-tmaterial-0818 .form-request h2 {text-transform:uppercase;}

section.request-tmaterial-0818 .form-request form {width:100%; margin:2rem auto;}
section.request-tmaterial-0818 .form-request form table {width:100%; max-width:600px; margin:0 auto;}
section.request-tmaterial-0818 .form-request form input[type=text]{ width:100%;}
section.request-tmaterial-0818 .form-request form .cta { width:100%; max-width:300px; cursor:pointer;}


section.request-tmaterial-0818 .asset-list { border:solid 1px #ccc; padding:2rem 2rem;}



@media (max-width: 800px) { 
	section.request-tmaterial-0818 article .col,
	section.request-tmaterial-0818 article .col.right {max-width:100%; flex:0 0 100%; margin:0; padding:0; text-align:center;}
	section.request-tmaterial-0818 article .col.right { text-align:left;}
}

/**
Comment: Teaching Materials - 20180709
End    ============================ **/	







/**
Comment: Story,Research Journey - 20180719
Design: 
Begin  ============================ **/	

section.story-research-0718 {}
section.story-research-0718 figure.feature { max-width:50%;}
section.story-research-0718 .wrap-left { max-width:40%; float:left; margin:0 2rem 2rem 0rem;}
section.story-research-0718 .wrap-right {max-width:40%; float:right; margin:0 0 2rem 2rem;}

@media (max-width: 544px) { 
	section.story-research-0718 figure.feature {max-width:100%;}
	section.story-research-0718 .wrap-left,
	section.story-research-0718 .wrap-right { width:100%; max-width:100%; float:left; margin:0 0 1rem;}
}


/**
Comment: Story,Research Journey - 20180719
End    ============================ **/	












/**
Comment: What We Stand For - 20180731
Design: 
Begin  ============================ **/	

section.what-we-stand-0718 {}
section.what-we-stand-0718 .lcol { max-width:75%;}
section.what-we-stand-0718 .rcol { max-width:25%;}

/**
Comment:  What We Stand For - 20180731
End    ============================ **/	






/**
Comment: Blue Ocean Global Network  - 20180723
Design: 
Begin  ============================ **/	

section.globalnetwork-0718 .feature {display:flex; margin-bottom:0; }
section.globalnetwork-0718 .feature .box { width:100%; flex:0 0 50%; max-width:50%; padding:0; position:relative; padding:0 1.5rem;  margin-bottom:0rem; border-left:solid 1px rgba(255,255,255,0.35); }
section.globalnetwork-0718 .feature a { }
section.globalnetwork-0718 .feature .box:first-child {border:none;}
section.globalnetwork-0718 .feature h3 { font-size:1.6rem; color:#666; letter-spacing:2px; font-weight:750; text-transform:uppercase; margin:0 0 1.5rem;}
section.globalnetwork-0718 .feature figure { width:100%; display:inline-block; border-top:solid 2px #000; border-bottom:solid 1px #000; padding:10px 0; }
section.globalnetwork-0718 .feature figure img { width:100%; }

section.globalnetwork-0718 .feature .cta { width:100%; font-size:1rem; text-align:center; margin:0 auto 1rem; padding: 1rem;}


@media (max-width: 800px) { 
	section.globalnetwork-0718 .feature .box { max-width:100%; flex:0 0 100%; padding:0; margin:0 0 1rem;}
}


/**
Comment: Blue Ocean Global Network - 20180723
End    ============================ **/	





/**
Comment: eLibrary - 20180802
Design: 
Begin  ============================ **/	


section.boselibrary-0818 {}

section.boselibrary-0818 .list { display:flex; flex-wrap:wrap; margin: auto -.5rem; }
section.boselibrary-0818 .list .col { max-width:calc(33.3% - 1rem); flex:0 0 calc(33.3% - 1rem); padding:0 0 1rem; margin:0 auto 2rem; position:relative; }
section.boselibrary-0818 .list .col {box-shadow:0px 0.5rem 1rem 0 rgba(0,0,0,0.1); transition: all 0.3s ease 0s;}
section.boselibrary-0818 .list .col:hover {box-shadow: 0px .5rem 1rem 0 rgba(0,0,0,0.4);}

section.boselibrary-0818 .list .col date { cursor:default; color:#fff; background-color:rgba(0,0,0, .8); position:absolute; top:0; left:0; text-align:center; z-index:1; display:flex; align-items:center; padding:.5rem; width:4rem; height:4rem;  }
section.boselibrary-0818 .list .col date .top { width:100%;font-size:1.2rem; line-height:1rem; font-weight:600;  display:block; margin:0 0 5px;}
section.boselibrary-0818 .list .col date .bottom { width:100%;font-size:0.8rem; line-height:1rem;  font-weight:400;display:block;}
	
	
section.boselibrary-0818 .list .col figure { width:100%; min-height:200px;  position:relative; cursor:pointer; margin:0 auto .5rem; align-self:center; background:#f2f2f2; position:relative;}
section.boselibrary-0818 .list .col figure > br,
section.boselibrary-0818 .list .col figure > p { display:none; }
section.boselibrary-0818 .list .col figure img { width:100%; align-self:center; }
section.boselibrary-0818 .list .col .content { display:flex; flex-wrap:wrap; width:100%; padding:1rem; }
section.boselibrary-0818 .list .col .copy { font-size:1.1rem;}
section.boselibrary-0818 .list .col .copy h2.title { width:100%; font-size:1.2rem; text-transform:uppercase;}
section.boselibrary-0818 .list .col .copy h2.author { width:100%; font-size:1rem; text-transform:uppercase; font-weight:normal; margin-bottom:1rem;}
section.boselibrary-0818 .list .col .link {}
section.boselibrary-0818 .list .col .link .cta { font-size:1rem; text-transform:uppercase;}

section.boselibrary-0818 .list .pagination { width:100%;}
section.boselibrary-0818 .list .pagination a { color:inherit;}
section.boselibrary-0818 .list .pagination .page-numbers { padding:5px 10px;}


section.boselibrary-0818 .box { display:flex;}

section.boselibrary-0818 .box date { cursor:default; color:#fff; background-color:rgba(0,0,0, .8); position:absolute; top:0; left:0; text-align:center; z-index:1; display:flex; align-items:center; padding:.5rem; width:4rem; height:4rem;  }
section.boselibrary-0818 .box date .top { width:100%;font-size:1.2rem; line-height:1rem; font-weight:600;  display:block; margin:0 0 5px;}
section.boselibrary-0818 .box date .bottom { width:100%;font-size:0.8rem; line-height:1rem;  font-weight:400;display:block;}

section.boselibrary-0818 .box figure { width:100%; max-width:400px; min-height:200px;  position:relative; cursor:pointer; margin:0 auto .5rem; align-self:start; /*background:#f2f2f2;*/ position:relative;}
section.boselibrary-0818 .box figure > br,
section.boselibrary-0818 .box figure > p { display:none; }
section.boselibrary-0818 .box figure img { width:100%; align-self:center; }
section.boselibrary-0818 .box .content { display:flex; flex-wrap:wrap; width:100%; padding:0rem 1rem; }
section.boselibrary-0818 .box .copy { }
section.boselibrary-0818 .box .copy h2.title { width:100%; font-size:1.4rem; text-transform:uppercase;}
section.boselibrary-0818 .box .copy h2.author { width:100%; font-size:1rem; text-transform:uppercase; font-weight:normal; margin-bottom:1rem;}

section.boselibrary-0818 .box .cta-back { margin-left: .5rem;}


section.boselibrary-0818 .box.wtabos {}
section.boselibrary-0818 .box.wtabos figure {max-width:300px; margin:0;}
section.boselibrary-0818 .box.wtabos .content { display:flex; flex-wrap:wrap; align-items:center; text-align:center; background:#222; color:#fff;}
section.boselibrary-0818 .box.wtabos .copy { width:100%; text-align:center;}
section.boselibrary-0818 .box.wtabos .copy h2.title { font-size:1.8rem; text-transform:uppercase;}
section.boselibrary-0818 .box.wtabos .copy h2.author { font-size:1.4rem; text-transform:uppercase; font-weight:normal; margin-bottom:1rem;}
section.boselibrary-0818 .box.wtabos .copy .cta { border-color:#fff; max-width:600px; text-transform:uppercase;}



/* 20190118 Academic Article : Full width articles ===================================
*/
section.boselibrary-0818.academic-article {}
section.boselibrary-0818.academic-article .list .col { max-width:calc(100%); flex:0 0 calc(100%); padding:0 0 1rem; margin:0 auto 2rem;}
section.boselibrary-0818.academic-article .list .col figure { max-height:380px; overflow:hidden;}




/* 20190217 eLibrary Filter  ===================================
*/

section.boselibrary-0818 .filters-wrap { background:#f2f2f2; padding:1rem; margin:0 0 1rem;}
section.boselibrary-0818 .filters-wrap .nav-tabs { border-bottom:1px solid #666; }
section.boselibrary-0818 .filters-wrap .nav-tabs .nav-link { background:none; color:inherit; font-weight:900; text-transform:uppercase; font-size:1rem; }
section.boselibrary-0818 .filters-wrap .nav-tabs .nav-link.active {border-color:#666 #666 #f2f2f2;}
section.boselibrary-0818 .filters-wrap .nav-tabs .nav-link:hover {border-color:#666 #666 #f2f2f2;}
section.boselibrary-0818 .filters-wrap .tab-content { padding:1rem 1rem 1rem;}
section.boselibrary-0818 .filters-wrap .custom-control { display:inline-block; padding-right:1.5rem; font-weight:normal; font-size:1rem; line-height:1.5rem; margin-bottom:.5rem;}
section.boselibrary-0818 .filters-wrap .cta {}
section.boselibrary-0818 .filters-wrap .cta input { font-size:.9rem; font-weight:300; background:none; border:solid 1px #000; padding:.5rem 1rem; cursor:pointer; text-transform:uppercase;  transition: all 0.3s ease 0s;}
section.boselibrary-0818 .filters-wrap .cta input:hover { color:#fff; border:solid 1px #1072bd !important; background:#1072bd !important;}
section.boselibrary-0818 .filters-wrap .cta input[type=reset] {margin-right:.5rem;}
section.boselibrary-0818 .filters-wrap .cta input[type=submit] { color:#fff; border:solid 1px #222; background:#222;}

section.boselibrary-0818 .filters-wrap .date { padding:.5rem 1rem; margin-bottom:.5rem;}
section.boselibrary-0818 .filters-wrap .date span {font-weight:900;text-transform:uppercase; font-size:1rem; margin-bottom:.5rem; display:inline-block;}
section.boselibrary-0818 .filters-wrap .date .row {margin:0;}
section.boselibrary-0818 .filters-wrap .date .box {position:relative; background:#fff;margin-right:.5rem;}
section.boselibrary-0818 .filters-wrap .date i.fa {position:absolute; top:.5rem; right:.5rem; cursor:default;}
section.boselibrary-0818 .filters-wrap .date input[type=text]{ font-size:1rem; padding:.5rem .5rem; background:none;  border:none; border-radius:2px; z-index:1; }

section.boselibrary-0818 .filters-wrap .industry-filter {}
section.boselibrary-0818 .filters-wrap .industry-filter .custom-control { width:100%; max-width:calc(25% - 1rem); vertical-align:top;}
section.boselibrary-0818 .filters-wrap .language-filter .custom-control { width:100%; max-width:calc(20% - 1rem); vertical-align:top;}


@media (max-width: 991px) { 
	section.boselibrary-0818 .list { margin:auto;}
	section.boselibrary-0818 .list .col {max-width:calc(100%); flex:0 0 calc(100%);}
	
	section.boselibrary-0818 .list .col { display:flex;}
	section.boselibrary-0818 .list .col figure { width:40%; align-self:start; }
	section.boselibrary-0818 .list .col .content { width:60%;}
}

@media (max-width: 544px) { 

	section.boselibrary-0818 .list .col {max-width:calc(100%); flex:0 0 calc(100%);}
	section.boselibrary-0818 .list .col { display:block;}
	section.boselibrary-0818 .list .col figure,
	section.boselibrary-0818 .list .col .content { width:100%;}
	
	section.boselibrary-0818 .box { display:block;}
	section.boselibrary-0818 .box figure { margin:0 0 1rem;}
	section.boselibrary-0818 .box figure,
	section.boselibrary-0818 .box .content { width:100%; max-width:100%; padding:0;}
	
	
	section.boselibrary-0818 .filters-wrap .industry-filter .custom-control,
	section.boselibrary-0818 .filters-wrap .language-filter .custom-control 	{ max-width:100%;}
	
}

/**
Comment: eLibrary - 20180802
End    ============================ **/	








/**
Comment: Contact Form - 20180803
Design: 
Begin  ============================ **/	


section.boscontact-0818 {}


/**
Comment: Contact Form - 20180803
End    ============================ **/	







/* BOShift Exercise Template - 7/9/2017 ================================ */

section.newshift-exercise {width:100%;  position:relative; }
section#main-content .page-header span.template-title { font-size:28px;}


section.newshift-exercise .templatelist { width:100%; margin:40px auto 0; }
section.newshift-exercise .templatelist .box { width: calc(33.33% - 40px); float:left; display:inline-block; padding:0; margin:0 20px 40px; }
section.newshift-exercise .templatelist .box figure { width:100%;text-align:center; padding:0; display:inline-block;}
section.newshift-exercise .templatelist .box figure br { display:none;}
section.newshift-exercise .templatelist .box figure img { width:100%; display:inline-block; max-width:400px; border:solid 1px #ccc; }
section.newshift-exercise .templatelist .box h2 { font-weight:300; font-size:1.2em; margin:1em 0 1em; min-height:50px;}

section.newshift-exercise .templatelist .box .details { width:100%; float:left; }
section.newshift-exercise .templatelist .box a { font-size:.9em;}
section.newshift-exercise .templatelist .box .download { display:inline-block; background-color:rgb(0, 112, 184); color:#fff; text-decoration:none; padding:.25em 1em; min-width:9em; font-weight:300; margin:0 0 .5em; border-radius:25px;}
section.pdfbooklet .templatelist .box .download:before { font-family:'FontAwesome'; content: '\f019'; padding-right:10px;}



section.newshift-exercise .templatedetails { padding:2rem 0 0; display:flex; flex-wrap:wrap;  align-self: center; border-top:solid 1px #ccc; }
section.newshift-exercise .templatedetails .cta {text-transform:uppercase; display:inline-block; width:100%; max-width:250px; padding:5px; color:inherit; border:solid 1px #222; margin:0 auto 10px; background:#0078c4; background:#001C6F; color:#fff;  padding:10px;  border:none; border-radius:5px;}
section.newshift-exercise .templatedetails figure {margin:0 0 20px;}
section.newshift-exercise .templatedetails figure img {display:inline-block; border:solid 1px #ccc; }
section.newshift-exercise .templatedetails .leftcol {width:100%; max-width:50%; text-align:center;}
section.newshift-exercise .templatedetails .rightcol {width:100%; max-width:50%;  text-align:center;  align-self: center;}
section.newshift-exercise .templatedetails .rightcol { }
section.newshift-exercise .templatedetails img { max-height:370px; align-self: center; }




section.newshift-exercise .figurecol { width:100%;  max-width:25%; order:2;  }
section.newshift-exercise .copycol {width:100%;  max-width:75%; padding-right:2rem; order:1;}
section.newshift-exercise .figurecol figure { width:100%; max-width:100%;float:left;}
section.newshift-exercise .figurecol .link {width:100%; max-width:100%;float:left; text-align:center; }
section.newshift-exercise .figurecol figure img {display:inline-block; max-width:100%; height:auto; margin:0; padding:0;}
section.newshift-exercise .figurecol figure.book {text-align:center; padding:0px;}
section.newshift-exercise .figurecol figure.book img { max-width:180px; display:inline-block; }

section.newshift-exercise .figurecol a.cta { display:inline-block; width:100%; max-width:180px; padding:5px; color:inherit; border:solid 1px #222; margin:0 auto 10px; background:#0078c4;  color:#fff; border:none; padding:10px; border:none;border-radius:5px; font-size:.8em;}

section.newshift-exercise .figurecol a.cta-more { display:inline-block; width:100%; max-width:180px; padding:5px; color:inherit; border:solid 1px #222; margin:0 auto 10px; background:#0078c4; background:#001C6F; background:#f3002e; color:#fff;  padding:10px;  border:none; border-radius:5px; font-size:.8em;}





#exerciseTemplateNavWrap { width:100%; float:left; padding:60px 0 0; border-top:solid 1px #ccc;}

@media screen 
and (min-width : 0px) 
and (max-width : 991px) {
	section.newshift-exercise .figurecol,
	section.newshift-exercise .copycol { max-width:100%;}
	
	section.newshift-exercise .figurecol { order:1;}
	section.newshift-exercise .copycol {order:2; padding:0;}
	
	
	section.newshift-exercise .figurecol { text-align:center; }
	section.newshift-exercise .figurecol .link { margin:0 0 20px;}
	section.newshift-exercise .figurecol figure.book,
	section.newshift-exercise .figurecol .link { display:inline-block; float:none; padding:0;}
	
	
	section.newshift-exercise .templatedetails .leftcol,
	section.newshift-exercise .templatedetails .rightcol { max-width:100%; padding:0;}
	section.newshift-exercise .templatedetails .leftcol { margin-bottom:2rem;}
	section.newshift-exercise .templatedetails img { max-width:100%; max-height:auto; align-self: center; }
	
}



/* BOShift Exercise Template (Popup) - 8/9/2017 ================================ */


section.newshift-exercise-overlay { display:none; opacity:0; position:fixed; top:0; left:0; z-index:1040; width:100%; height:100%; color:#fff; text-align:center; 
background-color:#000; background-image:url(https://s3.amazonaws.com/blueoceanstrategy/about/tools/concept-bg.jpg);background-position:center center; background-size:cover; background-color:#111860; color:#222; background-image: url('https://s3.amazonaws.com/blueoceanstrategy/download/exercise-template/popup-bg.jpg'); color:#fff;}
section.newshift-exercise-overlay .center-wrapper {
	display:table;width:100%;height:100%;
}

section.newshift-exercise-overlay a.close { color:#fff; position:absolute; top:0; right:0; opacity:1; color:#000; color:#fff;}
section.newshift-exercise-overlay a.close:after { content:'\00D7'; font-size:2em; line-height:none; font-weight:normal; font-family:san-serif;}
		
section.newshift-exercise-overlay h2 { font-size:1.8em; line-height:1.2em; font-weight:300;}
section.newshift-exercise-overlay p { font-size:1.2em; font-style:italic; font-weight:300;}
section.newshift-exercise-overlay .center-content {
	display:table-cell;vertical-align:middle;width:100%;height:100%;
}
section.newshift-exercise-overlay .message { margin:2em 0 0;}


section.newshift-exercise-overlay section.form-wrap{
	position:relative;
	max-width:700px; margin:0 auto; padding:2em 0;
}
section.newshift-exercise-overlay section.form-wrap form {
	padding:2em; 
	max-width:400px; margin:0 auto;
}
section.newshift-exercise-overlay section.form-wrap input[type=text],
section.newshift-exercise-overlay section.form-wrap input[type=email],
section.newshift-exercise-overlay section.form-wrap input[type=password],
section.newshift-exercise-overlay section.form-wrap input[type=submit],
section.newshift-exercise-overlay section.form-wrap textarea {
	width:100%;padding:.5em;font-size:1em; border:solid 1px #ddd; background:#fff; color:#000; font-weight:normal;
}
section.newshift-exercise-overlay section.form-wrap input[type=submit] {
	color:#000;border:none;
	background:rgb(254, 242, 0);
	border:1px solid rgb(254, 242, 0);
	text-shadow : 0 1px 2px rgb(254, 242, 0);	
	background:#f3002e;	
	color:#fff;
	border:none;
	text-shadow:none; text-transform:uppercase; font-weight:normal;
}
section.newshift-exercise-overlay section.form-wrap .row {
	width:100%;margin:.5em 0;	
}
section.newshift-exercise-overlay section.form-wrap .error {font-size:.9em; color: #D8000C; line-height:1.2em; margin:2px 0 10px; border:none; font-weight:bold;}


section.newshift-exercise-overlay .skip { color:#aaa; text-decoration:underline;}



@media screen 
and (min-width : 0px) 
and (max-width : 736px) {
	section.newshift-exercise-overlay .center-content{ padding:20px;}
	section.newshift-exercise .templatelist .box { width:50%;}
}
@media screen 
and (min-width : 0px) 
and (max-width : 420px) {
	section.newshift-exercise .templatelist .box { width:100%;}
}






/**
Comment: Blue Ocean Newsletter  - 20180809
Design: 
Begin  ============================ **/	

section.bosnewsletter-0818 { max-width:800px; margin:0 auto;}
section.bosnewsletter-0818 figure { width:100%; display:inline-block; }
section.bosnewsletter-0818 figure img { width:100%; }
section.bosnewsletter-0818 form.newsletter-form {}
section.bosnewsletter-0818 form.newsletter-form br { display:none;}
section.bosnewsletter-0818 form.newsletter-form .row { display:inline-block; width:100%; margin:0 0 1rem;}


section.bosnewsletter-0818 form.newsletter-form input { order:1; border:none; border:solid 1px #7e7e7e; padding:.5rem 1rem; }
section.bosnewsletter-0818 form.newsletter-form input::-webkit-input-placeholder { text-transform:uppercase; font-weight:bold;}
section.bosnewsletter-0818 form.newsletter-form .label { font-size:.9rem; display:block; font-weight:bold; text-transform:uppercase;}
section.bosnewsletter-0818 form.newsletter-form input[type=text], 
section.bosnewsletter-0818 form.newsletter-form input[type=email]{ width:100%; color:#7e7e7e; background:none;}
section.bosnewsletter-0818 form.newsletter-form input[type=submit]{ width:100%; text-align:center; text-transform:uppercase;cursor:pointer; margin:0;}
section.bosnewsletter-0818 form.newsletter-form label.error { width:100%; flex:0 0 100%; order:2; font-size:.9rem; font-weight:750; padding: .5rem 0;}

section.bosnewsletter-0818  .return-cta { margin:3rem auto 5rem;}
section.bosnewsletter-0818  .return-cta .cta {margin:0;}

section.bosnewsletter-0818 .social-media-follow { width:100%; align-items: center; margin:10px auto; font-weight:bold;}
section.bosnewsletter-0818 .social-media-follow h3 {font-size:.9rem; display:block; font-weight:bold; text-transform:uppercase; margin:0 0 1rem;}
section.bosnewsletter-0818 .social-media-follow p { display:inline-block;}
section.bosnewsletter-0818 .social-media-follow a { min-width:160px; text-decoration:none; color:#fff;display:inline-block; padding:.5rem; text-align:center; border-radius:5px; vertical-align:middle;}
section.bosnewsletter-0818 .social-media-follow a svg { width:20px; max-height:18px;vertical-align:middle; display:inline-block; margin-right:5px; }
section.bosnewsletter-0818 .social-media-follow a span {display:inline-block; }

section.bosnewsletter-0818 .social-media-follow .fb {background:rgb(59, 89, 152);}
section.bosnewsletter-0818 .social-media-follow .twitter {background:rgb(0, 172, 237);}
section.bosnewsletter-0818 .social-media-follow .youtube {background:#cd1c1f;}
section.bosnewsletter-0818 .social-media-follow .linkedin {background:#4875B4;}


@media (max-width: 800px) { 
	
}



/**
Comment: Professors Signup 20190621
Design: https://www.blueoceanstrategy.com/professors/
Begin  ============================ **/	

section.bosnewsletter-0818 .activecampaign form { font-family: "Avenir W01" !important; padding:0 !important; margin:0 !important; width:100% !important;}
section.bosnewsletter-0818 .activecampaign form input { font-family: "Avenir W01" !important; font-size:1.1rem !important; font-weight:normal !important;  order:1; border:none !important; border:solid 1px #7e7e7e !important; padding:.5rem 1rem !important; border-radius:0 !important; }
section.bosnewsletter-0818 .activecampaign form input::-webkit-input-placeholder { text-transform:uppercase; font-weight:bold;}
section.bosnewsletter-0818 .activecampaign form ._form-label { font-size:.9rem !important; display:block; font-weight:bold !important; text-transform:uppercase !important;}
section.bosnewsletter-0818 .activecampaign form input[type=text], 
section.bosnewsletter-0818 .activecampaign form input[type=email]{ width:100%; color:#7e7e7e; background:none;}
section.bosnewsletter-0818 .activecampaign form input[type=submit]{ width:100% !important; text-align:center; text-transform:uppercase;cursor:pointer; margin:0;}
section.bosnewsletter-0818 .activecampaign form button._submit {font-family: "Avenir W01" !important; font-size:1.1rem !important; width:100% !important; }




/**
Comment: Blue Ocean Newsletter  - 20180809
End    ============================ **/	






/**
Comment: Blue Ocean Languages  - 20180810
Design: 
Begin  ============================ **/	


section.boslanguage-0818 {}
section.boslanguage-0818 .bos-language { width:100%; text-align:center; }
section.boslanguage-0818 .bos-language .list { list-style:none; margin:0 auto; padding:0; display:flex; flex-wrap:wrap; justify-content:start;}
section.boslanguage-0818 .bos-language .list li { flex:0 0 calc(12.5% - 1rem); margin:.5rem; position:relative; box-shadow:0 5px 10px 0 rgba(0,0,0,.25);}
section.boslanguage-0818 .bos-language .list li img { max-width:100%; width:100%;}
section.boslanguage-0818 .bos-language .list figure { margin:0;}
section.boslanguage-0818 .bos-language-links {}
section.boslanguage-0818 .bos-language-links br {display:none;}

section.boslanguage-0818 .bos-language .list .overlay { position:absolute; width:100%; height:100%; text-align:center; z-index:1; margin:0; padding:0; background:rgba(0,0,0,.8); cursor:pointer; transition: all 0.3s ease; opacity:0;}
section.boslanguage-0818 .bos-language .list li:hover .overlay {opacity:1;}
section.boslanguage-0818 .bos-language .list .overlay span { font-size:16px; color:#fff; font-weight:bold; text-transform:uppercase; position:relative; top:48%; transform: translateY(-48%); display:block; padding:10px;}


section.boslanguage-0818 .bosh-language {}
section.boslanguage-0818 .bosh-language .list {width:100%; float:left; position:relative;}
section.boslanguage-0818 .bosh-language .list .box {width:100%; max-width:calc(20% - 20px); float:left; position:relative; margin:10px; margin-bottom:20px; padding:0; box-shadow:0 5px 10px 0 rgba(0,0,0,.25);}
section.boslanguage-0818 .bosh-language .list .overlay { position:absolute; width:100%; height:100%; text-align:center; z-index:1; margin:0; padding:0; background:rgba(0,0,0,.8); cursor:pointer; transition: all 0.3s ease; opacity:0;}
section.boslanguage-0818 .bosh-language .list .box:hover .overlay {opacity:1;}
section.boslanguage-0818 .bosh-language .list .overlay h4,
section.boslanguage-0818 .bosh-language .list .overlay span { font-size:16px; color:#fff; font-weight:bold; text-transform:uppercase; position:relative; top:48%; transform: translateY(-48%); display:block; padding:10px;}

section.boslanguage-0818 .bosh-language .list figure {width:100%; float:left; min-height:180px; margin:0; display:inline-block; position:relative;}
section.boslanguage-0818 .bosh-language .list figure img { float:left; width:100%; display:block;}



@media (max-width: 991px) { 
	section.boslanguage-0818 .bos-language .list li {flex:0 0 calc(20% - 1rem); margin:.5rem;}
	section.boslanguage-0818 .bosh-language .list .box {max-width:calc(50% - 20px); }
}

@media (max-width: 544px) { 
	section.boslanguage-0818 .bos-language .list li {flex:0 0 calc(50% - 1rem); margin:.5rem;}
	section.boslanguage-0818 .bosh-language .list .box { max-width:100%;}
}

/**
Comment: Blue Ocean Languages  - 20180810
End    ============================ **/	








/**
Comment: Mobile Apps 20180813
Design: 
Begin  ============================ **/	


section.mobileapps-0818 {}
section.mobileapps-0818 .top {padding:2rem 0; margin:0 0 2rem;}
section.mobileapps-0818 .top .container { width:100%; display:flex; flex-wrap:wrap;}
section.mobileapps-0818 .top .lcol,
section.mobileapps-0818 .top .rcol { flex:0 0 50%; text-align:center; padding:0 1rem;}
section.mobileapps-0818 .top .lcol br,
section.mobileapps-0818 .top .rcol br {display:none;}
section.mobileapps-0818 .top .lcol img {max-width:200px;}
section.mobileapps-0818 .top .lcol a { display:inline-block;}
section.mobileapps-0818 .top .lcol { display:flex; flex-wrap:wrap; width:100%; align-items:center; justify-content:center;}
section.mobileapps-0818 .top .rcol img { max-width:150px;}
section.mobileapps-0818 .top .rcol figure { margin:0; display:inline-block; padding:0 .5rem;}

section.mobileapps-0818 .nav-tabs { color:inherit;}
section.mobileapps-0818 .nav-link {color:inherit;}
section.mobileapps-0818 .nav-link.active { font-weight:bold; }
section.mobileapps-0818 .tab-pane { padding:1rem  0 0;}

section.mobileapps-0818 .video-pane { padding:2rem 0; margin:0 0 2rem; }
section.mobileapps-0818 .video-pane .container {width:100%; display:flex; flex-wrap:wrap;}
section.mobileapps-0818 .video-pane .left-col {flex:0 0 32%;}
section.mobileapps-0818 .video-pane .right-col {flex:0 0 62%; padding-left:2rem;}
section.mobileapps-0818 a.app-store { display:inline-block;}
section.mobileapps-0818 a.app-store  img {display:inline-block;  max-height:60px;}


section.mobileapps-0818 .mobile-apps-owl { margin:1rem auto;}
section.mobileapps-0818 .mobile-apps-owl figure {padding:1rem; margin:1rem; box-shadow: 0px .25rem 1.5rem 0 rgba(0,0,0,0.3);}

@media (max-width: 991px) { 

	section.mobileapps-0818 .top .lcol,
	section.mobileapps-0818 .top .rcol { width: 100%; flex:0 0 100%; }
	section.mobileapps-0818 .top .lcol { margin:0 0 1rem;}
	section.mobileapps-0818 .top .rcol img { max-width:100px; padding:.5rem 0;}
	section.mobileapps-0818 a.app-store img {max-height:50px;}
	
	section.mobileapps-0818 .video-pane .left-col,
	section.mobileapps-0818 .video-pane .right-col {flex:0 0 100%;}
	section.mobileapps-0818 .video-pane .left-col { width:100%; text-align:center; margin:0  0 2rem;}
	
}

@media (max-width: 544px) { 
	section.mobileapps-0818 .nav-tabs .nav-item {width:100%; margin:0; text-align:center;}
	section.mobileapps-0818 .video-pane video { width:100%;}
}



/**
Comment: Mobile Apps 20180813
End    ============================ **/	







/**
Comment: Awards 20180820
Design: 
Begin  ============================ **/	

section.awards-0818 {}
section.awards-0818 .lcol { padding-right:2rem;}
section.awards-0818 .links {}
section.awards-0818 .links .cta { width:100%; max-width:350px; font-size:1rem; margin:0 auto 1rem;}

section.awards-0818 .awards-list { width:100%; list-style:none; margin:0; padding:0; }
section.awards-0818 .awards-list ul { width:100%; display:flex; flex-wrap: wrap; list-style:none; margin:0; padding:0;}
section.awards-0818 .awards-list li { flex-grow: 1; max-width:100%; flex:0 0 calc(25%); margin:0; text-align:center; position:relative; }
section.awards-0818 .awards-list figure {  position:relative; margin:0 .5rem 1rem; border:solid 1px #dcdcdc;}
section.awards-0818 .awards-list figure img { width:100%;}
section.awards-0818 .awards-list figure > p { padding:0; margin:0;}
section.awards-0818 .awards-list .box {  opacity:0; cursor:default; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; transition: all .2s ease-in-out;}  
section.awards-0818 .awards-list li:hover .box {  opacity:1; z-index:8001; display:block; transition: all .2s ease-in-out; background:rgba(0,0,0, .8);}

section.awards-0818 .awards-list div.inner-box { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#fff; width:100%; height:100%; text-align:center; padding:.5rem; font-size:1rem;}  

section.awards-0818 .awards-list .double { width:calc(200% + 1rem + 2px);}
section.awards-0818 .awards-list .double.right { right:0; left:auto;}

@media (max-width: 991px) { 
	section.awards-0818 .lcol { margin-bottom:1rem; padding:0;}
	section.awards-0818 .awards-list li {flex:0 0 calc(50%);}
	section.awards-0818 .awards-list figure img { width:auto;}
}

@media (max-width: 544px) { 
	section.awards-0818 .awards-list figure { margin:0 0 1rem;}
	section.awards-0818 .awards-list li {flex:0 0 calc(100%);}
	section.awards-0818 .awards-list div.inner-box { padding:1rem;}
	section.awards-0818 .awards-list .double { width:100%;}
	section.awards-0818 .awards-list div.inner-box { font-size:.9rem;}
	
	
}

/**
Comment: Awards 20180820
End    ============================ **/	



/**
Comment: BOSH National Development 20180821
Design: 
Begin  ============================ **/

section.boshnatdev-0818 {}
section.boshnatdev-0818 article.nation { width:100%; position:relative; float:left; text-align:left; padding:1rem 0; margin:1rem auto 0; border-bottom:solid 1px #ccc;}
section.boshnatdev-0818 article.nation:last-child { border:none; margin:0;}
section.boshnatdev-0818 article.nation figure { max-width:300px; float:left; text-align:center; }
section.boshnatdev-0818 article.nation figure > br { display:none; }
section.boshnatdev-0818 article.nation figure img { width:100%; max-width:300px; display:block; }

section.boshnatdev-0818 article.nation .content { width:calc(100% - 300px); float:right;  padding-left:2rem;}

section.boshnatdev-0818 article.nation .content h1 { margin:0 0 .5rem;  font-size:2rem; }	
section.boshnatdev-0818 article.nation .content h2 { margin:0 0 1rem; font-weight:300; font-size:1.4rem; }


section.boshnatdev-0818 article.nation .readmore,
section.boshnatdev-0818 article.nation .explore-cta { margin:1rem 0; color:inherit; display:inline-block; padding:.5rem .5rem; border:solid 1px #222; text-decoration:none; cursor:pointer; }
section.boshnatdev-0818 article.nation .explore-cta.collapsed:after { font-family:'Font Awesome 5 Free'; font-weight:900; font-size:1rem; line-height:1rem; padding:0 .25rem; margin-left:.5rem; content:'\f107'; display:inline-block;}
section.boshnatdev-0818 article.nation .explore-cta:after { font-family:'Font Awesome 5 Free'; font-weight:900; font-size:1rem; line-height:1rem; padding:0 .25rem; margin-left:.5rem; content:'\f106'; display:inline-block; }
section.boshnatdev-0818 article.nation .readmore:hover,
section.boshnatdev-0818 article.nation .explore-cta:hover { color:#0070b8; border:solid 1px #0070b8; }


section.boshnatdev-0818 article.nation .explore { width:100%; float:left; margin:0 0 2rem; border-bottom:dotted 1px #ccc; }


section.boshnatdev-0818 article.nation blockquote { padding:1em; font-size:.9em; border-left:5px solid #eee; font-style:italic;}
section.boshnatdev-0818 article.nation  blockquote .author{ font-style:normal; }
section.boshnatdev-0818 article.nation .content blockquote { text-align:left; font-size:1em;}
section.boshnatdev-0818 article.nation .content blockquote .author{ text-align:right;}


@media (max-width: 991px) { 
	section.boshnatdev-0818 article.nation figure { max-width:200px; }
	section.boshnatdev-0818 article.nation .content { width:calc(100% - 200px); }
}

@media (max-width: 544px) { 
	section.boshnatdev-0818 article.nation figure { width:100%; max-width:100%; text-align:center; margin:0 0 2rem; }
	section.boshnatdev-0818 article.nation figure img { display:inline-block;}
	section.boshnatdev-0818 article.nation .content { width:calc(100% ); padding:0;}
	
}


/**
Comment: BOSH National Development 20180821
End    ============================ **/	





/**
Comment: Resources 20180823
Design: 
Begin  ============================ **/

section.resources-0818 {}
section.resources-0818 .quick-links { display:flex; flex-wrap:wrap; list-style:none; margin:0; padding:0; }
section.resources-0818 .quick-links .box-shadow-hover {display:block; box-shadow: 0px .25rem 1.5rem 0 rgba(0,0,0,0.2);}
section.resources-0818 .quick-links .box-shadow-hover:hover { box-shadow: 0px .25rem 1.5rem 0 rgba(0,0,0,0.5);}

section.resources-0818 .quick-links li { flex:0 0 33.33%; padding:.5rem;}
section.resources-0818 .quick-links li figure { width:100%; position:relative; }
section.resources-0818 .quick-links li figure img { width:100%;}

section.resources-0818 .quick-links .content { width:100%; height:25%; display:flex; align-items:center; position:absolute; bottom:0; left:0; background:rgba(0, 0, 0, .8); text-align:center; color:#fff; z-index:1; }
section.resources-0818 .quick-links .content h2 { width:100%; font-weight:400; font-size:1.4rem; text-transform:uppercase; padding:1rem;}

section.resources-0818 .quick-links li figure:hover .overlay {opacity:1;}
section.resources-0818 .quick-links .overlay { opacity:0; z-index:2; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; position:absolute; bottom:0; left:0; background:rgba(0, 0, 0, .8); transition: all 0.3s ease 0s;}
section.resources-0818 .quick-links .overlay .col { width:100%; flex: 1 1 100%; padding:2rem; }
section.resources-0818 .quick-links .overlay .col a { width:100%; margin:.5rem auto; text-align:center; background:#fff;}
section.resources-0818 .quick-links .overlay .col a:hover {background:#1072bd;}


@media (max-width: 991px) { 
	section.resources-0818 .quick-links li { flex:0 0 50%; padding:.5rem;}
}

@media (max-width: 544px) { 
	section.resources-0818 .quick-links li { flex:0 0 100%; padding:0rem;}
}


section.resourcesarticle-0520 {}
section.resourcesarticle-0520 .header {text-align:center; margin:0 0 2rem;}
section.resourcesarticle-0520 .header figure {width:100%; max-width:300px;  position:relative; display:inline-block; box-shadow: 0px .25rem 1.5rem 0 rgba(0,0,0,0.2);}
section.resourcesarticle-0520 .header figure img {width:100%; max-width:100%;}
section.resourcesarticle-0520 .header .content { width:100%; height:25%; display:flex; align-items:center; position:relative; bottom:0; left:0; background:rgba(0, 0, 0, .8); text-align:center; color:#fff; z-index:1; }
section.resourcesarticle-0520 .header .content h2 { width:100%; font-weight:400; font-size:1.4rem; text-transform:uppercase; padding:1rem;}
section.resourcesarticle-0520 .header p {display:none;}


section.resourcesarticle-0520 .articles-wrap {}
section.resourcesarticle-0520 .articles-wrap article { margin:0 0 2rem; padding:2rem; box-shadow: 0px .25rem 1.5rem 0 rgba(0,0,0,0.2);}
section.resourcesarticle-0520 .articles-wrap article h1 {font-size:1.8rem; font-weight:750;}
section.resourcesarticle-0520 .articles-wrap article h2 {font-size:1.4rem; font-weight:300;}
section.resourcesarticle-0520 .articles-wrap article h3 {font-size:1.2rem; font-weight:300;}
section.resourcesarticle-0520 .articles-wrap article a {}

/**
Comment: Resources 20180823
End    ============================ **/	






/**
Comment: Blue Ocean Event 20180824
Begin  ============================ **/

section.boevents-0818 {}
section.boevents-0818 .highlight {}
section.boevents-0818 .highlight h2 { text-transform:uppercase; font-weight:300; display:inline-block;}
section.boevents-0818 .highlight h2.top { font-size:2.4rem; font-weight:bold; color:#0070b8;}
section.boevents-0818 .quick-links { display:flex; flex-wrap:wrap; list-style:none; margin:0; padding:0; justify-content:center;}
section.boevents-0818 .quick-links .box-shadow-hover {display:block; box-shadow: 0px .25rem 1.5rem 0 rgba(0,0,0,0.2);}
section.boevents-0818 .quick-links .box-shadow-hover:hover { box-shadow: 0px .25rem 1.5rem 0 rgba(0,0,0,0.5);}

section.boevents-0818 .quick-links li { flex:0 0 33.33%; padding:.5rem;}
section.boevents-0818 .quick-links li figure { width:100%; position:relative; }
section.boevents-0818 .quick-links li figure img { width:100%;}

section.boevents-0818 .quick-links .content { width:100%; height:25%; display:flex; align-items:center; position:absolute; bottom:0; left:0; background:rgba(0, 0, 0, .8); text-align:center; color:#fff; z-index:1; }
section.boevents-0818 .quick-links .content h2 { width:100%; font-weight:400; font-size:1.4rem; text-transform:uppercase; padding:1rem;}

section.boevents-0818 .quick-links li figure:hover .overlay {opacity:1;}
section.boevents-0818 .quick-links .overlay { opacity:0; z-index:2; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; position:absolute; bottom:0; left:0; background:rgba(0, 0, 0, .8); transition: all 0.3s ease 0s;}
section.boevents-0818 .quick-links .overlay .col { width:100%; flex: 1 1 100%; padding:2rem; }
section.boevents-0818 .quick-links .overlay .col a { width:100%; margin:0; text-align:center; background:#fff;}
section.boevents-0818 .quick-links .overlay .col a:hover {background:#1072bd;}


section.boevents-0818 .quick-links.new-01 {}
section.boevents-0818 .quick-links.new-01 li a {text-decoration:none;}
section.boevents-0818 .quick-links.new-01 li a p {display:none;}
section.boevents-0818 .quick-links.new-01 li {flex:0 0 50%; padding:1rem; }
section.boevents-0818 .quick-links.new-01 li .cta-more-wrap { margin:0 0 1rem;}
section.boevents-0818 .quick-links.new-01 li .cta-more-wrap .cta-text { font-size:1.2rem;}
section.boevents-0818 .quick-links.new-01 .content { height:auto; padding:2rem 0;background:none; position:relative;color:#222; background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/gray-waves-v.png"); background-size:cover; background-position:center center; background-repeat:no-repeat;}
section.boevents-0818 .quick-links .content h2 { background:#fff; width:auto; margin:0 auto; font-size:1.1rem; font-weight:750; border:solid 1px #000; padding:.75rem 1rem;}




section.boevents-0818.boevents-single .awards-carousel { width:100%; position:relative; margin:0 0 2rem; min-height:200px;}
section.boevents-0818.boevents-single .awards-carousel .overlay { position:absolute; width:100%; bottom:4rem; left:0; z-index:10; padding:2rem; color:#fff; text-shadow: 2px 2px 8px rgba(0, 0, 0, .5);}
section.boevents-0818.boevents-single .awards-carousel .owl-carousel { z-index:1;}
section.boevents-0818.boevents-single .awards-carousel .item {width:100%; float:left; }
section.boevents-0818.boevents-single .awards-carousel figure {width:100%; position:relative; margin:0;}
section.boevents-0818.boevents-single .awards-carousel figure img { max-width:100%; display:inline-block; float:left; }

section.boevents-0818.boevents-single .lcol { padding:1rem;}
section.boevents-0818.boevents-single .rcol { border:solid 1px #ccc; } 
section.boevents-0818.boevents-single .rcol p {display:none;}

section.boevents-0818.boevents-single .links { width:100%;}
section.boevents-0818.boevents-single .links .cta{ min-width:400px; max-width:100%;}

section.boevents-0818.boevents-single .cta-more-wrap { margin:0 0 1rem;}

section.boevents-0818.boevents-single .awards-carousel .overlay {background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(34,34,34,.75) 100%); bottom:2.5rem;}
section.boevents-0818.boevents-single .awards-carousel .overlay.single-slide {bottom:0;}


section.boevents-0818 .medium-video-wrap { max-width:800px; margin:2rem auto;}



section.boevents-0818 .event-1118 h2 {font-weight:normal;}
section.boevents-0818 .event-1118 .link img {width:100%; max-width:100%; display:inline-block;  border:solid 1px #aaa;  transition: all .2s ease-in-out;}
section.boevents-0818 .event-1118 .link img:hover {border:solid 1px #0070b8; box-shadow: 0px 1rem 1.5rem 1px rgba(0,0,0,0.2);}
section.boevents-0818 .event-1118 .learn-more {padding-top:1rem;}
section.boevents-0818 .event-1118 .learn-more img { margin:0 0 .5rem;}
section.boevents-0818 .event-1118 .learn-more figure { max-width:400px; vertical-align:top; margin:0 auto; padding:0 1rem; display:inline-block;}


section.boevents-0818 .event-1118 .past-list { position:relative; display:flex; flex-wrap:wrap; justify-content:start; margin:auto; max-width:1200px;}
section.boevents-0818 .event-1118 .past-list .box { width:100%; max-width:25%; display:inline-block; position:relative; color:#fff; padding:0 1rem; margin:1rem auto;  max-width:33.3%; flex: 0 0 33.3%; text-align:left;}
section.boevents-0818 .event-1118 .past-list .box p {display:none;}
section.boevents-0818 .event-1118 .past-list .box  a { width:100%; float:left; display:inline-block; position:relative; color:inherit;}
section.boevents-0818 .event-1118 .past-list .box:hover .hover { display:block;
	opacity:1; 
	transition: all .8s ease;
}
section.boevents-0818 .event-1118 .past-list .hover { width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;
	background:rgba(0,0,0, .4);
	transition: all .8s ease;
}
section.boevents-0818 .event-1118 .past-list .hover:after {  width:100%; height:100%; display:block; content:''; position:absolute; top:0; left:0; z-index:0; }
section.boevents-0818 .event-1118 .past-list .box:hover .hover { background:rgba(0,165,255, .9);  background:#0077c0;}
section.boevents-0818 .event-1118 .past-list .box:hover .hover:after {}
	

section.boevents-0818 .event-1118 .past-list .hover h2 { font-size:1.7rem; font-weight:300; margin:0;  text-transform:uppercase;  }

section.boevents-0818 .event-1118 .past-list .hover .copy { position:relative; z-index:1; padding:15px; padding:1rem; position:absolute;left:0; padding-top:0%; transform:translate(0,-50%); top:50%; transition: top .5s ease;}
section.boevents-0818 .event-1118 .past-list .box:hover .hover .copy { transform:translate(0,0%); top:10%; transition: top .5s ease; }
section.boevents-0818 .event-1118 .past-list .box:hover .hover .copy h2 {}

section.boevents-0818 .event-1118 .past-list .bg { padding-bottom:100%;  background:rgba(0,0,0, .1); }
section.boevents-0818 .event-1118 .past-list .bg figure { width:100%; float:left; margin:0;}
section.boevents-0818 .event-1118 .past-list .bg figure img { width:100%; display:block;}


section.boevents-0818 .event-1118 .gallery-list {position:relative; display:flex; flex-wrap:wrap; justify-content:start; margin:auto; max-width:1200px;}
section.boevents-0818 .event-1118 .gallery-list a {width:100%; max-width:25%; display:inline-block; position:relative; color:#fff; padding:0 1rem; margin-bottom:2rem;  max-width:25%; flex: 0 0 25%;}
section.boevents-0818 .event-1118 .gallery-list img { width:100%; display:block;}

@media (max-width: 991px) { 
	section.boevents-0818 .quick-links li { flex:0 0 50%; padding:.5rem;}
	
	section.boevents-0818.boevents-single .awards-carousel .overlay  { position:relative; color:inherit; text-shadow:none; bottom:0; padding:0; background:none;}
	
	section.boevents-0818 .event-1118 .gallery-list a {margin-bottom:1rem; padding:0 .5rem;  max-width:50%; flex: 0 0 50%;}
	section.boevents-0818 .event-1118 .past-list .box {max-width:100%; flex: 0 0 100%;}
	
	
	section.boevents-0818 .quick-links.new-01 li {flex:0 0 100%; padding:1rem; }
	
}

@media (max-width: 544px) { 
	section.boevents-0818 .quick-links li { flex:0 0 100%; padding:0rem;}
	section.boevents-0818.boevents-single .links .cta { min-width:auto; width:100%;}
}



/**
Comment: Blue Ocean Event 20180824
End    ============================ **/	






/**
Comment: Blue Ocean Leadership 20180907
Design: 
Begin  ============================ **/

section.boleadership-0918 { margin:0 auto;}
section.boleadership-0918 .standard .cta { padding:.5rem 3rem;}
section.boleadership-0918 .gray-bg {background:#f2f2f2;}
section.boleadership-0918 section.group { margin:2rem auto 2rem; padding:2rem 0;}
section.boleadership-0918 .top-copy { margin-top:2rem !important; padding:2rem 0; background:#f2f2f2;}

section.boleadership-0918 .top-copy .lcol { max-width:65%; display:flex; }
section.boleadership-0918 .top-copy .rcol { max-width:35%; text-align:center;}
section.boleadership-0918 .top-copy .rcol figure {max-width:220px; transform:rotate(10deg); margin:2rem auto;}

section.boleadership-0918 .top-copy .cta-more-wrap .cta {background:#f2f2f2;}
section.boleadership-0918 .top-copy .cta-more-wrap .cta:hover {background:#1072bd;}


/* Figure: Blue Ocean vs. Conventional Leadership Approaches */ 
section.boleadership-0918 figure.bovsconvleadership {max-width:1200px; width:100%; margin:0 auto; position:relative;}
section.boleadership-0918 figure.bovsconvleadership .versus { position:absolute; z-index:1; top:0; left:50%; min-width:4rem; margin-left:-2rem; text-align:center; font-size:3rem; font-weight:bold; padding:1.5rem 0;}
section.boleadership-0918 figure.bovsconvleadership table {  margin:0 auto; width:100%; text-align:center;}

section.boleadership-0918 figure.bovsconvleadership td { border:solid 1px #fff; width:50%;  padding:2rem 4rem; margin-bottom:1px;}
section.boleadership-0918 figure.bovsconvleadership .top .red {border-top:solid 4px #ff1600; border:none;}
section.boleadership-0918 figure.bovsconvleadership .top .blue {border-top:solid 4px #0077c0; border:none;}
section.boleadership-0918 figure.bovsconvleadership .body { border-bottom:solid 1px #fff;}
section.boleadership-0918 figure.bovsconvleadership .body .red {color:#fff; background:#ff1600;}
section.boleadership-0918 figure.bovsconvleadership .body .blue {color:#fff; background:#0077c0;}

/* Figure: Why you need Blue Ocean Leadership? */ 
section.boleadership-0918 figure.whyboleadership { position:relative;}
section.boleadership-0918 figure.whyboleadership .linkcta { position:absolute; bottom:10%; right:3rem;}

section.boleadership-0918 figure.whyboleadership .top { background:#e8fafe; padding:2rem; margin:0;}
section.boleadership-0918 figure.whyboleadership .top2 {font-weight:bold;margin:0;}
section.boleadership-0918 figure.whyboleadership .top2 .col-1 {width:100%; max-width:30%;  flex:0 0 30%; background:#d3f7fd; padding:2rem;}
section.boleadership-0918 figure.whyboleadership .top2 .col-2 {width:100%; max-width:50%;  flex:0 0 50%; background:#caebfa; padding:2rem;}
section.boleadership-0918 figure.whyboleadership .top2 .col-3 {width:100%; max-width:20%;  flex:0 0 20%; background:#68add9; padding:2rem;}
section.boleadership-0918 figure.whyboleadership .mid {margin:0;}
section.boleadership-0918 figure.whyboleadership .mid .col-3 { width:100%; flex:0 0 33.3%; max-width:33.33%; padding:2rem;}
section.boleadership-0918 figure.whyboleadership .mid .highlight { font-weight:bold; color:#68add9; text-decoration:underline;}
section.boleadership-0918 figure.whyboleadership .btm { background:#f2f2f2;}
section.boleadership-0918 figure.whyboleadership .btm .lcol,
section.boleadership-0918 figure.whyboleadership .btm .rcol { padding:2rem;}

/* Figure: How to put Blue Ocean Leadership into practice? */ 
section.boleadership-0918 figure.howboleadership {}
section.boleadership-0918 figure.howboleadership .lcol { color:#fff; background:#0073c1; padding:2rem;}
section.boleadership-0918 figure.howboleadership .rcol { background:#caebfa; background:none; padding:2rem;}
section.boleadership-0918 figure.howboleadership table { width:100%;}
section.boleadership-0918 figure.howboleadership table .count { width:20%; font-weight:bold;}
section.boleadership-0918 figure.howboleadership table td { padding:1rem 1rem 1rem;}
section.boleadership-0918 figure.howboleadership table tr { border-bottom:solid 1px #222;}
section.boleadership-0918 figure.howboleadership table tr:last-child {border:none;}



section.boleadership-0918 .bolextra {}
section.boleadership-0918 .bolextra .row {justify-content:space-between; }
section.boleadership-0918 .bolextra ul.dashed { list-style:none; padding-left:0;}
section.boleadership-0918 .bolextra ul.dashed a {color:inherit; display:inline-block; max-width:90%;}
section.boleadership-0918 .bolextra ul.dashed > li {  }
section.boleadership-0918 .bolextra ul.dashed > li:before {  display:inline-block; content: "-"; padding:0; padding-right:1rem; vertical-align:top;}
section.boleadership-0918 .bolextra .lcol { padding:2rem; background:#f2f2f2; background-image:url("https://s3.amazonaws.com/blueoceanstrategy/web2018/assets/bol-explore-in-depth-bg.jpg");  
background-position:bottom center;  background-size:cover;  background-repeat:no-repeat; padding-bottom:4rem; }
section.boleadership-0918 .bolextra .rcol { padding:2rem; background:#f2f2f2;}

section.boleadership-0918 .bolextra .lcol,
section.boleadership-0918 .bolextra .rcol { max-width:49%;}




/* Figure: Estimate the Cost of Disengaged Employees in Your Organization */ 
section.boleadership-0918 figure.costofdisengaged .calculator { width:100%; float:left; margin: 1em 0; }
section.boleadership-0918 figure.costofdisengaged .calculator td {padding:1em 1em;  }
section.boleadership-0918 figure.costofdisengaged .calculator .focus {background:#efefef; }
section.boleadership-0918 figure.costofdisengaged .calculator input,
section.boleadership-0918 figure.costofdisengaged .calculator label {  font-weight:normal; }
section.boleadership-0918 figure.costofdisengaged .calculator input { width: 40%; text-align:center; }
section.boleadership-0918 figure.costofdisengaged .calculator label {  padding-left:1em; min-width:120px; }
section.boleadership-0918 figure.costofdisengaged .calculator .col2 { width:30%; text-align:right; }
	
	
	







@media (max-width: 991px) { 

section.boleadership-0918 .top-copy .lcol,
section.boleadership-0918 .top-copy .rcol { max-width:100%; }
section.boleadership-0918 .top-copy .lcol  { order:2;}
section.boleadership-0918 .top-copy .rcol  { order:1; margin:0 0 2rem;}

section.boleadership-0918 figure.bovsconvleadership table { max-width:100%;}
section.boleadership-0918 figure.bovsconvleadership td { padding:1rem;}

section.boleadership-0918 .bolextra .lcol,
section.boleadership-0918 .bolextra .rcol { max-width:100%;}

section.boleadership-0918 figure.whyboleadership .linkcta { position:relative; width:100%; text-align:center; top:0; right:0;}
	
}

@media (max-width: 544px) { 
	section.boleadership-0918 figure.whyboleadership .top,
	section.boleadership-0918 figure.whyboleadership .top2 .col-1,
	section.boleadership-0918 figure.whyboleadership .top2 .col-2,
	section.boleadership-0918 figure.whyboleadership .top2 .col-3,
	section.boleadership-0918 figure.whyboleadership .mid .col-3,
	section.boleadership-0918 figure.whyboleadership .btm .lcol,
	section.boleadership-0918 figure.whyboleadership .btm .rcol {padding:1rem;}
	
	section.boleadership-0918 figure.whyboleadership .mid .col-3 { flex:0 0 100%; max-width:100%;}
	
	section.boleadership-0918 figure.bovsconvleadership table {font-size:1rem;}
	section.boleadership-0918 figure.bovsconvleadership table h4 {font-size:1rem;}
	
	section.boleadership-0918 figure.bovsconvleadership .top .red,
	section.boleadership-0918 figure.bovsconvleadership .top .blue { font-size:1rem; padding:1rem 1.5rem;}
	section.boleadership-0918 figure.bovsconvleadership .versus { font-size:2rem; padding:2rem 0;}
	
}



/**
Comment: Blue Ocean Leadership 20180907
End    ============================ **/	








/**
Comment: Blue Ocean Wisdom - 20180925
Design: 
Begin  ============================ **/	

section.boswisdom-0918 {}
section.boswisdom-0918 .wrap { max-width:100%; margin:0 auto; padding:0 2rem; padding:0;}
section.boswisdom-0918 .list { position:relative; display:flex; flex-wrap:wrap; justify-content:start; margin:auto -1rem;}
section.boswisdom-0918 .list .box { width:100%; display:inline-block; position:relative; color:#fff; margin-bottom:1rem;  max-width:33.3%; flex: 0 0 33.3%;}
section.boswisdom-0918 .list  p {display:none;}

section.boswisdom-0918 .list .box figure { width:100%; padding:0 1rem;}
section.boswisdom-0918 .list .box img { max-width:100%; display:inline-block;} 

@media screen 
and (min-width : 1600px) {
	section.boswisdom-0918 .wrap { max-width:1600px; }
	section.boswisdom-0918 .list .box { max-width:20%; max-width:25%;}
}



@media (max-width: 1200px) { 
	section.boswisdom-0918 .list { margin:0;}
	section.boswisdom-0918 .list .box {max-width:50%; flex:0 0 50%; }
	section.boswisdom-0918 .list .box figure { min-height:250px;}
}

@media (max-width: 544px) { 
	section.boswisdom-0918 .list .box {max-width:100%; flex:0 0 100%; padding:0; }
	section.boswisdom-0918 .list .box figure { min-height:250px;}
}


/**
Comment: Blue Ocean Wisdom
End    ============================ **/	









/**
Comment: BLUE OCEAN ONLINE TRAINING _ BANNER - 20191218
Design: 
Begin  ============================ **/	
section#DEC19BOONLINECOURSE {}
section#DEC19BOONLINECOURSE { font-size:1.1rem;}

section#DEC19BOONLINECOURSE .new-notice {position:relative;}
section#DEC19BOONLINECOURSE .new-notice:after {content:"NEW"; position:relative; top:-.8rem; right:-3px; font-size:1.1rem; font-weight:bold; color:#ff0000; }
section#DEC19BOONLINECOURSE .red-cta {background-color:#ff0000; color:#fff; border-color:transparent;}

section#DEC19BOONLINECOURSE .check-list {
	list-style:none;
	padding-left: 0;
}
section#DEC19BOONLINECOURSE .check-list li {
  background: url(https://blueoceanstrategy.s3.amazonaws.com/web2018/assets/bopractical/20191203/Blue+tick.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  padding: 5px 0px 10px 40px;
  background-size: 30px;
}

section#DEC19BOONLINECOURSE .check-list-small li {
	background-size: 40px;
	padding: 15px 0px 15px 50px;
}

section#DEC19BOONLINECOURSE.blue-ocean-bg {
  color:#fff;
  background: url(https://blueoceanstrategy.s3.amazonaws.com/web2018/assets/landing/blue-ocean.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size:cover;
}



#landing_20180629.landing_202005 .blue-ocean-bg {
  color:#fff;
  background: url(https://blueoceanstrategy.s3.amazonaws.com/web2018/assets/landing/blue-ocean.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size:cover;
}
#landing_20180629.landing_202005 .red-cta {background-color:#ff0000; color:#fff; border-color:transparent;}


#landing_20180629.landing_202005 figure.rating {width:100%; max-width:80%; text-align:center; padding:.5rem 0; background:none;  display:inline-block; color:#fff; border-radius:3px; margin:0;} 
#landing_20180629.landing_202005 figure.rating {}
#landing_20180629.landing_202005 figure.rating img {margin-bottom:5px;max-height:40px;}
#landing_20180629.landing_202005 figure.rating p { margin:0; font-style:italic;}



@media (max-width: 800px) { 
	#landing_20180629.landing_202005 .blue-ocean-bg {text-align:center;}
	#landing_20180629.landing_202005 figure.rating {margin:0 auto 2rem;}
}


@media (max-width: 576px) { 
	section#DEC19BOONLINECOURSE .mt-xs-0 { margin-top:0 !important;}
}

	/**
Comment: BLUE OCEAN ONLINE TRAINING _ BANNER
End    ============================ **/	
	
	
	
	
	
	
	



/**
Comment: Footer Section
Desc:
Date: 20180426
Begin ============================ **/	

footer { background:#f2f2f2; color:#7e7e7e; font-size:1rem;}
footer h3 { font-size:.9rem; font-weight:750; letter-spacing: .1rem; letter-spacing:0; border-bottom: #7e7e7e 1px solid; padding:0 0 .3rem; margin:0 0 .85rem;}


footer .footer-nav { padding-top:3rem; padding-bottom:3rem; flex-wrap:wrap;}
footer .footer-nav .l-feature { width:100%;max-width:60%; padding:0; justify-content:space-between;}
footer .footer-nav .r-feature {width:100%;max-width:40%; padding:0; justify-content:flex-end; padding-left:4rem;}
footer .footer-nav .r-feature .col { max-width:100%; padding:0;}
footer .footer-nav a { color:inherit; line-height:1.5rem; text-decoration:none;}

footer .footer-link { width:30%;}
footer .footer-link-expand { width:45%;}
footer .copyright { width:100%; max-width:60%; font-size:.8rem; font-weight:750; text-transform:uppercase; line-height:1.5rem; justify-content:space-between; margin-top:-1.5rem !important;}



footer .copyright .lcol {}
footer .copyright .rcol { margin-left:auto!important;}
footer .copyright .sep { display:inline; padding:0 .25rem;}

footer .r-feature-wrap { width:100%; max-width:100%;  justify-content:space-between;}
footer .r-feature-btm-wrap { width:100%; max-width:100%; display:flex; justify-content:space-between;}
footer form.footer-newsletter { color:inherit; margin:0 0 40px; width:100%; display:flex; flex-wrap:wrap; }
footer form.footer-newsletter input { order:1; color:#7e7e7e; font-size:.8rem; background:none; border:none; border:solid 1px #7e7e7e; padding: 1em 1em;}
footer form.footer-newsletter input::-webkit-input-placeholder { text-transform:uppercase; font-weight:bold;}
footer form.footer-newsletter input[type=text], footer form input[type=email]{ width:100%; max-width:calc(100% - 120px);}
footer form.footer-newsletter input[type=submit]{  text-align:center; text-transform:uppercase;font-weight:bold; padding: 1em 0; width:100%; max-width:85px; cursor:pointer;}
footer form.footer-newsletter input[type=submit] { max-width:20%;}
footer form.footer-newsletter label.error { width:100%; flex:0 0 100%; order:2; font-size:.9rem; font-weight:750; padding: .5rem 0;}


footer form.footer-newsletter .name_input { max-width:26% !important; margin-right:2%; }
footer form.footer-newsletter .email_input { max-width:50% !important; }

footer .twitter-card { max-width:70%; overflow-wrap:break-word; max-width:100%;}
footer .twitter-card .timePosted { margin:0; font-size:10px; font-weight:750; text-transform:uppercase; line-height:1.5rem;}
footer .social-share { max-width:30%; text-align:right;}
footer .social-share a { width:100%; max-width:36px; display:inline-block; border:solid 1px #7e7e7e; padding:5px; text-align:center;margin-top:15px; margin-left:10px; }

/*footer .social-share  a:before {line-height:35px; font-family:'FontAwesome'; font-size:1.2em; }
footer .social-share  .fb:before {content:'\f39e';}
footer .social-share  .tweet:before {content:'\f099';}
footer .social-share  .linkedin:before {content:'\f0e1';}
footer .social-share  .google-plus:before {content:'\f0d5';}
footer .social-share  .instagram:before {content:'\f16d';}
footer .social-share  .youtube:before {content:'\f16a';}*/


footer .social-share a svg { max-height:18px;vertical-align:middle; }

footer .social-share-wrap { justify-content:space-between;}

footer .footer-nav .gtm_linkedin_follow_btn {padding:.5rem 0;}






footer.newlayer { padding:0 0 2rem;}
footer.newlayer .container { justify-content:space-between;}
footer.newlayer .copyright { width:100%; max-width:60%; margin:0 !important; padding-top:.75em;}
footer.newlayer .copyright a { color:inherit; }
footer.newlayer .social-share { width:100%; max-width:35%; text-align:right;}
footer.newlayer .social-share a { color:inherit; width:100%; max-width:36px; display:inline-block; border:solid 1px #7e7e7e; padding:5px; text-align:center; margin:0; margin-left:10px; margin-bottom:10px;}




@media (max-width: 1280px) { 

	footer form.footer-newsletter .name_input { max-width:100% !important; margin-right:0; margin-bottom:4px; }
	footer form.footer-newsletter .email_input { max-width:100% !important; margin-bottom:4px; }
	footer form.footer-newsletter input[type=submit] { width:100%; max-width:100%;}
	
	
}



@media (max-width: 1200px) { 

	footer .footer-nav {justify-content:space-between; }
	footer .footer-nav .r-feature {max-width:40%;}
	footer .r-feature-wrap { max-width:100%; display:inline-block !important;}
	footer .r-feature-btm-wrap { max-width:100%;}
	footer .r-feature-btm-wrap {display:inline-block !important;}
	footer .twitter-card,
	footer .social-share {width:100%; max-width:100%; display:inline-block !important; text-align:left;}
	footer .twitter-card { margin:0 0 1rem;}
	footer .social-share-wrap { margin-left:0 !important;}
	footer .social-share a { margin:0; margin-right:.5rem;}
	footer .copyright { max-width:100%; display:inline-block !important; margin-top:1rem !important;}
	
}

@media (max-width: 800px) { 
	footer { display:flex; font-size:.9rem;}
	footer h3  { font-size:1rem;}
	
	footer .footer-link { width:100%;}
	
	
	footer .footer-nav { padding: 2rem 1rem; display:inline-block !important;}
	footer .footer-nav .l-feature,
	footer .footer-nav .r-feature { max-width:100%; margin:0 0 2rem;}
	footer .footer-nav .r-feature { justify-content:normal !important; padding:0;}
	footer .copyright { max-width:100%; font-size:.7rem; display:inline-block !important; margin-top:2rem !important;}
	
	footer.newlayer .container { display:inline-block !important;}
	footer.newlayer .copyright { margin:0 0 1rem !important;}
	footer.newlayer .copyright,
	footer.newlayer .social-share { max-width:100%; text-align:center; display:inline-block;} 
}

/**
Comment: Footer Section
End    ============================ **/	




/**
Comment: Newsletter Lock Page
Desc:
Date: 20180817
Begin ============================ **/	

dialog.newsletter-lockpage { display:none; width:100vw; height:100vh;  position:fixed; top:0; left:0; z-index:8001; background-color:rgba(0, 0, 0, .8); padding:0;}
dialog.newsletter-lockpage .row { margin:0; display:inline-block;}
dialog.newsletter-lockpage .center-dialog {width:100vw; height:100vh;  display:flex; align-items:center; justify-content:center; }
dialog.newsletter-lockpage .center-content {  width:100%; max-width:800px; text-align:center; background:#fff; padding:2rem; position:relative;}
dialog.newsletter-lockpage .center-content h2 { font-size:1.8rem; font-weight:300;}
dialog.newsletter-lockpage form.newsletters-form { margin:1rem auto; max-width:400px;}
dialog.newsletter-lockpage form.newsletters-form input { width:100%; padding:.5rem; border:none;  margin-bottom:.5rem;}
dialog.newsletter-lockpage form.newsletters-form input[type=submit] {cursor:pointer; }
dialog.newsletter-lockpage .close-link {position:absolute; top:0; right:0; background:none; border:none; cursor:pointer; }
dialog.newsletter-lockpage form.newsletters-form label.error { font-size:1rem; font-weight:bold; color:#D8000C; margin-bottom: .5rem;}

dialog.newsletter-lockpage.bos-tools { background-image:url(https://s3.amazonaws.com/blueoceanstrategy/about/tools/concept-bg.jpg); background-position:center center; background-size:cover;}
dialog.newsletter-lockpage.bos-tools .center-content { color:#fff; background:none;}
dialog.newsletter-lockpage.bos-tools .top { margin:0 auto; max-width:600px;}
dialog.newsletter-lockpage.bos-tools .close-link { color:#fff;}
dialog.newsletter-lockpage.bos-tools form.newsletters-form input[type=submit] { background:rgba(254, 242, 0, 1);}

dialog.newsletter-lockpage.exercisetemplate { background-image:url(https://s3.amazonaws.com/blueoceanstrategy/download/exercise-template/popup-bg.jpg); background-position:center center; background-size:cover;}
dialog.newsletter-lockpage.exercisetemplate .center-content { color:#fff; background:none;}
dialog.newsletter-lockpage.exercisetemplate .top { margin:0 auto; max-width:700px;}
dialog.newsletter-lockpage.exercisetemplate .close-link { color:#fff;}
dialog.newsletter-lockpage.exercisetemplate form.newsletters-form input[type=submit] { background:#f3002e; color:#fff;}


@media (max-width: 991px) { 

	dialog.newsletter-lockpage .center-content { max-width:100%; margin:3rem; padding:1rem; margin-left:2rem;}
	dialog.newsletter-lockpage .center-content h2 { font-size:1.4rem; font-weight:300;}
	dialog.newsletter-lockpage.bos-tools .top { margin:0 auto; max-width:85%;}
}

@media (max-width: 544px) { 

	dialog.newsletter-lockpage .center-content h2 { font-size:1.2rem; font-weight:300;}
	dialog.newsletter-lockpage form.newsletters-form input  { font-size:1rem;}
}

/**
Comment: Newsletter Lock Page
End    ============================ **/	








/* -------------- preloader -------------- */

.preloader:before{
	content: "";
	position: absolute;
	top: 0px;
	left: -25px;
	height: 12px;
	width: 12px;
	border-radius: 12px;
	-webkit-animation: preloaderg 3s ease-in-out infinite;
			animation: preloaderg 3s ease-in-out infinite;
}

.preloader{
	position: relative;
	width: 12px;
	height: 12px;
	top: 46%;
	left: 46%;
	border-radius: 12px;
	-webkit-animation: preloaderm 3s ease-in-out infinite;
			animation: preloaderm 3s ease-in-out infinite;
}


.preloader:after{
	content: "";
	position: absolute;
	top: 0px;
	left: 25px;
	height: 10px;
	width: 10px;
	border-radius: 10px;
	-webkit-animation: preloaderd 3s ease-in-out infinite;
			animation: preloaderd 3s ease-in-out infinite;
}




@-webkit-keyframes preloaderg{
	0%{background-color: rgba(0, 0, 0, .2);}
	25%{background-color: rgba(0, 0, 0, 1);}
	50%{background-color: rgba(0, 0, 0, .2);}
	75%{background-color: rgba(0, 0, 0, .2);}
	100%{background-color: rgba(0, 0, 0, .2);}
}
@keyframes preloaderg{
	0%{background-color: rgba(0, 0, 0, .2);}
	25%{background-color: rgba(0, 0, 0, 1);}
	50%{background-color: rgba(0, 0, 0, .2);}
	75%{background-color: rgba(0, 0, 0, .2);}
	100%{background-color: rgba(0, 0, 0, .2);}
}

@-webkit-keyframes preloaderm{
	0%{background-color: rgba(0, 0, 0, .2);}
	25%{background-color: rgba(0, 0, 0, .2);}
	50%{background-color: rgba(0, 0, 0, 1);}
	75%{background-color: rgba(0, 0, 0, .2);}
	100%{background-color: rgba(0, 0, 0, .2);}
}
@keyframes preloaderm{
	0%{background-color: rgba(0, 0, 0, .2);}
	25%{background-color: rgba(0, 0, 0, .2);}
	50%{background-color: rgba(0, 0, 0, 1);}
	75%{background-color: rgba(0, 0, 0, .2);}
	100%{background-color: rgba(0, 0, 0, .2);}
}

@-webkit-keyframes preloaderd{
	0%{background-color: rgba(0, 0, 0, .2);}
	25%{background-color: rgba(0, 0, 0, .2);}
	50%{background-color: rgba(0, 0, 0, .2);}
	75%{background-color: rgba(0, 0, 0, 1);}
	100%{background-color: rgba(0, 0, 0, .2);}
}
@keyframes preloaderd{
	0%{background-color: rgba(0, 0, 0, .2);}
	25%{background-color: rgba(0, 0, 0, .2);}
	50%{background-color: rgba(0, 0, 0, .2);}
	75%{background-color: rgba(0, 0, 0, 1);}
	100%{background-color: rgba(0, 0, 0, .2);}
}