.tienich{list-style:none;padding:0;margin:0;z-index:999;position:fixed;right:15px;bottom:310px;width:50px}.tienich li{width:50px;float:left;margin-bottom:10px}.tienich li img{height:50px;line-height:50px;}

<!--/////////NUT GOI-/////////-->
.call-cp {position:fixed}
.coccoc-alo-phone {
  position: fixed;
  visibility: hidden;
  background-color: transparent;
  width: 200px;
  height: 150px;
  cursor: pointer;
  z-index: 777 !important;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility .5s;
  right: 15px;
  bottom: 110px; }

.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;
  right: -30px;
  position: absolute;
  background-color: transparent;
  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;
  animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
  -webkit-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;
  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;
  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: #F20000;
  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;
  right: 0px;
  position: absolute;
  background-color: #000;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: .1;
  -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-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;
  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;
  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(242, 223, 0, 0.85);
  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;
  right: 20px;
  position: absolute;
  z-index: 10;
  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;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: 1;
  -webkit-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%;
  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;
  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;
  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: #f00; }

.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; }

@-webkit-keyframes coccoc-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: .1; }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: .5; }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: .1; } }

@-webkit-keyframes coccoc-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2; }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: .2; }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2; } }

@-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); } }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@-webkit-keyframes coccoc-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
            transform: rotate(0) scale(0.5) skew(1deg);
    opacity: .1; }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
            transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .5; }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
            transform: rotate(0) scale(1) skew(1deg);
    opacity: .1; } }

@keyframes coccoc-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
            transform: rotate(0) scale(0.5) skew(1deg);
    opacity: .1; }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
            transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .5; }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
            transform: rotate(0) scale(1) skew(1deg);
    opacity: .1; } }

@-webkit-keyframes coccoc-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
            transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2; }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
            transform: rotate(0) scale(1) skew(1deg);
    opacity: .2; }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
            transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2; } }

@keyframes coccoc-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
            transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2; }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
            transform: rotate(0) scale(1) skew(1deg);
    opacity: .2; }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
            transform: rotate(0) scale(0.7) skew(1deg);
    opacity: .2; } }

@-webkit-keyframes coccoc-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
            transform: rotate(0) scale(1) skew(1deg); }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
            transform: rotate(-25deg) scale(1) skew(1deg); }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
            transform: rotate(25deg) scale(1) skew(1deg); }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
            transform: rotate(-25deg) scale(1) skew(1deg); }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
            transform: rotate(25deg) scale(1) skew(1deg); }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
            transform: rotate(0) scale(1) skew(1deg); }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
            transform: rotate(0) scale(1) skew(1deg); } }

