@import url("fonts.css");
body {
     font-family: arial, tahoma, "segoe ui", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    /* min-width: 1349px;
    */
}
@font-face{
     font-family: "Roboto-Regular";
     src:url('../fonts/Roboto-Regular.ttf');
}
@font-face{
     font-family: "Roboto-Bold";
     src:url('../fonts/Roboto-Bold.ttf');
}
@font-face{
     font-family: "Roboto-Medium";
     src:url('../fonts/Roboto-Medium.ttf');
}
@font-face{
     font-family: "OpenSans-Light";
     src:url('../fonts/OpenSans-Light.ttf');
}
/* global */
.container {
}
.rel {
     position: relative 
}
.red {
     color: red 
}
.over-hide {
     overflow: hidden 
}
.blue {
     color: blue 
}
.back-to-top {
     position: fixed;
     z-index: 123;
     right: -60px;
     bottom: -60px;
     text-align: center;
     color: #EC000A !Important;
     text-decoration: none !Important;
     font-weight: bold;
     font-size: 14px;
     box-shadow: chartreuse;
}
/* menu responsive */
/* mani */
header #responsive-menu{
     position: relative;
     z-index: 1;
     width: 100%;
     max-height: 100%;
     z-index: 1234;
     top: 0;
     max-height: 420px;
     overflow-y: auto;
     -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4);
     -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4);
     box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4);
}
header #responsive-menu .title .wrap{
     clear: both;
     width: 22px;
     float: left;
     margin-top: 6px;
     margin-right: 10px;
}
header #responsive-menu .title .icon-bar{
     width: 22px;
     height: 2px;
     background: #fff;
     float: left;
     clear: both;
     margin-bottom: 3px;
}
header #responsive-menu .title{
     background: rgb(27, 127, 198);
     padding-left: 10px;
     padding: 10px;
     color: #FFF;
     font-size: 17px;
     cursor: pointer;
     cursor: hand;
     -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4);
     -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4);
     box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4);
}
header #responsive-menu .content {
}
header #responsive-menu .content ul {
     list-style: none;
     padding: 0;
     background: #F9F9F9;
}
header #responsive-menu .content > ul{
     display: none;
}
header #responsive-menu .content .toggle-menu{
     float:right;
     background: url(../img/icon-1.png) no-repeat center center;
     width: 15px;
     height: 15px;
     cursor: hand;
     cursor: pointer;
     margin-right: 7px;
     position: absolute;
     top: 7px;
     right: 0px;
     padding: 10px;
}
header #responsive-menu .content .toggle-menu.active{
     background: url(../img/icon-2.png) no-repeat center center;
}
header #responsive-menu .content ul li a{
     color: #8A8989;
     font-size: 16px;
     padding-left: 5px;
}
header #responsive-menu .content ul li{
     padding: 8px 0px;
     border-bottom: 1px solid #ccc;
     position: relative;
     cursor: hand;
     cursor: pointer;
}
header #responsive-menu .content ul li:hover{
    background:#fff
}
header #responsive-menu .content ul li ul{
    display:none
}
header #responsive-menu .content li li:first-child{
    border-top:1px solid #ccc
}
header #responsive-menu .content > ul > li ul{
     position: relative;
     top: 9px;
}
header #responsive-menu .content > ul li ul li{
    /* padding-left: 15px;
    */
    text-indent: 10px;
}
header #responsive-menu .content > ul li ul li ul li{
    text-indent:20px
}
header #responsive-menu .content > ul > li > ul > li > ul{
}
#form-search.search-menu {
     margin-top: -6px;
}
header #form-search {
     overflow: hidden;
     float: right;
     width: 210px;
     margin-top: 10px;
     position: relative;
     width: 63%;
}
#form-search.search-menu input {
     border: 1px solid rgba(204, 204, 204, 0.32);
     border-radius: 0;
     padding: 6px 4px;
     font-size: 13px;
     outline: none;
     width: 100%;
}
#form-search.search-menu button {
     font-size: 16px;
     margin-top: 7px;
     margin-right: 4px;
}
header #form-search button {
     position: absolute;
     right: 3px;
     top: 1px;
     padding: 0px 0px;
     border: 0;
     color: #121212;
     font-size: 23px;
     outline: none;
     background: none;
}
/* end */
.phantrang {
     margin-left: 15px 
}
.anim-05 {
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
.tooltip-inner {
     border-radius: 0 !important 
}
.link-transpare-border:before {
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     transition: all 0.5s ease;
     width: 100%;
     height: 100%;
     border: 5px solid rgba(255, 255, 255, 0.6);
     content: "";
     position: absolute;
     left: 0px;
     top: 0;
}
.global-title h2:after, .title-global h2:after, .global-title h2:before, .title-global h2:before {
     content: "";
     position: absolute;
     width: 37px;
     left: -35px;
     height: 44px;
     top: -1px;
     z-index: 1;
     background: url(../img/fix-title-left.png) no-repeat;
     opacity: 0;
}
#contact .global-title:after, #contact .title-global:after {
     display: none 
}
#contact .global-title h2, #contact .title-global h2 {
     background: transparent 
}
.global-title:after, .title-global:after, .global-title:before {
     content: "";
     width: 100%;
     background-color: #DCDCDC;
     height: 1px;
     bottom: 15px;
     position: absolute;
     z-index: 1;
}
.global-title h2:after, .title-global h2:after {
     background: url(../img/fix-title-right.png) no-repeat;
     left: auto;
     right: -70px;
     width: 72px;
}
.global-title h2, .title-global h2 {
     margin: 0;
     font-family: Avo_bold;
     text-align: left;
     text-transform: uppercase;
     color: #394551;
     font-size: 21px;
     float: left;
     z-index: 2;
     position: relative;
     margin-bottom: 2px;
     padding: 0;
     padding-bottom: 6px;
     background-color: #fff;
     padding-right: 10px;
}
.title-global, .global-title {
     margin-top: 16px;
     margin-bottom: 0px;
     position: relative;
}
.inner-website .global-title, .inner-website .title-global {
}
.inner-max-width img {
     max-width: 100%;
     height: auto;
     margin: auto;
}
.videoWrapper {
     position: relative;
     padding-bottom: 56.25%;
     /* 16:9 */
     padding-top: 25px;
     height: 0;
}
.videoWrapper iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/* fb rp */
#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
     width: 100% !important;
}
/* fb rp */
/* end global */
/*header */
header {
     /* top: 0; */
     /* z-index: 123; */
     /* width: 100%; */
     /* background: white; */
}
header .wrap-top {
     padding: 0px 0 
}
header #lang-bar {
     text-align: right;
     margin-bottom: 5px;
     margin-top: 15%;
}
header .hotline-social {
     color: #B3ADAD;
}
header #form-xsearch {
     padding: 5px;
     position: relative;
}
header #form-xsearch input {
     padding: 5px 3px;
     background-color: #2A2322;
     outline: none;
     border: 1px solid rgba(0, 0, 0, 0.4);
     border-radius: 5px;
     width: 98%;
     text-indent: 10px;
     color: #fff;
     margin: 0 1%;
}
header #form-xsearch button {
     position: absolute;
     right: 0;
     background-color: transparent;
     border: 0;
     color: #E25922;
     font-size: 17px;
     top: 10px;
     right: 9px;
}
header .hotline-social span {
     font-size: 21px;
     line-height: 26px;
     margin-right: 12px;
     position: relative;
     top: 2px;
}
header .hotline-social span i {
     font-size: 16px;
}
header #social-air {
    /* position: absolute;
    */
    /* top: 10px;
    */
    /* right: 0;
    */
}
header .banner img {
    /* margin:auto */
    float: left;
}
header .banner {
}
header .top-header {
     /* background: #000000; */
     /* padding: 1px 0; */
     /* position: relative; */
     /* padding: 5px 0; */
     /* color: #fff; */
     /* font-size: 12px; */
}
header .top-header .wrap-top {
     display: table;
     width: 100%;
}
header .top-header .wrap-top div {
     display: table-cell 
}
header .top-header .wrap-top div.email {
     background: url(../img/email.png) no-repeat left 0;
     padding-left: 23px;
}
header .top-header .wrap-top div.phone {
     background: url(../img/phone.png) no-repeat left 0;
     padding-left: 23px;
}
header .top-header div.tel {
     background: url(../img/tel.png) no-repeat left 0;
     padding-left: 23px;
}
header #social-air {
     text-align: center;
}
header #social-air div:hover {
     background-position: 0 100% !Important 
}
header nav {
     z-index: 12;
     width: 100%;
     position: relative;
     background-color: #ececec;
}
ul#main-nav .logo {
     padding-top: 4px;
     padding-bottom: 4px;
}
ul#main-nav {
     list-style: none;
     padding: 0;
     margin-bottom: 0;
     position: relative;
     margin-top: 0;
     z-index: 2;
     display: table;
     width: 100%;
     float: left;
     margin-top: 3%;
}
ul#main-nav li.last {
     min-width: 142px;
     max-height: 20px;
     position: relative;
     max-width: 203px;
     padding: 0;
     margin: 0;
     display: block;
     float: right;
}
ul#main-nav li.last form {
     margin: 0;
     padding: 0;
     background-color: red;
     top: 8px;
     position: absolute;
}
ul#main-nav li.last form input {
     width: 100%;
}
ul#main-nav li.last form button {
     position: absolute;
     right: 0;
}
ul#main-nav li.last form button i {
}
ul#main-nav > li:hover > div > a, ul#main-nav li.active > div >a {
     color: #fff;
}
ul#main-nav > li:hover, ul#main-nav li.active {
}
ul#main-nav > li {
     position: relative;
     z-index: 1;
     overflow: hidden;
     text-align: center;
     display: table-cell;
     padding: 0;
     padding: 0;
     margin: 0;
}
ul#main-nav > li:after, ul#main-nav > li:before {
     content: "";
     right: 0px;
     bottom: 0px;
     position: absolute;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
