.cptch_block label{

    word-wrap:break-word

}

.cptch_block br{

    display:none !important

}

.cptch_label:hover{

    cursor:pointer

}

form input.cptch_input{

    padding-left:8px;

    padding-right:8px

}

.cptch_whitelist_message{

    font-style:italic;

    color:#008000;

    font-weight:normal !important

}

.cptch_block{

    display:block !important;

    width:100%;

    max-width:100%;

    box-sizing:border-box;

    word-spacing:normal !important;

    text-align:left

}

.cptch_title{

    display:block;

    word-wrap:break-word;

    padding-bottom:5px;

    clear:both

}

.cptch_wrap{

    display:table-row !important;

    position:relative;

    clear:both

}

.cptch_label,.cptch_reload_button_wrap{

    display:table-cell;

    margin:5px 0 !important;

    vertical-align:middle;

    line-height:1

}

.cptch_time_limit_notice{

    display:none;

    color:red;

    font-size:12px

}

.cptch_span{

    display:inline-block;

    vertical-align:middle;

    line-height:1;

    position:relative

}

.cptch_recognition .cptch_span{

    margin-right:2px

}

.rtl .cptch_recognition .cptch_span{

    margin-right:0px;

    margin-left:2px

}

.cptch_img{

    width:40px;

    max-width:40px !important;

    height:40px;

    top:0;

    z-index:1

}

.cptch_reload_button{

    width:2rem;

    height:2rem;

    font-size:2rem;

    margin:0 15px;

    vertical-align:text-bottom

}

.cptch_reload_button:before{

    vertical-align:text-bottom

}

.cptch_recognition .cptch_images_wrap{

    display:block;

    margin-bottom:3px

}

.rtl .cptch_block{

    direction:rtl;

    text-align:right

}

@media only screen and ( max-width:782px ){

    .cptch_reload_button{

        width:48px;

        height:48px;

        font-size:48px

    }

}

.cptch_ajax_wrap{

    color:red

}

.cptch_img.cptch_reduce{

    cursor:default;

    position:relative;

    z-index:10;

    transition:300ms ease-in-out;

    -webkit-transition:300ms ease-in-out

}

.cptch_left.cptch_reduce{

    transform:translateX(100%) scale(3,3);

    -webkit-transform:translateX(100%) scale(3,3)

}

.cptch_right.cptch_reduce{

    transform:translateX(-100%) scale(3,3);

    -webkit-transform:translateX(-100%) scale(3,3)

}

.cptch_center.cptch_reduce{

    transform:scale(3,3);

    -webkit-transform:scale(3,3)

}

.cptch_reload_button.cptch_active{

    opacity:0.7;

    animation:cptch_rotation 800ms infinite linear;

    -webkit-animation:cptch_rotation 800ms infinite linear

}

@-webkit-keyframes cptch_rotation{

    0%{

        -webkit-transform:rotate(0deg)

    }

    100%{

        -webkit-transform:rotate(359deg)

    }

}

@-moz-keyframes cptch_rotation{

    0%{

        -webkit-transform:rotate(0deg)

    }

    100%{

        -webkit-transform:rotate(359deg)

    }

}

@-o-keyframes cptch_rotation{

    0%{

        -webkit-transform:rotate(0deg)

    }

    100%{

        -webkit-transform:rotate(359deg)

    }

}

@keyframes cptch_rotation{

    0%{

        transform:rotate(0deg)

    }

    100%{

        transform:rotate(359deg)

    }

}





divwpcf7.{

    margin:0;

    padding:0

}

div.wpcf7 .screen-reader-response{

    position:absolute;

    overflow:hidden;

    clip:rect(1px,1px,1px,1px);

    height:1px;

    width:1px;

    margin:0;

    padding:0;

    border:0

}

div.wpcf7-response-output{

    margin:2em 0.5em 1em;

    padding:0.2em 1em;

    border:2px solid #ff0000

}

div.wpcf7-mail-sent-ok{

    border:2px solid #398f14

}

div.wpcf7-mail-sent-ng,div.wpcf7-aborted{

    border:2px solid #ff0000

}

div.wpcf7-spam-blocked{

    border:2px solid #ffa500

}

div.wpcf7-validation-errors,div.wpcf7-acceptance-missing{

    border:2px solid #f7e700

}

.wpcf7-form-control-wrap{

    position:relative

}

span.wpcf7-not-valid-tip{

    color:#f00;

    font-size:1em;

    font-weight:normal;

    display:block

}

.use-floating-validation-tip span.wpcf7-not-valid-tip{

    position:absolute;

    top:20%;

    left:20%;

    z-index:100;

    border:1px solid #ff0000;

    background:#fff;

    padding:.2em .8em

}

span.wpcf7-list-item{

    display:inline-block;

    margin:0 0 0 1em

}

span.wpcf7-list-item-label::before,span.wpcf7-list-item-label::after{

    content:" "

}

.wpcf7-display-none{

    display:none

}

div.wpcf7 .ajax-loader{

    visibility:hidden;

    display:inline-block;

    background-image:url(/skin/ajax-loader.gif);

    width:16px;

    height:16px;

    border:none;

    padding:0;

    margin:0 0 0 4px;

    vertical-align:middle

}

div.wpcf7 .ajax-loader.is-active{

    visibility:visible

}

div.wpcf7 div.ajax-error{

    display:none

}

div.wpcf7 .placeheld{

    color:#888

}

div.wpcf7 input[type="file"]{

    cursor:pointer

}

div.wpcf7 input[type="file"]:disabled{

    cursor:default

}

div.wpcf7 .wpcf7-submit:disabled{

    cursor:not-allowed

}

 .post-ratings{

    width:100%;

    opacity:1

}

.post-ratings-loading{

    display:none;

    height:16px;

    text-align:left

}

.post-ratings-image{

    border:0

}

.post-ratings img,.post-ratings-loading img,.post-ratings-image img{

    border:0;

    padding:0;

    margin:0

}

.post-ratings-text{

}

.post-ratings-comment-author{

    font-weight:normal;

    font-style:italic

}

*{

    margin:0;

    padding:0

}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{

    margin:0;

    padding:0;

    border:0;

    font-size:100%;

    font:inherit;

    vertical-align:baseline

}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{

    display:block

}

body{

    font-family:Tahoma,Arial,Verdana,sans-serif !important;

    background:#fff;

    color:#4D4D4D;

    font-size:15px;

    text-align:justify;

    line-height:20px;

    overflow-x:hidden

}

ol,ul{

    list-style:none;

    margin-top:0;

    margin-bottom:0

}

blockquote,q{

    quotes:none

}

blockquote:before,blockquote:after,q:before,q:after{

    content:'';

    content:none

}

table{

    border-collapse:collapse;

    border-spacing:0;

    width:100% !important;

    overflow:hidden;

    height:auto !important

}

table tr td{

    width:auto !important;

    height:auto !important

}

.none{

    display:none

}

h1,h2,h3,h4,h5,h6{

    font-weight:700

}

p,ul,li{

    line-height:20px;

    margin:0;

    padding:0;

    list-style:none

}

strong,b{

    font-weight:bold

}

em,i{

    font-style:italic

}

img{

    border:none;

    max-width:100%

}

a{

    text-decoration:none

}

a{

    margin:0;

    padding:0;

    cursor:pointer;

    color:#4194DB

}

a:hover{

    color:#689e01

}

:before,:after{

    -webkit-box-sizing:border-box;

    -moz-box-sizing:border-box;

    box-sizing:border-box

}

object#LR_Flash{

    display:none

}

.nodisplay{

    display:none

}

footer,session{

    overflow:hidden;

    clear:both

}

img{

    max-width:100%

}

.clear{

    clear:both;

    display:block

}

.container{

    margin:0 auto

}

.hidden{

    visibility:hidden !important

}

.main{

    max-width:980px !important;

    margin:0 auto

}

.noscroll{

    overflow:hidden;

    height:100%;

    position:fixed

}

#htop{

    top:0px;

    left:0;

    height:55px;

    box-sizing:border-box;

    z-index:999;

    display:none;

    background:#44bca3;

    width:100%;

    position:fixed;

    overflow:hidden

}

.btn_menu{

    background:#fd9450;

    position:relative;

    z-index:10;

    float:left;

    text-align:center;

    height:100%;

    cursor:pointer;

    box-sizing:border-box

}

#htop .logo{

    float:left;

    width:70%;

    box-sizing:border-box;

    text-align:center;

    padding:3px 2% 2px 5%

}

#htop .logo img{

    max-width:265px

}

.btn_phone{

    z-index:9;

    cursor:pointer;

    float:right;

    text-align:center;

    box-sizing:border-box;

    width:10%;

    -webkit-animation:rotex 2.5s infinite;

    -moz-animation:rotex 2.5s infinite;

    -o-animation:rotex 2.5s infinite;

    animation:rotex 2.5s infinite

}

.form_phone_top{

    width:100%;

    height:57px;

    position:absolute;

    top:0;

    padding-left:60px;

    box-sizing:border-box;

    z-index:9;

    background:#44bca3;

    display:none

}

.form_phone_top form{

    border:none;

    position:relative;

    overflow:hidden;

    max-width:60%;

    margin:0 auto;

    margin-top:14px

}

.form_phone_top input{

    border:none;

    height:28px;

    width:100%;

    box-sizing:border-box

}

.form_phone_top form p .wpcf7-submit{

    position:absolute;

    right:0;

    top:0;

    width:48px;

    height:25px;

    color:#fff;

    border:none;

    background:#ffc000;

    cursor:pointer

}

.noti-top{

    text-align:center

}

.contact-last{

    display:none;

    position:fixed;

    bottom:0;

    left:0;

    z-index:99999;

    width:100%;

    height:38px;

    float:left;

    text-align:center;

    margin:0 auto

}

.contact-last ul{

    position:relative

}

.contact-last li{

    float:left;

    height:38px;

    text-align:center;

    box-sizing:border-box

}

.contact-last li:first-child{

    width:50%;

    border-right:1px #fff solid;

    background:#fa565a;

    padding:5px 18px 0 1%

}

.contact-last li:nth-child(2){

    position:absolute;

    left:50%;

    width:34px

}

.contact-last li:last-child{

    float:right;

    width:50%;

    background:#44bca3;

    padding:5px 1% 0 18px

}

.contact-last li:nth-child(2){

    position:absolute;

    left:50%;

    width:34px

}



.footerbg1{

    width:100%;

    height:auto;

    padding:40px 0 15px;

    margin:0;

    overflow:hidden;

    background-size:100% 100%

}

.footerbg1:after{

    content:'';

    clear:both;

    display:block

}

.footerbg1 .left-ft{

    width:40%;

    float:left;

    text-align:left;

    margin-right:0%

}

.footerbg1 .right-ft{

    width:58%;

    float:right;

    text-align:right;

    margin-left:2%;

    box-sizing:border-box;

    border:3px solid #1a6b5a

}

.footerbg1 .right-ft .fb-page{

    margin-top:20px

}

.fb-page iframe{

    width:98%

}

#side_bar{

    width:25%;

    float:left;

    margin:0;

    padding:0

}

#blog-list-article{

    width:73%;

    float:right;

    padding:0;

    margin:0

}

#side_bar .dieutri{

    position:relative;

    background:#8ec967;

    margin-bottom:16px

}

#side_bar .dieutri h4{

    width:100%;

    box-sizing:border-box;

    padding:12px 12px;

    margin:0 auto;

    text-align:left;

    text-transform:uppercase;

    color:#fff;

    font-size:18px;

    line-height:25px;

    font-weight:700;

    position:relative;

    padding-left:50px

}

#side_bar .dieutri h4:before{

    content:"";

    position:absolute;

    background:url(/skin/menu_page3_icon1.png)center no-repeat;

    left:10px;

    top:11px;

    width:30px;

    height:25px

}

#side_bar .dieutri .arrow{

    position:absolute;

    right:20px;

    bottom:-10px

}

#css3-animated-example .h3cate{

    font-size:15px;

    background:#3e6ca1;

    text-transform:uppercase

}

#css3-animated-example .h3cate a{

    display:block;

    color:#fff;

    padding:14px 5px 14px 10px;

    text-align:left;

    border-bottom:2px #375d89 solid

}

#css3-animated-example .h3cate a:before{

    width:26px;

    height:27px;

    display:block;

    float:left;

    content:'';

    margin-right:6px;

    background:url(/skin/menuL_icon1.png) no-repeat 0 0

}

#css3-animated-example .h32cate a:before{

    background:url(/skin/menuL_icon2.png) no-repeat 0 0

}

#css3-animated-example .h33cate a:before{

    background:url(/skin/menuL_icon3.png) no-repeat 0 0;

    height:22px

}

#css3-animated-example .h34cate a:before{

    background:url(/skin/menuL_icon4.png) no-repeat 0 0

}

#css3-animated-example .h34cate a:before{

    background:url(/skin/menuL_icon4.png) no-repeat 0 0

}

#css3-animated-example .h35cate a:before{

    background:url(/skin/camnang.png) no-repeat 0 0

}

#css3-animated-example .h36cate a:before{

    background:url(/skin/hoi-nach-icon.png) no-repeat 0 0

}

.catelist_sidebar{

    width:100%;

    box-sizing:border-box

}

.catelist_sidebar > div > ul > li{

    margin-bottom:6px

}

.catelist_sidebar > div > ul > li > a{

    color:#fff

}

.catelist_sidebar > div > ul > li > a:hover{

    color:#ffd170

}

.catelist_sidebar > div > ul > li > a:hover:before{

    background:#ffd170

}

.catelist_sidebar > div > ul > li > a:before{

    content:'';

    width:5px;

    height:5px;

    float:left;

    background:#fff;

    margin-right:8px;

    margin-top:8px

}

.category-list{

    border-radius:6px;

    overflow:hidden

}

.categories_desc{

    background:#fff;

    box-sizing:border-box;

    margin-bottom:15px;

    background:#f5f5f5

}

.categories_desc .top{

    position:relative

}

.categories_desc h1{

    color:#32a792;

    display:block;

    font-size:18px;

    text-align:left;

    text-transform:uppercase;

    line-height:25px;

    padding:15px 156px 15px 0px;

    position:relative;

    padding-left:45px

}

.categories_desc h1:before{

    content:"";

    position:absolute;

    background:url(/skin/page3_icon_h1.png)center no-repeat;

    width:19px;

    height:26px;

    left:15px;

    top:11px

}

.categories_desc .share{

    position:absolute;

    right:10px;

    top:8px

}

.article-blog{

    width:100%;

    margin:0;

    margin-bottom:0px;

    float:left;

    background:#fff;

    padding-bottom:0px;

    min-height:180px;

    box-sizing:border-box;

    overflow:hidden;

    position:relative

}

.article-blog .link-image{

    float:left;

    transition:0.3s all ease;

    position:relative;

    overflow:hidden;

    padding:0;

    margin:1px;

    margin-right:20px;

    overflow:hidden;

    width:35%

}

.article-blog .link-image img{

    max-height:165px;

    min-height:165px

}

.article-blog .link-image .img-hover{

    height:97%;

    width:100%;

    display:block;

    position:absolute;

    background:rgba(114,134,164,0.69);

    top:0;

    left:0;

    opacity:0;

    transition:0.5s all ease

}

.pexcerpt{

    margin-top:15px

}

.article-blog h2{

    text-align:left;

    text-transform:none;

    font-size:15px;

    text-transform:uppercase;

    line-height:20px;

    clear:none

}

.article-blog h2 a{

    color:#1c85b7

}

.article-blog h2 a:hover{

    color:#d68259

}

.question_doctor{

    float:right;

    margin-top:20px

}

.question_doctor a{

    text-transform:uppercase;

    color:#fff;

    opacity:0.8

}

.question_doctor a:hover{

    opacity:1

}

.question_doctor a:nth-child(1){

    padding:8px 15px;

    background:#47bfa6

}

.question_doctor a:nth-child(2){

    padding:8px 20px;

    background:#f66b7b;

    margin-left:10px

}

.article-blog .details{

    min-height:80px;

    line-height:20px;

    font-size:14px;

    margin:0;

    padding:10px 0

}

.article-blog .link-image:hover .img-hover{

    opacity:0.6

}

.ssba img{

    padding:2px !important

}

.ssba img:hover{

    transform:rotate(360deg);

    opacity:0.8

}

.breadcumds{

    padding:10px 0px

}

.widget h2.widget-title{

    position:relative;

    background:#375d89;

    margin-bottom:16px;

    border-radius:6px;

    color:#fff;

    text-transform:uppercase;

    margin-top:20px;

    padding:10px;

    position:relative

}

.widget h2.widget-title:before{

    position:absolute;

    bottom:-8px;

    right:15px;

    content:"";

    background:url(/skin/menulefft_arrow.png)center no-repeat;

    width:21px;

    height:13px

}

.widget ul li a{

    color:#3e6ca1

}

.widget ul li a:before{

    content:'';

    width:5px;

    height:5px;

    border-radius:5px;

    display:table;

    background:#375d89;

    float:left;

    margin-top:8px;

    margin-right:6px

}

.the_content_single .ssba-wrap{

    margin-top:20px

}

.the_content_single p{

    margin-bottom:10px;

    line-height:26px

}

.the_content_single h2{

    padding-left:0px;

    color:#32a792;

    font-weight:600;

    margin-bottom:4px;

    font-size:16px;

    margin-bottom:5px;

    border-bottom:1px solid #32a792;

    width:auto;

    display:table;

    padding-bottom:5px;

    margin-bottom:10px;

    margin-top:15px

}

.the_content_single h3,.the_content_single h4{

    padding-left:0;

    color:#32a792;

    font-weight:600;

    margin-bottom:10px;

    font-size:16px;

    border-bottom:1px solid #32a792;

    width:auto;

    display:table;

    margin-top:15px;

    padding-bottom:4px

}

.the_content_single h4{

    font-size:15px;

    text-transform:uppercase

}

.the_content_single figure{

    width:100% !important;

    margin:20px 0px

}

.the_content_single img,.the_content_single figure img{

    margin:0 auto;

    display:table;

    height:auto

}

.post-ratings img,.post-ratings-loading img,.post-ratings-image img{

    width:20px

}

.the_content_single figcaption{

    text-align:center

}

the_content_single{

    border-top:1px solid #ccc;

    margin-top:10px

}

.the_content_single ul li{

    margin-bottom:10px;

    position:relative;

    line-height:24px;

    padding-left:20px

}

.the_content_single ul li strong{

    position:relative;

    padding-left:25px;

    display:inline-block

}

.the_content_single ul li:before{

    content:"";

    position:absolute;

    background:url(/skin/iconli_single.png)center no-repeat;

    width:14px;

    height:14px;

    top:5px;

    left:0px;

    background-size:100% 100%

}

.the_content_single ul li.linotstrong{

    padding-left:0

}

.the_content_single ul li.linotstrong:before{

    content:none

}

.name_pk_strong{

    color:#3cae94

}

.span_hotline_single{

    color:#f56165;

    font-weight:600

}

.the_content_single ul li strong:before{

    content:"";

    position:absolute;

    background:url(/skin/page4_bullet_daudong.png)center no-repeat;

    width:18px;

    height:18px;

    top:3px;

    left:0px

}

.aligncenter{

    text-align:center;

    margin:0 auto;

    display:table

}

.breadcumds a{

    color:#333

}

#content{

    box-sizing:border-box

}

.contact-last li:nth-child(2) span{

    margin-top:3px;

    margin-left:-16px

}

.wpcf7-date{

    padding:7.5px 5px !important

}

.caption h3{

    visibility:visible !important;

    text-transform:uppercase;

    font-size:16px

}

.rows2 .gallery-image .left img:hover,.rows2 .gallery-image .right img:hover{

    cursor:pointer

}

.wpcf7-form-control-wrap input,textarea{

    max-width:100%

}

.wpcf7-form-control-wrap input{

    padding:8px 8px;

    box-sizing:border-box

}

.wpcf7-form-control-wrap textarea{

    height:70px

}

#wpcf7-f163-o1 form p{

    margin-bottom:5px;

    text-align:left;

    color:#fff

}

#wpcf7-f163-o1 form p .wpcf7-submit{

    padding:10px 20px;

    width:100%;

    box-sizing:border-box;

    margin-top:15px;

    cursor:pointer;

    background:#45bca3;

    border:none;

    text-transform:uppercase;

    color:#fff;

    box-shadow:0px 1px 2px #dfdfdf

}

#wpcf7-f163-o1 form p .date-87 input{

    width:100%

}

.thumbnailgallery{

    margin-bottom:0px;

    width:100%;

    height:251px;

    overflow:hidden

}

.showrooms a.logo{

    display:inline-block;

    float:left

}

.showrooms a:hover{

    color:#ff6d00

}

.showrooms img{

    border-radius:5px;

    padding:3px;

    display:block

}

.thumbnailgallery .showrooms a{

    width:32.333%;

    float:left;

    margin-right:1.5%

}

.thumbnailgallery .showrooms a:nth-child(3n+3){

    margin-right:0

}

.slide_moitruong{

    position:relative

}

.slide_moitruong .arrowleft{

    position:absolute;

    top:34%;

    left:0;

    background:#fff url(/skin/arrow_left_mt.png)center no-repeat;

    width:30px;

    height:30px;

    cursor:pointer;

    padding:4px 2px;

    border-top-right-radius:5px;

    border-bottom-right-radius:5px

}

.slide_moitruong .arrowright{

    position:absolute;

    top:34%;

    right:0;

    background:#fff url(/skin/arrow_right_mt.png)center no-repeat;

    width:30px;

    height:30px;

    cursor:pointer;

    padding:4px 2px;

    border-top-left-radius:5px;

    border-bottom-left-radius:5px

}

#fixed-icon{

    position:fixed;

    right:-226px;

    z-index:9999;

    top:50px

}

#fixed-icon > div{

    width:250px;

    background:#bfebb7;

    text-align:center;

    margin-bottom:6px;

    height:48px;

    line-height:18px;

    transition:.5s all ease;

    position:relative;

    right:0

}

#fixed-icon > div:hover{

    right:226px;

    cursor:pointer

}

#fixed-icon > div:before{

    width:48px;

    height:48px;

    float:left;

    content:'';

    display:block;

    margin-left:-24px

}

#fixed-icon > div.call{

    background:#bfebb7;

    color:#436d3d

}

#fixed-icon > div.call a{

    color:#436d3d

}

#fixed-icon > div.chat{

    background:#dfc6d7;

    color:#7c4a6c

}

#fixed-icon > div.chat a{

    color:#7c4a6c

}

#fixed-icon > div.datlich{

    background:#f3e6b4;

    color:#887636

}

#fixed-icon > div.datlich a{

    color:#887636

}

#fixed-icon > div.address{

    background:#b3e3e9;

    color:#297880

}

#fixed-icon > div.address a{

    color:#297880

}

#fixed-icon > div.call:before{

    background:url(/skin/icon_chat_right.png) 0 0

}

#fixed-icon > div.chat:before{

    background:url(/skin/icon_chat_right.png) 0 -48px

}

#fixed-icon > div.datlich:before{

    background:url(/skin/icon_chat_right.png) 0 -96px

}

#fixed-icon > div.address:before{

    background:url(/skin/icon_chat_right.png) 0 -144px

}

#fixed-icon > div strong{

    display:block;

    text-transform:uppercase;

    padding-top:6px

}

.h3aboutsmd{

    text-align:center;

    color:#333;

    font-size:30px;

    text-transform:uppercase

}

.paboutsmd{

    text-align:center;

    color:#333

}

.bookcalendachild .itembookcalen{

    width:49%;

    margin-right:2%;

    float:left

}

.bookcalendachild .itembookcalen:last-child{

    margin-right:0;

    box-sizing:border-box

}

.itembookcalen .uudndbook{

    width:95%;

    display:table;

    border:1px solid rgb(200,134,97)

}

.uudndbook .hedbook{

    background:rgb(200,134,97);

    text-align:center

}

.hedbook h4{

    color:#fff;

    font-size:20px;

    text-transform:uppercase;

    padding:25px 0px;

    margin-top:0;

    margin-bottom:10px

}

.uluudai{

    padding:10px 20px 20px 20px

}

.uluudai li p{

    margin-bottom:15px

}

.infoht p{

    margin-bottom:5px

}

.bookcalendachild{

    display:table;

    width:100%;

    margin-top:30px

}

.bookcalenda{

    margin-top:30px

}

.infoht{

    padding:20px 0px

}

.parentform{

    padding:20px;

    box-sizing:border-box;

    border:1px solid rgb(200,134,97)

}

.fieldmd{

    width:100%;

    margin-bottom:15px

}

.textareamd{

    width:100%;

    min-height:150px;

    box-sizing:border-box;

    padding:10px

}

.parentform .wpcf7 .wpcf7-form p .wpcf7-submit{

    padding:7px 25px;

    background:#c88661;

    border:none;

    color:#fff;

    text-transform:uppercase;

    margin-top:16px;

    font-size:16px;

    font-weight:600;

    font-family:Tahoma,Arial,Verdana,sans-serif !important

}

.stop{

    -webkit-animation-play-state:paused;

    -moz-animation-play-state:paused

}

.ball{

    background-color:rgba(0,0,0,0);

    border:5px solid rgba(0,183,229,0.9);

    opacity:.9;

    border-top:5px solid rgba(0,0,0,0);

    border-left:5px solid rgba(0,0,0,0);

    border-radius:50px;

    box-shadow:0 0 35px #2187e7;

    width:50px;

    height:50px;

    margin:0 auto;

    -moz-animation:spin .5s infinite linear;

    -webkit-animation:spin .5s infinite linear

}

.ball1{

    background-color:rgba(0,0,0,0);

    border:5px solid rgba(0,183,229,0.9);

    opacity:.9;

    border-top:5px solid rgba(0,0,0,0);

    border-left:5px solid rgba(0,0,0,0);

    border-radius:50px;

    box-shadow:0 0 15px #2187e7;

    width:30px;

    height:30px;

    margin:0 auto;

    position:relative;

    top:-50px;

    -moz-animation:spinoff .5s infinite linear;

    -webkit-animation:spinoff .5s infinite linear

}

@-moz-keyframes spin{

    0%{

        -moz-transform:rotate(0deg)

    }

    100%{

        -moz-transform:rotate(360deg)

    }

}

@-moz-keyframes spinoff{

    0%{

        -moz-transform:rotate(0deg)

    }

    100%{

        -moz-transform:rotate(-360deg)

    }

}

@-webkit-keyframes spin{

    0%{

        -webkit-transform:rotate(0deg)

    }

    100%{

        -webkit-transform:rotate(360deg)

    }

}

@-webkit-keyframes spinoff{

    0%{

        -webkit-transform:rotate(0deg)

    }

    100%{

        -webkit-transform:rotate(-360deg)

    }

}

.circle{

    background-color:rgba(0,0,0,0);

    border:2px solid rgba(255,255,255,0.9);

    opacity:.9;

    border-radius:50px;

    box-shadow:0 0 35px #ffffff;

    width:40px;

    height:40px;

    margin:0 auto;

    margin-top:-10px;

    -moz-animation:spinPulse 1s infinite ease-in-out;

    -webkit-animation:spinPulse 1s infinite linear

}

.circle1{

    background-color:rgba(0,0,0,0);

    opacity:.9;

    border-radius:50px;

    width:30px;

    height:30px;

    margin:0 auto;

    position:relative;

    top:-35px

}

.circle1 a img{

    margin-left:10px

}

@-moz-keyframes spinPulse{

    0%{

        -moz-transform:rotate(160deg);

        opacity:0;

        box-shadow:0 0 1px #2187e7

    }

    50%{

        -moz-transform:rotate(145deg);

        opacity:1

    }

    100%{

        -moz-transform:rotate(-320deg);

        opacity:0

    }

}

@-moz-keyframes spinoffPulse{

    0%{

        -moz-transform:rotate(0deg)

    }

    100%{

        -moz-transform:rotate(360deg)

    }

}

@-webkit-keyframes spinPulse{

    0%{

        -webkit-transform:rotate(160deg);

        opacity:0;

        box-shadow:0 0 1px #2187e7

    }

    50%{

        -webkit-transform:rotate(145deg);

        opacity:1

    }

    100%{

        -webkit-transform:rotate(-320deg);

        opacity:0

    }

}

@-webkit-keyframes spinoffPulse{

    0%{

        -webkit-transform:rotate(0deg)

    }

    100%{

        -webkit-transform:rotate(360deg)

    }

}

.barlittle{

    background-color:#2187e7;

    background-image:-moz-linear-gradient(45deg,#2187e7 25%,#a0eaff);

    background-image:-webkit-linear-gradient(45deg,#2187e7 25%,#a0eaff);

    border-left:1px solid #111;

    border-top:1px solid #111;

    border-right:1px solid #333;

    border-bottom:1px solid #333;

    width:10px;

    height:10px;

    float:left;

    margin-left:5px;

    opacity:0.1;

    -moz-transform:scale(0.7);

    -webkit-transform:scale(0.7);

    -moz-animation:move 1s infinite linear;

    -webkit-animation:move 1s infinite linear

}

#block_1{

    -moz-animation-delay:.4s;

    -webkit-animation-delay:.4s

}

#block_2{

    -moz-animation-delay:.3s;

    -webkit-animation-delay:.3s

}

#block_3{

    -moz-animation-delay:.2s;

    -webkit-animation-delay:.2s

}

#block_4{

    -moz-animation-delay:.3s;

    -webkit-animation-delay:.3s

}

#block_5{

    -moz-animation-delay:.4s;

    -webkit-animation-delay:.4s

}

@-moz-keyframes move{

    0%{

        -moz-transform:scale(1.2);

        opacity:1

    }

    100%{

        -moz-transform:scale(0.7);

        opacity:0.1

    }

}

@-webkit-keyframes move{

    0%{

        -webkit-transform:scale(1.2);

        opacity:1

    }

    100%{

        -webkit-transform:scale(0.7);

        opacity:0.1

    }

}

