html,body {margin: 0; padding:0;  position:relative; overflow-x:hidden; font-style: normal !important; font-size: 14px; font-weight:300; font-family: 'Fira Sans', serif; }
body{background:rgba(0,0,0,.05); height:auto!important; }
body.modal-open{padding-right:0!important;}
#form1{width:100%; min-height:100%; display:block; margin: 0 auto; overflow:hidden; position:relative }
a:focus{outline:none;}
@media (min-width: 1300px) {
    body{background:rgba(0,0,0,.02)}
    #form1{width:1280px;  box-shadow: 0 0 1px rgba(0,0,0,.2); border:none; width:100%; float:left;}
}


/* Header */
header{width:100%; float:left; height:125px; clear:both; position:absolute;  z-index:200; background:rgba(0,0,0,0); transition:.3s; top:0; }
header .container{position:relative; z-index:5;}
header a.logo-company{text-decoration:none; float:left; position:absolute; top:45px; left:15px; z-index:10;}
header a.logo-company img{height:100px}
header a.logo-company svg{height:36px; transition:.3s; fill:#fff;}
header a.logo-company svg path:first-child{}
header .col-info{float:left; position:relative; z-index:5; margin-top:0px; color:rgba(255,255,255,.85); transition:.3s;}
header .col-info .box{position:relative;float:left; height: 55px;  float:right;}
header .col-info .box .col-left{float:left;}
header .wrap-hotline{float:left; margin:17px 15px 0 0; padding-right:15px; position:relative; display:none; }
header .wrap-hotline i{font-size:21px; float:left; margin-right:8px; }
header .wrap-hotline label{ margin:2px 0 0 0; padding:0; float:left; font-weight:normal }
header .wrap-hotline span{display:block; margin:2px 0 0 5px; padding:0; float:left; font-weight:bold; color:#fff; }
header .wrap-email{float:left; margin:16px 0 0 0px; display:none; }
header .wrap-email i{font-size:14px; float:left; margin:4px 8px 0 0; }
header .wrap-email label{ margin:3px 0 0 0; padding:0; float:left; font-weight:normal }
header .wrap-email a{display:block; margin:2px 0 0 5px; padding:0; float:left; text-decoration:none;color:#fff; transition:.3s;  }
header .wrap-email a:hover{color:#EEBB22;}
header ul.right-item{float:right; margin:15px 0 0 0; padding:0; list-style:none;}
header ul.right-item li{float:left; margin-left:15px; padding-left:15px; position:relative;}
header ul.right-item li:before{content:''; position:absolute; left:0; top:50%; margin-top:-6px; width:1px; height:12px; background:#000; opacity:.1}
header ul.right-item li:first-child{padding-left:0; margin-left:0;}
header ul.right-item li:first-child:before{display:none;}
header ul.right-item li:last-child{margin-left:0; display:block;}
header ul.right-item li:last-child:before{display:none;}
header .language{float:left; color:rgba(255,255,255,.85); margin:0; margin-left:30px;}
header .language i{font-size:16px; float:left; margin:4px 8px 0 0; }
header .language label{ margin:4px 0 0 0; padding:0; float:left; font-weight:normal }
header .language label:after{content:":";}
header .language a{display:block; font-size:15px; margin:3px 0 0 10px; padding:0; float:left; text-decoration:none;color:#fff; transition:.3s; font-weight:bold; }
header .language a:hover{color:#EEBB22;}
header .booking{background:#EEBB22; font-weight:bold; text-decoration:none; font-size:14px; letter-spacing:1px; text-transform:uppercase; padding: 0 20px; color:rgba(0,0,0,.85); line-height:32px; height:30px; display:block; border-radius:2px; margin-top:-2px; transition:.3s;}
header .booking:hover{background:#fff; color:#EEBB22}
header .hotline{ 
    background: url(svg/st-phone-oranges.svg) no-repeat 2px 6px;
    background-size: auto 14px;
    color: red;
    font-weight:bold; text-decoration:none; font-size:17px; letter-spacing:1px; text-transform:uppercase; padding: 0 20px; line-height:32px; height:30px; display:block; border-radius:2px; margin-top:-2px; transition:.3s;}
}

/*header .hotline:hover {
    color: #fff !important;
    background-color: none !important;
}*/

header a.cart{display:block; font-size:15px; padding:0; float:left; text-decoration:none;color:rgba(0,0,0,.65); transition:.3s; }
header a.cart:hover{color:#000;}
header a.cart label{ margin:3px 0 0 0; padding:0; float:left; font-weight:normal ; cursor:pointer;}
header a.cart label:after{content:':';}
header a.cart i{font-size:14px; color:#0088c9; float:left; margin:4px 8px 0 0; }
header a.cart span{margin:3px 0 0 5px; display:block;float:left; font-weight:bold;}
header .mainsearch{width:30px; height:30px; display:block; position:relative; float:left; margin-top:-2px}
header .mainsearch .nav-search{width:30px; height:30px; display:block; text-decoration:none; background:url(svg/search.svg) no-repeat center; background-size:16px auto; transition:.3s;}
header .mainsearch #panel-search{position:absolute; right:0; top:0; margin-right:0px; opacity:0; visibility:hidden; background:#fff; padding:0px; width:300px; transition:.3s;}
header .mainsearch #panel-search input[type='text']{width:100%; height:30px; padding:0 10px; border:none; background:#EEBB22; font-size:14px; font-style:italic; transition:.3s; font-weight:normal;}
header .mainsearch #panel-search input[type='text']:focus{outline:none; font-style:normal; color:#fff;}
header .mainsearch #panel-search .btn-search{width:30px; height:30px; background:url(svg/search.svg) no-repeat center; background-size:14px auto; cursor:pointer; position:absolute; top:0; right:0; z-index:5; display:block;}
header.is-open .mainsearch #panel-search{opacity:1; visibility:initial; margin-right:30px;}
header.is-open .mainsearch .nav-search{background: url(svg/close-white.svg) no-repeat center; background-size:14px auto; }
header .wrap-mainmenu .nav-colse-menu{width:35px; height:35px; background:#ffefbf url(svg/close-white.svg) no-repeat center; background-size: 12px auto; position:fixed; right:-35px; opacity:0; top:0px; opacity:0; visibility:hidden; display:block;  transition:.3s; }

header .nav-menu-mobile{float:right; text-decoration:none; color:#fff; text-transform:uppercase; letter-spacing:1px; font-weight:bold; transition:.3s; line-height:45px; margin-top:5px; display:none; position:absolute; top:55px; right:15px; font-size:20px; font-weight:normal; z-index:10;}
header .nav-menu-mobile i{float:right; margin:13px 0 0 10px; font-size:19px; font-weight:normal; display:block}
header .nav-menu-mobile:hover{color:#EEBB22; }

header.fixed-header .nav-menu-mobile{color:rgba(0,0,0,.8); top:8px;}
header.fixed-header .nav-menu-mobile:hover{color:#EEBB22}

header.fixed-header{position:fixed; top:0; left:0; height:70px; background:#fff; box-shadow: 0 1px 1px rgba(0,0,0,.07);}
header.fixed-header a.logo-company{top:15px; } 
header.fixed-header a.logo-company svg{fill:#000}
header.fixed-header .col-info{height:0; overflow:hidden; visibility:hidden; display:none;}

/* mainmenu */
@media (max-width:991px) {
    header .col-mainmenu{height:55px;}
    header .nav-menu-mobile{display:block;}
    .wrap-mainmenu{position:fixed; width:300px; height:100%; overflow-y:auto; overflow-x:hidden; top:0; right:-300px; opacity:0; background:#ffefbf; z-index:100; padding:20px 30px; transition:.3s;}
    .wrap-mainmenu ul{width:100%; margin:0; padding:0; list-style:none;}
    .wrap-mainmenu ul li{width:100%; position:relative; border-bottom:1px solid rgba(0,0,0,.07)}
    .wrap-mainmenu ul li a{text-decoration:none; text-transform:uppercase; color:rgba(0,0,0,.85); font-size:15px; transition:.3s; padding: 10px 0; display:block; font-weight:bold; }
    .wrap-mainmenu ul li a:hover{color:#000}
    .wrap-mainmenu ul ul{padding-left:20px; margin-left:10px; margin-bottom:10px;}
    .wrap-mainmenu ul ul li{border-bottom:none;}
    .wrap-mainmenu ul ul li:before{font-family: 'FontAwesome'; content: "\f18e"; position:absolute; left:-20px; top:6px; font-weight:normal; opacity:.7}
    .wrap-mainmenu ul ul li a{text-transform:none; font-size:15px; font-weight:bold; padding: 7px 0}
    .wrap-mainmenu ul ul ul{margin-left:0;}
    .wrap-mainmenu ul ul ul li a{font-weight:normal; font-size:14px; border-bottom:1px solid rgba(0,0,0,.07); padding:8px 0; font-weight:normal; display:block;}
    .wrap-mainmenu ul ul ul li:last-child a{border:none;}
    .wrap-mainmenu ul ul ul li:before{content: "\f0da"; font-family: 'FontAwesome'; }
    .wrap-mainmenu ul:last-child li:last-child{border-bottom:none;}
    .wrap-mainmenu .nav-colse-menu{ z-index:100; opacity:1!important; visibility:initial!important }
    .is-open-menu-mobile{overflow:hidden;}
    .is-open-menu-mobile:before{z-index:99; opacity:.5; background:#000; width:100%; height:100%; z-index:100; position:fixed; content:'';}
    .is-open-menu-mobile .wrap-mainmenu{right:0; opacity:1;}
    .is-open-menu-mobile header .wrap-mainmenu .nav-colse-menu{right:300px; opacity:1;}
    .is-open-menu-mobile header,.is-open-menu-mobile header .container, .is-open-menu-mobile header .col-info{}
}
@media (min-width:992px){
    header .col-mainmenu{ height:55px;}
    header .wrap-mainmenu{ display:block; float:right; position:relative; box-shadow:inset 0 1px rgba(255,255,255,.15) }
    ul.mainmenu{ float:left; position:relative; padding:0 0 0 0px; margin:0; list-style:none;}
    ul.mainmenu li{display:inline-block; position:relative; margin: 0 15px;}
    ul.mainmenu li:first-child{margin-left:0;}
    ul.mainmenu li:last-child{margin-right:0;}
    ul.mainmenu li.active{box-shadow: inset 0 2px #EEBB22;}
    ul.mainmenu li.active a{color:#EEBB22; font-weight:bold;}
    ul.mainmenu li a{text-decoration:none; color:#fff; text-transform:uppercase; font-size:15px; padding: 0 0px; transition:.3s; line-height:60px; font-weight:normal; }
    ul.mainmenu li:hover a{color:#EEBB22}
    ul.mainmenu li ul{position:absolute; top:100%; left:0; width:210px; margin:10px 0 0 0; padding:12px 0px; background:#fff; opacity:0; visibility:hidden; transition:.3s;}
    ul.mainmenu li:hover ul{opacity:1; visibility:initial; margin-top:0;}
    ul.mainmenu li ul li{width:100%; float:left; position:relative; padding: 0 20px; margin:0;}
    ul.mainmenu li ul li a{color:rgba(0,0,0,.85)!important; padding: 10px 0; text-transform:initial; display:block; transition:.3s; line-height:normal!important; font-size:14px;  border-bottom:1px solid rgba(0,0,0,.05); line-height:20px; font-weight:normal!important}
    ul.mainmenu li ul li:last-child a{border-bottom:none;}
    ul.mainmenu li ul li:hover a{color:#EEBB22!important}
    ul.mainmenu li ul li ul{position:absolute; top:-12px; margin: 0 0 0 10px; left:100%!important; left:initial; opacity:0!important; visibility:hidden!important ; text-align:left}
    ul.mainmenu li ul li:hover ul{opacity:1!important; visibility:initial!important; margin-left:0;}
    ul.mainmenu li ul li:hover ul li a{color:rgba(0,0,0,.85)!important;}
    ul.mainmenu li ul li:last-child ul li a{border-bottom:1px solid rgba(0,0,0,.05)!important}
    ul.mainmenu li ul li ul li:hover a{color:#EEBB22!important;}
    ul.mainmenu li ul li ul li:last-child a{border-bottom:none!important} 

    header.fixed-header ul.mainmenu li a{line-height:70px; color:rgba(0,0,0,.85)}
    header.fixed-header ul.mainmenu li:hover a,
    header.fixed-header ul.mainmenu li.active a{color:#EEBB22}
}


/* Slider */
.wrap-slider{width:100%; height:100%; float:left; position:relative;  margin:0 0;}
.wrap-slider .caption{width:100%; height:100%; position:absolute; z-index:10; top:0; left:0; text-align:center; color:#fff; padding-top:0px; display:table; vertical-align:middle;}
.wrap-slider .caption .info{display:table-cell; text-align:center; vertical-align:middle;}
.wrap-slider .caption h1{font-size:70px; font-weight:bold; margin:0; padding:0;}
.wrap-slider .caption h3{font-size:20px; font-weight:normal; font-style:italic }
.wrap-slider .mouse-down {position: absolute; bottom: 110px; left: 50%; margin-left: -10px; width: 36px; height: 36px; background:url(svg/mouse.svg) no-repeat center; background-size:auto 100%; z-index: 5; display: block; -webkit-animation: bounce-fade 1.2s infinite; -moz-animation: bounce-fade 1.2s infinite; -o-animation: bounce-fade 1.2s infinite; animation: bounce-fade 1.2s infinite; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);transform: rotate(180deg);}
@-webkit-keyframes bounce-fade { 0%   { opacity: 1; bottom: 100px; } 100% { opacity: 1; bottom: 50px; }}
@-moz-keyframes bounce-fade {  0%   { opacity: 1; bottom: 100px; }  100% { opacity: 1; bottom: 50px; }}
@-o-keyframes bounce-fade { 0%   { opacity: 1; bottom:100px; } 100% { opacity: 1; bottom: 50px; }}
@keyframes bounce-fade { 0%   { opacity: 1; bottom: 100px; }  100% { opacity: 1; bottom: 50px; }}
#mainslider{width:100%; height:100%; position:relative; z-index:1; display:block; float:left; }
#mainslider:before{content:''; opacity:.65; width:100%; height:300px; position:absolute; top:0px; left:0; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(rgba(255,255,255,0))); background: -webkit-linear-gradient(top, #000000, rgba(255,255,255,0)); background: -moz-linear-gradient(top, #000000, rgba(255,255,255,0)); background: -ms-linear-gradient(top, #000000, rgba(255,255,255,0)); background: -o-linear-gradient(top, #000000, rgba(255,255,255,0)); z-index:10; }
#mainslider .owl-wrapper-outer,
#mainslider .owl-wrapper,
#mainslider .owl-item{height:100%; display:block; background:rgba(0,0,0,.85) }
#mainslider .item{width:100%; height:100%; float:left; background-size:cover; background-repeat:no-repeat; background-position:center; position:relative;}
#mainslider .item:before{content:''; background: url(st-bg-overlay.png);  height:100%; width:100%; position:absolute; top:0; left:0; opacity:.5; background:#000;}
#mainslider #bar{width: 0%;max-width: 100%;height: 1px;background: #EEBB22; position:absolute; top:0; z-index:15;}
#mainslider.owl-theme .owl-controls{margin:0;}
#mainslider .owl-pagination{position:absolute; width:100%; left:0; bottom:20px; margin:0; }
#mainslider.owl-theme .owl-controls .owl-page span{opacity:1; width:20px; height:20px; border-radius:1px; background:rgba(0,0,0,.4); transition:.3s; }
#mainslider.owl-theme .owl-controls .owl-page span:hover{border:8px solid #fff;}
#mainslider.owl-theme .owl-controls .owl-page.active span{border:8px solid #fff; background:#0088c9}
#mainslider.owl-theme .owl-controls .owl-buttons div{width:50px; height:50px; background:rgba(255,255,255,.85); opacity:1; border-radius:1px; position:absolute; top:50%; margin:-25px 0 0 0; padding:0;  transition:.3s; font-size:0;}
#mainslider.owl-theme .owl-controls .owl-buttons div:hover{background:#0088c9;}
#mainslider.owl-theme .owl-controls .owl-buttons div:before{width:100%; height:100%; text-align:center; line-height:52px; font-family: 'FontAwesome'; font-size:19px; color:#0088c9; transition:.3s; display:block;}
#mainslider.owl-theme .owl-controls .owl-buttons div:hover:before{color:#fff;}
#mainslider.owl-theme .owl-controls .owl-buttons .owl-prev{left:-50px;}
#mainslider.owl-theme:hover .owl-controls .owl-buttons .owl-prev{left:0;}
#mainslider.owl-theme .owl-controls .owl-buttons .owl-prev:before{content: "\f053"; padding-right:5px;}
#mainslider.owl-theme .owl-controls .owl-buttons .owl-next{right:-50px;}
#mainslider.owl-theme:hover .owl-controls .owl-buttons .owl-next{right:0;}
#mainslider.owl-theme .owl-controls .owl-buttons .owl-next:before{content: "\f054"; padding-left:5px;}


/* Banner Home */
.wrap-banner{width:100%; float:left; position:relative; z-index:2; padding:50px 0 80px 0; background:#fff;}
.wrap-banner ul{ margin:0; padding:0; list-style:none; position:relative; width:100%; float:left;}
.wrap-banner ul li{margin:0 0 0 0; padding:20px 15px; transition:.3s; position:relative;}
.wrap-banner ul li a{width:100%; float:left; overflow:hidden; position:relative; text-decoration:none;} 
.wrap-banner ul li a:before{content:''; width:100%; height:100%; background:#000; position:absolute; top:0; left:0; z-index:1; opacity:.5; transition:.3s;}
.wrap-banner ul li a:hover:before{opacity:0;}
.wrap-banner ul li a .img-fill{ height:500px;  max-width: none; -webkit-transform: translate3d(-50px,0, 0); transform: translate3d(-50px,0,0);  width: -webkit-calc(100% + 50px); width: calc(100% + 50px); display:block; float:left; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;}
.wrap-banner ul li a:hover .img-fill{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.wrap-banner ul li a h1{font-weight:bold; position:absolute; bottom:50px; left:0px; padding: 0 30px; text-transform:uppercase; font-size:25px; font-weight:normal; color:#fff; z-index:5; transition:.3s;}
.wrap-banner ul li a h1:before{width:3px; height:25px; content:''; position:absolute; top:-2px; left:0; transition:.3s; background:#EEBB22;}
.wrap-banner ul li a:hover h1{bottom:100px;}
.wrap-banner ul li a:hover h1:before{width:20px;}
.wrap-banner ul li a .more{color:#fff; text-transform:uppercase; position:absolute; bottom:35px; left:30px; z-index:5; opacity:0; transition:.3s; font-size:15px; letter-spacing:1px;}
.wrap-banner ul li a:hover .more{bottom:85px; opacity:1; -webkit-transition-delay: 0.05s; transition-delay: 0.05s;  -webkit-transition-duration: 0.35s; transition-duration: 0.35s;}
.wrap-banner .owl-theme .owl-controls{width:100%; height:0; left:0; bottom:0; margin:0; z-index:10;}
.wrap-banner .owl-theme .owl-controls .owl-buttons div{font-size:0;opacity:1; background:rgba(255,255,255,.5); width:40px; height:40px; border-radius:0; bottom:50%; display:block; position:absolute; margin-bottom:-20px; transition:.3s; opacity:0;}
.wrap-banner .owl-theme .owl-controls .owl-buttons div:hover{background:#EEBB22;}
.wrap-banner .owl-theme .owl-controls .owl-buttons .owl-prev{left:15px;}
.wrap-banner .owl-theme:hover .owl-controls .owl-buttons .owl-prev{left:45px; opacity:1;}
.wrap-banner .owl-theme .owl-controls .owl-buttons .owl-next{right:15px;}
.wrap-banner .owl-theme:hover .owl-controls .owl-buttons .owl-next{right:45px; opacity:1;}
.wrap-banner .owl-theme .owl-controls .owl-buttons div:after{width:50px; height:50px; content:''; position:absolute; left:-5px; top:-5px; border:1px solid #fff; opacity:.5; z-index:1;}
.wrap-banner .owl-theme .owl-controls .owl-buttons div:before{width:100%; height:100%; text-align:center; line-height:40px; content:'';  font-family: 'FontAwesome'; font-size:23px; position:absolute; top:0; left:0; z-index:2; color:rgba(0,0,0,.85); transition:.3s;}
.wrap-banner .owl-theme .owl-controls .owl-buttons div:hover:before{color:#fff;}
.wrap-banner .owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"\f104"; }
.wrap-banner .owl-theme .owl-controls .owl-buttons .owl-next:before{content:"\f105"; padding-left:5px;}

.title-center{width:100%; float:left; background:url(../images/section-title.png) no-repeat center bottom; margin:0 0 25px 0; padding:0 0 22px 0; letter-spacing:1px; text-transform:uppercase; font-size:28px; text-align:center; font-weight:bold;}

/* About home */
.wrap-about-home{width:100%; float:left; position:relative; margin-top:60px;  text-align:center; font-weight:normal;}
.wrap-about-home .detail{width:100%; line-height:25px; font-size:15px; position:relative; z-index:5; }
.wrap-about-home .more{display:inline-block; font-size:15px; text-transform:uppercase; text-decoration:none; color:rgba(0,0,0,.85); font-weight:bold; margin-top:30px; line-height:35px; height:34px; padding: 0 20px; transition:.3s; position:relative; z-index:4; background:#EEBB22;}
.wrap-about-home .more:hover{background:rgba(0,0,0,.75); color:#fff;}
.wrap-about-home .more:before{content:'';  width: -webkit-calc(100% + 8px); width: calc(100% + 8px); height: 42px; border:1px solid #EEBB22; position:absolute; top:-4px; left:-4px;}
.wrap-about-home ul.img-about{margin:-30px -15px 0 -15px; padding:0 0 50px 0; list-style:none;}
.wrap-about-home ul.img-about li{height:200px; float:left; position:relative; padding:0 15px; margin-top:30px;} 
.wrap-about-home ul.img-about li .img-fill{width:100%; height:100%; position:relative; background:#000; box-shadow: 5px 5px rgba(0,0,0,.1)}
.wrap-about-home ul.img-about li .img-fill:before{content:''; width: calc(100% - 20px); width: -webkit(100% - 20px); height: calc(100% - 20px); height: -webkit(100% - 20px); position:absolute; top:10px; left:10px; border:1px solid #fff; z-index:5; display:block; opacity:.3}
.wrap-about-home ul.img-about li img{-webkit-filter: grayscale(100%); filter: grayscale(100%); transition:.3s; opacity:.7}
.wrap-about-home ul.img-about li:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1; }
.wrap-about-home ul.img-about li:before{content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid rgba(0,0,0,.1); opacity:0}

.book-appointment{width:100%; float:left; padding: 0px 0 70px 0; position:relative; background:#fff url(../images/bg-appointment.jpg) no-repeat center 0; background-size:auto 800px;}
.book-appointment:before{content:''; width:100%; height:100%; background:#000; position:absolute; top:0; left:0;  opacity:.0;}
.book-appointment .container{position:relative; z-index:5;}
.book-appointment h1{text-transform:uppercase; font-size:28px; font-weight:bold; letter-spacing:1px; }
.book-appointment h3{margin:0; padding:10px 0 50px 0; font-weight:normal; font-size:16px; line-height:25px; color:rgba(0,0,0,.6)}
.book-appointment ul{margin: 0 -15px; padding:0; list-style:none;}
.book-appointment ul li{padding: 0 15px; position:relative;}
.book-appointment input[type='text'],
.book-appointment textarea{width:100%; border:none; color:#fff; font-style:italic; background:rgba(0,0,0,.2); height:42px; padding: 0 10px; transition:.3s; margin-top:25px; font-weight:normal; border:2px solid #EEBB22}
.book-appointment textarea{height:175px; padding:10px; resize:none;}
.book-appointment input[type='text']:focus,
.book-appointment textarea:focus{outline:none; border-color:#fff; background:rgba(0,0,0,.5); font-style:normal;}
.book-appointment .book{height:42px; margin-top:25px; float:left; font-weight:bold; line-height:43px; text-transform:uppercase; color:#fff; text-shadow: 0 1px rgba(0,0,0,.1); background:#EEBB22; padding: 0 25px; text-decoration:none; letter-spacing:1px; transition:.3s; position:relative;}
.book-appointment .book:before{content:''; width: calc(100% - 8px);  width: -webkit(100% - 8px); height: 34px;  border: 1px solid #fff;  opacity: .5; position: absolute;  top: 4px; left: 4px; z-index: 1; transition: .3s;}
.book-appointment .book:hover{background:#ffffff; color:#EEBB22; text-shadow:none;}
.book-appointment .book:hover:before{border-color:#EEBB22; opacity:1}
.book-appointment .col-form{padding-top:0px;}
.book-appointment ::-webkit-input-placeholder { color: #fff;}
.book-appointment ::-moz-placeholder { color: #fff;}
.book-appointment :-ms-input-placeholder {color: #fff;}
.book-appointment :-moz-placeholder {color: #fff;}

.book-appointment.right{background:none; font-weight:normal; padding-bottom:40px;}
.book-appointment.right .title{width: 100%; float: left;  background: url(../images/section-title.png) no-repeat center bottom;  margin: 0 0 10px 0;  padding: 0 0 22px 0;  letter-spacing: 1px;  text-transform: uppercase;  font-size: 20px;  text-align: center;  font-weight: bold;}
.book-appointment.right .col-form{width:100%;}
.book-appointment.right input[type='text'],
.book-appointment.right textarea{margin-top:15px; border: 1px solid rgba(0,0,0,.05); height:36px; background: rgba(0,0,0,.02); color:rgba(0,0,0,.85)}
.book-appointment.right textarea{padding: 10px; height:120px;}
.book-appointment.right input[type='text']:focus,
.book-appointment.right textarea:focus{ outline:none; border-color:#EEBB22}

.book-appointment.right ::-webkit-input-placeholder { color:rgba(0,0,0,.6);}
.book-appointment.right ::-moz-placeholder { color: rgba(0,0,0,.6);}
.book-appointment.right :-ms-input-placeholder {color: rgba(0,0,0,.6);}
.book-appointment.right :-moz-placeholder {color: rgba(0,0,0,.6);}
.book-appointment.right .book{width:100%; text-align:center; margin-top:10px;}
.book-appointment.right .book:hover{box-shadow: 0 1px 1px rgba(0,0,0,.05);}

#myModal-appointment .modal-content{background:none; box-shadow:none; border-radius:0; border:2px solid #EEBB22; display:inline-block; padding:5px;}
#myModal-appointment .modal-content .modal-body{background:#fff; padding:30px; width:100%; float:left; position:relative;}
#myModal-appointment .modal-content .modal-body .btn-close{width:28px; height:28px; background:#EEBB22 url(svg/close-white.svg) no-repeat center; background-size:12px auto; position:absolute; top:-5px; right:-5px;}
#myModal-appointment .book-appointment{background:none; font-weight:normal; padding-bottom:0;}
#myModal-appointment .book-appointment .title{width: 100%; float: left;  background: url(../images/section-title.png) no-repeat center bottom;  margin: 0 0 10px 0;  padding: 0 0 22px 0;  letter-spacing: 1px;  text-transform: uppercase;  font-size: 20px;  text-align: center;  font-weight: bold;}
#myModal-appointment .book-appointment .col-form{width:50%;}
#myModal-appointment .book-appointment input[type='text'],
#myModal-appointment .book-appointment textarea{margin-top:15px; border: 1px solid rgba(0,0,0,.05); height:36px; background: rgba(0,0,0,.02); color:rgba(0,0,0,.85)}
#myModal-appointment .book-appointment textarea{padding: 10px; height:138px;}
#myModal-appointment .book-appointment input[type='text']:focus,
#myModal-appointment .book-appointment textarea:focus{ outline:none; border-color:#EEBB22}

#myModal-appointment .book-appointment ::-webkit-input-placeholder { color:rgba(0,0,0,.6);}
#myModal-appointment .book-appointment::-moz-placeholder { color: rgba(0,0,0,.6);}
#myModal-appointment .book-appointment :-ms-input-placeholder {color: rgba(0,0,0,.6);}
#myModal-appointment .book-appointment :-moz-placeholder {color: rgba(0,0,0,.6);}
#myModal-appointment .book-appointment .book{width:100%; text-align:center; margin-top:15px;}
#myModal-appointment .book-appointment .book:hover{box-shadow: 0 1px 1px rgba(0,0,0,.05);}


/* Comment home */
.wrap-comment-home{width:100%; float:left; position:relative; padding: 60px 0 0 0;}
.wrap-comment-home .wrap-slider-comment{margin: 0 -15px;}
.wrap-comment-home .wrap-slider-comment .owl-carousel .owl-item{padding: 0 15px;}
.wrap-comment-home ul.comment{width:100%; float:left; margin:15px 0 0 0; padding:0; list-style:none;}
.wrap-comment-home ul.comment li{position:relative; min-height:160px; padding-left:180px;}
.wrap-comment-home ul.comment li .img-fill{width:150px; height:150px; position:absolute!important; top:0; left:0; z-index:2; transition:.3s;}
.wrap-comment-home ul.comment li:before{content:''; width:150px; height:150px; border:2px solid #EEBB22; position:absolute; top:10px; left:10px; z-index:1; transition:.3s; }
.wrap-comment-home ul.comment li h1{margin:0; padding:5px 0 0 0; font-size:18px; text-transform:uppercase; font-weight:bold;}
.wrap-comment-home ul.comment li h3{margin:0; padding:5px 0 0 0; font-size:15px; font-weight:bold;}
.wrap-comment-home ul.comment li span{font-size:14px; font-weight:normal; padding-top:5px; display:block; line-height:24px;
    height: 150px;
    overflow-x: scroll;
    overflow-x: hidden;

}
.wrap-comment-home ul.comment li span::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
.wrap-comment-home ul.comment li span::-webkit-scrollbar-button {
    background: #ccc
}
.wrap-comment-home ul.comment li span::-webkit-scrollbar-track-piece {
    background: #888
}
.wrap-comment-home ul.comment li span::-webkit-scrollbar-thumb {
    background: #EEBB22
}​

.wrap-comment-home .owl-theme .owl-controls{margin:30px 0 0 0; width:100%; position:relative; float:left;}
.wrap-comment-home .owl-theme .owl-controls .owl-page span{opacity:1; width:8px; height:8px; background:rgba(0,0,0,.5); border-radius:0; position:relative; transition:.3s; margin: 0 8px;}
.wrap-comment-home .owl-theme .owl-controls .owl-page span:hover{background:#000;}
.wrap-comment-home .owl-theme .owl-controls .owl-page.active span{background:#EEBB22}
.wrap-comment-home .owl-theme .owl-controls .owl-page.active span:before{content:''; width:14px; height:14px; border:1px solid #EEBB22; position:absolute; top:-3px; left:-3px; display:block; }

/* Footer */
footer{width:100%; position:relative;  float:left; clear:both; margin-top:70px; padding: 0; background:url(../images/bg-footer.jpg) no-repeat center; background-size:cover }
footer svg{position:absolute; right:0; top:0; height:100%; opacity:.05; display:none;}
footer svg path{fill:#EEBB22}
footer:before{content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,.7) url(../images/stt-bg-overlay.png);}
footer .container{position:relative; padding-top:40px; padding-bottom:80px; z-index:2; overflow:hidden;}
footer .title-footer{width:100%; float:left; margin:30px 0 20px 0; font-weight:bold; font-size:17px; text-transform:uppercase; color:#EEBB22; }
footer ul.menu{ width:auto; margin:0; padding:0; list-style: none; width:100%;}
footer ul.menu li{ margin:10px 0 0 0; padding:0; float:left; width:100%; float:left;}
footer ul.menu li:first-child{margin-top:0;}
footer ul.menu li a{ text-decoration: none; color:rgba(255,255,255,.6); font-weight:300; padding: 0 0 0 20px;  float:left; transition:.3s; text-decoration:none; position:relative;}
footer ul.menu li a:hover{color:#fff; text-decoration:none; letter-spacing:1px; padding-left:30px;}
footer ul.menu li a:before{content:''; width:10px; height:10px; display:block; border:1px solid rgba(255,255,255,.2); position:absolute; left:0; top:3px;transition:.3s; }
footer ul.menu li a:after{content:''; width:4px; height:4px; display:block; background:rgba(255,255,255,.2); position:absolute; left:3px; top:6px;transition:.3s; }
footer ul.menu li a:hover:before{border-color:#fff}
footer ul.menu li a:hover:after{background:#fff}

footer .wrap_register{width:100%; display:inline-block; position:relative; text-align:left;}
footer .wrap_register p{width:100%; margin:0; color:rgba(255,255,255,.75); margin-bottom:20px; line-height:22px; font-size:14px; font-weight:300;}
footer .wrap_register input[type='text']{width:100%; float:left; height:40px; background:rgba(255,255,255,.8); border: none; border-radius:1px; padding: 0 10px;transition:.3s;}
footer .wrap_register input[type='text']:focus{ outline:none; background:#fff;}
footer .wrap_register input[type='button']{width:100%; height:40px; margin-top:10px; background:#EEBB22; color:rgba(0,0,0,.8); border-radius: 1px ; border:none; font-weight:bold; text-transform:uppercase; letter-spacing:1px; transition:.3s; box-shadow: inset 0 0 rgba(0,0,0,.1) }
footer .wrap_register input[type='button']:hover{color:#fff; box-shadow: inset 0 40px rgba(0,0,0,.1)}
footer .wrap_register #btnRegister{height:42px; width:100%; margin-top:15px; text-align:center; float:left; font-weight:bold; line-height:43px; text-transform:uppercase; color:#fff; text-shadow: 0 1px rgba(0,0,0,.1); background:#EEBB22; padding: 0 25px; text-decoration:none; letter-spacing:1px; transition:.3s; position:relative;}
footer .wrap_register #btnRegister:before{content:''; width: calc(100% - 8px);  width: -webkit(100% - 8px); height: 34px;  border: 1px solid #fff;  opacity: .5; position: absolute;  top: 4px; left: 4px; z-index: 1; transition: .3s;}
footer .wrap_register #btnRegister:hover{background:#ffffff; color:#EEBB22; text-shadow:none;}
footer .wrap_register #btnRegister:hover:before{border-color:#EEBB22; opacity:1}

footer .col-company{padding-left:0;}
footer .col-company ul{width:100%; float:left; margin:0; padding:0 15px; list-style:none; color:rgba(255,255,255,.85); }
footer .col-company ul li{width:100%; float:left; position:relative; padding-left:25px; margin-top:15px;}
footer .col-company ul li:nth-child(2){background:url(svg/st-pin-oranges.svg) no-repeat 0 0; background-size: auto 14px;}
footer .col-company ul li:nth-child(3){background:url(svg/st-phone-oranges.svg) no-repeat 0 0; background-size: auto 14px;}
footer .col-company ul li:nth-child(4){background:url(svg/st-fax-oranges.svg) no-repeat 0 0; background-size: auto 14px;}
footer .col-company ul li:nth-child(5){background:url(svg/st-mail-oranges.svg) no-repeat 0 2px; background-size: auto 14px;}
footer .col-company ul li:nth-child(6){background:url(svg/st-web-oranges.svg) no-repeat 0 3px; background-size: auto 14px;}
footer .col-company ul li h3{float: left;  margin: 13px 0 5px -25px; line-height:22px; text-transform: uppercase;  font-weight: bold; font-size: 17px;  text-transform: uppercase; color: #EEBB22;}
footer .col-company ul li i{font-size:14px; position:absolute; left:0; top:0;}
footer .col-company ul li a{text-decoration:none; color:rgba(255,255,255,.6); transition:.3s; }
footer .col-company ul li a:hover{color:#EEBB22}
footer #footer{line-height:20px;}

.bar-footer{width:100%; background:rgba(0,0,0,.8); line-height:40px; float:left; box-shadow:inset 0 1px rgba(0,0,0,.02) ; clear:both; padding:15px 0; position:relative; z-index:2;}
.bar-footer .social{display:block; margin: 0  0 0 -125px; padding:0 25px; list-style:none;  background:#313131; width:250px; float:left; position:absolute; top:-40px; left:50%; border-radius:25px;  border-bottom:1px solid rgba(0,0,0,.2); box-shadow: inset 0 1px rgba(255,255,255,.05) }
.bar-footer .social li{display:inline-block; position:relative; margin:0; padding:0; float:left;}
.bar-footer .social li a{height:50px; width:50px; display:block; text-align:center; text-decoration:none; line-height:50px; color:#fff; font-size:16px; transition:.3s; box-shadow: inset 0 0 #EEBB22}
.bar-footer .social li a:hover{color:#181819; box-shadow: inset 0 50px #EEBB22}
.bar-footer .copy{ font-size:14px; color:rgba(255,255,255,.5); display:inline-block;}
.bar-footer  a.link{color:rgba(255,255,255,.85); margin-left:5px; display:inline-block; transition:.3s;}
.bar-footer  a.link:hover{color:#EEBB22; text-decoration:none;}
.bar-footer .tk{margin:0; padding:0; list-style:none; float:right;}
.bar-footer .tk li{display:inline-block; margin-left:25px; text-decoration:none;  font-weight:normal; color:#fff;}
.bar-footer .tk li span{font-weight:normal ; color:rgba(255,255,255,.4);}
.bar-footer .tk li span:after{content:':'; padding: 0 5px;}

/* banner */
.banner-page{width:100%; height:300px; float:left; background:url(../images/st-bg-banner.jpg) no-repeat center 0; background-size:cover; margin-top:0px; position:relative; z-index:1;}
.banner-page:before{content:''; opacity:.7; width:100%; height:100%; position:absolute; top:0px; left:0; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(rgba(255,255,255,0))); background: -webkit-linear-gradient(top, #000000, rgba(255,255,255,0)); background: -moz-linear-gradient(top, #000000, rgba(255,255,255,0)); background: -ms-linear-gradient(top, #000000, rgba(255,255,255,0)); background: -o-linear-gradient(top, #000000, rgba(255,255,255,0)); z-index:10; }
.banner-page:after{content:''; width:100%; height:100%; background:#000; position:absolute; top:0; left:0; z-index:2; opacity:.5}

/* Sitemap */
.swap_sitemap{ width:100%; float:left; padding: 0; margin-top:-125px; line-height:50px; z-index:10; position:relative; text-align:center; margin-bottom:50px;}
.swap_sitemap .inner{display:inline-block; position:relative; height:125px;}
.swap_sitemap .inner .nav-left{position:absolute; right:100%; bottom:0; margin-right:10px;}
.swap_sitemap .inner .nav-left:before{content:''; width:1500px; height:100%; display:block; background:#f2f2f2; top:0; right:100%; position:absolute;}
.swap_sitemap .inner .nav-left svg{height:30px; fill:#f2f2f2}
.swap_sitemap .inner .nav-right{position:absolute; left:100%; bottom:0; margin-left:10px;}
.swap_sitemap .inner .nav-right:before{content:''; width:1500px; height:100%; display:block; background:#f2f2f2; top:0; left:100%; position:absolute;}
.swap_sitemap .inner .nav-right svg{height:30px; fill:#f2f2f2}
.swap_sitemap h1{display:block; position:relative; font-size:25px;text-align:center; margin:0; padding:0; text-transform:uppercase; color:#fff; font-weight:bold; text-shadow: 0 1px rgba(0,0,0,.2); background:url(../images/section-title-white.png) no-repeat center bottom; padding-bottom:30px; letter-spacing:3px;}
.swap_sitemap a{ text-decoration:none; color:#fff; font-size:13px; white-space:normal; font-weight:normal; transition:.3s; display:inline-block;}
.swap_sitemap a:hover{color:#EEBB22;}
.swap_sitemap a.sub{margin-left:8px;} 
.swap_sitemap a.sub:before{font-family: 'FontAwesome'; content:"\f105"; float:left; margin-right:8px; margin-top:0px; font-size:13px; opacity:.8}

/* Left */
.box-left{width:100%; position:relative; padding:0; margin-top:30px; border-radius:1px;  display:block; float:left; }
.box-left .title-box{font-weight: normal; color:rgba(0,0,0,.95); position: relative; font-size:18px; padding: 10px 0 25px 0; position: relative;text-transform: uppercase; margin-bottom:15px; font-weight:bold; text-align:center; background: url(../images/section-title.png) no-repeat center bottom;}
.box-left.catalog{background:#f2f2f2; border:4px solid #EEBB22; padding: 20px 20px;}
.box-left.catalog:before{content:''; width:100%; height:100%; position:absolute; top:10px; left:10px; z-index:-1; background:#000; opacity:.1 }

ul.hotnews_left{ width:100%; margin:0 ; padding:0; list-style: none; float:left; overflow:hidden; }  
ul.hotnews_left li{ margin:0; padding: 15px 0; width:100%; border-bottom: 1px dashed rgba(0,0,0,.07)}
ul.hotnews_left li:last-child{border:none;}
ul.hotnews_left li a{ text-decoration: none; color:rgba(0,0,0,.7);padding: 0; display:block; min-height:50px; position:relative; transition:.3s; padding-left:100px;}
ul.hotnews_left li a:before{content:''; width:80px; height:50px; position:absolute; top:5px; left:5px; border:1px solid rgba(0,0,0,.1); z-index:1; transition:.3s;}
ul.hotnews_left li a .img-fill{width:80px; height:50px; position:absolute!important; top:0; left:0; z-index:2;}
ul.hotnews_left li a h3{margin:0; padding:0; font-size:15px; font-weight:normal; color:rgba(0,0,0,.8); line-height:20px;}
ul.hotnews_left li a:hover h3{color:#000;}


/* Conten Page */
.wrap-content{width:100%; background:none; padding:0; position:relative; float:left;}
.wrap-content .title-page{ font-weight: normal; line-height:30px; color: rgba(0,0,0,.95); position: relative; font-size: 22px; padding: 0px 0 15px 0; position: relative; text-transform: uppercase;  margin-bottom: 15px;  font-weight: bold;  text-align: left; border-bottom:1px dashed rgba(0,0,0,.15) }
.wrap-content .title-center-page{ font-weight: normal; color: rgba(0,0,0,.95); position: relative; font-size: 22px; padding: 0px 0 15px 0; position: relative; text-transform: uppercase;  margin-bottom: 15px;  font-weight: bold;  text-align: center; }
.wrap-content .content-info{width:100%; float:left; margin-top:25px; font-size:14px; color:rgba(0,0,0,.85); line-height:22px; font-weight:normal;}
.wrap-content .content-info img{margin:0 auto; display:block; max-width:100%;}

.col-content-right{padding-left:30px;}

/* Map */
.swap_map{ margin:0; padding:0;clear:both; width:100%; float:left;}
.swap_map #map-contact{width:100%; height:500px; float:left;}

/* Contact */
.col-add-contact{}
.col-add-contact .wrap-logo{background:#fff; width:100%; float:left; padding:30px 30px; margin-top:35px; text-align:center; border-radius:2px; position:relative; z-index:5; box-shadow: 5px 5px rgba(0,0,0,.1)}
.col-add-contact .wrap-logo:before{content:''; width:calc(100% - 20px); width: -webkit-calc(100% -20px); height:calc(100% - 20px); height: -webkit-calc(100% -20px); border:1px solid rgba(0,0,0,.1); position:absolute; top:10px; left:10px;}
.col-add-contact .wrap-logo svg{width:100%; transition:.3s;}
.col-add-contact .wrap-add{width:100%; padding:0px; margin-top:10px; float:left; }
.col-add-contact .wrap-add ul{width:100%; float:left; margin:0; padding:0 0; list-style:none; font-weight:normal  }
.col-add-contact .wrap-add ul li{width:100%; float:left; position:relative; padding-left:25px; margin-top:15px; font-size:14px; }
.col-add-contact .wrap-add ul li span{font-family:Fira Sans!important}
.col-add-contact .wrap-add ul li a{text-decoration:none; color:rgba(0,0,0,.8); transition:.3s;}
.col-add-contact .wrap-add ul li a:hover{color:#EEBB22}
.col-add-contact .wrap-add ul li:first-child{padding-left:0; padding-bottom:10px;} 
.col-add-contact .wrap-add ul li:first-child h3{margin:10px 0 0 0; padding:0; font-size:17px; font-weight:bold;}
.col-add-contact .wrap-add ul li:nth-child(2){background:url(svg/st-pin-oranges.svg) no-repeat 0 0; background-size: auto 18px;}
.col-add-contact .wrap-add ul li:nth-child(3){background:url(svg/st-phone-oranges.svg) no-repeat 0 0; background-size: auto 18px;}
.col-add-contact .wrap-add ul li:nth-child(4){background:url(svg/st-fax-oranges.svg) no-repeat 0 0; background-size: auto 14px;}
.col-add-contact .wrap-add ul li:nth-child(5){background:url(svg/st-mail-oranges.svg) no-repeat 0 2px; background-size: auto 14px;}
.col-add-contact .wrap-add ul li:nth-child(6){background:url(svg/st-web-oranges.svg) no-repeat 0 3px; background-size: auto 14px;}
.col-form-contact{}
.col-form-contact .wrap-form{width:100%; float:left; position:relative;}
.col-form-contact .wrap-form .title-contact{border:none; margin: 30px 0 0 0;}
.col-form-contact .wrap-form .title-contact:after{display:none;}

ul.form{margin: 0 -10px; padding:0; list-style:none;}
ul.form li{padding: 0 10px; position:relative;}
ul.form li label{font-weight:normal; display:block; width:100%; float:left; padding: 15px 0 3px 0; margin:0; color:rgba(0,0,0,.7); font-size:15px;}
ul.form li label.req:after{content:'*'; color:red; padding-left:5px; display:inline-block;}
ul.form li label span{display:inline-block; color:red; padding-left:5px;}
ul.form li input[type='text'],
ul.form li select,
ul.form li textarea{width:100%; height:36px; border: 1px solid rgba(0,0,0,.05); padding: 0 10px; transition:.3s; border-radius:1px; background:rgba(0,0,0,.02) }
ul.form li input[type='text']:focus,
ul.form li select:focus,
ul.form li textarea:focus{ outline:none; border-color:#EEBB22 }
ul.form li textarea{height:150px; resize:none; padding:10px;}
ul.form li.check{padding-top:15px; display:block; float:left;}
ul.form li.check input[type='checkbox']{float:left;}
ul.form li.check label{width:auto; margin:0; padding:2px 0 0 5px;}
ul.form li a.btn-link{ width: 50%; float:left; text-shadow: 0 1px rgba(0,0,0,.1); text-decoration:none; line-height: 47px; height:45px; text-align:center; margin-top: 10px; background: #EEBB22; color: #fff; border-radius: 1px; border: none; font-weight: bold;  text-transform: uppercase; letter-spacing: 1px;transition: .3s; box-shadow: 0 1px 1px rgba(0,0,0,.1); position:relative;}
ul.form li a.btn-link:before{content:''; width:calc(100% - 8px); width: -webkit(100% - 8px); height:37px; border:1px solid #fff; opacity:.5; position:absolute; top:4px; left:4px; z-index:1; transition:.3s;}
ul.form li a.btn-link:hover:before{width:100%; height:100%; top:0; left:0; border:none; background:rgba(0,0,0,.2)}
ul.form li a.btn-link:first-child{border-right:1px solid #fff;}
ul.form li a.btn-link:last-child{float:right; border-left:1px solid #fff;}

/* News */
ul.group_info{ margin:-40px -15px 0 -15px; padding:0; list-style: none; width:100%; float:left; }
ul.group_info li{ margin-top:40px; padding:0 15px; float:left; position:relative; }
ul.group_info li a{width:100%; float:left; position:relative; text-decoration:none; color:rgba(0,0,0,.8); }
ul.group_info li a:before{content:''; width:100%; height:200px; border:2px solid #EEBB22; position:absolute; z-index:1; top:10px; left:10px; transition:.3s;}
ul.group_info li a:hover:before{width: calc(100% - 30px);  width: -webkit-calc(100% - 30px); height:170px; top:15px; left:15px; z-index:5; border-width:1px; border-color:rgba(255,255,255,.5); }
ul.group_info li a:after{content:''; width:100%; height:200px; background:#000; position:absolute; top:0; left:0; z-index:3; opacity:0; transition:.3s;}
ul.group_info li a:hover:after{opacity:.5;}
ul.group_info li a .img-fill{width:100%; height:200px; position:relative!important; z-index:2; }
ul.group_info li a .more{position:absolute; top:0; left:0; line-height:32px; height:30px; background:rgba(255,255,255,.7); z-index:7;  font-weight:normal; text-transform:uppercase; text-align:center; width:120px; left:50%; top:85px; margin-left:-60px; color:#000; opacity:0;
                         -webkit-transition: all 200ms ease-in; -webkit-transform: scale(3);-ms-transition: all 200ms ease-in;-ms-transform: scale(3);   -moz-transition: all 200ms ease-in;-moz-transform: scale(3);transition: all 200ms ease-in;transform: scale(3);}
ul.group_info li a:hover .more{-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);transform: scale(1); opacity:1;}
ul.group_info li a .more:before{width: 126px; height:36px; border:1px solid rgba(255,255,255,.7); content:''; position:absolute; top:-3px; left:-3px;}
ul.group_info li a h3{margin:0; padding:30px 0 0 0; font-size:17px; font-weight:bold; text-transform:uppercase; transition:.3s; line-height:22px;}
ul.group_info li a:hover h3{color:#EEBB22}
ul.group_info li .date{color:rgba(0,0,0,.8);text-align:left; font-size:13px; padding: 5px 0 10px 0; z-index:5; font-weight:normal; border-bottom:1px dashed rgba(0,0,0,.1) }
ul.group_info li .date span{}
ul.group_info li .date b{font-weight:bold;}
ul.group_info li .detail{width:100%; padding: 10px 0 0 0; float:left; overflow:hidden; color:rgba(0,0,0,.7); font-weight:normal; line-height:20px; max-height:70px; overflow:hidden;}


/* News detail */
.wrap-content.news-detail{}
.wrap-content.news-detail .title-page{margin-top:-5px; border-bottom:none; margin-bottom:0; padding-bottom:10px;}
.wrap-content.news-detail .date{width:100%; float:left; padding:0 0 15px 0; font-size:13px; border-bottom:1px dashed rgba(0,0,0,.07)}
.wrap-content.news-detail .date span{opacity:.85}
.wrap-content.news-detail .date label{color:#EEBB22; font-weight:bold;}

.wrap-news-more{width:100%; float:left; position:relative; margin-top:30px;}
.wrap-news-more .title-more{color: rgba(0,0,0,.95); position: relative; font-size: 18px; padding: 10px 0 25px 0; position: relative; text-transform: uppercase; margin-bottom: 15px; font-weight: bold; text-align: center; background: url(../images/section-title.png) no-repeat center bottom;}
.wrap-news-more ul{margin:-10px -15px 0 -15px; padding:0; list-style:none;}
.wrap-news-more ul li{padding: 0 15px; position:relative; margin-top:30px; display:block;}
.wrap-news-more ul li a{width:100%;padding:0px; text-decoration:none; position:relative; float:left; color:rgba(0,0,0,.85)}
.wrap-news-more ul li a:before{content:''; width:100%; height:150px; border:1px solid #EEBB22; position:absolute; z-index:1; top:5px; left:5px; transition:.3s;}
.wrap-news-more ul li a .img-fill{width:100%; height:150px; position:relative!important; top:0; left:0; z-index:5;}
.wrap-news-more ul li a h3{ margin:20px 0 0 0; padding:0; font-size:15px; color:rgba(0,0,0,.7); line-height:18px; transition:.3s; text-transform:uppercase; font-weight:bold }
.wrap-news-more ul li a:hover h3{color:#EEBB22}
.wrap-news-more ul li .date{font-size:13px; font-weight:normal; padding-top:5px;}
.wrap-news-more ul li .date label{}

/* Product */
ul.thumb_products{ margin:-30px -15px 0 -15px; padding:0; list-style: none;}
ul.thumb_products li{ margin:0; padding:0 15px 0 15px ; float:left;position:relative ;margin-top: 30px; }
ul.thumb_products li a{width:100%; float:left; display:block; position:relative; background:#000; transition:.3s; box-shadow: 5px 5px rgba(0,0,0,.1)}
ul.thumb_products li a:before{content:''; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); height: -webkit-calc(100% - 30px); height: calc(100% - 30px); border:1px solid rgba(255,255,255,.2); position:absolute; top:15px; left:15px; z-index:5; opacity:0; transition:.3s;}
ul.thumb_products li a:hover:before{opacity:1;}
ul.thumb_products li a img{width:100%; float:left; -webkit-transition: 0.3s;  transition: 0.3s; z-index:2; display:block; position:relative; z-index:5;}
ul.thumb_products li a:hover img{opacity:.5}
ul.thumb_products li a .caption{width:100%; min-height:65px; padding:2px; border:1px solid rgba(0,0,0,.7); display:table;  width: -webkit-calc(100% - 30px); width: calc(100% - 30px); position:absolute; left:15px; bottom:15px;  z-index:5; transition:.3s;  }
ul.thumb_products li a:hover .caption{padding-bottom:50px; border:none; bottom:35px;}
ul.thumb_products li a h3{font-weight:bold; width:100%; background:rgba(0,0,0,.7); vertical-align:middle; text-align:center; display:table-cell; line-height:20px; margin:0; padding: 0 10px; text-transform:uppercase; font-size:16px; font-weight:normal; color:#fff; z-index:5; transition:.3s;}
ul.thumb_products li a:hover h3{background:none; font-size:18px; text-shadow: 0 1px rgba(0,0,0,.2); line-height:24px;}
ul.thumb_products li a .more{color:#fff; text-transform:uppercase; position:absolute; width:100%; bottom:0; left:0;  text-align:center; height:0px; z-index:1; opacity:0; transition:.3s; font-size:13px; letter-spacing:1px; font-weight:normal; background:url(section-title-white.png) no-repeat center 0; background-size:auto 15px; padding-top:25px; }
ul.thumb_products li a:hover .more{opacity:1; height:40px; -webkit-transition-delay: 0.1s; transition-delay: 0.1s;  -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
ul.thumb_products li a .price{display:none;}


/* Product detail */
.wrap-product-detail{width:100%; float:left; position:relative;}
.wrap-product-detail h1.name{text-decoration:none; color:#000; display:block; text-transform:uppercase; clear:both; line-height:30px; position:relative; margin:0 0 20px 0; padding:0 0 0 0px; font-size:25px; font-weight:normal; }
.View-img-Product{width: 100%; float:left; margin: 0; padding:0; position:relative;}
.View-img-Product #main-view-img{width: 100%; padding-right:10px;}
.View-img-Product #main-view-img img{width: 100%; border: none; box-shadow: 5px 5px rgba(0,0,0,.1)}
.View-img-Product .text-view{width: 295px; border-bottom: 1px solid #c7c7c7; color:#666666; text-transform: uppercase; padding: 15px 0 3px 5px; font-size: 11px; font-weight:bold; margin: 5px 0 10px 6px; }
.View-img-Product ul.thumb-img{width: 100%; list-style: none; margin: 0 0 0; padding:0 10px; position:absolute; bottom:10px; left:0; text-align:center;}
.View-img-Product ul.thumb-img li{width: 70px; display:inline-block;}
.View-img-Product ul.thumb-img li .box{ width:100%; float:left; padding: 0 5px;}
.View-img-Product ul.thumb-img li:last-child{margin:0;}
.View-img-Product ul.thumb-img li img{width:100%; border: none; cursor:pointer; border:3px solid rgba(0,0,0,.2)}
.wrap-product-detail ul.info{margin:0px 0 0 0; padding:10px 0 20px 0; list-style:none; width:100%; float:left; border-top:1px dashed rgba(0,0,0,.1); border-bottom:1px dashed rgba(0,0,0,.1)}
.wrap-product-detail ul.info li{width:100%; float:left; padding-left:110px; font-weight:bold; margin-top:10px; position:relative; min-height:20px; font-size:15px; color:#000;}
.wrap-product-detail ul.info li label{position:absolute; left:0; top:0; font-weight:normal; opacity:.75; width:100px;}
.wrap-product-detail ul.info li label:after{content:':'; float:right;}
.wrap-product-detail ul.why{margin:0px 0 0 0; padding:0; list-style:none; width:100%; float:left;}
.wrap-product-detail ul.why li{width:100%; margin:15px 0 0 0; padding:0; list-style:none; position:relative; padding-left:50px; min-height:34px; line-height:34px;}
.wrap-product-detail ul.why li.title{padding-left:0; font-weight:bold; font-size:15px;}
.wrap-product-detail ul.why li .icon{width:32px; height:32px; display:block; text-align:center; position:absolute; top:-1px; left:0; }
.wrap-product-detail ul.why li .icon:before{content:''; width:100%; height:100%; width: -webkit-calc(100% - 6px); width: calc(100% - 6px); height: -webkit-calc(100% - 6px); width: calc(100% - 6px); background:#EEBB22; position:absolute; top:3px; left:3px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);transform: rotate(45deg); z-index:1;}
.wrap-product-detail ul.why li .icon:after{content:''; width:100%; height:100%; border:1px solid #EEBB22; position:absolute; top:0; left:0;  -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);transform: rotate(45deg);}
.wrap-product-detail ul.why li .icon svg{position:relative; z-index:5; height:15px; fill:#fff; margin-top:8px;}
.wrap-product-detail ul.why li span{font-weight:normal; font-size:14px; font-style:italic;}

.wrap-product-detail .wrap-info .title-info{width: 100%; float: left;  background: url(../images/section-title.png) no-repeat center bottom;  margin: 50px 0 10px 0;  padding: 0 0 22px 0;  letter-spacing: 1px;  text-transform: uppercase;  font-size: 20px;  text-align: center;  font-weight: bold;}
.wrap-product-detail .wrap-info .briefly{width:100%; float:left; font-weight:bold; padding:25px 0 0 0;}
.wrap-product-detail .wrap-info .detail-product{width:100%; float:left; color:rgba(0,0,0,.7); line-height:23px; font-weight:normal; padding-top:15px;}
.wrap-product-detail .wrap-info .detail-product img{max-width:100%!important; display:block; margin:0 auto;}

.wrap-phone{width:100%; float:left; position:relative; padding: 0 0 25px 0; margin-top:25px; border-bottom:1px dashed rgba(0,0,0,.1); }
.wrap-phone .phone {zoom: 0.4; position: relative; margin: 0; clear:both; width: 80px; height: 140px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #000; -webkit-perspective: 200px; -moz-perspective: 200px;  -ms-perspective: 200px; perspective: 200px;}
.wrap-phone .phone:before { position: absolute; top: 7px; left: 50%; margin-left: -3px; width: 6px; height: 6px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: rgba(255,255,255,.5); content: '\0020';}
.wrap-phone .phone:after { position: absolute; bottom: 2px; left: 50%; margin-left: -6px; width: 12px; height: 12px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: rgba(255,255,255,.5); content: '\0020';}
.wrap-phone .phone .cover,.wrap-phone .phone .content { position: absolute; top: 20px; left: 8px; z-index: 2; margin: 0; padding: 0; width: 64px; height: 102px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.wrap-phone .phone .content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 13px 0 0 15px; background: #ffffff; list-style: none;}
.wrap-phone .phone .content:before,.wrap-phone .phone .content:after,.wrap-phone .phone .content li { display: block; margin-top: 6px; width: 32px; height: 10px; background: #EEBB22; content: '\0020';}
.wrap-phone .phone .content li:last-child { width: 25px;}
.wrap-phone .phone .content:before { width: 20px;}
.wrap-phone .phone .cover { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; transform-origin: 100% 50%;}
.wrap-phone .phone .cover:nth-child(2) { background: #fce7a7; -webkit-animation: toggle1 2s; animation: toggle1 2s; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.wrap-phone .phone .cover:nth-child(3) { background: #fedd7c; -webkit-animation: toggle2 2s; animation: toggle2 2s; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.wrap-phone .phone .cover:nth-child(4) { background: #EEBB22; -webkit-animation: toggle3 2s; animation: toggle3 2s; -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1); animation-timing-function: cubic-bezier(1, 0, 0, 1); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
@-webkit-keyframes toggle1 { 0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 1; } 50% { -webkit-transform: rotateY(102deg); -moz-transform: rotateY(102deg); transform: rotateY(102deg); z-index: 10;} 100% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 1;}}
@keyframes toggle1 { 0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 1;}50% { -webkit-transform: rotateY(102deg); -moz-transform: rotateY(102deg); transform: rotateY(102deg);  z-index: 10;}100% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 1;}}
@-webkit-keyframes toggle2 {0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 5;}50% { -webkit-transform: rotateY(120deg); -moz-transform: rotateY(120deg); transform: rotateY(120deg);  z-index: 5;}100% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 5;}}
@keyframes toggle2 {0% { -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);transform: rotateY(0deg);z-index: 5;}50% {-webkit-transform: rotateY(120deg);-moz-transform: rotateY(120deg);transform: rotateY(120deg);z-index: 5;}100% {-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);transform: rotateY(0deg);z-index: 5;}}
@-webkit-keyframes toggle3 {0% {-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);transform: rotateY(0deg);z-index: 10;}50% {-webkit-transform: rotateY(130deg);-moz-transform: rotateY(130deg);transform: rotateY(130deg);z-index: 1;}100% {-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);transform: rotateY(0deg);z-index: 10;}}
@keyframes toggle3 {0% {-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);transform: rotateY(0deg);z-index: 10;}50% {-webkit-transform: rotateY(130deg);-moz-transform: rotateY(130deg);transform: rotateY(130deg);z-index: 1;}100% {-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);transform: rotateY(0deg);z-index: 10;}}
.wrap-phone label{position:absolute; top:2px; left:70px; text-transform:uppercase;}
.wrap-phone span{font-weight:700; font-size:28px; letter-spacing:2px; position:absolute; left:70px; top:20px; color:#830000;}


.wrap-product-more{width:100%; float:left; position:relative;}
.wrap-product-more .title-more{width: 100%; float: left;  background: url(../images/section-title.png) no-repeat center bottom;  margin: 0 0 10px 0;  padding: 0 0 22px 0;  letter-spacing: 1px;  text-transform: uppercase;  font-size: 20px;  text-align: center;  font-weight: bold;}
.wrap-product-more ul.thumb_products.more{margin: 0 -15px}
.wrap-product-more ul.thumb_products.more li{padding: 15px 15px; width:100%; margin:0; position:relative;}
.wrap-product-more ul.thumb_products.more li a{overflow: hidden;background:none; min-height:112px; position:relative; padding-left:100px; text-decoration:none; box-shadow:none;}
.wrap-product-more ul.thumb_products.more li:after{width: -webkit-calc(100% - 30px); width: calc(100% - 30px); height:0; border-top:1px dashed rgba(0,0,0,.1); content:''; display:block; float:left; position:absolute; left:15px; top:0;}
.wrap-product-more ul.thumb_products.more li:first-child:after{display:none;}
.wrap-product-more ul.thumb_products.more li a:before{display:none;}
.wrap-product-more ul.thumb_products.more li a img{width:80px; position:absolute; top:0; left:0; box-shadow:  3px 3px rgba(0,0,0,.1)}
.wrap-product-more ul.thumb_products.more li a:hover img{opacity:1;}
.wrap-product-more ul.thumb_products.more li a .caption{width:100%; border:none; position:initial; text-align:left; display:block; padding:0; min-height:initial;}
.wrap-product-more ul.thumb_products.more li a .caption h3{text-align:left; background:none; color:rgba(0,0,0,.85); text-transform:none; font-size:16px; line-height:22px; text-shadow:none; padding:0;}
.wrap-product-more ul.thumb_products.more li a .more{background:none; position:initial; height:initial; opacity:1; color:rgba(0,0,0,.7); text-transform:none; text-align:left; margin:0; padding:15px 0 0 0; letter-spacing:initial;}
.wrap-product-more ul.thumb_products.more li a:hover .more{height:initial; letter-spacing:1px; padding-left:5px; color:#EEBB22}



.wrap-product-detail .col-right{padding-left:30px; position:relative;}
.wrap-product-detail .col-right:before{content:''; width:1px; height:100%; background:#e4e3df; position:absolute; top:0; left:-1px; display:block;}
.wrap-product-detail .col-left{padding-right:30px; position:relative; border-right:1px solid #e4e3df}


/* Popup */
.modalBackground{background:rgba(0,0,0,.5)}
.warp_popup_dangnhap{ z-index: 999999; }
.warp_popup_dangnhap .popupdangnhap{ width:auto; color:rgba(0,0,0,.7); margin:0px; padding: 0px; position:relative;  float:left; border-radius:2px; box-shadow: 0 1px 2px rgba(0,0,0,.3); overflow:hidden;  }
.warp_popup_dangnhap .popupdangnhap .title{float: left; font-weight: bold; color:#fff; display: block; width:100%; line-height:40px;  text-transform:uppercase; text-align:center; font-size:15px; border-bottom: 1px solid rgba(0,0,0,.1); position:relative; background:#0088c9; border-radius:2px 2px 0 0;}
.warp_popup_dangnhap .popupdangnhap .title a{text-decoration:none; width:20px; height:20px; text-align:center; line-height:18px; position:absolute; top:10px; right:10px; color:rgba(0,0,0,.7); background:rgba(0,0,0,.2) url(svg/close-white.svg) no-repeat center ; background-size: 10px auto;  border-radius:1px;padding-left:2px;   }
.warp_popup_dangnhap .popupdangnhap .popupContent{width: 100%; padding:25px 10px 25px 10px; float:left; clear:both; text-align:center; background:#fff;}
.warp_popup_dangnhap .popupdangnhap .popupContent .note{ font-size:14px; padding-bottom:15px; width:100%; float:left;}
.warp_popup_dangnhap .popupdangnhap .popupContent .button{width:100%; float:left; text-align:center;}
.warp_popup_dangnhap .popupdangnhap .popupContent .button a{display:inline-block; margin:0px 5px; height:30px; line-height:28px; padding: 0 15px; border:1px solid #0088c9; border-radius:2px; text-decoration:none; color:#0088c9; font-size:13px; transition:.3s;}
.warp_popup_dangnhap .popupdangnhap .popupContent .button a:hover{background:#0088c9; color:#fff;}

/* Table Responsive */
.tbl-cart{width:100%; margin:0; padding:0; border:none; margin-top:25px;}
.tbl-cart thead th{background:#0088c9; color:#fff; padding: 12px 5px; text-transform:uppercase; text-align:left; border-left:1px solid rgba(0,0,0,.07)}
.tbl-cart thead th:first-child{border:none; border-radius:2px 0 0 2px;}
.tbl-cart thead th:last-child{border-radius: 0 2px 2px 0;}
.tbl-cart tbody td{padding: 10px 5px; border-left:1px solid rgba(0,0,0,.07)} 

/* Cart */ 
ul.cart{margin: 10px -10px 0 -10px; padding:0; list-style:none; }
ul.cart li{padding:0 10px; position:relative; margin-top:20px; float:left;}
ul.cart li .box{width:100%; float:left; position:relative;}
ul.cart li .box .wrap-img{width:45%; position:relative; float:left; max-height:200px; overflow:hidden; border-radius:2px;}
ul.cart li .box .wrap-img img{width:100%;}
ul.cart li .box .wrap-img a{display:block; width:40px; height:40px; background:#dd4a00 url(svg/trash.svg) no-repeat center; background-size:24px auto; position:absolute; top:50%; left:50%; margin:-20px  0 0 -20px; z-index:5; border-radius:2px; font-size:0; transition:.3s;}
ul.cart li .box .wrap-img a:hover{ background:#930707 url(svg/trash.svg) no-repeat center; background-size:24px auto;}
ul.cart li .box ul{margin:0; padding:0 0 0 15px; list-style:none; display:block; width:55%; float:right;}
ul.cart li .box ul li{width:100%; float:left; position:relative; margin:0 0; padding:7px 0; border-top:1px solid rgba(0,0,0,.07)}
ul.cart li .box ul li:first-child{border:none; padding-top:0;}
ul.cart li .box ul li .no{width:26px; height:26px; margin-right:15px; background:#0088c9; color:#fff; line-height:26px; text-align:center; position:absolute; right:100%; top:0px; font-weight:bold;}
ul.cart li .box ul li h3{margin:0; padding:5px 0 0 0; color:#000; font-size:16px; font-weight:bold; line-height:20px;}
ul.cart li .box ul li label{float:left; font-weight:normal; color:rgba(0,0,0,.7); margin:0;}
ul.cart li .box ul li span{float:right; font-weight:bold; color:#000;}
ul.cart li .box ul li input[type='text']{width:40px; float:right; height:20px; text-align:right; border:1px solid rgba(0,0,0,.1); border-radius:2px; padding:0 5px; transition:.3s;}
ul.cart li .box ul li input[type='text']:focus{outline:none; border-color:#0088c9}
.wrap-cart-bottom{width:100%; float:left; margin-top:30px; padding-top:20px; border-top:1px solid rgba(0,0,0,.1)}
.wrap-cart-bottom .sum_rice{width:100%; float:left; font-size:30px; color:#0088c9;}
.wrap-cart-bottom .sum_rice label{font-size:17px; padding-top:10px; color:rgba(0,0,0,.7)}
.wrap-cart-bottom .sum_rice label:after{content:':'; padding-left:3px;}
.wrap-cart-bottom .sum_rice span{ font-weight:bold;}
.wrap-cart-bottom a{background: #0088c9; float: left; margin-top: 20px; margin-right:10px; display: block; border-radius: 1px; color: #fff; text-transform: uppercase; text-decoration: none; font-weight: bold; padding: 10px 15px; font-size: 13px; transition: .3s; box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.wrap-cart-bottom a:hover{background:#0674a9;}
.wrap-cart-bottom p{padding: 0px 0 0 65px ; min-height:50px; margin:15px 0 0 0; width:100%; float:left; background:url(svg/info-cart.svg) no-repeat 0 center; background-size:50px auto;}

/* Payment */
.col-cart-payment .wrap-cart-bottom a{width:50%; text-align:center; float:left; margin:20px 0 0 0; font-size:12px; border-right:1px solid #fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.col-cart-payment .wrap-cart-bottom a:last-child{border:none; border-left:1px solid #fff;}


/* Partner */
.wrap-partner{width:100%; float:left; position:relative; background:#fff; margin: 50px 0 -70px 0; padding: 50px 0;}
.wrap-partner .title-center{margin-bottom:0;}
ul.partner{margin: 0px -15px 0 -15px; padding:0; list-style:none;}
ul.partner li{position:relative; margin-top:30px; display:block;}
ul.partner li a{width:100%; float:left; position:relative; display:block; border:1PX solid RGBA(0,0,0,.1); transition:.3s; }
ul.partner li a:hover{border-color:#EEBB22}
ul.partner li a img{width:100%;}
ul.partner.page{margin-top:-30px;}
ul.partner.page li a{border-color:rgba(0,0,0,.05)}
ul.partner.page li a:hover{border-color:#EEBB22}
.wrap-partner a.btn-all{ width: 150px; text-shadow: 0 1px rgba(0,0,0,.1); text-decoration:none; line-height: 42px; height:40px; text-align:center; margin: 30px auto 0 auto; display:block; background: #EEBB22; color: #fff; border-radius: 1px; border: none; font-weight: bold;  text-transform: uppercase; letter-spacing: 1px;transition: .3s; box-shadow: 0 1px 1px rgba(0,0,0,.1); position:relative;}
.wrap-partner a.btn-all:before{content:''; width:calc(100% - 8px); width: -webkit(100% - 8px); height:32px; border:1px solid #fff; opacity:.5; position:absolute; top:4px; left:4px; z-index:1; transition:.3s;}
.wrap-partner a.btn-all:hover:before{width:100%; height:100%; top:0; left:0; border:none; background:rgba(0,0,0,.2)}

ul.yiiPager li {
    padding:0px 5px;
}
ul.yiiPager li a {
     box-shadow: none;

}
ul.yiiPager .selected a {
        background: #EEBB22;
      
}
ul.yiiPager a:link, ul.yiiPager a:visited {
    color: #fff;
     border: 0px;
}
.paging a:after {
     border: 0px;
}