/* Slider */
.slider{
    /*background-color: #153a60;*/
}
.slider, .slider *{
    cursor: default;
}
.slider, .sliderAreaContent{
    min-height: 400px;
    min-height: 550px;
    position: relative;
    z-index: 3;
}
.sliderAreaContent{
    position: relative;
}
.sliderBackgrounds, .sliderBg, .sliderImgBgHolder, .sliderContent, .sliderVideoBgHolder{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.sliderImgBgHolder{
    background-position: center;
    /*background-size: cover;
    background-attachment: fixed;*/
    background-repeat: no-repeat;
}

@media(min-width:1024px){
    .sliderImgBgHolder{
        /*background-color: rgb(16,48,88);*/
		/*background-color: #071321;*/
		/*background-color: #041E41;*/
        /*background: -moz-linear-gradient(270deg, rgba(16,48,88,1) 0%, rgba(10,22,48,1) 100%) !important;
        background: -webkit-linear-gradient(270deg, rgba(16,48,88,1) 0%, rgba(10,22,48,1) 100%) !important;
        background: linear-gradient(270deg, rgba(16,48,88,1) 0%, rgba(10,22,48,1) 100%) !important;*/
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#103058",endColorstr="#0a1630",GradientType=1);
    }
}

@media(min-width:768px){
.sliderBg[data-slider="1"] .sliderImgBgHolder{
	/*background-size: contain;*/
	/*transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-ms-transform: scaleX(-1);*/
}
	
}

@media(max-width:768px){
    .sliderImgBgHolder{
        background-position: top center;
		background-size: cover;
    }
}
.sliderVideoBgHolder {
    overflow: hidden;
    background: #000;
}
.sliderVideoBgHolder video {
    width: 100%;
    opacity: 0.3;
}
@media (max-width: 1359px) {
/*.sliderItem[data-slider="1"] .sliderTextContent {
	display: none;
}
.sliderBg[data-slider="1"] .sliderImgBgHolder {
	background-image: none!important;
    background-color: #041E42;
}
.sliderItem[data-slider="1"] .sliderContentImgHolderPC {
	display: block;
	background-position: 16% center;
}*/
}

@media (max-width: 991px) {
.sliderVideoBgHolder video {
	width: auto;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
/*.sliderItem[data-slider="1"] .sliderContentImgHolderPC {
	display: block;
	background-position: 30% center;
}*/
}

@media (max-width: 768px) {
.memberCubeArea {
    bottom: 0px !important;
    position: absolute !important;
    width: 94% !important;
    left: 15px !important;
}
.container.sliderAreaContent {
    min-height: 760px;
}
.sliderBg[data-slider="3"] .sliderImgBgHolder {
	background-position: left center;
}
}

@media (max-width: 676px) {
.container.sliderAreaContent {
    min-height: 720px;
}
}

@media (max-width: 550px) {
.container.sliderAreaContent {
    min-height: 662px;
}
}

@media (max-width: 450px) {
.container.sliderAreaContent {
    min-height: 618px;
}
}

@media (max-width: 380px){
.container.sliderAreaContent {
    min-height: 584px;
}
}

.sliderBg{
    opacity: 0;
    transition: 0.5s ease opacity;
}
.sliderBg.active{
    opacity: 1;
}
.sliderItem{
    padding: 0 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: -1;
    transition: 0.5s ease opacity, 0.5s max-height ease ;
}
.sliderItem.zIndexBlock{
    z-index: 1;
}
.sliderItem.active{
    opacity: 1;
    z-index: 2;
}
.sliderItem .sliderTextContent{
    width: 100%;
    position: absolute;
    left: 15px;
    /*top: 50%;*/
    top: 44%;
    transform: translateY(-50%) scale(1);
    filter: blur(0);
    line-height: 1;
    z-index: 6;
}
.sliderItem[data-slider="1"] .sliderTextContent{
    width: 100%;
    position: absolute;
    /*left: 15px;*/
    /*top: 50%;*/
    /*top: 30%;
    transform: none;*/
    filter: blur(0);
    line-height: 1;
    z-index: 6;
}

.sliderTextContent{
    color:#fff;
    max-width: 568px;
}
.sliderSubTitle{
    font-size: 30px;
    font-weight: 300;
    display: block;
    line-height: 25px;
    margin-bottom: 5px;
}
.ar_Class .sliderSubTitle {
    text-align: right;
}
.ar_Class .sliderTitle {
    text-align: right;
    direction: ltr;
}
.sliderTitle{
    font-size: 38px;
    font-weight: 800;
    line-height: 40px;
    margin-bottom: 10px;
}
.sliderDescription{
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
}
.sliderImgContent{
    position: absolute;
    width: 1300px;
    height: 100%;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%) scale(1);
    left: auto;
    right: -130px;
    filter: blur(0);
    line-height: 1;
    vertical-align: middle;
}
.sliderImgContent img{
    display: inline-block;
}
.sliderContentImgHolderPC{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
	display: none;
}
.memberCubeArea {
    width: 395px;
    background: #fff;
    position: relative;
    z-index: 8;
    padding: 20px;
    float: right;
    margin: 35px 0;
    height:auto;
}
.sliderControl{
    position: absolute;
    left: 11px;
    bottom:25px;
    z-index: 5;
}
.sliderControl span{
    cursor: pointer;
    display: block;
    width: 26px;
    height: 26px;
    float: left;
    position: relative;
    margin-right: 0;
}
.sliderControl span:before{
    content:'';
    width: 16px;
    height: 16px;
    position: absolute;
    left: 4px;
    top: 4px;
    background-color: #fff;
    border:1px solid #ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: 0.3s ease background-color;
}
.pc .sliderControl:hover span:before{
    background: #fff;
}
.sliderControl span.active:before, .pc .sliderControl span:hover:before{
    background: rgba(255,255,255,0.01);
}
.sliderContentImgHolderMobile{
    display: none;
}
@media (max-width: 1359px){
    .sliderItem .sliderTextContent{
        max-width: 385px;
    }
    .sliderImgContent{
        right: -280px;
    }
    .memberCubeArea{
        width: 314px;
    }
}
@media(max-width: 992px){
    .sliderContentImgHolderPC{
        display: none;
    }

    .sliderItem .sliderTextContent{
        max-height: 0;
        overflow: hidden;
    }
    .sliderItem.active .sliderTextContent{
        max-height: 300px;
    }
}
@media(max-width: 768px){
.sliderBg[data-slider="1"] .sliderImgBgHolder {
    background-image: url(/wp-content/themes/sogo-child/assets/img/homepage/main-img2_mobile.jpg)!important;
	background-size: 100% auto;
}
.sliderItem[data-slider="1"] .sliderTextContent {
    /*top: 44px;*/
}
.sliderDescription{
	display: none;
}
.sliderContent, .memberCubeArea {
	position: relative;
	float: left;
	top:auto;
	bottom: auto;
	width: 100%;
	transform:none;
	left: 0;
}
.sliderControl{
	bottom: auto;
	top: 30px;
}
.sliderContent{
	height: 240px;
}
.sliderItem .sliderTextContent{
	left: 0;
	margin-top: 15px;
	max-width: 100%;
}
.sliderItem {
	height: 240px;
}
.sliderSubTitle{
	font-size: 22px;
	line-height: 23px;
	text-shadow: 1px 1px 1px #050606;
}
.sliderTitle{
	font-size: 30px;
	line-height: 1em;
	display: table-caption !important;
	white-space: pre-line;
	text-shadow: 1px 1px 1px #050606;
}
.sliderItem[data-slider="1"] .sliderTextContent .sliderTitle {
    display: block!important;
}
.sliderImgContent{
	width: 160px;
	height: 240px;
	top: 0;
	left: auto;
	right: 30px;
	transform: none;
	display: none;
}
.sliderContentImgHolderMobile{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: bottom right;
	top:0;
}
.memberCubeArea{
	margin-top:0;
	margin-bottom: 30px;
}
}
@media(max-width: 480px){
    .sliderImgContent{
        right:10px;
    }
    .sliderSubTitle{
        font-size: 18px;
    }
    .sliderTitle{
        font-size: 24px;
    }
}

.sectionTitle{
    margin: 30px 0 10px 0;
    text-align: center;
    line-height: 26px;
    cursor: default;
    font-size: 22px;
}

@media(max-width: 768px){
    .sectionTitle{
        font-size: 23px;
        padding: 0 40px;
        margin: 20px 0 10px 0;
    }
}

@media(max-width: 550px){
    .sectionTitle{
        padding: 0 10px;
    }
}
.pricePlatformRow .container{
    position: relative;
}

/* Home Platform Tab Section */
.ftTab.homePlatformTab .tabContent {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease all;
    opacity: 0;
}
.ftTab.homePlatformTab .tabContent.active {
    display: block;
    max-height: 460px;
    padding-bottom: 20px;
    opacity: 1;
}

.homePlatformTab .hptLink:before{
    transition: 0.3s ease all;
    height: 2px;
    display: block;
}

.pc .hptWrap:hover .hptLink:before{
    width: 0;
    left: 0;
    height: 2px;
    margin-left: 37%;
}
.pc .hptWrap:hover .hptLink{
    color:inherit
}

.pc .hptWrap button.hptLink:hover{
    color:#2193ff;
}
.pc .hptWrap button.hptLink:hover:before{
    width: 60%;
    background-color: #2193ff;
    left: 20%;
    margin-left: 0;
}

.homepagePlatforms{
    position: relative;
    transition: 0.3s ease height;
}
.homepagePlatforms:before {
    content:'';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left:0;
    top: 0;
    background-color: #e0e9f1;
}
.homePlatformItem{
    padding: 9px 0 10px 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #e0e9f1;
    padding-right: 180px;
    position: relative;
    min-height: 150px;
    cursor: default;
    overflow: hidden;
}
/*remove desktop fortrader*/
#fortraderPlatforms .homePlatformItem.homeFortradeMobile:first-child {
    display: none;
}
/*end remove desktop fortrader*/
.homePlatformTab .homePlatformItem:last-child {
    border-bottom:0;
}
.homePlatformTitle{
    font-weight: 700;
    font-size: 18px;
    color:#363e46;
    transition: 0.3s ease color;
}
.homePlatformDescription {
    margin-bottom: 10px;
    line-height: 17px;
    font-size: 15px;
}
.pc .homePlatformItem:hover .homePlatformTitle{
    color:#2193ff;
}
.homePlatformImage{
    width: 180px;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: -10px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

@media(max-width: 1359px){
    .homepagePlatforms:before {
        display: none;
    }
    .homepagePlatforms{
        background: #f2f5f7;
        border-top:1px solid #d8e0e7;
        border-bottom:1px solid #d8e0e7;
        margin-bottom: 20px;
    }
    .pricePlatformRow .container{
        width: 100%;
        margin: 0;
    }
    .homePlatformTab{
        max-width: 912px;
        margin: auto;
    }
    .homePlatformTab .tabLinkWrap{
        border-bottom: 0;
    }
    .homePlatformTab .tabLink.active{
        margin-bottom: 10px;
    }
    .homepagePlatforms .tabContent .homePlatformItem{
        background-color: #fff;
        padding: 15px 180px 15px 15px;
        border: 1px solid #e4ebef;
        position: relative;
    }
    .homepagePlatforms .tabContent[data-productLength="2"] .homePlatformItem{
        min-height: 165px;
        width: 48%;
        margin: 0 1%;
        float: left;
    }
    .homepagePlatforms .tabContent[data-productLength="2"] .homePlatformItem .homePlatformImage{
        bottom: auto;
        top: 0;
    }
    .homepagePlatforms .tabContent[data-productLength="3"] .homePlatformItem{
        min-height: 295px;
        width: 31%;
        margin: 0 1%;
        padding: 10px 15px 15px 15px;
        float: left;
    }
    .homepagePlatforms .tabContent[data-productLength="3"] .homePlatformItem{
        text-align: center;
    }
    .homepagePlatforms .tabContent[data-productLength="3"] .homePlatformDescription{
        min-height:50px;
    }
    .homepagePlatforms .tabContent[data-productLength="3"] .homePlatformTitle{
        margin: 5px 0;
        display: block;
    }
    .homepagePlatforms .tabContent[data-productLength="3"] .homePlatformItem .homePlatformImage{
        width: 100%;
        height: 140px;
        position: relative;
        background-size: 200px auto;
        background-position: center top;
        bottom: auto;
        top: 0;
    }
    .homepagePlatforms .tabContentWrap{
        margin-bottom: 20px;
    }
}
@media(max-width: 991px){
    .homePlatformTab{
        max-width: 748px;
    }

    .homepagePlatforms .ftBtn{
        padding: 0 10px;
    }
    .homepagePlatforms .tabContent[data-productLength="2"] .homePlatformItem .homePlatformImage{
        width: 120px;
        margin-top: 10px;
    }
    .homepagePlatforms .tabContent[data-productLength="2"] .homePlatformItem{
        padding: 15px 110px 15px 15px;
    }
}

@media(max-width: 768px){
    .homepagePlatforms .tabContent[data-productLength] .homePlatformItem{
        width: 100%;
        min-height: 160px;
        margin-bottom: 20px;
        padding: 10px 150px 15px 15px;
        text-align: left;
        margin-left:0;
    }
    .homepagePlatforms .tabContent[data-productLength] .homePlatformItem .homePlatformImage{
        width: 120px;
        height: 100%;
        position: absolute;
        right: 0;
        margin-right: 10px;
        margin-top: 5px;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
    .ftTab.homePlatformTab .tabContent{
        transition: 0.8s ease all;
    }
    .ftTab.homePlatformTab .tabContent.active{
        max-height: 1200px;
    }
}
@media(max-width: 480px){
    .homepagePlatforms .tabContent[data-productLength] .homePlatformItem{
        padding: 15px;
        text-align: center;
    }
    .homePlatformTitle {
        margin-top: 5px;
        float: left;
        width: 100%;
    }

    .homepagePlatforms .tabContent[data-productLength] .homePlatformItem .homePlatformImage{
        position: static;
        height: 130px;
        background-size: 180px auto;
        background-position: center top;
        width: 100%;
        margin: auto;
    }
}

/* Account Creation Advertorial */

.accAdv{
    background-color: #f2f5f7;
    border-top:1px solid #e5eaef;
    border-bottom:1px solid #e5eaef;
}

.accountStepsTab div.tabContent{
    display: block;
    float: left;
    width: 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: 0.6s ease all;
}
.accountStepsTab .tabContent.active{
    opacity: 1;
    max-height: 300px;
}

.accountStepsTab{
    padding: 0 0 20px 0;
    text-align: center;
    margin: 10px 0 0 0;
    float: left;
    width: 100%;
}

.accountStepsTab .tabLinkWrap{
    border-bottom: 1px solid #dce3e7;
    margin-bottom: 20px;
}

.accountStepsTab .tabLink{
    padding-left: 80px;
    padding-bottom: 20px;
    padding-top: 0;
    margin-bottom: 0;
    position: relative;
    min-height: 60px;
    vertical-align: top;
    color:#909da8;
}
.accountStepsTab .tabLink:before{
    width: 120%;
    left: -10%;
}

.accountStepsTab .tabLink svg{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    fill: #909da8;
    transition: 0.3s ease fill;
}
.accountStepsTab .tabLink svg.newVisitor{
    width: 65px;
}
.accountStepsTab .tabLink svg.readyVisitor{
    width: 70px;
    margin-left: -5px;
}
.accountStepsTab .tabLink svg{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    fill: #909da8;
    transition: 0.3s ease fill;
}
.accountStepsTab .tabLink svg.newVisitor{
    width: 65px;
}
.accountStepsTab .tabLink svg.readyVisitor{
    width: 70px;
    margin-left: -5px;
}
.accountStepsTab .tabLink .asBtnText{
    font-size: 20px;
    text-align: left;
    display: block;
    line-height: 15px;
    margin-top: 10px;
}
.accountStepsTab .tabLink .asBtnText strong{
    font-size: 30px;
    line-height: 30px;
    display: block;
}
.accountStepsTab .tabLink.active svg{
    fill:#2193ff;
}
.pc .accountStepsTab .tabLink:hover svg{
    fill:#2193ff;
}
.accountStepsWrap, .asScroller {
    width: 100%;
}
.accountStepsWrap > div,.asScroller  > div, .asExpItem > div{
    float: left;
}
.ar_Class .asScroller > div {
    float: right;
}
.asExpTitle, .asExpDescription{
    width: 100%;
    text-align: center;
}

.asExpTitle a{
    color:#363e46;
    font-size: 18px;
    font-weight: 700;
    transition: 0.3s ease color;
}

.pc .asExpTitle a:hover, .pc .asExpItem:hover a{
    color:#2193ff;
}


.asExpDescription{
    font-size: 16px;
    padding: 0 10px;
    line-height: 1.3em;
    margin-top: 5px;
    cursor: default;
}

.asExpItem {
    width: 29.5%;
    display: block;
}
.asSeparateArrow{
    width: 5.70%;
    margin: 45px 0 0 0;
}
.asSeparateArrow svg, .asSeparateArrow img{
    display: inline-block;
    width: 60%;
    fill: #d3d9df;
    height: 10px;
    max-width: 25px;
}
.asExpThumb{
    width: 100%;
    background-color: #e1e6eb;
    border:1px solid #c4cdd6;
    height: 80px;
    margin: 20px 0 10px 0;
    position: relative;
}
.asExpItem .checkMark{
    display: none;
}
.asExpItem.done .checkMark{
    display: block;
}
.asExpItem.done .asExpThumb{
    border: 1px solid #dbe0e4;
    background-color: #f4f5f5;
}

.asExpItem.done .asExpThumb span{
    opacity:0.5;
    background-color: #e1e6ea;
}
.asExpItem .checkMark{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    text-align:center;
}
.asExpItem .checkMark svg{
    width:50px;
    height:50px;
    position:absolute;
    left:50%;
    margin-left:-25px;
    top:50%;
    margin-top:-35px;
    fill:#8897a7;
}

.asExpThumb span{
    width: 70%;
    height: 59px;
    background-color: #d3d9df;
    display: inline-block;
    margin-top: 20px;
    bottom: 0;
    position: relative;
}
.asExpThumb span:before, .asExpThumb span:after{
    width: 20px;
    height: 59px;
    background-color: #c6cdd4;
    position: absolute;
    top: 0;
    content:'';
    display: block;
}
.asExpThumb span:before{
    transform: skewX(10deg);
    left: 50%;
    margin-left: -65px;
}
.asExpThumb span:after{
    transform: skewX(-10deg);
    left: 50%;
    margin-left: 45px;
}
.asExpThumb svg, .asExpThumb img{
    position: relative;
    z-index: 3;
    width: 120px;
    height: 99px;
    margin-top: -40px;
}

.asGettingStart{
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    border-top:1px solid #dce3e7;
    margin-bottom: 20px;
}
.asControl{
    display: none;
}

@media(max-width: 767px){
    .asControl{
        display: block;
        width: 100%;
        float: left;
        cursor: default;
        margin-top: 10px;
    }
    .accountStepsWrap{
        width: 100%;
        float: left;
    }
    .asScroller{
        width: 300%;
        float: left;
    }

    .asExpItem{
        float: left;
        width: 28%;
        margin: 0 2.5%;
    }

    .asSeparateArrow{
        display: none;
    }
    .asControl button{
        display: block;
        margin: 0 20px;
        color:#2193ff;
        overflow: hidden;
        transition: 0.5s ease max-width, 0.5s ease margin;
        max-width: 300px;
        white-space: nowrap;
    }
    .asControl button i{
        display: inline-block;
        overflow: hidden;
        line-height: 10px;
        width: 15px;
    }
    .asControl button.asControlRight i{
        margin-left:5px;
    }
    .asControl button.asControlLeft i{
        margin-right:5px;
    }
    .asControl button svg{
        display: inline-block;
        width: 25px;
        height: 11px;
        fill: #2193ff;
    }
    .asControlRight svg{
        margin-left: -10px;
    }

    .asControl .asControlLeft{
        float: left;
    }
    .asControl .asControlRight{
        float: right;
    }

    .tabContent .asScroller{
        transition: 0.5s ease margin-left;
    }
    .asControl .asControlLeft{
        max-width: 0;
        margin: 0;
    }
    .tabContent[data-step="2"] .asControlLeft, .tabContent[data-step="3"] .asControlLeft{
        max-width: 300px;
        margin: 0 20px;
    }
    .tabContent[data-step="3"] .asControlRight{
        max-width: 0;
        margin: 0;
    }

    .tabContent[data-step="1"] .asScroller{
        margin-left: 0;
    }
    .tabContent[data-step="2"] .asScroller{
        margin-left: -99%;
    }
    .tabContent[data-step="3"] .asScroller{
        margin-left: -198%;
    }

}
@media(max-width: 480px){
    .accountStepsTab .tabLinkWrap{
        margin-bottom: 10px;
    }

    .accountStepsTab .tabLink .asBtnText{
        font-size: 16px;
        margin-top: 0;
    }
    .accountStepsTab .tabLink .asBtnText strong{
        font-size: 24px;
        line-height: 24px;
    }
    .accountStepsTab .tabLink{
        vertical-align: bottom;
        margin: 0 5px 20px 5px;
        padding-bottom: 5px;
        padding-left: 50px;
    }
    .accountStepsTab .tabLink:before{
        width: 40%;
        left: 30%;
    }
    .accountStepsTab .tabLink svg{
        top: 7px;
    }
    .asControl button{
        margin: 0 10px;
    }
    .accountStepsTab .tabLink svg.newVisitor{
        width: 45px;
        height: 39px;
    }
    .accountStepsTab .tabLink svg.readyVisitor{
        width: 49px;
        height: 39px;
    }
}

/* Analysis */

.homeAnalysisCarouselWrapper{
    float: left;
    width: 100%;
    border-bottom: 1px solid #e0e9f1;
    padding-bottom: 20px;
}

.homeAnalysisRow{
    position: relative;
}

.homeAnalysisRow:after{
    content:'';
    width: 1px;
    height: 100%;
    position: absolute;
    display: block;
    right: -1px;
    top: 0;
    background:#e5eaef;
}

.homeAnalysisCarousel, .homeAnalysisCarousel .slick-list {
    width: 100%;
    float: left;
}

.homeAnalysisCarousel .slick-list{
    overflow: hidden;
}
.homeAnalysisItem {
    float: left;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    cursor: default;
    transition: 0.5s ease max-height;
    max-height: 300px;
}
.notLoaded .homeAnalysisItem{
    max-height: 0;
}
.homeAnalysisItemCenter{
    float: left;
    border:1px solid #e0e6ec;
}
.haiActionLink svg, .haiActionLink img{
    width: 5px;
    height: 5px;
    fill: #2193ff;
}
.haiThumbnail{
    width: 100%;
    width: calc(100% + 2px);
    height: 101px;
    margin-left: -1px;
    margin-top: -1px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}
.haiTitle{
    width: 90%;
    margin-left: 5%;
    margin-top: -50px;
    background: #fff;
    display: block;
    padding: 10px;
}
.haiTitle a{
    color:#343d49;
}
.haiTitle strong, .haiTitle span{
    transition: 0.3s ease color;
    width: 100%;
    display: block;
    text-align: center;
}
.haiTitle strong{
    font-size: 20px;
    line-height: 20px;
}
.haiDescription{
    text-align: justify;
    padding: 5px 10px 0 10px;
    float: left;
    width: 100%;
    max-height: 93px;
    overflow: hidden;
}
.haiAction{
    display: block;
    padding: 0 10px;
    float: left;
    width: 100%;
}
.haiAction{
    margin: 10px 0 15px 0;
}
.pc .homeAnalysisItemCenter:hover .haiTitle strong{
    color:#2193ff;
}
.sectionSubTitle{
    float:left;
    width: 100%;
    border-bottom:1px solid #e0e9f1;
    margin: 10px 0 15px 0;
    padding: 0 0 20px 10px;
    cursor: default;
}
.sectionSubName, .sectionSubDefine{
    display: inline-block;
    margin: 0;
}
.sectionSubName{
    color:#2193ff;
    font-size: 18px;
}
.sectionSubDefine:before{
    content:'/ ';
}
.homeAnalysisCarousel .slick-arrow{
    width: 80px;
    height: 30px;
    display: block;
    position: absolute;
    z-index: 10;
    border:1px solid #90c9ff;
    text-align: center;
    background-color: #fff;
    margin-top: -62px;
    vertical-align: middle;
}
.homeAnalysisCarousel .slick-arrow svg{
    width: 10px;
    height: 14px;
    margin-top: 4px;
    display: inline-block;
    fill:#2293ff;
}

.homeAnalysisCarousel .slick-prev{
    right:115px
}
.homeAnalysisCarousel .slick-next{
    right: 25px;
}

@media (min-width: 1359px){
	.sectionSubTitle{
		display: flex;
		align-items: center;
	}
	.sectionSubName, .sectionSubDefine{
		max-width: 350px;
		display: flex;
		align-items: center;
	}
	.sectionSubName{
		margin-right: 4px;
	}
	.sectionSubDefine:before{
		margin-right: 4px;
	}
}

@media (min-width: 993px){
	.sectionSubName, .sectionSubDefine{
		width: 36%;
	}
}

@media (max-width: 1359px){
    .homeAnalysisRow{
        float: left;
        width: 100%;
    }
    .homeAnalysisRow:after{
        display: none;
    }

    .homeAnalysisCarousel .slick-arrow{
        margin-top: -65px;
    }
}
.homePublicWeekly{
    float: left;
    width: 100%;
    position: relative;
}
.homeRecentPublications{
    padding-left: 0;
}
.homeRecentWeekly{
    padding-right: 0;
}

.homeRecentPublications, .homeRecentPublications{
    padding-bottom: 20px;
}

.homeRecentPublications:after{
    content:'';
    width: 1px;
    height: 100%;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    background:#e5eaef;
}
.secSubColTitle{
    width: 100%;
    float: left;
    font-weight: 700;
    color:#2196f3;
    font-size: 18px;
    padding: 20px 0;
    border-bottom:1px solid #e0e9f1;
    padding-left: 10px;
    cursor: default;
}
.secSubColAction{
    float: left;
    width: 100%;
    padding: 5px 10px;
}

.homeRecentAnalysisWrapper{
    float: left;
    width: 100%;
    padding:15px 10px 10px 10px
}

.hraItem{
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #d8e0e7;
    cursor: default;
}

.pc .hraItem:hover .hraTitle{
    color:#2193ff;
}


.hraItem:last-child{
    margin-bottom: 0;
}

.hraItem, .hraItem > div{
    float: left;
    width: 100%;
}
.hraTitle{
    display: block;
    width: 100%;
    font-weight: 700;
    color:#363e46;
    line-height: 15px;
    margin-bottom: 5px;
    transition: 0.3s ease color;
}
.hraDescription{
    text-align: justify;
    line-height: 1.3em;
    margin-bottom: 5px;
}

.hraDetails{
    vertical-align: baseline;
}
.hraDetails span {
    font-size: 14px;
    display: inline-block;
    vertical-align: baseline;
}
.hraTypeIcon svg, .hraTypeIcon img{
    vertical-align: text-top;
    width: 16px;
    height: 16px;
    fill: #69727f;
}

.homeRecentWeeklyWrapper{
    padding: 15px 10px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e9f1;
}
.homeYouTubeFrame{
    border: 0;
    background-color: #fff;
}
.hrwText, .hrwDate{
    line-height: 1.3em;
    float: left;
    width: 100%;
    margin: 5px 0;
    text-align: justify;
    cursor: default;
}

.hrwDate svg, .hrwDate img{
    display: inline-block;
    fill: #68717e;
    width: 13px;
    vertical-align: middle;
    height: 16px;
    margin-top: -3px;
}
.hrwDate{
    font-size: 14px;
}
@media (max-width: 1359px){
    .homeRecentPublications, .homeRecentWeekly{
        width: 50%;
        float: left;
    }
}
@media(max-width: 992px){
    .homeAnalysisRow{
        width: 100%;
        float: left;
    }
    .homeAnalysisRow:after{
        display: none;
    }
    .homeAnalysisCarousel .slick-arrow{
        margin-top: -70px;
        height: 35px;
        width: 50px;
    }
    .homeAnalysisCarousel .slick-prev{
        right: 85px;
    }
    .sectionSubTitle{
        padding-right: 130px;
    }
    .sectionSubDefine{
        display: block;
    }
    .sectionSubDefine:before{
        display: none;
    }

    .hraItem{
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
}
@media(max-width: 768px){
    .hraTitle{
        line-height: 1.3em;
    }
    .hraItem{
        padding-left: 10px;
        padding-right: 10px;
    }

    .homeRecentPublications, .homeRecentWeekly{
        width: 100%;
        padding: 0;
    }
    .homeRecentPublications:after{
        display: none;
    }
    .homeRecentWeekly{
        margin-top: 20px;
        margin-bottom: 20px;
        position: relative;
        border-top: 1px solid #e0e9f1;
    }
    .homeYouTubeFrame{
        height: 300px;
    }
    .secSubColTitle{
        text-align: center;
        padding: 15px 0;
        line-height: 17px;
    }
    .secSubColAction{
        text-align: center;
    }

}
@media(max-width: 550px){
    .secSubColTitle, .secSubColAction{
        line-height: 1.3em;
        text-align: center;
    }
    .homeAnalysisCarousel .slick-arrow{
        margin-top: -90px;
    }

    .homeAnalysisCarousel .slick-next{
        right: 25px;
    }
    .homeAnalysisCarousel .slick-prev{
        right: auto;
        left:25px;
    }
    .sectionSubTitle{
        padding: 0 70px 20px 70px;
        text-align: center;
    }
    .homeRecentWeeklyWrapper, .homeRecentAnalysisWrapper{
        padding: 15px 0;
    }
    .homeYouTubeFrame{
        height: 200px;
    }
}
.homeWebinarRow, .homeWebinarRow > div{
    float: left;
    width: 100%;
}
.homeWebinarRow{
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e9f1;
}

/*Hide webinar per regulations*/
body[data-lcreg="iiroc"] .homeWebinarRow,
body[data-lcreg="cysec"] .homeWebinarRow,
body[data-lcreg="Asic"] .homeWebinarRow{
    display: none;
}

@media (max-width: 1359px) {
    body[data-lcreg="iiroc"] .homeAcademyLinks,
    body[data-lcreg="cysec"] .homeAcademyLinks,
    body[data-lcreg="Asic"] .homeAcademyLinks{
        padding-left: 0px;
    }
    body[data-lcreg="iiroc"] .homeAcademyLinks:before,
    body[data-lcreg="cysec"] .homeAcademyLinks:before,
    body[data-lcreg="Asic"] .homeAcademyLinks:before {
        background-color: transparent;
    }
}
/*End of Hide webinar per regulations*/

.hwwTitle{
    background-color: #f2f5f7;
    padding: 10px 20px;
    color:#2196f3;
    font-weight: 700;
}
.hwwSubjectWrap{
    min-height: 110px;
    position: relative;
}

.hwwSubject{
    display: block;
    color: #363e46;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    padding: 0 80px 0 20px;
    line-height: 22px;
    font-size: 24px;
    font-weight: 700;
    transition: 0.3s ease color;
    transform: translateY(-50%);
}
.pc .homeWebinarWrapper:hover .hwwSubject{
    color:#2193ff;
}

.hwwIcon{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100px;
    overflow: hidden;
}

.hwwIcon svg, .hwwIcon img{
    float: right;
    height: 80px;
    margin-right: -30px;
    fill: #d3dbe2;
    width: auto;
}
.hwwDateTime{
    padding: 15px;
    border-top: 2px solid #2193ff;
    background-color: #f5f6f8;
    cursor: default;
}
.hwwDateTime span{
    display: inline-block;
    margin-right: 5px;
    font-size: 15px;
}
.hwwDateTime span svg, .hwwDateTime span img{
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-right: 3px;
    fill: #8d9ca9;
    vertical-align: sub;
    vertical-align: unset;
}
.hwwDateTime span svg.clock{
    height: 18px;
    width: 13px;
    margin-right: 0;
}
.hwwAction {
    margin-top: 10px;
}
.hwwAction a{
    display: block;
    float: left;
    margin-right: 10px;
    padding: 0 10px;
}

.homeAcademyLinkWrap{
    float: left;
    width: 100%;
    padding: 10px 0;
}

.homeAcademyLink{
    float: left;
    display: block;
    width: 100%;
    vertical-align: middle;
    padding: 8px 20px 11px 20px;
    margin: 0 0 5px  0;
    border-bottom: 1px solid #e0e9f1;
    font-weight: 600;
    color:#363e46;
    transition: 0.3s ease color;
}
.homeAcademyLink svg{
    width: 50px;
    margin-right: 10px;
    height: 40px;
    fill: #d8e0e7;
    vertical-align: middle;
    display: inline-block;
    transition: 0.3s ease fill;
}

.pc .homeAcademyLink:hover svg{
    fill: #2193ff;
}

.halAction{
    float: left;
    padding: 0 20px;
}

@media(max-width: 1359px){
    .homeAcademyRow{
        float: left;
        width: 100%;
    }
    .homeAcademyTitle{
        margin: 0;
        padding: 20px 0;
        border-top:1px solid #e0e9f1;
        border-bottom:1px solid #e0e9f1;
    }

    .homeWebinarRow, .homeAcademyLinks{
        float: left;
        width: 50%;
    }
    .homeWebinarRow{
        padding-right: 15px;
        border-bottom: 0;
    }
    .homeAcademyLinks{
        padding-left: 15px;
        position: relative;
        padding-bottom: 20px;
    }
    .homeAcademyLinks:before{
        content:'';
        width: 1px;
        height: 100%;
        position: absolute;
        background-color: #e0e9f1;
        top: 0;
        left:0;
    }
    .homeAcademyLinkWrap a{
        float: left;
        width: 50%;
        position: relative;
        min-height: 70px;
        line-height: 18px;
        padding-top: 15px;
        padding-left: 60px;
    }
    .homeAcademyLinkWrap a svg{
        position: absolute;
        left: 0;
        top: 10px;
    }

    .homeOnlineSeminarTitle{
        width: 100%;
        float: left;
        font-weight: 700;
        color: #2196f3;
        font-size: 18px;
        padding: 20px 0;
        border-bottom: 1px solid #e0e9f1;
        padding-left: 10px;
        margin: 0 0 15px 0;
        cursor: default;
    }
    .homeAcademyLinkWrap{
        padding: 0 10px 10px 0;
    }
    .halAction{
        padding-left: 0;
    }
}
@media(max-width: 992px){
    .homeWebinarRow, .homeAcademyLinks{
        width: 100%;
        padding: 0;
    }
    .homeAcademyLinks:before{
        display: none;
    }

    .homeOnlineSeminarTitle{
        padding: 15px 0;
        text-align: center;
        margin-bottom: 0;
    }

    .homeWebinarWrapper{
        background-color: #f2f5f7;
        position:relative;
        border-bottom: 1px solid #e0e9f1;
    }
    .hwwSubjectWrap, .hwwDateTime, .hwwAction{
        width: 50%;
        float: left;
    }
    .hwwSubjectWrap{
        border-right:1px solid #d3dbe2;
        padding: 20px 0;
        min-height: 130px;
        margin: 10px 0;
    }

    .hwwDateTime{
        border:0 ;
    }

    .hwwAction{
        padding-left: 15px;
    }

    .hwwTitle{
        position: absolute;
        left:0
    }

    .hwwDateTime{
        padding: 5px 15px 0 15px;
        margin-top: 25px;
    }
    .hwwDateTime span{
        width: 100%;
    }
    .hwwAction a{
        float: left;
        padding: 0 10px;
        margin-bottom: 10px;
    }
    .homeAcademyLinkTitle{
        text-align: center;
        padding: 15px 0;
    }
    .homeAcademyLinkWrap a{
        font-size: 16px;
        width: 33%;
        border-right:1px solid #e0e9f1;
        padding-left: 65px;
        margin-bottom: 0;
    }
    .homeAcademyLinkWrap a:nth-child(3n){
        border-right: 0;
    }
    .homeAcademyLinkWrap a svg{
        left: 11px;
        width: 45px;
        top: 12px;
    }
    .halAction{
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

}

@media(max-width: 768px){
    .homeOnlineSeminarTitle{
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .homeWebinarWrapper{
        background-color: transparent;
        padding-bottom: 10px;
    }
    .hwwTitle{
        width: 100%;
        position: static;
        text-align: center;
        background-color: transparent;
        margin-top: 0;
        margin-bottom: 10px;
        line-height: 15px;
        padding-top: 0;
        padding-bottom: 5px;
        font-weight: normal;
    }
    .hwwSubjectWrap{
        width: 100%;
    }
    .hwwIcon{
        display: none;
    }
    .hwwDateTime{
        margin: 0;
        width: 100%;
        padding: 10px;
        text-align: center;
        border-top:2px solid #2193ff;
    }
    .hwwDateTime span{
        width: auto;
    }
    .hwwSubjectWrap{
        border-right: 0;
        text-align: center;
        padding: 0;
        margin: 0;
        min-height: 0;
    }
    .hwwSubject{
        position: static;
        transform: none;
        top: auto;
        padding: 0 0 20px 0;
        line-height: 1em;
    }
    .hwwAction{
        width: 100%;
        text-align: center;
    }
    .hwwAction a{
        display: inline-block;
        float: none;
    }

    .homeAcademyLinkWrap{
        position: relative;
    }

    .homeAcademyLinkWrap a{
        width: 100%;
        border-right: 0;
        border-bottom: 0;
        padding: 10px 0 10px 10px;
        min-height: auto;
        float: none;
        margin: auto;
        max-width: 300px;
        position: static;
    }
    .homeAcademyLinkWrap a:after{
        width: 100%;
        height: 1px;
        position: absolute;
        background-color: #e0e9f1;
        display: block;
        content:'';
        left: 0;
        margin-top: 10px;
    }

    .homeAcademyLinkWrap a svg{
        position: static;
        top: auto;
        margin-left: 10px;
    }
}



.homepageChart{
    padding-right: 0;
}


.homeChartContainer, .homeChartContainer > div, .hccContentWrap, .hccHeader, .hccInsideHeaderWrap, .hccInsideHeader{
    float: left;
    width: 100%;
}

.hccHeader{
    text-align: center;
    margin: 3px 0 20px 0;
    position: relative;
}

.hccCategories{
    display: inline-block;
}

.hccCat{
    display: inline-block;
    padding: 0 10px 10px 10px;
    color: #474e55;
    position: relative;
    font-size: 16px;
    cursor: pointer;
}
.hccCat.active{
    color:#2193ff;
}
.pc .hccCategories:hover .hccCat{
    color:#474e55;
}
.pc .hccCategories .hccCat:hover{
    color:#2193ff;
}

.hccCat:after{
    height: 2px;
    background: transparent;
    transition: 0.3s ease all;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    width: 0%;
    margin-left: 0;
}
.hccCat.active:after{
    background-color: #2193ff;
    width: 60%;
    left: 50%;
    margin-left: -30%;
}
.pc .hccCategories:hover .hccCat:after{
    width: 0;
    margin-left: 0;
}
.pc .hccCat:hover:after{
    background-color: #2193ff !important;
    width: 60% !important;
    margin-left: -30% !important;
}
.hccInstruments, .hccInsideHeaderWrap{
    border-top:1px solid #e0e9f1;
}
div.hccInsideHeaderWrap{
    margin-left: -15px !important;
    padding-left: 35px;
    padding-right: 26px;
}
.pl_Class div.hccInsideHeaderWrap, .se_Class div.hccInsideHeaderWrap{
    padding-right: 6px;
	margin-left: 0px!important;
    padding-left: 16px;
}
.hccWrap{
    position: relative;
}
.hccWrap, .hccWrap *{
    cursor: default;
}
a.allChartsSymbolLink {
    cursor: pointer!important;
    display: block;
}
.pl_Class a.allChartsSymbolLink, .se_Class a.allChartsSymbolLink {
    pointer-events: none;
}
.hccInstruments{
    width: 27%;
    float: left;
    overflow: hidden;
    position: relative;
    height: 455px;
}
#homeInstrumentItems{
    float: left;
    overflow: hidden;
    overflow-y: scroll;
    box-sizing: content-box;
    position:absolute;
    padding:0 17px 0 0;
    width: 100%;
    width: calc(100% + 20px);
    height:100%;
}
.homeInstrumentScroll{
    position:absolute;
    overflow:auto;
    top:0;
    right:0;
    z-index:2;
    width:21px;
    border-radius:8px;
    transition: 0.5s ease height;
    cursor: pointer;
}
.homeInstrumentScroll:after{
    width: 5px;
    height: 100%;
    height: calc(100% - 10px);
    top: 5px;
    left: 6px;
    position: absolute;
    background:transparent;
    content:'';
    transition: 0.3s ease background-color;
}
.hccInstruments:hover .homeInstrumentScroll:after{
    background: #b7bfca;
}

.hccInstrument{
    width: 100%;
    line-height: 16px;
    padding: 14px 10px 14px 30px;
    transition: 0.3s ease background-color, 0.5s ease max-height, 0.5s ease padding-top, 0.5s ease padding-bottom, 0.5s ease opacity;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

body[data-lcreg="iiroc"] #id_instBITCOIN.hccInstrument[data-lcsymbol="BITCOIN"], 
body[data-lcreg="iiroc"] #id_instDASH.hccInstrument[data-lcsymbol="DASH"],
body[data-lcreg="iiroc"] #id_instLITECOIN.hccInstrument[data-lcsymbol="LiteCoin"], 
body[data-lcreg="iiroc"] #id_instETHEREUM.hccInstrument[data-lcsymbol="Ethereum"] {
	display: none;
}

body[data-lcreg="FCA"] #id_instBITCOIN.hccInstrument[data-lcsymbol="BITCOIN"], 
body[data-lcreg="FCA"] #id_instDASH.hccInstrument[data-lcsymbol="DASH"],
body[data-lcreg="FCA"] #id_instLITECOIN.hccInstrument[data-lcsymbol="LiteCoin"], 
body[data-lcreg="FCA"] #id_instETHEREUM.hccInstrument[data-lcsymbol="Ethereum"] {
	display: none;
}

body[data-lcreg="Belarus"] #id_instBITCOIN.hccInstrument[data-lcsymbol="BITCOIN"], 
body[data-lcreg="Belarus"] #id_instDASH.hccInstrument[data-lcsymbol="DASH"],
body[data-lcreg="Belarus"] #id_instLITECOIN.hccInstrument[data-lcsymbol="LiteCoin"], 
body[data-lcreg="Belarus"] #id_instETHEREUM.hccInstrument[data-lcsymbol="Ethereum"] {
	display: none;
}

#homeInstrumentItems .hccInstrument.Canada {
	display: none;
}

body[data-lcreg="iiroc"] #homeInstrumentItems .hccInstrument.Canada {
	display: block;
}

