@font-face {
font-family : "'HELVETICANEUE'";
font-style : normal;
font-weight : 300;
src : url(../fonts/HELVETICANEUE.TTF) format('ttf');
}
@font-face {
{
font-family : "'HELVETICANEUEBOLD'";
font-style : normal;
font-weight : 600;
src : url(../fonts/HELVETICANEUEBOLD.TTF) format('ttf');
}
}
@font-face {
{
font-family : "'HELVETICANEUELIGHT'";
font-style : normal;
font-weight : 300;
src : url(HELVETICANEUELIGHT.TTF) format('ttf');
}
}
body, html {
margin : 0;
padding : 0;
}
body {
font-family : 'HELVETICANEUE', sans-serif;
line-height : 1.5;
font-weight : 400;
font-style : normal;
font-size : 14px;
color : #333;
background : #ffffff;
}
iframe {
width : 100%;
}
img {
max-width : 100%;
}
a, .link-color, .link-color li {
color : #0C4DA2;
transition : all 0.5s 0s ease-out;
}
.help-block {
text-align : left;
}
a:hover {
text-decoration : none;
}
h1, h2, h3, h4, h5, h6 {
font-family : 'HELVETICANEUEBOLD', sans-serif;
color : #000;
font-weight : 700;
margin-top : 0;
text-transform : capitalize;
margin-bottom : 10px;
padding-bottom : 10px;
}
h1 {
font-size : 40px;
}
h2 {
font-size : 36px;
}
h3 {
font-size : 32px;
}
h4 {
font-size : 28px;
}
h5 {
font-size : 24px;
}
h6 {
font-size : 20px;
}
p {
margin : 0 0 10px;
}
.droid {
font-family : 'HELVETICANEUE', sans-serif;
}
.clearfix {
clear : both;
}
.padding-bottom-p {
padding-bottom : 10px;
}
body .padding-top {
padding-top : 20px;
}
.list-padding {
padding-left : 20px;
}
.list li {
position : relative;
margin-bottom : 15px;
}
.list-bordered li {
border-bottom : 1px solid #959595;
padding : 10px 0;
margin : 10px 0;
}
.list-bordered li:last-child {
border : none;
padding-bottom : 0;
margin-bottom : 0;
}
.white-list li {
color : #fff;
}
.height-auto {
min-height : auto;
}
.padding-left {
padding-left : 36px;
}
.padding-right {
padding-right : 36px;
}
.pull-right {
margin-left : 15px;
}
.pull-left {
margin-right : 15px;
}
img.pull-right {
margin-top : 5px;
}
img.pull-left {
margin-top : 5px;
margin-right : 20px;
}
.border {
border : #ccc solid 1px;
}
.margin-top {
margin-top : 10px;
}
.normal-spacing {
letter-spacing : normal;
}
body .no-padding {
padding : 0;
}
body .no-padding-top {
padding-top : 0;
}
body .no-padding-bottom {
padding-bottom : 0;
}
body .no-margin {
margin : 0;
}
body .overflow-hidden {
overflow : hidden;
}
.calender-before:before {
font-family : FontAwesome;
margin-right : 5px;
}
.color-white {
color : #fff;
}
.text-bold {
font-weight : 700;
}
.dark-color {
color : #595959;
}
.white-bg {
background-color : #fff;
}
.italic-text {
font-style : italic;
}
.font-80 {
font-size : 80px;
}
.inline-block {
display : inline-block;
}
.vertical-middle {
align-items : center;
display : flex;
}
.box-icon-container {
padding : 80px;
position : relative;
float : left;
width : 100%;
}
.box-icon-container > div:nth-of-type(2n 1) {
clear : left;
}
.box-icon {
padding-left : 60px;
position : relative;
margin : 20px 0;
}
.box-icon i {
left : 0;
position : absolute;
font-size : 50px;
color : #bababa;
}
.blue-btn {
width : 100%;
padding : 15px 0;
font-size : 20px;
background-color : #0C4DA2;
color : #fff;
text-transform : uppercase;
border-radius : 2px;
border : none;
}
.blue-btn:hover, .blue-btn:active, .blue-btn:active:hover, .blue-btn.focus, .blue-btn:focus {
background-color : #0C4DA2;
color : #fff;
}
.heading-bottom {
position : relative;
margin-bottom : 16px;
}
.heading-bottom:after {
content : '';
position : absolute;
width : 50px;
height : 2px;
bottom : 0;
left : 0;
margin : auto;
background-color : #0C4DA2;
right : 0;
}
.heading-bottom:before {
content : '';
position : absolute;
width : 150px;
height : 2px;
bottom : 0;
left : 0;
margin : auto;
background-color : #e8e8e8;
right : 0;
}
.heading-full:before {
width : 100%;
}
.heading-full:after {
margin : 0;
}
.small-margin {
margin : 2px 0;
}
.font-18 {
font-size : 18px;
line-height : 1.5;
}
.font-24 {
font-size : 24px;
}
.font-40 {
font-size : 40px;
}
.even-gap {
padding : 15px;
}
.post-area:last-child {
margin-bottom : 0;
}
.post-text p:last-child {
margin-bottom : 0;
}
.normal-radius {
border-radius : 5px;
}
.arrow-list a {
color : #959595;
}
.list-pagination li {
display : inline-block;
}
.list-pagination li a, .list-pagination li.active {
padding : 10px 15px;
border-radius : 3px;
}
.list-pagination li.active {
background : #0C4DA2;
color : #fff;
}
.list-pagination li a {
border : #0C4DA2 solid 1px;
transition : all 0.3s ease;
display : block;
}
.list-pagination li a:hover {
background : #0C4DA2;
color : #fff;
}
.heading-underline {
letter-spacing : normal;
position : relative;
display : block;
}
.margin-bottom {
margin-bottom : 30px;
}
.heading-underline:after {
content : '';
position : absolute;
width : 68px;
height : 2px;
left : 0;
bottom : 0;
border-bottom : 2px solid #0C4DA2;
}
.bold {
font-weight : bold;
font-size : 30px;
}
.drop-shadow {
box-shadow : 4px 6px 6px #968d8d;
}
.span-small-border-bottom {
font-size : 28px;
line-height : 22px;
font-weight : 100;
margin-bottom : 10px;
padding-bottom : 10px;
display : block;
}
.centered:after {
right : 0;
margin : 0;
}
.width-100 {
width : 100%;
}
.padding-section {
padding : 30px 0;
}
.height-600 {
min-height : 600px;
}
.module {
position : relative;
float : left;
width : 100%;
}
.panel-group {
margin : 0;
}
.preload {
background : #e5e5e5;
position : fixed;
width : 100%;
height : 100%;
z-index : 9999999;
text-align : center;
}

