/* =========================== @Font-face =========================== */

@font-face {
    font-family: 'UTMAvo';
    src: url('../fonts/UTMAvo.eot');
    src: url('../fonts/UTMAvo.eot?#iefix') format('embedded-opentype'),
        url('../fonts/UTMAvo.woff') format('woff'),
        url('../fonts/UTMAvo.ttf') format('truetype'),
        url('../fonts/UTMAvo.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UTMAvoBold';
    src: url('../fonts/UTMAvoBold.eot');
    src: url('../fonts/UTMAvoBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/UTMAvoBold.woff') format('woff'),
        url('../fonts/UTMAvoBold.ttf') format('truetype'),
        url('../fonts/UTMAvoBold.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}
.font_UTMAvo{ font-family: 'UTMAvo'; }
.font_UTMAvoBold{ font-family: 'UTMAvoBold'; }
/* =========================== DEFAULT =========================== */
*{outline: none}
html{ margin: 0 ; -webkit-font-smoothing: antialiased !important;}
html a{-webkit-font-smoothing: antialiased !important;}
body{
    font-size: 15px;
    color: #393939;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;;
    background: #fff
}
.radius3{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(PIE.htc);
    position:relative;
}
.radius5{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(PIE.htc);
    position:relative;
}
.radius10{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(PIE.htc);
    position:relative;
}
.radius15{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    behavior: url(PIE.htc);
    position:relative;
}

.radius-top-10{
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius:  10px 10px 0 0;
    behavior: url(PIE.htc);
    position:relative;
}

.radius50pc{
    -webkit-border-radius: 50%;
    -moz-border-radius:  50%;
    border-radius:  50%;
    behavior: url(PIE.htc);
    position:relative;
}
.ul-none{ margin: 0; padding: 0; list-style-type: none}
a{ 
    color: #2d2d2d;
    text-decoration: none; 
    webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a:hover{
	text-decoration: none;
	color: #2d2d2d;
	font-weight: bold;
}

.size13{font-size: 13px}
.size14{font-size: 14px}
.size16{font-size: 16px}
.size18{font-size: 18px}
.size20{font-size: 20px}
.size24{font-size: 24px}
.size30{font-size: 30px}
.size34{font-size: 34px}
.size36{font-size: 36px}
.size48{font-size: 48px}
.size60{font-size: 60px}
.size72{font-size: 72px}

.warp{width: 750px; margin: 0 auto;}
.slides li img {width:750px !important}
.clr{ clear: both}
.responsive-img{ max-width: 100%}

.header{ 
    text-align: center;
    margin: 20px 0
}

.present{
    padding: 10px 20px;
    background: #54c3d3;
    color: #fff;

}
.present h1{
    margin: 0 0 5px 0;
    font-family: UTMAvoBold, Arial;
    font-size: 36px
}
.present p{
    font-size: 16px
}
.main{
    padding: 20px;
    background: #def0f2
}
.voucher-area{
    text-align: center;
    margin: 50px 0
}

.content{
    width: 600px; margin: 0 auto;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #d0d1d3
}
.content h3{
    text-align: center;
    font-family: UTMAvoBold, Arial;
    font-size: 14px
}
.main-form{
    width: 600px; margin: 30px auto;
	margin-top:0px;
}
.main-form label{font-size: 12px}

.main-form .btn-block{
    width: 250px;
    margin: 15px auto 50px auto;
}
.main-form .btn-request{
    width: 100%;
    padding: 8px 0;
    background: #54c3d3;
    border-radius: 2px;
    color: #fff;
    font-family:UTMAvoBold;
    font-size: 16px;
    text-align: center;
    display: block; 
    margin: 0 0 5px 0; border: 1px solid #CCC;
}
.main-form .btn-request:hover{ opacity: 0.7}
.main-form .term{
    color: #54c3d3
}
.main-form .term:hover{
    color: #43a8b6
}
.share-block{
    width: 600px;
    margin:0 auto;
    position: absolute;
    bottom: 170px;
    right: -150px;
}
.share-block .btn-invited,
.share-block .btn-share{
    background: #0076bd;
    color: #fff;
    font-family: UTMAvoBold, Arial;
    width: 170px;
    padding: 5px 0;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
}
.share-block .btn-invited{ background: #c0d00d; float: left}
.share-block .btn-share{ background: #0076bd; float: left}
.share-block a:hover{ opacity: 0.7}
.col-xs-4{width:33.33% !important}
.error{
    color:red;
}