#id_instBITCOINFUTURES.hccInstrument[data-lcsymbol="BITCOIN-FUT"], #id_instETHEREUMFUTURES.hccInstrument[data-lcsymbol="Ethereum-FU"] {
	display: none;
}

body[data-lcreg="Belarus"] #id_instBITCOINFUTURES.hccInstrument[data-lcsymbol="BITCOIN-FUT"], 
body[data-lcreg="Asic"] #id_instBITCOINFUTURES.hccInstrument[data-lcsymbol="BITCOIN-FUT"], 
body[data-lcreg="Belarus"] #id_instETHEREUMFUTURES.hccInstrument[data-lcsymbol="Ethereum-FU"], 
body[data-lcreg="Asic"] #id_instETHEREUMFUTURES.hccInstrument[data-lcsymbol="Ethereum-FU"] {
	display: block;
}

/*body[data-lccc="FR"] #id_instILLUMINA.hccInstrument[data-lcsymbol="#ILLUMINA"],
body[data-lccc="FR"] #id_instDOORDASHINC.hccInstrument[data-lcsymbol="#DOORDASH"],
body[data-lccc="FR"] #id_instAIRBNB.hccInstrument[data-lcsymbol="#AIRBNB"],
body[data-lccc="FR"] #id_instNIOINC.hccInstrument[data-lcsymbol="#NIO"],
body[data-lccc="FR"] #id_instPLUGPOWERINC.hccInstrument[data-lcsymbol="#PLUG"],
body[data-lccc="FR"] #id_instLINDEPLC.hccInstrument[data-lcsymbol="#LINDE"] {
	display: none;
}*/