ul#main-nav > li.last:after, ul#main-nav > li.last:before {
     display: none 
}
ul#main-nav > li:after {
}
ul#main-nav > li:hover:after, ul#main-nav > li:hover:before, ul#main-nav > li.active:after, ul#main-nav > li.active:before {
}
ul#main-nav li {
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
/* icon */
ul#main-nav li a:hover {
}
header select#navigator {
     margin: 10px auto;
     max-width: 400px;
     border-radius: 0;
     text-align: center;
     font-size: 14px;
}
header #form-search-v2 {
     position: absolute;
     top: 8px;
     right: 10px;
}
header #form-search-v2 form {
}
header #form-search-v2 form input {
     padding: 3px;
     border: 1px solid transparent;
     background: rgb(51, 51, 51);
     border: 0;
     padding: 5px 8px;
     background: #333333;
     color: #fff;
     border-radius: 14px;
     width: 210px;
     padding-right: 20px;
     outline: none;
}
header #form-search-v2 form button {
     position: absolute;
     background: transparent;
     border: 0;
     color: #fff;
     top: 6px;
     right: 4px;
     outline: none;
}
ul#main-nav a {
     font-family: "Roboto-Regular";
}
ul#main-nav > li a {
     color: #272222;
     font-size: 15px;
     position: relative;
     /* top: 2px;
     */
     font-weight: normal;
     padding: 5px 0px;
     float: left;
     width: 100%;
     text-transform: uppercase;
}
ul#main-nav li:hover > a {
}
ul#main-nav > li a:hover, ul#main-nav > li.active > a {
     text-decoration: none;
     color: #029a39;
     border: 1px solid #00a53c;
     border-radius: 20px;
}
ul#main-nav > li ul {
     list-style: none;
     padding: 0;
     position: absolute;
     top: 100%;
     width: 1000px;
     left: 0;
     max-width: 300px;
     z-index: 2;
    /* opacity: 0;
    */
    text-align: left;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