@keyframes coccoc-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
            transform: rotate(0) scale(1) skew(1deg); }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
            transform: rotate(-25deg) scale(1) skew(1deg); }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
            transform: rotate(25deg) scale(1) skew(1deg); }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
            transform: rotate(-25deg) scale(1) skew(1deg); }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
            transform: rotate(25deg) scale(1) skew(1deg); }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
            transform: rotate(0) scale(1) skew(1deg); }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
            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 {
  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;
  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-ph-img-circle-text {
  position: absolute;
  top: 75px;
  right: 45px;
  width: 150px;
  background-color: #c00;
  height: 50px;
  border-radius: 50px;
  line-height: 50px;
  padding: 0px 15px;
  color: #fff;
  z-index: 9;
  font-size: 14px;
  text-align: left;
  font-weight: 700; }
<!--/////////NUT GOI-/////////-->

<!--//////////MENU-RIGHT///////////////-->
.menu-fixed-side {
  position: fixed;
  -webkit-transform: translateX(280px);
  transform: translateX(280px);
  background-color: #fff;
  min-height: 100%;
  height: 100vh;
  z-index: 99999;
  width: 280px;
  top: 0;
  right: 0px;
  transition: all 0.2s ease-in-out;
  opacity: 1; }
  .menu-fixed-side ul {
    padding: 0;
    margin: 0;
    list-style: none; }

.menu-fixed-side.show {
  box-shadow: -1px 2px 19px -1px rgba(0, 0, 0, 0.75); }

.menu-fixed-side > ul li a {
  display: block;
  position: relative;
  padding: 10px;
  padding-left: 15px;
  color: #333;
  text-transform: capitalize;
  text-decoration: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .menu-fixed-side > ul li a span {
    position: absolute;
    right: 0px;
    display: inline-block;
    text-align: left;
    width: 60px;
    top: 0;
    bottom: 0;
    line-height: 38px; }
    .menu-fixed-side > ul li a span small {
      padding: 0px 10px;
      width: 40px;
      border: 1px solid #ddd;
      border-radius: 10px;
      font-size: 14px; }
    .menu-fixed-side > ul li a span .fa-angle-right {
      position: absolute;
      right: 10px;
      font-size: 22px;
      line-height: 36px; }

.menu-fixed-side > ul li ul {
  position: fixed;
  background-color: #fff;
  min-height: 100%;
  z-index: 9999;
  width: 280px;
  top: 0;
  right: 0px;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  -webkit-transform: translateX(280px);
  transform: translateX(280px); }
.menu-fixed-side {
  position: fixed;
  -webkit-transform: translateX(280px);
  transform: translateX(280px);
  background-color: #fff;
  min-height: 100%;
  height: 100vh;
  z-index: 99999;
  width: 280px;
  top: 0;
  right: 0px;
  transition: all 0.2s ease-in-out;
  opacity: 1; }
  .menu-fixed-side ul {
    padding: 0;
    margin: 0;
    list-style: none; }

.menu-fixed-side.show {
  box-shadow: -1px 2px 19px -1px rgba(0, 0, 0, 0.75); }

.menu-fixed-side > ul li a {
  display: block;
  position: relative;
  padding: 10px;
  padding-left: 15px;
  color: #333;
  text-transform: capitalize;
  text-decoration: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .menu-fixed-side > ul li a span {
    position: absolute;
    right: 0px;
    display: inline-block;
    text-align: left;
    width: 60px;
    top: 0;
    bottom: 0;
    line-height: 38px; }
    .menu-fixed-side > ul li a span small {
      padding: 0px 10px;
      width: 40px;
      border: 1px solid #ddd;
      border-radius: 10px;
      font-size: 14px; }
    .menu-fixed-side > ul li a span .fa-angle-right {
      position: absolute;
      right: 10px;
      font-size: 22px;
      line-height: 36px; }

.menu-fixed-side > ul li ul {
  position: fixed;
  background-color: #fff;
  min-height: 100%;
  z-index: 9999;
  width: 280px;
  top: 0;
  right: 0px;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  -webkit-transform: translateX(280px);
  transform: translateX(280px); }

.show-sb {
  -webkit-transform: translateX(0px) !important;
  transform: translateX(0px) !important; }

.list-fixed-side {
  position: fixed;
  display: flex;
  z-index: 9997;
  right: 14px;
  bottom: 240px;
  flex-direction: column; }
  .list-fixed-side a {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #ed1b24;
    color: #fff;
    border-radius: 100%;
    margin-bottom: 15px;
    position: relative; }
    .list-fixed-side a i {
      font-size: 18px; }
    .list-fixed-side a .label {
      position: absolute;
      left: 0px;
      top: 10px;
      width: 90px;
      height: 30px;
      background-color: #ed1b24;
      border-radius: 3px;
      content: "";
      line-height: 30px;
      margin-left: -95px; }
      .list-fixed-side a .label:before {
        top: 50%;
        margin-top: -5px;
        right: -5px;
        position: absolute;
        content: "";
        width: 0px;
        height: 0px;
        border-top: 5px solid transparent;
        border-left: 5px solid #ed1b24;
        border-bottom: 5px solid transparent; }
.back-menu,
.back-to-page {
  position: relative;
  display: block;
  padding: 12px 10px;
  background: #ed1b24;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase; }
  .back-menu:hover,
  .back-to-page:hover {
    cursor: pointer; }
  .back-menu i,
  .back-to-page i {
    position: absolute;
    left: 15px;
    font-size: 22px;
    line-height: 18px; }

.btn-blur {
  webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  -o-filter: blur(2px);
  -webkit-filter: blur(2px);
          filter: blur(2px); }

.show {
  -webkit-transform: translateX(0px) !important;
  transform: translateX(0px) !important; }

.header-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.53);
  z-index: 9999; }

.title-main {
  text-align: left;
  margin-bottom: 15px; }
  .title-main h1, .title-main h2, .title-main h3,
  .title-main h4, .title-main h5, .title-main h6, .title-main .tit {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 1.375rem;
    display: inline-block;
    padding: 0px 15px;
    padding-left: 20px;
    line-height: 30px;
    color: #000;
    position: relative;
    margin: 0px; }
    .title-main h1 a, .title-main h2 a, .title-main h3 a,
    .title-main h4 a, .title-main h5 a, .title-main h6 a, .title-main .tit a {
      color: #000; }
    .title-main h1:before, .title-main h2:before, .title-main h3:before,
    .title-main h4:before, .title-main h5:before, .title-main h6:before, .title-main .tit:before {
      position: absolute;
      content: "";
      left: 0px;
      top: 0px;
      background-color: #ed1b24;
      width: 5px;
      height: 30px; }

.list-service ul {
  padding: 0px 15px;
  padding-right: 0px;
  margin: 0px;
  list-style: none; }
  .list-service ul li {
    float: left; }
    .list-service ul li a {
      color: #ed1b24;
      line-height: 30px;
      padding: 0px 15px;
      text-transform: uppercase;
      font-size: 0.9375rem;
      font-weight: 400; }
      .list-service ul li a:hover {
        color: #000;
        text-decoration: none; }
    .list-service ul li:last-child a {
      color: #007bff;
      padding-right: 0px;
      text-transform: capitalize; }

.title-sidebar {
  text-align: left;
  margin-bottom: 15px; }
  .title-sidebar h1, .title-sidebar h2, .title-sidebar h3,
  .title-sidebar h4, .title-sidebar h5, .title-sidebar h6, .title-sidebar .tit {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.125rem;
    display: inline-block;
    line-height: 45px;
    position: relative;
    margin: 0px;
    color: #ed1b24;
    border-bottom: 1px solid #f4f4f4;
    display: inline-block;
    width: 100%; }
    .title-sidebar h1 a, .title-sidebar h2 a, .title-sidebar h3 a,
    .title-sidebar h4 a, .title-sidebar h5 a, .title-sidebar h6 a, .title-sidebar .tit a {
      color: #0856a7; }
 .next-page{position:relative;margin-left:0;overflow:hidden;margin-right:0;padding-top:10px;display:flex;flex-wrap:wrap;justify-content:center}.next-page li{float:left;margin:2px;line-height:3;white-space:nowrap; list-style:none;}.next-page li a{color:#00a79d;padding:7px 12px;border:1px solid #00a79d;text-decoration:none}.next-page li a:focus,.next-page li a:hover{color:#FFF;background-color:#00a79d}.btn-contact,.btn-viewall{padding:10px 30px;outline:0;font-size:1.125rem}.next-page li a:focus{font-weight:700}
 
 .item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid #EFEFEF 1px;
    border-radius: 5px;
}
.project-img{border-radius: 9px;}
.project-item{ text-align:center}