/*Accenture Microsite*/
@import url('https://fonts.googleapis.com/css?family=Hind:400,600,700|Lato:300,400,700');
body{
    font-family: 'Hind',sans-serif;
}
/*--------Header Area-----------------------*/
header{
    margin-top: 35px;
    padding: 0 50px;
}
nav{
    margin: 0 auto;
}
a{
    color: #023048;
    transition: all ease-in-out 0.3s;
    text-decoration: none;
}
a:hover{
    color:#FE5D00;
    text-decoration: none;
}

.menu{
    list-style: none;
    padding: 0;
    margin: 0;
   
}
.menu li{
    display: inline-block;
    margin-right: 20px;
}



.btn-act-a{
    border: solid 1px #023048;
    padding: 10px 20px;
    color: #023048;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Lato',sans-serif;

}

/*----------Content Area--------------------*/
.title-offset{
  transform: rotate(-90deg);
  position: relative;
  top: 60px;
  left: 50px;
  display: inline-block;
}
.title-offset.oversize{
    left: 10px;
    top: 110px;
}
.title-offset h3{
    position: relative;
    font-family: "Hind",sans-serif;
    font-weight: 500;
    letter-spacing: 6px;
    font-size: 18px;
    color: #595959;
}
.title-offset h3::before{
    content: "";
    width: 50px;
    height: 1px;
    background: #979797;
    position: absolute;
    right: 120%;
    top: 7px;

}

.hero-slider .title-offset{
    transform: translateX(-120%) rotate(-90deg);
    position: relative;
    top: 20px;
    left: 0;
    display: inline-block;
    transform-origin: right;
}

.hero-slider .title-offset h3{
    text-transform: uppercase;
}

.hero-slider .title-offset h3::before{
    right: 110%;
}

.hero-slider .slide-item .row{
    height: 90vh;
}