ul#main-nav > li ul ul {
     left: 100%;
     top: 0;
}
ul#main-nav > li ul li {
     padding: 10px 5px;
     min-width: 250px;
     position: relative;
     /* background: url(../img/nav-bg.jpg);
     */
     background-color: rgb(0, 165, 60);
     border-bottom: 1px solid rgba(0, 106, 165, 0.11);
}
ul#main-nav > li ul li a {
     line-height: 16px;
     padding-left: 5px;
     text-transform: inherit;
     color: #F5F5F5;
     padding: 5px !important;
     font-size: 15px;
     float: none;
}
ul#main-nav > li ul li a:hover{color:yellow;}
ul#main-nav > li:hover > ul {
     display: block !important;
     opacity: 1;
}
ul#main-nav li:hover > ul {
     display: block !important;
}
ul#menu-member .dropdown-menu li {
     float: none;
     padding: 2px 0;
}
ul#menu-member .dropdown-menu li a {
     color: #111;
     font-size: 17px;
}
header nav ul #form-search {
     position: absolute;
     top: 2px;
     right: 6px;
}
header nav ul #form-search input {
     border-radius: 0;
     border: 0;
     padding: 2px 8px;
     border-radius: 5px;
     border: 1px solid rgba(0, 0, 0, 0.17);
     background: none;
     color: #FFF;
     width: 240px;
     height: 28px;
     padding-right: 20px;
     outline: none;
     -webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
     -moz-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
     box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.24);
     background-color: rgba(255, 255, 255, 0);
}
header nav ul #form-search button {
     position: absolute;
     background: transparent;
     border: 0;
     color: #127EB3;
     top: 3px;
     right: 7px;
     outline: none;
     text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.29);
     font-size: 19px;
}
ul#menu-member {
     list-style: none;
     padding: 0;
     margin: 0;
}
ul#menu-member li:first-child:after {
     content: "";
     position: absolute;
     width: 1px;
     height: 12px;
     right: 0;
     background: rgba(255, 255, 255, 0.71);
     top: 17px;
}
ul#menu-member li.cart {
     padding: 8px;
}
ul#menu-member li.cart img {
     margin-right: 5px;
}
ul#menu-member li.cart span {
     color: rgb(254, 241, 0);
}
ul#menu-member li {
     float: left;
     padding: 12px 9px;
     position: relative;
}
ul#menu-member li a {
     color: #fff;
     text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}
