﻿
@-webkit-keyframes flipInX {
  from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 8deg); transform: perspective(400px) rotate3d(1, 0, 0, 8deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -8deg); transform: perspective(400px) rotate3d(1, 0, 0, -8deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 2deg);  transform: perspective(400px) rotate3d(1, 0, 0, 2deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -1deg); transform: perspective(400px) rotate3d(1, 0, 0, -1deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}

@keyframes flipInX {
  from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 8deg); transform: perspective(400px) rotate3d(1, 0, 0, 8deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -4deg); transform: perspective(400px) rotate3d(1, 0, 0, -4deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 2deg);  transform: perspective(400px) rotate3d(1, 0, 0, 2deg); opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -1deg); transform: perspective(400px) rotate3d(1, 0, 0, -1deg); }
  to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }
.master_txt{ width:100%; line-height:23px; float:left; font-size:14px; font-weight:400; font-family: 'Open Sans', sans-serif; font-variant: normal; font-weight:400; min-height:300px;}
.master_txt p { margin-bottom:5px;}
.master_txt img { max-width:100%;}
//.content{ padding: 0px 0px 0px 10px; background: #fff; margin-top: 0px; margin-right: -25px; width: 490px; float: right; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.content{ padding: 0px 0px 0px 10px; background: #fff; margin-top: 0px; margin-right: 0; width: 490px; float: right; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.content:after { content:""; background:url(../images/arrow_msg.png) no-repeat; width:50px; height:36px; float:left; left: -49px; top:0px; position:absolute; }

@media only screen and (min-width: 240px) and (max-width: 480px) {
	.content{ background: #fff; margin-top: 20px; margin-left: -49px; width: 100%; float: right; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.content:after { content:""; background:url(../images/arrow_msg.png) no-repeat; width:0px; height:0px; float:left; left: -40px; top:20px; position:absolute; }
}

.master_hpm {padding-left: 20px; font-size: 25px; font-weight: 400; text-transform: uppercase; color: #0083AC; font-family: 'Open Sans', sans-serif; font-variant: normal; font-weight:400; letter-spacing: -0.048em; text-align: left; margin-top: 24px; margin-bottom: 14px;  width: 100%; float: right; position:relative; overflow-x: hidden;}
.head_txtpm { min-height: 39px;  line-height: 30px; position: relative;float: left; border-bottom:1px solid #d0d0d0;padding-right: 10px; margin:0px; display: inline-block;}
.head_txt_bdrpm { height: 39px; float: right; display: inline-block; margin:0px; width: 100%;  position: absolute; background:url(../images/mstr_line.png) 0px 0px no-repeat;}
.head_txt_bdr { height: 39px;    float: left; display: inline-block; margin:0px; width: 100%;  position: absolute; background:url(../images/mstr_line.png) 0px 0px no-repeat;}

.master_h { font-size: 25px; font-weight: 400; text-transform: uppercase; color: #0083AC; font-family: 'Open Sans', sans-serif; font-variant: normal; font-weight: 400; letter-spacing: -0.048em; text-align: left; margin-top: 26px; margin-bottom: 14px; width: 100%; float: left; position: relative; overflow-x: hidden; }
.head_txt { min-height: 39px; line-height: 30px; position: relative; float: left; border-bottom: 1px solid #d0d0d0; padding-right: 10px; margin: 0px; display: inline-block; }
.msg_txt2 { padding: 0px 20px; }
.message_section { position:fixed; max-width: none!important; z-index:-1; top:75px; right: 0px; width: 100%;}
.message_section1{ position:fixed; max-width: 100%; z-index:-1; top:0px; right:0px;}