.hero-slider .owl-dots{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.hero-slider .owl-dots button{
    display: block;
    clear: both;
    float: right;
    margin-bottom: 30px;
    text-align: left;
    outline: none !important;
}
.hero-slider .owl-dots button:last-child{
    margin-bottom: 0px;
}
.hero-slider .owl-dots button span{
    width: 70px !important;
    height: 2px !important;
    border-radius: 0px !important;
    background: #A4A4A4 !important;
    transition: all ease-in-out 0.3s !important;
    margin: 0px !important
}
.hero-slider .owl-dots button.active span{
    width: 100px !important;
    background: #545454 !important;
}

.hero-slider .owl-dots button def{
    font-family: 'Lato';
    font-size: 20px;
    font-weight: 300;
    color: #A4A4A4;
    transition: all ease-in-out 0.3s;
}

.hero-slider .owl-dots button.active def{
    color: #545454;
}
.promo-title{
    font-family: 'Lato';
    font-weight: 700;
    font-size: 52px;
    color: #023048;
    letter-spacing: 0;
    line-height: 56px;
    color: #023048;
}
.highlight-item{
    height: 475px;
    width: 100%;
    background: url(../images/hl-1.jpg) center center no-repeat;
}
.highlight-item.p2{
    background: url(../images/hl-2.jpg) center center no-repeat;
}
.highlight-item.p3{
    background: url(../images/hl-3.jpg) center center no-repeat;
}
.section{
    width: 100%;
    padding: 100px 0;
    position: relative;
}
.section.no-padding-top{
    padding-top: 0;
}
.pad-top-50{
    padding-top: 50px;
}
.section.half-padding-top{
    padding-top: 50px;
}
.padding-bottom-50{
    padding-bottom: 50px;
}
/*Article*/
.article-thumb{
    width: 600px;
    height: 400px;
    background: url(../images/article-pic-1.jpg) center center no-repeat;
    max-width: 100%;
}
.article-thumb.p2{
    background: url(../images/article-pic-2.jpg) center center no-repeat;
}
.article-content{
    background: #fff;
    padding: 50px;
    position: absolute;
    left: 40%;
    top: 50%;
    transform: translateY(-50%);
}
.article-content h3{
    font-family: 'Lato',sans-serif;
    font-weight: bold;
    color:#023048;
}


/*Podcasts*/
.podcast-item{
    width: 100%;
    height: 260px;
    background: url('../images/pod-1.jpg') center center no-repeat;
    background-size: cover !important;
}
.podcast-item.p2{
    background: url('../images/pod-2.jpg') center center no-repeat;
}
.podcast-item.p3{
    background: url('../images/pod-3.jpg') center center no-repeat;
}
.podcast-item.p4{
    background: url('../images/pod-4.jpg') center center no-repeat;
}
.podcast-overlay{
    width: 100%;
    height: 260px;
    position: relative;
    background:rgba(2,48,72,0.5);
}
.podcast-overlay a{
    border-radius: 50%;
    background: transparent;
    transition: all ease-in-out .2s;
    outline: none !important;
}
.podcast-overlay a:hover{
    background: #FE5D00;
}
.podcast-item-title{
font-family: 'Lato',sans-serif;
font-size: 21px;
color: #023048;
letter-spacing: 0;
font-weight: 600;
margin-top: 20px;
}


/*Highlight Video*/
.push-down{
    margin-top:100px; 
}
.hv-picture{
    width: 445px;
    height: 460px;
    background-size: cover;
    margin: 0 auto;
    position: relative;
    max-width: 100%;
    z-index:999;
}
.hv-picture.p1{
    background: url('../images/hv-1.jpg') center center no-repeat;
}
.hv-picture.p2{
    background: url('../images/hv-2.jpg') center center no-repeat;
}
.hv-picture.p3{
    background: url('../images/hv-3.jpg') center center no-repeat;
}
.hv-picture.p4{
    background: url('../images/hv-4.jpg') center center no-repeat;
}
.hv-picture.p5{
    background: url('../images/hv-5.jpg') center center no-repeat;
}
.hv-picture.p6{
    background: url('../images/hv-6.jpg') center center no-repeat;
}
.hv-textblock{
  position: absolute;
  bottom: -50px;
  background: #FE5D00;
  width:400px;
  min-height: 200px;
  padding: 50px;
  right: -50px;
  max-width: 100%;
  overflow:auto;
}
.hv-textblock.alt{
    background: #023048;
}
.menu-li-last:hover {
    background:#023048;
    color:#fff;
}
.menu-li-last {
    padding: 10px 30px 8px;
    background: #FE5D00;
    color:#fff;
    text-transform: uppercase;
    transition: all ease-in-out 0.3s;
}
.hv-textblock h3{
    font-family: 'Lato',sans-serif;
    font-size: 32px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 600;
    margin-top: 0;
    padding-bottom: 10px;
}
.playvideo{
    font-family: "Hind";
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 6px;
}
.playvideo:hover{
    color: #ccc;
}

/*Video Grid*/
.video-item{
    width: 100%;
    height: 260px;
    background: url('../images/video-1.jpg') center center no-repeat;
    background-size: cover;
}
.video-item.p2{
    background: url('../images/video-2.jpg') center center no-repeat;
    background-size: cover;
}
.video-item.p3{
    background: url('../images/video-3.jpg') center center no-repeat;
    background-size: cover;
}
.video-item.p4{
    background: url('../images/pod-4.png') center center no-repeat;
    background-size: cover;
}
.video-overlay{
    width: 100%;
    height: 260px;
    position: relative;
    background:rgba(2,48,72,0.5);
    opacity: 0;
    transition: all ease-in-out 1s;
}
.video-overlay:hover{
    opacity: 1;
}
.video-item-title{
font-family: 'Lato',sans-serif;
font-size: 21px;
color: #023048;
letter-spacing: 0;
font-weight: 600;
margin-top: 20px;
}

/*Infographic Grid*/
.infographic-item{
    width: 100%;
    height: 390px;
    background: url('../images/inf-01.jpg') center center no-repeat;
    background-size: cover;
}
.infographic-item.p2{
    background: url('../images/inf-02.jpg') center center no-repeat;
    background-size: cover;
}
.infographic-item.p3{
    background: url('../images/inf-03.jpg') center center no-repeat;
    background-size: cover;
}
.infographic-overlay{
    width: 100%;
    height: 390px;
    position: relative;
    background:rgba(2,48,72,0.5);
    opacity: 0;
    transition: all ease-in-out 1s;
}
.infographic-overlay:hover{
    opacity: 1;
}
.infographic-item-title{
font-family: 'Lato',sans-serif;
font-size: 21px;
color: #023048;
letter-spacing: 0;
font-weight: 600;
margin-top: 20px;
}
.read-m-orange{
    color: #FE5D00;
    transition: all ease-in-out .2s;
}
.read-m-orange:hover{
    color: #023048
}
/*----------Footer Area--------------------*/
.ft-left{
    height: 175px;
    background: #023048;
}
.ft-right{
    height: 175px;
    background: #E7E1E1;
}

footer{
    background: #E7E1E1;
    /* padding: 0 50px; */
}
footer .row{
    margin: 0px !important;
}
footer h6.copy-text{
    font-family: "Hind";
    font-weight: 400;
    font-size: 15px;
    color: #020202;
    padding: 0px 50px;
    margin: 0px;
}

footer ul.social-icons{
    list-style: none;
    margin: 0;
    padding: 0;
}

footer ul.social-icons li{
    display: inline-block;
    margin-right: 15px;
}
footer ul.social-icons li:last-child{
    margin-right: 0px;
}

footer ul.social-icons li a{
    font-size: 22px;
    color: #373737;
}

footer ul.social-icons li a:hover{
    color: #FE5D00;
}





/* Mobile Header/Menu */

   /* Menu Header */
   .header {
    display: block;
	background: #fff;
	overflow: hidden;
	height: 55px;
	width: 100%;
	z-index: 3;
	position: fixed;
	transition: all 0.4s ease-out, background 1s ease-out;
}
.header.menu-open {
	height: 100%;
	background: #fff;
	transition: all 0.45s ease-out, background 0.8s ease-out;
}

/* Menu List items */
.mobile-header{
    display: none;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: #FFF;
}
.mobile-menu {
    clear: both;
    position: absolute;
    padding-top: 15px;
    top: 65px;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #FFF;
    z-index: 800;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out .2s;
}
.mobile-header.menu-open .mobile-menu {
    opacity: 1;
    visibility: visible;
}
.mobile-header .img-logo{
    width: 80%;
    float: left;
    position: relative;
    z-index: 999;
}
.mobile-header .img-logo img{
    width: auto;
    margin-left: 30px;
    margin-top: 20px;
    height: 30px;
}
.mobile-header .icon-container{
    width: 70px;
    float: right;
    margin-top: 0px;
    position: relative;
    z-index: 999;
}
.mobile-header ul.menu {
	position: relative;
	display: block;
	padding: 0px 40px 0;
	list-style: none;
}
.mobile-header ul.menu li.menu-item{
    display: block;
}
.mobile-header ul.menu li.menu-item a {
	display: block;
	position: relative;
	color: #333;
	text-decoration: none;
	font-size: 18px;
	line-height: 2.8;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
}
.mobile-header ul.menu li.menu-item {
	border-bottom: 1px solid #333;
	margin-top: 5px;
	opacity: 0;
	transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.mobile-header ul.menu li.menu-item:nth-child(1) {
	transition-delay: 0.35s;
}
.mobile-header ul.menu li.menu-item:nth-child(2) {
	transition-delay: 0.3s;
}
.mobile-header ul.menu li.menu-item:nth-child(3) {
	transition-delay: 0.25s;
}
.mobile-header ul.menu li.menu-item:nth-child(4) {
	transition-delay: 0.2s;
}
.mobile-header ul.menu li.menu-item:nth-child(5) {
	transition-delay: 0.15s;
}
.mobile-header ul.menu li.menu-item:nth-child(6) {
	transition-delay: 0.1s;
}
.mobile-header ul.menu li.menu-item:nth-child(7) {
	transition-delay: 0.05s;
}
.mobile-header.menu-open ul.menu li.menu-item {
	opacity: 1;
}
.mobile-header.menu-open ul.menu li.menu-item:nth-child(1) {
	transition-delay: 0.05s;
}
.mobile-header.menu-open ul.menu li.menu-item:nth-child(2) {
	transition-delay: 0.1s;
}
.mobile-header.menu-open ul.menu li.menu-item:nth-child(3) {
	transition-delay: 0.15s;
}
.mobile-header.menu-open ul.menu li.menu-item:nth-child(4) {
	transition-delay: 0.2s;
}
.mobile-header.menu-open ul.menu li.menu-item:nth-child(5) {
	transition-delay: 0.25s;
}
.mobile-header.menu-open ul.menu li.menu-item:nth-child(6) {
	transition-delay: 0.3s;
}
.mobile-header.menu-open ul.menu li.menu-item:nth-child(7) {
	transition-delay: 0.35s;
}

/* Menu Icon */
.icon-container {
	position: relative;
	display: inline-block;
	z-index: 2;
	float: right;
	/* Simply change property to float left to switch icon side :) */
	height: 55px;
	width: 55px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.icon-container #menuicon {
	width: 20px;
	height: 10px;
	position: relative;
	display: block;
	margin: -4px auto 0;
	top: 50%;
}
#menuicon .bar {
	width: 100%;
	height: 1px;
	display: block;
	position: relative;
	background: #fff;
	transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
#menuicon .bar.bar1 {
	-webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
    background-color: black;
}
#menuicon .bar.bar2 {
	-webkit-transform: translateY(6px) rotate(0deg);
    transform: translateY(6px) rotate(0deg);
    background-color: black;
}
.menu-open .icon-container {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.menu-open .icon-container #menuicon .bar {
	transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition-delay: 0.1s;
}
.menu-open .icon-container #menuicon .bar.bar1 {
	-webkit-transform: translateY(4px) rotate(45deg);
	transform: translateY(4px) rotate(45deg);
}
.menu-open .icon-container #menuicon .bar.bar2 {
	-webkit-transform: translateY(3px) rotate(-45deg);
	transform: translateY(3px) rotate(-45deg);
}

.comingsoon{
    font-size:12px;
    color:#333;
    padding:5px 10px;
    border:solid 1px #dfdfdf;
}
.comingsoon.white{
    color:#fff;
    margin-bottom:10px;
    border:none;
    padding-left:0;
}

.padding-bottom-50{
    padding-bottom:50px !important;
}

.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
    -ms-touch-action: auto;
        touch-action: auto;
}