.preload img {
    font-size: 100px;
    color: #fff;
    position: relative;
    margin-left: -23px;
    animation: xoom 1.5s infinite;
    top: 50%;
    display: block;
    left: 50%;

}
@keyframes xoom {
0% {
font-size : 100px;
margin-top : -35px;
}
50% {
font-size : 120px;
margin-top : -60px;
}
100% {
font-size : 100px;
margin-top : -35px;
}
}
.search-secion {
    background: rgba(12, 77, 162, 0.7);
position : fixed;
width : 100%;
height : 100%;
z-index : 9999999;
text-align : center;
display : none;
}
.search-secion .search-container {
max-width : 500px;
margin: auto;
    position: relative;
    margin-top: 0;
    top: 50px;
    font-size: 14px;
    background: #fff;
    padding: 20px;
}
.search-info img {
    margin-bottom: 15px;
}
body .no-padding img {width:100%;}
.search-secion .search-container .widget-search .form-control {
    background: #e5e5e5;
    box-shadow: none;
    border: 1px solid #ccc;
    color: #333;
    font-size: 14px;
    margin-bottom: 15px;
    padding: 7px;
    border-radius: 3px;
}
.search-info {
    display: block;
    margin-bottom: 25px;
}
.search-secion .search-container .form-control::-webkit-input-placeholder {
color : #333;
}
.search-secion .search-container .form-control::-moz-placeholder {
color : #333;
}
.search-secion .search-container .form-control:-ms-input-placeholder {
color : #333;
}
.search-secion .search-container .form-control:-moz-placeholder {
color : #333;
}
.close-search {
position : absolute;
top : 10px;
right : 10px;
}
.widget-search button {
position : absolute;
right : 0;
top : 0;
padding : 6px 10px 6px;
background-color : #0C4DA2;
border : none;
color : #fff;
}
.widget-search .form-control {
height : auto;
display : inline-block;
padding-right : 48px;
}
a.animated-button:link, a.animated-button:visited {
position : relative;
display : block;
overflow : hidden;
transition : all 1s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
content : "";
position : absolute;
height : 0%;
left : 50%;
top : 50%;
width : 150%;
z-index : -1;
transition : all 0.75s 0s ease;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
text-shadow : none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
height : 450%;
}
a.animated-button:link, a.animated-button:visited {
position : relative;
display : block;
margin : -1px;
overflow : hidden;
transition : all 1s ease;
margin-top : 25px;
}
.request a.animated-button:link, .request a.animated-button:visited {
margin-top : 0;
}
a.animated-button.button-one:after {
background : #fff;
transform : translateX(-50%) translateY(-50%) rotate(-25deg);
}
.animated-button.button-two {
max-width : 200px;
padding : 8px 15px;
border : #0C4DA2 solid 1px;
}
a.animated-button.button-two:after {
background : #0C4DA2;
transform : translateX(-50%) translateY(-50%) rotate(-25deg);
}
header .brand {
display : block;
padding : 20px 0;
}
header .navbar-default {
background-color : transparent;
border : none;
}
.navbar {
margin-bottom : 0;
min-height : 1px;
}
header .main-menu {
float : right;
list-style-type : none;
margin : 0;
text-transform : uppercase;
font-family : 'HELVETICANEUE', sans-serif;
}
header .main-menu li {
display : inline-block;
padding : 25px 15px;position:relative;
}
header .main-menu li:hover a {
border-bottom : 1px solid #0C4DA2;
}
header .main-menu li:last-of-type:hover a {
background-color : transparent;
}
header .main-menu li:hover .sub-menu a {
background-color : transparent;
}
header .main-menu .current-menu-item a, header .main-menu .current-menu-item:hover > a {
border-bottom : 1px solid #0C4DA2;
}
header .main-menu li a {
text-decoration : none;
color : #333;
padding : 4px 0;
display : block;
font-size : 18px;
position : relative;
}
.navbar-default .navbar-collapse, .navbar-default .container-fluid, .main-menu li:last-child {
padding : 0;
}
.search-form {
    position: relative;width:240px;
}
.search-form input[type="text"] {
    color: #999;
    height: 38px; background: #fff;border: 1px solid #ccc;
    padding: 6px;
    transition: all 0.5s ease-out 0s; width: 200px;float:left;
}
.search_field {
    position: absolute;
    top: 45px;
    right: 0;    z-index: 999;
}
button.submit {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #E8AA20;
    border: 1px solid #ccc;
    font-size: 18px;
    color: #0C4DA2;
    border-left: none;
}
ul.language-list {
    float: right;
    display: block;
    padding: 0;
    margin: 0;
}
.language-list li {
    line-height: 25px;
    float: left;
       padding: 25px 5px;
    display: block;
}
header.stuck .language-list li {    padding: 15px 5px;}
.main-menu li.search-button span {border:none !important;width:40px;display:block}
.submit-form {
    height: 38px;
    position: relative;
    width: 38px;float:left;
}
header.stuck .main-menu li:last-child {
    padding: 0;
}
.submit-form input[type="submit"] {
    
    
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
        top: 12px;
  
}
.opensearch:after {
    color: #0C4DA2;
    content: "\f002";
    font-family: fontawesome;
    font-size: 18px;
    text-align: center;
    width: 100%;
    line-height: 40px;
    cursor: pointer;
}
.opensearch.active:after {
content: "\f00d";}
header .main-menu .sub-menu {
display : none;
list-style-type : none;
padding : 0 15px;
background-color : #34495e;
position : absolute;
margin : auto;
top : 100px;
min-width : 250px;
z-index : 999;
}
header .main-menu .sub-menu li {
padding : 5px 0;
}
header .main-menu li:hover .sub-menu {
display : block;
}
header .main-menu .sub-menu li {
display : list-item;
text-align : justify;
position : relative;
border-bottom : 1px solid rgba(255, 255, 255, 0.4);
}
header .main-menu .sub-menu li:last-child {
border : none;
}
header .main-menu .sub-menu li a {
color : #fff;
transition : all 0.3s ease;
}
header .main-menu .sub-menu li a:before, header .main-menu .sub-menu .current-menu-item a:before {
content : '\f0da';
position : absolute;
display : none;
font : normal normal 14px/1 FontAwesome;
font-size : inherit;
left : 0;
top : 50%;
margin-top : -6px;
}
header .main-menu .sub-menu li a:hover, header .main-menu .sub-menu .current-menu-item > a {
transform : translateX(10px);
transition : all 0.3s ease;
}
header .main-menu .sub-menu li a:hover, header .main-menu .sub-menu .current-menu-item > a {
color : #0C4DA2;
}
header .main-menu .sub-menu li a:hover:before, header .main-menu .sub-menu .current-menu-item > a:before {
display : block;
}
body header .main-menu .sub-menu .sub-menu {
top : 0;
left : 100%;
width : 100%;
display : none;
}
body header .main-menu li > ul li:hover .sub-menu {
display : block;
}
body header .main-menu .sub-menu .sub-menu.left {
right : 100%;
left : initial;
}
.container {
position : relative;
}
.trangchu header#header-fix {
background : rgba(255, 255, 255, 0.8);
position : fixed;
top : 0;
left : 0;
right : 0;
z-index : 999;
}
header.stuck .brand {
padding : 10px 0;
}
header.stuck .brand img {
width : 50%;
}
header.stuck .main-menu li {
padding : 15px 15px;
}
header.stuck .main-menu .sub-menu li {
padding : 0;
}
header.stuck .main-menu .sub-menu {
top : 60px;
}
header.stuck.up {
transform : translateY(-165px);
position : fixed;
width : 100%;
background-color : #fff;
top : 0;
z-index : 999;
transition : all 1s ease;
}
header.stuck.up.stuckHeader {
transform : translateY(0);
transition : all 0.5s ease;
}
.slider {
position : relative;
}
.caption-banner {
color : #fff;
padding : 20px 0;
position : absolute;
left : 0;
width : 100%;
top : 40%;
z-index : 2;
text-align : center;
}
.caption-banner h1, .caption-banner h2, .caption-banner h3, .caption-banner h4, .caption-banner h5, .caption-banner h6 {
color : #fff;
padding-bottom : 0;
margin-bottom : 20px;
text-transform : uppercase;
}
.slider .owl-theme .owl-dots {
position : absolute;
left : 0;
right : 0;
bottom : 30px;
}
.slider .owl-theme .owl-dots .owl-dot span {
width : 16px;
height : 16px;
background : #044b4f;
margin : 0 8px;
border : none;
border-radius : 0;
}