body[data-lccc="FR"] .hccInstrument[data-lcsymbol="#ILLUMINA"],
body[data-lccc="FR"] .hccInstrument[data-lcsymbol="#DOORDASH"],
body[data-lccc="FR"] .hccInstrument[data-lcsymbol="#AIRBNB"],
body[data-lccc="FR"] .hccInstrument[data-lcsymbol="#NIO"],
body[data-lccc="FR"] .hccInstrument[data-lcsymbol="#PLUG"],
body[data-lccc="FR"] .hccInstrument[data-lcsymbol="#LINDE"] {
	display: none;
}

#homeInstrumentItems .hccInstrument.DirectMarketAccessDMA {
	display: none;
}

.hccInstrument.active{
    background-color:#eaeef4;
}
.homeInstrumentSearchWrap{
    position: absolute;
    right: 10px;
    top: -12px;
    z-index: 10;
    transition: 0.5s ease all;
    width: 30px;
    padding: 10px;
}
.hisbWrap{
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    z-index: 20;
    background-color: #fff;
    float: right;
}
.hisbWrap svg{
    fill:#a2adb6;
    width: 20px;
    margin-top: 5px;
    margin-left: 5px;
    height: 20px;
    display: block;
    position: absolute;
    opacity: 0;
    transition: 0.3s ease opacity;
}

