#contentRow #DeltaPlaceHolderMain .ms-WPBody,
#contentRow #DeltaPlaceHolderMain .ms-wpContentDivSpace { background-color: #F1F1F1; }
body { margin: 0; font-family: Arial; }
body a { text-decoration: none; }
.background { background-color: #F1F1F1; }

.whole { width: 1200px; margin: 0 auto; }

.clearFix { clear: both; }

.header h1 { text-transform: uppercase; margin: 30px 0 50px; }

.left { width: 25%; float: left; height: 100vh; }
.right { width: 75%; float: left; }

.box { width: 33.3%; float: left; margin-bottom: 50px; }
.box .inner { padding: 0 7.5px 0; }
.box:nth-child(1) .inner { padding: 0 15px 0 0; }
.box:nth-child(3n+1) .inner { padding: 0 15px 0 0; }
.box:nth-child(3n) .inner { padding: 0 0 0 15px; }
.box .miniature { background-color: white; height: 396px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.box .overview { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; }
.box .overview img { width: auto; height: 100%; }
.box .download { margin: 15px 0 0; }
.box .downButton { padding: 5px 20px; border: 1px solid #666; margin-right: 10px; font-size: 12px; transition: 0.3s all; color: #666; }
.box .downButton:hover { cursor: pointer; /* background-color: #fff; */ transition: 0.3s all; border: 1px solid #df2b2f; }
.box .downButton img { width: 10px; height: auto; margin-left: 15px; margin-bottom: -1px; }

.left .menu { padding: 0 7.5px; }
.left .menu p { margin-bottom: 15px; }
.left ul { padding: 0; margin: 0; }
.left ul li { list-style: none; }
.left ul li a { padding: 5px 0; display: inline-block; font-size: 13px; color: #666; }
.left ul li a:hover,
.left ul li a:active,
.left ul li a.active { color: #df2b2f; cursor: pointer; }
.left ul li ul { padding-left: 20px; }

.right .innerPadding { padding: 0 7.5px; }
.right .breadcrumbs span { font-size: 11px; font-weight: 700; }
.right .breadcrumbs span a { color: #777; transition: 0.3s all; }
.right .breadcrumbs span a:hover,
.right .breadcrumbs span a:active,
.right .breadcrumbs span a.active { color: #df2b2f; transition: 0.3s all; }
.right .description p { color: #777; }
.right .headText { font-weight: 700; font-size: 13px; }
.right .text { font-size: 12px; }