.slider .owl-theme .owl-dots .owl-dot.active span {
background : #FFF;
}
.caption-banner h1:last-child, .caption-banner h2:last-child, .caption-banner h3:last-child, .caption-banner h4:last-child, .caption-banner h5:last-child, .caption-banner h6:last-child, .caption-banner p:last-child {
margin-bottom : 0;
}
.owl-theme .owl-nav {
position : absolute;
top : 50%;
z-index : 1;
margin-top : -40px;
width : 100%;
}
.owl-theme .owl-nav [class*="owl-"] {
margin : 0;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
background : none;
}
.owl-theme .owl-nav .owl-prev {
float : left;
border-top : 40px solid transparent;
border-bottom : 40px solid transparent;
border-right : 40px solid transparent;
border-left : 40px solid #0C4DA2;
height : 0;
padding : 0;
border-radius : 0;
background : transparent;
}
.owl-theme .owl-nav [class*="owl-"] i {
position : absolute;
left : 6px;
top : 50%;
margin-top : -7px;
}
.owl-theme .owl-nav .owl-next i {
left : initial;
right : 6px;
}
.owl-theme .owl-nav .owl-next {
float : right;
border-top : 40px solid transparent;
border-bottom : 40px solid transparent;
border-left : 40px solid transparent;
border-right : 40px solid #0C4DA2;
height : 0;
padding : 0;
border-radius : 0;
background : transparent;
}
.item-our-service {
padding : 10px;
background : #fff;
margin-bottom : 30px;
border : #ccc solid 1px;
transition : all 0.5s 0s ease-out;
}
.service-img {
margin : 10px 15px;
}
h3.post-title, h4.post-title {
text-transform : uppercase;
transition : all 0.5s 0s ease-out;
}
a.readmore {
color : #333;
border : #ccc solid 1px;
padding : 5px 20px;
border-radius : 25px;
margin-top : 15px;
display : inline-block;
}
a.readmore:hover {
background : #E8AA20;
color : #0C4DA2;
}
.item-our-service:hover {
background : #E8AA21;
}