.trigger,.triggerFull,.triggerBar{

    background:#000000;

    background:-moz-linear-gradient(top,#161616 0%,#000000 100%);

    background:-webkit-linear-gradient(top,#161616 0%,#000000 100%);

    border-left:1px solid #111;

    border-top:1px solid #111;

    border-right:1px solid #333;

    border-bottom:1px solid #333;

    font-family:Verdana,Geneva,sans-serif;

    font-size:0.8em;

    text-decoration:none;

    text-transform:lowercase;

    text-align:center;

    color:#fff;

    padding:10px;

    border-radius:3px;

    display:block;

    margin:0 auto;

    width:140px

}

.trigger:hover,.triggerFull:hover,.triggerBar:hover{

    background:-moz-linear-gradient(top,#202020 0%,#161616 100%);

    background:-webkit-linear-gradient(top,#202020 0%,#161616 100%)

}

.gallery-child .left{

    width:190px

}

.gallery-child .right{

    width:260px

}

.bot .b-left,.bot .b-right{

    width:50%

}

.viewmore_mt{

    width:100%;

    display:table;

    margin:20px auto 0px auto

}

.viewmore_mt a{

    color:#fff;

    text-transform:uppercase;

    font-size:15px;

    background:#5cb85c;

    text-align:center;

    margin:0 auto;

    display:table;

    padding:10px 30px;

    border-radius:10px;

    font-weight:600

}

.imgcontact_single{

    margin:5px auto;

    display:table

}

.list_postrand_side li{

    margin-bottom:20px;

    box-sizing:border-box

}

.list_postrand_side li a{

    margin:0 auto;

    display:table;

    font-weight:600

}

.list_postrand_side li p{

    margin-top:5px

}

.list_postrand_side li a img{

    border:2px solid #3e6ca1;

    box-sizing:border-box

}

.ulsamplenews{

    display:table;

    width:100%;

    margin-top:10px

}

.detailsampe{

    margin-top:0px;

    width:67%;

    float:left

}

.detailsampe > a{

    font-weight:600;

    color:#1c85b7;

    width:100%;

    display:table;

    text-transform:uppercase;

    font-size:13px

}

.detailsampe > a:hover{

    color:#d68259

}

.detailsampe p{

    margin-top:2px;

    font-size:14px

}

.samplenew{

    display:table;

    width:100%

}

.samplenew h3{

    border-bottom:1px solid #eaeaea;

    text-transform:uppercase;

    padding-bottom:5px;

    margin-bottom:10px;

    font-size:18px;

    color:#7aae58;

    padding-left:30px;

    position:relative

}

.samplenew h3:before{

    content:"";

    position:absolute;

    background:url(/skin/icon_baivietlienquan.png)center no-repeat;

    width:22px;

    height:15px;

    top:3px;

    left:0

}

.ulsamplenews li{

    width:49%;

    float:left;

    margin-right:2%;

    margin-bottom:10px;

    border-bottom:1px dashed #ccc;

    padding-bottom:10px;

    height:96px;

    overflow:hidden

}

.ulsamplenews li:nth-child(2n+2){

    margin-right:0

}

.ulsamplenews li:nth-child(4n+4){

    margin-right:0

}

.the_content_single table{

    display:table;

    margin-bottom:15px

}

.the_content_single table tr td{

    color:#505050;

    border:1px solid #ccc;

    padding:10px

}

.the_content_single table tr td a strong{

    color:#0849c9

}

.the_content_single table tr{

    display:table;

    width:100%;

    box-sizing:border-box

}

.primary_sidesmd{

    width:100%;

    display:table;

    box-sizing:border-box;

    background:url(/skin/bgbigtvtt.png)bottom no-repeat;

    background-size:100% auto;

    margin-top:20px;

    border:1px solid #079abf

}

.head_suppor{

    height:auto;

    display:table;

    background:url(/skin/bg-tvtt1.png)center no-repeat;

    background-size:100% 100%;

    width:100%;

    padding:10px 0px

}

.head_suppor h3{

    color:#fff;

    text-transform:uppercase;

    text-align:center

}

.boxnvtt img{

    margin:15px auto;

    display:table

}

.boxnvtt > p{

    margin:10px 0px;

    text-align:center;

    color:#333;

    padding:0px 18px;

    font-size:16px;

    font-weight:500

}

.priform{

    position:relative;

    width:100%;

    box-sizing:border-box;

    margin:20px 0px

}

.priform .priformtext{

    width:100%;

    box-sizing:border-box;

    border:1px solid #ed3028;

    padding:8px 10px

}

.priform .priformbutton{

    position:absolute;

    top:0;

    right:0;

    background:#ed3028;

    border:none;

    box-shadow:none;

    text-shadow:none;

    padding:7px 9px;

    color:#fff;

    text-transform:uppercase;

    font-size:17px

}

.boxnvtt{

    padding:0px 15px

}

.infomatiotttt{

    padding:0px 5px

}

.hottvtt{

    margin-bottom:15px;

    display:table;

    width:100%

}

.hottvtt .imghottvtt{

    width:16%;

    float:left;

    margin-right:2%

}

.hottvtt .texttvtt{

    float:left;

    width:82%

}

.texttvtt h4{

    margin-top:2px;

    margin-bottom:2px;

    color:#ed3028;

    font-size:20px;

    font-weight:600

}

.texttvtt .h4dc{

    font-size:16px !important

}

ul.item_cate>li:last-child{

    border-bottom:none

}

ul.item_cate>li>ul{

    padding-left:10px

}

ul.item_cate>li>ul>li{

    padding:10px 6px 6px 0px;

    border-bottom:1px dashed #ddd

}

ul.item_cate>li>ul>li>a{

    color:#525252

}

.form_cotact_sides{

    margin-bottom:10px

}

.form_cotact_sides form{

    position:relative

}

.form_cotact_sides form .wpcf7-submit{

    position:absolute;

    right:0;

    top:0;

    background:#ed3028;

    color:#fff;

    padding:10px 6px;

    border:none

}

.hoinachcss a{

    text-transform:uppercase !important;

    font-weight:600 !important;

    color:#0fd !important

}

.hoinachcss a:before{

    content:none !important

}

.descripton_cate{

    margin-bottom:10px;

    padding:10px;

    background:#f6f6f6;

    box-shadow:1px 1px 1px 1px #ccc

}

.descripton_cate .content{

    background:#375d89;

    box-shadow:inset 0px 1px 5px #375d89;

    padding:10px

}

.descripton_cate p{

    color:#fff;

    display:table;

    line-height:23px

}

.descripton_cate .content p img{

    max-width:115px;

    float:left;

    border-radius:50%;

    margin-right:10px;

    box-shadow:0px 2px 5px #8f8f8f

}

.the_content_single .ssba-wrap{

    display:none

}

.img_descate img{

    margin:0 auto;

    display:table

}

.submenu_v1{

    position:relative

}

ul.nav_home .submenu_v1 > ul{

    width:230px;

    padding-left:0;

    display:block;

    max-height:0px;

    background:transparent;

    border:none

}

ul.nav_home .submenu_v11 > ul{

    right:0;

    left:-160%

}

ul.nav_home .submenu_v1 > ul > li{

    width:100%;

    margin-left:0;

    margin-right:0;

    opacity:0;

    -webkit-transform:rotateY(90deg);

    -moz-transform:rotateY(90deg);

    -ms-transform:rotateY(90deg);

    -o-transform:rotateY(90deg);

    transform:rotateY(90deg);

    -webkit-transition:opacity .4s,-webkit-transform .5s;

    -moz-transition:opacity .4s,-moz-transform .5s;

    -ms-transition:opacity .4s,-ms-transform .5s;

    -o-transition:opacity .4s,-o-transform .5s;

    transition:opacity .4s,transform .5s;

    background:#a5683e;

    margin-top:0px

}

ul.nav_home .submenu_v1 > ul > li > a{

    text-transform:none;

    padding-left:10px;

    box-sizing:border-box;

    padding-top:6px;

    padding-bottom:6px;

    color:#fff

}

ul.nav_home .submenu_v1:hover > ul > li{

    opacity:1;

    -webkit-transform:none;

    -moz-transform:none;

    -ms-transform:none;

    -o-transform:none;

    transform:none

}

ul.nav_home .submenu_v1:hover > ul > li:nth-child(1){

    -webkit-transition-delay:0s;

    -moz-transition-delay:0s;

    -ms-transition-delay:0s;

    -o-transition-delay:0s;

    transition-delay:0s

}

.submenu_v1 > ul > li:nth-child(1){

    -webkit-transition-delay:350ms;

    -moz-transition-delay:350ms;

    -ms-transition-delay:350ms;

    -o-transition-delay:350ms;

    transition-delay:350ms

}

ul.nav_home .submenu_v1 > ul > li > a:hover{

    color:#ffdb8d;

    padding-left:15px;

    transition:all 0.5s

}

.submenu_v1 > ul > li{

    opacity:0;

    -webkit-transform:rotateY(90deg);

    -moz-transform:rotateY(90deg);

    -ms-transform:rotateY(90deg);

    -o-transform:rotateY(90deg);

    transform:rotateY(90deg);

    -webkit-transition:opacity .4s,-webkit-transform .5s;

    -moz-transition:opacity .4s,-moz-transform .5s;

    -ms-transition:opacity .4s,-ms-transform .5s;

    -o-transition:opacity .4s,-o-transform .5s;

    transition:opacity .4s,transform .5s

}

.submenu_v1:hover ul,.submenu_v1:focus ul{

    max-height:300px !important

}

.submenu_v1:hover ul li,.submenu_v1:focus ul li{

    opacity:1;

    -webkit-transform:none;

    -moz-transform:none;

    -ms-transform:none;

    -o-transform:none;

    transform:none

}

.submenu_v1:hover ul li:nth-child(1){

    -webkit-transition-delay:0s;

    -moz-transition-delay:0s;

    -ms-transition-delay:0s;

    -o-transition-delay:0s;

    transition-delay:0s

}

.submenu_v1:hover ul li:nth-child(2){

    -webkit-transition-delay:150ms;

    -moz-transition-delay:150ms;

    -ms-transition-delay:150ms;

    -o-transition-delay:150ms;

    transition-delay:150ms

}

.submenu_v1:hover ul li:nth-child(3){

    -webkit-transition-delay:250ms;

    -moz-transition-delay:250ms;

    -ms-transition-delay:250ms;

    -o-transition-delay:250ms;

    transition-delay:250ms

}

.submenu_v1:hover ul li:nth-child(4){

    -webkit-transition-delay:350ms;

    -moz-transition-delay:350ms;

    -ms-transition-delay:350ms;

    -o-transition-delay:350ms;

    transition-delay:350ms

}

.submenu_v1:hover ul li:nth-child(5){

    -webkit-transition-delay:350ms;

    -moz-transition-delay:350ms;

    -ms-transition-delay:350ms;

    -o-transition-delay:350ms;

    transition-delay:350ms

}

.submenu_v1:hover ul li:nth-child(6){

    -webkit-transition-delay:400ms;

    -moz-transition-delay:400ms;

    -ms-transition-delay:400ms;

    -o-transition-delay:400ms;

    transition-delay:400ms

}

.submenu_v1 ul li:nth-child(1){

    -webkit-transition-delay:350ms;

    -moz-transition-delay:350ms;

    -ms-transition-delay:350ms;

    -o-transition-delay:350ms;

    transition-delay:350ms

}

.submenu_v1 ul li:nth-child(2){

    -webkit-transition-delay:300ms;

    -moz-transition-delay:300ms;

    -ms-transition-delay:300ms;

    -o-transition-delay:300ms;

    transition-delay:300ms

}

.submenu_v1 ul li:nth-child(3){

    -webkit-transition-delay:250ms;

    -moz-transition-delay:250ms;

    -ms-transition-delay:250ms;

    -o-transition-delay:250ms;

    transition-delay:250ms

}

.submenu_v1 ul li:nth-child(4){

    -webkit-transition-delay:450ms;

    -moz-transition-delay:450ms;

    -ms-transition-delay:450ms;

    -o-transition-delay:450ms;

    transition-delay:450ms

}

.submenu_v1 ul li:nth-child(5){

    -webkit-transition-delay:650ms;

    -moz-transition-delay:650ms;

    -ms-transition-delay:650ms;

    -o-transition-delay:650ms;

    transition-delay:650ms

}

.submenu_v1 ul li:nth-child(6){

    -webkit-transition-delay:850ms;

    -moz-transition-delay:850ms;

    -ms-transition-delay:850ms;

    -o-transition-delay:850ms;

    transition-delay:850ms

}

.h3_gomap{

    color:#fff;

    text-align:left;

    margin-bottom:10px;

    text-transform:uppercase;

    border-bottom:1px solid #fff;

    padding-bottom:5px;

    font-size:18px

}

@-moz-document url-prefix(){

    ul.menuhmttht > li > a,ul.menubxhpkht > li > a,ul.menupkht > li > a,ul.menunkht > li > a,.rowmenucol > ul > li > ul > li > a{

        text-transform:none;

        font-size:11px

    }

}

.header_main{

    border-top:14px solid #f7f7f7

}

.imgcenters{

    display:table;

    margin:0 auto

}

.tablemain{

    display:table;

    width:100%

}

._v2_head_new{

    padding:15px 0px

}

._v2_head_new .logo_main{

    width:30%;

    float:left

}

._v2_head_new .slogan_new_head{

    width:40%;

    float:left

}

._v2_head_new ._v2_hotline_ht{

    width:30%;

    float:left

}

._v2_hotline_ht a img{

    float:right

}

._v2_navigation{

    min-height:53px;

    z-index:9;

    background:url(/skin/memu_bg.png)center no-repeat;

    position:relative

}

._v2_navigation ._v2_left_navigation{

    width:74%;

    float:left

}

._v2_navigation .v2_right_navigation{

    width:26%;

    float:left

}

._v2_main_nav{

    position:relative

}

._v2_nav_home > li{

    display:inline-block;

    white-space:nowrap;

    float:left;

    font-weight:700;

    text-align:center;

    height:53px;

    line-height:53px;

    padding:0 14px

}

._v2_nav_home > li > a{

    color:#fff;

    text-transform:uppercase;

    font-size:15px;

    font-weight:normal;

    position:relative

}

._v2_nav_home > li:hover{

    background:#32a792

}

._v2_nav_home > li.active_v2{

    background:#32a792

}

._v2_nav_home > li:first-child > a{

    padding-left:30px

}

._v2_nav_home > li:first-child > a:before{

    content:"";

    background:url(/skin/menu_icon_home.png)center no-repeat;

    position:absolute;

    width:22px;

    height:20px;

    left:0;

    top:-2px

}

._v2_main_search{

    overflow:hidden;

    box-sizing:border-box;

    position:relative

}

._v2_main_search .input_text_v2{

    width:100%;

    height:37px;

    margin-top:8px;

    border:none;

    border-radius:40px;

    padding-left:20px;

    box-sizing:border-box;

    font-style:italic;

    color:#9a9a9a;

    font-size:15px

}

._v2_main_search .input_text_v2:focus{

    outline:none

}

._v2_main_search .submit_value_v2{

    position:absolute;

    top:8px;

    right:0px;

    background:url(/skin/menu_icon_search.png)center no-repeat;

    width:37px;

    height:37px;

    border:none

}

._v2_main_search .submit_value_v2:hover{

    cursor:pointer

}

.phonefoos:hover,._v2_main_search .submit_value_v2:focus{

    outline:none

}

input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{

    -webkit-appearance:none;

    margin:0

}

input[type="number"]{

    -moz-appearance:textfield

}

._v2_nav_home > li > ul{

    width:100%;

    height:auto;

    z-index:1;

    background:#fff;

    box-sizing:border-box;

    border:3px solid #32a792;

    position:absolute;

    display:none;

    left:0;

    z-index:9999;

    box-sizing:border-box;

    padding:10px 3px

}

._v2_nav_home > li{

    text-align:left

}

._v2_nav_home > li:hover > ul{

    display:block

}

._v2_nav_home > li > ul > li > a{

    text-transform:uppercase;

    color:#dd5151;

    display:table;

    width:100%;

    border-bottom:2px solid #e1e1e1;

    padding-bottom:5px

}

._v2_nav_home > li > ul > li > ul > li{

    margin-bottom:8px;

    white-space:initial

}

._v2_nav_home > li > ul > li{

    width:25%;

    float:left;

    display:inline-block;

    border-right:1px solid #e3e3e3;

    height:100%;

    min-height:548px;

    box-sizing:border-box;

    padding:0px 15px

}

._v2_nav_home > li > ul > li:last-child{

    border-right:none

}

._v2_nav_home > li > ul > li > ul{

    margin-top:10px

}

._v2_nav_home > li > ul > li > ul > li > a{

    font-weight:normal;

    color:#298a79;

    text-transform:uppercase;

    border-bottom:1px dashed #f7f7f7;

    width:100%;

    display:table;

    position:relative;

    padding-bottom:3px;

    font-size:12px;

    padding-left:13px;

    box-sizing:border-box

}

._v2_nav_home .submenu_v22 > ul > li:last-child > a,._v2_nav_home > li > ul > li > ul > li:last-child > a{

    border-bottom:none

}

._v2_nav_home .submenu_v22 > ul > li > a:before,._v2_nav_home > li > ul > li > ul > li > a:before{

    content:"";

    background:url(/skin/sunmenu_top.png)0px -7px no-repeat ;

    width:7px;

    height:7px;

    position:absolute;

    top:7px;

    left:0;

    transition:all 0.3s

}

._v2_nav_home .submenu_v22 > ul > li > a:hover:before,._v2_nav_home > li > ul > li > ul > li > a:hover:before{

    background:url(/skin/sunmenu_top.png)0px 0px no-repeat ;

    left:5px;

    transition:all 0.3s

}

._v2_nav_home .submenu_v22 > ul > li > a:hover,._v2_nav_home > li > ul > li > ul > li > a:hover{

    padding-left:20px;

    color:#d35e39;

    transition:all 0.3s

}

._v2_nav_home > li:hover > ul.sub-menu{

    display:block

}

.submenu_v22{

    position:relative

}

._v2_nav_home .submenu_v22 > ul{

    width:290px

}

._v2_nav_home .submenu_v22 > ul > li{

    min-height:auto;

    border-right:none

}

._v2_nav_home .submenu_v22 > ul > li > a{

    color:#298a79;

    font-weight:normal;

    border-bottom:1px dashed #f7f7f7;

    position:relative;

    padding-left:13px;

    box-sizing:border-box;

    font-size:12px

}

._v2_nav_home > .submenu_v22 > ul > li{

    width:100%

}

._v2_nav_home > .submenu_v22 > ul > li{

    margin-bottom:8px

}

.slider_home_v3{

    width:100%;

    display:inline-block;

    background:url(/skin/banner_bg.png)center no-repeat;

    background-size:100% 100%

}

.primary_slide_v3 .left_v3_home_slide{

    width:42%;

    float:left

}

.left_v3_home_slide img{

    padding-top:2%

}

.primary_slide_v3 .right_v3_home_slide{

    width:58%;

    float:left;

    padding-top:2%

}

.box_child_v3_home_slide .boxleft_child_v3_home_slide{

    width:34%;

    float:left

}

.box_child_v3_home_slide .boxri_child_v3_home_slide{

    width:66%;

    float:left

}

.right_v3_home_slide > img:nth-child(1){

    padding-bottom:15px

}

.right_v3_home_slide > img:nth-child(2){

    padding-bottom:15px

}

.call_v3_slide_home{

    margin-top:3%

}

.call_v3_slide_home a{

    display:table;

    margin:0 auto;

    padding:12px 30px;

    border-radius:15px;

    font-size:20px;

    text-transform:uppercase;

    color:#fff;

    font-weight:600;

    background:#35b4d8

}

._v3_main_page_benh{

    background:#f7f7f7

}

.content_in_main_page_v3{

    padding:30px 0px

}

.content_in_main_page_v3 .item_main_page_home_v3{

    width:15%;

    float:left;

    margin-right:2%

}

.content_in_main_page_v3 .item_main_page_home_v3:last-child{

    margin-right:0

}

.initem_main_page_home_v3 a{

    text-align:center;

    display:table;

    width:100%;

    padding:20px 0px;

    background:#72c678;

    text-transform:uppercase;

    color:#fff;

    font-size:15px;

    border-radius:20px;

    font-weight:bold

}

.initem_main_page_home_v3 a:hover{

    background:#e64355

}

._v2_nav_home > li > ul > li > ul > li.menuadd_sub a{

    text-transform:uppercase;

    color:#dd5151;

    display:table;

    font-size:15px;

    font-weight:bold;

    width:100%;

    padding-bottom:5px;

    border-bottom:2px solid #e1e1e1;

    padding-left:0

}

._v2_nav_home > li > ul > li > ul > li.menuadd_sub{

    margin-top:20px

}

._v2_nav_home > li > ul > li > ul > li.menuadd_sub a:before{

    content:none

}

.bread_v2_new{

    background:#f5f5f5;

    margin-bottom:0px;

    margin-top:55px

}

.breadcumds span a{

    color:#b8b8b8;

    position:relative;

    padding-left:20px;

    height:48px

}

.breadcumds span a:before{

    content:"";

    position:absolute;

    background:url(/skin/breakcum_icon_normal.png)center no-repeat;

    width:5px;

    height:7px;

    top:6px;

    left:4px

}

.breadcrumb_last{

    color:#ff7282;

    font-weight:normal;

    position:relative;

    padding-left:15px

}

.breadcrumb_last:before{

    content:"";

    position:absolute;

    background:url(/skin/breakcum_icon_active.png)center no-repeat;

    width:5px;

    height:7px;

    top:6px;

    left:4px

}

.page-numbers{

    padding:6px 10px;

    border:1px solid #bebebe;

    color:#505050;

    font-weight:600;

    font-size:12px;

    border-radius:5px

}

.list-article{

    width:100%;

    border-bottom:1px solid #e5e5e5;

    margin-bottom:15px

}

.nav-links{

    float:right

}

.page-numbers:hover,.nav-links .current{

    background:#edbf9e;

    color:#fff;

    border:1px solid #edbf9e

}

.pagination{

    margin-top:20px;

    display:table;

    width:100%

}

.screen-reader-text{

    display:none

}

.main_pri_main{

    width:100%

}

.imgcenter{

    display:table;

    margin:0 auto;

    margin-bottom:10px

}

.question_face_fan{

    margin-top:30px

}

.question_face_fan h4{

    font-size:20px;

    color:#ec7f5e;

    font-weight:600;

    text-transform:uppercase;

    margin-bottom:5px;

    text-align:center

}

.question_face_fan p{

    color:#5bc36c;

    font-size:14px;

    text-transform:uppercase;

    text-align:center

}

ul.accordion{

    list-style:none;

    padding:0

}

ul.accordion .inner{

    overflow:hidden;

    display:none;

    margin-top:15px

}

ul.accordion .inner .show{

}

ul.accordion li{

    margin-bottom:.5em

}

ul.accordion li a.toggle{

    width:100%;

    display:block;

    background:#f5f5f5;

    color:#505050;

    font-weight:600;

    font-size:14px;

    padding:.9em;

    transition:background .3s ease;

    box-sizing:border-box;

    text-transform:uppercase;

    position:relative;

    padding-left:50px

}

ul.accordion li a.toggle:before{

    content:"";

    position:absolute;

    background:url(/skin/menu_icon_cate_sidebar.png)0px 0px no-repeat;

    width:31px;

    height:31px;

    top:10px;

    left:10px

}

ul.accordion > li:nth-child(2) > a.toggle:before{

    background:url(/skin/menu_icon_cate_sidebar.png)0px -31px no-repeat

}

ul.accordion > li:nth-child(3) > a.toggle:before{

    background:url(/skin/menu_icon_cate_sidebar.png)0px -62px no-repeat

}

ul.accordion > li:nth-child(4) > a.toggle:before{

    background:url(/skin/menu_icon_cate_sidebar.png)0px -93px no-repeat

}

ul.accordion > li:nth-child(5) > a.toggle:before{

    background:url(/skin/menu_icon_cate_sidebar.png)0px -124px no-repeat

}

ul.accordion > li:nth-child(6) > a.toggle:before{

    background:url(/skin/menu_icon_cate_sidebar.png)0px -155px no-repeat

}

ul.accordion > li > a.toggle:after{

    content:"";

    position:absolute;

    background:url(/skin/menu_page3_bg_right.png)center no-repeat;

    width:13px;

    height:13px;

    bottom:0;

    right:0

}

ul.accordion > li > a:hover{

}

ul.accordion>li:nth-child(6),ul.accordion>li:nth-child(7),ul.accordion>li:nth-child(8),ul.accordion>li:nth-child(9),ul.accordion>li:nth-child(10),ul.accordion>li:nth-child(11){

    display:none

}

ul.accordion>li:nth-child(4) > ul > li:nth-child(1){

    display:none

}

.ulin_cate_sidebar > li{

    border-bottom:1px dashed #dfdfdf;

    padding-bottom:6px;

    margin-bottom:6px

}

.ulin_cate_sidebar > li > a{

    position:relative;

    color:#505050;

    padding-left:20px;

    text-transform:uppercase;

    transition:all 0.4s;

    font-size:14px

}

.ulin_cate_sidebar > li > a:before{

    content:"";

    background:url(/skin/menu_page3_sidebar.png)0px 0px no-repeat;

    position:absolute;

    width:7px;

    height:7px;

    top:6px;

    left:6px

}

.ulin_cate_sidebar > li.activeli_v2 > a,.ulin_cate_sidebar > li > a:hover{

    padding-left:30px;

    transition:all 0.4s;

    color:#d35e39

}

.ulin_cate_sidebar > li.activeli_v2 > a:before,.ulin_cate_sidebar > li > a:hover:before{

    background:url(/skin/menu_page3_sidebar.png)0px -7px no-repeat;

    left:10px;

    transition:all 0.4s

}

._v2_new_accordion{

    position:relative;

    padding-right:16px;

    display:table;

    width:100%;

    box-sizing:border-box

}

._v2_new_accordion:after{

    content:"";

    position:absolute;

    width:14px;

    height:100%;

    background:url(/skin/menu_page3_bg_shadow.png)center no-repeat;

    right:0;

    top:0

}

._v2_categories_single h1{

    padding-right:15px;

    padding-left:25px;

    padding-top:12px;

    padding-bottom:12px

}

._v2_categories_single h1:before{

    width:5px;

    height:5px;

    background:#d97353;

    top:22px;

    left:13px

}

._v2_review_single{

    padding-bottom:5px;

    border-bottom:1px solid #dfdfdf;

    margin-bottom:0px;

    display:table;

    width:100%

}

._v2_review_single .post-ratings{

    float:left;

    width:72%;

    font-size:12px

}

._v2_review_single ._v2_item_review{

    width:30%;

    float:left

}

._v2_review_single ._v2_review_centers{

    width:65%

}

._v2_review_centers .post-ratings{

    float:left

}

._v2_review_centers p{

    float:left;

    padding-right:10px;

    line-height:28px;

    width:23%

}

._v2_review_centers p img{

    float:left;

    padding-right:10px

}

._v2_review_single ._v2_review_right{

    width:34%;

    float:right

}

._v2_review_left p{

    line-height:30px

}

._v2_review_left p img{

    float:left;

    padding-right:10px

}

.article-blog .link-image{

    position:relative;

    overflow:hidden

}

.article-blog .link-image:after{

    content:"";

    position:absolute;

    width:34px;

    height:34px;

    bottom:-50px;

    left:44%;

    background:url(/skin/page3_icon_pic_content.png)center no-repeat;

    transition:all 0.6s

}

.article-blog .link-image:hover:after{

    bottom:69px;

    transition:all 0.6s;

    transform:rotate(360deg)

}

.imges_like_butto_v2{

    height:28px

}

.imges_like_butto_v2 p{

    line-height:30px

}

.imges_like_butto_v2 p img{

    float:left;

    padding-right:8px

}

.imges_like_butto_v2 p iframe{

    float:right;

    padding-top:5px

}

.box_info_single{

    background:#fff;

    padding:20px 13px;

    border:1px solid #32a792;

    border-radius:10px;

    margin-bottom:10px

}

.box_info_single p{

    margin-bottom:0px

}

.box_info_single a img{

    margin-top:10px

}

.comment_v2_single_only .ques_face_child{

    display:none

}

.comment_v2_single_only .question_face_fan{

    margin-top:0

}

.footer_add_v2{

    background:#00a694;

    padding:5px 0px;

    display:table;

    width:100%

}

.footer_add_v2 p{

    float:left;

    color:#fff;

    font-weight:bold;

    line-height:38px

}

.footer_add_v2 .share_footer_v2{

    float:right

}

.footer_last_v2{

    background:#e5e5e5

}

.footer_last_v2 a img{

    float:left;

    padding-right:5px

}

.main_in_footer_last{

    padding:10px 0px;

    margin:0 auto;

    display:table;

    margin-bottom:50px

}

.main_in_footer_last a{

    color:#505050;

    line-height:37px

}

.su-box-style-soft{

    border-color:#ffe2cc !important;

    background-color:#fffaf6 !important

}

.su-box-content{

    background-color:#fffaf6 !important

}

.su-box-title{

    text-transform:uppercase;

    font-size:15px;

    width:92%;

    border-bottom:2px solid #f0d3be;

    padding-top:16px;

    display:table;

    padding-left:0px !important;

    padding-bottom:6px;

    margin:0 auto

}

.su-box-content ul li{

    border-bottom:1px dashed #ddb293;

    position:relative;

    padding-bottom:5px

}

.su-box-content ul li a{

    color:#187d5a

}

.su-box-content ul li a:hover{

    color:#d9941d

}

.animated_tada{

    -webkit-animation-duration:3s;

    animation-duration:3s;

    -webkit-animation-fill-mode:both;

    animation-fill-mode:both;

    -webkit-animation-timing-function:linear;

    animation-timing-function:linear;

    animation-iteration-count:infinite;

    -webkit-animation-iteration-count:infinite

}

@-webkit-keyframes tada{

    0%{

        -webkit-transform:scale(1)

    }

    10%,20%{

        -webkit-transform:scale(1) rotate(-1deg)

    }

    30%,50%,70%,90%{

        -webkit-transform:scale(1) rotate(1deg)

    }

    40%,60%,80%{

        -webkit-transform:scale(1) rotate(-1deg)

    }

    100%{

        -webkit-transform:scale(1) rotate(0)

    }

}

@keyframes tada{

    0%{

        transform:scale(1)

    }

    10%,20%{

        transform:scale(1) rotate(-1deg)

    }

    30%,50%,70%,90%{

        transform:scale(1) rotate(1deg)

    }

    40%,60%,80%{

        transform:scale(1) rotate(-1deg)

    }

    100%{

        transform:scale(1) rotate(0)

    }

}

.tada{

    -webkit-animation-name:tada;

    animation-name:tada

}

.breadcumds > span:last-child{

    color:#ff7282;

    font-weight:normal;

    position:relative;

    padding-left:15px

}

.breadcumds > span:last-child:before{

    position:absolute;

    width:4px;

    height:4px;

    content:"";

    top:7px;

    left:6px;

    background:#ff7282;

    border-radius:50%

}

.main_bread_crumd{

    overflow:hidden

}

.breadcumds > span > a.home:before{

    content:"";

    background:url(/skin/menu_icon_home_bread.png)center no-repeat;

    position:absolute;

    width:48px;

    height:48px;

    left:-10px;

    top:-14px

}

.breadcumds > span:first-child{

    padding-right:10px

}

.su-box-style-glass .su-box-title{

    background-image:none !important;

    background-color:#fff !important;

    color:#3f9a97 !important

}

.su-box-style-glass{

    background-color:#fff !important;

    border-color:#58c1ab !important

}

.su-box-style-glass .su-box-content{

    background-color:#fff !important

}

.su-box-style-glass .su-box-title{

    border-bottom:2px solid #3f9a97 !important

}

.su-box-style-glass .su-box-content ul li{

    border-bottom:1px dashed #3f9a97;

    padding-bottom:2px;

    padding-left:15px

}

.su-box-style-glass .su-box-content ul li:before{

    background:#3f9a97;

    width:5px;

    height:5px;

    top:10px

}

.su-box-style-glass .su-box-content ul li a{

    color:#3f9a97

}

.su-box-style-glass .su-box-content ul li a:hover{

    color:#32a792

}

.pri_slide_0211 > p{

    font-size:18px;

    color:#434343;

    margin-top:0px;

    z-index:2;

    position:relative

}

.pri_slide_0211 > p > span{

    color:#2b88f1

}

.in1_slide{

    padding-top:5px

}

.limit_date{

    margin-top:8px;

    width:70%

}

.limit_date p{

    color:#000;

    font-size:16px;

    text-align:center;

    display:table;

    margin:0 auto;

    background:#fdfaf5;

    padding:3px 25px;

    border:1px solid #ed1b28

}

.limit_date p strong{

    color:#f23a3a;

    font-size:20px

}

.showads_model1{

    position:fixed;

    top:120%;

    left:0;

    width:100%;

    transition:all 1s;

    z-index:99999

}

.hienadsnow{

    top:56px;

    transition:all 1s;

    background:rgba(0,0,0,0.6);

    width:100%;

    height:100%

}

.hienadsnow a img{

    width:80%;

    margin:0 auto;

    display:table

}

.close_ads_mobile{

    position:absolute;

    right:0px;

    top:0;

    width:auto;

    height:auto;

    z-index:99999;

    width:40px

}

.close_ads_mobile img{

    margin:0 auto;

    display:table

}

.slideUpReturn{

    display:block!important;

    -webkit-animation:slideUpReturn .8s ease-out;

    -moz-animation:slideUpReturn .8s ease-out;

    -o-animation:slideUpReturn .8s ease-out;

    animation:slideUpReturn .8s ease-out

}

@keyframes slideUpReturn{

    0%{

        transform-origin:0 0;

        transform:translateY(-100%)

    }

    100%{

        transform-origin:0 0;

        transform:translateY(0)

    }

}

.openDownLeft{

    animation-name:openDownLeft

}



.box1in_side_moth11_mobile,.box1in_side_moth11{

    position:relative;

    background:url(/skin/top_bg.png)repeat;

    padding:10px 10px 30px 10px;

    border-top:2px solid #aaaaaa

}

.box1in_side_moth11 p{

    color:#2a2b2b;

    font-size:16px;

    margin-bottom:8px

}

.box1in_side_moth11 strong{

    font-weight:600;

    color:#1a7ff1;

    text-align:center;

    font-size:16px;

    margin:0 auto;

    display:table

}

.box1in_side_moth11 .absolu_moth11{

    position:absolute;

    ;

    bottom:-20px

}

.box2_side_moth11{

    margin:30px 0px 20px 0px;

    display:table;

    width:100%

}

.inbox2_side_moth11 h3{

    position:relative;

    text-transform:uppercase;

    color:#fff;

    font-size:16px;

    padding:10px 0px 10px 35px;

    padding-left:50px;

    background:#8ec967

}

.inbox2_side_moth11 h3:before{

    content:"";

    background:url(/skin/icon_datlich_kham.png)center no-repeat;

    width:33px;

    height:33px;

    top:2px;

    left:10px;

    position:absolute

}

.Leftbox3_moth11{

    width:50%;

    float:left

}

.Ribox3_moth11{

    width:50%;

    float:left;

    background:#e5e5e5;

    padding:10px 10px 25px 10px;

    box-sizing:border-box;

    border-top-left-radius:12px;

    border-top-right-radius:12px;

    margin-top:50px

}

.box3_side_moth11{

    margin:15px 0px;

    position:relative;

    display:table;

    width:100%;

    margin-bottom:240px

}

.abso_main_box3moth{

    position:absolute;

    bottom:-244px;

    left:0

}

.boxin1_box3{

    position:relative;

    background:#f54c5c;

    min-height:50px;

    margin-bottom:10px

}

.boxin1_box3 .absolu_box3side_moth{

    position:absolute;

    top:0;

    left:0;

    width:100%

}

.inab_box1_moth{

    background:#fff;

    border:2px solid #f44b5c;

    padding:7px 8px 8px 9px;

    border-radius:50%;

    margin:0 auto;

    display:table;

    margin-top:-25px;

    width:auto

}

.inab_box1_moth a img{

    margin:0 auto;

    display:table

}

.boxin1_box3 > a{

    width:100%;

    display:table;

    padding-top:28px;

    color:#f3fab7;

    text-transform:uppercase;

    font-size:13px;

    font-weight:600;

    text-align:center;

    text-shadow:1px 1px #2e2e2e

}

.boxin2_box3{

    background:#6fd2be;

    min-height:45px

}

.boxin2_box3 > a{

    width:50%;

    display:table;

    text-align:left;

    float:right;

    padding-top:3px;

    color:#fff;

    position:relative

}

.boxin2_box3 > a:before{

    content:"";

    position:absolute;

    top:10px;

    left:-46px;

    width:31px;

    height:23px;

    background:url(/skin/chat_display.png)center no-repeat

}

.boxin3_box3{

    margin-top:10px;

    background:#f39e69;

    min-height:45px

}

.boxin3_box3 p{

    color:#fff;

    position:relative;

    padding-left:30px;

    margin-bottom:5px

}

.boxin3_box3 p:before{

    content:"";

    position:absolute;

    top:0px;

    left:9px;

    width:20px;

    height:23px;

    background:url(/skin/click_mobilse.png)center no-repeat

}

.boxin3_box3 > img{

    margin:0 auto;

    display:table

}

.sidebar_moth11_mobile{

    width:100%;

    display:table;

}

.box1in_side_moth11_mobile .absolu_moth11_mobile{

    position:absolute;

    bottom:-20px;

    left:0;

    width:100%;

    box-sizing:border-box

}

._L_ct_mobile{

    width:25%;

    float:left

}

._Ri_ct_mobile{

    width:75%;

    float:left

}

.box1in_side_moth11_mobile p{

    font-size:16px;

    text-align:center;

    color:#0e0e0e;

    margin-bottom:6px

}

.hot_sidebar{

    position:relative;

    padding-left:40px

}

.hot_sidebar:before{

    content:"";

    background:url(/skin/icon_hot_mobile.png)center no-repeat;

    width:47px;

    height:46px;

    position:absolute;

    top:0;

    left:0

}

.inabsolu_moth11_mobile{

    margin:0 auto;

    display:table

}

.hot_sidebar p{

    font-size:16px;

    font-weight:600

}

.hot_sidebar p:nth-child(1){

    color:#1a7ff1

}

.hot_sidebar p:nth-child(2){

    color:#f47451

}

.inbox2_sides_mobile{

    background:#91c66d;

    display:table;

    width:100%;

    border-radius:10px;

    padding:10px;

    box-sizing:border-box

}

.inbox2_sides_mobile h3{

    color:#fff;

    font-size:18px;

    line-height:25px;

    text-align:center;

    text-transform:uppercase;

    font-weight:normal;

    margin-bottom:10px

}

.inbox2_sides_mobile h4{

    color:#fff;

    font-size:12px;

    text-align:center;

    margin-bottom:6px

}

.inbox2_sides_mobile h4 > span{

    color:#f8f13d;

    font-size:25px

}

.inbox2_sides_mobile strong{

    text-align:center;

    padding:5px 10px;

    color:#505050;

    display:table

}

.inbox2_sides_mobile > span{

    color:#f8f13d;

    text-align:center;

    width:100%;

    display:table;

    font-size:16px

}

.inbox3_sides_mobi ul li{

    float:left;

    width:25%

}

.box3_sides_mobile{

    margin-bottom:30px

}

.hopqua{

    animation-duration:2s;

    animation-fill-mode:both;

    animation-duration:2s;

    -webkit-animation-fill-mode:both;

    animation-fill-mode:both;

    -webkit-animation-timing-function:linear;

    animation-timing-function:linear;

    animation-iteration-count:infinite;

    -webkit-animation-iteration-count:infinite

}

.post_random_single{

    width:48%;

    float:left;

    margin-right:4%;

    margin-bottom:20px;

    padding-bottom:6px;

    border-bottom:1px dashed #ccc;

    height:auto;

    overflow:hidden

}

.post_random_single:nth-child(2n+2){

    margin-right:0

}

.excerpt_rand_single{

    width:70%;

    float:left;

    padding-left:10px;

    box-sizing:border-box

}

.pri_rand_single{

    margin-top:6px

}

.pri_rand_single .img_rand_single{

    width:30%;

    float:left;

    height:90px;

    overflow:hidden

}

.img_rand_single a img{

    width:100%;

    height:80px;

    border:2px solid #388572;

    box-sizing:border-box

}

.post_random_single > a{

    color:#45a78f;

    font-weight:600;

    font-size:14px

}

#slider{

    position:relative;

    overflow:hidden;

    margin:0px auto 0 auto;

    border-radius:4px;

    width:100% !important;

    height:auto !important;

    max-height:400px !important;

    overflow:hidden

}

#slider ul{

    position:relative;

    margin:0;

    padding:0;

    max-height:400px;

    width:100% !important;

    list-style:none;

    max-width:1600px;

    margin-left:0 !important

}

#slider ul li{

    position:relative;

    display:block;

    float:left;

    margin:0;

    padding:0;

    width:100%;

    max-width:1920px;

    max-height:400px;

    background:#ccc;

    text-align:center

}

a.control_prev,a.control_next{

    position:absolute;

    bottom:10px;

    z-index:999;

    width:40px;

    height:40px;

    border-radius:50% !important;

    color:#FFFFFF;

    background:-webkit-linear-gradient(top,#61e2c7,#45bca3);

    background:linear-gradient(to bottom,#61e2c7,#45bca3);

    box-shadow:0px 1px 11px 1px rgb(81,205,178);

    cursor:pointer;

    text-decoration:none;

    text-align:center;

    line-height:35px;

    float:left;

    left:10px

}

a.control_prev:hover,a.control_next:hover{

    opacity:1;

    -webkit-transition:all 0.2s ease

}

a.control_prev{

    border-radius:0 2px 2px 0

}

a.control_next{

    left:60px;

    border-radius:2px 0 0 2px

}

.slider_option{

    position:relative;

    margin:10px auto;

    width:160px;

    font-size:18px

}

@keyframes lachopqua{

    from{

        transform:scale3d(1,1,1)

    }

    10%,20%{

        transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-15deg)

    }

    30%,50%,70%,90%{

        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,15deg)

    }

    40%,60%,80%{

        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-15deg)

    }

    to{

        transform:scale3d(1,1,1)

    }

}