.brand-inner {
}
.brand-inner ul {
     list-style: none;
     margin: 0;
     padding: 0;
     margin-top: 15px;
}
.brand-inner ul li {
     background: url(../img/dot-pink.png) no-repeat 0px 14px;
     padding: 5px 0;
     padding-left: 19px;
     border-bottom: 1px dashed rgb(2, 130, 37);
     margin: 9px 0;
}
.brand-inner ul li a {
     font-size: 17px;
     color: #222;
}
#page-wrapper {
     position: relative;
     z-index: 23;
     background-color: #fff;
     /* margin-bottom: 10px;
     */
     padding-top: 20px;
}
table#giohang input {
     margin: 5px 0px;
     font-size: 19px;
}
table#giohang input.btn, .xbtn {
     background: #075992;
     color: #ffffff;
     padding: 3px 10px;
     border: none;
     margin: 5px 3px;
     border-radius: 0;
     padding: 7px 15px;
     background: #000000;
     line-height: 15px;
     text-transform: uppercase;
     font-size: 12px;
     position: relative;
}
.source-cart {
     background: url(../img/shop-cart.png) no-repeat;
     width: 50px;
     height: 50px;
     background-size: 50px;
     position: absolute;
     right: 20px;
     top: 30px;
     position: fixed;
}
.source-cart a {
     font-size: 15px;
     background: black;
     border-radius: 50%;
     width: 20px;
     height: 20px;
     float: left;
     position: relative;
     left: 37px;
     text-align: center;
     color: #fff;
     font-weight: bold;
}
h3.all-cart-price {
     margin-left: 10px;
     font-size: 27px;
     color: rgb(192, 39, 49);
}
#social-air a {
     position: relative;
     width: 100%;
     height: 100%;
     margin: 0px 3px;
     text-align: center;
}
#bottom-page-wrapper {
     background: #FFD63E url(../img/sm-footer.jpg) no-repeat top center;
     padding: 20px 0;
}
#bottom-page-wrapper .box .inner-box {
}
#bottom-page-wrapper .box .inner-box .title {
     font-size: 20px;
     font-weight: bold;
     color: red;
     text-align: center;
}
#bottom-page-wrapper .video-wrap .box .inner-box .content {
     width: 82%;
     margin: auto;
     margin-top: 20px;
}
#video-controls {
     border-radius: 0;
     border: 1px solid rgb(255, 220, 84);
     margin-top: -1px;
}
#bottom-page-wrapper .box .inner-box .content {
}
#bottom-page-wrapper .box {
     background: url(../img/bg-box.png)no-repeat;
     width: 576px;
     height: 478px;
     padding: 0px 25px;
     padding-top: 40px;
}
footer {
     padding-bottom: 0;
     color: #000000;
     position: relative;
     background: url(../img/bg_footer.png) no-repeat;
     min-height: 360px;
     background-size: cover;
}
footer .social {
     margin: 10px 0 
}
footer .social a {
     margin-right: 14px;
}
footer .title-global.center {
     text-align: center;
     margin-bottom: 30px;
}
footer .title-global.center h2 {
     text-align: center;
     z-index: 123;
     float: none;
}
footer .menu-bottom {
     margin-bottom: 5px;
}
footer .menu-bottom ul {
     padding: 0;
     list-style: none;
     margin: 0;
}
footer .content-footer {
     padding-top: 15px;
}
footer .menu-bottom ul li a {
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     transition: all 0.5s ease;
     color: #fff 
}
footer .menu-bottom ul li a:hover {
     text-decoration: none;
     color: #77C4F9 
}
footer .menu-bottom ul li:after {
     position: absolute;
     content: "";
     background-color: #fff;
     width: 1px;
     height: 10px;
     right: 0;
     top: 9px;
}
footer .menu-bottom ul > li:first-child {
     padding-left: 0 
}
footer .menu-bottom ul li:last-child:after {
     display: none 
}
footer .menu-bottom ul li {
     float: left;
     position: relative;
     padding: 0px 10px;
}
footer .title {
     color: #00a53c;
     font-weight: bold;
     margin-bottom: 20px;
     text-transform: uppercase;
     font-size: 15px;
     font-family: "Roboto-Bold";
     background: url(../img/title-footer.png) no-repeat left bottom;
     padding-bottom: 10px;
}
footer .content.visit {
     color: #fff;
}
footer .content.visit ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
footer .content.visit ul li img {
     margin-right: 6px;
}
footer .content.visit ul li {
}
.copyright {
     padding: 20px 0;
     color: #fff;
     font-size: 13px;
     background: #00a53c;
     font-family: "Roboto-Regular";
}
footer #top-footer {
     background: url(../img/top-footer.jpg);
     padding: 40px 0;
     position: relative;
}
footer #top-footer:after {
     content: "";
     position: absolute;
     left: 0;
     bottom: -10px;
     width: 100%;
     height: 13px;
     background: url(../img/top-footer-bg.png) repeat-x;
}
footer #top-footer .support-item {
     margin: 0;
     padding: 0;
     list-style: none;
}
footer #top-footer .support-item li {
     padding-left: 21px;
     background: url(../img/people.png) no-repeat 0px 5px;
     text-transform: capitalize;
}
footer #top-footer .support-item li .sp-item {
     color: #fff;
}
footer #top-footer .support-item li .sp-item .name {
     float: left;
     width: 85px;
     position: relative;
     top: 0px;
}
footer #top-footer .support-item li .sp-item .yahoo {
     float: left;
}
footer #top-footer .support-item li .sp-item .skype {
     float: left;
     margin: 0px 10px;
}
footer #top-footer .support-item li .sp-item .phone {
     float: left;
     color: red;
     font-weight: bold;
}
footer #top-footer #form-sub {
     margin-top: 6px;
     float: left;
     width: 100%;
     position: relative;
}
footer #top-footer #form-sub input {
     width: 100%;
     padding: 6px 10px;
     border: 1px solid #ccc;
     padding-right: 112px;
}
footer #top-footer #form-sub button {
     background-color: #00A2ED;
     border: 0;
     padding: 7px 20px;
     color: #fff;
     text-transform: uppercase;
     font-family: Verdana;
     position: absolute;
     top: 0px;
     right: 0;
}
footer #content-footer {padding-top: 2%;padding-bottom: 3%;}
footer #content-footer ul {
     width: 100%;
}
.video-wrapper iframe {
     width: 100% !Important;
     left: 0;
     right: 0;
     position: absolute;
     height: 100% !important;
     border: 0;
}
.video-wrapper {
     position: relative;
     padding-bottom: 37.55%;
     height: 0;
}
.map-contact {
     border: 1px solid rgba(204, 204, 204, 0.31);
     margin-bottom: 4px;
}
.video-wrapper.mini {
     padding-bottom: 40%;
}
.xbanner {
     position: fixed;
     top: 0;
     background: url(../img/header-bg.jpg) no-repeat top center;
     z-index: 2;
}
.gn-menu-wrapper li {
     text-indent: 10px 
}
.gn-menu-wrapper li ul {
     padding-left: 32px;
}
/* notify me */
.alert-box-container {
     position: fixed;
     bottom: 10px;
     color: #fff;
     z-index: 1234;
     right: 10px;
}
.alert-box {
     padding: 19px 15px;
     color: #fefefe;
     position: relative;
     font: 14px/20px Museo300Regular, Helvetica, Arial, sans-serif;
     margin-top: 5px;
}
.alert-box .msg {
     padding: 0 20px 0 40px;
}
.alert-box p {
     margin: 0;
}
.alert-box .toggle-alert {
     position: absolute;
     top: 7px;
     right: 10px;
     display: block;
     text-indent: -10000px;
     width: 20px;
     height: 20px;
     border-radius: 10px;
     -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
     -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
     box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
     background: rgba(0, 0, 0, 0.08) url(../img/alert.png) no-repeat 6px 6px;
}
.info-box {
     background: #2fa9f6 url(../img/info.png) no-repeat 14px 14px;
}
.success-box {
     background: #7EB62E url(../img/success.png) no-repeat 14px 14px;
}
.error-box {
     background: #f64b2f url(../img/error.png) no-repeat 14px 14px;
}
.notice-box {
     background: #f6ca2f url(../img/notice.png) no-repeat 14px 14px;
}
.download-box {
     background: #a555ca url(../img/download.png) no-repeat 14px 14px;
}