h2.text-features {
color : #fff;
font-weight : 100;
font-family : 'HELVETICANEUELIGHT', sans-serif;
}
.light {
font-family : 'HELVETICANEUELIGHT', sans-serif;
margin : 0;
font-weight : normal;
}
.icon h6 {
font-weight : 100;
color : #fff;
font-size : 18px;
text-transform : uppercase;
}
.features .icon {
margin-top : 20px;
}
h2.larger {
font-size : 18px;
margin : 18px 0;
}
h2.larger a {
color : #000;
}
.post-img img {
width : 100%;
}
.post-main-info {
background : #F7F7F7;
padding : 10px;
}
.post-item {
position : relative;
overflow : hidden;
padding : 8px 0;
border-bottom : 1px solid #e5e5e5;
}
.border-bottom .post-item:first-child {
padding-top : 0;
}
.border-bottom .post-item:last-child {
padding-bottom : 10px;
border-bottom : none;
}
.post-thumb {
width : 120px;
height : 80px;
display : table-cell;
overflow : hidden;
}
.post-thumb img {
transition : all 0.5s 0s ease-out;
width : 100%;
height : auto;
}
.post-item:hover .post-thumb img {
transform : scale(1.15);
}
.post-info {
display : table-cell;
padding-left : 20px;
vertical-align : top;
}
.post-list-info {
color : #999;
font-size : 12px;
list-style : none;
padding : 0;
overflow : hidden;
margin-bottom : 0;
}
h2.small {
margin-bottom : 10px;
padding-bottom : 0;
font-size : 14px;
}
h4.post-title a, h2.small a {
color : #000;
}
.item-our-service:hover h4.post-title a, h2.larger:hover a, h2.small:hover a {
color : #0C4DA2;
}

