/****************************** 
PHONE SPECIFIC
******************************/
.inner-left-page, .inner-right-page { display:block; width:95%; padding:0 2.5%; }
.phone-feature-margin { margin-bottom: 25px; width: 100%; float:left; display: block; }
body::-webkit-scrollbar { display: none; }
.margin-top-1 { margin-top:150px !important; }
.margin-top-2 { margin-top:210px !important; }


/****************************** 
EXADATA SPECIFIC
******************************/
.arrow-list p { text-transform:uppercase; }
.brightcove { float:left; width:100%; }
.arrow-list { margin:0 auto; width:90%; }
.brightcove .brightcove-info-subtitle { font-size:0.8em; }
.brightcove .video-backdrop-info { float:left; margin-bottom:8px; }
.video-special-3, .video-special-4, .video-special-5, .video-special-6, .video-special-7 { margin-bottom:15px; }
.stacked-video .video-backdrop-overlay, .stacked-video .video-backdrop-2 { float:left; }
.psmargin { margin-bottom:20px; }
.psmargin-2 { margin-top:20px; }
.psmargin-3 { margin-top:15px; }
.icon-large-wrap { float:left; }
.narrow-p-3 { padding-left:25px; width:90%; }
.arrow-list-2 { margin-left:20px; float:left; margin-top:15px; }
.spacing { height:20px; }
.tooltipster-base { max-width:100% !important; word-wrap: break-word; }

/****************************** 
FONTS
******************************/
h1 { font-size:1.75em /*28px*/; font-weight:bold; /*using*/ }
h2 { font-size:1.375em /*22px*/; font-weight:normal; /*book title*/ }
h3 { font-size:0.875em /*14px*/; font-weight:normal; /*using*/ }
h4 { font-size:1.25em /*20px*/; font-weight:bold; /*using*/ }
h6 { font-size:1.125em /*18px*/; font-weight:bold; /*book title*/ }
/*h6 { font-size:1em; font-weight:normal; }*/

p, li { font-size:1em; line-height:1.45em; }
p { padding-bottom:22px; }
p.paragraph-header { font-weight:bold; }

.inner-page-right h6,
.inner-page-left h6 { padding-bottom: 10px;}


/****************************** 
HEADER
******************************/
#header-fixed { float:left; width:100%; height:80px; position:fixed; z-index:100; }
#running-header { width:100%; float:left; background:rgba(255,255,255,.85); display:none; }
p.running-chapter { font-size:.75em; color:#7f7f7f; display:inline-block; margin-left:2.33%; padding:2px 0 2px 10px; }
header { width:100%; display:block; height:80px; float:left; background: rgb(238,238,238);
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(254,254,254,1)));
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fefefe',GradientType=0 );
-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}

.get-company-logo { float:left; display:inline-block; padding-top:0px; margin-left:2.3%;}
img.oracle-badge { width:100%; }
/*
img.oracle-badge { width:96px; height:34px; margin-left:10%; float:left;
-webkit-box-shadow: 0 0px 4px 0 rgba(0,0,0,.4);
box-shadow: 0 0px 4px 0 rgba(0,0,0,.4); }
*/

.dropdown-wrap { width:90px; float:right; display:inline-block; margin-top:31px; }

.navigation-TOC a:hover, 
.navigation-TOC a:active,
.navigation-download a:hover,
.navigation-download a:active { opacity:.7; }

