body ,html {
text-rendering: optimizeSpeed;
-webkit-font-smoothing: antialiased;
} 
a {
text-decoration:none	!important;
}
.text-shadow {
text-shadow: 0 1px 2px rgba(0,0,0,0.7);
} .fusion-sticky-menu > ul > li > a {
font-weight: 500;
}
.fusion-header-wrapper:not(.fusion-is-sticky) .fusion-main-menu > ul > li > a.fusion-flex-link{
line-height: 60px !important; 
}	
.fusion-main-menu > ul > li > a{
display: inline-block !important;
color: #ffffff;
font-weight: 500;
}
.fusion-main-menu > ul > li > a:hover{
text-shadow: #fff 0 0 3px, #fff 0 0 3px;
}
.fusion-main-menu > ul > li > a::after {
content: '';	
display: block;
width: 0;
height: 3.5px;
background: #0066b4;
-webkit-transition: width .5s;
-o-transition: width .5s;
transition: width .5s;
margin-top:-4.5px;
}
.fusion-main-menu > ul > li > a:hover::after {
width: 100%;
}
.fusion-last-menu-item a::after {
background : transparent !important;
}
.fusion-secondary-header {
border-bottom-color: transparent;
}
.fusion-main-menu li.fusion-active-link>.fusion-megamenu-wrapper, 
.fusion-main-menu li.fusion-active-link>.sub-menu, 
.fusion-main-menu li:hover>.fusion-megamenu-wrapper, 
.fusion-main-menu li:hover>.sub-menu{
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.fusion-megamenu-wrapper {
-webkit-transition: .1s ease-out .3s;
-o-transition: .1s ease-out .3s;
transition: .1s ease-out .3s; -webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}  @media only screen and (max-width: 1300px)  {
.fusion-main-menu > ul > li{
margin-right: 14px;
margin-left : 14px;
}
}
@media only screen and (max-width: 1238px) {
.fusion-main-menu > ul > li{
margin-right:8px;
margin-left : 8px;
}
}
@media only screen and (max-width: 1034px)  {
.fusion-header{
padding-right: 8px;
padding-left : 8px;
}
} .rs-fullvideo-cover { 
background : -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0.55)),color-stop(rgba(255,255,255,0)),to(rgba(255,255,255,0)));
background : -webkit-linear-gradient(rgba(0,0,0,0.55),rgba(255,255,255,0),rgba(255,255,255,0));
background : -o-linear-gradient(rgba(0,0,0,0.55),rgba(255,255,255,0),rgba(255,255,255,0));
background : linear-gradient(rgba(0,0,0,0.55),rgba(255,255,255,0),rgba(255,255,255,0))
}
.background-responsive .fusion-column-wrapper{
background-size: 100% 100% !important;
}
.fusion-sticky-shadow .menu-text {
color: #0066b4 !important; 
}
.fusion-sticky-shadow .current-menu-ancestor .fusion-bar-highlight{
border-color:#0066b4 !important;
}
.banner-homepage span { 
margin-right:0 !important;
margin-left:0 !important;
}
.banner-homepage {
width:50% !important; 
margin: 0 !important;
}
.banner-homepage-left{
width: calc(50% - ( ( 6px ) * 0.5 ) ) !important;
margin-right: 6px !important;
}
.banner-homepage-right{
width: calc(50% - ( ( 6px ) * 0.5 ) ) !important;
}
.homepage-banner-custom { 
width: calc(25%) !important;
margin-right:0 !important;
height : 500px;
position: relative;
display:inline-block;
-webkit-transition: all 300ms ease-in;
-webkit-transform: scale(1); 
-ms-transition: all 300ms ease-in;
-ms-transform: scale(1); 
-moz-transition: all 300ms ease-in;
-moz-transform: scale(1);
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
transform: scale(1);   
}
.homepage-banner-custom:hover { 
-webkit-box-shadow: 0px 0px 10px #000000; 
box-shadow: 0px 0px 10px #000000;
z-index: 9999;
-webkit-transition: all 300ms ease-in;
-webkit-transform: scale(1.04);
-ms-transition: all 300ms ease-in;
-ms-transform: scale(1.04);   
-moz-transition: all 300ms ease-in;
-moz-transform: scale(1.04);
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
transform: scale(1.04);
}
.homepage-banner-custom:before {		
content: '';
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
background: black;
opacity: .3;
-webkit-transition: opacity .6s ease-in-out, visibility .1s;
-o-transition: opacity .6s ease-in-out, visibility .1s;
-webkit-transition: opacity .6s ease-in-out , visibility .1s;
-o-transition: opacity .6s ease-in-out , visibility .1s;
transition: opacity .6s ease-in-out , visibility .1s;
}
.homepage-banner-custom:hover:before{		
visibility: hidden;
opacity: 0;
}
.solution-catagories {
position: relative;
}
.solution-catagories > div:first-child {
z-index: 11;
}
.solution-item::after {
content: '';
display: block;
background-color: #212955;
opacity: .5;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.solution-item:hover::after {
display:none;
} #menu-widget-4 ul li a{
font-weight: 400;
}
.fusion-image-hovers .hover-type-zoomin:hover .fusion-column-inner-bg-image, .fusion-image-hovers .hover-type-zoomin:hover .fusion-masonry-element-container, .fusion-image-hovers .hover-type-zoomin:hover .tribe-events-event-image, .fusion-image-hovers .hover-type-zoomin:hover img{
opacity:1;
}
.homepage-tab-custom{
width:33.33% !important;
margin-right:0 !important;
cursor:pointer;
}
.homepage-tab-custom .fusion-text:hover {
background:#32405d;
border-left : 3px solid #FABE58;
color:#FABE58;
} .homepage-solution-bg {
position: absolute;
bottom: -100px;
z-index:-1;
}
.homepage-solution-panel{
border-right : 3px solid #FABE58;
}
.homepage-sotion-tab ul{
width : 50% !important;
border-color: transparent !important;
background-color: transparent !important;
margin-bottom:20px !important;
}
.homepage-sotion-tab .tab-pane{
border-color: transparent !important;
background-color: transparent !important;
overflow: hidden;
padding-top : 30px
}
.homepage-sotion-tab ul li .tab-link{
border : 2px solid white !important; 
border-radius:50px;
margin-right:8px !important;
margin-left : 8px !important;
font-size: 25px; !important;
background-color : transparent !important;
}
.homepage-sotion-tab ul li .tab-link:hover{
background-color : rgba(0,0,0,.2) !important;
}
.homepage-sotion-tab ul .active .tab-link{
background-color : #0066b5 !important;
border-color:transparent !important;
}
.homepage-sotion-tab ul .active .tab-link:hover{
background-color : #065694 !important;
}
.homepage-sotion-tab ul .active .tab-link h4{
font-size: 16px !important;
font-weight: bold;
color: white !important;
}
.homepage-sotion-tab ul li .tab-link h4{
font-size: 16px !important;
color: #0066b5 !important;
}
.homepage-sotion-tab .nav{
text-align : center;
border: transparent !important;
} .fusion-megamenu-holder{
border:none;
}
.nospace-right{
margin-right:0 !important;
}
.homepage-tab-custom .fusion-text:hover h3{
color:#FABE58 !important;
}
.homepage-tabs-title .active a > h4{
font-weight:bold !important;
color: #1b4595 !important;
}
.fusion-megamenu-title a , .fusion-megamenu-title {
color: #1b4595 !important;
}
.fusion-sticky-shadow .fusion-megamenu-icon{
color: #1b4595 !important;
}
.fusion-megamenu-wrapper .fusion-megamenu-submenu:last-child {
border-right: none;
padding-left: inherit;
padding-top: inherit;
padding-bottom: inherit;
}
.fusion-megamenu-wrapper .fusion-megamenu-submenu .sub-menu a { 
padding : 5px 10px !important;
color : #1b4595 !important;
}
.homepage-tabs-title .nav .nav-tabs li a{
background: #f6f6f6;
}
.homepage-newsevents .fusion-load-more-button {
margin : 20px auto;
font-family: Quicksand, Arial, Helvetica, sans-serif !important;
} .fusion-blog-layout-masonry .fusion-post-content-wrapper h2{
color:#ffffff !important ;
}
.fusion-blog-layout-masonry article{
overflow:hidden !important;
}
.fusion-blog-layout-masonry article .fusion-image-wrapper{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 12s cubic-bezier(0.23,1,0.32,1);
transition: -webkit-transform 12s cubic-bezier(0.23,1,0.32,1);
-o-transition: transform 12s cubic-bezier(0.23,1,0.32,1);
transition: transform 12s cubic-bezier(0.23,1,0.32,1);
transition: transform 12s cubic-bezier(0.23,1,0.32,1), -webkit-transform 12s cubic-bezier(0.23,1,0.32,1);
}
.fusion-blog-layout-masonry article .fusion-image-wrapper:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity:.9;
}
.hovereffect-zoom {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 12s cubic-bezier(0.23,1,0.32,1);
transition: -webkit-transform 12s cubic-bezier(0.23,1,0.32,1);
-o-transition: transform 12s cubic-bezier(0.23,1,0.32,1);
transition: transform 12s cubic-bezier(0.23,1,0.32,1);
transition: transform 12s cubic-bezier(0.23,1,0.32,1), -webkit-transform 12s cubic-bezier(0.23,1,0.32,1);
}
.hovereffect-zoom:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity:.9;
}
.fusion-blog-layout-masonry .fusion-post-content-wrapper a, .fusion-blog-layout-masonry .fusion-post-content-wrapper span{
color:#ffffff !important ;
} .fusion-blog-layout-masonry .fusion-post-content-wrapper{
background: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,1.7))) !important;
background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1.7)) !important;
background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1.7)) !important;
background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1.7)) !important;
-webkit-transition: opacity 3s cubic-bezier(0.23,1,0.32,1),height 3s cubic-bezier(0.23,1,0.32,1) !important;
-o-transition: opacity 3s cubic-bezier(0.23,1,0.32,1),height 3s cubic-bezier(0.23,1,0.32,1) !important;
transition: opacity 3s cubic-bezier(0.23,1,0.32,1),height 3s cubic-bezier(0.23,1,0.32,1) !important;
color:#ffffff !important ;
}
#menu-item-410.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-410.fusion-megamenu-submenu.fusion-megamenu-columns-5.col-lg-2.col-md-2.col-sm-2
#nav_menu-3{
float:right;
}
#media_image-2 img{ 
max-width: 30% !important;
float: right;
margin-top: 30px;
}
#social_links-widget-2 {
margin-bottom:20px;
}
.bEdit-footer .wpcf7-submit {
width : 100% !important;
background: transparent !important;
border : solid 3px white !important;
padding:8px 29px !important;
}
.bEdit-footer [name="your-email"] {
height: 30px;
border : 0;
background: #3d6dc3;
}
.fusion-footer-widget-column{
margin-bottom:0;
}
.fusion-footer-widget-area {
padding-top:15px;
padding-bottom : 15px;
}
.msc-leadership-text strong {
font-size:15px;
}
.msc-leadership-text i {
color : #ccc;
}
.msc-leadership-text .fusion-toggle-boxed-mode{
margin-bottom : 0 !important;
}
.msc-leadership-text a {
padding : 5px 25px !important;
}
.all-products-main-title .fusion-toggle-heading {
font-family : 'Open Sans' ;
font-size : 18px;
}
.all-products-main-title .panel-body.toggle-content {
max-height: 350px;
overflow: auto;
}
.banner-contact-style{
height: 130px;
}
.fusion-accordian .panel-title .active .fa-fusion-box , .fusion-accordian .panel-title a:hover .fa-fusion-box{
background-color:white !important;
border-color : transparent !important;
}
.pagination .current,.inactive{
border-radius :50%;
}
.contactusCustom{
width:100% !important;
background: rgb(21,59,128) !important;
}
.homepage-news-btn .fusion-load-more-button{
margin-left: 20%;
margin-right: 20%;
border: 2px solid #0165b6;
color: #0165b6;
background:white;
}
.homepage-subscript{
min-height:200px;
}
.homepage-subscript__input {
outline:none ;
margin-top: 40px;
height: 43px !important;
background: transparent !important;
border-color: transparent !important;
border-bottom:2px solid #FABE58 !important;
}
.homepage-subscript__submit{
display:none !important;
}
.homepage-subscript__icon{
position: absolute;
top: 0;
right: 0;
margin-bottom: 0;
margin-top: 49px;
font-size: 17px;
color: #FABE58;
border-radius: 64px;
width: 33px;
height: 33px;
padding-top: 4px;
padding-left: 6px;
cursor:pointer;
}
.homepage-subscript__icon:hover{
color:white;
}
.homepage-vdo-test-custom {
width:calc(50%) !important;
margin-right: 0 !important;
}
.homepage-vdo-test-custom-mini {
width:calc(16.6666%) !important;
margin-right: 0 !important;
margin-top:-36px !important;
}
.homepage-vdo-test-custom-medium{
margin-bottom: 0 !important;
width: 33.33% !important;
margin-top:-85px !important;
}
.vdo-overlay:after {
content: "";
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
opacity: 0;
width: 100%; 
height: 100%;
background: rgba(0,0,0,0.6) url(http://wptf.com/wp-content/uploads/2014/05/play-button.png) no-repeat scroll center center / 50px 50px;
}
.vdo-overlay:hover:after {
opacity: 0.8;
} .item{
grid-column: span 2;
width: 160px;
padding: 0 0 200px 0 !important;
-webkit-transform: rotate(-60deg) skewY(30deg);
-ms-transform: rotate(-60deg) skewY(30deg);
transform: rotate(-60deg) skewY(30deg);
background: #fd005f;
overflow: hidden;
visibility: hidden;
margin-top: -50px;
}
.hexagon{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: skewY(-30deg) rotate(60deg);
-ms-transform: skewY(-30deg) rotate(60deg);
transform: skewY(-30deg) rotate(60deg);
overflow: hidden;
}
.item *{
visibility: visible
}
.honeycrumb-container .fusion-text{
display: -ms-grid;
display: grid;
-ms-grid-columns: (80px)[10];
grid-template-columns: repeat(10, 80px);
grid-column-gap: 5px;
}
.item:nth-child(9n+1){ -ms-grid-column: 1; grid-column-start: 1;}
.item:nth-child(9n+2){ -ms-grid-column: 3; grid-column-start: 3;}
.item:nth-child(9n+3){ -ms-grid-column: 5; grid-column-start: 5;}
.item:nth-child(9n+4){ -ms-grid-column: 7; grid-column-start: 7;}
.item:nth-child(9n+5){ -ms-grid-column: 9; grid-column-start: 9;}
.item:nth-child(9n+6){ -ms-grid-column: 2; grid-column-start: 2;}
.item:nth-child(9n+7){ -ms-grid-column: 4; grid-column-start: 4;}
.item:nth-child(9n+8){ -ms-grid-column: 6; grid-column-start: 6;}
.item:nth-child(9n){ -ms-grid-column: 8; grid-column-start: 8;}  .honeycrumb-container .hexagon { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.honeycrumb-container .hexagon:hover {
-webkit-transform: skewY(-30deg) rotate(60deg) scale(1.1);
-ms-transform: skewY(-30deg) rotate(60deg) scale(1.1);
transform: skewY(-30deg) rotate(60deg) scale(1.1);
} @media(max-width: 1532px){
.honeycrumb-container .fusion-text{
-ms-grid-columns: (80px)[10];
grid-template-columns: repeat(10, 80px);
}
.item:nth-child(9n+1){ -ms-grid-column: 1; grid-column-start: 1;}
.item:nth-child(9n+2){ -ms-grid-column: 3; grid-column-start: 3;}
.item:nth-child(9n+3){ -ms-grid-column: 5; grid-column-start: 5;}
.item:nth-child(9n+4){ -ms-grid-column: 7; grid-column-start: 7;}
.item:nth-child(9n+5){ -ms-grid-column: 9; grid-column-start: 9;}
.item:nth-child(9n+6){ -ms-grid-column: 2; grid-column-start: 2;}
.item:nth-child(9n+7){ -ms-grid-column: 4; grid-column-start: 4;}
.item:nth-child(9n+8){ -ms-grid-column: 6; grid-column-start: 6;}
.item:nth-child(9n){ -ms-grid-column: 8; grid-column-start: 8;}
}
@media(max-width: 1300px){
.honeycrumb-container .fusion-text{
-ms-grid-columns: (80px)[10];
grid-template-columns: repeat(10, 80px);
}
.item:nth-child(8n+1){ -ms-grid-column: 1; grid-column-start: 1;}
.item:nth-child(8n+2){ -ms-grid-column: 3; grid-column-start: 3;}
.item:nth-child(8n+3){ -ms-grid-column: 5; grid-column-start: 5;}
.item:nth-child(8n+4){ -ms-grid-column: 7; grid-column-start: 7;}
.item:nth-child(8n+5){ -ms-grid-column: 2; grid-column-start: 2;}
.item:nth-child(8n+6){ -ms-grid-column: 4; grid-column-start: 4;}
.item:nth-child(8n+7){ -ms-grid-column: 6; grid-column-start: 6;}
.item:nth-child(8n){ -ms-grid-column: 8; grid-column-start: 8;}
}
@media(max-width: 1190px){
.item{
width: 150px;
padding: 0 0 180px 0 !important;
}
.honeycrumb-container .fusion-text{
-ms-grid-columns: (76px)[10];
grid-template-columns: repeat(10, 76px);
}
.item:nth-child(8n+1){ -ms-grid-column: 1; grid-column-start: 1;}
.item:nth-child(8n+2){ -ms-grid-column: 3; grid-column-start: 3;}
.item:nth-child(8n+3){ -ms-grid-column: 5; grid-column-start: 5;}
.item:nth-child(8n+4){ -ms-grid-column: 7; grid-column-start: 7;}
.item:nth-child(8n+5){ -ms-grid-column: 2; grid-column-start: 2;}
.item:nth-child(8n+6){ -ms-grid-column: 4; grid-column-start: 4;}
.item:nth-child(8n+7){ -ms-grid-column: 6; grid-column-start: 6;}
.item:nth-child(8n){ -ms-grid-column: 8; grid-column-start: 8;}
}
@media(max-width: 1100px){
.item{
width: 110px;
padding: 0 0 140px 0 !important;
}
.honeycrumb-container .fusion-text{
-ms-grid-columns: (50px)[10];
grid-template-columns: repeat(10, 50px);
}
.item:nth-child(9n+1){ -ms-grid-column: 1; grid-column-start: 1;}
.item:nth-child(9n+2){ -ms-grid-column: 3; grid-column-start: 3;}
.item:nth-child(9n+3){ -ms-grid-column: 5; grid-column-start: 5;}
.item:nth-child(9n+4){ -ms-grid-column: 7; grid-column-start: 7;}
.item:nth-child(9n+5){ -ms-grid-column: 9; grid-column-start: 9;}
.item:nth-child(9n+6){ -ms-grid-column: 2; grid-column-start: 2;}
.item:nth-child(9n+7){ -ms-grid-column: 4; grid-column-start: 4;}
.item:nth-child(9n+8){ -ms-grid-column: 6; grid-column-start: 6;}
.item:nth-child(9n){ -ms-grid-column: 8; grid-column-start: 8;}
}
@media(max-width: 800px){
.item{
width: 110px;
margin-top: 10px;
padding: 0 0 140px 0 !important;
}
.honeycrumb-container .fusion-text{
-ms-grid-columns: (50px)[10];
grid-template-columns: repeat(10, 50px);
}
.item:nth-child(9n+1){ -ms-grid-column: 1; grid-column-start: 1;}
.item:nth-child(9n+2){ -ms-grid-column: 3; grid-column-start: 3;}
.item:nth-child(9n+3){ -ms-grid-column: 5; grid-column-start: 5;}
.item:nth-child(9n+4){ -ms-grid-column: 7; grid-column-start: 7;}
.item:nth-child(9n+5){ -ms-grid-column: 9; grid-column-start: 9;}
.item:nth-child(9n+6){ -ms-grid-column: 2; grid-column-start: 2;}
.item:nth-child(9n+7){ -ms-grid-column: 4; grid-column-start: 4;}
.item:nth-child(9n+8){ -ms-grid-column: 6; grid-column-start: 6;}
.item:nth-child(9n){ -ms-grid-column: 8; grid-column-start: 8;}
}
@media(max-width: 610px){
.honeycrumb-container {
overflow-x: scroll !important;
width: 100%;
position: relative;
}
}
@media(max-width: 610px){
.item{
width: 80px;
margin-top: 0px;
padding: 0 0 110px 0 !important;
}
.honeycrumb-container .fusion-text{
-ms-grid-columns: (50px)[10];
grid-template-columns: repeat(10, 50px);
overflow: auto;
}
.item:nth-child(9n+1){ -ms-grid-column: 1; grid-column-start: 1;}
.item:nth-child(9n+2){ -ms-grid-column: 3; grid-column-start: 3;}
.item:nth-child(9n+3){ -ms-grid-column: 5; grid-column-start: 5;}
.item:nth-child(9n+4){ -ms-grid-column: 7; grid-column-start: 7;}
.item:nth-child(9n+5){ -ms-grid-column: 9; grid-column-start: 9;}
.item:nth-child(9n+6){ -ms-grid-column: 2; grid-column-start: 2;}
.item:nth-child(9n+7){ -ms-grid-column: 4; grid-column-start: 4;}
.item:nth-child(9n+8){ -ms-grid-column: 6; grid-column-start: 6;}
.item:nth-child(9n){ -ms-grid-column: 8; grid-column-start: 8;}
}  .itemsd{
grid-column: span 2;
width: 160px;
padding: 0 0 200px 0 !important;
-webkit-transform: rotate(-60deg) skewY(30deg);
-ms-transform: rotate(-60deg) skewY(30deg);
transform: rotate(-60deg) skewY(30deg);
background: #fd005f;
overflow: hidden;
visibility: hidden;
margin-top: -60px;
}
.hexagonsd{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: skewY(-30deg) rotate(60deg);
-ms-transform: skewY(-30deg) rotate(60deg);
transform: skewY(-30deg) rotate(60deg);
overflow: hidden;
}
.itemsd *{
visibility: visible
}
.honeycrumbsd-container .fusion-text{
display: -ms-grid;
display: grid;
-ms-grid-columns: (75px)[10];
grid-template-columns: repeat(10, 75px);
grid-column-gap: 5px;
} .itemsd:nth-child(6n+1){ -ms-grid-column: 1; grid-column-start: 1;}
.itemsd:nth-child(6n+2){ -ms-grid-column: 3; grid-column-start: 3;}
.itemsd:nth-child(6n+3){ -ms-grid-column: 5; grid-column-start: 5;}
.itemsd:nth-child(6n+4){ -ms-grid-column: 2; grid-column-start: 2;}
.itemsd:nth-child(6n+5){ -ms-grid-column: 4; grid-column-start: 4;}
.itemsd:nth-child(6n){ -ms-grid-column: 6; grid-column-start: 6;}
.honeycrumbsd-container .hexagonsd { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.honeycrumbsd-container .hexagonsd:hover {
-webkit-transform: skewY(-30deg) rotate(60deg) scale(1.1);
-ms-transform: skewY(-30deg) rotate(60deg) scale(1.1);
transform: skewY(-30deg) rotate(60deg) scale(1.1);
} @media(max-width: 1532px){
.honeycrumbsd-container .fusion-text{
-ms-grid-columns: (80px)[10];
grid-template-columns: repeat(10, 80px);
}
.itemsd:nth-child(6n+1){ -ms-grid-column: 1; grid-column-start: 1;}
.itemsd:nth-child(6n+2){ -ms-grid-column: 3; grid-column-start: 3;}
.itemsd:nth-child(6n+3){ -ms-grid-column: 5; grid-column-start: 5;}
.itemsd:nth-child(6n+4){ -ms-grid-column: 2; grid-column-start: 2;}
.itemsd:nth-child(6n+5){ -ms-grid-column: 4; grid-column-start: 4;}
.itemsd:nth-child(6n){ -ms-grid-column: 6; grid-column-start: 6;}
}
@media(max-width: 1300px){
.honeycrumbsd-container .fusion-text{
-ms-grid-columns: (80px)[10];
grid-template-columns: repeat(10, 80px);
}
.itemsd:nth-child(6n+1){ -ms-grid-column: 1; grid-column-start: 1;}
.itemsd:nth-child(6n+2){ -ms-grid-column: 3; grid-column-start: 3;}
.itemsd:nth-child(6n+3){ -ms-grid-column: 5; grid-column-start: 5;}
.itemsd:nth-child(6n+4){ -ms-grid-column: 2; grid-column-start: 2;}
.itemsd:nth-child(6n+5){ -ms-grid-column: 4; grid-column-start: 4;}
.itemsd:nth-child(6n){ -ms-grid-column: 6; grid-column-start: 6;}
}
@media(max-width: 1190px){
.itemsd{
width: 150px;
padding: 0 0 180px 0 !important;
}
.honeycrumbsd-container .fusion-text{
-ms-grid-columns: (76px)[10];
grid-template-columns: repeat(10, 76px);
}
.itemsd:nth-child(6n+1){ -ms-grid-column: 1; grid-column-start: 1;}
.itemsd:nth-child(6n+2){ -ms-grid-column: 3; grid-column-start: 3;}
.itemsd:nth-child(6n+3){ -ms-grid-column: 5; grid-column-start: 5;}
.itemsd:nth-child(6n+4){ -ms-grid-column: 2; grid-column-start: 2;}
.itemsd:nth-child(6n+5){ -ms-grid-column: 4; grid-column-start: 4;}
.itemsd:nth-child(6n){ -ms-grid-column: 6; grid-column-start: 6;}
}
@media(max-width: 1100px){
.itemsd{
width: 110px;
padding: 0 0 140px 0 !important;
}
.honeycrumbsd-container .fusion-text{
-ms-grid-columns: (50px)[10];
grid-template-columns: repeat(10, 50px);
}
.itemsd:nth-child(6n+1){ -ms-grid-column: 1; grid-column-start: 1;}
.itemsd:nth-child(6n+2){ -ms-grid-column: 3; grid-column-start: 3;}
.itemsd:nth-child(6n+3){ -ms-grid-column: 5; grid-column-start: 5;}
.itemsd:nth-child(6n+4){ -ms-grid-column: 2; grid-column-start: 2;}
.itemsd:nth-child(6n+5){ -ms-grid-column: 4; grid-column-start: 4;}
.itemsd:nth-child(6n){ -ms-grid-column: 6; grid-column-start: 6;}
}
@media(max-width: 800px){
.itemsd{
width: 110px;
margin-top: 10px;
padding: 0 0 140px 0 !important;
}
.honeycrumbsd-container .fusion-text{
-ms-grid-columns: (50px)[10];
grid-template-columns: repeat(10, 50px);
}
.itemsd:nth-child(6n+1){ -ms-grid-column: 1; grid-column-start: 1;}
.itemsd:nth-child(6n+2){ -ms-grid-column: 3; grid-column-start: 3;}
.itemsd:nth-child(6n+3){ -ms-grid-column: 5; grid-column-start: 5;}
.itemsd:nth-child(6n+4){ -ms-grid-column: 2; grid-column-start: 2;}
.itemsd:nth-child(6n+5){ -ms-grid-column: 4; grid-column-start: 4;}
.itemsd:nth-child(6n){ -ms-grid-column: 6; grid-column-start: 6;}
}
@media(max-width: 610px){
.honeycrumbsd-container {
overflow-x: scroll !important;
width: 100%;
position: relative;
}
}
@media(max-width: 610px){
.itemsd{
width: 80px;
margin-top: 0px;
padding: 0 0 110px 0 !important;
}
.honeycrumbsd-container .fusion-text{
-ms-grid-columns: (50px)[10];
grid-template-columns: repeat(10, 50px);
overflow: auto;
}
.itemsd:nth-child(6n+1){ -ms-grid-column: 1; grid-column-start: 1;}
.itemsd:nth-child(6n+2){ -ms-grid-column: 3; grid-column-start: 3;}
.itemsd:nth-child(6n+3){ -ms-grid-column: 5; grid-column-start: 5;}
.itemsd:nth-child(6n+4){ -ms-grid-column: 2; grid-column-start: 2;}
.itemsd:nth-child(6n+5){ -ms-grid-column: 4; grid-column-start: 4;}
.itemsd:nth-child(6n){ -ms-grid-column: 6; grid-column-start: 6;}
}  @media only screen and (min-width: 801px) {
.corporate-title-vision {
margin-left : -130px;
}
.corporate-panel-vision{
padding : 40px;
background : white;
-webkit-box-shadow: 0 20px 40px rgba(0,0,0,.2);
box-shadow: 0 20px 40px rgba(0,0,0,.2);
margin-left : -130px;
}
}
.corporate-tab-iso-custom .active h4{
color:#273246 !important;
}
.corporate-tab-iso-custom .active a{
border-top:none !important;
border-bottom: 3px solid #273246 !important;
}
.corporate-tab-facility-custom h4{
color:white !important;
}
.corporate-tab-facility-custom .active h4{
color:#FABE58 !important;
}
.corporate-tab-facility-custom .active a{
border-left:none !important;
border-right: 3px solid #FABE58 !important;
}
.corporate-tab-facility-custom li {
min-height:50px !important;
} .tablepress .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc { 
background-color:#e6e6e6;
}
.tablepress tfoot th, .tablepress thead th {
background-color : #ffffff;
font-size : 17px;
text-align : center;
}
.catagory-table-custom .tablepress tfoot th, .tablepress thead th{
background-color : transparent; }
.catagory-table-custom .tablepress .even td{
background:transparent; }
.catagory-table-custom .tablepress .odd td{
background:transparent; }
.catagory-table-custom .tablepress td a{
font-weight:bold; }
.catagory-table-custom .tablepress td, .tablepress th{
padding:12px;
height:50px;
}
.catagory-table-custom .tablepress .row-hover tr:hover td{
background : rgba(255,255,255,.1);
}
.catagory-table-custom input{
min-width: 300px;
background: rgba(255,255,255,.1);
outline: none;
min-height: 36px;
border: none;
padding: 8px;
color: white;
} .catagory-table-custom2 .tablepress tfoot th, .tablepress thead th{
background-color : transparent;
color:  #FABE58 !important; 
}
.catagory-table-custom2 .tablepress .even td{
background:transparent;
color:white; 
}
.catagory-table-custom2 .tablepress .odd td{
background:transparent;
color:white; 
}
.catagory-table-custom2 .tablepress td a{
font-weight:bold;
color:white;
}
.catagory-table-custom2 .tablepress td, .tablepress th{
padding:12px;
height:50px;
}
.catagory-table-custom2 .tablepress .row-hover tr:hover td{
background : rgba(255,255,255,.1);
}
.catagory-table-custom2 input{
min-width: 300px;
background: rgba(255,255,255,.1);
outline: none;
min-height: 36px;
border: none;
padding: 8px;
color: white;
}
.catagory-blog-custom article{
background: white;
padding:20px;
-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
border-radius : 8px;
margin-bottom : 20px !important;
}
.catagory-blog-custom article:hover{
-webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
} .history-sidenav-custom{
position:fixed;
top: 200px;
right:0;
margin-right:20px !important;
border-right: 3px solid #cecccc;
border-left : none !important;
}
.history-sidenav-custom a{
border-left : none !important;
font-family: Lato !important;
font-style: italic;
color: #cecccc !important;
font-size: 20px !important;
font-weight: bold !important;
height: 45px !important;
} .hovereffectbg-zoom {
background-position: center center !important;
background-size: cover !important; 
overflow: hidden;
position: relative;
transition: all 1s;
}
.hovereffectbg-zoom::before { 
content:"";
position:absolute; top:0;right:0;bottom:0;left:0;
background:inherit;
transition:inherit;
}
.hovereffectbg-zoom:hover::before { 
transform: scale(1.1);
}
.text-right {
text-align: right;
}
.zIndex1{
z-index: 1;
}
.set-behind {
z-index: -1;
}
.set-opacity {
opacity: .2;
}
.pull-bottom {
position: absolute;
bottom:0;
}
.pull-force-right {
position: absolute;
right: 0;
}
.nospace-top {
margin-top: 0 !important;
}
.nospace-bottom { 
margin-bottom: 0 !important;
} 
.margin-50 { 
margin-top: 50px !important;
margin-bottom: 50px !important;
margin-right: 50px !important;
margin-left: 50px !important;
}
.margin-right-2 { 
margin-right:1% !important;
}
.width-25-percent {
width : calc(25% - ( ( 1% + 1% ) * 0.25 ) ) !important;
}
.width-50-percent { 
width : calc(50% - ( ( 2% + 2% ) * 0.25 ) ) !important;
}
.width-last-elem {
width : calc(25% - ( ( 1% + 1% ) * 0.25 ) ) !important;
}
.width-60-percent {
width : calc(60%) !important;
}
.width-40-percent {
width : calc(40%) !important;
}
.width-20 {
width: 20% !important;
}
.width-25 {
width: 25% !important;
}
.width-50 { 
width : 50% !important;
}
.width-80{
width: 80% !important;
}
.width-3-column{
width: 33.33% !important;
}
.width-66 {
width : 66.66% !important;
}
.margin-top-30 {
margin-top: 30px !important;
}
.min-h-200 > div{
min-height:200px !important;
}
.min-h-300 > div{
min-height:300px !important;
}
.min-h-350 > div{
min-height:350px !important;
}
.min-h-600 > div{
height:600px !important;
}
.min-h-400 > div{
height:400px !important;
}
.min-h-500 > div{
height:500px !important;
}
.min-h-280 > div{
height:280px !important;
}
.max-w-90 > .fusion-row{
max-width: 80% !important;
margin: 0 auto !important; 
}
.max-w-80px {
max-width: 80px !important;
}
.max-h-200 {
max-height: 200px !important;
}
.navbar-h-50 {
height: 50px;
}
.border-top-style {
border-top: 5px solid #1668b7;
border-radius: 4px;
}
.bg-gradient-blue {
background :linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(234,250,255,.6)  100%);
}
.bg-gradient-blue-flip {
background :linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(234,250,255,.6)  100%);
}
.bg-gradient-darkblue {
background: #141E30; background: -webkit-linear-gradient(to right, #243B55, #141E30); background: linear-gradient(to right, #243B55, #141E30); }
.bg-gradient-bluemaria {
background: #1A2980; background: -webkit-linear-gradient(to right, #26D0CE, #1A2980); background: linear-gradient(to right, #26D0CE, #1A2980); }
.bg-gradient-darkblue {
background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#163248));
background: -webkit-linear-gradient(top, #000000, #163248);
background: -o-linear-gradient(top, #000000, #163248);
background: linear-gradient(to bottom, #000000, #163248);
}
.border-solidwork {
border-top: 8px solid #FF8500;
}
.shadow > div {
box-shadow: 0 2px 4px rgba(0,0,0,.18);
}
.border-radius > div {
border-radius: 4px;
}
.text-underline:hover {
text-decoration: underline;
cursor: pointer;
}
.text-light {
color: #797979 !important;
}
.col-xs-15 {
width: 20%;
float: left;
}
.col-xs-15 {
width: 20%;
float: left;
}
.div-hover:hover,
.div-hover:hover h1,
.div-hover:hover h2,
.div-hover:hover h3,
.div-hover:hover a,
.div-hover:hover i {
background-color: #004358;
color: white !important;
}
.btn-orange {
background : #fabe56 !important;
color: white !important; 
}
.btn-light-white {
background: transparent !important;
border: 3px solid white !important;
color: white;
}
.btn-light-white:hover {
background: white !important;
border: 3px solid white !important;
}
.btn-light-white:hover span{
color: #444 !important;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 33.333%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 25%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
.box-shadow-inset > div {
-webkit-box-shadow: inset -8px 0px 102px -30px rgba(0,0,0,0.75);
-moz-box-shadow: inset -8px 0px 102px -30px rgba(0,0,0,0.75);
box-shadow: inset -8px 0px 102px -30px rgba(0,0,0,0.75);
}
.bg-green-gradient {
background: -webkit-gradient(linear, right top, left top, from(rgb(39, 148, 80)), to(rgb(17, 153, 142)));
background: -webkit-linear-gradient(right, rgb(39, 148, 80), rgb(17, 153, 142));
background: -o-linear-gradient(right, rgb(39, 148, 80), rgb(17, 153, 142));
background: linear-gradient(to left, rgb(39, 148, 80), rgb(17, 153, 142));
}
.hovereffect-link:hover {
cursor: pointer;
-webkit-animation: color-change-2x .5s linear alternate both;
animation: color-change-2x .5s linear alternate both;
}
.hovereffect-link:hover h3{
font-weight: 800;
}
@-webkit-keyframes color-change-2x {
0% {
background: #77a04b;
}
100% {
background: #65883f;
}
}
@keyframes color-change-2x {
0% {
background: #77a04b;
}
100% {
background: #65883f;
}
} .alway-float {
-webkit-animation: float_6640 6s linear infinite;
animation: float_6640 6s linear infinite;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.alway-float-4 {
-webkit-animation: float_6640 4s linear infinite;
animation: float_6640 4s linear infinite;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.alway-float-2 {
-webkit-animation: float_6640 2s linear infinite;
animation: float_6640 2s linear infinite;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@-webkit-keyframes float_6640 {
0% { -webkit-transform: translateY(0); transform: translateY(0) }
16.66667% { -webkit-transform: translateY(-6px); transform: translateY(-6px) }
33.33333% { -webkit-transform: translateY(0); transform: translateY(0) }
100% { -webkit-transform: translateY(0); transform: translateY(0) }
}
@keyframes float_6640 {
0% { -webkit-transform: translateY(0); transform: translateY(0) }
16.66667% { -webkit-transform: translateY(-6px); transform: translateY(-6px) }
33.33333% { -webkit-transform: translateY(0); transform: translateY(0) }
100% { -webkit-transform: translateY(0); transform: translateY(0) }
} .horizontal-hover:hover {
-webkit-animation: horizontal_2126 2.72s ease infinite;
animation: horizontal_2126 2.72s ease infinite;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@-webkit-keyframes horizontal_2126 {
0% { -webkit-transform:translate(0,0); transform:translate(0,0) }
4.41177% { -webkit-transform:translate(5px,0); transform:translate(5px,0) }
8.82353% { -webkit-transform:translate(0,0); transform:translate(0,0) }
13.23529% { -webkit-transform:translate(5px,0); transform:translate(5px,0) }
17.64706% { -webkit-transform:translate(0,0); transform:translate(0,0) }
22.05882% { -webkit-transform:translate(5px,0); transform:translate(5px,0) }
26.47059% { -webkit-transform:translate(0,0); transform:translate(0,0) }
100% { -webkit-transform:translate(0,0); transform:translate(0,0) }
}
@keyframes horizontal_2126 {
0% { -webkit-transform:translate(0,0); transform:translate(0,0) }
4.41177% { -webkit-transform:translate(5px,0); transform:translate(5px,0) }
8.82353% { -webkit-transform:translate(0,0); transform:translate(0,0) }
13.23529% { -webkit-transform:translate(5px,0); transform:translate(5px,0) }
17.64706% { -webkit-transform:translate(0,0); transform:translate(0,0) }
22.05882% { -webkit-transform:translate(5px,0); transform:translate(5px,0) }
26.47059% { -webkit-transform:translate(0,0); transform:translate(0,0) }
100% { -webkit-transform:translate(0,0); transform:translate(0,0) }
} .text-popup-m {
-webkit-animation: text-pop-up-top-m 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: text-pop-up-top-m 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes text-pop-up-top-m {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: none;
}
100% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: 0 1px 0 #cca556, 0 2px 0 #cca556, 0 3px 0 #cca556, 0 4px 0 #cca556, 0 5px 0 #cca556, 0 6px 0 #cca556, 0 7px 0 #cca556, 0 8px 0 #cca556, 0 9px 0 #cca556, 0 50px 30px rgba(0, 0, 0, 0.3);
}
}
@keyframes text-pop-up-top-m {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: none;
}
100% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: 0 1px 0 #cca556, 0 2px 0 #cca556, 0 3px 0 #cca556, 0 4px 0 #cca556, 0 5px 0 #cca556, 0 6px 0 #cca556, 0 7px 0 #cca556, 0 8px 0 #cca556, 0 9px 0 #cca556, 0 50px 30px rgba(0, 0, 0, 0.3);
}
} .text-popup-e {
-webkit-animation: text-pop-up-top-e 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: text-pop-up-top-e 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes text-pop-up-top-e {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: none;
}
100% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: 0 1px 0 #5f73d3, 0 2px 0 #5f73d3, 0 3px 0 #5f73d3, 0 4px 0 #5f73d3, 0 5px 0 #5f73d3, 0 6px 0 #5f73d3, 0 7px 0 #5f73d3, 0 8px 0 #5f73d3, 0 9px 0 #5f73d3, 0 50px 30px rgba(0, 0, 0, 0.3);
}
}
@keyframes text-pop-up-top-e {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: none;
}
100% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: 0 1px 0 #5f73d3, 0 2px 0 #5f73d3, 0 3px 0 #5f73d3, 0 4px 0 #5f73d3, 0 5px 0 #5f73d3, 0 6px 0 #5f73d3, 0 7px 0 #5f73d3, 0 8px 0 #5f73d3, 0 9px 0 #5f73d3, 0 50px 30px rgba(0, 0, 0, 0.3);
}
} .text-popup-t {
-webkit-animation: text-pop-up-top-t 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: text-pop-up-top-t 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes text-pop-up-top-t {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: none;
}
100% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: 0 1px 0 #2d71a5, 0 2px 0 #2d71a5, 0 3px 0 #2d71a5, 0 4px 0 #2d71a5, 0 5px 0 #2d71a5, 0 6px 0 #2d71a5, 0 7px 0 #2d71a5, 0 8px 0 #2d71a5, 0 9px 0 #2d71a5, 0 50px 30px rgba(0, 0, 0, 0.3);
}
}
@keyframes text-pop-up-top-t {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: none;
}
100% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: 0 1px 0 #2d71a5, 0 2px 0 #2d71a5, 0 3px 0 #2d71a5, 0 4px 0 #2d71a5, 0 5px 0 #2d71a5, 0 6px 0 #2d71a5, 0 7px 0 #2d71a5, 0 8px 0 #2d71a5, 0 9px 0 #2d71a5, 0 50px 30px rgba(0, 0, 0, 0.3);
}
} .text-popup-r {
-webkit-animation: text-pop-up-top-r 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: text-pop-up-top-r 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes text-pop-up-top-r {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: none;
}
100% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: 0 1px 0 #73a886, 0 2px 0 #73a886, 0 3px 0 #73a886, 0 4px 0 #73a886, 0 5px 0 #73a886, 0 6px 0 #73a886, 0 7px 0 #73a886, 0 8px 0 #73a886, 
0 9px 0 #73a886, 0 50px 30px rgba(0, 0, 0, 0.3);
}
}
@keyframes text-pop-up-top-r {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: none;
}
100% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: 0 1px 0 #73a886, 0 2px 0 #73a886, 0 3px 0 #73a886, 0 4px 0 #73a886, 0 5px 0 #73a886, 0 6px 0 #73a886, 0 7px 0 #73a886, 0 8px 0 #73a886, 
0 9px 0 #73a886, 0 50px 30px rgba(0, 0, 0, 0.3);
}
} .text-popup-o {
-webkit-animation: text-pop-up-top-o 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: text-pop-up-top-o 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes text-pop-up-top-o {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: none;
}
100% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: 0 1px 0 #b74149, 0 2px 0 #b74149, 0 3px 0 #b74149, 0 4px 0 #b74149, 0 5px 0 #b74149, 0 6px 0 #b74149, 0 7px 0 #b74149, 0 8px 0 #b74149, 
0 9px 0 #b74149, 0 50px 30px rgba(0, 0, 0, 0.3);
}
}
@keyframes text-pop-up-top-o {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: none;
}
100% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: 0 1px 0 #b74149, 0 2px 0 #b74149, 0 3px 0 #b74149, 0 4px 0 #b74149, 0 5px 0 #b74149, 0 6px 0 #b74149, 0 7px 0 #b74149, 0 8px 0 #b74149, 
0 9px 0 #b74149, 0 50px 30px rgba(0, 0, 0, 0.3);
}
}
.hover-spin:hover {
-webkit-animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes rotate-in-center {
0% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
opacity: 0;
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotate-in-center {
0% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
opacity: 0;
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.hovereffect-bounce:hover {
-webkit-animation: bounce-top 0.9s both;
animation: bounce-top 0.9s both;
}
@-webkit-keyframes bounce-top {
0% {
-webkit-transform: translateY(-45px);
transform: translateY(-45px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 1;
}
24% {
opacity: 1;
}
40% {
-webkit-transform: translateY(-24px);
transform: translateY(-24px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
65% {
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
82% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
93% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
25%,
55%,
75%,
87% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
}
@keyframes bounce-top {
0% {
-webkit-transform: translateY(-45px);
transform: translateY(-45px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 1;
}
24% {
opacity: 1;
}
40% {
-webkit-transform: translateY(-24px);
transform: translateY(-24px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
65% {
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
82% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
93% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
25%,
55%,
75%,
87% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
}  @-webkit-keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.heartbeat {
-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
animation: heartbeat 1.5s ease-in-out infinite both;
}
@keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
} #timeline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #031625;
}
#timeline:hover .tl-item {
width: 23.3333%;
}
.tl-item {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: relative;
height: 100vh;
width: 25%;
min-height: 600px;
color: #fff;
overflow: hidden;
-webkit-transition: width 0.5s ease;
-o-transition: width 0.5s ease;
transition: width 0.5s ease;
}
.tl-item:before, .tl-item:after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.tl-item:after {
background: rgba(3, 22, 37, 0.85);
opacity: 1;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.tl-item:before {
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, black));
background: -webkit-linear-gradient(top, transparent 0%, black 75%);
background: -o-linear-gradient(top, transparent 0%, black 75%);
background: linear-gradient(to bottom, transparent 0%, black 75%);
z-index: 1;
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) translateY(50%);
transform: translate3d(0, 0, 0) translateY(50%);
-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
-o-transition: opacity 0.5s ease, transform 0.5s ease;
transition: opacity 0.5s ease, transform 0.5s ease;
transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.tl-item:hover {
width: 30% !important;
}
.tl-item:hover:after {
opacity: 0;
}
.tl-item:hover:before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) translateY(0);
transform: translate3d(0, 0, 0) translateY(0);
-webkit-transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
-o-transition: opacity 1s ease, transform 1s ease 0.25s;
transition: opacity 1s ease, transform 1s ease 0.25s;
transition: opacity 1s ease, transform 1s ease 0.25s, -webkit-transform 1s ease 0.25s;
}
.tl-item:hover .tl-content {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.75s ease 0.5s;
-o-transition: all 0.75s ease 0.5s;
transition: all 0.75s ease 0.5s;
}
.tl-item:hover .tl-bg {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.tl-content {
-webkit-transform: translate3d(0, 0, 0) translateY(25px);
transform: translate3d(0, 0, 0) translateY(25px);
position: relative;
z-index: 1;
text-align: center;
margin: 0 1.618em;
top: 55%;
opacity: 0;
}
.tl-content h1 {
font-family: 'Pathway Gothic One',Helvetica Neue,Helvetica,Arial,sans-serif;
text-transform: uppercase;
color: #1779cf;
font-size: 1.44rem;
font-weight: normal;
}
.tl-year {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: 1;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.tl-year p {
font-family: 'Pathway Gothic One',Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 1.728rem;
line-height: 0;
}
.tl-bg {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
-webkit-transition: -webkit-filter 0.5s ease;
transition: -webkit-filter 0.5s ease;
-o-transition: filter 0.5s ease;
transition: filter 0.5s ease;
transition: filter 0.5s ease, -webkit-filter 0.5s ease;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}  .verticle-banner-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #031625;
}
.vb-2-item {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: relative;
min-height: 600px;
color: #fff;
overflow: hidden;
-webkit-transition: width 0.5s ease;
-o-transition: width 0.5s ease;
transition: width 0.5s ease;
}
.vb-2-item:before, .vb-2-item:after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.vb-2-item:after {
background: rgba(10, 32, 58, 0.4);
opacity: 1;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.vb-2-item:before {
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, black));
background: -webkit-linear-gradient(top, transparent 0%, black 75%);
background: -o-linear-gradient(top, transparent 0%, black 75%);
background: linear-gradient(to bottom, transparent 0%, black 75%);
z-index: 1;
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) translateY(50%);
transform: translate3d(0, 0, 0) translateY(50%);
-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
-o-transition: opacity 0.5s ease, transform 0.5s ease;
transition: opacity 0.5s ease, transform 0.5s ease;
transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.vb-2-item:hover:after {
opacity: 0;
}
.vb-2-item:hover:before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) translateY(0);
transform: translate3d(0, 0, 0) translateY(0);
-webkit-transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
-o-transition: opacity 1s ease, transform 1s ease 0.25s;
transition: opacity 1s ease, transform 1s ease 0.25s;
transition: opacity 1s ease, transform 1s ease 0.25s, -webkit-transform 1s ease 0.25s;
}
.vb-2-item:hover .vb-2-content {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.75s ease 0.5s;
-o-transition: all 0.75s ease 0.5s;
transition: all 0.75s ease 0.5s;
}
.vb-2-item:hover .vb-2-bg {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.vb-2-content {
-webkit-transform: translate3d(0, 0, 0) translateY(25px);
transform: translate3d(0, 0, 0) translateY(25px);
position: relative;
z-index: 1;
text-align: center;
margin: 0 1.618em;
top: 55%;
opacity: 0;
}
.vb-2-content h1 {
font-family: 'Pathway Gothic One',Helvetica Neue,Helvetica,Arial,sans-serif;
text-transform: uppercase;
color: #1779cf;
font-size: 1.44rem;
font-weight: normal;
}
.vb-2-year {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: 1;
width: 100%;
text-align: center;
}
.vb-2-year p {
font-family: 'Pathway Gothic One',Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 1.728rem;
line-height: 1;
}
.vb-2-bg {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
-webkit-transition: -webkit-filter 0.5s ease;
transition: -webkit-filter 0.5s ease;
-o-transition: filter 0.5s ease;
transition: filter 0.5s ease;
transition: filter 0.5s ease, -webkit-filter 0.5s ease;
-webkit-filter: grayscale(20%);
filter: grayscale(20%);
}  #timeline-bu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#timeline-bu:hover .bu-item {
width: 31%;
}
.bu-item {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: relative;
width: 33.3333%;
min-height: 450px;
color: #fff;
overflow: hidden;
-webkit-transition: width 0.5s ease;
-o-transition: width 0.5s ease;
transition: width 0.5s ease;
margin-left: 8px;
margin-right: 8px;
min-width: 250px;
box-shadow: 0 6px 7px 0 rgba(0,0,0,.4), 0 0 0 1px rgba(0,0,0,0.08);
margin-bottom: 15px;
border-radius: 10px;
}
.bu-item:before, .bu-item:after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.bu-item:after {
opacity: 1;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.bu-item:before {
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, black));
background: -webkit-linear-gradient(top, transparent 0%, black 75%);
background: -o-linear-gradient(top, transparent 0%, black 75%);
background: linear-gradient(to bottom, transparent 0%, black 75%);
z-index: 1;
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) translateY(50%);
transform: translate3d(0, 0, 0) translateY(50%);
-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
-o-transition: opacity 0.5s ease, transform 0.5s ease;
transition: opacity 0.5s ease, transform 0.5s ease;
transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.bu-item:hover {
width: 38.3333% !important;
}
.bu-item:hover:after {
opacity: 0;
}
.bu-item:hover:before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) translateY(0);
transform: translate3d(0, 0, 0) translateY(0);
-webkit-transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
-o-transition: opacity 1s ease, transform 1s ease 0.25s;
transition: opacity 1s ease, transform 1s ease 0.25s;
transition: opacity 1s ease, transform 1s ease 0.25s, -webkit-transform 1s ease 0.25s;
}
.bu-item:hover .bu-content {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.75s ease 0.5s;
-o-transition: all 0.75s ease 0.5s;
transition: all 0.75s ease 0.5s;
}
.bu-item:hover .bu-year {
top: 20%;
-webkit-transition: all 0.75s ease 0.5s;
-o-transition: all 0.75s ease 0.5s;
transition: all 0.75s ease 0.5s;
}
.bu-item:hover .bu-bg {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.bu-content {
-webkit-transform: translate3d(0, 0, 0) translateY(25px);
transform: translate3d(0, 0, 0) translateY(25px);
position: relative;
z-index: 1;
text-align: center;
margin: 0 1.618em;
top: 30%;
opacity: 0;
}
.bu-content h1 {
font-family: 'Pathway Gothic One',Helvetica Neue,Helvetica,Arial,sans-serif;
text-transform: uppercase;
color: #1779cf;
font-size: 1.44rem;
font-weight: normal;
}
.bu-year {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: 1;
border-top: 3px solid #fff;
}
.tl-year h1 {
font-family: 'Pathway Gothic One',Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 1.728rem;
line-height: 1;
}
.bu-bg {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
-webkit-transition: -webkit-filter 0.5s ease;
transition: -webkit-filter 0.5s ease;
-o-transition: filter 0.5s ease;
transition: filter 0.5s ease;
transition: filter 0.5s ease, -webkit-filter 0.5s ease;d
}
.bu-banner {
background :-webkit-gradient(linear, left top, left bottom, from(#0066b5), to(#4c83af));
background :-webkit-linear-gradient(top, #0066b5, #4c83af);
background :-o-linear-gradient(top, #0066b5, #4c83af);
background :linear-gradient(to bottom, #0066b5, #4c83af);
}
.career-banner:after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.career-banner:after {
background : -webkit-gradient(linear, left top, left bottom, from(rgba(29, 36, 50,.2)), to(rgba(0,0,0,.7)));
background : -webkit-linear-gradient(top, rgba(29, 36, 50,.2), rgba(0,0,0,.7));
background : -o-linear-gradient(top, rgba(29, 36, 50,.2), rgba(0,0,0,.7));
background : linear-gradient(to bottom, rgba(29, 36, 50,.2), rgba(0,0,0,.7));
opacity: 1;
transition: opacity 0.75s ease;
}
.career-banner:hover .career-banner-content {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
transition: all 0.75s ease;
}
.career-banner:hover .career-banner-title {
opacity: 1;
top: 10%;
transition: all 0.75s ease;
}
.career-banner-title {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: 1;
text-align: center;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
margin: 0;
transform: translate(-50%, -50%);
width: 80%;
}
.career-banner-content {
-webkit-transform: translate3d(0, 0, 0) translateY(25px);
transform: translate3d(0, 0, 0) translateY(25px);
z-index: 1;
opacity: 0;
position: absolute;
bottom: 0;
padding-bottom: 20px;
padding-right: 30px;
}
@media(max-width: 460px){ 
.career-banner:hover .career-banner-title {
opacity: 1;
top: 10%;
transition: all 0.75s ease 0.5s;
}
}
@media(max-width: 400px){ 
.career-banner > div {
min-height: 550px !important; 
}
}
.printing-bg {
position: absolute;
bottom: -70px;
z-index: -1;
opacity: .1;
}
.solutions-list-card-3-col {
width: calc(33.33% - ( ( 2% + 2% ) * 0.3333 ) ) !important;
}
.solutions-list-card {
border-radius: 3px;
border-top: 5px solid #1668b7;
overflow-y: auto;
min-height: 450px;
box-shadow: 0 2px 6px #aab7b8;
margin-right: 2% !important;
background: white;
}
.solutions-list-card:last-child {
margin-right: 0 !important;
}
.solution-text-wrap {
padding: 20px;
}
.solution-text-wrap h2 {
font-weight: 300 !important; 
color: #075b86; 
margin-bottom: 10px; 
}
.solution-text-wrap p {
margin-top: 20px;
}
.article-style article > div , .article-news-style article{ 
border-radius: 4px;
border-bottom-width: 1px !important;
box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);
transition: box-shadow .35s ease-out;
}
.article-news-style article {
margin-bottom: 24px !important;
}
.article-style article:hover > div , .article-news-style article:hover{ 
box-shadow: 0 9px 12px 0 rgba(0,0,0,.1);
}
.card-style > div { 
border-radius: 4px;
border-bottom-width: 1px !important;
box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);
transition: all .35s ease-out;
}
.card-style:hover > div { 
box-shadow: 0 9px 12px 0 rgba(0,0,0,.1);
}
.tc-elem { transition: all .5s ease-in-out; }
.tc-elem::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background: -webkit-gradient(linear,left bottom, left top,from(rgba(17, 28, 31, 0.5)), to(rgba(199, 199, 199, 0.15)));background: -webkit-linear-gradient(bottom,rgba(17, 28, 31, 0.5), rgba(199, 199, 199, 0.15));background: -o-linear-gradient(bottom,rgba(17, 28, 31, 0.5), rgba(199, 199, 199, 0.15));background: linear-gradient(to top,rgba(17, 28, 31, 0.5), rgba(199, 199, 199, 0.15));
transition: all .5s ease-in-out;
top: 0;
}
.tc-elem:hover { 
transform: scale(1.1); 
}
.tc-elem:hover::after {
background: transparent;
}
.btn-tech-center-all {
background: white;
border-width: .5px !important; 
border-color: #afabab !important; 
border: .5px solid black;
}
.btn-tech-center-all:hover {
background: white;
border-color: #0066b6 !important;
}
.btn-tech-center-all:hover i{
color: #0066b6 !important;
}
.btn-tech-center-all i{
color: #afabab !important;
margin-right: 0;
}
.csr-policy-toggle .fusion-toggle-heading{
font-size: 20px;
}
.csr-policy-toggle .fusion-panel.panel-default {
background: #fff;
border: 1px solid #e0dede;
}
.csr-policy-toggle  .panel-heading {
padding: 10px;
}
.csr-policy-toggle .toggle-content{
padding:0 ;
border-top: 1px solid #e0dede;
}
.csr-policy-toggle .row-panel { 
padding-top: 18px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 18px;
background: #fff;
}
.csr-policy-toggle .row-panel:nth-child(odd) { 
background: #f9f9f9;
}
.leadership-name-tag{
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgb(39, 49, 80)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgb(39, 49, 80));
background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgb(39, 49, 80));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(39, 49, 80));
width: 100%;
position:absolute;
bottom: 0;
left: 0;
padding-left: 15px;
}
.force-set-bg {
background-position: 50% 43% !important;
}
.dataTables_paginate a {
color: #fff !important;
}
@media only screen and (max-width: 580px) {
.margin-res-top {
margin-top: 30px !important;
}
}
.border-frame::before {
content: '';
position: absolute;
transform: translateX(30px) translateY(30px);
border: 1.5px solid #0066b6;
width: 100%;
height: 100%;
}
.box-image-shadow {
box-shadow: -25px 12px 46px 0 rgba(0,0,0,0.27);
}
.modal-banner .modal-body {
padding: 0 !important;
} .contact-overlay-new:hover.contact-overlay-new::after {
position: absolute;
background: rgba(0, 0, 0, 0.1);
z-index: 1;
top: 0;
width: 100%;
height: 100%;
}
.contact-overlay:hover.contact-overlay::after {
content: '';
position: absolute;
background: rgba(0, 0, 0, 0.1);
z-index: 1;
top: 0;
width: 100%;
height: 100%;
}
.contact-overlay-panel {
background: #fff;
width: 100%;
position: absolute;
height: 0px;
bottom: 0;
z-index: 2;
overflow: hidden;
-webkit-transition: height .2s ease-in-out;
-moz-transition: height .2s ease-in-out;
-ms-transition: height .2s ease-in-out;
-o-transition: height .2s ease-in-out;
transition: height .2s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
}
.contact-overlay:hover .contact-overlay-panel {
height: 60px;
}
.contact-overlay-panel .text {
font-size: 16px;
font-weight: 700;
color: #3a7aab;
} #reviews #comments > h2, #wrapper .fusion-tabs-widget .tab-holder .tabs li a, .fusion-accordian .panel-title, .fusion-carousel-title, .fusion-flip-boxes .fusion-flip-box .flip-box-heading-back, .fusion-modal h4, .fusion-person .person-author-wrapper .person-name, .fusion-person .person-author-wrapper .person-title, .fusion-rollover .fusion-rollover-content .fusion-rollover-title, .fusion-sharing-box h4, .fusion-tabs .nav-tabs > li .fusion-tab-heading, .fusion-widget-area h4, .person-author-wrapper, .popover .popover-title, .post-content h4 {
font-size: 16px !important;
} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .honeycrumb-container .fusion-text{
display: block;
}
.item {
float: left;
padding: 0 0 230px 0 !important;
}
} @supports (-ms-accelerator:true) { .honeycrumb-container .fusion-text{
display: block;
}
.item {
float: left;
padding: 0 0 230px 0 !important;
}
}
.news-title-template {
word-wrap: break-word !important; 
color: #444 !important; 
font-weight: 500 !important; 
font-size: 25px !important; 
margin-top: 0 !important; 
margin-bottom: 0 !important; 
line-height: 1.2 !important;
}
.img-bottom {
position: absolute; 
bottom :0 ;
}
@media only screen and (max-width: 800px) { 
.img-bottom {
position: relative;
margin: 0 auto;
width: 50%;
}
}
@media only screen and (max-width: 1450px) { 
.img-overlap {
width : 80%  !important;
}
}
.img-overlap {
width: 50%
}
.text-learnmore {
position: absolute;
bottom: 0;
width: 100%;
}
.right {
right: 0; 
} .dpg-grid { 
transition: all .5s ease; 
background-position: center center;
opacity: .7;
}
.dpg-grid:hover { opacity: 0;
}
.tet input::placeholder,.tet textarea::placeholder{color: #c9bbf3;}
.tet input:focus, .tet textarea:focus{color: #fb397d;box-shadow: 5px 5px 10px 5px #ddd;border: solid 0.8px rgba(111,42,179,0.43);}
.tet textarea, .tet input{font-size: 19px; color: #5b32b4;}
.tet input[type="submit"]{
background-color: #fb397d;width: 180px;height: 50px;color: aliceblue;margin-bottom: 50px;
}
.tet .wpcf7-text {
color: #5b32b4;
} .homepage-blog-style article .fusion-post-wrapper .fusion-post-content-wrapper{ 
width: 90%;
margin: 0 auto;
margin-top: -30px;
z-index: 2;
background: #f6f6f6;
}  
.homepage-blog-style article .fusion-post-wrapper .fusion-post-content-wrapper .fusion-post-content{ 
margin-bottom: 0;
}
.homepage-blog-style article .fusion-post-wrapper .fusion-post-content-wrapper a{ 
color: #002848 !important;
}
.homepage-blog-style article img {
transition: transform .3s ease-in-out;
}
.homepage-blog-style article:hover img {
-ms-transform: scale(1.1);
transform: scale(1.1);
}
#ot-sdk-btn.ot-sdk-show-settings {
color: #1866b4;
border: 1px solid #1866b4;
}
#ot-sdk-btn.ot-sdk-show-settings:hover {
background: #1866b4;
}
.policy-link:hover {
text-decoration: underline;
}
.ot-btn-anchor .ot-exercise-button-custom {
display: flex;
background: none;
border-radius: 2px;
border: 1px solid #1866b4;
cursor: pointer;
}
.ot-btn-anchor .ot-exercise-button-custom:hover {
background: #1866b4;
}
.ot-exercise-button-custom {
color: #1866b4;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 15px;
padding-left: 15px;
}
.ot-exercise-button-custom:hover {
color: #fff;
}
#ot-sdk-cookie {
color: #1866b4  !important;
border: 1px solid #1866b4  !important;
padding-top: 11px  !important;
padding-bottom: 11px  !important;
padding-left: 10px  !important;
padding-right: 10px  !important;
margin-top: 25px  !important;
margin-left: -66px  !important;
}
#ot-sdk-cookie-en {
color: #1866b4  !important;
border: 1px solid #1866b4  !important;
padding-top: 11px  !important;
padding-bottom: 11px  !important;
padding-left: 10px  !important;
padding-right: 10px  !important;
margin-top: 25px  !important;
margin-left: -33px  !important;
}
#ot-sdk-cookie:hover {
color: #fff  !important;
background: #1866b4 !important;
}
.dpg-new-box{
margin-bottom: 50px !important;
}
.dpg-new-box:hover {
background: linear-gradient(0deg, #7dcffa, #fee7ef) border-box  !important;
border: 3px solid transparent  !important;
border-radius: 20px  !important;
transition: border-width 0.15s linear;
padding: 2px;
margin-bottom: 40px !important;
cursor: pointer;
}