.zoomContainer {
     z-index: 123 
}
.nav-request {
     background-color: #3B8AB9;
     margin-top: 5px !Important;
     -webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.5);
     -moz-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.5);
     box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.5);
}
.nav-request li {
     padding: 15px 6px !important;
     text-align: center;
}
.nav-request li.active a {
     color: #111 !Important;
}
.nav-request li.active a:hover {
}
.nav-request li.active {
     background-color: #fff;
}
.nav-request li a p {
     margin-bottom: 0;
}
.nav-request li a .number {
     font-size: 13px;
     text-transform: capitalize;
     font-weight: normal;
     text-align: center;
}
.nav-request li a {
     text-shadow: none !Important;
}
.from.question {
     display: none;
     margin-top: 10px;
}
.header-question {
     font-size: 20px;
     color: #999;
     font-style: italic;
}
.inbox-question .info {
     border-bottom: 1px solid #ccc;
     margin-bottom: 5px;
     padding-bottom: 0px;
}
.inbox-question {
     border-top: 1px solid #ccc;
     margin-top: 10px;
     padding: 10px 0;
}
.inbox-question .item-question {
     margin-bottom: 10px;
}
.inbox-question .item-question .q:hover {
     background: #EEFFDA url(../img/question_a.png) no-repeat 9px 6px;
}
.inbox-question .item-question .q {
     background: #E3ECD2 url(../img/question.png) no-repeat 9px 6px;
     padding: 6px;
     padding-left: 60px;
     border-top: 3px solid #CFDEB2;
     cursor: hand;
     cursor: pointer;
}
.inbox-question .item-question .a {
     background: #e9e5d4;
     padding: 0 10px;
     display: none;
     border-bottom: 10px solid #e9e5d4;
     margin: 10px 0;
     padding: 10px;
}
.fb-page, .fb-page span, .fb-page span iframe[style] {
     width: 100% !important;
}
ul#light-gallery {
     list-style: none;
     padding: 0;
     margin: 0;
}
ul#light-gallery li .inner {
     padding: 3px;
     -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2);
     -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2);
     box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2);
}
.grid-item {
     margin-bottom: 16px;
}
.col-8 {
     padding-left: 8px;
     padding-right: 8px 
}
.row-8 {
     margin-left: -8px;
     margin-right: -8px;
}