.hisbWrap svg.closeLight{
    width: 14px;
    height: 14px;
    margin-left: 8px;
    margin-top: 8px;
}
.homeInstrumentSearch input{
    border:1px solid #d8e0e7;
    padding: 0 10px;
    line-height: 30px;
    width: 100%;
    height: 30px;
}

.homeInstrumentSearchWrap svg.search{
    opacity: 1;
}
.homeInstrumentSearchWrap.active svg.closeLight{
    opacity: 1;
}
.homeInstrumentSearchWrap.active svg.search{
    opacity: 0;
}

.homeInstrumentSearch{
    width: 0;
    right: 20px;
    overflow: hidden;
    position: absolute;
    transition: 0.5s ease all;
}
.homeInstrumentSearchWrap.active{
    background-color: #fff;
    width: 245px;
    -webkit-box-shadow: 0 0 19px -1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 19px -1px rgba(0,0,0,0.25);
    box-shadow: 0 0 19px -1px rgba(0,0,0,0.25);
}
.homeInstrumentSearchWrap.active .homeInstrumentSearch {
    width: 190px;
    right: 45px;
}
.hccContentWrap{
    float: left;
    width: 73%;
    border-left: 1px solid #d8e0e7;
    min-height: 456px;
    overflow: hidden;
}
.hccInsideHeaderWrap{
    padding: 20px 39px 19px 20px;
}
.hccInsideHeader{
    vertical-align: top;
}
.hccInstantPriceWrap, .hccMarketSentimentWrap, .hccDailyPrice, .hccBuySell {
    vertical-align: top;
    width: 49%;
    display: inline-block;
}
.hccInstantPriceWrap, .hccMarketSentimentWrap{
    margin-bottom: 10px;
}