.lachopqua{

    animation-name:lachopqua

}

.ulsamplenews{

    display:table;

    width:100%;

    margin-top:10px

}

.post_random_single{

    width:48%;

    float:left;

    margin-right:4%;

    margin-bottom:20px;

    padding-bottom:6px;

    border-bottom:1px dashed #ccc;

    height:auto;

    overflow:hidden

}

.post_random_single:nth-child(2n+2){

    margin-right:0

}

.post_random_single > a{

    color:#45a78f;

    font-weight:600;

    font-size:14px;

    height:40px;

    display:table;

    overflow:hidden

}

.pri_rand_single{

    margin-top:6px

}

.pri_rand_single .img_rand_single{

    width:30%;

    float:left;

    height:90px;

    overflow:hidden

}

.img_rand_single a img{

    width:100%;

    height:80px;

    border:2px solid #388572;

    box-sizing:border-box;

    display:block !important;

    opacity:1

}

.excerpt_rand_single{

    width:70%;

    float:left;

    padding-left:10px;

    box-sizing:border-box

}

.samplenew{

    display:table;

    width:100%

}

.samplenew h3{

    border-bottom:1px solid #eaeaea;

    text-transform:uppercase;

    padding-bottom:5px;

    margin-bottom:10px;

    font-size:18px;

    color:#7aae58;

    padding-left:30px;

    position:relative

}

.samplenew h3:before{

    content:"";

    position:absolute;

    background:url(/skin/icon_baivietlienquan.png)center no-repeat;

    width:22px;

    height:15px;

    top:3px;

    left:0

}

.menu-item-description{

    display:none

}

@media only screen and (max-width:768px){

    .fixed_banner_km2018{

        display:none

    }

    .slider_home_v3{

        margin-top:45px

    }

    .call_v3_slide_home{

        display:none

    }

    ._v3_main_page_benh,.primary_slide_v3{

        padding:0px 10px;

        box-sizing:border-box

    }

    .content_in_main_page_v3 .item_main_page_home_v3{

        width:32%;

        margin-bottom:10px

    }

    .content_in_main_page_v3 .item_main_page_home_v3:nth-child(3n+3){

        margin-right:0

    }

    .right_v3_home_slide > img:nth-child(1),.right_v3_home_slide > img:nth-child(2){

        padding-bottom:5px

    }

    .corona{

        height:75px

    }

}

@media only screen and (max-width:480px){

    .content_in_main_page_v3 .item_main_page_home_v3{

        width:49%

    }

    .content_in_main_page_v3 .item_main_page_home_v3:nth-child(3n+3){

        margin-right:2%

    }

    .content_in_main_page_v3 .item_main_page_home_v3:nth-child(2n+2){

        margin-right:0

    }

    .box_child_v3_home_slide{

        display:none

    }

    .primary_slide_v3 .right_v3_home_slide{

        padding-top:15%

    }

    .breadcumds{

        white-space:normal

    }

    .slide_mobile_min{

        margin-top:10px

    }

}

@media only screen and (max-width:414px){

    .breadcumds > span > a.home:before{

        top:-18px

    }

    .breadcumds span a:before{

        top:4px

    }

    .breadcumds > span:last-child:before{

        top:5px

    }

}

.fixed_banner_km2018{

    position:fixed;

    top:200px;

    left:0;

    z-index:99999999

}

.icon_soci_mobile{

    position:fixed;

    z-index:9;

    bottom:80px;

    right:15px;

    width:40px;

    height:auto

}

.iconsociaimg:nth-child(1){

    margin-bottom:5px

}

.iconsociaimg a img{

    max-width:100%;

    height:auto

}

.morea{

    border:1px solid #0c814c;

    padding:15px;

    margin-bottom:15px;

    background:#e4f1e6

}

.morea::before{

    content:"Có thể bạn chưa biết";

    text-transform:uppercase;

    color:#e64355;

    font-size:1.1em;

    line-height:normal;

    border-bottom:2px solid #f0d3be;

    padding-bottom:5px

}

.morea p{

    line-height:24px!important;

    position:relative;

    padding-left:25px;

    padding-bottom:8px!important

}

.morea p:first-child{

    padding-top:20px

}

.morea p:before{

    position:absolute;

    content:'';

    background:url(/images/all_image.png) no-repeat;

    background-position:-213px -223px;

    width:11px;

    height:11px;

    top:9px;

    left:0px

}

.morea p:first-child:before{

    top:27px

}

.morea p:last-child{

    padding-bottom:0px!important

}

.morea a{

    color:#187d5a

}

.morea p:hover:before{

    background-position:-229px -223px

}

.fixed-scroll{

    width:calc(100% - 56px);

    height:55px;

    position:absolute;

    top:0;

    left:56px;

    box-sizing:border-box;

    z-index:99;

    line-height:30px;

    background:#009aac;

    text-align:center;

    display:none

}

.fixed-scroll span{

    background:#00B463;

    color:#fff;

    padding:0px 6px;

    border-radius:4px;

    position:relative;

    top:-50px;

    right:10px;

    float:right;

    text-transform:uppercase;

    font-size:12px;

    font-weight:700;

    margin-left:6px;

    animation:zoominoutsinglefeatured 1s infinite

}

.fixed-scroll span:before{

    content:'';

    display:block;

    position:absolute;

    border:2px #90eff9 solid;

    top:-1px;

    right:-1px;

    bottom:-1px;

    left:-1px;

    -webkit-animation-duration:1s;

    animation-duration:1s;

    -webkit-border-radius:6px;

    -moz-border-radius:6px;

    border-radius:6px;

    -webkit-animation-duration:1s;

    animation-duration:1s;

    --moz-border-radius:6px;

    border-radius:6px;

    -webkit-animation-name:hover-ripple-out;

    animation-name:hover-ripple-out;

    animation-iteration-count:infinite;

    -webkit-animation-iteration-count:infinite

}

.fixed-scroll img{

    height:56px;

    width:100%

}

a.link-image{

    text-align:center

}

@font-face{

    font-family:'fontPkhoanew';

    src:url(/skin/UTMHelvetIns.ttf) format('truetype') ;

    font-display:swap

}

.aviem{

    font-family:'fontPkhoanew',sans-serif

}

p{

    color:#505050;

    line-height:24px

}

.tablemain{

    width:100%;

    display:table

}

.imgcenter{

    margin:0 auto;

    display:table

}

.marginbox{

    margin:30px 0px

}

.paddingbox{

    padding:30px 0px

}

.margintoppri{

    margin-top:30px

}

.slidenewpk{

    background:url(/skin/bg_slidepk.png)center no-repeat;

    display:table;

    min-height:414px;

    box-shadow:0px 4px 12px 4px #f7f7f7

}

._LslidenewPk{

    width:65%;

    float:left

}

.mainslidenewpk{

    position:relative;

    min-height:414px;

    background-image:url(/skin/bsnewphukhoa.png);

    background-position:right -105px bottom 0px;

    background-repeat:no-repeat

}

.mainslidenewpk ._RslidenewPk{

    position:absolute;

    bottom:0;

    right:-108px

}

._LslidenewPk > img{

    padding-bottom:12px

}

._LslidenewPk > img:first-child{

    padding-top:45px

}

.titlenewpk h3,.titlenewpk h2,.titlenewpk h1{

    color:#33a792;

    font-size:28px;

    text-align:center;

    font-weight:normal;

    text-transform:uppercase;

    margin-bottom:15px;

    font-family:'fontPkhoanew',sans-serif;

    line-height:40px

}

.titlenewpkv2 h1{

    color:#fff

}

.itembox1newpk{

    width:15.83333%;

    float:left;

    margin-right:1%;

    margin-bottom:1%

}

.itembox1newpk:nth-child(6n+6){

    margin-right:0

}

.itembox1newpk .initembox1newpk{

    background:#fc818c;

    border-radius:10px;

    height:100px;

    width:155px;

    vertical-align:middle;

    display:table-cell

}

.initembox1newpk h4{

    font-weight:normal;

    font-family:'fontPkhoanew',sans-serif;

    font-size:16px;

    text-align:center

}

.initembox1newpk h4 a{

    color:#fff

}

.itembox1newpk:nth-child(2) .initembox1newpk{

    background:#6ecab9

}

.itembox1newpk:nth-child(3) .initembox1newpk{

    background:#fba95d

}

.itembox1newpk:nth-child(4) .initembox1newpk{

    background:#54bfd5

}

.itembox1newpk:nth-child(5) .initembox1newpk{

    background:#ff89dc

}

.itembox1newpk:nth-child(6) .initembox1newpk{

    background:#97c888

}

.itembox1newpk:nth-child(7) .initembox1newpk{

    background:#97c888

}

.itembox1newpk:nth-child(8) .initembox1newpk{

    background:#ff89dc

}

.itembox1newpk:nth-child(9) .initembox1newpk{

    background:#54bfd5

}

.itembox1newpk:nth-child(10) .initembox1newpk{

    background:#fba95d

}

.itembox1newpk:nth-child(11) .initembox1newpk{

    background:#6ecab9

}

.itembox1newpk:nth-child(12) .initembox1newpk{

    background:#fc818c

}

.box2newpkhoa{

    background:#33a792;

    -webkit-box-shadow:inset 0 20px 20px -20px #217161;

    -moz-box-shadow:inset 0 20px 20px -20px #217161;

    box-shadow:inset 0 20px 20px -20px #217161

}

.titlenewpkv2 h3{

    color:#fff;

    margin-bottom:4px

}

.titlenewpkv2 p{

    color:#fff;

    font-size:14px;

    text-align:center

}

.titlenewpkv2 img{

    margin-top:5px

}

.itembox2newpk{

    width:48%;

    float:left;

    margin-right:4%

}

.itembox2newpk:last-child{

    margin-right:0

}

.initembox2newpk p{

    color:#fff;

    position:relative;

    padding:25px 0px;

    margin-top:40px

}

.initembox2newpk p:before{

    content:"";

    position:absolute;

    background:url(/skin/ngoactren.png)center no-repeat;

    width:24px;

    height:16px;

    top:0;

    left:0

}

.initembox2newpk p:after{

    content:"";

    position:absolute;

    background:url(/skin/ngoaduoi.png)center no-repeat;

    width:24px;

    height:16px;

    bottom:0;

    right:0

}

.box4newpkhoa{

    background:#fc818c;

    -webkit-box-shadow:inset 0 20px 20px -20px #e2747d;

    -moz-box-shadow:inset 0 20px 20px -20px #e2747d;

    box-shadow:inset 0 20px 20px -20px #e2747d

}

 .itembox4newpk{

    width:12.5714%;

    float:left;

    margin-right:2%

}

.itembox4newpk:last-child{

    margin-right:0

}

.pribox4_newpk > p{

    color:#fff;

    text-align:center;

    margin-bottom:20px

}

.initembox4newpk p{

    color:#fff;

    font-size:14px;

    text-align:center

}

.livechatnewpk{

    margin-top:30px

}

.livechatnewpk h4{

    color:#fff;

    text-align:center;

    font-size:24px;

    font-family:'fontPkhoanew',sans-serif;

    font-weight:normal

}

.livechatnewpk img{

    margin-bottom:-68px;

    margin-top:30px

}

.itembox6newpk{

    width:23.5%;

    float:left;

    margin-right:2%

}

.itembox6newpk:last-child{

    margin-right:0

}

.box6newpkhoa{

    margin-top:45px

}

.contentbox6newpk{

    border:1px solid #cecece;

    padding:10px;

    position:relative

}

.contentbox6newpk img{

    position:absolute;

    top:-30px;

    right:-6px

}

.contentbox6newpk p{

    position:relative;

    margin-top:60px;

    padding:20px 0px;

    min-height:121px

}

.contentbox6newpk p:before{

    content:"";

    position:absolute;

    background:url(/skin/ngoac-1.png)center no-repeat;

    width:21px;

    height:14px;

    top:0;

    left:0

}

.contentbox6newpk p:after{

    content:"";

    position:absolute;

    background:url(/skin/ngoac-2.png)center no-repeat;

    width:21px;

    height:14px;

    bottom:0;

    right:0

}

.contentbox6newpk:before{

    content:"";

    position:absolute;

    background:url(/skin/tamgiac.png)center no-repeat;

    width:36px;

    height:33px;

    bottom:-33px;

    left:20px

}

.initembox6newpk h4{

    font-size:14px;

    margin-top:45px

}

.itembox7newpk{

    width:28%;

    float:left;

    margin-right:8%

}

.box7newpkhoa{

    background:#fe8927;

    -webkit-box-shadow:inset 0 20px 20px -20px #e47c24;

    -moz-box-shadow:inset 0 20px 20px -20px #e47c24;

    box-shadow:inset 0 20px 20px -20px #e47c24

}

.listbox7newpk{

    margin-top:20px

}

.itembox7newpk:last-child{

    margin-right:0

}

.itembox7newpk:nth-child(2),.itembox7newpk:nth-child(4){

    display:none

}

.initem2box7newpk img,.initembox7newpk img{

    display:none

}

.initembox7newpk strong,.initem2box7newpk strong{

    color:#fff

}

.initem2box7newpk ul li,.initembox7newpk ul li{

    list-style-type:disc;

    color:#fff;

    font-size:14px

}

.initem2box7newpk ul,.initembox7newpk ul{

    margin-top:10px

}

.initem2box7newpk ul li p,.initembox7newpk ul li p{

    color:#fff

}

.pribox7_newpk > p{

    text-align:center;

    color:#fff

}

.item2box7newpk:nth-child(1) .initem2box7newpk{

    padding-left:140px

}

.item2box7newpk:nth-child(2) .initem2box7newpk{

    padding-left:80px

}

.initembox7newpk{

    margin-bottom:15px

}

.initem2box7newpk{

    margin-top:15px

}

.item2box7newpk{

    width:48%;

    float:left;

    margin-right:4%;

    box-sizing:border-box

}

.item2box7newpk:last-child{

    margin-right:0

}

.box8newpkhoa{

    margin-top:40px

}

.sloganbox8newpk p{

    text-align:center

}

.sloganbox8newpk p a{

    color:#33a792;

    text-transform:uppercase

}

.contentbox8newpk{

    margin-top:30px;

    position:relative

}

.contentbox8newpk p{

    position:absolute;

    width:200px;

    text-align:center

}

.contentbox8newpk .p1box8newpk{

    top:66px;

    left:110px

}

.contentbox8newpk .p2box8newpk{

    width:150px;

    top:66px;

    right:75px

}

.contentbox8newpk .p3box8newpk{

    top:335px;

    left:0px

}

.contentbox8newpk .p4box8newpk{

    top:335px;

    right:0px;

    width:195px

}

.contentbox8newpk .p5box8newpk{

    left:43%

}

.pribox8_newpk{

    padding-bottom:50px

}

.box9newpkhoa{

    background:#00a694;

    -webkit-box-shadow:inset 0 20px 20px -20px #009585;

    -moz-box-shadow:inset 0 20px 20px -20px #009585;

    box-shadow:inset 0 20px 20px -20px #009585

}

.itembox9newpk{

    width:23.5%;

    float:left;

    margin-right:2%

}

.itembox9newpk:last-child{

    margin-right:0

}

.initembox9newpk img{

    margin-bottom:20px

}

.initembox9newpk p{

    color:#fff;

    text-align:center;

    margin-top:5px

}

.initembox9newpk strong{

    color:#fff;

    display:table;

    margin:0 auto

}

.newpklast{

    margin:30px 0px

}

.newpklast a{

    display:table;

    margin:0 auto

}

.carousel .previews .preview ._LslidenewPk img{

    width:auto

}

.titlenewpkv2 h2{

    color:#fff

}

.bvhi{

    color:white;

    margin:auto;

    text-align:center;

    font-size:18px;

    padding-top:5px

}

.bvhi a{

    color:white

}

@media only screen and (max-width:1024px){

    .main{

        padding:0px 10px

    }

}

@media only screen and (max-width:768px){

    .initembox2newpk p{

        margin-top:0px

    }

    .itembox6newpk{

        width:48%

    }

    .itembox6newpk:nth-child(2n+2){

        margin-right:0

    }

    .contentbox6newpk img{

        position:static

    }

    .contentbox6newpk p{

        margin-top:15px;

        min-height:85px

    }

    .item2box7newpk:nth-child(1) .initem2box7newpk{

        padding-left:60px

    }

    .item2box7newpk:nth-child(2) .initem2box7newpk{

        padding-left:20px

    }

    .contentbox8newpk img{

        width:55%

    }

    .contentbox8newpk .p1box8newpk{

        top:42px;

        left:50px

    }

    .contentbox8newpk .p2box8newpk{

        top:20px;

        right:32px

    }

    .contentbox8newpk .p3box8newpk{

        width:230px;

        left:0;

        width:153px

    }

    .contentbox8newpk .p4box8newpk{

        top:210px;

        width:160px

    }

}

@media only screen and (max-width:736px){

    .mainslidenewpk{

        background-position:right -105px bottom -80px

    }

    .slidenewpk{

        min-height:auto

    }

    .mainslidenewpk{

        min-height:346px

    }

}

@media only screen and (max-width:680px){

    ._LslidenewPk{

        width:70%

    }

    .itembox1newpk{

        width:32.6667%

    }

    .itembox1newpk:nth-child(3n+3){

        margin-right:0

    }

    .itembox1newpk .initembox1newpk{

        width:218px

    }

    .contentbox8newpk .p1box8newpk{

        top:30px;

        left:15px

    }

    .contentbox8newpk .p2box8newpk{

        right:0

    }

    .contentbox8newpk .p3box8newpk{

        top:204px

    }

    .contentbox8newpk .p4box8newpk{

        top:179px;

        width:142px

    }

    .contentbox8newpk .p5box8newpk{

        left:38%

    }

}

@media only screen and (max-width:580px){

    ._LslidenewPk > img:first-child{

        padding-top:15px

    }

    .mainslidenewpk{

        min-height:315px

    }

    .mainslidenewpk{

        background-position:right -180px bottom -80px

    }

    .itembox2newpk{

        width:100%;

        margin-right:4%

    }

    .initembox2newpk p:before,.initembox2newpk p:after{

        content:none

    }

    .titlenewpk h3,.titlenewpk h1,.titlenewpk h2{

        font-size:22px

    }

    .itembox4newpk{

        width:45%;

        margin-bottom:20px

    }

    .itembox4newpk:nth-child(3n+3){

        margin-right:0

    }

    .sec3inbox7,.sec2inbox7{

        display:none

    }

    .initem2box7newpk img,.initembox7newpk img,.itembox7newpk:nth-child(2),.itembox7newpk:nth-child(4){

        display:block !important

    }

    .itembox7newpk{

        width:100%;

        margin-right:0

    }

    .initembox7newpk{

        text-align:center;

        margin-bottom:30px

    }

    .livechatnewpk h4{

        font-size:20px;

        line-height:30px

    }

}

@media only screen and (max-width:480px){

    .number_talkmobi{

        display:block !important

    }

    .number_talkdesktop{

        display:none

    }

    .mainslidenewpk{

        min-height:270px

    }

    .mainslidenewpk{

        background-position:right -180px bottom -146px

    }

    .margintoppri{

        margin-top:15px

    }

    .initembox2newpk p{

        padding:10px 0px

    }

    .livechatnewpk{

        margin-top:15px

    }

    .livechatnewpk img{

        margin-top:15px;

        margin-bottom:-10px

    }

    .box8newpkhoa ,.box6newpkhoa{

        margin-top:0

    }

    .itembox6newpk{

        width:100%;

        margin-right:0

    }

    .contentbox6newpk p{

        margin-top:0;

        min-height:auto

    }

    .initembox7newpk{

        margin-bottom:25px

    }

    .contentbox8newpk img{

        width:60%

    }

    .contentbox8newpk .p1box8newpk{

        top:22px;

        left:0px;

        width:155px

    }

    .contentbox8newpk .p2box8newpk{

        width:110px;

        top:5px

    }

    .contentbox8newpk .p4box8newpk{

        top:188px;

        width:170px

    }

    .contentbox8newpk .p5box8newpk{

        left:32%

    }

    .contentbox8newpk p{

        font-size:14px

    }

    .itembox9newpk{

        width:49%;

        margin-bottom:20px

    }

    .itembox9newpk:nth-child(2n+2){

        margin-right:0

    }

    .titlenewpk h3,.titlenewpk h1,.titlenewpk h2{

        font-size:20px;

        line-height:30px

    }

}

@media only screen and (max-width:414px){

    .mainslidenewpk{

        min-height:250px

    }

    ._LslidenewPk > img{

        padding-bottom:9px

    }

    .titlenewpk h3,.titlenewpk h1,.titlenewpk h2{

        font-size:18px

    }

    .contentbox8newpk img{

        width:70%

    }

    .contentbox8newpk .p2box8newpk{

        width:80px;

        top:0px

    }

    .contentbox8newpk .p1box8newpk{

        top:10px;

        width:125px

    }

}

@media only screen and (max-width:375px){

    .mainslidenewpk{

        min-height:230px

    }

    .itembox1newpk{

        width:49.5%

    }

    .itembox1newpk:nth-child(2n+2){

        margin-right:0

    }

    .itembox1newpk:nth-child(2n+1){

        margin-right:1%

    }

    .mainslidenewpk{

        background-position:right -220px bottom -180px

    }

    ._LslidenewPk{

        width:75%

    }

    .contentbox8newpk p{

        font-size:13px

    }

    .contentbox8newpk .p1box8newpk{

        width:105px

    }

    .contentbox8newpk .p2box8newpk{

        width:73px

    }

    .contentbox8newpk .p3box8newpk{

        top:178px

    }

    .contentbox8newpk .p4box8newpk{

        top:172px;

        width:130px

    }

    .contentbox8newpk .p5box8newpk{

        left:25%

    }

}

@media only screen and (max-width:320px){

    .contentbox8newpk img{

        display:none

    }

    .contentbox8newpk p{

        position:static

    }

    .contentbox8newpk .p5box8newpk,.contentbox8newpk .p4box8newpk,.contentbox8newpk .p3box8newpk,.contentbox8newpk .p2box8newpk,.contentbox8newpk .p1box8newpk{

        width:100%;

        background:#f79450;

        margin-bottom:5px;

        font-size:14px;

        padding:5px 0px;

        box-sizing:border-box;

        color:#fff

    }

    .pribox8_newpk{

        padding-bottom:0

    }

}

.slideUp{

    animation-name:slideUp;

    -webkit-animation-name:slideUp;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease;

    -webkit-animation-timing-function:ease;

    visibility:visible !important

}

.slideUp1{

    animation-name:slideUp;

    -webkit-animation-name:slideUp;

    animation-duration:0.8s;

    -webkit-animation-duration:0.8s;

    animation-timing-function:ease;

    -webkit-animation-timing-function:ease;

    visibility:visible !important

}

.slideUp2{

    animation-name:slideUp;

    -webkit-animation-name:slideUp;

    animation-duration:1.2s;

    -webkit-animation-duration:1.2s;

    animation-timing-function:ease;

    -webkit-animation-timing-function:ease;

    visibility:visible !important

}

.slideUp3{

    animation-name:slideUp;

    -webkit-animation-name:slideUp;

    animation-duration:1.6s;

    -webkit-animation-duration:1.6s;

    animation-timing-function:ease;

    -webkit-animation-timing-function:ease;

    visibility:visible !important

}

@keyframes slideUp{

    0%{

        transform:translateY(100%)

    }

    50%{

        transform:translateY(-8%)

    }

    65%{

        transform:translateY(4%)

    }

    80%{

        transform:translateY(-4%)

    }

    95%{

        transform:translateY(2%)

    }

    100%{

        transform:translateY(0%)

    }

}

@-webkit-keyframes slideUp{

    0%{

        -webkit-transform:translateY(100%)

    }

    50%{

        -webkit-transform:translateY(-8%)

    }

    65%{

        -webkit-transform:translateY(4%)

    }

    80%{

        -webkit-transform:translateY(-4%)

    }

    95%{

        -webkit-transform:translateY(2%)

    }

    100%{

        -webkit-transform:translateY(0%)

    }

}

.slideUp2{

    animation-name:slideUp2;

    -webkit-animation-name:slideUp2;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease;

    -webkit-animation-timing-function:ease;

    visibility:visible !important

}

@keyframes slideUp2{

    0%{

        transform:translateY(100%);

        opacity:0

    }

    100%{

        transform:translateY(0%);

        opacity:1

    }

}

@-webkit-keyframes slideUp2{

    0%{

        -webkit-transform:translateY(100%);

        opacity:0

    }

    100%{

        -webkit-transform:translateY(0%);

        opacity:1

    }

}

