body{font-size:13px;line-height:1.5;margin:0;padding:0;color:#525261}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-family:'Open Sans', sans-serif;}
img{border:0;}
a,a:hover{text-decoration:none;border:0;color:#525261}
.mp{margin:0;padding:0}
*:focus,*:active{outline:none}
.off-none{display:none !important;}
.off-block{visibility:hidden !important}
.clip-xy{position:absolute;clip:rect(48px, 126px, 80px, 5px);}
.clear-b,.clear-a,.clear-ab{*zoom:1;}
.clear-ab:before,.clear-ab:after{clear:both;content:"";display:block;}
.clear-b:before{clear:both;content:"";display:block;}
.clear-a:after{clear:both;content:"";display:block;}
.bora5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #80808052;}
.bora5b{border:1px solid #80808052;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
.bora5t{border:1px solid #80808052;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;}
.shadowin{-webkit-box-shadow:inset 0px 0px 8px -2px rgba(0,0,0,0.7);-moz-box-shadow:inset 0px 0px 8px -2px rgba(0,0,0,0.7);box-shadow:inset 0px 0px 8px -2px rgba(0,0,0,0.7);}
.shadowout{-webkit-box-shadow:0px 0px 8px -2px rgba(0,0,0,0.7);-moz-box-shadow:0px 0px 8px -2px rgba(0,0,0,0.7);box-shadow:0px 0px 8px -2px rgba(0,0,0,0.7);}
.cht-dropdown{position:relative;display:inline-block;cursor:pointer;}
.cht-dropdown-btn{padding:5px 5px;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-top:5px;color:#fff;}
.cht-dropdown-btn:hover{background:transparent;-webkit-box-shadow:0px 1px 9px 0px rgba(0,0,0,0.10);-moz-box-shadow:0px 1px 9px 0px rgba(0,0,0,0.10);box-shadow:0px 1px 9px 0px rgba(0,0,0,0.10);}
.cht-dropdown-content{display:none;position:absolute;background-color:transparent;min-width:100px;overflow:auto;-webkit-box-shadow:0px 1px 9px 0px rgba(0,0,0,0.10);-moz-box-shadow:0px 1px 9px 0px rgba(0,0,0,0.10);box-shadow:0px 1px 9px 0px rgba(0,0,0,0.10);padding-top:10px;padding-bottom:10px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;top:32px;border:1px solid #80808052;}
.cht-dropdown-content a{padding:5px 10px;display:block;}
.cht-dropdown-content a img{margin-right:5px;}
.cht-dropdown-content a:hover{color:#2196F3;-webkit-box-shadow:0px 1px 9px 0px rgba(0,0,0,0.10);-moz-box-shadow:0px 1px 9px 0px rgba(0,0,0,0.10);box-shadow:0px 1px 9px 0px rgba(0,0,0,0.10);}
.phantrang{float:left;width:100%;padding-top:10px}
ul.pagination{display:block;padding:0;margin:0;}
ul.pagination li{display:inline;}
ul.pagination li a{color:#6fc73b;float:left;padding:5px 10px;text-decoration:none;margin-right:5px}
ul.pagination li.disabled{display:none;}
.pagination a{color:gray;float:left;padding:5px 10px;text-decoration:none;border:1px solid #6fc73b;}
.pagination .active span{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;float:left;padding:5px 10px;background-color:#6fc73b;color:white;border:1px solid #6fc73b;margin-right:5px}
.pagination a:hover:not(.active){background-color:#ddd;}
.pagination a:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.pagination a:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.check-cht{display:inline-block!important;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-left:20px;margin-bottom:8px;font-size:12px;margin-right:20px}
.check-cht input{position:absolute;opacity:0;cursor:pointer;}
.checkmark{position:absolute;top:0;left:0;height:16px;width:16px;background-color:#eee;border-radius:50%;}
.check-cht:hover input ~ .checkmark{background-color:#ccc;}
.check-cht input:checked ~ .checkmark{background-color:#2196F3;}
.checkmark:after{content:"";position:absolute;display:none;}
.check-cht input:checked ~ .checkmark:after{display:block;}
.check-cht .checkmark:after{top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:white;}
.box-tabs{width:100%;padding:0;margin-top:5px}
.tab{overflow:hidden;}
.tab button{color:white;float:left;border:none;outline:none;cursor:pointer;padding:10px 12px;transition:0.3s;font-size:16px;margin-left:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:-5px}
.tab1{background-color:#3D98FF}
.tab2{background-color:#FF6073}
.tab3{background-color:#FFB517}
.tab button:hover{background-color:#62C500;}
.tab button.active{background-color:#62C500;}
.tabs-content{border:3px solid #62C500;}
.tabcontent{display:none;padding:6px 12px;}
.tabs-content form > div{float:left;width:30%}
.tabs-content form > div.divtab2{padding-top:20px}
.tabs-content form > div label{display:block;font-size:13px}
.tabs-content form > div input{padding:3px 7px;margin-bottom:10px;width:80%;border:1px solid #80808061
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.tabs-content form > div button{padding:7px 15px;color:white;background-color:#2196F3;border:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.colum1{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;}
.error1{color:#e40606;font-size:12px;font-style:italic;font-weight:bold;display:block;margin-bottom:15px}
.print-error{float:left;}
.print-error ul{margin-bottom:0;float:left;margin-top:0;padding-left:20px}
.print-error ul li{color:#e40606;font-size:12px;font-style:italic;font-weight:bold;}
.pushy{display:none}
.menu-btn{position:absolute;top:3px;right:95px;padding:5px 7px;display:none;border:0;background-color:#26a4ba;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;color:white}
.menu-btn i{color:white}
.bar1, .bar2, .bar3{width:35px;height:5px;background-color:#333;margin:6px 0;transition:0.4s;}
.change .bar1{-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform:rotate(-45deg) translate(-9px, 6px);}
.change .bar2{opacity:0;}
.change .bar3{-webkit-transform:rotate(45deg) translate(-8px, -8px);transform:rotate(45deg) translate(-8px, -8px);}
.shake{}
.shake:hover{animation:shake 0.82s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px;}
.shake2:hover{animation:shake2 0.5s cubic-bezier(.75,.05,.50,.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px;}
@keyframes shake{10%, 90%{transform:translate3d(-1px, 0, 0);}
40%, 60%{transform:translate3d(4px, 0, 0);}
}
@-webkit-keyframes waggle{0%{-webkit-transform:translate(2px, 1px) rotate(0deg);}
10%{-webkit-transform:translate(-1px, -2px) rotate(-0.5deg);}
20%{-webkit-transform:translate(-3px, 0px) rotate(-1deg);}
30%{-webkit-transform:translate(0px, 2px) rotate(0deg);}
40%{-webkit-transform:translate(1px, -1px) rotate(0.5deg);}
50%{-webkit-transform:translate(-1px, 2px) rotate(1deg);}
60%{-webkit-transform:translate(-3px, 1px) rotate(0deg);}
70%{-webkit-transform:translate(2px, 1px) rotate(-0.5deg);}
80%{-webkit-transform:translate(-1px, -1px) rotate(0deg);}
90%{-webkit-transform:translate(2px, 2px) rotate(0.5deg);}
100%{-webkit-transform:translate(1px, -2px) rotate(0deg);}
}
.waggle:hover,
.waggle:focus{-webkit-animation-name:waggle;-webkit-animation-duration:2s;-webkit-transform-origin:50% 50%;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;}
#wrapper{width:100%;position:relative;margin:0;padding:0;overflow:hidden}
.full-cht{width:99%;margin-left: 0.5%;}
.maxw-cht{width:99%;margin-left: 0.5%;max-width:1100px;margin:0 auto;}
header,footer{width:100%;position:relative;margin:0;padding:0}
header{background-color: #71BF44;background-image:url("/resources/views/macaviet/asset/images/bgtop.png");background-repeat:no-repeat;background-size:cover;padding-bottom: 20px!important}
.header-top-style1{background-color: #ffffff33}
.header-top-style1 > .inline > h1{font-size: 14px;color: white;padding: 5px 0;display: inline-block;float: left;}
.header-top-style1 > .inline > a{font-size: 13px;color: white;padding: 5px 0;display: inline-block;margin-left: 5%;float: left;}
.header-top-style1 > .inline > a > i{margin-right: 5px}
.header-top-style1 > .inline > ul{float: right;list-style: none;}
.header-top-style1 > .inline > ul > li{display: inline-block;margin: 0;padding: 0}
.header-top-style1 > .inline > ul > li > a{display: block;padding: 3px;margin: 0;padding-top: 6px}

.header-mid-style1 > .inline > .logo{display: inline-block;float: left;vertical-align: middle;font-family: 'Pattaya', cursive,'Open Sans', sans-serif;color: #FFFF00;font-size: 35px;width: 35%;margin-top: 20px}
.header-mid-style1 > .inline > .logo img{vertical-align: middle;display: inline-block;width: 30%;margin-right: 5%}

.header-mid-style1 > .inline > .nav{width: 60%;margin-left: 5%;float: left;}

.header-mid-style1 > .inline > .nav > .top-nav {border-bottom: 1px solid #ffffff63;padding-bottom: 7px;padding-top: 20px}
.header-mid-style1 > .inline > .nav > .top-nav .boxtimkiem{float: right;}
.header-mid-style1 > .inline > .nav > .top-nav .boxtimkiem{overflow:hidden;position:relative;display:inline-block;cursor:pointer;float:right;width:35%;height:30px;background-color:white;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.header-mid-style1 > .inline > .nav > .top-nav .boxtimkiem input{width:80%;border:0;height:30px;padding:5px 7px;display:inline-block;min-width:0;color:#615e5e}
.header-mid-style1 > .inline > .nav > .top-nav .boxtimkiem button{width:15%;border:0;height:30px;display:inline-block;background:transparent;cursor:pointer;}
.header-mid-style1 > .inline > .nav > .top-nav .boxtimkiem input:focus,.boxtimkiem button:focus{outline:none;}
.header-mid-style1 > .inline > .nav > .top-nav .boxtimkiem .fa{color:#71BF44;font-size: 15px}
.header-mid-style1 > .inline > .nav > .top-nav > p{width: 60%;float: right;margin-right: 5%;margin-top: 5px}
.header-mid-style1 > .inline > .nav > .top-nav > p span{display: inline-block;font-size: 14px;color: #fff;font-weight: normal;margin-right: 5px;}
.header-mid-style1 > .inline > .nav > .top-nav > p a{display: inline-block;font-size: 18px;font-weight: bold;color: #FFFF00}

.header-mid-style1 > .inline > .nav > .bot-nav > nav > ul{list-style: none;padding: 5px 0}
.header-mid-style1 > .inline > .nav > .bot-nav > nav > ul li{display: inline-block;}
.header-mid-style1 > .inline > .nav > .bot-nav > nav > ul li a{color: #9F6442;font-weight: bold;font-size: 20px;font-family: 'Pattaya', cursive,'Open Sans', sans-serif;padding: 5px 10px;display: block;font-weight: normal;}
.header-mid-style1 > .inline > .nav > .bot-nav > nav > ul li a .arrow-cht.bottom{font-size: 11px;display: inline-block;display: none;font-weight: normal;}
.header-mid-style1 > .inline > .nav > .bot-nav > nav > ul li a:hover{text-decoration: none;color: #FFFF00}
.submenu{display: none;}
.htop{padding-bottom: 50px!important}
.htop:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 50%;
    padding-top: 4%;
    background: #fff;
    -ms-transform: skew(0,4.5deg) translate(0,50%);
    -webkit-transform: skew(0,4.5deg) translate(0,50%);
    -moz-transform: skew(0,4.5deg) translate(0,50%);
    -o-transform: skew(0,4.5deg) translate(0,50%);
    transform: skew(0,4.5deg) translate(0,50%);
}
.htop:after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
    width: 50%;
    padding-top: 4%;
    background: #fff;
    -ms-transform: skew(0,-4.5deg) translate(0,50%);
    -webkit-transform: skew(0,-4.5deg) translate(0,50%);
    -moz-transform: skew(0,-4.5deg) translate(0,50%);
    -o-transform: skew(0,-4.5deg) translate(0,50%);
    transform: skew(0,-4.5deg) translate(0,50%);
}

.content-style1{padding: 50px 0;position: relative;background-image:url("/resources/views/macaviet/asset/images/bgmid.png");background-repeat:repeat;}
.content-style1 .inline1 .box1{background-image:url("/resources/views/macaviet/asset/images/traimaca1.png");background-repeat:no-repeat;background-position:bottom right;width: 35%;float: left;padding-bottom: 100px;position: relative;z-index: 10;margin-top: -20px}
.content-style1 .inline1 .box1 .first{font-family: 'Pattaya', cursive,'Open Sans', sans-serif;color: #71BF44;font-size: 18px;margin-right: 5px}
.content-style1 .inline1 .box2{width: 30%;float: left;position: relative;z-index: 10;margin-top: -100px;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;padding: 40px;background-color: #fff;text-align: center;}
.content-style1 .inline1 .box2 img{width: 100%}

.content-style1 .inline2{padding:20px 0 10px 0}
.content-style1 .inline2 h2{text-align: center;padding: 10px 0 20px;font-size: 26px;font-family: 'Pattaya', cursive,'Open Sans', sans-serif;color: #71BF44;font-weight: normal;}
.content-style1 .inline2 .box1{width: 32.5%;float: left;}
.content-style1 .inline2 .box1 ul{list-style: none;}
.content-style1 .inline2 .box1 ul li{display: block;}
.content-style1 .inline2 .box1 ul li a{display: block;background-image:url("/resources/views/macaviet/asset/images/laxanh.png");background-repeat:no-repeat;padding-left: 40px}
.content-style1 .inline2 .box1 ul li a span{display: block;color: #9F6442;font-family: 'Pattaya', cursive,'Open Sans', sans-serif;font-size: 18px}
.content-style1 .inline2 .box1 > img{width: 95%}
.content-style1 .inline2 .box2{width: 35%;float: left;text-align: center;}
.content-style1 .inline2 .box2 > img{width: 95%}

.content-style1 .inline3 ul{list-style: none;background-color: #5FB93B;width: 100%;display: table;padding: 0;margin: 0;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
.content-style1 .inline3 ul li{display: table-cell;text-align: center;padding: 20px 15px;}
.content-style1 .inline3 ul li + li{background-image:url("/resources/views/macaviet/asset/images/ngan.png");background-repeat:no-repeat;background-position: 0 center}
.content-style1 .inline3 ul li h3{font-size: 14px;font-weight: bold;color: #fff;margin: 0}
.content-style1 .inline3 ul li a{font-size: 13px;font-weight: normal;color: #fff;margin: 0}

.content-style1 .inline4{padding:0 0 50px 0;margin: 20px 0;background-image:url("/resources/views/macaviet/asset/images/bg-album.png");background-repeat:repeat;background-color: #5FB93B}
.content-style1 .inline4 h2{padding: 20px 0 10px;font-size: 26px;font-family: 'Pattaya', cursive,'Open Sans', sans-serif;color: #9F6442;float: left;width: 100%;margin: 0;font-weight: normal;}
.content-style1 .inline4 .box1{width: 43.2%;float: left;}
.content-style1 .inline4 .box1 .hinh1{width: 49%;margin: 0;padding: 0;float: left;}
.content-style1 .inline4 .box1 .hinh2{width: 49%;margin: 0;padding: 0;margin-left: 2%;float: left;}
.content-style1 .inline4 .box1 .hinh3{width: 100%;margin: 0;padding: 0;margin-top: 2%;float: left;}
.content-style1 .inline4 .box1 .hinh1 img,.content-style1 .inline4 .box1 .hinh2 img,.content-style1 .inline4 .box1 .hinh3 img{width: 100%}
.content-style1 .inline4 .box2{width: 55.8%;float: left;margin-left: 1%}
.content-style1 .inline4 .box2 .hinh4{width: 100%;margin: 0;padding: 0;float: left;}
.content-style1 .inline4 .box2 .hinh5{width: 100%;margin: 0;padding: 0;margin-top: 2%;float: left;}
.content-style1 .inline4 .box2 .hinh4 img,.content-style1 .inline4 .box2 .hinh5 img{width: 100%}

.content-style1 .inline5 h2{font-size: 26px;font-family: 'Pattaya', cursive,'Open Sans', sans-serif;color: #71BF44;float:left;width:100%;margin-bottom: 3px;font-weight: normal;}
.content-style1 .inline5 ul.box1{list-style:none;display:block;float:left;width:100%;padding-bottom: 15px}
.content-style1 .inline5 ul.box1 li{display:inline-block;padding:3px 7px}
.content-style1 .inline5 ul.box1 li + li{border-left:1px solid #52526124}
.content-style1 .inline5 ul.box1 li a{font-family: 'Pattaya', cursive,'Open Sans', sans-serif;color: #9F6442;font-size: 16px}
.content-style1 .inline5 ul.box1 li a:hover{color:#71BF44}
.content-style1 .inline5 ul.box2{list-style:none;width:64%;float:left;margin:10px 0}
.content-style1 .inline5 ul.box2 li {
    display: block;
    float: left;
    width: 32%;
    text-align: center;
}
.content-style1 .inline5 ul.box2 li + li{margin-left:1%}
.content-style1 .inline5 ul.box2 li a{display:block;width:100%;text-align:left;}
.content-style1 .inline5 ul.box2 li a:hover{color:#71BF44}
.content-style1 .inline5 ul.box2 li a img{display:block;width:100%}
.content-style1 .inline5 ul.box3{list-style:none;width:34%;float:left;margin:10px 0;margin-left:2%}
.content-style1 .inline5 ul.box3 li a{line-height:1.2;font-weight:600;font-size:12px}
.content-style1 .inline5 ul.box3 li a:hover{color:#71BF44}
.content-style1 .inline5 ul.box3 li a span.arrow-cht::before{border-style:solid;border-width:0.15em 0.15em 0 0;content:'';display:inline-block;height:0.3em;width:0.3em;margin-right:5px}




/*Open Contact*/
.box1a{width: 63%;float: left;padding: 50px 0}
.box1a > h2{color: #6fc73b;font-weight: normal;font-size: 20px;padding: 0;margin: 0}
.box1a > a{display: block;border-left: 3px solid #525261;padding-left: 10px}
.box1a > ul{list-style: none;margin: 20px 0 0 0;padding:0;}
.box1a > ul > li{display: block;width: 32%;float: left;text-align: center;}
.box1a > ul > li + li{margin-left: 1.5%}
.box1a > ul > li > a{display: block;}
.box1a > ul > li > a > img{display: block;width: 100%;max-width: 124px;margin: 0 auto}
.box1a > ul > li > p > span{font-weight: bold;}
.box1b{width: 33%;float: left;margin-left: 4%;padding: 50px 0}
.box1b > h2{color: #6fc73b;font-weight: normal;font-size: 18px;padding: 0;margin: 0;color: #525261;margin-top: 10px}
.box1b > p{display: block;margin: -5px 0 0 0}
.box1b > p > i{display: inline-block;width: 15%;height: 3px;background-color: #52526124}
.box1b > p > i + i{margin-left: 2%}
.box1b > ul{list-style: none;margin: 10px 0 0 0;padding:0;}
.box1b > ul > li{display: block;width: 100%;text-align: left;background-color: #52526124;padding:7px 5px 0 5px;}
.box1b > ul > li + li{margin-top: 10px}
.box1b > ul > li > a{display: block;float: left;margin: 0 5px 7px 0;}
.box1b > ul > li > a > img{display: block;width: 100%;max-width: 60px;margin: 0 auto}
.box1b > ul > li > p{margin: 0;font-size: 12px}
.box1b > ul > li > p > span{display: block;font-weight: bold}

.box1a.divvanphong{width: 50%}
.box-vanphong{width: 100%;padding:20px 4% 20px 4%;background-color: #71bf44;margin-bottom: 5px;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
.box-vanphong h4{margin-bottom: 5px;margin-top: 5px;color: #fff}
.vanphong{list-style: none;padding: 0;margin-top: 0}
.vanphong li p{padding: 0;margin: 0;color: #fff}
.vanphong li p i{margin-right: 5px;font-size: 14px;width: 15px;display: inline-block;overflow: hidden;padding:0;}
.maps-vanphong{width: 100%;height: 300px;padding: 20px 0 10px 0}
.maps-vanphong iframe{width: 100%;height: 100%}

.box1b.divvanphong{width: 45%;margin-left: 5%}
.box1b.divvanphong h3{margin-bottom: 0}
.inlinelienhe2-box2{margin: 10px 0}
.inlinelienhe2-box2 label{display: block;width: 100%;margin-bottom: 10px}
.inlinelienhe2-box2 label a{display: block;float: left;font-size: 13px;width: 100%;margin-bottom: 3px}
.inlinelienhe2-box2 label input{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: block;float: left;width: 95%;margin-left: 3%;padding: 7px 12px;border: 1px solid #adadafab;color: #585555;}
.inlinelienhe2-box2 label textarea{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: inline-block;float: left;width: 95%;margin-left: 3%;padding: 5px 10px;border: 1px solid #adadafab;color: #585555;}
.inlinelienhe2-box2 p{text-align: right;width: 95%;padding: 0 0;width: 95%;margin: 0;margin-left: 3%;float: left;}
.inlinelienhe2-box2 p .cht-btn{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 7px 12px;font-size: 13px;border: 1px solid #6fc73b;background-color: #6fc73b;color: white;cursor: pointer;-webkit-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.7);-moz-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.7);box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.7);}
.inlinelienhe2-box2 p .cht-btn:hover{-webkit-box-shadow: inset 0px 0px 8px -2px rgba(0,0,0,0.7);-moz-box-shadow: inset 0px 0px 8px -2px rgba(0,0,0,0.7);box-shadow: inset 0px 0px 8px -2px rgba(0,0,0,0.7);}
.inlinelienhe2-box2 label a i{display: inline-block;font-size: 22px;font-weight: bold}
label.capcha input{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: inline-block;float: left;width: 45%;margin-left: 3%;padding: 7px 12px;border: 1px solid #adadafab;color: #585555;}

/*Close Contact*/

.col-left-s1{float: left;width: 20%;padding-top: 20px}
.col-left-s1 h2{font-weight: normal;font-size: 20px; color:#9F6442;padding: 5px 7px;margin: 0 0 10px 0;font-family: 'Pattaya', cursive,'Open Sans', sans-serif;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#71bf44+6,ffffff+98&1+6,1+6,0+98 */
background: -moz-linear-gradient(left,  rgba(113,191,68,1) 6%, rgba(255,255,255,0) 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(113,191,68,1) 6%,rgba(255,255,255,0) 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(113,191,68,1) 6%,rgba(255,255,255,0) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71bf44', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
border-radius: 20px}
.col-left-s1 h2 img{vertical-align: middle;margin-right: 5px;width: 30px}
.col-left-s1 > ul{padding-left: 20px;color: #B20000}
.col-left-s1 > ul > li > a{display: block;color: #B20000;font-size: 16px;background-image: url("/resources/views/00002/asset/image/bread-divider.png");background-repeat: no-repeat;background-position: 0 7px;font-family: 'Pattaya', cursive,'Open Sans', sans-serif;}
.col-left-s1 > ul > li > a:hover{color:#52af1d;}
.col-left-s1 > ul > li ul{display: block;list-style: circle;padding-left: 25px;color: #31313F}
.col-left-s1 > ul > li ul li a{color: #31313F;font-size: 14px}
.col-left-s1 > ul > li ul li a:hover{color: #0068AC}
.col-right-s1{float: left;width: 75%;margin-left: 5%}
.col-right-s1 > box 1 > h3{margin: 0;border-left: 5px solid #B20000;color: #B20000;font-size: 20px; text-transform: uppercase;padding-left: 10px;font-family: 'Pattaya', cursive,'Open Sans', sans-serif; }
.col-right-s1 .list-tour{list-style: none;padding: 30px 0 10px 0}
.col-right-s1 .list-tour li{width: 30%;margin: 0 1.5%;float: left;border: 1px solid #80808047;margin-bottom: 20px;padding: 2px;display: block;}
.col-right-s1 .list-tour li:hover{-webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.47);
box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.47);}
.col-right-s1 .list-tour li > a{display: block;width: 100%;margin: 0;padding: 0;color: #0068AC;font-size: 13px;font-weight: 600;}
.col-right-s1 .list-tour li > a.ten-tour{height: 38px;overflow: hidden;}
.col-right-s1 .list-tour li > a img{width: 100%}
.col-right-s1 .list-tour li > a:hover{color:#B20000; }
.col-right-s1 .list-tour li > p{margin: 0;padding: 0;margin-top: 5px}
.col-right-s1 .list-tour li > p .a1{float: left;width: 50%;display: block;text-align: center;vertical-align: middle;height:40px;overflow: hidden;font-size: 13px;font-weight: bold;color: #fff;padding: 3px 2px}
.col-right-s1 .list-tour li > p .a1 i{margin-right: 3px}
.col-right-s1 .list-tour li > p .a1 span{display: block;font-size: 12px;font-weight: normal;}
.col-right-s1 .list-tour li > p .a2{float: left;width: 50%;display: block;text-align: center;vertical-align: middle;height:40px;overflow: hidden;}
.col-right-s1 .list-tour li > p .a2 i{display: block;margin-top: 10px;font-weight: bold;color: #fff}
.col-right-s1 > p{display: block;padding: 10px 5px;background-color: #ECECFB;margin: 0 1.5%;margin-bottom: 40px}
.col-right-s1 > p a{color:#B20000;font-weight: bold;}
.col-right-s1 > p a:hover{color: #0068AC}
.col-right-s1 .phantrang{padding: 0 1%;margin: 20px 0 30px 0}
.col-right-s1 .inline {padding: 0;margin: 0}
.col-right-s1 .inline > h3{margin: 0;border-left: 5px solid #B20000;color: #B20000;font-size: 18px; text-transform: uppercase;padding-left: 10px;margin-bottom: 30px; }
.col-right-s1 .inline > a{display: block;width: 49%;float: left;margin-left: 1%;margin-bottom: -5px}
.col-right-s1 .inline > a img{width: 100%}
.col-right-s1 .inline > div{width: 46%;float: left;margin-left: 3%}
.col-right-s1 .inline > div > h3{border-top: 1px solid #8080807a;border-bottom: 1px solid #8080807a;margin: 0;padding: 15px 0}
.col-right-s1 .inline > div > h3 a{color: #0068AC;font-size: 18px}
.col-right-s1 .inline > div > h3 a:hover{color: #B20000}
.col-right-s1 .inline > div > p{font-size: 12px;color: #808080a1;padding: 10px 0;display: block;margin: 0;}
.col-right-s1 .inline > div > div{width: 100%;margin-bottom: 20px}
.col-right-s1 .inline > div > a{display: inline-block;font-size: 15px;color: #0068AC;border: 2px solid #0068AC;padding: 5px 15px;}
.col-right-s1 .inline > div > a:hover{color: #B20000;border: 2px solid #B20000;}
.col-right-s1 .inline > ul{list-style: none;margin: 0 1%;width: 98%;float: left;}
.col-right-s1 .inline > ul li{width: 33%;float: left;margin-bottom: 20px}
.col-right-s1 .inline > ul li a{display: block;color: #31313F;font-weight: 600;}
.col-right-s1 .inline > ul li a.tentin{height: 38px;overflow: hidden;}
.col-right-s1 .inline > ul li a:hover{color: #B20000}
.col-right-s1 .inline > ul li a img{width: 100%}
.col-right-s1 .box-post-s1 .box1 h3{font-size: 20px;font-weight: normal;color: #52af1d;border-top: 1px solid #52af1d;border-bottom: 1px solid #52af1d;padding: 10px 0;}
.col-right-s1 .box-post-s1 .box1 > div{margin-bottom: 10px}
.box-post-s1 .box1 > .danhsachpost{width: 100%}
.box-post-s1 .box1 > .danhsachpost > h2{display: block;padding: 7px 1%;font-size: 20px;font-weight: normal;background-color: #8080800a}
.box-post-s1 .box1 > .danhsachpost > ul{display: block;list-style: none;}
.box-post-s1 .box1 > .danhsachpost .boxds li {
    display: block;
    float: left;
    width: 32%;
    text-align: center;margin-bottom: 25px
}
.box-post-s1 .box1 > .danhsachpost .boxds li + li{margin-left:1%}
.box-post-s1 .box1 > .danhsachpost .boxds li a{display:block;width:100%;text-align:left;}
.box-post-s1 .box1 > .danhsachpost .boxds li a span{display:block;width:100%;height:60px;overflow:hidden}
.box-post-s1 .box1 > .danhsachpost .boxds li a:hover{color:#71BF44}
.box-post-s1 .box1 > .danhsachpost .boxds li a img{display:block;width:100%}

.box-post-s1 .box1 > .danhsachsp > h2{display: block;padding: 7px 1%;font-size: 20px;font-weight: normal;background-color: #8080800a}

.box-post-s1 .box1 > .danhsachsp .boxdssp{width: 100%;list-style: none;margin-bottom: 20px}
.box-post-s1 .box1 > .danhsachsp .boxdssp li{padding: 2% 1%;display: block;float: left;width: 29%;margin-left:2.1%;margin-right:2.1%;border: 5px solid #71bf44;overflow: hidden;-webkit-border-top-right-radius: 10%;
-webkit-border-bottom-left-radius:10%;
-moz-border-radius-topright: 10%;
-moz-border-radius-bottomleft: 10%;
border-top-right-radius: 10%;
border-bottom-left-radius: 10%;margin-bottom: 4%}
.box-post-s1 .box1 > .danhsachsp .boxdssp li a{display: block;margin: 0;padding: 0}
.box-post-s1 .box1 > .danhsachsp .boxdssp li:hover{-webkit-box-shadow: 0px 0px 24px -5px rgba(0,0,0,0.53);
-moz-box-shadow: 0px 0px 24px -5px rgba(0,0,0,0.53);
box-shadow: 0px 0px 24px -5px rgba(0,0,0,0.53);}
.box-post-s1 .box1 > .danhsachsp .boxdssp li a.hinhsp{position: relative;}
.box-post-s1 .box1 > .danhsachsp .boxdssp li a.hinhsp i.giasp{position: absolute;bottom: -5px;right: 0;display: inline-block;width: 100%;padding:10px 3px;color: #B20000;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;overflow: hidden;text-align: center;font-weight: bold;background-color: #ffffff82}
.box-post-s1 .box1 > .danhsachsp .boxdssp li a.hinhsp img{width: 100%;margin: 0}
.box-post-s1 .box1 > .danhsachsp .boxdssp li a.tensp{overflow: hidden;height: 55px;font-size: 18px;;padding: 3px;color: #62b134;line-height: 1.3;text-align: center;font-family: 'Pattaya', cursive,'Open Sans', sans-serif;}
.box-post-s1 .box1 > .danhsachsp .boxdssp li a.tensp:hover{color: #B20000}
.box-post-s1 .box1 > .danhsachsp .boxdssp li p{display: block;width: 100%;margin: 5px 0;padding: 0;text-align: center;}

.boxonesp > h3{font-size: 18px;line-height: 1.3;font-family: 'Pattaya', cursive,'Open Sans', sans-serif;}
.leftsp{width: 40%;float: left;}
.leftsp > img{width: 100%}
.rightsp{width: 55%;float: left;margin-left: 5%}
.motasp{width: 100%;}
.thanhphan{width: 100%;}
.thanhphan > b{display: block;width: 100%;color:#71BF44;margin-bottom: -5px;margin-top: 5px}
.rightsp > a.gia{display: block;width: 100%;color:#B20000;margin-bottom: -5px;margin-top: 5px;font-size: 16px;font-weight: bold;}
.rightsp > a.gia span{color:#B20000;}
.rightsp > a.hsd{display: block;width: 100%;color:#71BF44;margin-bottom: -5px;margin-top: 5px;font-weight: bold;}
.rightsp > a.hsd span{color: rgb(82, 82, 97);font-weight: normal;}
.midsp{width: 100%;float: left;}
.timkiem h2{font-size: 20px ;font-weight: normal;color: #71BF44}

footer .box1 .logo{display: inline-block;float: left;vertical-align: middle;font-family: 'Pattaya', cursive,'Open Sans', sans-serif;color: #71BF44;font-size: 30px;width: 100%;margin-top: 20px}
footer .box1 .logo img{vertical-align: middle;display: inline-block;width: 40%;margin-right: 5%}

.owl-theme .owl-nav .owl-next, .owl-theme .owl-nav .owl-prev{font-size:35px!important}
.top-footer{padding-bottom: -20px}
.top-footer img{width: 100%;margin: 0;padding:0;margin-bottom: -20px }
.footer{background-color:#F3F3F3;padding:30px 0 0 0}
.footer .box1{width:20%;float:left;}
.footer .box1 p{color:#525260;font-size:14px}
.footer .box1 ul{list-style:none;display:block;width:100%;margin:0;padding:0}
.footer .box1 ul > a{color:#525260;}
.footer .box1 ul li{display:inline-block;}
.footer .box1 img{display:block;width:85%}
.footer .box2{width:20%;float:left;margin-left:4%}
.footer .box3{width:20%;float:left;margin-left:4%;padding-top: 50px}
.footer .box2 h3{font-family: 'Pattaya', cursive,'Open Sans', sans-serif;color: #71BF44;font-size: 18px;font-weight:normal;color: #71BF44;border-bottom:1px solid #d6d6dc4f;margin-top:50px}
.footer .box2 ul{list-style:none;margin:0;padding:0;color:#525260}
.footer .box2 ul li{display:block;width:100%}
.footer .box2 ul li p{display:block;margin:7px 0;vertical-align:middle;}
.footer .box2 ul li p img{display:inline-block;vertical-align:middle;}
.footer .box4{width:28%;float:left;margin-left:4%}
.footer .box4 h3{font-family: 'Pattaya', cursive,'Open Sans', sans-serif;color: #71BF44;font-size: 18px;font-weight:normal;color: #71BF44;font-weight:normal;border-bottom:1px solid #d6d6dc4f;margin-top:50px}
.footer .box4 p{color:#525260;}
.dangkyemail{width:100%;overflow:hidden;}
.dangkyemail input{width:80%;float:left;padding:10px 5px;color:#615e5e}
.dangkyemail button{width:20%;float:left;height:39px;background:transparent;background-color: #71BF44;border:none;color:white}
.footer .box5{width:100%;color:#615e5e;background-color:#DBDBEA;padding:15px 0;margin-top:60px}
#back-to-top{position:fixed;right:10px;bottom:50px;display:none}

@media screen and (max-width:890px){
	.header-top-style1 > .inline > ul{display:none}
	.header-mid-style1 > .inline > .logo{width:25%;display: inline-block;float: left;vertical-align: middle;font-family: 'Pattaya', cursive,'Open Sans', sans-serif;color: #FFFF00;font-size: 26px;margin-top: 20px;display: inline-block;}
	.header-mid-style1 > .inline > .nav{width: 72%;margin-left: 3%}
	
	.content-style1 .inline1 .box1{background-image:url("/resources/views/macaviet/asset/images/traimaca1.png");background-repeat:no-repeat;background-position:bottom right;width: 100%;float: left;padding-bottom: 100px;position: relative;z-index: 10;margin-top: -20px}
	.content-style1 .inline1 .box2{width: 60%;float: left;position: relative;z-index: 10;margin-top: -100px;-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;padding: 40px;background-color: #fff;text-align: center;}
	
	.content-style1 .inline2 .box1{width: 100%;float: left;}
	.content-style1 .inline2 .box2{width: 100%;float: left;text-align: center;}
	.content-style1 .inline5 ul.box2{
    width: 98%;
	}
	.content-style1 .inline5 ul.box3{list-style:none;width:98%;float:left;margin:10px 0;margin-left:2%}
	.footer .box1{width:50%;float:left;}
	
	.footer .box2{width:40%;float:left;margin-left:4%;padding-bottom:60px}
	.footer .box3{width:40%;float:left;margin-left:4%;padding-top:0}
	
	.footer .box4{width:40%;float:left;margin-left:10%;padding-top:0}
}
@media screen and (max-width:680px){
    .header-mid-style1 > .inline > .logo{width:30%;display: inline-block;float: left;vertical-align: middle;font-family: 'Pattaya', cursive,'Open Sans', sans-serif;color: #FFFF00;font-size: 23px;margin-top: 20px;display: inline-block;}
    .header-mid-style1 > .inline > .nav{width: 67%;margin-left: 3%}
    .header-mid-style1 > .inline > .nav > .bot-nav > nav > ul li a{font-size: 14px;padding: 5px 7px;}
    .box1a{width: 100%;padding-bottom: 10px;padding-top: 10px}
    .box1b{width: 100%;margin-left: 0;padding: 0 2% 10px 2%}
    .box1a.divvanphong{width: 100%;padding-bottom: 10px;padding-top: 10px}
    .box1b.divvanphong{width: 100%;margin-left: 0;padding: 0 2% 10px 2%}
    .col-left-s1{display: none;}
    .col-right-s1{width: 95%;margin-left: 2.5%}
    .content-style1 .inline3 ul li{float: left;display: block;width: 50%;}
	
	
.footer .box1{width:98%;float:left;margin-left:1%;margin-right:1%}
.footer .box1 p{color:#525260;font-size:14px}
.footer .box1 ul{list-style:none;display:block;width:100%;margin:0;padding:0}
.footer .box1 ul > a{color:#525260;}
.footer .box1 ul li{display:inline-block;}
.footer .box1  a{display:block;width:100%;text-align:center}
.footer .box1 a img{width:30%;}
.footer .box2{width:98%;float:left;margin-left:1%;margin-right:1%}
.footer .box3{width:98%;float:left;margin-left:1%;margin-right:1%}
.footer .box2 h3{font-family: 'Pattaya', cursive,'Open Sans', sans-serif;color: #71BF44;font-size: 18px;font-weight:normal;color: #71BF44;border-bottom:1px solid #d6d6dc4f;margin-top:15px}
.footer .box2 ul{list-style:none;margin:0;padding:0;color:#525260}
.footer .box2 ul li{display:block;width:100%}
.footer .box2 ul li p{display:block;margin:7px 0;vertical-align:middle;}
.footer .box2 ul li p img{display:inline-block;vertical-align:middle;}
.footer .box4{width:98%;float:left;margin-left:1%;margin-right:1%}
.footer .box4 h3{font-family: 'Pattaya', cursive,'Open Sans', sans-serif;color: #71BF44;font-size: 18px;font-weight:normal;color: #71BF44;font-weight:normal;border-bottom:1px solid #d6d6dc4f;margin-top:15px}
.footer .box4 p{color:#525260;}
.dangkyemail{width:100%;overflow:hidden;}
.dangkyemail input{width:80%;float:left;padding:10px 5px;color:#615e5e}
.dangkyemail button{width:20%;float:left;height:39px;background:transparent;background-color: #71BF44;border:none;color:white}
.footer .box5{width:100%;color:#615e5e;background-color:#DBDBEA;padding:15px 0;margin-top:60px}
#back-to-top{position:fixed;right:10px;bottom:50px;display:none}
}
@media screen and (max-width:540px){
    .header-mid-style1 > .inline > .logo{width:50%;display: inline-block;float: left;vertical-align: middle;font-family: 'Pattaya', cursive,'Open Sans', sans-serif;color: #FFFF00;font-size: 23px;margin-top: 20px;display: inline-block;margin-left: 25%}
    .header-mid-style1 > .inline > .nav{width: 100%;margin-left: 0}
    .header-mid-style1 > .inline > .nav > .bot-nav > nav > ul li a{font-size: 14px;padding: 5px 7px;}
    .box1a{width: 100%;padding-bottom: 10px;padding-top: 10px}
    .box1b{width: 100%;margin-left: 0;padding: 0 2% 10px 2%}
    .box1a.divvanphong{width: 100%;padding-bottom: 10px;padding-top: 10px}
    .box1b.divvanphong{width: 100%;margin-left: 0;padding: 0 2% 10px 2%}
    .col-left-s1{display: none;}
    .col-right-s1{width: 95%;margin-left: 2.5%}
	.header-mid-style1 > .inline > .nav > .top-nav .boxtimkiem input{width:65%;border:0;height:30px;padding:5px 7px;display:inline-block;min-width:0;color:#615e5e}
.header-mid-style1 > .inline > .nav > .top-nav .boxtimkiem button{width:30%;border:0;height:30px;display:inline-block;background:transparent;cursor:pointer;}
.header-mid-style1 > .inline > .nav > .top-nav .boxtimkiem input:focus,.boxtimkiem button:focus{outline:none;}
.header-mid-style1 > .inline > .nav > .top-nav .boxtimkiem .fa{color:#71BF44;font-size: 15px}
}