.hccInstantPriceWrap{
    position: relative;
    padding-left: 50px;
    vertical-align: baseline;
}

.instrumentFlag{
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background-size: 45px 45px;
    margin-right: 10px;
}
.hccName{
    width: 100%;
    float: left;
    display: block;
    font-size: 18px;
    line-height: 18px;
}
.hccPrice, .hccPercentage, .hccPercentageArrow{
    width: auto;
    display: inline-block;
}
.dailyUp .hccPercentage{
    color:#7ac043;
}

.hccPercentageArrow svg{
    display: none;
    width: 13px;
    height: 13px;
}
.dailyUp .hccPercentageArrow svg.priceUp{
    display: inline-block;
    fill:#7ac043;
}
.dailyDown .hccPercentageArrow svg.priceDown{
    display: inline-block;
    fill:#ff5f6d;
}

.dailyDown .hccPercentage{
    color:#ff5f6d;
}

.hccPrice{
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
}

.hccMarketSentimentWrap{
    text-align: center;
    margin: 10px 0 10px 0;

}
.hccMarketSentimentTitle{
    font-size: 14px;
    margin-bottom: 5px;
	display: none;
}
.hccMarketSentimentGraph{
    /*display: inline-block;
    width: 250px;*/
	display: flex;
    justify-content: space-around;
    align-items: flex-end;
}
.hmsSellRatio, .hmsBuyRatio{
    display: block;
    width: 50px;
    float: left;
    font-size: 14px;
}
.marketSentimentLabel {
    font-size: 12px;
}
.hmsSellRatio{
    text-align: right;
	position: relative;
    top: 3px;
}
.hmsBuyRatio{
    text-align: left;
	position: relative;
    top: 3px;
}
.hmsGraph{
    display: block;
    width: 140px;
    /*height: 10px;*/
    margin: 0 5px;
    float: left;
}
.hmsSellSide, .hmsBuySide{
    display: block;
    height: 15px;
    margin: 0;
    margin-top: 3px;
    float: left;
    transition: 0.3s ease background-color;
}
.hmsSellSide {
    background-color: #ff5f6d;
}
.hmsBuySide {
    background-color: #7ac043;
}
.directionSell .hmsBuySide{
    /*background-color: #d8e0e7;*/
}
.directionBuy .hmsSellSide{
    /*background-color: #d8e0e7;*/
}
.hccDaily{
    float: left;
    width: 50%;
    max-width: 120px;
}
.hDailyTitle{
    font-size: 14px;
    color:#8aa2b5;
    line-height: 18px;
}
.hDailyPrice{
    color:#363e46;
    font-size: 22px;
    font-weight: 600;
}
.hccPriceAction{
    width: 48%;
    float: left;
    display: block;
    padding: 5px 0;
    text-align: center;
    border:1px solid #c1ced9;
    background-color: #fff;
    color:#8aa2b5;
    transition: 0.3s ease background-color, 0.3s ease border-color;
}
.hccSell{
    margin-right: 4%;
}
.pc .hccPriceAction, .pc .hccPriceAction *{
    cursor: pointer;
}
.pc .hccPriceAction span {
    transition: 0.3s ease color;
}
.pc .hccPriceAction:hover{
    background: #2193ff;
    border: 1px solid #2193ff;
    color:#fff;
}
.hbsTitle{
    display: block;
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 14px;
}
.hbsPrice{
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
}

.bsUp .hccBuy, .bsUp .hccSell, .bsUp .rcCostSell, .bsUp .rcCostBuy {
    background-color: #7ac043;
    border-color: #7ac043;
    color:#fff;
}

.pl_Class .hccPriceAction,
.se_Class .hccPriceAction {
    pointer-events: none;
	cursor: default;
}

