@media screen, print{
.ecertificate-center{
    width:100%;
    margin:0 auto;
}
.ecertificate-section{
    width:100%;
    margin:0 auto;
    height: 100%;
    position: relative;
    display: inline-block;
}
.ecertify-left{
    float:left;
    width:115px;
    margin-right:15px;
    min-height:773px; 
    position: relative;  
}
.ecertify-left h2{
    font:bold 49px 'Arial';
    color:#fff !important;
    -webkit-print-color-adjust: exact; 
    text-transform: uppercase;
    width:195px;
    margin: 114px 0 0 -12px;
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
    position: absolute;
    top:0;
}
.ecertify-right{
    float:left;
    width:80%;
    margin-right:25px;
    position: relative;
}
.ecertify-logo{
    float:left;
    width: 100%;
}
.ecertify-logo img{
    float:right;
    margin:12px 0 18px;
}
.ecertify-badge{    
    width:100%;
    float:left;
    min-height: 20px;
    text-align: center;
    position: relative;
    margin-bottom: 5px;
}
.ecertify-badge h5{
    color:#fff !important;
    -webkit-print-color-adjust: exact; 
    font:bold 16px 'Arial';
    text-transform: uppercase;
    letter-spacing: 10px;
    position: absolute;
    top:2px;
    left:0;
    right:0;
    margin:0 auto;
}
.ecertify-right p{
    color:#6D6E71 !important;
    font:12px/18px 'Arial';
    margin-bottom:10px;
    display: inline-block;
    text-align: justify;
}
.ecertify-right p.small-text{
    font:10px/13px 'Arial';
}
.ecertify-right p span{
    color:#E31E24 !important;
    font:bold 12px 'Arial';
}
.ecertify-right h3{
    color:#1B4E9B !important;
    font:bold 15px/18px 'Times New Roman';
    text-align: center;
    margin:3px 0 15px;
}
.ecertify-right h3 span{
    display: block;
    color:#1B4E9B !important;
    text-decoration: underline;
    text-transform: uppercase;
}
.ecertify-right h4{
    color:#1B4E9B !important;
    font:bold 20px/15px 'Times New Roman';
    text-align: center;
    margin:14px 0 8px;
    text-transform: uppercase;
}
.ecertify-right h4 span{
    display: block;
    font:bold 11px/15px 'Times New Roman';
    color:#E31E24 !important;
    margin-top:4px;
    text-transform: none;
}
.liscence-section{
    float:left;
    width:100%;
    margin:13px 0;
}
.liscence-left{
    float:left;
    width:180px;
}
.liscence-left p{
    display: block;
    margin-bottom: 3px;
}
.liscence-left p span{
    color:#6D6E71 !important;
    width:45px;
    font-weight:normal;
    float:left;
    margin-top: 2px;
    margin-right: 18px;
}
.liscence-left p span span{
    float:right;
    width:auto;
    margin:0;
}
.liscence-right{
    float:right;
    width:150px;
}
.liscence-right p{
    font-size:11px;
    line-height:12px;
    font-weight:bold;
    text-align: right;
    float:right;
    margin-bottom:12px;
}
.liscence-right p span{
    display: block;
    font-size:11px;
    line-height:16px;
    font-weight:bold;
    color:#231F20 !important;
}
.comp-info{
    display: inline-block;
    width:100%;
    text-align: center;
}
.comp-info p{
    font:8px/18px 'Arial';
    color:#6D6E71 !important;
    margin: 0;
}
.comp-info h5{
    font:12px/18px 'Arial';
    color:#6D6E71 !important;
    text-transform: uppercase;
    margin:0;
}
.ecertify-ribbon{    
    width:100%;
    min-height:12px;
    display: inline-block;
    margin:23px 0 15px;
}
.address-infor{
    display: inline-block;
    width: 100%;
}
.address-left{
    float:left;
    width:95px;
}
.address-right h5{
    font:bold 13px/17px 'Arial';
    color:#6D6E71 !important;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.address-right p{
    font:11px/17px 'Arial';
    color:#6D6E71 !important;
    margin:0;
}
.help-infor{
    position: absolute;
    bottom:-50px;
    left:0px;
    background-color: #E31E24 !important;
    -webkit-print-color-adjust: exact; 
    height: 19px;
    width:375px;
    padding:4px 0 0 15px;
    color:#fff !important;
    font:12px 'Arial';
    text-transform: uppercase;    
}
.bottom-bg1{    
    width:22px;
    height:19px;
    position: absolute;
    top:0;
    right:-1px;
    z-index:9;
}
.bottom-bg{    
    width:63px;
    height:54px;
    position: absolute;
    bottom:-50px;
    right:-30px;
    z-index:9;
}

/*mockdrill*/
.tc-center{
    margin:0 auto;
}

.tc-section{
    width:100%;
	margin:0 auto;
    height: 100%;
    position: relative;
    display: inline-block;
}
.header-left img{
	width:120px;
	height:80px;
}
.logo-section{
 text-align:center;
  margin-top: -25px;
}
.mock-tag{
	width:80%;
	display:block;
	padding-left:220px;
	padding-top:16px;
}

.content-section{
padding-top:8%;
padding-left:9%;
color:#1F497D!important;
-webkit-print-color-adjust: exact; 

}
.content-section p{
text-align:left;
font:18px 'Arial';
line-height:28px;
color:#1F497D!important;
}
.content-section span{

text-align:left;
font: bold 18px 'Arial';
color:#1F497D!important;
}
.content-section ul{
padding-top:25px;
padding-left:25px;
text-align:left;
font:18px 'Arial';
line-height:28px;
}
.content-section li{
	list-style:url(../../img/elixir-img/elixir-pointer.png);
    color:#1F497D!important;
}


/*mock drill*/
}
@media print{
    .ecertify-logo img{
        margin:25px 0 30px;
    }
    .ecertify-badge{    
        margin-bottom: 20px;
    }
    .ecertify-right p{
        font:16px/24px 'Arial';
        margin-bottom:20px;
    }
    .ecertify-right p.small-text{
        font:13px/18px 'Arial';
    }
    .ecertify-right p span{
        font:bold 12px 'Arial';
    }
    .ecertify-right h3{
        font:bold 18px/24px 'Times New Roman';
        margin:10px 0 20px;
    }
    .ecertify-right h3 span{
        font-size: 26px;
        margin-bottom: 14px;
    }
    .ecertify-right h4{
        font:bold 26px/30px 'Times New Roman';
        margin:15px 0 20px;
    }
    .ecertify-right h4 span{
        font:bold 12px/18px 'Times New Roman';
        margin-top:5px;
    }
    .liscence-left p{
        margin-bottom:3px;
    }
    .comp-info{
        margin-bottom:20px;
    }
    .comp-info p {
        font: 8px/18px 'Arial';
        margin:0;
    }
    .ecertify-ribbon{
        margin-bottom: 45px;
    }
    .bottom-bg,.help-infor{
        bottom:-76px;
    }  
    .help-infor{
        height:20px;
    }
    /*.print_margintop10{
        margin-top: 10%;
    }
    .print_margintop20{
        margin-top: 20%;
    }*/
    .print_footer{
        position:fixed;width:78.5%;bottom:7%;
    }
      @page { 
        size: A4;
        margin: 0cm 0cm 0cm 0cm;     
    }
}