.slideLeft{

    animation-name:slideLeft;

    -webkit-animation-name:slideLeft;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.thaiha{

    animation-name:slideLeft;

    -webkit-animation-name:slideLeft;

    animation-duration:2s;

    -webkit-animation-duration:2s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@keyframes slideLeft{

    0%{

        transform:translateX(150%)

    }

    50%{

        transform:translateX(-8%)

    }

    65%{

        transform:translateX(4%)

    }

    80%{

        transform:translateX(-4%)

    }

    95%{

        transform:translateX(2%)

    }

    100%{

        transform:translateX(0%)

    }

}

@-webkit-keyframes slideLeft{

    0%{

        -webkit-transform:translateX(150%)

    }

    50%{

        -webkit-transform:translateX(-8%)

    }

    65%{

        -webkit-transform:translateX(4%)

    }

    80%{

        -webkit-transform:translateX(-4%)

    }

    95%{

        -webkit-transform:translateX(2%)

    }

    100%{

        -webkit-transform:translateX(0%)

    }

}

.slideRight{

    animation-name:slideRight;

    -webkit-animation-name:slideRight;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@keyframes slideRight{

    0%{

        transform:translateX(-150%)

    }

    50%{

        transform:translateX(8%)

    }

    65%{

        transform:translateX(-4%)

    }

    80%{

        transform:translateX(4%)

    }

    95%{

        transform:translateX(-2%)

    }

    100%{

        transform:translateX(0%)

    }

}

@-webkit-keyframes slideRight{

    0%{

        -webkit-transform:translateX(-150%)

    }

    50%{

        -webkit-transform:translateX(8%)

    }

    65%{

        -webkit-transform:translateX(-4%)

    }

    80%{

        -webkit-transform:translateX(4%)

    }

    95%{

        -webkit-transform:translateX(-2%)

    }

    100%{

        -webkit-transform:translateX(0%)

    }

}

.slideExpandUp{

    animation-name:slideExpandUp;

    -webkit-animation-name:slideExpandUp;

    animation-duration:1.6s;

    -webkit-animation-duration:1.6s;

    animation-timing-function:ease-out;

    -webkit-animation-timing-function:ease -out;

    visibility:visible !important

}

.slideExpandUp1{

    animation-name:slideExpandUp;

    -webkit-animation-name:slideExpandUp;

    animation-duration:1.0s;

    -webkit-animation-duration:1.0s;

    animation-timing-function:ease-out;

    -webkit-animation-timing-function:ease -out;

    visibility:visible !important

}

.slideExpandUp2{

    animation-name:slideExpandUp;

    -webkit-animation-name:slideExpandUp;

    animation-duration:1.4s;

    -webkit-animation-duration:1.4s;

    animation-timing-function:ease-out;

    -webkit-animation-timing-function:ease -out;

    visibility:visible !important

}

.slideExpandUp3{

    animation-name:slideExpandUp;

    -webkit-animation-name:slideExpandUp;

    animation-duration:1.8s;

    -webkit-animation-duration:1.8s;

    animation-timing-function:ease-out;

    -webkit-animation-timing-function:ease -out;

    visibility:visible !important

}

@keyframes slideExpandUp{

    0%{

        opacity:0;

        transform:translateY(100%) scaleX(0.5)

    }

    30%{

        transform:translateY(-8%) scaleX(0.5)

    }

    40%{

        transform:translateY(2%) scaleX(0.5)

    }

    50%{

        transform:translateY(0%) scaleX(1.1)

    }

    60%{

        transform:translateY(0%) scaleX(0.9)

    }

    70%{

        transform:translateY(0%) scaleX(1.05)

    }

    80%{

        transform:translateY(0%) scaleX(0.95)

    }

    90%{

        transform:translateY(0%) scaleX(1.02)

    }

    100%{

        opacity:1;

        transform:translateY(0%) scaleX(1)

    }

}

@-webkit-keyframes slideExpandUp{

    0%{

        opacity:0;

        transform:translateY(100%) scaleX(0.5)

    }

    30%{

        transform:translateY(-8%) scaleX(0.5)

    }

    40%{

        transform:translateY(2%) scaleX(0.5)

    }

    50%{

        transform:translateY(0%) scaleX(1.1)

    }

    60%{

        transform:translateY(0%) scaleX(0.9)

    }

    70%{

        transform:translateY(0%) scaleX(1.05)

    }

    80%{

        transform:translateY(0%) scaleX(0.95)

    }

    90%{

        transform:translateY(0%) scaleX(1.02)

    }

    100%{

        opacity:1;

        transform:translateY(0%) scaleX(1)

    }

}

.expandUp{

    animation-name:expandUp;

    -webkit-animation-name:expandUp;

    animation-duration:0.8s;

    -webkit-animation-duration:0.8s;

    animation-timing-function:ease;

    -webkit-animation-timing-function:ease;

    visibility:visible !important

}

.expandUp1{

    animation-name:expandUp;

    -webkit-animation-name:expandUp;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease;

    -webkit-animation-timing-function:ease;

    visibility:visible !important

}

@keyframes expandUp{

    0%{

        opacity:0;

        transform:translateY(100%) scale(0.6) scaleY(0.5)

    }

    100%{

        opacity:1;

        transform:translateY(0%) scale(1) scaleY(1)

    }

}

@-webkit-keyframes expandUp{

    0%{

        opacity:0;

        transform:translateY(100%) scale(0.6) scaleY(0.5)

    }

    100%{

        opacity:1;

        transform:translateY(0%) scale(1) scaleY(1)

    }

}

.expandOpen{

    animation-name:expandOpen;

    -webkit-animation-name:expandOpen;

    animation-duration:1.2s;

    -webkit-animation-duration:1.2s;

    animation-timing-function:ease-out;

    -webkit-animation-timing-function:ease-out;

    visibility:visible !important

}

.expandOpen1{

    animation-name:expandOpen;

    -webkit-animation-name:expandOpen;

    animation-duration:1.6s;

    -webkit-animation-duration:1.6s;

    animation-timing-function:ease-out;

    -webkit-animation-timing-function:ease-out;

    visibility:visible !important

}

@keyframes expandOpen{

    0%{

        transform:scale(1.8)

    }

    50%{

        transform:scale(0.95)

    }

    80%{

        transform:scale(1.05)

    }

    90%{

        transform:scale(0.98)

    }

    100%{

        transform:scale(1)

    }

}

@-webkit-keyframes expandOpen{

    0%{

        -webkit-transform:scale(1.8)

    }

    50%{

        -webkit-transform:scale(0.95)

    }

    80%{

        -webkit-transform:scale(1.05)

    }

    90%{

        -webkit-transform:scale(0.98)

    }

    100%{

        -webkit-transform:scale(1)

    }

}

.bigEntrance{

    animation-name:bigEntrance;

    -webkit-animation-name:bigEntrance;

    animation-duration:1.6s;

    -webkit-animation-duration:1.6s;

    animation-timing-function:ease-out;

    -webkit-animation-timing-function:ease-out;

    visibility:visible !important

}

@keyframes bigEntrance{

    0%{

        transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);

        opacity:0.2

    }

    30%{

        transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);

        opacity:1

    }

    45%{

        transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%);

        opacity:1

    }

    60%{

        transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);

        opacity:1

    }

    75%{

        transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%);

        opacity:1

    }

    90%{

        transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%);

        opacity:1

    }

    100%{

        transform:scale(1) rotate(0deg) translateX(0%) translateY(0%);

        opacity:1

    }

}

@-webkit-keyframes bigEntrance{

    0%{

        -webkit-transform:scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);

        opacity:0.2

    }

    30%{

        -webkit-transform:scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);

        opacity:1

    }

    45%{

        -webkit-transform:scale(0.98) rotate(1deg) translateX(0%) translateY(0%);

        opacity:1

    }

    60%{

        -webkit-transform:scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);

        opacity:1

    }

    75%{

        -webkit-transform:scale(0.99) rotate(1deg) translateX(0%) translateY(0%);

        opacity:1

    }

    90%{

        -webkit-transform:scale(1.01) rotate(0deg) translateX(0%) translateY(0%);

        opacity:1

    }

    100%{

        -webkit-transform:scale(1) rotate(0deg) translateX(0%) translateY(0%);

        opacity:1

    }

}

.hatch{

    animation-name:hatch;

    -webkit-animation-name:hatch;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    transform-origin:50% 100%;

    -ms-transform-origin:50% 100%;

    -webkit-transform-origin:50% 100%;

    visibility:visible !important

}

.hatch2{

    animation-name:hatch;

    -webkit-animation-name:hatch;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    transform-origin:50% 100%;

    -ms-transform-origin:50% 100%;

    -webkit-transform-origin:50% 100%;

    visibility:visible !important

}

@keyframes hatch{

    0%{

        opacity:0;

        transform:rotate(0deg) scaleY(0.6)

    }

    20%{

        transform:rotate(-2deg) scaleY(1.05)

    }

    35%{

        transform:rotate(2deg) scaleY(1)

    }

    50%{

        opacity:0.1;

        transform:rotate(-2deg)

    }

    65%{

        transform:rotate(1deg)

    }

    80%{

        transform:rotate(-1deg)

    }

    100%{

        opacity:1;

        transform:rotate(0deg)

    }

}

@-webkit-keyframes hatch{

    0%{

        opacity:0;

        transform:rotate(0deg) scaleY(0.6)

    }

    20%{

        transform:rotate(-2deg) scaleY(1.05)

    }

    35%{

        transform:rotate(2deg) scaleY(1)

    }

    50%{

        opacity:0.1;

        transform:rotate(-2deg)

    }

    65%{

        transform:rotate(1deg)

    }

    80%{

        transform:rotate(-1deg)

    }

    100%{

        opacity:1;

        transform:rotate(0deg)

    }

}

.bounce{

    animation-name:bounce;

    -webkit-animation-name:bounce;

    animation-duration:1.6s;

    -webkit-animation-duration:1.6s;

    animation-timing-function:ease;

    -webkit-animation-timing-function:ease;

    transform-origin:50% 100%;

    -ms-transform-origin:50% 100%;

    -webkit-transform-origin:50% 100%

}

@keyframes bounce{

    0%{

        transform:translateY(0%) scaleY(0.6)

    }

    60%{

        transform:translateY(-100%) scaleY(1.1)

    }

    70%{

        transform:translateY(0%) scaleY(0.95) scaleX(1.05)

    }

    80%{

        transform:translateY(0%) scaleY(1.05) scaleX(1)

    }

    90%{

        transform:translateY(0%) scaleY(0.95) scaleX(1)

    }

    100%{

        transform:translateY(0%) scaleY(1) scaleX(1)

    }

}

@-webkit-keyframes bounce{

    0%{

        -webkit-transform:translateY(0%) scaleY(0.6)

    }

    60%{

        -webkit-transform:translateY(-100%) scaleY(1.1)

    }

    70%{

        -webkit-transform:translateY(0%) scaleY(0.95) scaleX(1.05)

    }

    80%{

        -webkit-transform:translateY(0%) scaleY(1.05) scaleX(1)

    }

    90%{

        -webkit-transform:translateY(0%) scaleY(0.95) scaleX(1)

    }

    100%{

        -webkit-transform:translateY(0%) scaleY(1) scaleX(1)

    }

}

.pulse{

    animation-name:pulse;

    -webkit-animation-name:pulse;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-iteration-count:infinite;

    -webkit-animation-iteration-count:infinite

}

@keyframes pulse{

    0%{

        transform:scale(0.9);

        opacity:0.7

    }

    50%{

        transform:scale(1);

        opacity:1

    }

    100%{

        transform:scale(0.9);

        opacity:0.7

    }

}

@-webkit-keyframes pulse{

    0%{

        -webkit-transform:scale(0.95);

        opacity:0.7

    }

    50%{

        -webkit-transform:scale(1);

        opacity:1

    }

    100%{

        -webkit-transform:scale(0.95);

        opacity:0.7

    }

}

.pulse1{

    animation-name:pulse1;

    -webkit-animation-name:pulse1;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-iteration-count:infinite;

    -webkit-animation-iteration-count:infinite

}

@keyframes pulse1{

    0%{

        transform:scale(0.95);

        opacity:1

    }

    50%{

        transform:scale(1);

        opacity:1

    }

    100%{

        transform:scale(0.95);

        opacity:1

    }

}

@-webkit-keyframes pulse1{

    0%{

        -webkit-transform:scale(0.95);

        opacity:1

    }

    50%{

        -webkit-transform:scale(1);

        opacity:1

    }

    100%{

        -webkit-transform:scale(0.95);

        opacity:1

    }

}

.floating{

    animation-name:floating;

    -webkit-animation-name:floating;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-iteration-count:infinite;

    -webkit-animation-iteration-count:infinite

}

@keyframes floating{

    0%{

        transform:translateY(0%)

    }

    50%{

        transform:translateY(8%)

    }

    100%{

        transform:translateY(0%)

    }

}

@-webkit-keyframes floating{

    0%{

        -webkit-transform:translateY(0%)

    }

    50%{

        -webkit-transform:translateY(8%)

    }

    100%{

        -webkit-transform:translateY(0%)

    }

}

.tossing{

    animation-name:tossing;

    -webkit-animation-name:tossing;

    animation-duration:2.5s;

    -webkit-animation-duration:2.5s;

    animation-iteration-count:infinite;

    -webkit-animation-iteration-count:infinite

}

@keyframes tossing{

    0%{

        transform:rotate(-4deg)

    }

    50%{

        transform:rotate(4deg)

    }

    100%{

        transform:rotate(-4deg)

    }

}

@-webkit-keyframes tossing{

    0%{

        -webkit-transform:rotate(-4deg)

    }

    50%{

        -webkit-transform:rotate(4deg)

    }

    100%{

        -webkit-transform:rotate(-4deg)

    }

}

.pullUp{

    animation-name:pullUp;

    -webkit-animation-name:pullUp;

    animation-duration:1.1s;

    -webkit-animation-duration:1.1s;

    animation-timing-function:ease-out;

    -webkit-animation-timing-function:ease-out;

    transform-origin:50% 100%;

    -ms-transform-origin:50% 100%;

    -webkit-transform-origin:50% 100%

}

@keyframes pullUp{

    0%{

        transform:scaleY(0.1)

    }

    40%{

        transform:scaleY(1.02)

    }

    60%{

        transform:scaleY(0.98)

    }

    80%{

        transform:scaleY(1.01)

    }

    100%{

        transform:scaleY(0.98)

    }

    80%{

        transform:scaleY(1.01)

    }

    100%{

        transform:scaleY(1)

    }

}

@-webkit-keyframes pullUp{

    0%{

        -webkit-transform:scaleY(0.1)

    }

    40%{

        -webkit-transform:scaleY(1.02)

    }

    60%{

        -webkit-transform:scaleY(0.98)

    }

    80%{

        -webkit-transform:scaleY(1.01)

    }

    100%{

        -webkit-transform:scaleY(0.98)

    }

    80%{

        -webkit-transform:scaleY(1.01)

    }

    100%{

        -webkit-transform:scaleY(1)

    }

}

.pullDown{

    animation-name:pullDown;

    -webkit-animation-name:pullDown;

    animation-duration:1.1s;

    -webkit-animation-duration:1.1s;

    animation-timing-function:ease-out;

    -webkit-animation-timing-function:ease-out;

    transform-origin:50% 0%;

    -ms-transform-origin:50% 0%;

    -webkit-transform-origin:50% 0%

}

.pullDown1{

    visibility:visible !important;

    animation-name:pullDown1;

    -webkit-animation-name:pullDown1;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-timing-function:ease-out;

    -webkit-animation-timing-function:ease-out;

    transform-origin:50% 0%;

    -ms-transform-origin:50% 0%;

    -webkit-transform-origin:50% 0%

}

@keyframes pullDown{

    0%{

        transform:scaleY(0.1)

    }

    40%{

        transform:scaleY(1.02)

    }

    60%{

        transform:scaleY(0.98)

    }

    80%{

        transform:scaleY(1.01)

    }

    100%{

        transform:scaleY(0.98)

    }

    80%{

        transform:scaleY(1.01)

    }

    100%{

        transform:scaleY(1)

    }

}

@-webkit-keyframes pullDown{

    0%{

        -webkit-transform:scaleY(0.1)

    }

    40%{

        -webkit-transform:scaleY(1.02)

    }

    60%{

        -webkit-transform:scaleY(0.98)

    }

    80%{

        -webkit-transform:scaleY(1.01)

    }

    100%{

        -webkit-transform:scaleY(0.98)

    }

    80%{

        -webkit-transform:scaleY(1.01)

    }

    100%{

        -webkit-transform:scaleY(1)

    }

}

@keyframes pullDown1{

    0%{

        opacity:0;

        transform:scaleY(0.1)

    }

    90%{

        opacity:0.4;

        transform:scaleY(1.08)

    }

    100%{

        transform:scaleY(1)

    }

}

@-webkit-keyframes pullDown1{

    0%{

        opacity:0;

        -webkit-transform:scaleY(0.1)

    }

    90%{

        opacity:0.4;

        -webkit-transform:scaleY(1.08)

    }

    100%{

        -webkit-transform:scaleY(1)

    }

}

.stretchLeft{

    animation-name:stretchLeft;

    -webkit-animation-name:stretchLeft;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-timing-function:ease-out;

    -webkit-animation-timing-function:ease-out;

    transform-origin:100% 0%;

    -ms-transform-origin:100% 0%;

    -webkit-transform-origin:100% 0%

}

@keyframes stretchLeft{

    0%{

        transform:scaleX(0.3)

    }

    40%{

        transform:scaleX(1.02)

    }

    60%{

        transform:scaleX(0.98)

    }

    80%{

        transform:scaleX(1.01)

    }

    100%{

        transform:scaleX(0.98)

    }

    80%{

        transform:scaleX(1.01)

    }

    100%{

        transform:scaleX(1)

    }

}

@-webkit-keyframes stretchLeft{

    0%{

        -webkit-transform:scaleX(0.3)

    }

    40%{

        -webkit-transform:scaleX(1.02)

    }

    60%{

        -webkit-transform:scaleX(0.98)

    }

    80%{

        -webkit-transform:scaleX(1.01)

    }

    100%{

        -webkit-transform:scaleX(0.98)

    }

    80%{

        -webkit-transform:scaleX(1.01)

    }

    100%{

        -webkit-transform:scaleX(1)

    }

}

.stretchRight{

    visibility:visible !important;

    animation-name:stretchRight;

    -webkit-animation-name:stretchRight;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease-out;

    -webkit-animation-timing-function:ease-out;

    transform-origin:0% 0%;

    -ms-transform-origin:0% 0%;

    -webkit-transform-origin:0% 0%

}

@keyframes stretchRight{

    0%{

        opacity:0;

        transform:scaleX(0.5)

    }

    40%{

        transform:scaleX(1.01)

    }

    60%{

        transform:scaleX(0.98)

    }

    80%{

        transform:scaleX(1.01)

    }

    100%{

        transform:scaleX(0.98)

    }

    80%{

        transform:scaleX(1)

    }

    100%{

        opacity:1;

        transform:scaleX(1)

    }

}

@-webkit-keyframes stretchRight{

    0%{

        opacity:0;

        -webkit-transform:scaleX(0.5)

    }

    40%{

        -webkit-transform:scaleX(1.01)

    }

    60%{

        -webkit-transform:scaleX(0.98)

    }

    80%{

        -webkit-transform:scaleX(1.01)

    }

    100%{

        -webkit-transform:scaleX(0.98)

    }

    80%{

        -webkit-transform:scaleX(1)

    }

    100%{

        opacity:1;

        -webkit-transform:scaleX(1)

    }

}

.open{

    animation-name:open;

    -webkit-animation-name:open;

    animation-duration:0s;

    -webkit-animation-duration:0s;

    animation-timing-function:ease-out;

    -webkit-animation-timing-function:ease-out;

    visibility:visible !important

}

@keyframes open{

    0%{

        transform:scale(1.8)

    }

    50%{

        transform:scale(0.95)

    }

    80%{

        transform:scale(1.05)

    }

    90%{

        transform:scale(0.98)

    }

    100%{

        transform:scale(1)

    }

}

@-webkit-keyframes open{

    0%{

        -webkit-transform:scale(1.8)

    }

    50%{

        -webkit-transform:scale(0.95)

    }

    80%{

        -webkit-transform:scale(1.05)

    }

    90%{

        -webkit-transform:scale(0.98)

    }

    100%{

        -webkit-transform:scale(1)

    }

}

.bacsi{

    animation-name:bigEntrance;

    animation-duration:1s;

    animation-iteration-count:1;

    animation-fill-mode:backwards;

    animation-timing-function:ease-in-out;

    -webkit-animation-name:bigEntrance;

    -webkit-animation-duration:1s;

    -webkit-animation-iteration-count:1;

    -webkit-animation-fill-mode:backwards;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@-webkit-keyframes bacsi{

    from{

        bottom:-150px;

        opacity:0

    }

    to{

        bottom:0;

        opacity:1

    }

}

@keyframes bacsi{

    from{

        bottom:-150px;

        opacity:0

    }

    to{

        bottom:0;

        opacity:1

    }

}

.fadeIn{

    animation-name:fadeIn;

    -webkit-animation-name:fadeIn;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@keyframes fadeIn{

    0%{

        transform:scale(0);

        opacity:0.0

    }

    60%{

        transform:scale(1.1)

    }

    80%{

        transform:scale(0.9);

        opacity:1

    }

    100%{

        transform:scale(1);

        opacity:1

    }

}

@-webkit-keyframes fadeIn{

    0%{

        -webkit-transform:scale(0);

        opacity:0.0

    }

    60%{

        -webkit-transform:scale(1.1)

    }

    80%{

        -webkit-transform:scale(0.9);

        opacity:1

    }

    100%{

        -webkit-transform:scale(1);

        opacity:1

    }

}

.slideRight{

    animation-name:slideRight;

    -webkit-animation-name:slideRight;

    animation-duration:0.8s;

    -webkit-animation-duration:0.8s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@keyframes slideRight{

    0%{

        opacity:0;

        transform:translateX(-150%)

    }

    50%{

        transform:translateX(8%)

    }

    65%{

        transform:translateX(-4%)

    }

    80%{

        transform:translateX(4%)

    }

    95%{

        transform:translateX(-2%)

    }

    100%{

        opacity:1;

        transform:translateX(0%)

    }

}

@-webkit-keyframes slideRight{

    0%{

        opacity:0;

        -webkit-transform:translateX(-150%)

    }

    50%{

        -webkit-transform:translateX(8%)

    }

    65%{

        -webkit-transform:translateX(-4%)

    }

    80%{

        -webkit-transform:translateX(4%)

    }

    95%{

        -webkit-transform:translateX(-2%)

    }

    100%{

        opacity:1;

        -webkit-transform:translateX(0%)

    }

}

@-webkit-keyframes zoomIn{

    0%{

        opacity:0;

        -webkit-transform:scale3d(.3,.3,.3);

        transform:scale3d(.3,.3,.3)

    }

    50%{

        opacity:1

    }

}

@keyframes zoomIn{

    0%{

        opacity:0;

        -webkit-transform:scale3d(.3,.3,.3);

        transform:scale3d(.3,.3,.3)

    }

    50%{

        opacity:1

    }

}

.zoomIn{

    -webkit-animation-name:zoomIn;

    animation-name:zoomIn;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomIn1{

    -webkit-animation-name:zoomIn;

    animation-name:zoomIn;

    animation-duration:0.3s;

    -webkit-animation-duration:0.3s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomIn2{

    -webkit-animation-name:zoomIn;

    animation-name:zoomIn;

    animation-duration:0.5s;

    -webkit-animation-duration:0.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomIn3{

    -webkit-animation-name:zoomIn;

    animation-name:zoomIn;

    animation-duration:0.8s;

    -webkit-animation-duration:0.8s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomIn4{

    -webkit-animation-name:zoomIn;

    animation-name:zoomIn;

    animation-duration:1.1s;

    -webkit-animation-duration:1.1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomIn5{

    -webkit-animation-name:zoomIn;

    animation-name:zoomIn;

    animation-duration:1.3s;

    -webkit-animation-duration:1.3s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomIn6{

    -webkit-animation-name:zoomIn;

    animation-name:zoomIn;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomIn7{

    -webkit-animation-name:zoomIn;

    animation-name:zoomIn;

    animation-duration:1.7s;

    -webkit-animation-duration:1.7s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomIn8{

    -webkit-animation-name:zoomIn;

    animation-name:zoomIn;

    animation-duration:1.9s;

    -webkit-animation-duration:1.9s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomIn9{

    -webkit-animation-name:zoomIn;

    animation-name:zoomIn;

    animation-duration:2.1s;

    -webkit-animation-duration:2.1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomIn10{

    -webkit-animation-name:zoomIn;

    animation-name:zoomIn;

    animation-duration:2.3s;

    -webkit-animation-duration:2.3s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomInRight{

    -webkit-animation-name:zoomInRight;

    animation-name:zoomInRight;

    animation-duration:1.2s;

    -webkit-animation-duration:1.2s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@-webkit-keyframes fadeInUp{

    0%{

        opacity:0;

        -webkit-transform:translate3d(0,100%,0);

        transform:translate3d(0,100%,0)

    }

    80%{

        opacity:0.5

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@keyframes fadeInUp{

    0%{

        opacity:0;

        -webkit-transform:translate3d(0,100%,0);

        transform:translate3d(0,100%,0)

    }

    80%{

        opacity:0.5

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

.fadeInUp{

    -webkit-animation-name:fadeInUp;

    animation-name:fadeInUp;

    animation-duration:1.2s;

    -webkit-animation-duration:1.2s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomInRight1{

    -webkit-animation-name:zoomInRight;

    animation-name:zoomInRight;

    animation-duration:0.5s;

    -webkit-animation-duration:0.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomInRight2{

    -webkit-animation-name:zoomInRight;

    animation-name:zoomInRight;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomInRight3{

    -webkit-animation-name:zoomInRight;

    animation-name:zoomInRight;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomInRight4{

    -webkit-animation-name:zoomInRight;

    animation-name:zoomInRight;

    animation-duration:2s;

    -webkit-animation-duration:2s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomInRight5{

    -webkit-animation-name:zoomInRight;

    animation-name:zoomInRight;

    animation-duration:2.5s;

    -webkit-animation-duration:2.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@-webkit-keyframes zoomInRight{

    0%{

        opacity:0;

        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);

        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);

        -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);

        animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)

    }

    60%{

        opacity:0.1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);

        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);

        -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);

        animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)

    }

}

@keyframes zoomInRight{

    0%{

        opacity:0;

        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);

        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);

        -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);

        animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)

    }

    60%{

        opacity:0.1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);

        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);

        -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);

        animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)

    }

}

@-webkit-keyframes rotateInDownLeft{

    0%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        -webkit-transform:rotate3d(0,0,1,-15deg);

        transform:rotate3d(0,0,1,-15deg);

        opacity:0

    }

    100%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        -webkit-transform:none;

        transform:none;

        opacity:0.5

    }

}

@keyframes rotateInDownLeft{

    0%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        -webkit-transform:rotate3d(0,0,1,-15deg);

        transform:rotate3d(0,0,1,-15deg);

        opacity:0

    }

    100%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        -webkit-transform:none;

        transform:none;

        opacity:0.5

    }

}

.rotateInDownLeft{

    -webkit-animation-name:rotateInDownLeft;

    animation-name:rotateInDownLeft;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@-webkit-keyframes rotateInDownRight{

    0%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        -webkit-transform:rotate3d(0,0,1,15deg);

        transform:rotate3d(0,0,1,15deg);

        opacity:0

    }

    100%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        -webkit-transform:none;

        transform:none;

        opacity:1

    }

}

@keyframes rotateInDownRight{

    0%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        -webkit-transform:rotate3d(0,0,1,15deg);

        transform:rotate3d(0,0,1,15deg);

        opacity:0

    }

    100%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        -webkit-transform:none;

        transform:none;

        opacity:1

    }

}

.rotateInDownRight{

    -webkit-animation-name:rotateInDownRight;

    animation-name:rotateInDownRight;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@-webkit-keyframes rotateIn{

    0%{

        -webkit-transform-origin:center;

        transform-origin:center;

        -webkit-transform:rotate3d(0,0,1,-200deg);

        transform:rotate3d(0,0,1,-200deg);

        opacity:0

    }

    100%{

        -webkit-transform-origin:center;

        transform-origin:center;

        -webkit-transform:none;

        transform:none;

        opacity:1

    }

}

@keyframes rotateIn{

    0%{

        -webkit-transform-origin:center;

        transform-origin:center;

        -webkit-transform:rotate3d(0,0,1,-200deg);

        transform:rotate3d(0,0,1,-200deg);

        opacity:0

    }

    100%{

        -webkit-transform-origin:center;

        transform-origin:center;

        -webkit-transform:none;

        transform:none;

        opacity:1

    }

}

.rotateIn{

    -webkit-animation-name:rotateIn;

    animation-name:rotateIn;

    animation-duration:0.5s;

    -webkit-animation-duration:0.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@-webkit-keyframes lightSpeedIn{

    0%{

        -webkit-transform:translate3d(-100%,0,0) skewX(-30deg);

        transform:translate3d(-100%,0,0) skewX(-30deg);

        opacity:0

    }

    60%{

        -webkit-transform:skewX(20deg);

        transform:skewX(20deg);

        opacity:0.3

    }

    80%{

        -webkit-transform:skewX(-5deg);

        transform:skewX(-5deg)

    }

    100%{

        -webkit-transform:none;

        transform:none;

        opacity:1

    }

}

@keyframes lightSpeedIn{

    0%{

        -webkit-transform:translate3d(-100%,0,0) skewX(-30deg);

        transform:translate3d(-100%,0,0) skewX(-30deg);

        opacity:0

    }

    60%{

        -webkit-transform:skewX(20deg);

        transform:skewX(20deg);

        opacity:0.3

    }

    80%{

        -webkit-transform:skewX(-5deg);

        transform:skewX(-5deg)

    }

    100%{

        -webkit-transform:none;

        transform:none;

        opacity:1

    }

}

.lightSpeedIn{

    -webkit-animation-name:lightSpeedIn;

    animation-name:lightSpeedIn;

    animation-duration:1.8s;

    -webkit-animation-duration:1.8s;

    -webkit-animation-timing-function:ease-out;

    animation-timing-function:ease-out;

    visibility:visible !important

}

.bounce{

    visibility:visible !important;

    animation-name:bounce;

    -webkit-animation-name:bounce;

    animation-duration:1.6s;

    -webkit-animation-duration:1.6s;

    animation-timing-function:ease;

    -webkit-animation-timing-function:ease;

    transform-origin:50% 100%;

    -ms-transform-origin:50% 100%;

    -webkit-transform-origin:50% 100%

}

@keyframes bounce{

    0%{

        transform:translateY(0%) scaleY(0.6)

    }

    60%{

        transform:translateY(-100%) scaleY(1.1)

    }

    70%{

        transform:translateY(0%) scaleY(0.95) scaleX(1.05)

    }

    80%{

        transform:translateY(0%) scaleY(1.05) scaleX(1)

    }

    90%{

        transform:translateY(0%) scaleY(0.95) scaleX(1)

    }

    100%{

        transform:translateY(0%) scaleY(1) scaleX(1)

    }

}

@-webkit-keyframes bounce{

    0%{

        -webkit-transform:translateY(0%) scaleY(0.6)

    }

    60%{

        -webkit-transform:translateY(-100%) scaleY(1.1)

    }

    70%{

        -webkit-transform:translateY(0%) scaleY(0.95) scaleX(1.05)

    }

    80%{

        -webkit-transform:translateY(0%) scaleY(1.05) scaleX(1)

    }

    90%{

        -webkit-transform:translateY(0%) scaleY(0.95) scaleX(1)

    }

    100%{

        -webkit-transform:translateY(0%) scaleY(1) scaleX(1)

    }

}

.down{

    position:relative;

    animation-name:slideDown;

    -webkit-animation-name:slideDown;

    animation-duration:1.0s;

    -webkit-animation-duration:1.0s;

    animation-timing-function:ease;

    -webkit-animation-timing-function:ease;

    visibility:visible !important

}

.down1{

    position:relative;

    animation-name:slideDown;

    -webkit-animation-name:slideDown;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-timing-function:ease;

    -webkit-animation-timing-function:ease;

    visibility:visible !important

}

.down2{

    position:relative;

    animation-name:slideDown;

    -webkit-animation-name:slideDown;

    animation-duration:2s;

    -webkit-animation-duration:2s;

    animation-timing-function:ease;

    -webkit-animation-timing-function:ease;

    visibility:visible !important

}

.down3{

    position:relative;

    animation-name:slideDown;

    -webkit-animation-name:slideDown;

    animation-duration:2.5s;

    -webkit-animation-duration:2.5s;

    animation-timing-function:ease;

    -webkit-animation-timing-function:ease;

    visibility:visible !important

}

.down4{

    position:relative;

    animation-name:slideDown;

    -webkit-animation-name:slideDown;

    animation-duration:3s;

    -webkit-animation-duration:3s;

    animation-timing-function:ease;

    -webkit-animation-timing-function:ease;

    visibility:visible !important

}

@keyframes slideDown{

    0%{

        opacity:0.8;

        transform:translateY(-100%)

    }

    100%{

        opacity:1;

        transform:translateY(0%)

    }

}

@-webkit-keyframes slideDown{

    0%{

        opacity:0.8;

        -webkit-transform:translateY(-100%)

    }

    100%{

        opacity:1;

        -webkit-transform:translateY(0%)

    }

}

@keyframes slideDown2{

    0%{

        opacity:0;

        transform:translateY(-50%)

    }

    65%{

        opacity:0.2

    }

    100%{

        opacity:1;

        transform:translateY(0%)

    }

}

@-webkit-keyframes slideDown2{

    0%{

        opacity:0;

        -webkit-transform:translateY(-50%)

    }

    65%{

        opacity:0.2

    }

    100%{

        opacity:1;

        -webkit-transform:translateY(0%)

    }

}

@keyframes checkbox{

    0%{

        opacity:0;

        height:0

    }

    99%{

        opacity:0

    }

    100%{

        opacity:1;

        height:auto

    }

}

@-webkit-keyframes checkbox{

    0%{

        opacity:0;

        height:0

    }

    99%{

        opacity:0

    }

    100%{

        opacity:1;

        height:auto

    }

}

.imgbannerleft1{

    animation-name:imgbannerleft;

    -webkit-animation-name:imgbannerleft;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomInRightOut{

    -webkit-animation-name:zoomInRightOut;

    animation-name:zoomInRightOut;

    animation-duration:0.8s;

    -webkit-animation-duration:0.8s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomInRightOut1{

    -webkit-animation-name:zoomInRightOut;

    animation-name:zoomInRightOut;

    animation-duration:1.2s;

    -webkit-animation-duration:1.2s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomInRightOut2{

    -webkit-animation-name:zoomInRightOut;

    animation-name:zoomInRightOut;

    animation-duration:2.1s;

    -webkit-animation-duration:2.1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomInRightOut3{

    -webkit-animation-name:zoomInRightOut;

    animation-name:zoomInRightOut;

    animation-duration:2.6s;

    -webkit-animation-duration:2.6s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@-webkit-keyframes zoomInRightOut{

    0%{

        opacity:0

    }

    60%{

        opacity:0;

        -webkit-transform:scale3d(1,1,1) translate3d(-10px,0,0);

        transform:scale3d(1,1,1) translate3d(-10px,0,0);

        -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)

    }

    70%{

        opacity:0.1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);

        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);

        -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);

        animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)

    }

}

@keyframes zoomInRightOut{

    0%{

        opacity:0

    }

    60%{

        opacity:0;

        -webkit-transform:scale3d(1,1,1) translate3d(-10px,0,0);

        transform:scale3d(1,1,1) translate3d(-10px,0,0);

        -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)

    }

    70%{

        opacity:0.1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);

        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);

        -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);

        animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)

    }

}

