/*!
 * CSS Document
 * N21 Mobile
 * Original author: N21 Mobile
 * Version 1.0 2018-02-07
 * Further changes, comments: Network TwentyOne
 */
@charset "utf-8";

body { background: url('../images/mspbg.jpg') no-repeat center; background-size: cover; background-attachment: fixed; }
body:before { content: ""; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -10; background: url('../images/mspbg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.mspavpBg { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.1; }
.animsition { padding-bottom: 15px; }
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px;} }
@media (min-width: 1200px) { .container { width: 1170px; } }

.centerdiv { width: 80%; height: 160px; position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto; }
@media (max-width: 767px) {	.centerdiv { width: 90%; } }

.mspuserLeft { min-width: 250px; }
.mspuserLeft p:last-child { margin-bottom: 0; }
.msptopExp { color: #7d7d7d; font-size: 12px; font-style: italic; display: table; margin: 20px auto 15px; border-bottom: #d9d9d9 solid thin; }
.msptopExp i { color: #fc8c00; font-size: 13px; }
.mspName { color: #515151; font-size: 18px; font-weight: 500; margin: 0; }
.mspComp { color: #515151; font-size: 16px; font-weight: 300; margin: 0; }
.mspIbo, .mspEmail, .mspPhone { font-size: 14px; }
.mspIbo span, .mspEmail span, .mspPhone span { font-weight: 600; color: #515151; }
.mspBio { border-left: #fdbd4c solid thin; padding-left: 10px; font-weight: 500; color: #525252; }
.mspMediaTitle { color: #1f7ebd; font-size: 20px; font-weight: 400; margin: 15px 0 10px; text-align: center; }
.mspMainAVPBox { background: url('../images/mspMainAVPBoxBg.png') repeat-x center; min-height: 119px; margin-bottom: 25px; }
.mspAVP { max-width: 720px; width: 100%; background: #fff; border: #fff 10px solid; margin: auto; -webkit-box-shadow: 0px 7px 7px 1px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 7px 7px 1px rgba(0,0,0,0.45); box-shadow: 0px 7px 7px 1px rgba(0,0,0,0.45);  }
.mspAVP > img { max-width: 100%; height: auto; margin: 0px; border: none; }
.mspIns { text-align: center; font-weight: 500; color: #525252; }
.mspFooter { color: #7d7d7d; font-family: Verdana, Geneva, sans-serif; font-size: 11px; }
.mspuserLeftcenter  { display: block; width: 100%; }
.mspuserLeftcenter .mspuserLeft { display: block; min-width: 0; text-align: center; }
.mspAVPDec { max-width: 720px; width: 100%; margin: auto; text-align: center; }
@media (max-width: 1200px) {
	.mspMediaTitle { font-size: 18px; }
	.mspAVP, .mspAVPDec { max-width: 640px; }
}
@media (max-width: 767px) {
	.mspuserLeft { min-width: 0; text-align: center; }
	.mspName { font-size: 16px; }
	.mspComp { font-size: 14px; }
	.mspIbo, .mspEmail, .mspPhone { font-size: 13px; }
	.mspBio { border-left: none; padding-left: 0; text-align: center; margin-top: 15px; }
	.mspMediaTitle { font-size: 16px; margin: 10px 0 10px; }
	.mspAVP { max-width: 480px; border: #fff 8px solid; }
	.mspAVPDec { max-width: 480px; }
}