/*
Theme Name: ETF Corporate
Theme URI: 
Author: Foundry Digital
Author URI: 
Description: The theme for the ETF Corporate website
Version: 1.0
*/

@charset "utf-8";

/*----------intial declartaion of css----------*/
* { padding: 0; margin: 0; list-style: none; font-weight: normal;}
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;font-family: 'Roboto', sans-serif;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
img { max-width: 100%; }
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf { *zoom:1;}
main {display:block;}


a {outline: none; cursor: pointer; text-decoration: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
h1,h2,h3,h4,h5,h6{margin-top: 0; text-transform: uppercase;}
h1 { font-size: 60px; margin-bottom: 20px; }
h2 { font-size: 32px; line-height: 1.3em; margin-bottom: 18px;}
h3 { font-size: 32px; margin-bottom: 20px; }
h4 { font-size: 22px; margin-bottom: 20px; }
h5 { font-size: 18px; margin-bottom: 20px;}
body { margin: 0; padding: 0; font-size: 18px; color: #222222; background-color: #000000;}
p {font-size:18px;line-height: 30px;}
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.container { max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 15px; position: relative; z-index: 99;}
.wrapper{
	 background-color: #ffffff;
}
.fluid{padding: 0; margin: 0 auto;}
.clearfix::after, .main-row::after{
	display: block;
	content: '';
	clear: both;
}
.main-row{
	margin-right: -15px;
	margin-left: -15px;
}
.col-6, .col-3{
	padding-left: 15px;
	padding-right: 15px;
}
#header{
	position: fixed;background-color:#ffffff;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    z-index: 9999;
	padding: 20px 60px;
	-webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
      border-bottom: 1px solid #e2e2e2;

}

/*-- menu style --*/
.menu-icon {
    display: none;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    line-height: 33px;
    font-size: 22px;
    padding: 10px 0;
}
.menu-icon .menu-box {
    width: 50px;
    height: 38px;
    padding: 7px 5px;
    position: absolute;
    right: 30px;
}
.menu-icon .menu-box span {
    width: 100%;
    height: 4px;
    margin-bottom: 6px;
    background: #000000;
    display: block;
    border-radius: 2px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.menu-icon.active .menu-box span{
    background: #e52b3e;
}
/*.menu-icon.active span:nth-child(1) {
    transform: rotate(45deg) translateY(8px) translateX(6px);
    -webkit-transform: rotate(45deg) translateY(8px) translateX(6px);
}
.menu-icon.active span:nth-child(2) {
    opacity: 0;
}
.menu-icon.active span:nth-child(3) {
    transform: rotate(-45deg) translateY(-7px) translateX(6px);
    -webkit-transform: rotate(-45deg) translateY(-7px) translateX(6px);
}*/
.enumenu_ul .caret {
    color: #fff;
    margin-left: 7px;
}
.enumenu_container{
    display: inline-block;
    vertical-align: middle;
}
.enumenu_ul {
    padding: 0px;
    list-style: none;
}
.enumenu_ul > li {
    /*display: inline-block;*/
	float: left;
    vertical-align: top;
    padding-bottom: 20px;
    position: relative
}
.enumenu_ul > li:hover > a,
.enumenu_ul > li.active > a {
    background: transparent none repeat scroll 0 0;
}
.enumenu_ul > li ul {
    display: none
}
.enumenu_ul ul li {
    width: 100%;
    margin: 0;
    list-style: none;
    position: relative;
}
.enumenu_ul.desk ul {
    top: 100%;
    z-index: 999;
    list-style: none;
    left: 0px;
    background: #000000;
    position: absolute;
    min-width: 200px;
}
/*Sub menu styles*/

.menu.submenu-ul-level1 li a {
    background: rgba(31, 26, 107, 0.8);
    color: #fff;
    padding-left: 90px;
}
.enumenu_ul.desk li:hover > ul {
    display: block;
    opacity: 1;
}
.enumenu_ul.desk .sb-menu .sb-menu {
    left: 100%;
    top: 0;
}
.enumenu_ul.desk ul li a {
    padding: 10px 10px;
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: left;
}
.enumenu_ul.mob a {color:#ffffff;}
.enumenu_ul.desk ul li:hover > a {
    color: #e52b3e;
}
.enumenu_ul .arrow {
    position: absolute;
    right: 10px;
    top: 7px;
    width: 30px;
    height: 30px;
    background: url(images/plus.png) no-repeat center center;
    cursor: pointer;
    z-index: 999
}
.enumenu_ul .arrow.up {
    background: url(images/minus.png) no-repeat center center
}


.logo{
	display: block;
	float: left;
}
.menu-container{
	float: right;
}
.menu, .search-div{
	display: inline-block;
}
.search-div{
	display: inline-block;
	margin: 0 0 20px 22px;
	vertical-align: middle;
	color: #ffffff;
	font-size: 22px;
}
.responsive-menu-icon .icon-bar{
	display: block;
	width: 40px;
	height: 4px;
    margin-bottom: 6px;
    background: #fff;
    display: block;
    border-radius: 2px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.responsive-menu-icon.active .icon-bar:nth-child(1) {
    transform: rotate(45deg) translateY(8px) translateX(6px);
    -webkit-transform: rotate(45deg) translateY(8px) translateX(6px);
}
.responsive-menu-icon.active .icon-bar:nth-child(2){
	opacity: 0;
}
.responsive-menu-icon.active .icon-bar:nth-child(3) {
    transform: rotate(-45deg) translateY(-7px) translateX(6px);
    -webkit-transform: rotate(-45deg) translateY(-7px) translateX(6px);
}
.responsive-menu-icon:hover{
	cursor: pointer;
}
.responsive-menu-icon .icon-bar:last-child{
	margin-bottom: 0;
}
.menu{
	text-align: center;
	margin-top: 30px;
}
.menu li{
	display: inline-block;
	list-style: none;
	margin: 0 10px;
}
.menu li a{
	color: #000000;
	font-size: 16px;
	-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;text-transform: uppercase;
}
.menu li a:hover, .search-div:hover{
	color: #e52b3e;
}
.enumenu_ul.desk ul {
	
}
#header.fixed-header .enumenu_ul.desk ul {
	padding-top: 15px;
}

/* banner */
.banner{
	position: relative;
}
.scroll-down{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: -6px;
}
.scroll-down a{
	display: inline-block;
	border-radius: 50%;
	height: 69px;
	width: 69px;
	background-color: rgba(255, 255, 255, 0.5);
	background-image: url('images/scrolldown.png');
	background-position: center center;
	background-repeat: no-repeat;
	line-height: 100px;
	overflow: hidden;
	-webkit-transition: background 0.25s ease;
    -o-transition: background 0.25s ease;
    transition: background 0.25s ease;
}
.scroll-down a:hover{
	background-color: #ffffff;
}
.banner-slide img {
	display: none;
}
.banner-slide{
	position: relative;
	 min-height:calc(100vh - 142px);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.banner-slide:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
}
.banner-inner{
	position: absolute;
	padding: 0 15px;
	width: 1020px;
	color: #ffffff;
	text-align: center;
	top: 50%;
	left: 50%;
	z-index: 99;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.banner-inner h1{
	position: relative;
	line-height: 66px;
	margin-bottom: 100px;
}
.banner-inner h1::after{
	position: absolute;
	content: '';
	width: 275px;
	height: 5px;
	background-color: #e52b3e;
	left: 50%;
	bottom: -48px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.banner-inner p{
	font-size: 24px;
	line-height: 30px;
	margin: 0 auto 50px;
}
.button{
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	padding: 10px 35px;
	text-decoration: none;
	border: 2px solid #e52b3e;
	border-radius: 29px;
	color: #ffffff;
	background-color: #e52b3e;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.button:hover{
	border: 2px solid #e52b3e;
	color: #e52b3e;
	background-color: transparent;
}
.slick-dotted.slick-slider{
	margin-bottom: 0;
}
.banner .slick-dots, .banner .slick-arrow{
	display: none !important;
}
.slick-prev:before, .slick-next:before{
	color: #000;
	font-size: 25px;
}

.expert-sec{
	background-color: #ffffff;
	padding: 60px 0 70px;
}
.exp-inner{
	max-width: 560px;
}
.col-6, .col-3{
	float: left;
}
.col-6{
	width: 50%;
}
.col-3{
	width: 25%;
}

.expert-sec .main-row .col-6:first-child p, .event-sec .innerflex-1 p{
	font-family: 'Roboto', sans-serif;
	color: #4e4d4d;
	line-height: 35px;
	font-size: 24px;
	margin-bottom: 110px; 
}
.event-sec .innerflex-1 p{
	margin-bottom: 0;
}
.outer-circle{
	display: table;
	font-family: 'Roboto', sans-serif;
	font-size: 41px;
	color: #ffffff;
	padding: 30px;
	text-align: center;
	margin: 0 auto;
	text-transform: uppercase;
	background-color: #e52b3e;
	border-radius: 50%;
}
.circle1{
	height: 420px;
	width: 420px;
}
.circle1 h4{
	font-size: 40px;
}
.outer-circle > h4{
	display: table-cell;
	height: 100%;
	width: 100%;
	vertical-align: middle;
}
.circle2{
	font-size: 20px;
	height: 200px;
	width: 200px;
	background-color: #b81929;
	margin-left: 0; 
}
.circle2 > h4{
	font-size: 20px;
}
.circle3 > h4{
	font-size: 29px;
}
.circle3{
	margin-right: 40px;
	margin-top: -63px;
	margin-bottom: 83px;
	height: 296px;
	width: 296px;
	background-color: #f94d5f;
}
.expert-sec p{
	color: #222222;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 33px;
}
.experience-sec{
	padding: 91px 0;
	background-color: #ffffff;
	color: #ffffff;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.exp-inner{
	max-width: 900px;
	margin: 0 auto;
}
h1{
	position: relative;
	margin-bottom: 70px;
}
h1::after{
	content: '';
	position: absolute;
	height: 4px;
	width:140px;
	background-color: #cd0e2c;
	left: 50%;
	bottom: -16px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.exp-inner p{
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 30px;
}
.experience-sec .button:hover{
	border-color: #ffffff;
	color: #ffffff;
}
/* news section */
.news-sec{
	position: relative;
	background: #ffffff;
	padding: 90px 0 60px;
	z-index: 1;
}
.news-sec::before{
	background-color: #e52b3e;
	content: '';
	width: 100%;
	height: 330px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.news-sec h2{
	margin-bottom: 70px;
	color: #ffffff;
}

.news-wrap{
	max-width: inherit;
	overflow-x: auto;
}
.news-sec .flex-container{
	-ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.content-1{
	position: relative;
	height: 400px;
	margin-top: -48px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}    
.news-inner{
	display: inline-block;
	padding: 0 15px;
	width: 100%;
	max-width: 290px;
	min-height: 360px;
	vertical-align: top;
}
.news-inner a{
	color: #222222;
	-webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.news-inner a:hover{
	color: #e52b3e;
}
.content-1 .news-inner:first-child{
	padding-left: 0;
}
.content-1 .news-inner:last-child{
	padding-right: 0;
}
.news-inner .image{
	height: 170px;
	width: 100%;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}


/* custom scroll */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{
	height: 5px;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: rgb(229,14,62) !important;
	height: 10px;
	border-radius: 0;
	margin: 5px 0;
}

.news-inner h4{
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	min-height: 70px;
	color: #222222;
	margin-bottom: 18px;
}
.news-inner .date{
	color: #939393;
	font-size: 16px;
}
/* event section */
.event-sec{
	background-color: #ffffff;
	position: relative;
}
.flex-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
        flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}
.innerflex-1{
	padding: 0 70px 0px 0;
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.innerflex-1 h2{
	margin-bottom: 32px;
}
.innerflex-2{
	padding: 80px 15px 30px;
	width: 25%;
}
.innerflex-2 > h4{
	margin-bottom: 24px;
	min-height: 60px;
	max-width: 205px;
}
.overlay{
	position: relative;
	display: block;
	height: auto;
	width: 100%;
	padding-bottom: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	margin: 0 auto 35px;
	border-radius: 50%;
	overflow: hidden;
}
.red-overlay{
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	border-radius: 50%;
	background-color: #e52b3e;
	color: #ffffff;
	text-align: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.overlay:hover .red-overlay{
	opacity: 1;
}
.innerflex-2 p{
	font-size: 16px;
	color: #222222;
	padding-right: 15px;
}


/* contact section */
.contact-sec{
	padding: 90px 0;
	text-align: center;
	background-color: #f8f8f8;
}
.submit-btn{
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	height: 60px;
	text-transform: uppercase;
	border: 2px solid #e52b3e;
	border-radius: 0;
	padding: 0px 15px;
	line-height: 61px;
	color: #ffffff;
	background-color: #e52b3e;
	-webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.submit-btn:hover, input[type="submit"]:focus{
	background-color: #ffffff;
	color: #e52b3e;
}

/* footer */
#footer-main{
	color: #ffffff;
	padding: 60px 0;
   border-top: 1px solid #525252;
   position: relative;
   background-color:#000000;
}
.newsletter-frm{
	position: relative;
}
.subscribe-btn{
	padding: 0 10px;
	position: absolute;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	height: 60px;
	line-height: 56px;
	width: 198px;
   font-weight:700;
	border: 2px solid #e52b3e;
	border-radius: 0;
	right: 0;
	bottom: 0;
	background-color: #e52b3e;
	color: #ffffff;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.subscribe-btn:hover{
	color: #e52b3e;
	background-color: #ffffff;
}
#footer-main .form{
	max-width: 585px;
	margin-bottom: 40px;
}
#footer-main .form h6{
	font-size: 30px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.text.black{
	background-color: rgba(61, 61, 61, 1);
	font-size: 24px;
	height: 60px;
	padding:0 220px 0 20px; 
	font-family: 'Roboto', sans-serif;
	color: #c7c7c7;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	padding-right: 220px;
	border-radius: 0;
}
.text.black:focus{
background-color: rgba(61, 61, 61, 0.7);
}
footer .main-row .col-6:first-child p{
	font-size: 14px;
	padding-left: 0;
	margin-bottom: 40px;
}
.social li{
	display: inline-block;
	margin-right: 25px;
}
.social li:last-child{
	margin-right: 0;
}
.social li a{
	color: #ffffff;
	height: 30px;
	width: 26px;
	font-size: 20px;
}
.social li a:hover{
	color: #e52b3e;
}
footer p{
	padding: 0 0 20px 0;
	font-size: 15px;
	color: #ffffff;
}
footer a {color:#e52b3e}

.ui-widget-header .ui-icon{background-image: url(../images/ui-icons_444444_256x240.png);}


.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url(images/ui-icons_555555_256x240.png);}

.sticky  #header{background-color:#ffffff;}