@keyframes imgbannerleft{

    0%{

        opacity:0;

        height:0

    }

    80%{

        opacity:0

    }

    100%{

        opacity:1;

        height:auto

    }

}

@-webkit-keyframes imgbannerleft{

    0%{

        opacity:0;

        height:0

    }

    80%{

        opacity:0

    }

    100%{

        opacity:1;

        height:auto

    }

}

.imgbannerleft2{

    animation-name:imgbannerleft;

    -webkit-animation-name:imgbannerleft;

    animation-duration:1.8s;

    -webkit-animation-duration:1.8s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out

}

.imgbannerleft3{

    animation-name:imgbannerleft;

    -webkit-animation-name:imgbannerleft;

    animation-duration:2.7s;

    -webkit-animation-duration:2.7s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out

}

.imgbannerleft4{

    animation-name:imgbannerleft;

    -webkit-animation-name:imgbannerleft;

    animation-duration:3.7s;

    -webkit-animation-duration:3.7s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out

}

.tuvand{

    animation-name:tuvand;

    animation-duration:4s;

    animation-iteration-count:1;

    animation-timing-function:ease-in-out;

    -webkit-animation-name:tuvand;

    -webkit-animation-duration:4s;

    -webkit-animation-iteration-count:1;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@keyframes tuvand{

    0%{

        opacity:0

    }

    70%{

        opacity:0.1;

        transform:scale(0.5)

    }

    90%{

        opacity:0;

        transform:scale(1)

    }

}

@-webkit-keyframes tuvand{

    0%{

        opacity:0

    }

    70%{

        opacity:0.1;

        -webkit-transform:scale(0.5)

    }

    90%{

        opacity:1;

        -webkit-transform:scale(1)

    }

}

.showwidth{

    animation-name:stretchRight;

    animation-duration:1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-name:stretchRight;

    -webkit-animation-duration:1s;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.showwidth2{

    animation-name:stretchRight;

    animation-duration:1.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-name:stretchRight;

    -webkit-animation-duration:1.5s;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.showtop{

    animation-name:showtop;

    -webkit-animation-name:showtop;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease;

    -webkit-animation-timing-function:ease;

    visibility:visible !important

}

.showtop1{

    animation-name:showtop;

    -webkit-animation-name:showtop;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-timing-function:ease;

    -webkit-animation-timing-function:ease;

    visibility:visible !important

}

.showtop2{

    animation-name:showtop;

    -webkit-animation-name:showtop;

    animation-duration:2s;

    -webkit-animation-duration:2s;

    animation-timing-function:ease;

    -webkit-animation-timing-function:ease;

    visibility:visible !important

}

@keyframes showtop{

    0%{

        opacity:0;

        transform:translateY(100%)

    }

    50%{

        opacity:0;

        transform:translateY(100%)

    }

    65%{

        transform:translateY(8%)

    }

    80%{

        transform:translateY(-4%)

    }

    95%{

        transform:translateY(2%)

    }

    100%{

        opacity:1;

        transform:translateY(0%)

    }

}

@-webkit-keyframes showtop{

    0%{

        opacity:0;

        -webkit-transform:translateY(100%)

    }

    50%{

        opacity:0;

        -webkit-transform:translateY(100%)

    }

    65%{

        -webkit-transform:translateY(8%)

    }

    80%{

        -webkit-transform:translateY(-4%)

    }

    95%{

        -webkit-transform:translateY(2%)

    }

    100%{

        opacity:1;

        -webkit-transform:translateY(0%)

    }

}

.slideLeftimg{

    animation-name:slideLeftimg;

    -webkit-animation-name:slideLeftimg;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@keyframes slideLeftimg{

    0%{

        transform:translateX(150%)

    }

    50%{

        transform:translateX(-4%)

    }

    65%{

        transform:translateX(0%)

    }

    80%{

        transform:translateX(0%)

    }

    95%{

        transform:translateX(0%)

    }

    100%{

        transform:translateX(0%)

    }

}

@-webkit-keyframes slideLeftimg{

    0%{

        -webkit-transform:translateX(150%)

    }

    50%{

        -webkit-transform:translateX(-4%)

    }

    65%{

        -webkit-transform:translateX(0%)

    }

    80%{

        -webkit-transform:translateX(0%)

    }

    95%{

        -webkit-transform:translateX(0%)

    }

    100%{

        -webkit-transform:translateX(0%)

    }

}

.slideLeft1{

    animation-name:slideLeft2;

    -webkit-animation-name:slideLeft2;

    animation-duration:2.0s;

    -webkit-animation-duration:2.0s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.slideLeft2{

    animation-name:slideLeft2;

    -webkit-animation-name:slideLeft2;

    animation-duration:1.6s;

    -webkit-animation-duration:1.6s;

    animation-timing-function:linear;

    -webkit-animation-timing-function:linear;

    visibility:visible !important

}

.slideLeft3{

    animation-name:slideLeft2;

    -webkit-animation-name:slideLeft2;

    animation-duration:2.2s;

    -webkit-animation-duration:2.2s;

    animation-timing-function:linear;

    -webkit-animation-timing-function:linear;

    visibility:visible !important

}

.slideLeft4{

    animation-name:slideLeft2;

    -webkit-animation-name:slideLeft2;

    animation-duration:2.7s;

    -webkit-animation-duration:2.7s;

    animation-timing-function:linear;

    -webkit-animation-timing-function:linear;

    visibility:visible !important

}

.slideLeft5{

    animation-name:slideLeft2;

    -webkit-animation-name:slideLeft2;

    animation-duration:3.1s;

    -webkit-animation-duration:3.1s;

    animation-timing-function:linear;

    -webkit-animation-timing-function:linear;

    visibility:visible !important

}

@keyframes slideLeft2{

    0%{

        opacity:0;

        transform:translateX(150%)

    }

    40%{

        opacity:0.2;

        transform:translateX(-4%)

    }

    65%{

        transform:translateX(0%)

    }

    80%{

        transform:translateX(0%)

    }

    95%{

        transform:translateX(0%)

    }

    100%{

        opacity:1;

        transform:translateX(0%)

    }

}

@-webkit-keyframes slideLeft2{

    0%{

        opacity:0;

        -webkit-transform:translateX(150%)

    }

    40%{

        opacity:0.2;

        -webkit-transform:translateX(-4%)

    }

    65%{

        -webkit-transform:translateX(0%)

    }

    80%{

        -webkit-transform:translateX(0%)

    }

    95%{

        -webkit-transform:translateX(0%)

    }

    100%{

        opacity:1;

        -webkit-transform:translateX(0%)

    }

}

.slideRight1{

    animation-name:slideRight2;

    -webkit-animation-name:slideRight2;

    animation-duration:1.0s;

    -webkit-animation-duration:1.0s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.slideRight2{

    animation-name:slideRight2;

    -webkit-animation-name:slideRight2;

    animation-duration:1.8s;

    -webkit-animation-duration:1.8s;

    animation-timing-function:linear;

    -webkit-animation-timing-function:linear;

    visibility:visible !important

}

.slideRight3{

    animation-name:slideRight2;

    -webkit-animation-name:slideRight2;

    animation-duration:2.6s;

    -webkit-animation-duration:2.6s;

    animation-timing-function:linear;

    -webkit-animation-timing-function:linear;

    visibility:visible !important

}

.slideRight4{

    animation-name:slideRight2;

    -webkit-animation-name:slideRight2;

    animation-duration:3.2s;

    -webkit-animation-duration:3.2s;

    animation-timing-function:linear;

    -webkit-animation-timing-function:linear;

    visibility:visible !important

}

.slideRight5{

    animation-name:slideRight2;

    -webkit-animation-name:slideRight2;

    animation-duration:3.7s;

    -webkit-animation-duration:3.7s;

    animation-timing-function:linear;

    -webkit-animation-timing-function:linear;

    visibility:visible !important

}

.slideRight6{

    animation-name:slideRight2;

    -webkit-animation-name:slideRight2;

    animation-duration:4.2s;

    -webkit-animation-duration:4.2s;

    animation-timing-function:linear;

    -webkit-animation-timing-function:linear;

    visibility:visible !important

}

.slideRight7{

    animation-name:slideRight2;

    -webkit-animation-name:slideRight2;

    animation-duration:4.6s;

    -webkit-animation-duration:4.6s;

    animation-timing-function:linear;

    -webkit-animation-timing-function:linear;

    visibility:visible !important

}

@keyframes slideRight2{

    0%{

        opacity:0;

        transform:translateX(-150%)

    }

    40%{

        opacity:0.2;

        transform:translateX(0%)

    }

    65%{

        transform:translateX(0%)

    }

    80%{

        transform:translateX(0%)

    }

    95%{

        transform:translateX(0%)

    }

    100%{

        opacity:1;

        transform:translateX(0%)

    }

}

@-webkit-keyframes slideRight2{

    0%{

        opacity:0;

        -webkit-transform:translateX(-150%)

    }

    40%{

        opacity:0.2;

        -webkit-transform:translateX(0%)

    }

    65%{

        -webkit-transform:translateX(0%)

    }

    80%{

        -webkit-transform:translateX(0%)

    }

    95%{

        -webkit-transform:translateX(0%)

    }

    100%{

        opacity:1;

        -webkit-transform:translateX(0%)

    }

}

.display-img{

    animation-name:display;

    -webkit-animation-name:display;

    animation-duration:0.5s;

    -webkit-animation-duration:0.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.display1{

    animation-name:display;

    -webkit-animation-name:display;

    animation-duration:1.2s;

    -webkit-animation-duration:1.2s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.show{

    animation-name:display;

    -webkit-animation-name:display;

    animation-duration:0.4s;

    -webkit-animation-duration:0.4s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.show1{

    animation-name:display;

    -webkit-animation-name:display;

    animation-duration:0.7s;

    -webkit-animation-duration:0.7s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.show2{

    animation-name:display;

    -webkit-animation-name:display;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.show3{

    animation-name:display;

    -webkit-animation-name:display;

    animation-duration:1.3s;

    -webkit-animation-duration:1.3s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.show4{

    animation-name:display;

    -webkit-animation-name:display;

    animation-duration:1.6s;

    -webkit-animation-duration:1.6s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.show5{

    animation-name:display;

    -webkit-animation-name:display;

    animation-duration:1.9s;

    -webkit-animation-duration:1.9s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.show6{

    animation-name:display;

    -webkit-animation-name:display;

    animation-duration:2.2s;

    -webkit-animation-duration:2.2s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.show7{

    animation-name:display;

    -webkit-animation-name:display;

    animation-duration:2.5s;

    -webkit-animation-duration:2.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.show8{

    animation-name:display;

    -webkit-animation-name:display;

    animation-duration:2.8s;

    -webkit-animation-duration:2.8s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@keyframes display{

    0%{

        opacity:0

    }

    90%{

        opacity:0

    }

    100%{

        opacity:1

    }

}

@-webkit-keyframes display{

    0%{

        opacity:0

    }

    90%{

        opacity:0

    }

    100%{

        opacity:1

    }

}

.content-img2{

    animation-name:pic2;

    -webkit-animation-name:pic2;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.pullUp2{

    animation-name:pullUp2;

    -webkit-animation-name:pullUp2;

    animation-duration:2s;

    -webkit-animation-duration:2s;

    animation-timing-function:ease-out;

    -webkit-animation-timing-function:ease-out;

    transform-origin:50% 100%;

    -ms-transform-origin:50% 100%;

    -webkit-transform-origin:50% 100%

}

@keyframes pullUp2{

    0%{

        opacity:0;

        transform:scaleY(0.1)

    }

    50%{

        opacity:0.1

    }

    100%{

        opacity:1;

        transform:scaleY(1)

    }

}

@-webkit-keyframes pullUp2{

    0%{

        opacity:0;

        -webkit-transform:scaleY(0.1)

    }

    50%{

        opacity:0.1

    }

    100%{

        opacity:1;

        -webkit-transform:scaleY(1)

    }

}

@keyframes pic2{

    0%{

        opacity:0;

        transform:translateX(-150%)

    }

    100%{

        opacity:1;

        transform:translateX(0%)

    }

}

@-webkit-keyframes pic2{

    0%{

        opacity:0;

        -webkit-transform:translateX(-150%)

    }

    100%{

        opacity:1;

        -webkit-transform:translateX(0%)

    }

}

.fadeInmd{

    animation-name:fadeInmd;

    -webkit-animation-name:fadeInmd;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.fadeInmd2{

    animation-name:fadeInmd;

    -webkit-animation-name:fadeInmd;

    animation-duration:2s;

    -webkit-animation-duration:2s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.fadeInmd3{

    animation-name:fadeInmd;

    -webkit-animation-name:fadeInmd;

    animation-duration:2.5s;

    -webkit-animation-duration:2.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.fadeInmd4{

    animation-name:fadeInmd;

    -webkit-animation-name:fadeInmd;

    animation-duration:3s;

    -webkit-animation-duration:3s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.fadeInmd5{

    animation-name:fadeInmd;

    -webkit-animation-name:fadeInmd;

    animation-duration:3.5s;

    -webkit-animation-duration:3.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.fadeInmd6{

    animation-name:fadeInmd;

    -webkit-animation-name:fadeInmd;

    animation-duration:4s;

    -webkit-animation-duration:4s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.fadeInmd7{

    animation-name:fadeInmd;

    -webkit-animation-name:fadeInmd;

    animation-duration:4.5s;

    -webkit-animation-duration:4.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.animated_speed1{

    -webkit-animation-duration:6s;

    animation-duration:6s;

    -webkit-animation-fill-mode:both;

    animation-fill-mode:both;

    -webkit-animation-timing-function:linear;

    animation-timing-function:linear;

    animation-iteration-count:infinite;

    -webkit-animation-iteration-count:infinite

}

@keyframes fadeInmd{

    0%{

        transform:scale(0);

        opacity:0.0

    }

    60%{

        transform:scale(1.1)

    }

    80%{

        transform:scale(0.9);

        opacity:1

    }

    100%{

        transform:scale(1);

        opacity:1

    }

}

@-webkit-keyframes fadeInmd{

    0%{

        -webkit-transform:scale(0);

        opacity:0.0

    }

    60%{

        -webkit-transform:scale(1.1)

    }

    80%{

        -webkit-transform:scale(0.9);

        opacity:1

    }

    100%{

        -webkit-transform:scale(1);

        opacity:1

    }

}

@keyframes shake1{

    from,to{

        transform:translate3d(0,0,0)

    }

    10%,30%,50%,70%,90%{

        transform:translate3d(-5px,0,0)

    }

    20%,40%,60%,80%{

        transform:translate3d(5px,0,0)

    }

}

@-webkit-keyframes shake1{

    from,to{

        transform:translate3d(0,0,0)

    }

    10%,30%,50%,70%,90%{

        transform:translate3d(-5px,0,0)

    }

    20%,40%,60%,80%{

        transform:translate3d(5px,0,0)

    }

}

.shake1{

    animation-name:shake1

}

@keyframes shake2{

    from,to{

        transform:translate3d(0,0,0)

    }

    10%,30%,50%,70%,90%{

        transform:translate3d(5px,0,0)

    }

    20%,40%,60%,80%{

        transform:translate3d(-5px,0,0)

    }

}

@-webkit-keyframes shake2{

    from,to{

        transform:translate3d(0,0,0)

    }

    10%,30%,50%,70%,90%{

        transform:translate3d(5px,0,0)

    }

    20%,40%,60%,80%{

        transform:translate3d(-5px,0,0)

    }

}

.shake2{

    animation-name:shake2

}

@keyframes flipInY{

    from{

        transform:perspective(400px) rotate3d(0,1,0,90deg);

        animation-timing-function:ease-in;

        opacity:0

    }

    40%{

        transform:perspective(400px) rotate3d(0,1,0,-20deg);

        animation-timing-function:ease-in

    }

    60%{

        transform:perspective(400px) rotate3d(0,1,0,10deg);

        opacity:1

    }

    80%{

        transform:perspective(400px) rotate3d(0,1,0,-5deg)

    }

    to{

        transform:perspective(400px)

    }

}

.flipInY{

    -webkit-backface-visibility:visible !important;

    backface-visibility:visible !important;

    animation-name:flipInY;

    visibility:visible !important

}

@keyframes wawe{

    0%{

        background-position:0 bottom

    }

    100%{

        background-position:237px bottom

    }

}

.fadeInRightmd1{

    animation-name:fadeInRight;

    -webkit-animation-name:fadeInRight;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.fadeInRightmd2{

    animation-name:fadeInRight;

    -webkit-animation-name:fadeInRight;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.fadeInRightmd3{

    animation-name:fadeInRight;

    -webkit-animation-name:fadeInRight;

    animation-duration:2s;

    -webkit-animation-duration:2s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.fadeInRightmd4{

    animation-name:fadeInRight;

    -webkit-animation-name:fadeInRight;

    animation-duration:2.5s;

    -webkit-animation-duration:2.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.fadeInRightmd5{

    animation-name:fadeInRight;

    -webkit-animation-name:fadeInRight;

    animation-duration:2.8s;

    -webkit-animation-duration:2.8s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@-webkit-keyframes fadeInRight{

    0%{

        opacity:0;

        -webkit-transform:translateX(20px)

    }

    100%{

        opacity:1;

        -webkit-transform:translateX(0)

    }

}

@keyframes fadeInRight{

    0%{

        opacity:0;

        transform:translateX(20px)

    }

    100%{

        opacity:1;

        transform:translateX(0)

    }

}

@keyframes hieuungmd1{

    0%{

        opacity:0;

        transform:scale(.1)

    }

    85%{

        opacity:1;

        transform:scale(1.05)

    }

    100%{

        transform:scale(1)

    }

}

.hieuungmd1{

    animation-name:fadeInRight;

    -webkit-animation-name:fadeInmd;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.hieuungmd2{

    animation-name:fadeInRight;

    -webkit-animation-name:fadeInmd;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.hieuungmd3{

    animation-name:fadeInRight;

    -webkit-animation-name:fadeInmd;

    animation-duration:2s;

    -webkit-animation-duration:2s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.hieuungmd4{

    animation-name:fadeInRight;

    -webkit-animation-name:fadeInmd;

    animation-duration:2.5s;

    -webkit-animation-duration:2.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@keyframes bounceInDown{

    from,60%,75%,90%,to{

        animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)

    }

    0%{

        opacity:0;

        transform:translate3d(0,-3000px,0)

    }

    60%{

        opacity:1;

        transform:translate3d(0,25px,0)

    }

    75%{

        transform:translate3d(0,-10px,0)

    }

    90%{

        transform:translate3d(0,5px,0)

    }

    to{

        transform:none

    }

}

.bounceInDown{

    animation-name:bounceInDown;

    -webkit-animation-name:bounceInDown;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.bounceInDown1{

    animation-name:bounceInDown;

    -webkit-animation-name:bounceInDown;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.bounceInDown2{

    animation-name:bounceInDown;

    -webkit-animation-name:bounceInDown;

    animation-duration:2s;

    -webkit-animation-duration:2s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.bounceInDown3{

    animation-name:bounceInDown;

    -webkit-animation-name:bounceInDown;

    animation-duration:2.5s;

    -webkit-animation-duration:2.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@keyframes zoomInDown{

    from{

        opacity:0;

        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);

        animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)

    }

    60%{

        opacity:1;

        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);

        animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)

    }

}

.zoomInDown{

    animation-name:zoomInDown;

    -webkit-animation-name:zoomInDown;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomInDown2{

    animation-name:zoomInDown;

    -webkit-animation-name:zoomInDown;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomInDown3{

    animation-name:zoomInDown;

    -webkit-animation-name:zoomInDown;

    animation-duration:2s;

    -webkit-animation-duration:2s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomInDown4{

    animation-name:zoomInDown;

    -webkit-animation-name:zoomInDown;

    animation-duration:2.5s;

    -webkit-animation-duration:2.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@keyframes jackInTheBox{

    from{

        opacity:0;

        transform:scale(0.1) rotate(30deg);

        transform-origin:center bottom

    }

    50%{

        transform:rotate(-10deg)

    }

    70%{

        transform:rotate(3deg)

    }

    to{

        opacity:1;

        transform:scale(1)

    }

}

.jackInTheBox{

    animation-name:jackInTheBox;

    -webkit-animation-name:jackInTheBox;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.jackInTheBox2{

    animation-name:jackInTheBox;

    -webkit-animation-name:jackInTheBox;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.jackInTheBox3{

    animation-name:jackInTheBox;

    -webkit-animation-name:jackInTheBox;

    animation-duration:2s;

    -webkit-animation-duration:2s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.jackInTheBox4{

    animation-name:jackInTheBox;

    -webkit-animation-name:jackInTheBox;

    animation-duration:2.5s;

    -webkit-animation-duration:2.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@keyframes zoomInUp{

    from{

        opacity:0;

        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);

        animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)

    }

    60%{

        opacity:1;

        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);

        animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)

    }

}

.zoomInUpmd{

    animation-name:zoomInUp;

    -webkit-animation-name:zoomInUp;

    animation-duration:1s;

    -webkit-animation-duration:1s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomInUpmd2{

    animation-name:zoomInUp;

    -webkit-animation-name:zoomInUp;

    animation-duration:1.5s;

    -webkit-animation-duration:1.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomInUpmd3{

    animation-name:zoomInUp;

    -webkit-animation-name:zoomInUp;

    animation-duration:2s;

    -webkit-animation-duration:2s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

.zoomInUpmd4{

    animation-name:zoomInUp;

    -webkit-animation-name:zoomInUp;

    animation-duration:2.5s;

    -webkit-animation-duration:2.5s;

    animation-timing-function:ease-in-out;

    -webkit-animation-timing-function:ease-in-out;

    visibility:visible !important

}

@-webkit-keyframes bounce{

    0%,100%,20%,53%,80%{

        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);

        animation-timing-function:cubic-bezier(.215,.61,.355,1);

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

    40%,43%{

        -webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);

        animation-timing-function:cubic-bezier(.755,.050,.855,.060);

        -webkit-transform:translate3d(0,-30px,0);

        transform:translate3d(0,-30px,0)

    }

    70%{

        -webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);

        animation-timing-function:cubic-bezier(.755,.050,.855,.060);

        -webkit-transform:translate3d(0,-15px,0);

        transform:translate3d(0,-15px,0)

    }

    90%{

        -webkit-transform:translate3d(0,-4px,0);

        transform:translate3d(0,-4px,0)

    }

}

@keyframes bounce{

    0%,100%,20%,53%,80%{

        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);

        animation-timing-function:cubic-bezier(.215,.61,.355,1);

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

    40%,43%{

        -webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);

        animation-timing-function:cubic-bezier(.755,.050,.855,.060);

        -webkit-transform:translate3d(0,-30px,0);

        transform:translate3d(0,-30px,0)

    }

    70%{

        -webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);

        animation-timing-function:cubic-bezier(.755,.050,.855,.060);

        -webkit-transform:translate3d(0,-15px,0);

        transform:translate3d(0,-15px,0)

    }

    90%{

        -webkit-transform:translate3d(0,-4px,0);

        transform:translate3d(0,-4px,0)

    }

}

.bounce{

    -webkit-animation-name:bounce;

    animation-name:bounce;

    -webkit-animation-duration:1s;

    animation-duration:1s;

    -webkit-animation-fill-mode:both;

    animation-fill-mode:both;

    -webkit-transform-origin:center bottom;

    transform-origin:center bottom

}

@-webkit-keyframes flash{

    0%,100%,50%{

        opacity:1

    }

    25%,75%{

        opacity:0

    }

}

@keyframes flash{

    0%,100%,50%{

        opacity:1

    }

    25%,75%{

        opacity:0

    }

}

.flash{

    -webkit-animation-name:flash;

    animation-name:flash;

    animation-duration:1s;

    animation-fill-mode:both

}

.flash,.jello{

    -webkit-animation-fill-mode:both;

    -webkit-animation-duration:1s

}

@-webkit-keyframes jello{

    11.1%{

        -webkit-transform:none;

        transform:none

    }

    22.2%{

        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);

        transform:skewX(-12.5deg) skewY(-12.5deg)

    }

    33.3%{

        -webkit-transform:skewX(6.25deg) skewY(6.25deg);

        transform:skewX(6.25deg) skewY(6.25deg)

    }

    44.4%{

        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);

        transform:skewX(-3.125deg) skewY(-3.125deg)

    }

    55.5%{

        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);

        transform:skewX(1.5625deg) skewY(1.5625deg)

    }

    66.6%{

        -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);

        transform:skewX(-.78125deg) skewY(-.78125deg)

    }

    77.7%{

        -webkit-transform:skewX(.390625deg) skewY(.390625deg);

        transform:skewX(.390625deg) skewY(.390625deg)

    }

    88.8%{

        -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);

        transform:skewX(-.1953125deg) skewY(-.1953125deg)

    }

    100%{

        -webkit-transform:none;

        transform:none

    }

}

@keyframes jello{

    11.1%{

        -webkit-transform:none;

        transform:none

    }

    22.2%{

        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);

        transform:skewX(-12.5deg) skewY(-12.5deg)

    }

    33.3%{

        -webkit-transform:skewX(6.25deg) skewY(6.25deg);

        transform:skewX(6.25deg) skewY(6.25deg)

    }

    44.4%{

        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);

        transform:skewX(-3.125deg) skewY(-3.125deg)

    }

    55.5%{

        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);

        transform:skewX(1.5625deg) skewY(1.5625deg)

    }

    66.6%{

        -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);

        transform:skewX(-.78125deg) skewY(-.78125deg)

    }

    77.7%{

        -webkit-transform:skewX(.390625deg) skewY(.390625deg);

        transform:skewX(.390625deg) skewY(.390625deg)

    }

    88.8%{

        -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);

        transform:skewX(-.1953125deg) skewY(-.1953125deg)

    }

    100%{

        -webkit-transform:none;

        transform:none

    }

}

.jello{

    -webkit-animation-name:jello;

    animation-name:jello;

    animation-duration:1s;

    animation-fill-mode:both;

    -webkit-transform-origin:center;

    transform-origin:center

}

@-webkit-keyframes pulse{

    0%,100%{

        -webkit-transform:scale3d(1,1,1);

        transform:scale3d(1,1,1)

    }

    50%{

        -webkit-transform:scale3d(1.05,1.05,1.05);

        transform:scale3d(1.05,1.05,1.05)

    }

}

@keyframes pulse{

    0%,100%{

        -webkit-transform:scale3d(1,1,1);

        transform:scale3d(1,1,1)

    }

    50%{

        -webkit-transform:scale3d(1.05,1.05,1.05);

        transform:scale3d(1.05,1.05,1.05)

    }

}

.pulse{

    -webkit-animation-name:pulse;

    animation-name:pulse;

    animation-duration:1s;

    animation-fill-mode:both

}

.pulse,.rubberBand{

    -webkit-animation-fill-mode:both;

    -webkit-animation-duration:1s

}

@-webkit-keyframes rubberBand{

    0%,100%{

        -webkit-transform:scale3d(1,1,1);

        transform:scale3d(1,1,1)

    }

    30%{

        -webkit-transform:scale3d(1.25,.75,1);

        transform:scale3d(1.25,.75,1)

    }

    40%{

        -webkit-transform:scale3d(.75,1.25,1);

        transform:scale3d(.75,1.25,1)

    }

    50%{

        -webkit-transform:scale3d(1.15,.85,1);

        transform:scale3d(1.15,.85,1)

    }

    65%{

        -webkit-transform:scale3d(.95,1.05,1);

        transform:scale3d(.95,1.05,1)

    }

    75%{

        -webkit-transform:scale3d(1.05,.95,1);

        transform:scale3d(1.05,.95,1)

    }

}

@keyframes rubberBand{

    0%,100%{

        -webkit-transform:scale3d(1,1,1);

        transform:scale3d(1,1,1)

    }

    30%{

        -webkit-transform:scale3d(1.25,.75,1);

        transform:scale3d(1.25,.75,1)

    }

    40%{

        -webkit-transform:scale3d(.75,1.25,1);

        transform:scale3d(.75,1.25,1)

    }

    50%{

        -webkit-transform:scale3d(1.15,.85,1);

        transform:scale3d(1.15,.85,1)

    }

    65%{

        -webkit-transform:scale3d(.95,1.05,1);

        transform:scale3d(.95,1.05,1)

    }

    75%{

        -webkit-transform:scale3d(1.05,.95,1);

        transform:scale3d(1.05,.95,1)

    }

}

.rubberBand{

    -webkit-animation-name:rubberBand;

    animation-name:rubberBand;

    animation-duration:1s;

    animation-fill-mode:both

}

@-webkit-keyframes shake{

    0%,100%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

    10%,30%,50%,70%,90%{

        -webkit-transform:translate3d(-10px,0,0);

        transform:translate3d(-10px,0,0)

    }

    20%,40%,60%,80%{

        -webkit-transform:translate3d(10px,0,0);

        transform:translate3d(10px,0,0)

    }

}

@keyframes shake{

    0%,100%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

    10%,30%,50%,70%,90%{

        -webkit-transform:translate3d(-10px,0,0);

        transform:translate3d(-10px,0,0)

    }

    20%,40%,60%,80%{

        -webkit-transform:translate3d(10px,0,0);

        transform:translate3d(10px,0,0)

    }

}

.shake{

    -webkit-animation-name:shake;

    animation-name:shake;

    animation-duration:1s;

    animation-fill-mode:both

}

.shake,.swing{

    -webkit-animation-fill-mode:both;

    -webkit-animation-duration:1s

}

@-webkit-keyframes swing{

    20%{

        -webkit-transform:rotate3d(0,0,1,15deg);

        transform:rotate3d(0,0,1,15deg)

    }

    40%{

        -webkit-transform:rotate3d(0,0,1,-10deg);

        transform:rotate3d(0,0,1,-10deg)

    }

    60%{

        -webkit-transform:rotate3d(0,0,1,5deg);

        transform:rotate3d(0,0,1,5deg)

    }

    80%{

        -webkit-transform:rotate3d(0,0,1,-5deg);

        transform:rotate3d(0,0,1,-5deg)

    }

    100%{

        -webkit-transform:rotate3d(0,0,1,0deg);

        transform:rotate3d(0,0,1,0deg)

    }

}

@keyframes swing{

    20%{

        -webkit-transform:rotate3d(0,0,1,15deg);

        transform:rotate3d(0,0,1,15deg)

    }

    40%{

        -webkit-transform:rotate3d(0,0,1,-10deg);

        transform:rotate3d(0,0,1,-10deg)

    }

    60%{

        -webkit-transform:rotate3d(0,0,1,5deg);

        transform:rotate3d(0,0,1,5deg)

    }

    80%{

        -webkit-transform:rotate3d(0,0,1,-5deg);

        transform:rotate3d(0,0,1,-5deg)

    }

    100%{

        -webkit-transform:rotate3d(0,0,1,0deg);

        transform:rotate3d(0,0,1,0deg)

    }

}

.swing{

    -webkit-transform-origin:top center;

    transform-origin:top center;

    -webkit-animation-name:swing;

    animation-name:swing;

    animation-duration:1s;

    animation-fill-mode:both

}

@-webkit-keyframes tada{

    0%,100%{

        -webkit-transform:scale3d(1,1,1);

        transform:scale3d(1,1,1)

    }

    10%,20%{

        -webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);

        transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)

    }

    30%,50%,70%,90%{

        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);

        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)

    }

    40%,60%,80%{

        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);

        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)

    }

}

@keyframes tada{

    0%,100%{

        -webkit-transform:scale3d(1,1,1);

        transform:scale3d(1,1,1)

    }

    10%,20%{

        -webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);

        transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)

    }

    30%,50%,70%,90%{

        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);

        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)

    }

    40%,60%,80%{

        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);

        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)

    }

}

.tada{

    -webkit-animation-name:tada;

    animation-name:tada;

    animation-duration:1s;

    animation-fill-mode:both

}

.tada,.wobble{

    -webkit-animation-fill-mode:both;

    -webkit-animation-duration:1s

}

@-webkit-keyframes wobble{

    0%,100%{

        -webkit-transform:none;

        transform:none

    }

    15%{

        -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);

        transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)

    }

    30%{

        -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);

        transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)

    }

    45%{

        -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);

        transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)

    }

    60%{

        -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);

        transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)

    }

    75%{

        -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);

        transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)

    }

}

@keyframes wobble{

    0%,100%{

        -webkit-transform:none;

        transform:none

    }

    15%{

        -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);

        transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)

    }

    30%{

        -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);

        transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)

    }

    45%{

        -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);

        transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)

    }

    60%{

        -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);

        transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)

    }

    75%{

        -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);

        transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)

    }

}

