#contentRow #DeltaPlaceHolderMain .ms-WPBody,
#contentRow #DeltaPlaceHolderMain .ms-wpContentDivSpace { background-color: #F1F1F1; }
body { margin: 0; font-family: Arial; }
body a { text-decoration: none; }
iframe { border: none; }
.background { background-color: #F1F1F1; }

.whole { width: 1200px; margin: 0 auto; }
.whole .content { text-align: center; margin-top: 11px; padding-bottom: 15px; }

.clearFix { clear: both; }

.header { /* background-image: url('../obrazki/social.jpg'); */ width: 100%; /* height: 40vh; */ background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
.header h1 { text-transform: uppercase; margin: 30px 0 50px; color: white; text-align: center; width: 100%; position: absolute; top: 35%; }
.header img { width: 100%; height: auto; }

.fiveElem { background-color: #DF2B2A; width: 220px; height: 220px; display: inline-block; margin: 5px; vertical-align: top; }
.fiveElem .logos { height: 55%; position: relative; }
.fiveElem .logos img { padding: 25px 0 0; cursor: pointer; width: 80px; }
.fiveElem .logos .ico { width: 35px; height: 35px; position: absolute; top: 27px; right: 57px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.fiveElem .logos .ico.fb { background-image: url('../obrazki/sociocon-facebook.png'); }
.fiveElem .logos .ico.in { background-image: url('../obrazki/sociocon-linkedin.png'); }
.fiveElem .logos .ico.tw { background-image: url('../obrazki/sociocon-twitter.png'); }
.fiveElem .logos .ico.yt { background-image: url('../obrazki/sociocon-youtube.png'); }
.fiveElem .text { position: relative; height: 45%; }
.fiveElem .text p { color: white; font-size: 11px; font-weight: 700; margin-top: 0; }
.fiveElem .text .head { font-size: 18px; padding: 0 20px; line-height: 24px; }
.fiveElem .text .sub { position: absolute; bottom: 10px; width: 100%; text-align: center; }

.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 15px; }
.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 15px 0 15px; }
.box .miniature { background-color: white; min-height: 300px; }
.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; }
.box .downButton img { width: 10px; height: auto; margin-left: 15px; margin-bottom: -1px; }

.left .menu { margin-left: 50px; }
.left .menu p { margin-bottom: 5px; }
.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; font-weight: 700; color: #666; }
.left ul li a:hover,
.left ul li a:active,
.left ul li a.active { color: #df2b2f; cursor: pointer; }

.right .innerPadding { padding-right: 15px; }
.right .breadcrumbs span { font-size: 13px; 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; }

.showme { display: none; position: absolute; z-index: 100; left: 165px; bottom: -210px; padding: 15px; background-color: white; } 
.showmeTT { right: -245px; left: 165px; } 
.showmeIN { left: initial; bottom: -80px; right: 155px; } 
.showmeYT { left: initial; right: 155px; bottom: -140px; } 
.show { position: relative; } 
.show:hover .showme { display: block; } 
.ndRow .showme { bottom: -108px; }
.ndRow .showmeIN { bottom: -80px; }
/* .ndRow .show:hover .showme { bottom: 100px; top: initial; } */
/* .showme span,
.showme iframe { width: 500px !important; height: 500px !important; }  */