.bsDown .hccSell, .bsDown .hccBuy, .bsDown .rcCostSell, .bsDown .rcCostBuy {
    background-color:#ff5f6d;
    border-color: #ff5f6d;
    color:#fff;
}
.stable .hccSell, .stable .hccBuy, .stable .rcCostSell, .stable .rcCostBuy {
    background-color: #8aa2b5;
	border-color: #8aa2b5;
	color:#fff;
	cursor: pointer;
}
.hccSell span,.hccBuy span{
    color:inherit !important;
    transition: 0s !important;
}
.hccSell:hover {
    background-color:#ff5f6d;
    color:#fff;

}
.hccBuy:hover {
    background-color:#7ac043;
    color:#fff;
}
.homeChart{
    float: left;
    width: 100%;
    height: 280px;
    background-color: #fff;
    margin-bottom: 20px;
    position: relative;
}
#chartDiv{
    float: left;
    width: 100%;
}
.highcharts-yaxis-labels text:first-child{
    display:none
}
.highcharts-container > span {
    margin-left: -60px !important;
    background:#30bbff !important;
    opacity:1 !important;
}

.chartLoader, .chartLoader svg{
    position: absolute;
    width: 100%;
    height: 100%;
}
.chartLoader svg{
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    fill: #2193ff !important;
    margin-left: -30px;
    margin-top: -90px;
}

.chartLoader{
    display: none;
}
.notLoaded .chartLoader{
    z-index: 15;
    display: block;
    background-color: #fff;
    left: 0;
    top: 0;
}

.hccCategories .mobileMenuArrow, .hccInstruments .mobileMenuArrow{
    display: none;
}

@media (max-width: 1359px){
    .homepageChart{
        padding: 0 15px;
        position: relative;
        max-width: 912px;
        margin: auto;
        float: none;
    }
    div.hccInsideHeaderWrap{
        margin-left: 0 !important;
        padding-left: 20px;
    }
    .hccWrap{
    }
}
@media (max-width: 992px){
    .homepageChart{
        max-width: 748px;
    }
}

@media (max-width: 768px){

    .hccInstrument.active{
        background-color: #fff;
        color:#2193ff;
    }

    .hccHeader{
        margin-bottom: 15px;
    }

    .homeInstrumentScroll{
        display: none !important;
    }

    .homeInstrumentSearchWrap{
        display: none;
    }
    .hccInstruments, .hccInsideHeaderWrap{
        border: 0;
    }
    .hccCat, .hccCat:hover{
        color: #2193ff !important;
    }

    .hccCat:after{
        display: none;
    }
    .hccCategories{
        position: absolute;
        left: 50%;
        margin-left: -150px;
        background-color: #fff;
        z-index: 15;
        width: 300px;
        overflow: hidden;
        max-height: 42px;
        transition: 0.5s ease max-height, 0.5s ease box-shadow;
    }
    .hccCategories:after{
        content:'';
        position: absolute;
        height: 2px;
        width: 50px;
        display: block;
        bottom: 0;
        left: 50%;
        margin-left: -25px;
        background-color: #2193ff;
        transition: 0.3s ease height;
    }
    .hccCategories.active:after{
        height: 0;
    }
    .hccCategories.active{
        max-height: 250px;
        -webkit-box-shadow: 0 0 10px -2px rgba(194,200,209,0.9);
        -moz-box-shadow: 0 0 10px -2px rgba(194,200,209,0.9);
        box-shadow: 0 0 10px -2px rgba(194,200,209,0.9);
    }
    .menuMask{
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        z-index: 14;
        cursor: pointer;
    }
    .hccCategories.active .menuMask, .hccInstruments.active .menuMask{
        display: none;
    }
    .hccCategories:not(.active) .hccCat{
        max-height: 0;
        padding: 0;
        border: 0;
        overflow: hidden;
        background-color: #fff;
    }
    .hccCategories:not(.active) .hccCat.active{
        max-height: 45px;
    }

    .hccHeader{
        height: 35px;
    }

    .hccCat{
        display: block;
        line-height: 35px;
        padding: 0;
        height: auto;
        background-color: #f7f9fc;
        width: 100%;
    }
    .hccCat.active{
        background-color: #fff;
    }
    .hccInstrument{
        padding-left: 14px !important;
        display: block;

        padding-right: 14px !important;
    }

    .hccInstruments div.mobileMenuArrow svg{
        fill: #2193ff;
    }

    .hccInstruments div.mobileMenuArrow{
        display: block;
        position: absolute;
        right: 15px;
        top: 4px;
        width: 15px;
        height: 10px;
    }

    .hccInstruments{
        height: auto;
        margin: auto;
        float: none;
        width: 90%;
        border-left: 1px solid #d8e0e7;
        border-right: 1px solid #d8e0e7;
    }

    #homeInstrumentItems{
        width: 112%;
        margin-left:-6% !important;
        -webkit-overflow-scrolling: touch;
        display: block;
        float: none;
        margin: auto;
        text-align: center;
        height: 32px;
        overflow-x: hidden;
        overflow-y: scroll;
        position: static;
        padding: 0;
        border:1px solid #d8e0e7;
        transition: 0.3s ease height;
    }
    .hccInstruments.active #homeInstrumentItems{
        height: 240px;
    }
    .hccInstruments.active .hccInstrument{
        position: relative;
    }
    .hccInstruments .hccInstrument:before{
        content:'';
        display: block;
        position: absolute;
        bottom: 0;
        left: 10%;
        width: 80%;
        height: 1px;
        background-color: #e0e9f1;
    }

    .hccInstruments:not(.active) .hccInstrument{
        max-height: 0 !important;
        padding: 0 8px !important;
    }
    .hccInstruments:not(.active) .hccInstrument.active{
        max-height: 42px !important;
        padding: 8px 0!important;
    }
    .hccContentWrap{
        width: 100%;
        border-left:0 ;
    }
    .hccInsideHeaderWrap{
        padding: 15px 0 0 0 !important;
    }

    .hccPriceAction{
        width: 46%;
    }

    .hccInstantPriceWrap, .hccDailyPrice, .hccMarketSentimentWrap, .hccBuySell{
        display: block;
        float: left;
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .hccDaily{
        float: none;
        display: inline-block;
    }
    .instrumentFlag, .hccName{
        display: none;
    }
    .hccBuySell{
        margin-top: 15px;
        text-align: center;
    }
    .hccBuySell a{
        max-width: 200px;
        float: none;
        display: inline-block;
    }
    #chartDiv{
        width: 100%;
        width: calc(100% + 15px);

    }
}
@media (max-width: 550px){
    a.hccPriceAction {
        width: 49%;
        margin: 0;
        float: left;
        display: block;
        max-width: 100%;
    }
    a.hccSell {
        margin-right: 2%;
    }
}

/* Demo Registration Form */
.homeDemoForm .explainMessage {
    display:none;
}
.homeDemoForm .ClField-FullName label, .homeDemoForm .ClField-FirstName label,.homeDemoForm .ClField-LastName label, .homeDemoForm .ClField-Email label, .homeDemoForm .ClField-Phone label, .homeDemoForm .ClField-AccountName label, .homeDemoForm .ClField-Password label{
    display:none;
}
.memberCubeLoading{
    display:none;
}
.notLoaded .memberCubeLoading{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    background:#fff;
    left:0;
    top:0;
    z-index:1;
	/*display:none;*/
}
.notLoaded .memberCubeLoading svg, .notLoaded .memberCubeLoading img{
    position:absolute;
    left:50%;
    margin-left:-35px;
    top:50%;
    margin-top:-80px;
    width:100px;
    height:100px;
    fill:#2193ff;
}
.registFormTitle{
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 5px;
}
.registFormSubTitle{
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}

.homeDemoForm input[type=text], .homeDemoForm input[type=password]{
    width:100%;
    line-height:26px;
    padding:7px 10px;
    height:40px;
    border:1px solid #d8dde4;
    cursor: text;
    padding-right: 30px;
    border-radius: 4px;
}
.homeDemoForm .PassWordWrapper{
    display:block !important;
    position: initial !important;
}
.homeDemoForm input::-webkit-input-placeholder{
    color:#b8b8b8 !important;
}
.homeDemoForm input::-moz-placeholder {
    color:#b8b8b8 !important;
}
.homeDemoForm input:-ms-input-placeholder{
    color:#b8b8b8 !important;
}
.homeDemoForm input:-moz-placeholder{
    color:#b8b8b8 !important;
}
.homeDemoForm .ClField-FullName, .homeDemoForm .ClField-Email, .homeDemoForm .ClField-Phone, .homeDemoForm .ClField-AccountName,  .homeDemoForm .ClField-Password, .homeDemoForm .ClField-FirstName, .homeDemoForm .ClField-LastName{
    width:100%;
    padding:6px 0;
}
.homeDemoForm .LoginSubmit-Submit{
    margin-top:10px;
}
.homeDemoForm input[name="PhoneAreaCode"]{
    display:none;
}
.homeDemoForm input[name="PhoneCountryCode"]{
    width:24%;
    margin-right:4%;
    padding-right: 0;
}
.homeDemoForm input[name="Phone"]{
    width:72%;
}
.homeDemoForm input[type='submit']{
    width: 100%;
    padding: 0;
    background: #2193ff;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    border: 0;
    transition: 0.3s ease all;
    cursor: pointer;
    margin-top: 5px;
    line-height: 38px;
    height: 40px;
    -webkit-appearance: none;
    border-radius: 0 !important;
}
.homeDemoForm input[type='submit']:hover{
    background-color:#208fff;
}
.homeDemoForm .ClField-MarketingMaterials, .homeDemoForm .ClField-TermsAgreementAsic{
    padding:0 10px 0 0;
    margin-top:10px;
}
.signupLoginContentWrap {
    position:relative;
}
.LcWidget-QuickRegistrationWidget .BlockUiWrapper{
    position:absolute !important;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color:#f6f7f9;
    z-index:50;
}
.LcWidget-QuickRegistrationWidget label[name="BlockUiMessage"]{
    position:absolute;
    top:50%;
    margin-top:-50px;
    text-align:center;
    width:100%;
    background-image:url('/wp-content/themes/sogo-child/images/loader.gif');
    background-size:50px auto;
    background-repeat:no-repeat;
    background-position:top center;
    padding-top:40px;
}
.LcWidget-QuickRegistrationWidget .ClField-BlockUiMessage span{
    margin-top: 10px;
    display: block;
    font-size: 12px;
}
.homeDemoForm .lcFieldWrapper{
    position:relative;
}
.homeDemoForm .ClField-LoginLabel{
    margin-top:20px;
    margin-bottom:10px;
}
.phoneWrapper {
    display: flex;
}
.ar_Class .phoneWrapper {
    flex-direction: row-reverse;
}
.homeDemoForm label[name="UserExistLabel"]{
    font-size:14px;
}
.homeDemoForm label[name="UserExistLabel"] a{
    cursor:pointer;
}

.homeDemoForm form{
    font-size: 0;
}
.homeDemoForm form > *{
    font-size: 16px;
}