.wobble{

    -webkit-animation-name:wobble;

    animation-name:wobble;

    animation-duration:1s;

    animation-fill-mode:both

}

@-webkit-keyframes bounceIn{

    0%,100%,20%,40%,60%,80%{

        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);

        animation-timing-function:cubic-bezier(.215,.61,.355,1)

    }

    0%{

        opacity:0;

        -webkit-transform:scale3d(.3,.3,.3);

        transform:scale3d(.3,.3,.3)

    }

    20%{

        -webkit-transform:scale3d(1.1,1.1,1.1);

        transform:scale3d(1.1,1.1,1.1)

    }

    40%{

        -webkit-transform:scale3d(.9,.9,.9);

        transform:scale3d(.9,.9,.9)

    }

    60%{

        opacity:1;

        -webkit-transform:scale3d(1.03,1.03,1.03);

        transform:scale3d(1.03,1.03,1.03)

    }

    80%{

        -webkit-transform:scale3d(.97,.97,.97);

        transform:scale3d(.97,.97,.97)

    }

    100%{

        opacity:1;

        -webkit-transform:scale3d(1,1,1);

        transform:scale3d(1,1,1)

    }

}

@keyframes bounceIn{

    0%,100%,20%,40%,60%,80%{

        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);

        animation-timing-function:cubic-bezier(.215,.61,.355,1)

    }

    0%{

        opacity:0;

        -webkit-transform:scale3d(.3,.3,.3);

        transform:scale3d(.3,.3,.3)

    }

    20%{

        -webkit-transform:scale3d(1.1,1.1,1.1);

        transform:scale3d(1.1,1.1,1.1)

    }

    40%{

        -webkit-transform:scale3d(.9,.9,.9);

        transform:scale3d(.9,.9,.9)

    }

    60%{

        opacity:1;

        -webkit-transform:scale3d(1.03,1.03,1.03);

        transform:scale3d(1.03,1.03,1.03)

    }

    80%{

        -webkit-transform:scale3d(.97,.97,.97);

        transform:scale3d(.97,.97,.97)

    }

    100%{

        opacity:1;

        -webkit-transform:scale3d(1,1,1);

        transform:scale3d(1,1,1)

    }

}

.bounceIn{

    -webkit-animation-name:bounceIn;

    animation-name:bounceIn;

    -webkit-animation-duration:.75s;

    animation-duration:.75s;

    animation-fill-mode:both

}

.bounceIn,.bounceInDown{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes bounceInDown{

    0%,100%,60%,75%,90%{

        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);

        animation-timing-function:cubic-bezier(.215,.61,.355,1)

    }

    0%{

        opacity:0;

        -webkit-transform:translate3d(0,-3000px,0);

        transform:translate3d(0,-3000px,0)

    }

    60%{

        opacity:1;

        -webkit-transform:translate3d(0,25px,0);

        transform:translate3d(0,25px,0)

    }

    75%{

        -webkit-transform:translate3d(0,-10px,0);

        transform:translate3d(0,-10px,0)

    }

    90%{

        -webkit-transform:translate3d(0,5px,0);

        transform:translate3d(0,5px,0)

    }

    100%{

        -webkit-transform:none;

        transform:none

    }

}

@keyframes bounceInDown{

    0%,100%,60%,75%,90%{

        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);

        animation-timing-function:cubic-bezier(.215,.61,.355,1)

    }

    0%{

        opacity:0;

        -webkit-transform:translate3d(0,-3000px,0);

        transform:translate3d(0,-3000px,0)

    }

    60%{

        opacity:1;

        -webkit-transform:translate3d(0,25px,0);

        transform:translate3d(0,25px,0)

    }

    75%{

        -webkit-transform:translate3d(0,-10px,0);

        transform:translate3d(0,-10px,0)

    }

    90%{

        -webkit-transform:translate3d(0,5px,0);

        transform:translate3d(0,5px,0)

    }

    100%{

        -webkit-transform:none;

        transform:none

    }

}

.bounceInDown{

    -webkit-animation-name:bounceInDown;

    animation-name:bounceInDown;

    animation-duration:1s;

    animation-fill-mode:both

}

.bounceInDown,.bounceInLeft{

    -webkit-animation-duration:1s

}

@-webkit-keyframes bounceInLeft{

    0%,100%,60%,75%,90%{

        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);

        animation-timing-function:cubic-bezier(.215,.61,.355,1)

    }

    0%{

        opacity:0;

        -webkit-transform:translate3d(-3000px,0,0);

        transform:translate3d(-3000px,0,0)

    }

    60%{

        opacity:1;

        -webkit-transform:translate3d(25px,0,0);

        transform:translate3d(25px,0,0)

    }

    75%{

        -webkit-transform:translate3d(-10px,0,0);

        transform:translate3d(-10px,0,0)

    }

    90%{

        -webkit-transform:translate3d(5px,0,0);

        transform:translate3d(5px,0,0)

    }

    100%{

        -webkit-transform:none;

        transform:none

    }

}

@keyframes bounceInLeft{

    0%,100%,60%,75%,90%{

        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);

        animation-timing-function:cubic-bezier(.215,.61,.355,1)

    }

    0%{

        opacity:0;

        -webkit-transform:translate3d(-3000px,0,0);

        transform:translate3d(-3000px,0,0)

    }

    60%{

        opacity:1;

        -webkit-transform:translate3d(25px,0,0);

        transform:translate3d(25px,0,0)

    }

    75%{

        -webkit-transform:translate3d(-10px,0,0);

        transform:translate3d(-10px,0,0)

    }

    90%{

        -webkit-transform:translate3d(5px,0,0);

        transform:translate3d(5px,0,0)

    }

    100%{

        -webkit-transform:none;

        transform:none

    }

}

.bounceInLeft{

    -webkit-animation-name:bounceInLeft;

    animation-name:bounceInLeft;

    animation-duration:1s;

    animation-fill-mode:both

}

.bounceInLeft,.bounceInRight{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes bounceInRight{

    0%,100%,60%,75%,90%{

        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);

        animation-timing-function:cubic-bezier(.215,.61,.355,1)

    }

    0%{

        opacity:0;

        -webkit-transform:translate3d(3000px,0,0);

        transform:translate3d(3000px,0,0)

    }

    60%{

        opacity:1;

        -webkit-transform:translate3d(-25px,0,0);

        transform:translate3d(-25px,0,0)

    }

    75%{

        -webkit-transform:translate3d(10px,0,0);

        transform:translate3d(10px,0,0)

    }

    90%{

        -webkit-transform:translate3d(-5px,0,0);

        transform:translate3d(-5px,0,0)

    }

    100%{

        -webkit-transform:none;

        transform:none

    }

}

@keyframes bounceInRight{

    0%,100%,60%,75%,90%{

        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);

        animation-timing-function:cubic-bezier(.215,.61,.355,1)

    }

    0%{

        opacity:0;

        -webkit-transform:translate3d(3000px,0,0);

        transform:translate3d(3000px,0,0)

    }

    60%{

        opacity:1;

        -webkit-transform:translate3d(-25px,0,0);

        transform:translate3d(-25px,0,0)

    }

    75%{

        -webkit-transform:translate3d(10px,0,0);

        transform:translate3d(10px,0,0)

    }

    90%{

        -webkit-transform:translate3d(-5px,0,0);

        transform:translate3d(-5px,0,0)

    }

    100%{

        -webkit-transform:none;

        transform:none

    }

}

.bounceInRight{

    -webkit-animation-name:bounceInRight;

    animation-name:bounceInRight;

    animation-duration:1s;

    animation-fill-mode:both

}

.bounceInRight,.bounceInUp{

    -webkit-animation-duration:1s

}

@-webkit-keyframes bounceInUp{

    0%,100%,60%,75%,90%{

        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);

        animation-timing-function:cubic-bezier(.215,.61,.355,1)

    }

    0%{

        opacity:0;

        -webkit-transform:translate3d(0,3000px,0);

        transform:translate3d(0,3000px,0)

    }

    60%{

        opacity:1;

        -webkit-transform:translate3d(0,-20px,0);

        transform:translate3d(0,-20px,0)

    }

    75%{

        -webkit-transform:translate3d(0,10px,0);

        transform:translate3d(0,10px,0)

    }

    90%{

        -webkit-transform:translate3d(0,-5px,0);

        transform:translate3d(0,-5px,0)

    }

    100%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

}

@keyframes bounceInUp{

    0%,100%,60%,75%,90%{

        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);

        animation-timing-function:cubic-bezier(.215,.61,.355,1)

    }

    0%{

        opacity:0;

        -webkit-transform:translate3d(0,3000px,0);

        transform:translate3d(0,3000px,0)

    }

    60%{

        opacity:1;

        -webkit-transform:translate3d(0,-20px,0);

        transform:translate3d(0,-20px,0)

    }

    75%{

        -webkit-transform:translate3d(0,10px,0);

        transform:translate3d(0,10px,0)

    }

    90%{

        -webkit-transform:translate3d(0,-5px,0);

        transform:translate3d(0,-5px,0)

    }

    100%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

}

.bounceInUp{

    -webkit-animation-name:bounceInUp;

    animation-name:bounceInUp;

    animation-duration:1s;

    animation-fill-mode:both

}

.bounceInUp,.bounceOut{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes bounceOut{

    20%{

        -webkit-transform:scale3d(.9,.9,.9);

        transform:scale3d(.9,.9,.9)

    }

    50%,55%{

        opacity:1;

        -webkit-transform:scale3d(1.1,1.1,1.1);

        transform:scale3d(1.1,1.1,1.1)

    }

    100%{

        opacity:0;

        -webkit-transform:scale3d(.3,.3,.3);

        transform:scale3d(.3,.3,.3)

    }

}

@keyframes bounceOut{

    20%{

        -webkit-transform:scale3d(.9,.9,.9);

        transform:scale3d(.9,.9,.9)

    }

    50%,55%{

        opacity:1;

        -webkit-transform:scale3d(1.1,1.1,1.1);

        transform:scale3d(1.1,1.1,1.1)

    }

    100%{

        opacity:0;

        -webkit-transform:scale3d(.3,.3,.3);

        transform:scale3d(.3,.3,.3)

    }

}

.bounceOut{

    -webkit-animation-name:bounceOut;

    animation-name:bounceOut;

    -webkit-animation-duration:.75s;

    animation-duration:.75s;

    animation-fill-mode:both

}

@-webkit-keyframes bounceOutDown{

    20%{

        -webkit-transform:translate3d(0,10px,0);

        transform:translate3d(0,10px,0)

    }

    40%,45%{

        opacity:1;

        -webkit-transform:translate3d(0,-20px,0);

        transform:translate3d(0,-20px,0)

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(0,2000px,0);

        transform:translate3d(0,2000px,0)

    }

}

@keyframes bounceOutDown{

    20%{

        -webkit-transform:translate3d(0,10px,0);

        transform:translate3d(0,10px,0)

    }

    40%,45%{

        opacity:1;

        -webkit-transform:translate3d(0,-20px,0);

        transform:translate3d(0,-20px,0)

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(0,2000px,0);

        transform:translate3d(0,2000px,0)

    }

}

.bounceOutDown{

    -webkit-animation-name:bounceOutDown;

    animation-name:bounceOutDown;

    -webkit-animation-duration:1s;

    animation-duration:1s;

    animation-fill-mode:both

}

.bounceOutDown,.bounceOutLeft{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes bounceOutLeft{

    20%{

        opacity:1;

        -webkit-transform:translate3d(20px,0,0);

        transform:translate3d(20px,0,0)

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(-2000px,0,0);

        transform:translate3d(-2000px,0,0)

    }

}

@keyframes bounceOutLeft{

    20%{

        opacity:1;

        -webkit-transform:translate3d(20px,0,0);

        transform:translate3d(20px,0,0)

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(-2000px,0,0);

        transform:translate3d(-2000px,0,0)

    }

}

.bounceOutLeft{

    -webkit-animation-name:bounceOutLeft;

    animation-name:bounceOutLeft;

    -webkit-animation-duration:1s;

    animation-duration:1s;

    animation-fill-mode:both

}

@-webkit-keyframes bounceOutRight{

    20%{

        opacity:1;

        -webkit-transform:translate3d(-20px,0,0);

        transform:translate3d(-20px,0,0)

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(2000px,0,0);

        transform:translate3d(2000px,0,0)

    }

}

@keyframes bounceOutRight{

    20%{

        opacity:1;

        -webkit-transform:translate3d(-20px,0,0);

        transform:translate3d(-20px,0,0)

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(2000px,0,0);

        transform:translate3d(2000px,0,0)

    }

}

.bounceOutRight{

    -webkit-animation-name:bounceOutRight;

    animation-name:bounceOutRight;

    -webkit-animation-duration:1s;

    animation-duration:1s;

    animation-fill-mode:both

}

.bounceOutRight,.bounceOutUp{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes bounceOutUp{

    20%{

        -webkit-transform:translate3d(0,-10px,0);

        transform:translate3d(0,-10px,0)

    }

    40%,45%{

        opacity:1;

        -webkit-transform:translate3d(0,20px,0);

        transform:translate3d(0,20px,0)

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(0,-2000px,0);

        transform:translate3d(0,-2000px,0)

    }

}

@keyframes bounceOutUp{

    20%{

        -webkit-transform:translate3d(0,-10px,0);

        transform:translate3d(0,-10px,0)

    }

    40%,45%{

        opacity:1;

        -webkit-transform:translate3d(0,20px,0);

        transform:translate3d(0,20px,0)

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(0,-2000px,0);

        transform:translate3d(0,-2000px,0)

    }

}

.bounceOutUp{

    -webkit-animation-name:bounceOutUp;

    animation-name:bounceOutUp;

    animation-duration:1s;

    animation-fill-mode:both

}

.bounceOutUp,.fadeIn{

    -webkit-animation-duration:1s

}

@-webkit-keyframes fadeIn{

    0%{

        opacity:0

    }

    100%{

        opacity:1

    }

}

@keyframes fadeIn{

    0%{

        opacity:0

    }

    100%{

        opacity:1

    }

}

.fadeIn{

    -webkit-animation-name:fadeIn;

    animation-name:fadeIn;

    animation-duration:1s;

    animation-fill-mode:both

}

.fadeIn,.fadeInDown{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes fadeInDown{

    0%{

        opacity:0;

        -webkit-transform:translate3d(0,-100%,0);

        transform:translate3d(0,-100%,0)

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@keyframes fadeInDown{

    0%{

        opacity:0;

        -webkit-transform:translate3d(0,-100%,0);

        transform:translate3d(0,-100%,0)

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

.fadeInDown{

    -webkit-animation-name:fadeInDown;

    animation-name:fadeInDown;

    animation-duration:1s;

    animation-fill-mode:both

}

.fadeInDown,.fadeInDownBig{

    -webkit-animation-duration:1s

}

@-webkit-keyframes fadeInDownBig{

    0%{

        opacity:0;

        -webkit-transform:translate3d(0,-2000px,0);

        transform:translate3d(0,-2000px,0)

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@keyframes fadeInDownBig{

    0%{

        opacity:0;

        -webkit-transform:translate3d(0,-2000px,0);

        transform:translate3d(0,-2000px,0)

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

.fadeInDownBig{

    -webkit-animation-name:fadeInDownBig;

    animation-name:fadeInDownBig;

    animation-duration:1s;

    animation-fill-mode:both

}

.fadeInDownBig,.fadeInLeft{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes fadeInLeft{

    0%{

        opacity:0;

        -webkit-transform:translate3d(-100%,0,0);

        transform:translate3d(-100%,0,0)

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@keyframes fadeInLeft{

    0%{

        opacity:0;

        -webkit-transform:translate3d(-100%,0,0);

        transform:translate3d(-100%,0,0)

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

.fadeInLeft{

    -webkit-animation-name:fadeInLeft;

    animation-name:fadeInLeft;

    animation-duration:1s;

    animation-fill-mode:both

}

.fadeInLeft,.fadeInLeftBig{

    -webkit-animation-duration:1s

}

@-webkit-keyframes fadeInLeftBig{

    0%{

        opacity:0;

        -webkit-transform:translate3d(-2000px,0,0);

        transform:translate3d(-2000px,0,0)

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@keyframes fadeInLeftBig{

    0%{

        opacity:0;

        -webkit-transform:translate3d(-2000px,0,0);

        transform:translate3d(-2000px,0,0)

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

.fadeInLeftBig{

    -webkit-animation-name:fadeInLeftBig;

    animation-name:fadeInLeftBig;

    animation-duration:1s;

    animation-fill-mode:both

}

.fadeInLeftBig,.fadeInRight{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes fadeInRight{

    0%{

        opacity:0;

        -webkit-transform:translate3d(100%,0,0);

        transform:translate3d(100%,0,0)

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@keyframes fadeInRight{

    0%{

        opacity:0;

        -webkit-transform:translate3d(100%,0,0);

        transform:translate3d(100%,0,0)

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

.fadeInRight{

    -webkit-animation-name:fadeInRight;

    animation-name:fadeInRight;

    animation-duration:1s;

    animation-fill-mode:both

}

.fadeInRight,.fadeInRightBig{

    -webkit-animation-duration:1s

}

@-webkit-keyframes fadeInRightBig{

    0%{

        opacity:0;

        -webkit-transform:translate3d(2000px,0,0);

        transform:translate3d(2000px,0,0)

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@keyframes fadeInRightBig{

    0%{

        opacity:0;

        -webkit-transform:translate3d(2000px,0,0);

        transform:translate3d(2000px,0,0)

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

.fadeInRightBig{

    -webkit-animation-name:fadeInRightBig;

    animation-name:fadeInRightBig;

    animation-duration:1s;

    animation-fill-mode:both

}

.fadeInRightBig,.fadeInUp{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes fadeInUp{

    0%{

        opacity:0;

        -webkit-transform:translate3d(0,100%,0);

        transform:translate3d(0,100%,0)

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@keyframes fadeInUp{

    0%{

        opacity:0;

        -webkit-transform:translate3d(0,100%,0);

        transform:translate3d(0,100%,0)

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

.fadeInUp{

    -webkit-animation-name:fadeInUp;

    animation-name:fadeInUp;

    animation-duration:1s;

    animation-fill-mode:both

}

.fadeInUp,.fadeInUpBig{

    -webkit-animation-duration:1s

}

@-webkit-keyframes fadeInUpBig{

    0%{

        opacity:0;

        -webkit-transform:translate3d(0,2000px,0);

        transform:translate3d(0,2000px,0)

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@keyframes fadeInUpBig{

    0%{

        opacity:0;

        -webkit-transform:translate3d(0,2000px,0);

        transform:translate3d(0,2000px,0)

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

.fadeInUpBig{

    -webkit-animation-name:fadeInUpBig;

    animation-name:fadeInUpBig;

    animation-duration:1s;

    animation-fill-mode:both

}

.fadeInUpBig,.fadeOut{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes fadeOut{

    0%{

        opacity:1

    }

    100%{

        opacity:0

    }

}

@keyframes fadeOut{

    0%{

        opacity:1

    }

    100%{

        opacity:0

    }

}

.fadeOut{

    -webkit-animation-name:fadeOut;

    animation-name:fadeOut;

    animation-duration:1s;

    animation-fill-mode:both

}

.fadeOut,.fadeOutDown{

    -webkit-animation-duration:1s

}

@-webkit-keyframes fadeOutDown{

    0%{

        opacity:1

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(0,100%,0);

        transform:translate3d(0,100%,0)

    }

}

@keyframes fadeOutDown{

    0%{

        opacity:1

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(0,100%,0);

        transform:translate3d(0,100%,0)

    }

}

.fadeOutDown{

    -webkit-animation-name:fadeOutDown;

    animation-name:fadeOutDown;

    animation-duration:1s;

    animation-fill-mode:both

}

.fadeOutDown,.fadeOutDownBig{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes fadeOutDownBig{

    0%{

        opacity:1

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(0,2000px,0);

        transform:translate3d(0,2000px,0)

    }

}

@keyframes fadeOutDownBig{

    0%{

        opacity:1

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(0,2000px,0);

        transform:translate3d(0,2000px,0)

    }

}

.fadeOutDownBig{

    -webkit-animation-name:fadeOutDownBig;

    animation-name:fadeOutDownBig;

    animation-duration:1s;

    animation-fill-mode:both

}

.fadeOutDownBig,.fadeOutLeft{

    -webkit-animation-duration:1s

}

@-webkit-keyframes fadeOutLeft{

    0%{

        opacity:1

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(-100%,0,0);

        transform:translate3d(-100%,0,0)

    }

}

@keyframes fadeOutLeft{

    0%{

        opacity:1

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(-100%,0,0);

        transform:translate3d(-100%,0,0)

    }

}

.fadeOutLeft{

    -webkit-animation-name:fadeOutLeft;

    animation-name:fadeOutLeft;

    animation-duration:1s;

    animation-fill-mode:both

}

.fadeOutLeft,.fadeOutLeftBig{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes fadeOutLeftBig{

    0%{

        opacity:1

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(-2000px,0,0);

        transform:translate3d(-2000px,0,0)

    }

}

@keyframes fadeOutLeftBig{

    0%{

        opacity:1

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(-2000px,0,0);

        transform:translate3d(-2000px,0,0)

    }

}

.fadeOutLeftBig{

    -webkit-animation-name:fadeOutLeftBig;

    animation-name:fadeOutLeftBig;

    animation-duration:1s;

    animation-fill-mode:both

}

.fadeOutLeftBig,.fadeOutRight{

    -webkit-animation-duration:1s

}

@-webkit-keyframes fadeOutRight{

    0%{

        opacity:1

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(100%,0,0);

        transform:translate3d(100%,0,0)

    }

}

@keyframes fadeOutRight{

    0%{

        opacity:1

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(100%,0,0);

        transform:translate3d(100%,0,0)

    }

}

.fadeOutRight{

    -webkit-animation-name:fadeOutRight;

    animation-name:fadeOutRight;

    animation-duration:1s;

    animation-fill-mode:both

}

.fadeOutRight,.fadeOutRightBig{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes fadeOutRightBig{

    0%{

        opacity:1

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(2000px,0,0);

        transform:translate3d(2000px,0,0)

    }

}

@keyframes fadeOutRightBig{

    0%{

        opacity:1

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(2000px,0,0);

        transform:translate3d(2000px,0,0)

    }

}

.fadeOutRightBig{

    -webkit-animation-name:fadeOutRightBig;

    animation-name:fadeOutRightBig;

    animation-duration:1s;

    animation-fill-mode:both

}

.fadeOutRightBig,.fadeOutUp{

    -webkit-animation-duration:1s

}

@-webkit-keyframes fadeOutUp{

    0%{

        opacity:1

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(0,-100%,0);

        transform:translate3d(0,-100%,0)

    }

}

@keyframes fadeOutUp{

    0%{

        opacity:1

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(0,-100%,0);

        transform:translate3d(0,-100%,0)

    }

}

.fadeOutUp{

    -webkit-animation-name:fadeOutUp;

    animation-name:fadeOutUp;

    animation-duration:1s;

    animation-fill-mode:both

}

.fadeOutUp,.fadeOutUpBig{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes fadeOutUpBig{

    0%{

        opacity:1

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(0,-2000px,0);

        transform:translate3d(0,-2000px,0)

    }

}

@keyframes fadeOutUpBig{

    0%{

        opacity:1

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(0,-2000px,0);

        transform:translate3d(0,-2000px,0)

    }

}

.fadeOutUpBig{

    -webkit-animation-name:fadeOutUpBig;

    animation-name:fadeOutUpBig;

    animation-duration:1s;

    animation-fill-mode:both

}

.animated.flip,.fadeOutUpBig{

    -webkit-animation-duration:1s

}

@-webkit-keyframes flip{

    0%{

        -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);

        transform:perspective(400px) rotate3d(0,1,0,-360deg);

        -webkit-animation-timing-function:ease-out;

        animation-timing-function:ease-out

    }

    40%{

        -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);

        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);

        -webkit-animation-timing-function:ease-out;

        animation-timing-function:ease-out

    }

    50%{

        -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);

        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);

        -webkit-animation-timing-function:ease-in;

        animation-timing-function:ease-in

    }

    80%{

        -webkit-transform:perspective(400px) scale3d(.95,.95,.95);

        transform:perspective(400px) scale3d(.95,.95,.95);

        -webkit-animation-timing-function:ease-in;

        animation-timing-function:ease-in

    }

    100%{

        -webkit-transform:perspective(400px);

        transform:perspective(400px);

        -webkit-animation-timing-function:ease-in;

        animation-timing-function:ease-in

    }

}

@keyframes flip{

    0%{

        -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);

        transform:perspective(400px) rotate3d(0,1,0,-360deg);

        -webkit-animation-timing-function:ease-out;

        animation-timing-function:ease-out

    }

    40%{

        -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);

        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);

        -webkit-animation-timing-function:ease-out;

        animation-timing-function:ease-out

    }

    50%{

        -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);

        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);

        -webkit-animation-timing-function:ease-in;

        animation-timing-function:ease-in

    }

    80%{

        -webkit-transform:perspective(400px) scale3d(.95,.95,.95);

        transform:perspective(400px) scale3d(.95,.95,.95);

        -webkit-animation-timing-function:ease-in;

        animation-timing-function:ease-in

    }

    100%{

        -webkit-transform:perspective(400px);

        transform:perspective(400px);

        -webkit-animation-timing-function:ease-in;

        animation-timing-function:ease-in

    }

}

.animated.flip{

    -webkit-backface-visibility:visible;

    backface-visibility:visible;

    -webkit-animation-name:flip;

    animation-name:flip;

    animation-duration:1s;

    animation-fill-mode:both

}

.animated.flip,.flipInX{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes flipInX{

    0%{

        -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);

        transform:perspective(400px) rotate3d(1,0,0,90deg);

        -webkit-animation-timing-function:ease-in;

        animation-timing-function:ease-in;

        opacity:0

    }

    40%{

        -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);

        transform:perspective(400px) rotate3d(1,0,0,-20deg);

        -webkit-animation-timing-function:ease-in;

        animation-timing-function:ease-in

    }

    60%{

        -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);

        transform:perspective(400px) rotate3d(1,0,0,10deg);

        opacity:1

    }

    80%{

        -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);

        transform:perspective(400px) rotate3d(1,0,0,-5deg)

    }

    100%{

        -webkit-transform:perspective(400px);

        transform:perspective(400px)

    }

}

@keyframes flipInX{

    0%{

        -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);

        transform:perspective(400px) rotate3d(1,0,0,90deg);

        -webkit-animation-timing-function:ease-in;

        animation-timing-function:ease-in;

        opacity:0

    }

    40%{

        -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);

        transform:perspective(400px) rotate3d(1,0,0,-20deg);

        -webkit-animation-timing-function:ease-in;

        animation-timing-function:ease-in

    }

    60%{

        -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);

        transform:perspective(400px) rotate3d(1,0,0,10deg);

        opacity:1

    }

    80%{

        -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);

        transform:perspective(400px) rotate3d(1,0,0,-5deg)

    }

    100%{

        -webkit-transform:perspective(400px);

        transform:perspective(400px)

    }

}

.flipInX{

    backface-visibility:visible!important;

    -webkit-animation-name:flipInX;

    animation-name:flipInX;

    animation-duration:1s;

    animation-fill-mode:both

}

.flipInX,.flipInY{

    -webkit-animation-duration:1s;

    -webkit-backface-visibility:visible!important

}

@-webkit-keyframes flipInY{

    0%{

        -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);

        transform:perspective(400px) rotate3d(0,1,0,90deg);

        -webkit-animation-timing-function:ease-in;

        animation-timing-function:ease-in;

        opacity:0

    }

    40%{

        -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);

        transform:perspective(400px) rotate3d(0,1,0,-20deg);

        -webkit-animation-timing-function:ease-in;

        animation-timing-function:ease-in

    }

    60%{

        -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);

        transform:perspective(400px) rotate3d(0,1,0,10deg);

        opacity:1

    }

    80%{

        -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);

        transform:perspective(400px) rotate3d(0,1,0,-5deg)

    }

    100%{

        -webkit-transform:perspective(400px);

        transform:perspective(400px)

    }

}

@keyframes flipInY{

    0%{

        -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);

        transform:perspective(400px) rotate3d(0,1,0,90deg);

        -webkit-animation-timing-function:ease-in;

        animation-timing-function:ease-in;

        opacity:0

    }

    40%{

        -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);

        transform:perspective(400px) rotate3d(0,1,0,-20deg);

        -webkit-animation-timing-function:ease-in;

        animation-timing-function:ease-in

    }

    60%{

        -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);

        transform:perspective(400px) rotate3d(0,1,0,10deg);

        opacity:1

    }

    80%{

        -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);

        transform:perspective(400px) rotate3d(0,1,0,-5deg)

    }

    100%{

        -webkit-transform:perspective(400px);

        transform:perspective(400px)

    }

}

.flipInY{

    backface-visibility:visible!important;

    -webkit-animation-name:flipInY;

    animation-name:flipInY;

    animation-duration:1s;

    animation-fill-mode:both

}

.flipInY,.flipOutX{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes flipOutX{

    0%{

        -webkit-transform:perspective(400px);

        transform:perspective(400px)

    }

    30%{

        -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);

        transform:perspective(400px) rotate3d(1,0,0,-20deg);

        opacity:1

    }

    100%{

        -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);

        transform:perspective(400px) rotate3d(1,0,0,90deg);

        opacity:0

    }

}

@keyframes flipOutX{

    0%{

        -webkit-transform:perspective(400px);

        transform:perspective(400px)

    }

    30%{

        -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);

        transform:perspective(400px) rotate3d(1,0,0,-20deg);

        opacity:1

    }

    100%{

        -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);

        transform:perspective(400px) rotate3d(1,0,0,90deg);

        opacity:0

    }

}

.flipOutX{

    -webkit-animation-name:flipOutX;

    animation-name:flipOutX;

    animation-duration:.75s;

    animation-fill-mode:both;

    backface-visibility:visible!important

}

.flipOutX,.flipOutY{

    -webkit-backface-visibility:visible!important;

    -webkit-animation-duration:.75s

}

@-webkit-keyframes flipOutY{

    0%{

        -webkit-transform:perspective(400px);

        transform:perspective(400px)

    }

    30%{

        -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);

        transform:perspective(400px) rotate3d(0,1,0,-15deg);

        opacity:1

    }

    100%{

        -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);

        transform:perspective(400px) rotate3d(0,1,0,90deg);

        opacity:0

    }

}

@keyframes flipOutY{

    0%{

        -webkit-transform:perspective(400px);

        transform:perspective(400px)

    }

    30%{

        -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);

        transform:perspective(400px) rotate3d(0,1,0,-15deg);

        opacity:1

    }

    100%{

        -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);

        transform:perspective(400px) rotate3d(0,1,0,90deg);

        opacity:0

    }

}

.flipOutY{

    backface-visibility:visible!important;

    -webkit-animation-name:flipOutY;

    animation-name:flipOutY;

    animation-duration:.75s;

    animation-fill-mode:both

}

.flipOutY,.lightSpeedIn{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes lightSpeedIn{

    0%{

        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);

        transform:translate3d(100%,0,0) skewX(-30deg);

        opacity:0

    }

    60%{

        -webkit-transform:skewX(20deg);

        transform:skewX(20deg);

        opacity:1

    }

    80%{

        -webkit-transform:skewX(-5deg);

        transform:skewX(-5deg);

        opacity:1

    }

    100%{

        -webkit-transform:none;

        transform:none;

        opacity:1

    }

}

@keyframes lightSpeedIn{

    0%{

        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);

        transform:translate3d(100%,0,0) skewX(-30deg);

        opacity:0

    }

    60%{

        -webkit-transform:skewX(20deg);

        transform:skewX(20deg);

        opacity:1

    }

    80%{

        -webkit-transform:skewX(-5deg);

        transform:skewX(-5deg);

        opacity:1

    }

    100%{

        -webkit-transform:none;

        transform:none;

        opacity:1

    }

}

.lightSpeedIn{

    -webkit-animation-name:lightSpeedIn;

    animation-name:lightSpeedIn;

    -webkit-animation-timing-function:ease-out;

    animation-timing-function:ease-out;

    animation-duration:1s;

    animation-fill-mode:both

}

.lightSpeedIn,.lightSpeedOut{

    -webkit-animation-duration:1s

}

@-webkit-keyframes lightSpeedOut{

    0%{

        opacity:1

    }

    100%{

        -webkit-transform:translate3d(100%,0,0) skewX(30deg);

        transform:translate3d(100%,0,0) skewX(30deg);

        opacity:0

    }

}

@keyframes lightSpeedOut{

    0%{

        opacity:1

    }

    100%{

        -webkit-transform:translate3d(100%,0,0) skewX(30deg);

        transform:translate3d(100%,0,0) skewX(30deg);

        opacity:0

    }

}

.lightSpeedOut{

    -webkit-animation-name:lightSpeedOut;

    animation-name:lightSpeedOut;

    -webkit-animation-timing-function:ease-in;

    animation-timing-function:ease-in;

    animation-duration:1s;

    animation-fill-mode:both

}

.lightSpeedOut,.rotateIn{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes rotateIn{

    0%{

        -webkit-transform-origin:center;

        transform-origin:center;

        -webkit-transform:rotate3d(0,0,1,-200deg);

        transform:rotate3d(0,0,1,-200deg);

        opacity:0

    }

    100%{

        -webkit-transform-origin:center;

        transform-origin:center;

        -webkit-transform:none;

        transform:none;

        opacity:1

    }

}

@keyframes rotateIn{

    0%{

        -webkit-transform-origin:center;

        transform-origin:center;

        -webkit-transform:rotate3d(0,0,1,-200deg);

        transform:rotate3d(0,0,1,-200deg);

        opacity:0

    }

    100%{

        -webkit-transform-origin:center;

        transform-origin:center;

        -webkit-transform:none;

        transform:none;

        opacity:1

    }

}

.rotateIn{

    -webkit-animation-name:rotateIn;

    animation-name:rotateIn;

    animation-duration:1s;

    animation-fill-mode:both

}

.rotateIn,.rotateInDownLeft{

    -webkit-animation-duration:1s

}

@-webkit-keyframes rotateInDownLeft{

    0%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        -webkit-transform:rotate3d(0,0,1,-45deg);

        transform:rotate3d(0,0,1,-45deg);

        opacity:0

    }

    100%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        -webkit-transform:none;

        transform:none;

        opacity:1

    }

}

@keyframes rotateInDownLeft{

    0%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        -webkit-transform:rotate3d(0,0,1,-45deg);

        transform:rotate3d(0,0,1,-45deg);

        opacity:0

    }

    100%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        -webkit-transform:none;

        transform:none;

        opacity:1

    }

}

.rotateInDownLeft{

    -webkit-animation-name:rotateInDownLeft;

    animation-name:rotateInDownLeft;

    animation-duration:1s;

    -webkit-animation-fill-mode:both;

    animation-fill-mode:both

}

@-webkit-keyframes rotateInDownRight{

    0%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        -webkit-transform:rotate3d(0,0,1,45deg);

        transform:rotate3d(0,0,1,45deg);

        opacity:0

    }

    100%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        -webkit-transform:none;

        transform:none;

        opacity:1

    }

}

@keyframes rotateInDownRight{

    0%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        -webkit-transform:rotate3d(0,0,1,45deg);

        transform:rotate3d(0,0,1,45deg);

        opacity:0

    }

    100%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        -webkit-transform:none;

        transform:none;

        opacity:1

    }

}

.rotateInDownRight{

    -webkit-animation-name:rotateInDownRight;

    animation-name:rotateInDownRight;

    -webkit-animation-duration:1s;

    animation-duration:1s;

    -webkit-animation-fill-mode:both;

    animation-fill-mode:both

}

@-webkit-keyframes rotateInUpLeft{

    0%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        -webkit-transform:rotate3d(0,0,1,45deg);

        transform:rotate3d(0,0,1,45deg);

        opacity:0

    }

    100%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        -webkit-transform:none;

        transform:none;

        opacity:1

    }

}

@keyframes rotateInUpLeft{

    0%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        -webkit-transform:rotate3d(0,0,1,45deg);

        transform:rotate3d(0,0,1,45deg);

        opacity:0

    }

    100%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        -webkit-transform:none;

        transform:none;

        opacity:1

    }

}