.navigation-download { width:13px; display:inline-block; float:left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.navigation-download svg { width:13px; height:18px; }

.TOC-page { float:right !important; }

.navigation-TOC { width:29px; display:inline-block; float:right; margin-top:-1px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.navigation-TOC svg { width:29px; height:20px; }


/****************************** 
FRONT COVER
******************************/

.cover-text { position:absolute; bottom:4%; display:block; color:#fff; }
.cover-text h1 { font-size:1.4em; width:300px; }
.cover-text h6 { font-size:0.7em; }
.eng-logo {  position: absolute; top: 104px; left: 20px; }
li.cover { padding-top:0 !important; }
.cover_container { margin-top: 34px; width:100%; background-image:url(../images/cover_tablet_landscape.jpg); background-size:cover; background-position:center; }
	
a .cover-front-caret { width:70px; height:62px; margin:0px 28px 0 0; border:transparent 1px solid; position:absolute; bottom:30px; right:0; 
background-repeat:no-repeat; 
background-size:17px 25px; 
background-position:center; 
background-color:#ccc;
background-color:rgba(255,255,255,.75);
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMjIuOXB4IiB2aWV3Qm94PSIzMCAxOS41NDkgMTYgMjIuOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAzMCAxOS41NDkgMTYgMjIuOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSaWdodF9BcnJvdyI+CjwvZz4KPGc+Cgk8cG9seWdvbiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9IjM4LDQyLjQgMzAsNDIuNCAzOCwzMS40IDMwLDE5LjUgMzgsMTkuNSA0NiwzMS40Ii8+CjwvZz4KPC9zdmc+"); }

a:hover .cover-front-caret,
a:active .cover-front-caret { border:#fff 1px solid; background-color:#000; background-color:rgba(255,255,255,1); margin:2px 28px 0 0; }


/****************************** 
TABLE OF CONTENTS
******************************/
.TOC-intro { }
#get-page-TOC { padding-top:14px; }
.TOC-intro p { font-size:.75em; padding:22px 0 0 !important; color:#7F7F7F !important; }

.TOC-block { width:100%; display:block; float:left; border-bottom:#7F7F7F solid 1px;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding-top:5px; }
.TOC-block a { color:black; text-decoration:none; }

.preview-wrap { width:calc(100% - 90px); display:inline-block; float:left; padding:0px 0 0; font-size:0.875em; overflow:hidden; color:black; }
/*.preview-wrap p { padding-bottom:14px; }*/
.chap-icon, .chap-icon-modal { width:80px; height:80px; display:inline-block; margin-left:10px; float:left;
background-repeat:none;
background-size:80px auto; }

.TOC-img-1, .TOC-img-2, .TOC-img-3, .TOC-img-4, .TOC-img-5, .TOC-img-6, .TOC-img-7, .TOC-img-8, .TOC-img-9, .TOC-img-10, .TOC-img-resources { margin-top:4px; background-repeat:no-repeat; background-size:60px 60px; padding-bottom:22px; }

.TOC-img-1 { background-image:url(../images/phone_thumb_1.jpg); }
.TOC-img-2 { background-image:url(../images/phone_thumb_2.jpg); }
.TOC-img-3 { background-image:url(../images/phone_thumb_3.jpg); }
.TOC-img-4 { background-image:url(../images/phone_thumb_4.jpg); }
.TOC-img-5 { background-image:url(../images/phone_thumb_5.jpg); }
.TOC-img-6 { background-image:url(../images/phone_thumb_6.jpg); }
.TOC-img-7 { background-image:url(../images/phone_thumb_7.jpg); }
.TOC-img-resources { background-image:url(../images/phone_thumb_resources.png) ;}


.resources-block { width:100%; display:block; float:left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  }
.resources-block a { color:#000; text-decoration:none;  }

li#scroll-top-TOC h6,
.remodal h6 { width:100%; display:block; margin:10px 0 5px; }

li#scroll-top-TOC h6 span,
.remodal h6 span { color:black; font-weight:bold; }
	

/* New Chapter */
.new-chap-left, .new-chap-right { display: inline-block; float: left; }
.new-chap-left { width: 65%; padding-right: 2.5%; }
.new-chap-right { width:30%; padding-left: 2.5% }
.main-text h1, .main-text h3, .row h4 { display:block; float:left; width:100%; }
.main-text h3, .main-text h1 { color:black; }

.main-text h3 { line-height:0.875em; padding-bottom:7px; }
.main-text h1 { padding-bottom:18px; line-height:1.05em; }
.row h4 { line-height:1.05em; color:black; padding-bottom:10px; }

.main-text p.drop-cap:first-letter { float:left; color:#688FCF; font-size:3em; padding-top:13px; padding-right:3px;  font-weight:bold; margin-left:-2px; }
@-moz-document url-prefix() {
	.main-text p.drop-cap:first-letter {
		padding-top:5px;
	}
}

.margin-rect { background:#B0C3C8; width:100%; display: block; float: left; margin-top: 14px; position: relative;}


/****************************** 
LAYOUT
******************************/
.container { width:100%; max-width:736px; min-width:320px; margin:0 auto; }
.row { display:block; width:95%; margin:0 2.5%; }
.row:after { clear:both; content:""; display:table; }

.first-row { margin-top:25px; }

.full-width { width:100%; float:left; display:block; }
.full-width:after { clear:both; content:""; display:table;}

.background-gray { background:#ededed; }
.main-text-bottom { clear:both; padding-top:15px; }


/****************************** 
INLINE GRAPHICS
******************************/
img.oracle_exadata { margin:0 auto 30px; width:90%; }
img.intel-xeon { float:left; margin:6px 15px 0 0 }
img.exadata-machine { float:right; margin:0 35px 10px; width:14.5%; }
img.consolidation { display:none !important; }
img.engineered_system { margin:-50px auto 30px; }
img.customer_first { float:right; margin:0 15px 0 20px; width:150px; }
img.x_tower { float:left; margin:5px 20px 0 0; width:80px; padding-bottom:20px; }
img.oracle_vm { display:none !important; }

.page-21-part1 p { z-index:1; position:relative; }
img.engineered_system { z-index:0; }


/****************************** 
HYPE GRAPHICS
******************************/


/****************************** 
LISTS
******************************/
/*List 1*/
.container ul.list-1 { list-style:none; display:block; font-size:.95em; }
.container ul.list-1 li { padding:0px 0 1px 34px;  
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjExLjlweCIgaGVpZ2h0PSIxMC4ycHgiIHZpZXdCb3g9IjAgMCAxMS45IDEwLjIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExLjkgMTAuMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iIzVmNWY1ZiIgZD0iTTcuNiAzLjlIMC4xdjIuNWg3LjVsLTMuOCAzLjhoMy41TDExLjUgNmMwLjItMC4yIDAuNC0wLjUgMC40LTAuOXMtMC4xLTAuNi0wLjQtMC45TDcuNCAwLjFIMy45TDcuNiAzLjl6Ii8+CjwvZz4KPC9zdmc+Cg==");
background-repeat:no-repeat;
background-position:10px 6px; }

.container ul.list-1 li:nth-child(even) { background-color:#dce3e4; }


/*List 2*/
.container .list-2-wrap { width:100%; display:block; float:left; margin-bottom:40px; }
.container .list-2-left, .list-2-right { width:47.5%; float:left; display:inline-block; }
.container .list-2-left { margin-right:5%; }

.container ul.list-2 { list-style:none; display:block; font-size:.95em; }
.container ul.list-2 li { padding:0px 0 1px 34px; color:black; 
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjExLjlweCIgaGVpZ2h0PSIxMC4ycHgiIHZpZXdCb3g9IjAgMCAxMS45IDEwLjIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExLjkgMTAuMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iIzVmNWY1ZiIgZD0iTTcuNiAzLjlIMC4xdjIuNWg3LjVsLTMuOCAzLjhoMy41TDExLjUgNmMwLjItMC4yIDAuNC0wLjUgMC40LTAuOXMtMC4xLTAuNi0wLjQtMC45TDcuNCAwLjFIMy45TDcuNiAzLjl6Ii8+CjwvZz4KPC9zdmc+Cg==");
background-repeat:no-repeat;
background-position:10px 6px; }

.container ul.list-2 li:nth-child(even) { background-color:#dce3e4; }
.container ul.list-2 li:first-child { background-image:none; padding:0px 0 7px 10px; font-size:.9em; font-weight:bold; }


/*List 3*/
.container ul.list-3 { display:block; list-style:none; }
.container ul.list-3 li { font-size:1em; margin:0 0 24px 7%; padding:0 0 0 32px; width:93%; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTMuNjUycHgiIHZpZXdCb3g9IjAgMCAxNiAxMy42NTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDEzLjY1MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iI0IwQzNDOCIgZD0iTTEwLjEzIDUuMTMySDB2My4zNzdoMTAuMTNsLTUuMTM0IDUuMTMxaDQuNzI4bDUuNjczLTUuNjcxYzAuMjcxLTAuMjcxIDAuNTQxLTAuNjc2IDAuNTQxLTEuMjE2IHMtMC4xMzYtMC44MTEtMC41NDEtMS4yMTZMOS44NTkgMEg1LjEzMkwxMC4xMyA1LjEzMnoiLz4KPC9nPgo8L3N2Zz4K");
background-repeat:no-repeat;
background-position:left 4px;
background-size:16px 15px }
 
 
/*List 4*/
.container ul.list-4 { background:#b0c3c8; width:100%; display:block; float:left; list-style:none; padding:0 0 20px 0; }
.container ul.list-4 li { border-bottom:#d0dbde 1px solid; margin:0 12.3% 0 6.7%; width:81%; padding:14px 0 14px 34px; font-size:1em; color:#46575e; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMTcuMTA1cHgiIHZpZXdCb3g9IjAgMCAyMCAxNy4xMDUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDE3LjEwNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEyLjY4OCA2LjQyOUgwdjQuMjNoMTIuNjg4bC02LjQzIDYuNDI3aDUuOTIxbDcuMTA1LTcuMTA0YzAuMzM5LTAuMzM5IDAuNjc4LTAuODQ2IDAuNjc4LTEuNTIyIHMtMC4xNy0xLjAxNS0wLjY3OC0xLjUyMkwxMi4zNSAwSDYuNDI5TDEyLjY4OCA2LjQyOXoiLz4KPC9nPgo8L3N2Zz4K");
background-repeat:no-repeat;
background-position:left center; }


/*List 5*/
.container ul.list-5 { color:#5f5f5f; margin-left:3.7%; width:96.3%; font-size:1em; list-style:none; }
.container ul.list-5 li { line-height:1.3em; border-bottom:#ccc solid 1px; padding:11px 0 14px; }


/*List 6*/
.container ul.list-6 { display:block; list-style:none; }
.container ul.list-6 li { font-size:.875em; margin:0 7% 17px 6.5%; line-height:1.25em; width:86.5%; padding:0 0 0 32px;
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTMuNjUycHgiIHZpZXdCb3g9IjAgMCAxNiAxMy42NTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDEzLjY1MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iI0IwQzNDOCIgZD0iTTEwLjEzIDUuMTMySDB2My4zNzdoMTAuMTNsLTUuMTM0IDUuMTMxaDQuNzI4bDUuNjczLTUuNjcxYzAuMjcxLTAuMjcxIDAuNTQxLTAuNjc2IDAuNTQxLTEuMjE2IHMtMC4xMzYtMC44MTEtMC41NDEtMS4yMTZMOS44NTkgMEg1LjEzMkwxMC4xMyA1LjEzMnoiLz4KPC9nPgo8L3N2Zz4K");
background-repeat:no-repeat;
background-position:left 2px;
background-size:16px 15px; }


/*List 7*/
.container ul.list-7 { display:block; list-style:none; float:left; width:100%; margin-bottom:10px; }
.container ul.list-7 li { margin:0 0 4px 8%; width:92%; padding:0; }
.container ul.list-7 li:first-child { margin-left:4%; font-weight:bold; color:#8da6b1 }


/*List 8*/
.container ol li { padding:0 !important; }
.container ol.list-8 { display: block; float: left; width: 100%; margin-bottom: 20px; }
.container ol.list-8 li { margin: 0 8% 0 11%; color:#7F7F7F;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.container ol.list-8 .list-8-odd { background: #ededed;  padding: 25px 0; }
.container ol.list-8 .list-8-even { background: #DCE3E4; padding: 25px 0; } 

/* List 9 */
ul.list-9 { color: #5F5F5F; margin: 5px 0 0 -0.3%; width: 96.3%; font-size: 1em; list-style: outside none none; }
ul.list-9 li { line-height: 1.3em; border-bottom: 1px solid #CCC; padding: 0px 0px 12px 28px !important; font-size: 0.9375em; margin: -5px 7% 17px 6.5%; width: 86.5%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTMuNjUycHgiIHZpZXdCb3g9IjAgMCAxNiAxMy42NTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDEzLjY1MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iI0IwQzNDOCIgZD0iTTEwLjEzIDUuMTMySDB2My4zNzdoMTAuMTNsLTUuMTM0IDUuMTMxaDQuNzI4bDUuNjczLTUuNjcxYzAuMjcxLTAuMjcxIDAuNTQxLTAuNjc2IDAuNTQxLTEuMjE2IHMtMC4xMzYtMC44MTEtMC41NDEtMS4yMTZMOS44NTkgMEg1LjEzMkwxMC4xMyA1LjEzMnoiLz4KPC9nPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: left 2px;
    background-size: 16px 15px;
}
li.list-9-last-line { border: none !important; }

img.arrow-inline { position: relative; top: 5px; padding-right: 5px; display:inline-block !important; float:left; }

/* List using dropcap */
p.li-drop-cap:first-letter { float:left; color:#8DA6B1; font-size:3.5em; padding: 15px 12px 15px 0; margin-left:-2px; font-weight: bolder; }
@-moz-document url-prefix() {
	p.li-drop-cap:first-letter {
		padding-top:15px; font-size:3.5em;
	}
}


/****************************** 
POPUPS (INCLUDING VIDEOS)
******************************/
.overlay-fill { width:100%; height:100%; background-color:#000; display:block; position:absolute; top:21px; opacity:1; }
.adjustment1 { top:45px; }

.overlay_image { max-width: 70% !important; margin: 0 auto 24px; z-index:0; }
.popup_overlay_cont { width: 100%; position:relative; } 
.popup_overlay { width: 70%; height: 100%; background-color: black; opacity: 0.45; position: absolute; top: 0; left: 15%; } 
.mag_glass { position:absolute; top:41%; left:46.5%; z-index:1; }

#voverlay-container { z-index:1001; display:none; text-align:right; }
#overlay-container { z-index:1001; display:none; text-align:center; opacity:1!important; width:640px; margin-top:25px; height:345px; }
#youtube-overlay-container { z-index:1001; display:none; text-align:center; opacity:1!important; height:360px; margin-top:-20px; }

#voverlay-content { width:300px; height:168px !important; color:#ffffff; margin-top:24px; 
	background-color:#fff;
	background-image:url(../images/preloader_video.gif);
	background-repeat:no-repeat;
	background-size:126px 100px;
	background-position:center;
}
#overlay-content { opacity:0; overflow:hidden; margin:45px auto 0; }
#youtube-overlay-content { opacity:0; background-color:none; overflow:hidden;}
#voverlay-content, #overlay-content, #youtube-overlay-content {
	/*-webkit-box-shadow: 0 2px 25px 0 rgba(0,0,0,.8);
	box-shadow: 0 2px 25px 0 rgba(0,0,0,.8); */
}

#vid-close { top:-13px; }
#p-close { top:8px; }
#y-close { top:-37px }

/* Popup Text, Graphic, Image */
.popup_slide_wrapper { width:100%; height:100%; display:block; margin:0px auto 0; overflow:hidden; background:#fff; }

a /*span*/.popup_graphic { float:left; border-left:black 10px solid; display:inline; font-size:1.15em; color:black; padding:15px 20px 0 12px; margin:6px 0 28px 0;
	-moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; 
	background-color:#efefef;
	}
	
a /*span*/.popup_graphic small { display:block; padding:6px 0 7px; text-align:right; height:20px; font-size:.75em; color:#1F4F82; }
a /*span*/.popup_graphic small img { padding-left:5px; }
a:hover span.popup_graphic { background:#FAFAFA; }
a:hover span.popup_graphic small { text-decoration:underline; } 

svg.asset_popup { /*280 x 224*/ width:15px; height:12px; margin-left:5px; }

/* Close Button */
.button.b-close, .button.bClose { width:30px; height:30px; right:0; position:absolute; z-index:10000; cursor:pointer; text-indent:100%; white-space:nowrap; overflow: hidden;
	/*-webkit-box-shadow: 0px 0px 15px 0 rgba(0,0,0,.7);
	box-shadow: 0px 0px 15px 0 rgba(0,0,0,.7);*/
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZmlsbD0iIzY2NjY2NiIgZD0iTTI1IDQ5QzExLjc2NyA0OSAxIDM4LjIgMSAyNVMxMS43NjcgMSAyNSAxczI0IDEwLjggMjQgMjRTMzguMjMzIDQ5IDI1IDQ5eiIvPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNSAyYzEyLjY4MiAwIDIzIDEwLjMgMjMgMjNTMzcuNjgyIDQ4IDI1IDQ4UzIgMzcuNyAyIDI1UzEyLjMxOCAyIDI1IDIgTTI1IDAgQzExLjE5MyAwIDAgMTEuMiAwIDI1czExLjE5MyAyNSAyNSAyNXMyNS0xMS4xOTMgMjUtMjVTMzguODA3IDAgMjUgMEwyNSAweiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIxLjcxMSAxNi4zMjNsMy41MDQgNS45MDRsMy43NDUtNS45MDRoMy45ODRsLTUuNzEzIDguMzUzbDYuMDQ5IDkuMDAxSDI4LjcybC0zLjg2NC02LjUyOGwtNC4xNTIgNi41IGgtMy45ODRsNi4wOTctOC45NzdsLTUuNjg4LTguMzc3SDIxLjcxMXoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K");
	background-repeat:no-repeat; }
.button.b-close:hover { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI1IDQ5QzExLjc2NyA0OSAxIDM4LjIgMSAyNVMxMS43NjcgMSAyNSAxczI0IDEwLjggMjQgMjRTMzguMjMzIDQ5IDI1IDQ5eiIvPgoJCTxwYXRoIGZpbGw9IiM2NjY2NjYiIGQ9Ik0yNSAyYzEyLjY4MiAwIDIzIDEwLjMgMjMgMjNTMzcuNjgyIDQ4IDI1IDQ4UzIgMzcuNyAyIDI1UzEyLjMxOCAyIDI1IDIgTTI1IDAgQzExLjE5MyAwIDAgMTEuMiAwIDI1czExLjE5MyAyNSAyNSAyNXMyNS0xMS4xOTMgMjUtMjVTMzguODA3IDAgMjUgMEwyNSAweiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggZmlsbD0iIzY2NjY2NiIgZD0iTTIxLjcxMSAxNi4zMjNsMy41MDQgNS45MDRsMy43NDUtNS45MDRoMy45ODRsLTUuNzEzIDguMzUzbDYuMDQ5IDkuMDAxSDI4LjcybC0zLjg2NC02LjUyOGwtNC4xNTIgNi41IGgtMy45ODRsNi4wOTctOC45NzdsLTUuNjg4LTguMzc3SDIxLjcxMXoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K");
	background-repeat:no-repeat; }

/****************************** 
CUSTOM POPUPS (FOR PHONE)
******************************/
[class*="overlay_container"] { position:fixed; z-index:9999; top:0; left:-1000px; background:rgba(0,0,0,0.85); }

.panzoom_container img { width:100%; height:100%; }

[class*="close-b"] { float: right; width:30px; height:30px; z-index:10000; cursor:pointer; text-indent:100%; white-space:nowrap; overflow: hidden; margin:10px;
	/*-webkit-box-shadow: 0px 0px 15px 0 rgba(0,0,0,.7);
	box-shadow: 0px 0px 15px 0 rgba(0,0,0,.7);*/
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZmlsbD0iIzY2NjY2NiIgZD0iTTI1IDQ5QzExLjc2NyA0OSAxIDM4LjIgMSAyNVMxMS43NjcgMSAyNSAxczI0IDEwLjggMjQgMjRTMzguMjMzIDQ5IDI1IDQ5eiIvPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNSAyYzEyLjY4MiAwIDIzIDEwLjMgMjMgMjNTMzcuNjgyIDQ4IDI1IDQ4UzIgMzcuNyAyIDI1UzEyLjMxOCAyIDI1IDIgTTI1IDAgQzExLjE5MyAwIDAgMTEuMiAwIDI1czExLjE5MyAyNSAyNSAyNXMyNS0xMS4xOTMgMjUtMjVTMzguODA3IDAgMjUgMEwyNSAweiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIxLjcxMSAxNi4zMjNsMy41MDQgNS45MDRsMy43NDUtNS45MDRoMy45ODRsLTUuNzEzIDguMzUzbDYuMDQ5IDkuMDAxSDI4LjcybC0zLjg2NC02LjUyOGwtNC4xNTIgNi41IGgtMy45ODRsNi4wOTctOC45NzdsLTUuNjg4LTguMzc3SDIxLjcxMXoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K");
	background-repeat:no-repeat; }
[class*="close-b"]:hover { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI1IDQ5QzExLjc2NyA0OSAxIDM4LjIgMSAyNVMxMS43NjcgMSAyNSAxczI0IDEwLjggMjQgMjRTMzguMjMzIDQ5IDI1IDQ5eiIvPgoJCTxwYXRoIGZpbGw9IiM2NjY2NjYiIGQ9Ik0yNSAyYzEyLjY4MiAwIDIzIDEwLjMgMjMgMjNTMzcuNjgyIDQ4IDI1IDQ4UzIgMzcuNyAyIDI1UzEyLjMxOCAyIDI1IDIgTTI1IDAgQzExLjE5MyAwIDAgMTEuMiAwIDI1czExLjE5MyAyNSAyNSAyNXMyNS0xMS4xOTMgMjUtMjVTMzguODA3IDAgMjUgMEwyNSAweiIvPgoJPC9nPgoJPGc+CgkJPHBhdGggZmlsbD0iIzY2NjY2NiIgZD0iTTIxLjcxMSAxNi4zMjNsMy41MDQgNS45MDRsMy43NDUtNS45MDRoMy45ODRsLTUuNzEzIDguMzUzbDYuMDQ5IDkuMDAxSDI4LjcybC0zLjg2NC02LjUyOGwtNC4xNTIgNi41IGgtMy45ODRsNi4wOTctOC45NzdsLTUuNjg4LTguMzc3SDIxLjcxMXoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K");
	background-repeat:no-repeat; }
	
	
/****************************** 
VIDEOS
******************************/
.video-holder { width:506px; height:285px; display:block; margin:0 auto; }
#video-1, #video-2, #video-3, #video-4, #video-5, #video-6, #video-7, #video-8, #video-9, #video-10, #video-11, #video-12, #video-13, #video-14, #video-15, #video-16, #video-17, #video-18, #video-19, #video-20 { background-repeat:no-repeat; background-position:center; -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
#video-1 { background-image:url(../images/thumbnail_01.jpg); }
#video-2 { background-image:url(../images/thumbnail_02.jpg); }
#video-3 { background-image:url(../images/thumbnail_03.jpg); }
#video-4 { background-image:url(../images/thumbnail_04.jpg); }
#video-5 { background-image:url(../images/thumbnail_05.jpg); }
#video-6 { background-image:url(../images/thumbnail_06.jpg); }
#video-7 { background-image:url(../images/thumbnail_07.jpg); }
#video-8 { background-image:url(../images/thumbnail_08.jpg); }
#video-9 { background-image:url(../images/thumbnail_09.jpg); }
#video-10 { background-image:url(../images/thumbnail_10.jpg); }
#video-11 { background-image:url(../images/thumbnail_11.jpg); }
#video-12 { background-image:url(../images/thumbnail_12.jpg); }
#video-13 { background-image:url(../images/thumbnail_13.jpg); }
#video-14 { background-image:url(../images/thumbnail_14.jpg); }
#video-15 { background-image:url(../images/thumbnail_15.jpg); }
#video-16 { background-image:url(../images/thumbnail_16.jpg); }
#video-17 { background-image:url(../images/thumbnail_17.jpg); }
#video-18 { background-image:url(../images/thumbnail_18.jpg); }
#video-19 { background-image:url(../images/thumbnail_19.jpg); }
#video-20 { background-image:url(../images/thumbnail_20.jpg); }


a.play-button, 
a.play-button-aside,
a.play-button-stacked,
a.play-button-backdrop { display:block; opacity:.75;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
a.play-button { width:130px; height:130px; margin:0px auto 0; padding-top:77px; }
a:hover.play-button, 
a:hover.play-button-aside,
a:hover.play-button-stacked,
a:hover.play-button-backdrop { opacity:1;}

.video-info { display:block; width:100%; float:left; min-height:34px; margin:3px 0 22px; }
.video-info a {}
.video-info a:hover {}
.video-info p { padding:0 !important; }
.video-info p:first-of-type, .video-info-aside p:first-of-type { font-weight:bold; }

a.play-button, 
a.play-button-aside,
a.play-button-stacked,
a.play-button-backdrop { display:block; opacity:.75; }
a.play-button { width:130px; height:130px; margin:84px auto 0; }
a:hover.play-button, 
a:hover.play-button-aside,
a:hover.play-button-stacked,
a:hover.play-button-backdrop { opacity:1;}
	
	
/*Videos with Backdrops */	
.background-holder { width:100%; display:block; float:left; }
.background-holder:after { clear:both; content:""; display:table; }

.video-backdrop-margins { margin:5px 0 40px; }
.video-backdrop-1, .video-backdrop-2, .stacked-video, .video-special-6 {
	background-image:url(../images/video_BG_01_p.jpg);
	background-repeat:no-repeat;
	background-position:center -10px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.video-backdrop-1 { height:188px; }
.stacked-video, .video-backdrop-2 { min-height:188px; float:left; }
.video-backdrop-overlay { width:100%; min-height:188px; /*height:100%;*/ background-color:rgba(0,0,0,.75); }

.video-backdrop-holder { width:264px; height:148px; display:inline-block; float:left; margin:20px 28px 0 0;} 
.video-backdrop-info { display:inline-block; float:left; width:calc(100% - 292px); margin-top:15px; }
.video-backdrop-info p { color:#fff; padding-bottom:10px; }
.video-backdrop-info p:first-of-type { font-size:1.25em; line-height:1.25em; font-weight:bold; }
.video-backdrop-full-page { position:relative; top:-200px; }
.video-backdrop-full-page p { color: #404040; }
.video-backdrop { width: 100%;/* float: left;*/ display: block; margin-bottom: 24px; }

a.play-button-backdrop { width:70px; margin:39px auto 0; height:70px; }

/*Stacked Videos */
/*.video-holder-stacked { width:330px; float:left; display:inline-block; height:184px; margin:6px 15px 39px 0; }*/
.video-holder-stacked { min-height:188px; display:inline-block; float:left; } 
.video-info-stacked { display:inline-block; float:left; width:calc(100% - 345px); margin:1px 0 17px; }
.video-info-stacked p { padding-bottom:9px; }
.video-info-stacked p:first-child {}
a.play-button-stacked { width:85px; margin:49px auto 0; height:85px; }

/*Youtube Videos */
iframe.youtube-inline { width:264px; height:148px; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.youtube-wrap { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; width:100%; height:auto; margin-left:-1px; }


/****************************** 
TWITTER WIDGET
******************************/


/****************************** 
FEATURE (used for Case Studies and Quotes)
******************************/
/*quote backdrop*/
.feature-backdrop { width:100%; float:left; display:block;  padding:34px 0 12px; }
.feature-backdrop-top-right { }
.feature-backdrop-top-left { }
.feature-backdrop p { color:black; line-height:1.5em; /*padding-bottom:22px !important;*/ font-size:.875em; padding:0 22px 22px !important; }

.feature-backdrop-special { padding:15px 0 0; }

/*quote/case study hybrid*/
.feature-wrap { display:block; float:left; width:100%; margin-bottom:12px; }
.feature-wrap h3 { display:block; float:left; width:100%; color:black; font-style:italic; text-align:right; margin-bottom:22px; font-weight:bold; }
.feature-wrap-left, .feature-wrap-right { display:inline-block; float:left; }
.feature-wrap-left, .feature-wrap-right img { width:125px; }
.feature-wrap-right {  width:calc(100% - 125px); }


/****************************** 
LIFE STYLE PAGES / BACKGROUND PHOTOS
******************************/
.bg-full-1 { 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}

.bg-full-1 { height:300px; width:100%; float:left; display:block; margin:6px 0 27px;
	background-image:url(../images/image_ch03_2_lifestyle.jpg);
	background-repeat:no-repeat;
	background-position:center 0; }

.white-gradient { width:100%; height:100%; float:left;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.50) 50%, rgba(255,255,255,0.98) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.50)), color-stop(100%,rgba(255,255,255,0.98)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.50) 50%,rgba(255,255,255,0.98) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.50) 50%,rgba(255,255,255,0.98) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.50) 50%,rgba(255,255,255,0.98) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.50) 50%,rgba(255,255,255,0.98) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#faffffff',GradientType=0 ); } 


/****************************** 
ACCORDION
******************************/
.accordion-height-1 { height:321px; }

.accordion-wrap { background:url(../images/architecture01.jpg) no-repeat; width:100%; }

.container ul.accordion { list-style:none; padding:0; }

.container ul.accordion li { padding:0; }

.container ul.accordion li a.toggle { font-size:1em; color:#fff; outline:none; padding:20px 0 20px 50px; width:inherit; display:block;  text-decoration:none;
  background:rgba(0, 0, 0, 0.78);
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE1cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMTg3LjUgMjQwLjUgMTUgMTkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMTg3LjUgMjQwLjUgMTUgMTkiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTkyLjUwNiAyNDAuOTRjLTEuNjY4IDAtMy4zMzcgMC01LjAwNiAwYzIuMjA4IDIuMyA0LjQgNC43IDYuNiA3IGMwLjE0NyAwLjIgMiAyIDEuOSAyLjEwOGMtMC45MTQgMC45NjMtMS44MjcgMS45MjYtMi43NDEgMi44ODljLTEuOTQgMi4wNDctMy44OCA0LjA5NC01LjgyIDYuMSBjMS41OCAwIDMuMiAwIDQuNyAwYzAuMzIzIDAgMC4zNTQtMC4wOTQgMC41ODctMC4zMjhjMC40NzgtMC40NzYgMC45NTUtMC45NTIgMS40MzMtMS40MjljMi4zOTYtMi4zOSA0Ljc5Mi00Ljc3OSA3LjE4OC03LjE2OSBDMjAxLjU0NyAyNTAgMTkzLjQgMjQxLjggMTkyLjUgMjQwLjk0eiIvPgo8L3N2Zz4K");
  background-repeat:no-repeat;
  background-position:19px 22px;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  -ms-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
}

.container ul.accordion li a.two-lines { background-position:19px 32px; }

/*ul.accordion li a.toggle.two-line {
  padding-top: 8px;	
}*/

.container ul.accordion li a.toggle.active {
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE4LjEwOXB4IiBoZWlnaHQ9IjEzLjk2OXB4IiB2aWV3Qm94PSIxODUuMzI4IDI0Mi45ODQgMTguMTA5IDEzLjk2OSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODUuMzI4IDI0Mi45ODQgMTguMTA5IDEzLjk2OSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNDM0MzQzMiIGQ9Ik0yMDMuNDQzIDI0OC4wOTljMC0xLjY2OCAwLTMuMzM3IDAtNS4wMDZjLTIuMzAxIDIuMjA4LTQuNzAxIDQuNC03IDYuNmMtMC4yMDEgMC4xNDctMiAyLTIuMTA4IDEuOSBjLTAuOTY0LTAuOTE0LTEuOTI3LTEuODI3LTIuODktMi43NDFjLTIuMDQ3LTEuOTQtNC4wOTQtMy44OC02LjEtNS44MTljMCAxLjYgMCAzLjIgMCA0LjY5OWMwIDAuMyAwLjEgMC40IDAuMyAwLjYgYzAuNDc3IDAuNSAxIDEgMS40IDEuNDMzYzIuMzkgMi40IDQuOCA0LjggNy4yIDcuMTg4YzAuMTExIDAuMiA4LjMxMi03Ljk0NyA5LjE3Mi04Ljg0OFYyNDguMDk5eiIvPgo8L3N2Zz4K");
}

.container ul.accordion li a.toggle.odd { background-color:rgba(0,0,0,.75); }

.container ul.accordion li a.toggle.even { background-color:rgba(0,0,0,.70); }

.accordion-icon, .accordion-icon-2 { overflow:visible; padding:0 0 20px 60px; }

.container ul.accordion .inner { list-style:none; overflow:hidden; display:none; padding-top:20px;
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.75)));
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 100%);
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 100%);
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfffffff',GradientType=0 ); }

.container ul.accordion .inner li { background-repeat:no-repeat; display:block; margin:0px 8.4%; width:83.2%; }

.container ul.accordion li ul.inner li a div p { font-size: 1em; padding-bottom:0; }


/****************************** 
SOCIAL MEDIA
******************************/
.get-social-media-resources { display:block; width:100%; float:left; margin-top:-27px; }
.get-social-media-resources > ul.social-media { list-style:none; }
.get-social-media-resources > ul.social-media li { display:inline-block; float:left; margin:18px 10px 3px 0; width:25px; height:25px; }

img.facebook { width:25px; height:25px; }
svg.twitter { width:25px; height:25px; }
img.youtube { width:45px; height:18px; margin-top:4px; }
svg.linkedin { width:25px; height:25px; }
svg.blog { width:25px; height:25px; }


/****************************** 
RESOURCES 
******************************/
.resources-bg-header, .resources-bg { width:100%; float:left; display:block; background:#fff; }
.resources-bg-header h1 { color:#404040; }
.resources-bg-header { padding:24px 0 15px; }

.resources-holder { width:100%; margin:0 auto; background:#fff;}

.resources-header-1,
.resources-header-2,
.resources-header-3,
.resources-header-4,
.resources-header-5,
.resources-header-6,
.resources-header-7,
.resources-header-8,
.resources-header-9
 {color:#1F4F82; background:#ededed; padding:10px 20px;  text-align:left; border-top:#fff 1px solid;}

.resources-header-1 h6,
.resources-header-2 h6,
.resources-header-3 h6,
.resources-header-4 h6,
.resources-header-5 h6,
.resources-header-6 h6,
.resources-header-7 h6,
.resources-header-8 h6,
.resources-header-9 h6
 { font-weight:normal; display:block; width:100%; max-width:736px; margin:0 auto; }

.active-header { background:#1F4F82; color:#fff; }

#get-panel-1-text, 
#get-panel-2-text,
#get-panel-3-text,
#get-panel-4-text,
#get-panel-5-text.
#get-panel-6-text,
#get-panel-7-text,
#get-panel-8-text,
#get-panel-9-text { display:none; }

.get-resource-name-1,
.get-resource-name-2,
.get-resource-name-3,
.get-resource-name-4,
.get-resource-name-5,
.get-resource-name-6,
.get-resource-name-7,
.get-resource-name-8,
.get-resource-name-9 { padding:4px 0 4px 20px; margin-left:7px; cursor:pointer;
	background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTMuOTVweCIgaGVpZ2h0PSIxOC4xMjFweCIgdmlld0JveD0iMCAwIDEzLjk1IDE4LjEyMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTMuOTUgMTguMTIxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMxRjRGODIiIGQ9Ik01LjAwNiwwQzMuMzM4LDAsMS43LDAsMCwwYzIuMjA4LDIuMyw0LjQsNC43LDYuNiw2Ljk4NEM2Ljc3LDcuMSw4LjYsOSw4LjYsOS4xDQoJYy0wLjkxNCwwLjk2Mi0xLjgyNiwxLjkyNS0yLjc0LDIuODg5Yy0xLjk0LDIuMDQ3LTMuODgxLDQuMDk1LTUuODIsNi4xNGMxLjU4LDAsMy4yLDAsNC43LDBjMC4zMjMsMCwwLjM1NC0wLjA5NSwwLjU4Ny0wLjMyOA0KCWMwLjQ3OS0wLjQ3NywwLjk1NS0wLjk1MywxLjQzNC0xLjQzYzIuMzk2LTIuMzkxLDQuNzkxLTQuNzc5LDcuMTg5LTcuMTY5QzE0LjA0Nyw5LjEsNS45LDAuOSw1LDBINS4wMDZ6Ii8+DQo8L3N2Zz4NCg==");
	background-size:9px 12px;
	background-repeat:no-repeat;
 	}
/* not sure why the carets come out uneven, but here you go...*/
.get-resource-name-1 { background-position:left 9px; }
.get-resource-name-2 { background-position:left 8px; }
.get-resource-name-3 { background-position:left 8px; }
.get-resource-name-4 { background-position:left 9px; }
.get-resource-name-5 { background-position:left 9px; }
.get-resource-name-6 { background-position:left 9px; }
.get-resource-name-7 { background-position:left 9px; }
.get-resource-name-8 { background-position:left 9px; }
.get-resource-name-9 { background-position:left 9px; }
	
.active-resource { background-image:url(../images/icon_caret_resources_active.svg);
	background-size:14px 9px;
	background-position:left 10px;
	}

.resources-body { display:block; width:100%; max-width:620px; margin:0 auto; }
.resources-body p { margin:10px 0 0 2.5%; }

.resources-body ul { list-style:none; display:block; width:100%; margin-left:2.5%; }
.resources-body ul li {  }
.resource-list { margin-top:10px; }
.get-copyright-notice { margin-top:22px; }

.panel-1-text p, 
.panel-2-text p,
.panel-3-text p,
.panel-4-text p,
.panel-5-text p,
.panel-6-text p,
.panel-7-text p,
.panel-8-text p,
.panel-9-text p { font-size:0.9375em; color:#000; padding-bottom:4px; margin-left:13%; display:block; width:80%; }
.panel-1-text p:first-child,
.panel-2-text p:first-child,
.panel-3-text p:first-child,
.panel-4-text p:first-child,
.panel-5-text p:first-child,
.panel-6-text p:first-child,
.panel-7-text p:first-child,
.panel-8-text p:first-child,
.panel-9-text p:first-child { padding-top:28px; }

ul.resource-list { display:block; width:80%; margin-left:13%; }
ul.resource-list li { list-style:none; display:block; font-size:0.75em; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; } 
ul.resource-list li:last-child { margin-bottom:20px; }
ul.resource-list li a { color:#1F4F82; }


.resource-caret { position:absolute; left:2.5%; width:9px; height:12px; margin-top:2px;
	background:url(../images/icon_caret_resources_static.svg) no-repeat;
	background-size:9px 12px;
    -webkit-transition:all 300ms ease-in 0s;
    -moz-transition: all 300ms ease-in 0s;
    -o-transition: all 300ms ease-in 0s;
  	transition: all 300ms ease-in 0s; }
	
ul.resource-list li.res-article { 
	background-repeat:no-repeat;
	background-size:22px 23px;
	padding:4px 0px 6px 31px;
	margin-left:2px; }
	
ul.resource-list li.res-brochure { 
	background-repeat:no-repeat;
	background-size:23px 17px;
	padding:0px 0px 10px 33px; }
	
ul.resource-list li.res-datasheet /* Also used for "REPORTS" */ { 
	background-position:left top;
	background-repeat:no-repeat;
	background-size:17px 23px;
	padding:4px 0px 6px 31px;
	margin-left:2px; }
	
ul.resource-list li.res-demo { 
	background-repeat:no-repeat;
	background-size:23px 17px;
	padding:4px 0px 6px 33px; }
	
ul.resource-list li.res-ebook { 
	background-repeat:no-repeat;
	background-size:16px 23px;
	margin-left:2px;
	padding:4px 0px 6px 31px; }
	
ul.resource-list li.res-event { 
	background-repeat:no-repeat;
	background-size:23px 17px;
	padding:4px 0px 6px 33px; }
	
ul.resource-list li.res-infographic /* Also used for "REPORTS" */ { 
	background-position:left top;
	background-repeat:no-repeat;
	background-size:22px 23px;
	padding:4px 0px 6px 31px;
	margin-left:2px; }
	
ul.resource-list li.res-pdf { 
	background-position:left top;
	background-repeat:no-repeat;
	background-size:18px 23px;
	padding:4px 0px 6px 31px;
	margin-left:2px; }
	
ul.resource-list li.res-podcast { 
	background-repeat:no-repeat;
	background-size:20px 23px;
	padding:4px 0px 6px 31px;
	margin-left:2px; }
	
ul.resource-list li.res-report { 
	background-repeat:no-repeat;
	background-size:18px 23px; }

ul.resource-list li.res-success { 
	background-position:left top;
	background-repeat:no-repeat;
	background-size:15px 23px;
	padding:4px 0px 6px 30px;
	margin-left:3px; }
	
ul.resource-list li.res-video { 
	background-position:left top;
	background-repeat:no-repeat;
	background-size:22px 15px;
	padding:0px 0px 10px 33px; }
	
ul.resource-list li.res-webcast { 
	background-position:left top;
	background-repeat:no-repeat;
	background-size:22px 15px;
	padding:0px 0px 10px 33px; }
	
ul.resource-list li.res-weblink { 
	background-position:left top;
	background-repeat:no-repeat;
	background-size:22px 17px;
	padding:0px 0px 10px 33px; }
	
ul.resource-list li.res-whitepaper { 
	background-position:left top;
	background-repeat:no-repeat;
	background-size:17px 23px;
	padding:4px 0px 6px 31px;
	margin-left:2px; }
	
	
/****************************** 
FOOTER
******************************/
.page-end { width:100%; float:left; display:block; height:23px; border-bottom:#7F7F7F solid 1px; margin:10px 0 35px; }
.page-end p.footer-chap-1-title,
.page-end p.footer-chap-2-title,
.page-end p.footer-chap-3-title,
.page-end p.footer-chap-4-title,
.page-end p.footer-chap-5-title,
.page-end p.footer-chap-6-title,
.page-end p.footer-chap-7-title,
.page-end p.footer-chap-8-title,
.page-end p.footer-chap-9-title,
.page-end p.footer-chap-10-title { color:#7F7F7F; font-size:0.75em; font-style:italic; text-align:left; display:inline-block; float:left; line-height:1.5em; display:inline-block; width:calc(100% - 30px) } 
.page-end p.page-number { font-style:normal; font-weight:bold; font-size:.875em;/* padding-left:17px;*/ margin-top:-2px;  float:left; display:inline-block; width:30px; text-align:right;    }
.end-of-chapter { margin:2px 0 28px; }

small { display:block; float:left; width:100%; font-size:0.75em; margin-bottom:22px; }

footer { background:#5F5F5F; width:100%; height:37px; display:block; float:left; margin-bottom:0; }
.footer-left, .footer-right  { display:inline-block; float:left; width:50%; }

.footer-left a:hover p, .footer-right a:hover p { text-decoration:none; }
.footer-left a p { padding:6px 0 8px 28px; display:inline-block; color:#fff !important;
	background-image:url(../images/icon_caret_up.svg);
	background-repeat:no-repeat;
	background-position:left 11px;
	background-size:15px 15px; }
	
.footer-right a p { text-align:right; padding:6px 28px 8px 0px; display:inline-block; color:#fff; float:right;
	background-image:url(../images/icon_caret_next_chap.svg);
	background-repeat:no-repeat;
	background-position:right 10px;
	background-size:15px 15px; }

	
/****************************** 
COPYRIGHT
******************************/
.copyright-notice p { font-size:.75em; }
.copyright-notice p:first-child { padding-top:24px; }


/****************************** 
TOC MODAL
******************************/
html.remodal_lock, body.remodal_lock { overflow:hidden; }

.remodal, [data-remodal-id] { visibility:hidden; }

.remodal-overlay { position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000; display:none; overflow:auto; -webkit-overflow-scrolling:touch; }

.remodal-overlay:after { display:inline-block; height:100%; margin-left:-0.05em; content: ''; }

/* Fix iPad, iPhone glitches */
.remodal-overlay > * { -webkit-transform: translateZ(0px); }

/* Modal dialog necessary styles */
.remodal { position:relative; display:inline-block; }
.remodal a { text-decoration:none; }

/* Background for effects */
.remodal-bg {
    -webkit-transition: -webkit-filter 0.2s linear;
    -moz-transition: -moz-filter 0.2s linear;
    -o-transition: -o-filter 0.2s linear;
    transition: filter 0.2s linear;
}
body.remodal_active .remodal-bg {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}

/* Overlay default theme styles */
.remodal-overlay {
    opacity: 0;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

body.remodal_active .remodal-overlay { opacity:1; }

/* Modal dialog default theme styles */
.remodal { background:#fff; width:86%; margin:47px 7% 0; min-height:100%; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 0px 8px #171a24;
    box-shadow: 0px 0px 8px #171a24;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition: -webkit-transform 0.2s linear;
    -moz-transition: -moz-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    transition: transform 0.2s linear;
}
body.remodal_active .remodal {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* Modal dialog vertical align  */
.remodal, .remodal-overlay:after { vertical-align:middle; }

/* Close button */
.remodal-close { position:absolute; top:-32px; right:0px; width:28px; height:28px;
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIyMS43ODJweCIgaGVpZ2h0PSIyMjEuNzgycHgiIHZpZXdCb3g9IjIyMC4xMDkgMS4xMDkgMjIxLjc4MiAyMjEuNzgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDIyMC4xMDkgMS4xMDkgMjIxLjc4MiAyMjEuNzgyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjUiIGZpbGw9IiNGRkZGRkYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgICAgIiBjeD0iMzMxIiBjeT0iMTEyIiByPSIxMTAuOSIvPgo8Zz4KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMzAuNDQ1IDEyNC45NzVsLTM0LjM3NiAzNC4zNzZsLTEyLjQyLTEyLjQybDM0LjM3Ni0zNC4zNzZsLTM0LjM3Ni0zNC4zNzZsMTMuNTI5LTEzLjUyOWwzNC4zNzYgMzQuNCBsMzQuMzc2LTM0LjM3NmwxMi40MiAxMi40MmwtMzQuMzc2IDM0LjM3NmwzNC4zNzYgMzQuMzc3bC0xMy41MjggMTMuNTI4TDMzMC40NDUgMTI0Ljk3NXoiLz4KPC9nPgo8L3N2Zz4K");
	background-repeat:no-repeat;
	background-size:100%;
	}

.remodal-close:hover, .remodal-close:active {
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIyMS43ODJweCIgaGVpZ2h0PSIyMjEuNzgycHgiIHZpZXdCb3g9IjIyMC4xMDkgMS4xMDkgMjIxLjc4MiAyMjEuNzgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDIyMC4xMDkgMS4xMDkgMjIxLjc4MiAyMjEuNzgyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjUiIGZpbGw9IiNGRkZGRkYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgICAgIiBjeD0iMzMxIiBjeT0iMTEyIiByPSIxMTAuOSIvPgo8Zz4KCTxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0zMzAuNDQ1IDEyNC45NzVsLTM0LjM3NiAzNC4zNzZsLTEyLjQyLTEyLjQybDM0LjM3Ni0zNC4zNzZsLTM0LjM3Ni0zNC4zNzZsMTMuNTI5LTEzLjUyOWwzNC4zNzYgMzQuNCBsMzQuMzc2LTM0LjM3NmwxMi40MiAxMi40MmwtMzQuMzc2IDM0LjM3NmwzNC4zNzYgMzQuMzc3bC0xMy41MjggMTMuNTI4TDMzMC40NDUgMTI0Ljk3NXoiLz4KPC9nPgo8L3N2Zz4K"); 
}

.remodal-close:hover.remodal-close:after, 
.remodal-close:active.remodal-close:after { color:#f4f4f4; }

.remodal-cancel { display:block; float:left; width:100%; padding:9px 0; font-size:1em; cursor:pointer; text-decoration:none; text-align:center;
    background-clip: padding-box;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.remodal-cancel { background:#1F4F82; color:#fff; }
.remodal-cancel:hover, .remodal-cancel:active { background:#7F7F7F; color:#fff; }

img.icon-cloud-tablet { display:none !important; }
img.icon-cloud-phone { float:right; width:140px; height:85px; padding:20px 0px 20px 20px; }


/****************************** 
MEDIA QUERIES
******************************/

@media screen and (max-width: 639px) {
    .cover-text { position:absolute; bottom:10%; display:block; color:#fff; }
    .cover-text h1 { font-size:1.2em; width:300px; }
    .cover-text h6 { font-size:0.7em; }
    
    a.play-button { width:70px; height:70px; padding-top:35px; }
    
    .cover-text { position:absolute; bottom:17%; display:block; color:#fff; }
    .cover-text h1 { margin:0 0 0 4%; }
    .cover-text h6 { margin-left:4%; font-size:0.7em; }
    .eng-logo {  position: absolute; top: 104px; left: 20px; }
    
/*    .stacked-video, .video-backdrop-2, .video-backdrop-overlay, .video-holder-stacked { min-height:128px; }*/
    .stacked-video, .video-backdrop-2, .video-backdrop-overlay, .video-holder-stacked { min-height:153px; }
    img.exadata-machine { width:25%; }
    
}

@media screen and (max-width: 567px) {
	.video-backdrop-1 { height:155px; }
}

@media screen and (max-width: 534px) {
	.video-holder { width:304px; height:171px; }
	
	.container .list-2-left, 
	.container .list-2-right { width:100%; display:block; float:left; }
	.container .list-2-left { margin-right:0%; margin-bottom:15px; }
}

@media screen and (max-width: 490px) {
	.TOC-img-1, .TOC-img-2, .TOC-img-3, .TOC-img-4, .TOC-img-5, .TOC-img-6, .TOC-img-7, .TOC-img-8, .TOC-img-9, .TOC-img-10 { background-size:80px 80px; }
    .TOC-img-resources { background-size:70px 70px; }
	
/*	.video-holder-stacked { width:304px; height:171px; float:none; display:block; margin:6px auto 0px;}*/
	.video-info-stacked { display:block; float:left; width:100%; margin:5px auto 17px; }
	a.play-button-stacked { width:85px; margin:0px auto 0; height:85px; padding-top:41px; }
	
	.video-backdrop-holder { width:204px; height:115px; } 
	.video-backdrop-info {  width:calc(100% - 232px); }
	a.play-button-backdrop { width:70px; margin:22px auto 0; height:70px; }
    
    .cover-text { position:absolute; bottom:7%; display:block; color:#fff; }
	
}

@media screen and (max-width: 414px) {
    li.cover { padding-top:0 !important; }
    .cover_container { margin-top: 34px; width:100%; background-image:url(../images/cover_tablet_portrait.jpg); background-size:cover; background-position:right 80% top; }
    
    .cover-text { position:absolute; bottom:17%; display:block; color:#fff; }
    
	a .cover-front-caret { bottom:240px; } 
	
	.video-backdrop-holder { width:150px; height:84px; } 
	.video-backdrop-info {  width:calc(100% - 178px); }
	.video-backdrop-info p { font-size:.9em; }
	.video-backdrop-info p:first-of-type { font-size:.9em; }
	a.play-button-backdrop { width:50px; margin:17px auto 0; height:50px; }
    .video-backdrop-full-page { top:-130px; }
    
    .overlay_image { max-width: 100% !important; margin: 0 auto 24px; }
    .popup_overlay { width:100%; margin:0; left:0; }
    .mag_glass { top:37%; left:43.5%; }
	.video-backdrop-1 { height:124px; background-position:center 0px; }

    .white-gradient { width:100%; height:100%; float:left;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 45%, rgba(255,255,255,0.65) 65%, rgba(255,255,255,0.98) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(45%,rgba(255,255,255,0)), color-stop(65%,rgba(255,255,255,0.65)), color-stop(100%,rgba(255,255,255,0.98)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 45%,rgba(255,255,255,0.65) 65%,rgba(255,255,255,0.98) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 45%,rgba(255,255,255,0.65) 65%,rgba(255,255,255,0.98) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 45%,rgba(255,255,255,0.65) 65%,rgba(255,255,255,0.98) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 45%,rgba(255,255,255,0.65) 65%,rgba(255,255,255,0.98) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#faffffff',GradientType=0 ); }
    
    .stacked-video, .video-backdrop-2, .video-backdrop-overlay, .video-holder-stacked { min-height:128px; }
    
}


@media screen and (max-width: 370px) {
	.remodal { width:95%; margin:47px 2.5% 0; overflow:hidden; }
	.remodal .chap-icon { width:65px; height:65px; display:inline-block; margin-left:10px; float:left;
	background-repeat:none;
	background-size:65px auto; }
	.video-backdrop-info p { font-size:.875em; }
	.video-backdrop-info p:first-of-type { font-size:.875em; }
    .stacked-video, .video-backdrop-2, .video-backdrop-overlay, .video-holder-stacked { min-height:123px; }
    img.customer_first { width:100px; }
    .page-end p.footer-chap-7-title { font-size:0.7em; }
    .cover_container { background-position:right -10px top; }
}

@media screen and (max-width: 360px) {
    .cover_container { background-position:right -84px top; }
}

@media screen and (max-width: 320px) {
    .cover_container { background-position:right 45% top; }
}