.homeDemoForm .LcWidget-QuickRegistrationWidget .ClField-FirstName, .homeDemoForm .LcWidget-QuickRegistrationWidget .ClField-LastName{
    width:48%;
    display:inline-block;
}
.homeDemoForm .LcWidget-QuickRegistrationWidget .ClField-FirstName{
    margin-right:4%;
}
.ar_Class .homeDemoForm .LcWidget-QuickRegistrationWidget .ClField-FirstName {
    margin-right: 0px;
    margin-left: 4%;
}
.ClField-TermsAgreementAsic label {
    font-size: 12px;
}
/*Marketing material Check box fix for new material deign*/
.checkboxItem input[name="MarketingMaterials"]:checked + span:after, 
input[name="MarketingMaterials"]+span:before,
.ClField-MarketingMaterials.lcFieldWrapper>label>input[type="checkbox"] {
	display:none;
}
input[name="MarketingMaterials"]+span {
	padding-left: 0px;
	cursor: default;
	font-size: 10px!important;
}
.ar_Class input[name="MarketingMaterials"]+span {
    text-align: right;
    padding-right: 0px;
}
.pc input.ftCheckbox:hover+span {
    color: #333;
}
input[name="MarketingMaterials"]+span a {
    cursor: pointer;
}
body[data-lcreg="FCA"] input[name="MarketingMaterials"]+span div.fcaClass,
body[data-lcreg="cysec"] input[name="MarketingMaterials"]+span div.cysecClass,
body[data-lcreg="Belarus"] input[name="MarketingMaterials"]+span div.belarosClass,
body[data-lcreg="Asic"] input[name="MarketingMaterials"]+span div.asicClass,
body[data-lcreg="iiroc"] input[name="MarketingMaterials"]+span div.iirocClass,
body[data-lcreg="FSC"] input[name="MarketingMaterials"]+span div.fscClass{
    display: inline!important;
}
/*End of Marketing material Check box fix for new material deign*/
@media (max-width:768px){
    .sliderRegistrationCube{
        max-width:400px;
        margin:auto;
    }
    .registFormTitle, .registFormSubTitle{
        text-align:center;
    }
}@media (max-width:374px){
    .registFormTitle{
        line-height:24px;
        font-size:20px;
    }

    .registFormSubTitle{
        font-size:14px;
    }
}
/* Market Sentiment / Buy & Sell Ratio */

.positionRatio, .rcEnstruments, .rcEnstrumentItem, .rcInformations, .rcPositionText, .rcPositionValues, .rcBuySell, .rcBuySellRow  {
    float:left;
    width:100%;
}
.positionRatio {
    padding: 0;
}
.rcMainTitle{
    text-align:center;
    font-size:12px;
    color:#68717e;
    margin-bottom: -10px;
}
.rsInstrumentName {
    display:block;
    font-size:14px;
    font-weight:600;
}
.instrumentDisplayName{
    font-size:24px;
    line-height:17px;
    font-weight:700;
}
.rcBuySellRow {
    width: calc(100% + 40px);
    margin-left: -20px;
}

.RatioChart .highcharts-container{
    margin:auto;
}

.highcharts-series.highcharts-tracker path:last-child {
    fill: #7ac043;
}

.RatioChart{
    position:relative;
    padding-top:20px;
}

.RatioChart:before, .RatioChart:after {
    content:'';
    width:68px;
    height:6px;

    position:absolute;
    display:block;
    bottom:0;
    z-index:10;
}
.RatioChart:before{
    left:53px;
}
.RatioChart:after{
    right:52px;
    float:right;
}

.rcPositionTitle{
    font-size:14px;
    width:100%;
    display:block;
    float:left;
    text-align:center;
    height:30px;
    line-height:30px;
    color:#99c5e2;
}

.rcSellRationItem{
    width:50%;
    float:left;
}
.rcPositionValues {
    color:#343d49;
}

.rcSellRatioTitle {
    font-size:12px;
    display:block;
    text-align:center;
    margin-top: 10px;
}
.rcSellRatioValue {
    text-align:center;
    display:block;
    line-height:30px;
    font-size:22px;
    font-family:'Bold', sans-serif;
}
.rcBuySell {
    margin-top:10px;
    color:#68717e;
}