.rotateInUpLeft{

    -webkit-animation-name:rotateInUpLeft;

    animation-name:rotateInUpLeft;

    -webkit-animation-duration:1s;

    animation-duration:1s;

    animation-fill-mode:both

}

.rotateInUpLeft,.rotateInUpRight{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes rotateInUpRight{

    0%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        -webkit-transform:rotate3d(0,0,1,-90deg);

        transform:rotate3d(0,0,1,-90deg);

        opacity:0

    }

    100%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        -webkit-transform:none;

        transform:none;

        opacity:1

    }

}

@keyframes rotateInUpRight{

    0%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        -webkit-transform:rotate3d(0,0,1,-90deg);

        transform:rotate3d(0,0,1,-90deg);

        opacity:0

    }

    100%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        -webkit-transform:none;

        transform:none;

        opacity:1

    }

}

.rotateInUpRight{

    -webkit-animation-name:rotateInUpRight;

    animation-name:rotateInUpRight;

    animation-duration:1s;

    animation-fill-mode:both

}

.rotateInUpRight,.rotateOut{

    -webkit-animation-duration:1s

}

@-webkit-keyframes rotateOut{

    0%{

        -webkit-transform-origin:center;

        transform-origin:center;

        opacity:1

    }

    100%{

        -webkit-transform-origin:center;

        transform-origin:center;

        -webkit-transform:rotate3d(0,0,1,200deg);

        transform:rotate3d(0,0,1,200deg);

        opacity:0

    }

}

@keyframes rotateOut{

    0%{

        -webkit-transform-origin:center;

        transform-origin:center;

        opacity:1

    }

    100%{

        -webkit-transform-origin:center;

        transform-origin:center;

        -webkit-transform:rotate3d(0,0,1,200deg);

        transform:rotate3d(0,0,1,200deg);

        opacity:0

    }

}

.rotateOut{

    -webkit-animation-name:rotateOut;

    animation-name:rotateOut;

    animation-duration:1s;

    animation-fill-mode:both

}

.rotateOut,.rotateOutDownLeft{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes rotateOutDownLeft{

    0%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        opacity:1

    }

    100%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        -webkit-transform:rotate3d(0,0,1,45deg);

        transform:rotate3d(0,0,1,45deg);

        opacity:0

    }

}

@keyframes rotateOutDownLeft{

    0%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        opacity:1

    }

    100%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        -webkit-transform:rotate3d(0,0,1,45deg);

        transform:rotate3d(0,0,1,45deg);

        opacity:0

    }

}

.rotateOutDownLeft{

    -webkit-animation-name:rotateOutDownLeft;

    animation-name:rotateOutDownLeft;

    -webkit-animation-duration:1s;

    animation-duration:1s;

    animation-fill-mode:both

}

@-webkit-keyframes rotateOutDownRight{

    0%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        opacity:1

    }

    100%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        -webkit-transform:rotate3d(0,0,1,-45deg);

        transform:rotate3d(0,0,1,-45deg);

        opacity:0

    }

}

@keyframes rotateOutDownRight{

    0%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        opacity:1

    }

    100%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        -webkit-transform:rotate3d(0,0,1,-45deg);

        transform:rotate3d(0,0,1,-45deg);

        opacity:0

    }

}

.rotateOutDownRight{

    -webkit-animation-name:rotateOutDownRight;

    animation-name:rotateOutDownRight;

    -webkit-animation-duration:1s;

    animation-duration:1s;

    -webkit-animation-fill-mode:both;

    animation-fill-mode:both

}

@-webkit-keyframes rotateOutUpLeft{

    0%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        opacity:1

    }

    100%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        -webkit-transform:rotate3d(0,0,1,-45deg);

        transform:rotate3d(0,0,1,-45deg);

        opacity:0

    }

}

@keyframes rotateOutUpLeft{

    0%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        opacity:1

    }

    100%{

        -webkit-transform-origin:left bottom;

        transform-origin:left bottom;

        -webkit-transform:rotate3d(0,0,1,-45deg);

        transform:rotate3d(0,0,1,-45deg);

        opacity:0

    }

}

.rotateOutUpLeft{

    -webkit-animation-name:rotateOutUpLeft;

    animation-name:rotateOutUpLeft;

    -webkit-animation-duration:1s;

    animation-duration:1s;

    -webkit-animation-fill-mode:both;

    animation-fill-mode:both

}

@-webkit-keyframes rotateOutUpRight{

    0%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        opacity:1

    }

    100%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        -webkit-transform:rotate3d(0,0,1,90deg);

        transform:rotate3d(0,0,1,90deg);

        opacity:0

    }

}

@keyframes rotateOutUpRight{

    0%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        opacity:1

    }

    100%{

        -webkit-transform-origin:right bottom;

        transform-origin:right bottom;

        -webkit-transform:rotate3d(0,0,1,90deg);

        transform:rotate3d(0,0,1,90deg);

        opacity:0

    }

}

.rotateOutUpRight{

    -webkit-animation-name:rotateOutUpRight;

    animation-name:rotateOutUpRight;

    -webkit-animation-duration:1s;

    animation-duration:1s;

    animation-fill-mode:both

}

.rotateOutUpRight,.slideInDown{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes slideInDown{

    0%{

        -webkit-transform:translate3d(0,-100%,0);

        transform:translate3d(0,-100%,0);

        visibility:visible

    }

    100%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

}

@keyframes slideInDown{

    0%{

        -webkit-transform:translate3d(0,-100%,0);

        transform:translate3d(0,-100%,0);

        visibility:visible

    }

    100%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

}

.slideInDown{

    -webkit-animation-name:slideInDown;

    animation-name:slideInDown;

    animation-duration:1s;

    animation-fill-mode:both

}

.slideInDown,.slideInLeft{

    -webkit-animation-duration:1s

}

@-webkit-keyframes slideInLeft{

    0%{

        -webkit-transform:translate3d(-100%,0,0);

        transform:translate3d(-100%,0,0);

        visibility:visible

    }

    100%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

}

@keyframes slideInLeft{

    0%{

        -webkit-transform:translate3d(-100%,0,0);

        transform:translate3d(-100%,0,0);

        visibility:visible

    }

    100%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

}

.slideInLeft{

    -webkit-animation-name:slideInLeft;

    animation-name:slideInLeft;

    animation-duration:1s;

    animation-fill-mode:both

}

.slideInLeft,.slideInRight{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes slideInRight{

    0%{

        -webkit-transform:translate3d(100%,0,0);

        transform:translate3d(100%,0,0);

        visibility:visible

    }

    100%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

}

@keyframes slideInRight{

    0%{

        -webkit-transform:translate3d(100%,0,0);

        transform:translate3d(100%,0,0);

        visibility:visible

    }

    100%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

}

.slideInRight{

    -webkit-animation-name:slideInRight;

    animation-name:slideInRight;

    animation-duration:1s;

    animation-fill-mode:both

}

.slideInRight,.slideInUp{

    -webkit-animation-duration:1s

}

@-webkit-keyframes slideInUp{

    0%{

        -webkit-transform:translate3d(0,100%,0);

        transform:translate3d(0,100%,0);

        visibility:visible

    }

    100%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

}

@keyframes slideInUp{

    0%{

        -webkit-transform:translate3d(0,100%,0);

        transform:translate3d(0,100%,0);

        visibility:visible

    }

    100%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

}

.slideInUp{

    -webkit-animation-name:slideInUp;

    animation-name:slideInUp;

    animation-duration:1s;

    animation-fill-mode:both

}

.slideInUp,.slideOutDown{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes slideOutDown{

    0%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

    100%{

        visibility:hidden;

        -webkit-transform:translate3d(0,100%,0);

        transform:translate3d(0,100%,0)

    }

}

@keyframes slideOutDown{

    0%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

    100%{

        visibility:hidden;

        -webkit-transform:translate3d(0,100%,0);

        transform:translate3d(0,100%,0)

    }

}

.slideOutDown{

    -webkit-animation-name:slideOutDown;

    animation-name:slideOutDown;

    animation-duration:1s;

    animation-fill-mode:both

}

.slideOutDown,.slideOutLeft{

    -webkit-animation-duration:1s

}

@-webkit-keyframes slideOutLeft{

    0%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

    100%{

        visibility:hidden;

        -webkit-transform:translate3d(-100%,0,0);

        transform:translate3d(-100%,0,0)

    }

}

@keyframes slideOutLeft{

    0%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

    100%{

        visibility:hidden;

        -webkit-transform:translate3d(-100%,0,0);

        transform:translate3d(-100%,0,0)

    }

}

.slideOutLeft{

    -webkit-animation-name:slideOutLeft;

    animation-name:slideOutLeft;

    animation-duration:1s;

    animation-fill-mode:both

}

.slideOutLeft,.slideOutRight{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes slideOutRight{

    0%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

    100%{

        visibility:hidden;

        -webkit-transform:translate3d(100%,0,0);

        transform:translate3d(100%,0,0)

    }

}

@keyframes slideOutRight{

    0%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

    100%{

        visibility:hidden;

        -webkit-transform:translate3d(100%,0,0);

        transform:translate3d(100%,0,0)

    }

}

.slideOutRight{

    -webkit-animation-name:slideOutRight;

    animation-name:slideOutRight;

    animation-duration:1s;

    animation-fill-mode:both

}

.slideOutRight,.slideOutUp{

    -webkit-animation-duration:1s

}

@-webkit-keyframes slideOutUp{

    0%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

    100%{

        visibility:hidden;

        -webkit-transform:translate3d(0,-100%,0);

        transform:translate3d(0,-100%,0)

    }

}

@keyframes slideOutUp{

    0%{

        -webkit-transform:translate3d(0,0,0);

        transform:translate3d(0,0,0)

    }

    100%{

        visibility:hidden;

        -webkit-transform:translate3d(0,-100%,0);

        transform:translate3d(0,-100%,0)

    }

}

.slideOutUp{

    -webkit-animation-name:slideOutUp;

    animation-name:slideOutUp;

    animation-duration:1s;

    animation-fill-mode:both

}

.hinge,.slideOutUp{

    -webkit-animation-fill-mode:both

}

@-webkit-keyframes hinge{

    0%{

        -webkit-transform-origin:top left;

        transform-origin:top left;

        -webkit-animation-timing-function:ease-in-out;

        animation-timing-function:ease-in-out

    }

    20%,60%{

        -webkit-transform:rotate3d(0,0,1,80deg);

        transform:rotate3d(0,0,1,80deg);

        -webkit-transform-origin:top left;

        transform-origin:top left;

        -webkit-animation-timing-function:ease-in-out;

        animation-timing-function:ease-in-out

    }

    40%,80%{

        -webkit-transform:rotate3d(0,0,1,60deg);

        transform:rotate3d(0,0,1,60deg);

        -webkit-transform-origin:top left;

        transform-origin:top left;

        -webkit-animation-timing-function:ease-in-out;

        animation-timing-function:ease-in-out;

        opacity:1

    }

    100%{

        -webkit-transform:translate3d(0,700px,0);

        transform:translate3d(0,700px,0);

        opacity:0

    }

}

@keyframes hinge{

    0%{

        -webkit-transform-origin:top left;

        transform-origin:top left;

        -webkit-animation-timing-function:ease-in-out;

        animation-timing-function:ease-in-out

    }

    20%,60%{

        -webkit-transform:rotate3d(0,0,1,80deg);

        transform:rotate3d(0,0,1,80deg);

        -webkit-transform-origin:top left;

        transform-origin:top left;

        -webkit-animation-timing-function:ease-in-out;

        animation-timing-function:ease-in-out

    }

    40%,80%{

        -webkit-transform:rotate3d(0,0,1,60deg);

        transform:rotate3d(0,0,1,60deg);

        -webkit-transform-origin:top left;

        transform-origin:top left;

        -webkit-animation-timing-function:ease-in-out;

        animation-timing-function:ease-in-out;

        opacity:1

    }

    100%{

        -webkit-transform:translate3d(0,700px,0);

        transform:translate3d(0,700px,0);

        opacity:0

    }

}

.hinge{

    -webkit-animation-name:hinge;

    animation-name:hinge;

    -webkit-animation-duration:2s;

    animation-duration:2s;

    animation-fill-mode:both

}

@-webkit-keyframes rollIn{

    0%{

        opacity:0;

        -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);

        transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@keyframes rollIn{

    0%{

        opacity:0;

        -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);

        transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)

    }

    100%{

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

.rollIn{

    -webkit-animation-name:rollIn;

    animation-name:rollIn;

    animation-duration:1s;

    animation-fill-mode:both

}

.rollIn,.rollOut{

    -webkit-animation-fill-mode:both;

    -webkit-animation-duration:1s

}

@-webkit-keyframes rollOut{

    0%{

        opacity:1

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);

        transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)

    }

}

@keyframes rollOut{

    0%{

        opacity:1

    }

    100%{

        opacity:0;

        -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);

        transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)

    }

}

.rollOut{

    -webkit-animation-name:rollOut;

    animation-name:rollOut;

    animation-duration:1s;

    animation-fill-mode:both

}

@-webkit-keyframes zoomIn{

    0%{

        opacity:0;

        -webkit-transform:scale3d(.3,.3,.3);

        transform:scale3d(.3,.3,.3)

    }

    50%{

        opacity:1

    }

}

@keyframes zoomIn{

    0%{

        opacity:0;

        -webkit-transform:scale3d(.3,.3,.3);

        transform:scale3d(.3,.3,.3)

    }

    50%{

        opacity:1

    }

}

.zoomIn{

    -webkit-animation-name:zoomIn;

    animation-name:zoomIn;

    animation-duration:1s;

    animation-fill-mode:both

}

.zoomIn,.zoomInDown{

    -webkit-animation-fill-mode:both;

    -webkit-animation-duration:1s

}

@-webkit-keyframes zoomInDown{

    0%{

        opacity:0;

        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);

        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);

        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);

        animation-timing-function:cubic-bezier(.55,.055,.675,.19)

    }

    60%{

        opacity:1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);

        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);

        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);

        animation-timing-function:cubic-bezier(.175,.885,.32,1)

    }

}

@keyframes zoomInDown{

    0%{

        opacity:0;

        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);

        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);

        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);

        animation-timing-function:cubic-bezier(.55,.055,.675,.19)

    }

    60%{

        opacity:1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);

        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);

        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);

        animation-timing-function:cubic-bezier(.175,.885,.32,1)

    }

}

.zoomInDown{

    -webkit-animation-name:zoomInDown;

    animation-name:zoomInDown;

    animation-duration:1s;

    animation-fill-mode:both

}

@-webkit-keyframes zoomInLeft{

    0%{

        opacity:0;

        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);

        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);

        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);

        animation-timing-function:cubic-bezier(.55,.055,.675,.19)

    }

    60%{

        opacity:1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);

        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);

        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);

        animation-timing-function:cubic-bezier(.175,.885,.32,1)

    }

}

@keyframes zoomInLeft{

    0%{

        opacity:0;

        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);

        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);

        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);

        animation-timing-function:cubic-bezier(.55,.055,.675,.19)

    }

    60%{

        opacity:1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);

        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);

        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);

        animation-timing-function:cubic-bezier(.175,.885,.32,1)

    }

}

.zoomInLeft{

    -webkit-animation-name:zoomInLeft;

    animation-name:zoomInLeft;

    animation-duration:1s;

    animation-fill-mode:both

}

.zoomInLeft,.zoomInRight{

    -webkit-animation-fill-mode:both;

    -webkit-animation-duration:1s

}

@-webkit-keyframes zoomInRight{

    0%{

        opacity:0;

        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);

        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);

        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);

        animation-timing-function:cubic-bezier(.55,.055,.675,.19)

    }

    60%{

        opacity:1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);

        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);

        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);

        animation-timing-function:cubic-bezier(.175,.885,.32,1)

    }

}

@keyframes zoomInRight{

    0%{

        opacity:0;

        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);

        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);

        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);

        animation-timing-function:cubic-bezier(.55,.055,.675,.19)

    }

    60%{

        opacity:1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);

        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);

        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);

        animation-timing-function:cubic-bezier(.175,.885,.32,1)

    }

}

.zoomInRight{

    -webkit-animation-name:zoomInRight;

    animation-name:zoomInRight;

    animation-duration:1s;

    animation-fill-mode:both

}

@-webkit-keyframes zoomInUp{

    0%{

        opacity:0;

        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);

        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);

        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);

        animation-timing-function:cubic-bezier(.55,.055,.675,.19)

    }

    60%{

        opacity:1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);

        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);

        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);

        animation-timing-function:cubic-bezier(.175,.885,.32,1)

    }

}

@keyframes zoomInUp{

    0%{

        opacity:0;

        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);

        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);

        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);

        animation-timing-function:cubic-bezier(.55,.055,.675,.19)

    }

    60%{

        opacity:1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);

        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);

        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);

        animation-timing-function:cubic-bezier(.175,.885,.32,1)

    }

}

.zoomInUp{

    -webkit-animation-name:zoomInUp;

    animation-name:zoomInUp;

    animation-duration:1s;

    animation-fill-mode:both

}

.zoomInUp,.zoomOut{

    -webkit-animation-fill-mode:both;

    -webkit-animation-duration:1s

}

@-webkit-keyframes zoomOut{

    0%{

        opacity:1

    }

    50%{

        opacity:0;

        -webkit-transform:scale3d(.3,.3,.3);

        transform:scale3d(.3,.3,.3)

    }

    100%{

        opacity:0

    }

}

@keyframes zoomOut{

    0%{

        opacity:1

    }

    50%{

        opacity:0;

        -webkit-transform:scale3d(.3,.3,.3);

        transform:scale3d(.3,.3,.3)

    }

    100%{

        opacity:0

    }

}

.zoomOut{

    -webkit-animation-name:zoomOut;

    animation-name:zoomOut;

    animation-duration:1s;

    animation-fill-mode:both

}

@-webkit-keyframes zoomOutDown{

    40%{

        opacity:1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);

        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);

        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);

        animation-timing-function:cubic-bezier(.55,.055,.675,.19)

    }

    100%{

        opacity:0;

        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);

        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);

        -webkit-transform-origin:center bottom;

        transform-origin:center bottom;

        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);

        animation-timing-function:cubic-bezier(.175,.885,.32,1)

    }

}

@keyframes zoomOutDown{

    40%{

        opacity:1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);

        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);

        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);

        animation-timing-function:cubic-bezier(.55,.055,.675,.19)

    }

    100%{

        opacity:0;

        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);

        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);

        -webkit-transform-origin:center bottom;

        transform-origin:center bottom;

        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);

        animation-timing-function:cubic-bezier(.175,.885,.32,1)

    }

}

.zoomOutDown{

    -webkit-animation-name:zoomOutDown;

    animation-name:zoomOutDown;

    animation-duration:1s;

    animation-fill-mode:both

}

.zoomOutDown,.zoomOutLeft{

    -webkit-animation-fill-mode:both;

    -webkit-animation-duration:1s

}

@-webkit-keyframes zoomOutLeft{

    40%{

        opacity:1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);

        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)

    }

    100%{

        opacity:0;

        -webkit-transform:scale(.1) translate3d(-2000px,0,0);

        transform:scale(.1) translate3d(-2000px,0,0);

        -webkit-transform-origin:left center;

        transform-origin:left center

    }

}

@keyframes zoomOutLeft{

    40%{

        opacity:1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);

        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)

    }

    100%{

        opacity:0;

        -webkit-transform:scale(.1) translate3d(-2000px,0,0);

        transform:scale(.1) translate3d(-2000px,0,0);

        -webkit-transform-origin:left center;

        transform-origin:left center

    }

}

.zoomOutLeft{

    -webkit-animation-name:zoomOutLeft;

    animation-name:zoomOutLeft;

    animation-duration:1s;

    animation-fill-mode:both

}

@-webkit-keyframes zoomOutRight{

    40%{

        opacity:1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);

        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)

    }

    100%{

        opacity:0;

        -webkit-transform:scale(.1) translate3d(2000px,0,0);

        transform:scale(.1) translate3d(2000px,0,0);

        -webkit-transform-origin:right center;

        transform-origin:right center

    }

}

@keyframes zoomOutRight{

    40%{

        opacity:1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);

        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)

    }

    100%{

        opacity:0;

        -webkit-transform:scale(.1) translate3d(2000px,0,0);

        transform:scale(.1) translate3d(2000px,0,0);

        -webkit-transform-origin:right center;

        transform-origin:right center

    }

}

.zoomOutRight{

    -webkit-animation-name:zoomOutRight;

    animation-name:zoomOutRight;

    animation-duration:1s;

    animation-fill-mode:both

}

.zoomOutRight,.zoomOutUp{

    -webkit-animation-fill-mode:both;

    -webkit-animation-duration:1s

}

@-webkit-keyframes zoomOutUp{

    40%{

        opacity:1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);

        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);

        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);

        animation-timing-function:cubic-bezier(.55,.055,.675,.19)

    }

    100%{

        opacity:0;

        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);

        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);

        -webkit-transform-origin:center bottom;

        transform-origin:center bottom;

        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);

        animation-timing-function:cubic-bezier(.175,.885,.32,1)

    }

}

@keyframes zoomOutUp{

    40%{

        opacity:1;

        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);

        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);

        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);

        animation-timing-function:cubic-bezier(.55,.055,.675,.19)

    }

    100%{

        opacity:0;

        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);

        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);

        -webkit-transform-origin:center bottom;

        transform-origin:center bottom;

        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);

        animation-timing-function:cubic-bezier(.175,.885,.32,1)

    }

}

.zoomOutUp{

    -webkit-animation-name:zoomOutUp;

    animation-name:zoomOutUp;

    animation-duration:1s;

    animation-fill-mode:both

}

h3.h3cate+div{

    display:none

}

#css3-animated-example h3 + div{

    height:0px;

    padding:0px;

    overflow:hidden;

    background:#375d89;

    display:block!important;

    -webkit-transform:translateZ(0);

    -webkit-transition:all 0.3s ease;

    moz-transition:all 0.3s ease;

    -o-transition:all 0.3s ease;

    -ms-transition:all 0.3s ease;

    transition:all 0.3s ease

}

#css3-animated-example .content{

    padding:10px

}

#css3-animated-example h3.open + div{

    height:auto;

    background:#375d89

}

#css3-animated-example h3.showul + div{

    height:0px

}

 .primobile{

    width:90%;

    height:100%;

    display:inline-block;

    box-sizing:border-box;

    position:fixed;

    top:0px;

    left:-100%;

    overflow:scroll;

    z-index:99999999;

    transition:all .3s ease-out;

    background:#fff

}

.primobile.activembmune{

    left:0;

    transition:all .3s ease-out

}

.scrool_mobile_menu_v2theme{

    overflow:scroll;

    height:99%;

    display:inline-block

}

.hotline_mobile{

    padding:5px 5px;

    background:#dcdcdc

}

.hotline_mobile a{

    font-size:13px;

    color:#cf2525;

    font-weight:600;

    text-align:center;

    margin:0 auto;

    display:table

}

.hotline_mobile a span{

    color:#444

}

div.tab{

    float:left;

    width:30%;

    overflow:scroll

}

.activefade{

    position:fixed;

    width:100%;

    height:100%;

    background:rgba(78,78,78,0.42);

    left:0;

    top:0;

    z-index:99;

    overflow:hidden

}

 div.tab button{

    display:block;

    background-color:#f7f7f7;

    color:black;

    padding:10px 0px;

    width:100%;

    border:none;

    outline:none;

    text-align:left;

    cursor:pointer;

    transition:0.3s;

    font-size:14px;

    font-family:Tahoma,Arial,Verdana,sans-serif !important;

    text-align:center;

    border-bottom:2px solid #fff;

    text-transform:uppercase

}

 div.tab button img{

    margin:0 auto;

    display:table

}

div.tab button:hover{

    background-color:#ddd

}

 div.tab button.active{

    background:#f76868;

    position:relative;

    color:#fff

}

 div.tab button.active:after{

    content:'';

    position:absolute;

    left:93%;

    top:38%;

    border-left:0;

    border-bottom:8px solid transparent;

    border-top:8px solid transparent;

    border-right:8px solid #fff;

    z-index:9999

}

.tabcontent{

    padding:0px 2px;

    width:100%;

    border-left:none;

    height:100%;

    background:#fff;

    display:none

}

.tit_tab_menu_v2{

    background:#89cbdc;

    padding:10px 0px;

    border-radius:6px;

    position:relative

}

.tit_tab_menu_v2:after{

    content:"";

    background:url(/skin/mobile_icon_chuyentrang.png)center no-repeat;

    position:absolute;

    width:16px;

    height:26px;

    top:15px;

    right:10px

}

.tit_tab_menu_v2 h3{

    text-align:center;

    color:#fff;

    text-transform:uppercase;

    padding:0px 30px

}

.tit_tab_menu_v2 h3 a{

    color:#fff

}

 div.tab button h4.bgicon{

    width:31px;

    height:31px;

    text-align:center;

    display:table;

    margin:0 auto 3px auto

}

 div.tab button:nth-child(1) h4.bgicon{

    background:url(./icon_menu_mobile.png)0px -31px no-repeat;

    background-size:100%

}

 div.tab button:nth-child(2) h4.bgicon{

    background:url(./icon_menu_mobile.png)0px -62px no-repeat;

    background-size:100%

}

 div.tab button:nth-child(3) h4.bgicon{

    background:url(./icon_menu_mobile.png)0px -93px no-repeat;

    background-size:100%

}

 div.tab button:nth-child(4) h4.bgicon{

    background:url(./icon_menu_mobile.png)0px -124px no-repeat;

    background-size:100%

}

 div.tab button:nth-child(5) h4.bgicon{

    background:url(./icon_menu_mobile.png)0px -155px no-repeat;

    background-size:100%

}

 div.tab button:nth-child(6) h4.bgicon{

    background:url(./icon_menu_mobile.png)0px -186px no-repeat;

    background-size:100%

}

 div.tab button h4.bgiconbig{

    width:100%;

    height:124px;

    display:table

}

 div.tab button h4.bgiconbig{

    background-size:45%

}

 .tabcontentpri{

    position:relative;

    width:68%;

    float:left;

    display:inline-block;

    height:100%;

    background:#fff

}

.tabcontentpri .closemenu{

    position:fixed;

    top:47%;

    right:2px;

    z-index:999999;

    display:none

}

.activeclose{

    display:block !important

}

.closemenu img{

    padding:8px

}

.contenttabs{

    padding:10px

}

ul.ulabouts_v2{

    padding-top:0px !important

}

.activefade{

    position:fixed;

    width:100%;

    height:100%;

    background:rgba(78,78,78,0.42);

    left:0;

    top:0;

    z-index:99

}

.contenthome{

    padding-top:35px;

    border-top:1px solid #eaeaea

}

ul.item_cate{

    padding-top:0px

}

ul.item_cate>li{

    padding:10px 6px 6px 0px;

    position:relative

}

ul.item_cate>li>a{

    color:#525252 !important;

    padding-left:15px;

    position:relative;

    font-size:13px;

    text-transform:uppercase;

    font-weight:500

}

ul.item_cate>li>a:before{

    content:"";

    position:absolute;

    top:7px;

    left:5px;

    background:#505050;

    width:3px;

    height:3px;

    border-radius:50%

}

.item_cate > li:nth-child(2n+1){

    background:#ffeedb

}

.item_cate > li:nth-child(2n+2){

    background:#fff

}