.item-brand a {
display : block;
margin-bottom : 15px;
}
.team .owl-nav {
display : none;
}
.call-phone h4, .call-phone a {
color : #fff;
}
.call-phone h4 {
font-size : 24px;
font-weight : 100;
}
.call-phone ul {
list-style : none;
margin : 0;
padding : 0 80px;
}
.call-phone {
overflow : hidden;
position : relative;
color : #fff;
}
.call-phone .call-back {
display : block;
margin-top : 10px;
}
.call-phone .btn-default {
color : #000;
display : inline-block;
padding : 10px 20px;
border-radius : 20px;
}
.footer-widget {
padding : 15px 0;
}
.call-phone:after {
content : "\f0e6";
font : normal normal 70px/1 FontAwesome;
position : absolute;
left : 50%;
margin-left : -50px;
background : #0C4CA3;
border-radius : 50%;
padding : 15px;
top : 50%;
margin-top : -50px;
}
.fa-facebook-square {
color : #0B4CA3;
}
.fa-youtube-square {
color : #BF0403;
}
.fa-skype {
color : #1070EB;
}
footer.footer {
padding : 30px 0;
}
.social-links {
margin-top : 20px;
}
h4.heading2-underline {
font-size : 16px;
text-transform : uppercase;
}
.padding .fa {
padding-right : 5px;
}
.footer-copyright {
background : #0C4CA3;
padding : 10px 0;
}
.copyright {
margin : 0;
}
.list-inline-block {
margin : 0;
padding : 0;
list-style : none;
}
.menu-footer li {
border-right : 1px solid #ccc;
height : 14px;
line-height : 14px;
margin-right : 14px;
padding-right : 18px;
display : inline-block;
vertical-align : top;
}
ul.list-none {
margin : 0;
padding : 0;
list-style : none;
}
ul.list-none li {
padding : 10px 0;
display : block;
}
ul.list-none a {
color : #000;
}
.footer-copyright .color-white span {
color : #E8A920;
}
.post-img {
position : relative;
overflow : hidden;
background : #0093b8;
}
.post-main .post-img::before, .post-main .post-img::after {
position : absolute;
top : 20px;
right : 20px;
bottom : 20px;
left : 20px;
content : '';
opacity : 0;
transition : opacity 0.35s, transform 0.35s;
}
.item-service:hover .service-item-img img,.post-main:hover .post-img img {
transform : scale(1.15);
opacity : 0.5;
}
.item-service .service-item-img img,.post-main .post-img img {
transition : all 0.5s 0s ease-out;
}
.post-main .post-img::before {
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
transform : scale(0,1);
z-index : 9;
}
.post-main .post-img::after {
border-right : 1px solid #fff;
border-left : 1px solid #fff;
transform : scale(1,0);
z-index : 9;
}
.post-main:hover .post-img::before, .post-main:hover .post-img::after {
opacity : 1;
transform : scale(1);
}
.title-crumb {
position : absolute;
top : -260px;
left : 0;
text-align : center;
width : 100%;
}
.title-crumb h2 {
color : #fff;
text-transform : uppercase;
font-weight : bold;
}
.bread-crumb a {
color : #0036bf;
}
.bread-crumb {
color : #0036bf;
display : block;
clear : both;
padding-top : 15px;
line-height : 24px;
}
.text-shadow {
text-shadow : 0 0 3px #3c3232;
}
.banner-slider {
position : relative;
overflow : hidden;
}
.item-contact-logo {
margin-bottom : 55px;
padding-top : 25px;
}
.item-contact-info h3 {
font-size : 18px;
}
.contact-info-footer {
margin : 0 0 7px;
position : relative;
}
.form-contact input[type="text"] {
border : #ccc solid 1px;
height : 42px;
margin-bottom : 10px;
padding : 0 20px;
width : 100%;
color : #333;
background : #e5e5e5;
border-radius : 3px;
}
.form-contact textarea {
border : #ccc solid 1px;
margin-bottom : 10px;
width : 100%;
padding : 20px;
color : #333;
background : #e5e5e5;
border-radius : 3px;
}
.submit {
text-align : center;
}
.banner-slider img {width:100%;}
.post-text h4 {
font-size : 16px;
}
.form-contact input[type="submit"] {
border : none medium;
background : #0c4da2;
color : #fff;
height : 40px;
border-radius : 5px;
width : 110px;
transition : all 0.5s 0s ease-out;
text-transform : uppercase;
font-weight : bold;
}
.contact-map {
margin-top : 30px;
clear : both;
}
h3.title-detail {
font-size : 18px;
}
.widget {
margin-bottom : 30px;
position : relative;
float : left;
width : 100%;
}
.widget .title {
color : #0c4da2;
font-size : 24px;
}
.widget ul li a {
color : #000;
display : block;
padding : 8px 0;
}
p.line-height {
line-height : 35px;
}
.icon  h5 {
color : #000;font-weight:normal;font-size:18px;
margin-top : 20px;
}
.circle {
width : 200px;
height : 200px;
background : #fff;
border : #ccc solid 2px;
border-radius : 50%;
text-align : center;
margin : 0 auto;
cursor : pointer;
transition : all 0.5s 0s ease-out;
line-height : 200px;
}
.circle:hover {
background : #0C4DA2;
}
.icon img {
margin : 0 auto;
width : 110px;
}
.icon-2 {
width : 200px;
height : 200px;
text-align : center;
margin : 0 auto;
line-height : 200px;
}
.service-info-img .post-desc {
  
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
	 display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.item-service {
    float: left;
    margin: 35px 0;
    position: relative;
    overflow: hidden;    z-index: 9;
}
.item-service.item-odd {
    float: right;
}
.adv-thumb-link {
    display: block;
    overflow: hidden;
    position: relative;
}
.adv-thumb-link::before {
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 10px;
    right: 10px;
    content: "";
    border-top: 1px solid rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
    z-index: 1;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
.adv-thumb-link::after {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 20px;
    right: 20px;
    content: "";
    border-left: 1px solid rgba(255, 255, 255, 0.9);
    border-right: 1px solid rgba(255, 255, 255, 0.9);
    z-index: 1;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
.adv-thumb-link::after {
    opacity: 1;
}
.item-service:hover .adv-thumb-link::before, .item-service:hover .adv-thumb-link::after {
    transform: scale(1);
    -webkit-transform: scale(1);
}
.service-item-img {
    background: #e8aa20;
	    overflow: hidden;
		    position: relative;
}
.service-title {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    left: 0;
	transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
	background: rgba(0, 0, 0, 0.5);
}
.service-img img.hover {display:none;}
.service-img img {
    height: 50px;transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
.item-our-service:hover .service-img img {display:none;}
.item-our-service:hover .service-img img.hover {display:inline-block;}
.service-title a {    color: #fff;
    display: inline-block;
    padding: 15px 0;
    font-size: 18px;
    font-weight: bold;
}
.item-service:hover .service-title a {border-top:1px solid #fff; border-bottom:1px solid #fff}
.item-service:hover .service-title {background:none; top:50%; margin-top:-24px;}
.service-content {
    overflow: hidden;
    position: relative;
}
.service-content:before {
	content:"";
	background:#0c4da2;
	width:1px; height:100%;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-1px;
}
.number span {
    position: absolute;
    top: 12%;
    left: 50%;
    background: #0c4da2;
    color: #fff;
    border-radius: 50%;
    display: block;
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 35px;
    border: 1px solid #fff;
    margin-left: -18px;
    z-index: 1;
	    font-size: 24px;
    font-weight: bold;
}
.number span.number-2 {
    top: 36%;
}
.number span.number-3 {top:60%}
.number span.number-4 {    top: 86%;}
.number span:before {
    content: "";
    background: #a6a6a6;
    height: 2px;
    width: 100px;
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -1px;
    z-index: 1;
}
.number span.number-2:before, .number span.number-4:before {right: 0;left:100%;}
p.color-white.copyright.pull-left a {
    color: #fff;
}