.rcCostSell, .rcCostBuy {
    cursor: pointer;
    width:48%;
    float:left;
    background:#e8eff4;
    padding:10px;
    box-sizing:border-box;
    text-align:center;
    display:block;
    text-decoration:none;
    transition:0s ease all;
    position: relative;
    color:#68717e;
}
.rcCostSell{
    margin-right:4%;
    padding-left:10px;

    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.rcCostBuy{
    padding-right:10px;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.rcCostTitle{
    display:block;
    text-align:center;
    font-size:15px;
    font-weight: 600;
}
.rcCostQuote{
    display: block;
    text-align: center;
    font-size: 19px;
    font-weight: 800;
    line-height: 20px;
}
.rcpUp .rcCostBuy {
    -webkit-animation: greenBg 1s, textColor 1s;
    -webkit-animation-iteration-count: 1;
    animation: greenBg 1s, textColor 1s;
    animation-iteration-count: 1;
    background-color: #7ac043;
    color:#fff;
}

.rcpDown .rcCostSell{
    -webkit-animation: redBg 1s, textColor 1s;
    -webkit-animation-iteration-count: 1;
    animation: redBg 1s, textColor 1s;
    animation-iteration-count: 1;
    background-color:#ff5f6d;
    color:#fff;
}

.rcCostBuy span,.rcCostSell span{
    cursor: pointer;
    color:inherit !important;
    transition: 0s !important;
}

.rcCostSell:hover,.rcCostBuy:hover {
    background-color:#2193ff;
    color:#fff;
}

#positionedInstrument{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    background: #fff;
    background-image: none;
    width: 90%;
    height: 30px;
    margin: 0;
    padding: 0 10px;
    cursor: pointer;
    max-height: 150px;
    font-size: 12px;
    line-height:15px;
    font-weight: 600;
    color: #80909e;
    text-align-last:center;
    border:1px solid #d8dde4;
}
.piWrap{
    position:relative;
}
.positionedInstrumentTitle{
    margin-top:5px;
    width:100%;
    display:block;
}


.rcBuySell:hover .rcCostSell, .rcBuySell:hover .rcCostBuy{
    -webkit-animation-iteration-count: 0 !important;
    animation-iteration-count: 0 !important;
}

@-webkit-keyframes blueBg {
    0%   {background-color: #e8eff4;}
    50%  {background-color: #2fbbff;}
}

@keyframes blueBg {
    0%   {background-color: #e8eff4;}
    50%  {background-color: #2fbbff;}
}

@-webkit-keyframes greenBg {
    0%   {background-color: #e8eff4;}
    50%  {background-color: #7ac043;}
}

@keyframes greenBg {
    0%   {background-color: #e8eff4;}
    50%  {background-color: #7ac043;}
}

@-webkit-keyframes redBg {
    0%   {background-color: #e8eff4;}
    50%  {background-color: #ff5f6d;}
}

@keyframes redBg {
    0%   {background-color: #e8eff4;}
    50%  {background-color: #ff5f6d;}
}
@-webkit-keyframes textColor {
    0%   {color: #68717e;}
    50%  {color: #ffffff;}
}
@keyframes textColor {
    0%   {color: #68717e;}
    50%  {color: #ffffff;}
}


/* New Layouts */

/* Without Analysis & Webinar */
.academy-noWA{
    margin-bottom:20px;
}
.academy-noWA .homeAcademyLink{
    position:relative;
    width:16.6%;
    border-bottom:0;
    text-align:center;
}
.academy-noWA .homeAcademyLink:after{
    content:'';
    position:absolute;
    width:1px;
    height:110px;
    background:#dce3e7;
    right:0;
    top:0;
}
.academy-noWA .homeAcademyLink:last-child:after{
    display:none;
}
.academy-noWA .homeAcademyLink svg{
    width:100%;
    position:static;
    margin-bottom:10px;
}
.academy-noWA .halAction{
    text-align:center;
    width:100%;
}
@media (max-width: 1359px){
    .academy-noWA{
        margin-bottom:0;
    }
    .academy-noWA .homeAcademyTitle{
        border-top:0;
    }
    .academy-noWA .homeAcademyLinks{
        width:100%;
    }
    .academy-noWA .homeAcademyLinks:before{
        display:none;
    }
    .academy-noWA .homeAcademyLink{
        padding:10px;
        width:33%;
        border-bottom:1px solid #e0e9f1;
        min-height:110px;
        display:flex;
        flex-direction: column;
        justify-content: center;
        border-right:1px solid #e0e9f1;
        margin-bottom:0;
    }
    .academy-noWA .homeAcademyLink:after{
        display:none;
    }
    .academy-noWA .homeAcademyLink:nth-child(3n){
        border-right:0;
    }
    .academy-noWA .halAction{
        margin-top:10px;
    }
}
@media (max-width: 768px){
    .academy-noWA .homeAcademyLink{
        max-width:350px;
        width:100%;
        padding:20px 0;
        float:none;
        border-right: 0;
        padding-left:80px;
        text-align:left;
        min-height:70px;
    }
    .academy-noWA .homeAcademyLink svg{
        position:absolute;
        width:50px;
        height:50px;
    }
}

/* Just Analysis */
/* Template name : HomePage-wAnalysis.php */
.justAnalysisRow .homeAnalysisRow:after{
    display:none;
}
.justAnalysisRow .container{
    border-bottom:1px solid #e0e9f1;
    padding-bottom:30px;
}
.justAnalysisRow .hrwVideoWrap img{
    max-height:200px;
    width:auto;
    display:block;
    margin:auto;
}
.justAnalysisRow .hrwVideoWrap{
    background-color:#f2f5f7;
}
.justAnalysisRow .hrwVideoWrap:before{
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    display: block;
    left: -1px;
    top: 0;
    background: #e5eaef;
}
@media(max-width:768px){
    .justAnalysisRow .hrwVideoWrap:before{
        display:none;
    }
}

/* Lang Fixes */
.de_Class .hccInsideHeaderWrap, .fr_Class .hccInsideHeaderWrap, .ru_Class .hccInsideHeaderWrap, .es_Class .hccInsideHeaderWrap{
    padding-top:30px;
    padding-bottom:30px;
}

.de_Class .ftTab.homePlatformTab .tabContent.active, .fr_Class .ftTab.homePlatformTab .tabContent.active, .ru_Class .ftTab.homePlatformTab .tabContent.active, .es_Class .ftTab.homePlatformTab .tabContent.active, .sl_Class .ftTab.homePlatformTab .tabContent.active, .hr_Class .ftTab.homePlatformTab .tabContent.active{
    max-height:490px;
}

.ru_Class .accountStepsTab .tabLink .asBtnText strong{
    font-size: 24px;
}

.ru_Class .hccCat, .lineStyleTab .tabLink{
    font-size:14px;
}
.sl_Class .homePlatformTab .ftBtn, .hr_Class .homePlatformTab .ftBtn, .al_Class .homePlatformTab .ftBtn{
    padding:0 10px;
}
.sl_Class #fortraderPlatforms .ftBtn, .hr_Class #fortraderPlatforms .ftBtn{
    min-width:103px;
}
.hr_Class .hccDaily{
    max-width:140px;
}
.ru_Class .homePlatformTitle{
    display: block;
    line-height: 18px;
    margin-bottom: 4px;
}
.ru_Class #metatraderPlatforms .ftBtn.secondary-btn{
    padding:0 7px;
}
.pt_Class .ftTab.homePlatformTab .tabContent.active{
    max-height:480px;
}
.pt_Class .homePlatformTab .ftBtn{
    padding:10px;
    line-height:16px
}

@media (min-width: 1360px){
    .headerContent{
        border-bottom:0;
    }
}
@media (max-width: 1360px){
    .ru_Class .homepagePlatforms .tabContent[data-productLength="3"] .homePlatformItem{
        min-height: 315px;
    }
}

@media (max-width: 550px){
    .sl_Class .accountStepsTab .tabLink .asBtnText strong, .hr_Class .accountStepsTab .tabLink .asBtnText strong{
        font-size:22px;
    }
}
@media (max-width: 380px){
    .sl_Class .accountStepsTab .asBtnText strong, .hr_Class .accountStepsTab .asBtnText strong, .it_Class .accountStepsTab .asBtnText strong, .mk_Class .accountStepsTab .asBtnText strong{
        font-size:17px;
    }
}


@media (max-width: 1359px){
    .hr_Class .homeAcademyLinkWrap a{
        min-height: 83px;
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
        align-items: center;
        padding-right: 10px;
    }
    .hr_Class .hwwSubjectWrap{
        min-height: 145px;
    }
    .de_Class .ftTab.homePlatformTab .tabContent.active, .fr_Class .ftTab.homePlatformTab .tabContent.active, .ru_Class .ftTab.homePlatformTab .tabContent.active, .es_Class .ftTab.homePlatformTab .tabContent.active, .sl_Class .ftTab.homePlatformTab .tabContent.active, .hr_Class .ftTab.homePlatformTab .tabContent.active, .pt_Class .ftTab.homePlatformTab .tabContent.active{
        max-height:1200px;
    }
    .de_Class .hccInsideHeaderWrap, .fr_Class .hccInsideHeaderWrap, .ru_Class .hccInsideHeaderWrap{
        padding-top:15px;
        padding-bottom:15px;
    }
    .de_Class .registFormTitle, .ru_Class .registFormTitle{
        font-size:20px;
    }
    .de_Class .registFormSubTitle{
        font-size:14px;
    }

    .de_Class .sliderDescription{
        font-size: 16px;
        line-height: 21px;
    }
    .de_Class .sliderTitle{
        font-size: 34px;
    }
}
@media (max-width: 992px){
    .hr_Class .hDailyTitle {
        max-width:100px;
    }
}
@media (max-width: 768px){
    .hr_Class .hDailyTitle {
        max-width:100%;
    }
    .hr_Class .homeAcademyLinkWrap a{
        max-width:320px;
    }
    .hr_Class .homeAcademyLinkWrap a:after{
        margin-top:40px;
    }
    .hr_Class .hwwSubjectWrap {
        min-height: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 480px){
    .de_Class .sliderTitle{
        font-size: 23px;
    }
}

.row.pageWrap {
    visibility: visible;
}

/*Spanish decleration section*/
.row.spanishBannerRow.sectionRow {
    min-height: 660px;
    background-color: #efefef;
    /*display: none;*/
}
/*body[data-lccc="ES"] .row.spanishBannerRow.sectionRow {
    display: block;
}*/
.row.spanishBannerRow.sectionRow .container {
    display: flex;
    height: 100%;
    min-height: 660px;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.row.spanishBannerRow.sectionRow .container::after,
.row.spanishBannerRow.sectionRow .container::before{
    display: none;
}
.row.spanishBannerRow.sectionRow .container .spanishBannerLeft {
    width: 36%;
    padding-top: 40px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

body[data-lccc="ES"] .row.spanishBannerRow.sectionRow .container .spanishBannerLeft {
    padding-top: 75px;
}

.row.spanishBannerRow.sectionRow .container .spanishBannerRight {
    width: 64%;
}
.memberCubeArea {
    display: none;
}
body[data-lccc] .memberCubeArea {
    display: block;
}
body[data-lccc="ES"] .memberCubeArea {
    display: none;
}
.memberCubeArea {
    margin: 0px;
    padding: 0px;
    float: none;
    background: transparent;
    width: 327px;
}
.spanishBannerBtns {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    display: none;
    margin-top: 60px;
}
body[data-lccc="ES"] .spanishBannerBtns {
    display: flex;
}
.row.spanishBannerRow.sectionRow .container .spanishBannerLeft .spanishBannerStart{
    background-color: #2193ff;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid #2193ff;
    transition: 0.3s ease all;
    cursor: pointer;
    height: 51px;
    -webkit-appearance: none;
    border-radius: 4px;
    display: flex;
    min-width: 200px;
    align-items: center;
    justify-content: center;
    margin-right: 24px;
    padding: 0px 10px;
	margin-bottom: 20px;
}
.ar_Class .row.spanishBannerRow.sectionRow .container .spanishBannerLeft .spanishBannerStart {
    margin-right: 0px;
    margin-left: 24px;
}
.row.spanishBannerRow.sectionRow .container .spanishBannerLeft .spanishBannerTry  {
    color: #2193ff;
    border: 1px solid #2193ff;
    padding: 0;
    background-color: transparent;
    font-weight: 600;
    font-size: 14px;
    transition: 0.3s ease all;
    cursor: pointer;
    height: 51px;
    -webkit-appearance: none;
    border-radius: 4px;
    display: flex;
    min-width: 200px;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
    word-wrap: unset;
    word-break: unset;
    word-spacing: unset;
    letter-spacing: unset;
}

h2.spanishBannerTitle {
    font-size: 40px;
    font-weight: 700;
    line-height: 52px;
    margin-top: 0px;
    margin-bottom: 24px;
    color: #222734;
}
h3.spanishBannerSubTitle {
    font-size: 18px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 24px;
    line-height: 23.4px;
    color: #3F4756;
}

.row.spanishBannerRow.sectionRow {
    background-image: url('/wp-content/themes/sogo-child/images/spanishdeclaration/spanishHpDesktopBg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.spanishBannerRight img {
    max-width: 105%;
    display: block;
}

@media (max-width: 1360px){
    .row.spanishBannerRow.sectionRow .container,
    .row.spanishBannerRow.sectionRow {
        min-height: 551px;
    }
    .row.spanishBannerRow.sectionRow .container .spanishBannerRight {
        position: absolute;
        right: 0px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
	.ar_Class .row.spanishBannerRow.sectionRow .container .spanishBannerRight {
		left: 0px;
		right: auto;
	}
    .row.spanishBannerRow.sectionRow .container .spanishBannerLeft {
        width: 46%;
        z-index: 1;
    }
    .spanishBannerBtns {
        flex-direction: column;
    }
    .row.spanishBannerRow.sectionRow .container .spanishBannerLeft .spanishBannerStart {
        margin-bottom: 16px;
        height: 43px;
        max-width: 163px;
    }
    .row.spanishBannerRow.sectionRow .container .spanishBannerLeft .spanishBannerTry {
        height: 43px;
        max-width: 163px;
    }
    h2.spanishBannerTitle {
        font-size: 32px;
        line-height: 41.6px;
    }
    h3.spanishBannerSubTitle {
        font-size: 14px;
        line-height: 18.2px;
    }
}

@media only screen and (max-width: 1360px) and (min-width: 992px){
	.row.spanishBannerRow.sectionRow .container .spanishBannerLeft .spanishBannerStart {
		width: 100%;
		max-width: 80%;
		margin-right: 0px;
	}
	
	.row.spanishBannerRow.sectionRow .container .spanishBannerLeft .spanishBannerTry {
		width: 100%;
		max-width: 80%;
		margin-right: 0px;
	}
}

@media (max-width: 992px){
    .row.spanishBannerRow.sectionRow .container .spanishBannerLeft {
        width: 100%;
    }
    .row.spanishBannerRow.sectionRow .container .spanishBannerRight {
        position: relative;
        width: 100%;
    }
    .spanishBannerRight img {
        max-width: 100%;
    }
    .row.spanishBannerRow.sectionRow {
        background-image: url('/wp-content/themes/sogo-child/images/spanishdeclaration/spanishHpMobileBg.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom center;
    }
    .memberCubeArea {
        margin: auto;
        position: relative !important;
    }
	
	.row.spanishBannerRow.sectionRow .container .spanishBannerLeft .spanishBannerTry {
		height: 43px;
		max-width: 300px;
		width: 100%;
	}
	
	.row.spanishBannerRow.sectionRow .container .spanishBannerLeft .spanishBannerStart {
		margin-bottom: 16px;
		height: 43px;
		max-width: 300px;
		width: 100%;
	}
}
@media (max-width: 768px){
    .row.spanishBannerRow.sectionRow .container {
        padding: 15px;
    }
    .row.spanishBannerRow.sectionRow .container .spanishBannerLeft {
        padding-top: 30px;
    }
    .memberCubeArea {
        left: 0px !important;
    }
}
/*End of Spanish decleration section*/

/*Academy section hide for ES lang, for cysec reg*/
.es_Class[data-lcreg="cysec"] .academy-noWA {
    display: none !important;
}
/*End of Academy section hide for ES lang, for cysec reg*/

/*Hide analysisAcademyRow for cysec*/
body[data-lcreg='cysec'] .analysisAcademyRow,
body[data-lcreg='cysec'] .justAnalysisRow,
body[data-lcreg='cysec'] .academy-noWA {
  display: none !important;
}
/*end of Hide analysisAcademyRow for cysec*/