.contenthome h3{

    text-transform:uppercase;

    line-height:26px;

    text-align:center;

    margin-bottom:10px;

    border-bottom:1px solid #af755b;

    color:#a46c53

}

.contenthome p{

    line-height:25px

}

.closemenu img{

    animation:shake 0.82s cubic-bezier(.36,.07,.19,.97) both;

    transform:translate3d(0,0,0);

    backface-visibility:hidden;

    -webkit-animation-duration:3s;

    animation-duration:3s;

    -webkit-animation-fill-mode:both;

    animation-fill-mode:both;

    -webkit-animation-timing-function:linear;

    animation-timing-function:linear;

    animation-iteration-count:infinite;

    -webkit-animation-iteration-count:infinite

}

.map_mobile_menu_v2{

    margin-top:15px

}

.line_space_menu_mb{

    display:table;

    width:100%

}

.line_space_menu_mb .line_space_menuin{

    width:20px;

    height:6px;

    margin:5px auto;

    border-top:1px solid #e0e0e0;

    border-bottom:1px solid #e0e0e0;

    box-sizing:border-box

}

@keyframes shake{

    10%,90%{

        transform:translate3d(-1px,0,0)

    }

    20%,80%{

        transform:translate3d(2px,0,0)

    }

    30%,50%,70%{

        transform:translate3d(-4px,0,0)

    }

    40%,60%{

        transform:translate3d(4px,0,0)

    }

}

@-webkit-keyframes shake{

    10%,90%{

        transform:translate3d(-1px,0,0)

    }

    20%,80%{

        transform:translate3d(2px,0,0)

    }

    30%,50%,70%{

        transform:translate3d(-4px,0,0)

    }

    40%,60%{

        transform:translate3d(4px,0,0)

    }

}

.shake{

    -webkit-animation-name:shake;

    animation-name:shake

}

@media only screen and (max-width:1024px){

}

@media only screen and (max-width:768px){

    #slides{

        margin-top:46px

    }

    .listnewmobilein{

        display:table;

        width:100%;

        margin-bottom:30px

    }

    #htop{

        display:block;

        overflow:hidden;

        overflow-x:hidden;

        width:100%

    }

    ._v2_new_accordion{display: none}

    .imgmt1,.imgmt5,.imgmt10 img,.imgmt9 img,.imgmt8 img,.imgmt7 img,.imgmt6 img,.imgmt2 img,.imgmt1 img{

        height:186px !important

    }

    .gallery_mtnet{

        margin-top:60px;

        display:table

    }

    .thumbnailgallery{

        height:188px

    }

    .circle1 a img{

        margin-left:6px

    }

    .leftwell h4,.leftwell h3{

        text-align:center !important

    }

    .mainwhy h2{

        line-height:25px

    }

    .main .boxwell{

        height:303px

    }

    #htop .logo{

        width:82%

    }

    #htop .logo img{

        width:33%

    }

    .teambuil{

        display:block !important

    }

    .cd-hero{

        display:none

    }

    .boxwell .leftwell{

        width:100% !important;

        box-sizing:border-box

    }

    .leftwell h3 strong{

        font-size:52px

    }

    .leftwell p{

        color:#fff;

        background:rgba(0,0,0,0.72);

        padding:20px;

        border-radius:10px

    }

    .box1teamchild h3{

        margin-top:0

    }

    .box1teamchild p{

        margin-top:15px

    }

    .chatbut_abouts{

        margin-top:77px

    }

    .boxtrust .itemtrust{

        height:371px

    }

    .itemwhymd ul li:first-child p{

        margin-top:0

    }

    .itemwhymd ul li p{

        margin-bottom:46px

    }

    .main{

        max-width:100% !important

    }

    .rowhead,#main-top-md{

        display:none

    }

    .btn_phone{

        width:10%

    }

    #content{

        padding:0px 15px

    }

    .rowmenucol > ul > li{

        width:49.5%

    }

    .menu_view .main > ul > li:nth-child(3){

        margin-left:0%

    }

    .rows2 .gallery-image,.rows2 .video-tab{

        width:100%

    }

    .gallery-image .gallery-child,#video1 iframe{

        margin:25px auto 0px auto;

        display:table

    }

    .rows4 .img-center{

        display:table

    }

    .rows4 .img-center .img-icon{

        position:static;

        width:33.333%;

        float:left;

        margin:0 auto;

        text-align:center;

        height:165px

    }

    #content .rows4 .main{

        padding-bottom:15px

    }

    #contact-form-footer{

        padding:0px 15px;

        box-sizing:border-box

    }

    #content .rows2 h4{

        width:60%;

        margin:0 auto;

        display:table

    }

    .rowmenucol > ul > li{

        min-height:auto

    }

    #side_bar .dieutri h4{

        background:none

    }

    .contact-last{

        display:block

    }

    .contact-last li:nth-child(2) span{

        margin-left:-36px

    }

    .slider{

        margin-top:45px

    }

    ul.menubxhpkht > li:nth-child(3){

        padding:5px

    }







    .footerbg1{

        box-sizing:border-box;

        padding:40px 15px

    }

    .listnewmobile{

        width:100%;

        display:table;

        margin:20px auto;

        box-sizing:border-box

    }

    .listnewmobilein .itemlistnew_mobi{

        width:100%;

        float:left;

        margin-right:2%;

        margin-bottom:10px;

        border-bottom:1px dashed #ccc;

        padding-bottom:10px

    }

    .detail_newmos a{

        display:table;

        color:#b35227;

        text-align:center;

        font-weight:600

    }

    .detail_newmos p{

        text-align:justify;

        margin-top:5px

    }

    .postfeas{

        color:#444;

        font-weight:600;

        text-align:center;

        margin-bottom:20px;

        text-transform:uppercase;

        font-size:20px;

        border-bottom:1px solid #74a763;

        padding-bottom:6px

    }

    #content .rows2{

        background:url(/skin/bg_2.png) repeat;

        background-color:#ccc

    }

    #content .rows5{

        background:url(/skin/bg_2.png) repeat;

        background-color:#d0d0d0

    }

    #blog-list-article{

        width:100%;

        float:none;

        box-sizing:border-box;

        padding:0px 10px

    }

    .the_content_single h2{

        line-height:30px

    }

    .the_content_single h3{

        text-transform:uppercase;

        line-height:30px

    }

    .categories_desc h1{

        line-height:30px

    }

    .btn_phone{

        background:url(/skin/mobile_bg_hotline.png)right no-repeat;

        position:relative;

        height:58px;

        background-size:auto 100%

    }

    .btn_phone img{

        position:absolute;

        top:12px;

        right:14px

    }

    .form_phone_top form p .wpcf7-submit{

        width:35px;

        height:28px;

        background:url(/skin/mobile_button_callback.png)center no-repeat

    }

    .form_phone_top input{

        padding:0px 0px

    }

    .button_only{

        padding-left:15px !important;

        font-size:12px;

        color:#b5b5b5

    }

    #_v3_slide_home3{

        margin-top:55px

    }

    .custom-navigation{

        display:none

    }

    .fixed_display_mobile{

        position:fixed;

        bottom:0;

        left:0;

        z-index:99999;

        width:100%;

        height:50px;

        float:left;

        text-align:center;

        margin:0 auto

    }

    .item_fixdis_mobile{

        float:left;

        width:50%;

        position:relative

    }

    .initem_fixdis_mobi{

        background:#44bca3;

        height:50px

    }

    .item_fixdis_mobile:nth-child(2) .initem_fixdis_mobi{

        background:#db5053

    }

    .abso_parent_gif{

        position:absolute;

        width:100%

    }

    .absolue_gif_gold{

        display:table;

        background:#fff;

        border-radius:50%;

        border:1px solid #db5154;

        margin:0 auto;

        margin-top:-27px

    }

    .absolue_gif_gold a img{

        padding:8px 11px

    }

    .initem_fixdis_mobi h4{

        padding-top:25px;

        color:#f3fab7;

        text-transform:uppercase;

        text-shadow:0px 2px #232323

    }

    .initem_fixdis_mobi a p{

        position:relative;

        color:#fff;

        display:table;

        margin:0 auto;

        padding-left:12px;

        padding-top:5px

    }

    .initem_fixdis_mobi a p:before{

        width:18px;

        height:20px;

        position:absolute;

        content:"";

        top:5px;

        left:-9px;

        background:url(/skin/click_mobilse.png)center no-repeat

    }

    .initem_fixdis_mobi a{

        color:#fff

    }

    .initem_fixdis_mobi a span{

        padding-top:5px;

        display:table;

        margin:0 auto;

        position:relative;

        padding-left:5px

    }

    .initem_fixdis_mobi a span:before{

        width:31px;

        height:23px;

        position:absolute;

        content:"";

        top:15px;

        left:-30px;

        background:url(/skin/chat_display.png)center no-repeat

    }

    .slide_firsst a img{

        height:auto !important;

        margin-top:9px

    }

    #slider{

        margin-top:56px;

        margin-bottom:15px

    }

    #slider ul li,#slider{

        max-height:211px !important

    }

    a.control_prev,a.control_next{

        display:none

    }

}

@media only screen and (max-width:736px){

    .imgmt1,.imgmt5,.imgmt10 img,.imgmt9 img,.imgmt8 img,.imgmt7 img,.imgmt6 img,.imgmt2 img,.imgmt1 img{

        height:172px !important

    }

    .thumbnailgallery{

        height:186px

    }

    .boxmtin p{

        padding-right:0 !important

    }

    .leftwell h3 strong{

        font-size:47px

    }

    .chatbut_abouts{

        margin-top:32px

    }

    .boxtrust .itemtrust{

        height:390px

    }

    .model2md{

        margin-top:0

    }

    #content .rows3 .cols{

        width:49.5%;

        margin-bottom:20px

    }

    #content .rows3 .cols img{

        margin:5px auto 0px auto;

        float:none

    }

    #content .rows3 .cols:nth-child(2n+2){

        margin-right:0

    }

    .not-hen ul li span,.hen ul li span{

        font-size:13px

    }

    #content .rows2 h4{

        width:64%;

        margin:0 auto;

        display:table

    }

    .article-blog{

        min-height:186px

    }

    .breadcumds{

        padding:10px 15px

    }

}

@media only screen and (max-width:680px){

    .the_content_single strong,.the_content_single b{

        color:#47bda5

    }

    .the_content_single ul li{

        font-size:14px;

        color:#000;

        line-height:25px

    }

    .boxmtin:after{

        bottom:-24px !important

    }

    .imgmt1,.imgmt5,.imgmt10 img,.imgmt9 img,.imgmt8 img,.imgmt7 img,.imgmt6 img,.imgmt2 img,.imgmt1 img{

        height:164px !important

    }

    .boxmtin{

        width:100% !important

    }

    .box1_mtdkhn{

        width:100% !important;

        background:none !important;

        height:auto !important

    }

    .list_postrand_side li{

        width:48.5%;

        float:left;

        margin-right:3%

    }

    .list_postrand_side li:nth-child(2n+2){

        margin-right:0

    }

    .thumbnailgallery{

        height:167px

    }

    #htop .logo{

        width:81%

    }

    .circle1 a img{

        margin-left:9px

    }

    #htop .logo img{

        width:34%

    }

    .chatbut_abouts{

        margin-top:16px

    }

    .mainwhy h2{

        font-size:25px

    }

    .mainwhy h2{

        line-height:35px

    }

    .leftwell h4{

        text-align:center

    }

    .leftwell h3 strong{

        font-size:37px;

        font-size:31px

    }

    .leftwell h3{

        color:#00045e;

        font-weight:bold

    }

    .itemwhymd ul li p{

        margin-bottom:33px

    }

    #content .rows2 h4{

        width:70%;

        margin:0 auto;

        display:table

    }

    #map-google h3,#environment h3,#content .rows5 h3,#content .rows4 h2{

        font-size:25px

    }

    #content .rows5 .vs,#content .rows5 .not-hen,#content .rows5 .hen{

        width:100%

    }

    #content .rows5 .vs{

        margin-top:0

    }

    #online-index .left .box{

        width:32%

    }

    #online-index .left{

        width:100%;

        display:table;

        margin-bottom:20px

    }

    #online-index .left .box:last-child{

        margin-right:0

    }

    #online-index .right{

        width:100%;

        float:none;

        display:table

    }

    .footerbg1 .center-ft,.footerbg1 .left-ft{

        width:100%;

        text-align:center

    }

    .footerbg1 .right-ft{

        width:100%;

        margin:0 auto;

        display:table;

        padding:0px 15px;

        box-sizing:border-box

    }

    .right-ft>img{

        margin:0 auto;

        float:none;

        display:table

    }

    .footerbg1 .right-ft .fb-page{

        margin:20px auto 10px auto

    }

    #side_bar{

        width:100%;

        padding:0px 15px;

        box-sizing:border-box;

        margin-bottom:20px

    }

    .fb-page iframe{

        width:340px;

        display:table;

        margin:0 auto

    }

    .article-blog{

        padding:10px

    }

    .contenttabs{

        padding:4px !important

    }

    .contenthome{

        padding-top:40px !important

    }

    #content .rows3 h2,#content .rows2 h2{

        font-size:28px

    }

    .wpcf7-form-control-wrap input{

        width:93%

    }

    .categories_desc h1{

        font-size:20px

    }

    .the_content_single p{

        font-size:14px;

        color:#000;

        line-height:25px

    }

    #htop .logo{

        padding:5px 0px

    }

    .tabcontentpri{

        height:150%

    }

}

@media only screen and (max-width:580px){

    #htop .logo{

        width:77%

    }

    .btn_phone{

        width:13%

    }

}

@media only screen and (max-width:568px){

    ._v2_review_single ._v2_item_review{

        width:100%;

        border-bottom:1px dashed #eaeaea;

        padding-bottom:3px;

        margin-bottom:8px

    }

    .article-blog .repeat-x{

        display:none

    }

    #main-menu-nk > ul > li{

        min-height:100px !important

    }

    .boxmtin:after{

        bottom:-38px !important

    }

    .imgmt1,.imgmt5,.imgmt10 img,.imgmt9 img,.imgmt8 img,.imgmt7 img,.imgmt6 img,.imgmt2 img,.imgmt1 img{

        height:142px !important

    }

    .slide_moitruong .arrowright,.slide_moitruong .arrowleft{

        top:37%

    }

    .slide_moitruong .arrowright,.slide_moitruong .arrowleft{

        background-size:100%;

        width:20px;

        height:20px

    }

    .thumbnailgallery{

        height:141px

    }

    #htop .logo img{

        width:42%

    }

    .leftwell h3 strong,.leftwell h3{

        font-size:30px

    }

    .mainwhy h2{

        font-size:25px;

        padding:0px 15px

    }

    .whychoose .itemwhymd{

        width:100%

    }

    .itemwhymd>ul{

        padding:0px 15px;

        margin-bottom:30px

    }

    .centerwhy img{

        margin:0 auto;

        display:table;

        margin-bottom:30px

    }

    .itemwhymd ul li p{

        text-align:center

    }

    .box1_teambuil .box1teamchild{

        width:100%;

        float:none;

        padding:0px 15px

    }

    .box1teamchild a img{

        margin:0 auto;

        display:table

    }

    .boxpoliin .itemboxpoli{

        width:100%;

        margin-right:0;

        padding-bottom:10px

    }

    .itemboxpoli .item1poli{

        padding:0px 15px

    }

    .boxpoliin .itemboxpoli:nth-child(2) a img{

        margin:20px auto;

        display:table

    }

    .boxtrust .itemtrust{

        width:49%

    }

    .boxtrust .itemtrust:nth-child(2n+2){

        margin-right:0

    }

    .boxtrust .itemtrust{

        height:400px

    }

    #content .rows3 .cols{

        width:49.4%;

        height:366px

    }

    #map-google h3,#environment h3,#content .rows5 h3,#content .rows4 h2{

        font-size:20px

    }

    .categories_desc h1{

        padding-right:0px

    }

    #content .rows4 h2{

        padding-top:10px

    }

    .categories_desc{

        padding:0px 0px 0px

    }

    .footer-reg .col-form{

        width:100%;

        margin-right:0;

        margin-bottom:10px

    }

    .footer-reg .col-form-last{

        width:100%

    }

    .ulsamplenews li:nth-child(2n+2){

        margin-right:0

    }

    #content .rows3 h2,#content .rows2 h2{

        font-size:25px

    }

    .ulsamplenews li{

        width:100%;

        box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);

        padding:10px;

        margin-bottom:30px;

        box-sizing:border-box

    }

    .detailsampe > a{

        text-transform:uppercase;

        line-height:28px

    }

    .article-archive{

        box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);

        box-sizing:border-box;

        margin-bottom:20px;

        padding:10px !important

    }

    .tabcontentpri{

        height:160%

    }

}

@media only screen and (max-width:480px){

    ._slidehome_mobi{

        display:block !important

    }

    ._slidehome_desktop{

        display:none

    }

    .post_random_single{

        width:100%;

        margin-right:0;

        height:auto

    }

    .footer_add_v2 .share_footer_v2{

        float:none;

        display:table;

        margin:10px auto 5px auto

    }

    .footer_add_v2 p{

        text-align:center;

        line-height:28px;

        padding:0px 10px

    }

    .primary_slide_v3_mobile{

        margin-top:10px

    }

    .scrool_mobile_menu_v2theme{

        height:130%

    }

    .categories_desc .share{

        position:static

    }

    ._v2_review_centers p{

        float:none;

        width:100%;

        margin-bottom:5px

    }

    ._v2_review_single .post-ratings{

        float:none;

        width:100%

    }

    .col-form-last .wpcf7-submit{

        margin:0 auto;

        display:table

    }

    .tabcontentpr{

        height:110%

    }

    #htop .logo img{

        width:55%

    }

    #content .rows3 .cols{

        width:100%;

        height:auto

    }

    #content .rows3 .cols strong{

        font-size:16px

    }

    #content .rows3 .cols p{

        text-align:center

    }

    .categories_desc h1{

        text-align:left;

        font-size:18px

    }

    .categories_desc h1:before{

        top:15px

    }

    ._v2_categories_single h1:before{

        content:none

    }

    ._v2_categories_single h1{

        padding-right:0px;

        padding-left:0

    }

    .article-blog .link-image{

        width:100%;

        margin-right:0

    }

    .article-archive{

        width:80%;

        float:none;

        display:table;

        margin:0 auto

    }

    .list-article{

        border-bottom:none

    }

    .article-blog .link-image img{

        min-height:215px;

        max-height:215px

    }

    .question_doctor{

        float:none;

        text-align:center;

        padding-bottom:10px

    }

    ._v2_review_single ._v2_item_review{

        border-bottom:1px dashed #eaeaea;

        padding-bottom:5px;

        margin-bottom:8px

    }

    .ulsamplenews li{

        margin:0 auto;

        display:table;

        float:none;

        margin-bottom:20px

    }

    .itemlisample .img_sample_net{

        width:38%;

        margin-right:2%

    }

    .detailsampe{

        width:60%

    }

    #htop .logo{

        width:74%

    }

    .btn_phone{

        width:14%

    }

    .form_phone_top form{

        max-width:75%

    }

    .tabcontentpri{

        height:110%

    }

    .box_info_single{

        padding-top:0px

    }

    .detailsampe > a{

        font-size:14px;

        line-height:22px

    }

    .detailsampe > a{

        text-align:left

    }

    .absolue_gif_gold{

        left:36%

    }

    #slider{

        height:initial !important;

        max-height:183px !important

    }

}

@media only screen and (max-width:414px){

    .categories_desc h1{

        line-height:25px

    }

    ul.item_cate>li>a{

        font-size:12px;

        white-space:nowrap

    }

    .question_face_fan h4{

        line-height:30px

    }

    .ulsamplenews li{

        width:100%

    }

    .article-archive{

        width:100%

    }

    .article-blog .link-image img{

        min-height:230px;

        max-height:230px

    }

    #content3 h2,#content5 h2{

        font-size:22px

    }

    .img-icon img{

        width:62%

    }

    #content4 h2 span{

        font-size:26px

    }

    #content4 h2{

        font-size:22px

    }

    #content1 h2{

        font-size:22px;

        text-align:center

    }

    .environment h3{

        padding-top:0

    }

    #content .rows3 h2,#content .rows2 h2{

        font-size:22px

    }

    .rows2 .details{

        font-size:14px

    }

    .postfeas{

        font-size:18px

    }

    .listnewmobilein .itemlistnew_mobi{

        width:100%;

        margin-right:0px;

        border-bottom:1px dashed #565656;

        padding-bottom:10px

    }

    .listnewmobilein .itemlistnew_mobi:last-child{

        border-bottom:none

    }

    .list_postrand_side li a img{

        height:130px

    }

    #content3 .rows{

        padding-bottom:0px !important

    }

    #content4 .cols{

        min-height:auto !important

    }

    #bannerbt .right{

        top:61px !important

    }

    #main-menu-bxh ul > li > ul > li{

        max-width:100% !important

    }

    #content4 .sub-ct4{

        height:auto !important

    }

    #bannerpk .bn1{

        padding-top:11% !important

    }

    #content3{

        padding-bottom:0px !important

    }

    #content5{

        padding-top:0px !important

    }

    #bannernk .left img{

        margin-top:17% !important

    }

    #bannernk .bn1{

        padding-top:12% !important

    }

    .imgmt1,.imgmt5,.imgmt10 img,.imgmt9 img,.imgmt8 img,.imgmt7 img,.imgmt6 img,.imgmt2 img,.imgmt1 img{

        height:108px !important

    }

    .thumbnailgallery{

        height:100px

    }

    .gallery-child .left{

        display:table

    }

    .rows2 .gallery-image .right .top img{

        width:100%

    }

    .rows2 .gallery-image .right .bot img{

        width:50%

    }

    #htop .logo{

        width:76%

    }

    #htop .logo img{

        width:64%;

        padding-left:15px

    }

    .whychoosemd{

        padding:0px 15px

    }

    .h3aboutsmd{

        font-size:25px;

        margin-top:20px

    }

    .leftwell h3 strong,.leftwell h3{

        text-align:center;

        font-size:30px

    }

    .main .boxwell{

        background:none;

        height:auto

    }

    .boxwell .imgpowel{

        display:none

    }

    .box1teamchild h3{

        margin-top:20px

    }

    .box1teamchild p{

        padding:0px 15px

    }

    .boxtrust .itemtrust{

        width:100%;

        height:auto;

        padding:0px 15px;

        display:table

    }

    .rowmenucol > ul > li{

        margin-right:2%;

        margin-left:0 !important;

        width:49%;

        margin-bottom:10px !important

    }

    .rowmenucol > ul > li:nth-child(2n+2){

        margin-right:0

    }

    .rowmenucol > ul > li > a{

        font-size:13px

    }

    .rowmenucol > ul > li{

        min-height:auto

    }

    #video1 iframe{

        width:100%

    }

    .bot,.rows2 .gallery-image .left,.rows2 .gallery-image .right,.rows2 .gallery-image .b-left,.rows2 .gallery-image .b-right{

        width:100%;

        float:none;

        height:auto

    }

    .top a img,.b-left a img,.b-right a img{

        width:100%

    }

    .gallery-image .gallery-child{

        margin:0 auto;

        display:table;

        width:91%

    }

    .rows2 .gallery-image .left img{

        width:50%

    }

    .gallery-image{

        margin-top:25px

    }

    .rows4 .img-center .img-icon{

        width:50%

    }

    #online-index .left .box{

        width:100%;

        margin-right:0;

        margin-bottom:10px

    }

    #content .rows2 h4{

        width:90%

    }

    .article-blog{

        min-height:auto;

        height:auto;

        padding:0px 0px;

        border:none

    }

    .breadcumds span{

        font-size:12px

    }

    div.tab button h4.bgiconbig{

        height:90px;

        background-size:58%

    }

    div.tab{

        height:100%;

        overflow:scroll

    }

    .slide_moitruong .arrowright,.slide_moitruong .arrowleft{

        top:24%

    }

    .the_content_single h2{

        font-size:18px

    }

    div.tab button{

        font-size:13px

    }

    .footer-reg h4{

        font-size:16px

    }

    #htop .logo{

        width:69%

    }

    .btn_phone{

        width:17%

    }

    .form_phone_top form{

        max-width:90%

    }

    .the_content_single h2{

        font-size:16px;

        line-height:23px

    }

    .itemlisample .img_sample_net{

        width:100%;

        margin-right:0

    }

    .detailsampe{

        width:100%

    }

    .img_sample_net a img{

        width:80%;

        margin:0 auto;

        display:table;

        margin-bottom:10px

    }

    .detailsampe > a{

        text-align:center

    }

    .absolue_gif_gold{

        left:34%

    }

}

@media only screen and (max-width:375px){

    .detailsampe > a{

        line-height:20px

    }

    .ulsamplenews li{

        padding:6px

    }

    ul.item_cate>li{

        text-align:left;

        width:100%;

        display:inline-block

    }

    #content .rows3 h2,#content .rows2 h2{

        font-size:18px

    }

    .imgmt1,.imgmt5,.imgmt10 img,.imgmt9 img,.imgmt8 img,.imgmt7 img,.imgmt6 img,.imgmt2 img,.imgmt1 img{

        height:98px !important

    }

    .thumbnailgallery{

        height:94px

    }

    #htop .logo img{

        width:75%

    }

    #environment .cols{

        width:100%

    }

    .fb-page iframe{

        width:350px

    }

    .slide_moitruong .arrowright,.slide_moitruong .arrowleft{

        top:21%

    }

    .footerbg1 .right-ft{

        padding:0px 0px

    }

    .rowmenucol > ul > li > a{

        font-size:14px;

        padding:20px 10px

    }

    .rowmenucol > ul > li:last-child > a{

        padding:10px

    }

    #htop .logo{

        width:65%

    }

    .btn_phone{

        width:18%

    }

    .closemenu img{

        padding:5px

    }

    .absolue_gif_gold{

        left:32%

    }

    #slider{

        height:initial !important;

        max-height:164px !important

    }

}

@media only screen and (max-width:320px){

    .hot_sidebar p{

        font-size:15px

    }

    .hot_sidebar:before{

        content:none

    }

    .hot_sidebar{

        padding-left:0

    }

    .box2_sides_mobile{

        margin-top:30px

    }

    .initem_fixdis_mobi h4{

        font-size:13px

    }

    .img_sample_net a img{

        width:100%

    }

    .rowmenucol > ul > li{

        width:100%

    }

    .rowmenucol > ul > li > a{

        padding:10px

    }

    .list_postrand_side li a img{

        height:auto

    }

    .imgmt1,.imgmt5,.imgmt2,.imgmt3,.imgmt7,.imgmt8,.imgmt9,.imgmt10,.imgmt11{

        width:100% !important;

        height:auto !important;

        box-sizing:border-box;

        padding:0px 15px;

        margin-right:0px !important;

        margin-left:0px !important

    }

    .imgmt1 img,.imgmt5 img,.imgmt10 img,.imgmt9 img,.imgmt8 img,.imgmt7 img,.imgmt6 img,.imgmt2 img,.imgmt1 img{

        height:auto !important

    }

    .list_postrand_side li{

        width:100%;

        margin-right:0

    }

    .not-hen ul li span,.hen ul li span{

        font-size:11px

    }

    .thumbnailgallery{

        height:232px

    }

    .thumbnailgallery .showrooms a{

        width:100%;

        margin-right:0

    }

    .chatbut_abouts span{

        padding:5px 50px

    }

    #htop .logo img{

        width:85%;

        padding-top:4px

    }

    .fb-page iframe{

        width:300px

    }

    div.tab{

        height:120%

    }

    .slide_moitruong .arrowright,.slide_moitruong .arrowleft{

        top:34%

    }

    .article-blog .link-image img{

        min-height:210px;

        max-height:210px

    }

    #htop .logo{

        width:61%

    }

    .btn_phone{

        width:21%

    }

    .initem_fixdis_mobi a span:before{

        left:-12px

    }

    .initem_fixdis_mobi a span{

        padding-left:19px

    }

    #slider{

        max-height:146px !important

    }

}

 .slidehome_v3md{

    margin-bottom:-4px

}

.carousel{

    position:relative;

    text-align:center

}

.carousel.dissolve .previews .preview.active{

    top:0;

    left:0;

    opacity:1;

    filter:alpha(opacity=100)

}

.carousel.dissolve .previews .preview.active.nexting,.carousel.dissolve .previews .preview.active.preving{

    left:0;

    opacity:0;

    filter:alpha(opacity=0)

}

.carousel.dissolve .previews .preview.next{

    left:0;

    opacity:0;

    filter:alpha(opacity=0)

}

.carousel.dissolve .previews .preview.next.nexting{

    opacity:1;

    filter:alpha(opacity=100)

}

.carousel.dissolve .previews .preview.prev{

    left:0;

    opacity:0;

    filter:alpha(opacity=0)

}

.carousel.dissolve .previews .preview.prev.preving{

    opacity:1;

    filter:alpha(opacity=100)

}

.carousel .previews{

    overflow:hidden;

    position:relative;

    width:100%

}

.carousel .previews .preview{

    display:none;

    position:relative;

    width:100%;

    -webkit-transition:all 0.4s ease-in-out;

    -moz-transition:all 0.4s ease-in-out;

    transition:all 0.4s ease-in-out

}

.carousel .previews .preview.active{

    top:0;

    left:0;

    display:block

}

.carousel .previews .preview.active.nexting{

    left:-100%

}

.carousel .previews .preview.active.preving{

    left:100%

}

.carousel .previews .preview.next{

    top:0;

    left:100%;

    display:block;

    position:absolute

}

.carousel .previews .preview.next.nexting{

    left:0

}

.carousel .previews .preview.prev{

    top:0;

    left:-100%;

    display:block;

    position:absolute

}

.carousel .previews .preview.prev.preving{

    left:0

}

.carousel .previews .preview img{

    width:100%;

    height:auto

}

.carousel .controls .pages{

    position:absolute;

    height:40px;

    left:0;

    right:0;

    bottom:0;

    -webkit-transition:all 0.4s ease-in-out;

    -moz-transition:all 0.4s ease-in-out;

    transition:all 0.4s ease-in-out

}

.carousel .controls .pages .page{

    width:10px;

    height:10px;

    margin:5px;

    outline:none;

    cursor:pointer;

    display:inline-block;

    border-radius:50%;

    -webkit-transition:all 0.4s ease-in-out;

    -moz-transition:all 0.4s ease-in-out;

    transition:all 0.4s ease-in-out;

    background:rgba(0,0,0,0.4)

}

.carousel .controls .pages .page:hover{

    background:rgba(0,0,0,0.6)

}

.carousel .controls .pages .page.active{

    background:rgba(0,0,0,0.8)

}

.carousel .controls .prev,.carousel .controls .next{

    font-size:40px;

    font-weight:200;

    line-height:32px;

    text-decoration:none;

    position:absolute;

    display:block;

    width:40px;

    height:40px;

    margin:-20px 0;

    cursor:pointer;

    border-radius:50%;

    -webkit-transition:all 0.4s ease-in-out;

    -moz-transition:all 0.4s ease-in-out;

    transition:all 0.4s ease-in-out;

    color:rgba(255,255,255,0.8);

    background:rgb(68,188,163)

}

.carousel .controls .prev:hover,.carousel .controls .next:hover{

    color:white;

    background:rgba(0,0,0,0.6)

}

.carousel .controls .prev{

    top:50%;

    left:20px

}

.carousel .controls .next{

    top:50%;

    right:20px

}

.carousel .controls .pages{

    bottom:0;

    opacity:0;

    filter:alpha(opacity=0)

}

.carousel .controls .prev{

    left:0;

    opacity:0;

    filter:alpha(opacity=0)

}

.carousel .controls .next{

    right:0;

    opacity:0;

    filter:alpha(opacity=0)

}

.carousel:hover .controls .pages{

    bottom:0;

    opacity:1;

    filter:alpha(opacity=100)

}

.carousel:hover .controls .prev{

    left:20px;

    opacity:1;

    filter:alpha(opacity=100)

}

.carousel:hover .controls .next{

    right:20px;

    opacity:1;

    filter:alpha(opacity=100)

}

@media only screen and (max-width:768px){

    .slidehome_v3md{

        margin-top:55px

    }

}

@media only screen and (max-width:480px){

    .carousel .controls .prev,.carousel .controls .next{

        font-size:20px;

        line-height:17px;

        width:20px;

        height:20px

    }

    .carousel .controls .pages{

        display:none

    }

    .carousel:hover .controls .next,.carousel .controls .next{

        right:3px;

        opacity:1;

        top:25px

    }

    .carousel:hover .controls .prev,.carousel .controls .prev{

        left:3px;

        opacity:1;

        top:25px

    }

    .carousel .controls .prev:hover,.carousel .controls .next:hover{

        background:#38a790

    }

}