@font-face {
    font-family: "MUSEO300";
    src: url("../font/museo_slab_300-webfont.eot");
    src: url("../font/museo_slab_300-webfont.eot?#iefix") format("embedded-opentype"),
         url("../font/museo_slab_300-webfont.woff") format("woff"),
         url("../font/museo_slab_300-webfont.ttf") format("truetype"),
         url("../font/museo_slab_300-webfont.svg#museo_slab100") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "MUSEO500";
    src: url("../font/MUSEO500-REGULAR-webfont.eot");
    src: url("../font/MUSEO500-REGULAR-webfont.eot?#iefix") format("embedded-opentype"),
         url("../font/MUSEO500-REGULAR-webfont.woff") format("woff"),
         url("../font/MUSEO500-REGULAR-webfont.ttf") format("truetype"),
         url("../font/MUSEO500-REGULAR-webfont.svg#museo_slab100") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "MUSEO700";
    src: url("../font/MUSEO700-REGULAR-webfont.eot");
    src: url("../font/MUSEO700-REGULAR-webfont.eot?#iefix") format("embedded-opentype"),
         url("../font/MUSEO700-REGULAR-webfont.woff") format("woff"),
         url("../font/MUSEO700-REGULAR-webfont.ttf") format("truetype"),
         url("../font/MUSEO700-REGULAR-webfont.svg#museo_slab100") format("svg");
    font-weight: normal;
    font-style: normal;
}
html, body { height:100% }
body { overflow-x:hidden; font-family:"roboto", Arial, Helvetica, sans-serif; color:#000 }
ul, li { list-style:none; margin:0; padding:0 }
/*bootstrap*/
.label { font-family: "Open Sans"; padding: 3px 6px; font-weight:500; text-shadow: none; }
.pagination input.page { float:left; height:34px; width:54px; background:#fff; border:#ddd 1px solid; margin-left: -1px; padding: 5px 10px; text-align:center; position:relative }
.pagination-lg input.page { height:46px; width:66px }
.pagination-sm input.page { height:30px; width:50px }
.img-circle { border-radius: 50%; }
.btn-circle { width: 30px; height: 30px; padding: 6px 0; border-radius: 15px; text-align: center; font-size: 12px; line-height: 1.428571429; }
.btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; border-radius: 25px; font-size: 18px; line-height: 1.33; }
.btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; border-radius: 35px; font-size: 24px; line-height: 1.33; }
.btn-outline { color: inherit; background-color: transparent; transition: all .5s;
}
.btn-primary.btn-outline { color: #1ab394; }
.btn-success.btn-outline { color: #1c84c6; }
.btn-info.btn-outline { color: #23c6c8; }
.btn-warning.btn-outline { color: #f8ac59; }
.btn-danger.btn-outline { color: #ed5565; }
.btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover { color: #fff; }
/*common*/

.container {font-family:MUSEO300 !important}
.p-head1-out .container,
.p-foot1-out .container,
.p-foot2-out .container,
.p-foot3-out .container{font-family:Arial, Helvetica, sans-serif !important}
.p-head1-out { border-bottom:#ccd4d6 1px solid; padding:20px 0 }
.p-head2-out  a,.p-head2-out a:hover,.p-head2-out a:focus,.p-head2-out a:active{background:none !important; border:none !important; color:#666 !important}
.p-head3-out{ background:#f0f0f0; color:#fff; padding:10px 0; text-align:right}
.p-head3-out a{color:#999}
.p-banner1-out { background-image:url(../img/bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; min-height:300px; padding:50px 0 }
.p-banner1-out h2{font-family:MUSEO300}
.p-foot1-out { background:#34353a; padding:20px 0 }
.p-foot1-in { }
.p-foot2-out { background:#34353a; border-top:#3b3c41 1px solid; padding:20px 0 }
.p-foot2-in h6 { font-family:MUSEO300; color:#fff; font-size:14px }
.p-foot2-in li { margin-bottom:5px; font-size:12px }
.p-foot2-in li a { color:#656565 }
.p-foot2-in li a:hover { color:#eee; text-decoration:none }
.p-foot3-out { background:#222327; border-top:#3b3c41 1px solid; padding:10px 0 }
.p-foot3-in li { font-size:12px }
.p-foot3-in li a { color:#656565 }
.p-foot3-in li a:hover { color:#eee; text-decoration:none }
.p-video1-out { background-color:#d9f1e6; padding:50px 0 }
.p-form1 .form-control{background:none}
.p-form1 .form-control,.p-form1 .btn{border-radius:0}
.p-form1{ background:url(../img/bg2.png) no-repeat top center; padding-bottom:100px}
.m-head1{padding-top:10px; padding-bottom:10px; border-bottom:#ddd 1px solid}
.m-title1{;padding:10px 0; text-align:center; font-size:18px}
.m-tab1{border-bottom:#ddd 1px solid; border-top:#ddd 1px solid}
.m-tab1 div.col-xs-6{padding:0}
.m-tab1 a{border:0; background:#eee; border-radius:0}
.m-tab1 div.active a{color:#4bbd8a; background:none}
.m-form1 .form-control,.m-form1 .btn{border-radius:0}


 @media (max-width: 767px) {
 .xs-center {
text-align:center !important
}
 .xs-mt20 {
margin-top:20px
}
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
/*animate*/
@keyframes fastFadeInRight { 0% {
 opacity: 0;
 transform: translateX(40px);
}
100% {
 opacity: 1;
 transform: translateX(0px);
}
}
.fastFadeInRight { animation-name: fastFadeInRight; }