.service-home .owl-prev {
     width: 32px !important;
     height: 32px !important;
     background: url(../img/next.png) no-repeat !important;
     position: absolute;
     top: calc(50% - 27px) !important;
     left: 21px !important;
}
.service-home .owl-next {
     width: 32px !important;
     height: 32px !important;
     background: url(../img/prev.png) no-repeat !important;
     position: absolute;
     top: calc(50% - 27px) !important;
     right: 1154px !important;
}
.news-top{
     padding-top: 3%;
     padding-bottom: 7%;
     background: #ececec;
}
.title-news{
     text-align: center;
     margin-bottom: 30px;
     background: url(../img/title-index.png) no-repeat center bottom;
     padding-bottom: 20px
}
.title-news h2{
     color:#333333;
     margin: 0;
     text-transform: uppercase;
     font-family: "Roboto-Bold";
     font-size: 36px;

}
.name-news-works{
     text-align: center;
     margin: 10px 0 20px 0;

}
.name-news-works a{
     font-family: "Roboto-Medium";
     color:#00a53c;
     font-size: 20px;
     text-transform: uppercase;
} 
.desc-news-works{
     line-height: 25px;
     font-family: "Roboto-Regular";
     color:#333;
     font-size: 14px;
     margin-top: 20px;
}
footer .item-ft{
     margin-bottom: 10px;
     background: url(../img/icon2.png) no-repeat center left;
     padding-left: 20px;
}
footer .item-ft a{
     color:#2e2c2c;
     font-family: "OpenSans-Light";
     font-size: 15px;

}
footer .item-ft a:hover{text-decoration: none}
footer .title-ft{
     margin-bottom: 15px;
}
footer .title-ft a{
     font-size: 15px;
     color:#000;
     font-family: "Roboto-Regular";
}
footer .title-ft.address{
     padding-left: 25px;
     background: url(../img/icon3.png) no-repeat center left;
 
}
footer .title-ft.phone{
     padding-left: 25px;
     background: url(../img/icon4.png) no-repeat center left;
  
}
footer .title-ft.email{
     padding-left: 25px;
     background: url(../img/icon5.png) no-repeat center left;

}
footer .title-ft.fax{
     padding-left: 25px;
     background: url(../img/icon6.png) no-repeat center left;
   
}
.copyright .thongke .s1{
     margin-right: 9%;
     background: url(../img/s1.png) no-repeat center left;
     padding-left: 30px;
}
.copyright .thongke .s2{
     background: url(../img/s2.png) no-repeat center left;
     padding-left: 40px;
}
.section-product{
     padding-top: 10px;
     padding-bottom: 10px;
     /* background: #ececec; */
}
.item-product-index{
     position: relative;
     overflow: hidden;
}
.item-product-index .img-product img{
     width: 100%
}
.item-product-index  .hover-tool {
     opacity: 1;
     /* width: 100%; */
     /* height: 100%; */
     /* background: #00000085; */
     /* top: 0; */
     /* position: absolute; */
     /* transition:  2s; */
     -moz-transition:  2s;
     /* -webkit-transition:  2s; */
     -o-transition:  2s;
     margin: 10px 0;
}
.item-product-index  .hover-tool .name-product{text-align: center;background: url(../img/title-r.png) no-repeat center bottom;/* padding-bottom: 10px; *//* position: absolute; *//* top: 50%; *//* width: 100%; */}
.item-product-index  .name-product a{
     color:#00a53c;
     text-transform: uppercase;
     font-family: "Roboto-Bold";
     font-size: 16px;


}
.item-product-index  .name-product a:hover{text-decoration: none}
.item-product-index:hover .hover-tool{
     opacity: 1;
     transition:  2s;
     -moz-transition:  2s;
     -webkit-transition:  2s;
     -o-transition:  2s;
}
.title-dt{
     text-align: center;
     margin-bottom: 30px;
     background: url(../img/title-dt.png) no-repeat center bottom;
     padding-bottom: 15px;
}
.title-dt h2{
     color:#fff;
     margin: 0;
     font-size: 36px;
     text-transform: uppercase;
     font-family: "Roboto-Bold";
}
#wrap-logo{
     
     padding-top: 30px;
     padding-bottom: 20px;
}
.zalo {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 789;
}
.toolbar {
    background: #d71010;
    width: 100%;
    padding: 5px;
    bottom: 0px;
    position: fixed;
    z-index: 500;
    height: auto;
    left: 0px;
}
.toolbar ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
    margin: 0;
}
.toolbar ul li {
    text-align: center;
    width: 25%;
    list-style: none;
}
.toolbar ul li a {
    display: block;
    width: 100%;
    cursor: pointer;
}
.toolbar ul li a .text-social {
    font-weight: 400;
    color: #fff;
    font-size: 2.5vw;
}
.toolbar ul li a img {
    height: 6vw;
    width: auto;
    margin: 0 auto;
}
.coccoc-alo-phone{position:fixed;visibility:hidden;background-color:transparent;width:200px;height:200px;cursor:pointer;z-index:200000 !important;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s;left:-35px;bottom:200px}.coccoc-alo-phone.coccoc-alo-show{visibility:visible}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}.coccoc-alo-phone.coccoc-alo-static{opacity:.6}.coccoc-alo-phone.coccoc-alo-hover,.coccoc-alo-phone:hover{opacity:1}.coccoc-alo-ph-circle{width:160px;height:160px;top:20px;left:20px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);border:2px solid #bfebfc 9;opacity:.1;-webkit-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-o-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle{-webkit-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle{-webkit-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone:hover .coccoc-alo-ph-circle{border-color:#00aff2;opacity:.5}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle{border-color:#75eb50;border-color:#baf5a7 9;opacity:.5}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle{border-color:#00aff2;border-color:#bfebfc 9;opacity:.5}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle{border-color:#ccc;opacity:.5}.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle{border-color:#75eb50;opacity:.5}.coccoc-alo-ph-circle-fill{width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle-fill{-webkit-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle-fill{-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;opacity:0 !important}.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#00aff2 9;opacity:.75 !important}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);background-color:#baf5a7 9;opacity:.75 !important}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#a6e3fa 9;opacity:.75 !important}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle-fill{background-color:rgba(204,204,204,0.5);background-color:#ccc 9;opacity:.75 !important}.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75 !important}.coccoc-alo-ph-img-circle{width:60px;height:60px;top:70px;left:70px;position:absolute;background:rgba(30,30,30,0.1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==") no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone:hover .coccoc-alo-ph-img-circle{background-color:#00aff2}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle{background-color:#75eb50;background-color:#75eb50 9}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle{background-color: #00a53c;background-color:#00aff2 9;}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-img-circle{background-color:#ccc}.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-img-circle{background-color:#75eb50}@-moz-keyframes coccoc-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes coccoc-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes coccoc-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes coccoc-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes coccoc-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes coccoc-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes coccoc-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes coccoc-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-o-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-moz-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-o-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-webkit-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-o-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}#coccoc-alo-wrapper{position:fixed;width:100%;bottom:0;top:0;left:0;z-index:2000000;overflow:visible;display:none;color:#383838}#coccoc-alo-wrapper.night-mode{color:#fff}.coccoc-alo-popup-close{-webkit-border-radius:2px !important;-moz-border-radius:2px !important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:absolute !important;right:-15px !important;top:-15px !important;height:30px !important;width:30px !important;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=");background-position:center center;background-repeat:no-repeat;cursor:pointer !important;-webkit-transition:.3s ease-out !important;-moz-transition:.3s ease-out !important;-o-transition:.3s ease-out !important;transition:.3s ease-out !important}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup-close{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC")}#coccoc-alo-wrapper .coccoc-alo-popup-close:hover{opacity:.6 !important}.coccoc-alo-popup{display:inline-block;position:relative;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=");-webkit-transition:.6s ease-out;-moz-transition:.6s ease-out;-o-transition:.6s ease-out;transition:.6s ease-out;margin:0 auto;z-index:200001;text-align:center;padding:60px 75px}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=")}#coccoc-alo-wrapper .coccoc-alo-overlay{position:fixed;width:100%;height:100%;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=");top:0;left:0;z-index:200000}.coccoc-alo-popup h3{font-size:24px;margin:0 0 40px;font-family:'Open Sans';font-weight:300;white-space:nowrap}.night-mode .coccoc-alo-popup h3{font-size:23px}.night-mode .coccoc-alo-message{padding-bottom:0}.coccoc-alo-message{height:32px;padding:18px 0 13px 0;text-align:center;clear:both;font-size:14px}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label,#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label + .input{float:left;width:49%}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .input{padding:0 13px}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper label{color:#616161;font-size:18px;height:28px;line-height:28px;padding-right:15px}.coccoc-alo-number{color:#00bed5;font-size:28px;font-family:Montserrat,"Lucida Console",Monaco,monospace,sans-serif;font-weight:normal;background-color:transparent;border:none;border-width:0;display:inline-block;border-bottom:#00bed5 solid 1px;padding-bottom:10px;margin:0 auto;width:221px}coccoc-alo-number::-ms-clear{display:none;width:0;height:0}.night-mode .coccoc-alo-number{border:#00bed5 solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:13px 31px}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"].valid-invalid{color:#ff496b}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]:focus{outline:0}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit{border:none;border-width:0;padding:20px 40px;background-color:#333;-webkit-border-radius:68px;-moz-border-radius:68px;-webkit-border-radius:68px;-moz-border-radius:68px;border-radius:68px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:20px;color:#fff;cursor:pointer;outline:none !important}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-submit{background-color:#00bed5}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitavtive,#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitvisited{outline:none !important}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit-moz-focus-inner{border:0}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit:hover{background-color:#00aff2;background-color:#00aff2}.coccoc-alo-blur{-webkit-filter:blur(3px);-ms-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);filter:blur(3px);filter:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur")}#coccoc-countdown{padding-top:20px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:28px;font-weight:300}.coccoc-alo-request-time{font-family:"Open Sans",Arial,Helvetica,sans-serif;padding:6px 12px;font-size:18px;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}#coccoc-alo-wrapper.night-mode .coccoc-alo-request-time{color:#fff;background-color:#515350;border:1px solid #606260}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup h3{margin-bottom:15px}#coccoc-alo-wrapper.night-mode .coccoc-alo-form .coccoc-alo-select-wrapper{margin-bottom:35px}.coccoc-alo-table{display:table;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0}.coccoc-alo-cell{display:table-cell;vertical-align:middle;text-align:center}.valid-invalid-message{font-size:13px;color:#ff496b}.valid-invalid-message:before{content:"* "}
.works-top{
     padding-top: 4%;
     padding-bottom: 3%;
     min-height: 470px;
}
.content-works{
     position: relative;
     margin-top: 4%;
}
.content-works:before{
     content: "";
     background: #ececec;
     width: 100%;
     height: 1px;
     position: absolute;
     bottom: -85px;
     left: auto;
}
.item-works,.item-works-mobile{
    width: 150px;
    height: 150px;
    background: #00a53c;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}
.name-works{
     padding: 40% 0 0 0;
}
.name-works a{
     color:#fff;
     font-family: "Roboto-Bold";
     text-transform: uppercase;
     font-size: 16px; 
}
.name-works a:hover{
     text-decoration: none
}
.item-works{
     position: relative;
}
.item-works:hover:after{
     position: absolute;
     content:"";
     height: 85px;
     width: 1px;
     background: #ececec;
     bottom: -59%;
}
.item-works:hover{
     background: transparent;
     border:2px solid #ececec;
}
.item-works.active{
     background: transparent;
     border: 2px solid #ececec;
}
.item-works.active:after{
     position: absolute;
     content:"";
     height: 85px;
     width: 1px;
     background: #ececec;
     bottom: -59%;
}

.item-works.active:hover:after{
     position: absolute;
     content:"";
     height: 85px;
     width: 1px;
     background: #ececec;
     bottom: -59%;
}
.desc-works{
     display: none}
     .desc-works.active{
          color: #fff;
          text-align: center;
          font-size: 16px;
          font-family: "Roboto-Regular";
          display: block;
          position: absolute;
          bottom: -84%;
          width: 100%;
     }
     .desc-works-mobile{
          color: #fff;
          text-align: center;
          font-size: 16px;
          font-family: "Roboto-Regular";
          margin-top: 10px

     }
     header nav.fixed{
          position: fixed;
          top: 0
     }
     .desc-news-index{
          color:#333;
          font-family: "Roboto-Regular";
          line-height: 25px;
     }
     .map-contact iframe{width: 100%}
     article.article-portfolio {
      margin-bottom: 20px;
 }
 .posts-archive .box-archive, .box-article {
      padding: 6px;
      transition: all linear 240ms;
      position: relative;
      border: 1px solid transparent;
      overflow: hidden;
 }


 .box-content h3.title, .portfolio-item h3.title {
      height: 40px;
      line-height: 20px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      font-family: "Roboto-Regular";
      -webkit-line-clamp: 2;
      overflow: hidden;
      margin: 0px;
      font-size: 15px;
      color: #000;
 }
 .posts-archive .col-archive:hover .box-archive, .article-portfolio:hover .box-article {
      box-shadow: 0px 15px 80px -30px rgba(0, 0, 0, 0.6);
      transform: translate3d(0px, -1px, 800px) perspective(200px);
 }
 .posts-archive .col-archive:hover svg, .posts-archive .col-archive:hover svg rect, .article-portfolio:hover svg, .article-portfolio:hover svg rect {
      stroke: #f37121;
      stroke-width: 2px;
      animation: animate 3s linear infinite;
      stroke-dasharray: 100%;
 }
 .col-archive svg, .col-archive svg rect, .article-portfolio svg, .article-portfolio svg rect {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      fill: transparent;
      overflow: hidden;
 }
 .box-content{margin-top: 15px;}
 @keyframes animate {
      0% {
       stroke-dashoffset: 200%;
       stroke-opacity: .8
  }
  100% {
       stroke-dashoffset: 0%;
       stroke-opacity: 0
  }
}
.box-article a:hover{text-decoration: none}
#iview{list-style:none;padding:0;margin:0}
.map-footer{position:relative;padding-bottom:30%;}
.map-footer iframe{width:100%;height:100%;position:absolute;top:0;left:0}