@charset "UTF-8";
.slideOutUp {
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}
body {
    font-family:Poppins,sans-serif;
    font-weight:400;
    font-size:14px;
    color:#000;
    height:100%;
    background:#f1f6f9;
    line-height:1;
    margin:0;
    padding:0;
    position:relative;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
button,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,select,table,td,textarea,tr,ul {
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    padding:0;
    margin:0;
    border:0;
    list-style:none
}
p {
    margin-bottom:20px
}
img {
    max-width:100%
}
.hw {
    -webkit-transition:all .3 ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.fw {
    width:100%;
    display:inline-block;
    float:left
}
a {
    -webkit-transition:all .3 ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
a:hover {
    text-decoration:none
}
.cover {
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center
}
.simpleButton {
    width:auto;
    float:left;
    border-radius:5px;
    font-size:14px;
    font-weight:600;
    color:#fff;
    line-height:20px;
    padding:15px 30px;
    background-color:#2b29b8;
    position:relative;
    display:inline-block
}
.simpleButton.noIcon {
    text-align:center
}
.simpleButton:focus {
    color:#fff
}
.simpleButton i {
    float:right;
    font-size:13px;
    line-height:19px;
    display:inline-block;
    font-weight:400;
    margin-left:25px
}
.simpleButton:before {
    content:"";
    position:absolute;
    right:50px;
    top:0;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 0 50px 20px;
    border-color:transparent transparent rgba(255,255,255,.12);
    -webkit-transition:all .3 ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    opacity:1;
    visibility:visible
}
.simpleButton:after {
    content:"";
    background:rgba(255,255,255,.12);
    height:50px;
    position:absolute;
    right:0;
    top:0;
    display:inline-block;
    width:50px;
    -webkit-transition:all .3 ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.simpleButton:hover:after {
    width:100%!important
}
.simpleButton:hover {
    color:#fff
}
.simpleButton:hover:before {
    opacity:0;
    visibility:hidden;
    right:100%!important
}
.simpleButton.onlyGray {
    background:#67708f!important
}
.simpleButton.largeX {
    padding-top:20px;
    padding-bottom:20px;
    font-size:17px
}
.simpleButton.largeX:before {
    border-width:0 0 60px 20px
}
.simpleButton.largeX:after {
    height:60px
}
.simpleButton.xLargeX {
    padding-top:30px;
    padding-bottom:30px;
    font-size:17px
}
.simpleButton.xLargeX:before {
    border-width:0 0 80px 20px;
    right:80px
}
.simpleButton.xLargeX:after {
    height:80px;
    width:80px
}
.simpleButton.xLargeX i {
    font-size:15px
}
.simpleButton.smallX {
    padding-top:10px;
    padding-bottom:10px;
    font-size:17px
}
.simpleButton.smallX:before {
    border-width:0 0 40px 20px
}
.simpleButton.smallX:after {
    height:40px
}
#simpleButtonMega:before {
    content:none!important
}
#simpleButtonMega:after {
    content:none!important
}
.simpleButton:disabled {
    cursor:not-allowed;
    pointer-events:none;
    background-image:none!important;
    background-color:#a7a7a7
}
.headerAll {
    background:#fff
}
.headerTopAll {
    border-bottom:1px solid #f2f1f8
}
.headerTopLeft {
    float:left
}
.headerTopLang {
    float:left;
    position:relative
}
.headerTopLang>a {
    float:left;
    width:40px;
    height:40px;
    position:relative;
    background:#f2f1f8;
    cursor:pointer
}
.headerTopLang>a img {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto
}
.headerTopLang ul {
    position:absolute;
    width:540px;
    display:inline-block;
    background:#fff;
    z-index:123;
    left:0;
    top:50px;
    display:none;
    box-shadow:0 10px 20px 0 rgba(19,25,46,.08);
    border-radius:3px;
    border:1px solid #f2f1f8;
    border-bottom:0
}
.headerTopLang ul:before {
    content:"";
    position:absolute;
    left:10px;
    top:-10px;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 8px 10px;
    border-color:transparent transparent #f2f1f8
}
.headerTopLang ul li {
    width:33.33%;
    float:left;
    display:inline-block;
    border-right:1px solid #f2f1f8;
    border-bottom:1px solid #f2f1f8
}
.headerTopLang ul li:nth-of-type(3n) {
    border-right:0
}
.headerTopLang ul li a {
    width:100%;
    float:left;
    display:inline-block;
    padding:13.5px 20px;
    padding-right:0;
    color:#67708f
}
.headerTopLang ul li a .title {
    font-size:14px;
    line-height:16px;
    display:inline-block;
    font-weight:500
}
.headerTopLang ul li a img {
    float:left;
    width:16px;
    margin-right:20px
}
.headerTopLang ul li a:hover {
    color:#13192e;
    background:#f9f8ff
}
.headerTopLeftMenu {
    float:left
}
.headerTopLeftMenu>ul {
    float:left
}
.headerTopLeftMenu>ul>li {
    float:left
}
.headerTopLeftMenu>ul>li>a {
    float:left;
    color:#67708f;
    font-size:11px;
    line-height:15px;
    font-weight:500;
    padding:12.5px 10px;
    display:inline-block
}
.headerTopLeftMenu>ul>li>a i {
    float:left;
    background-image:linear-gradient(90deg,#0266ff 0,#0f0f0f 100%)!important;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-size:15px;
    line-height:15px;
    float:left;
    display:inline-block;
    margin-right:5px
}
.headerTopLeftMenu>ul>li>a:hover {
    color:#13192e
}
.headerTopRight {
    float:right
}
.headerTopRight>ul {
    float:left
}
.headerTopRight>ul>li {
    float:left;
    border-right:1px solid #f2f1f8
}
.headerTopRight>ul>li:first-child {
    border-left:1px solid #f2f1f8
}
.headerTopRight>ul>li>a {
    float:left;
    font-size:12px;
    color:#67708f;
    font-weight:500;
    line-height:15px;
    display:inline-block;
    padding:12.5px 15px
}
.cartItemCount {
    background:#e9298b;
    border:0 none;
    padding:2px;
    overflow:hidden;
    vertical-align:baseline;
    font-weight:700;
    font-size:13px;
    text-align:center;
    color:#fff;
    z-index:1000001;
    display:block;
    margin-top:12px
}
.headerTopRight>ul>li>a i {
    float:left;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-size:15px;
    line-height:15px;
    float:left;
    display:inline-block;
    margin-right:10px
}
.headerTopRight>ul>li.headerTrader img {
    margin-right:5px
}
.headerTopRight>ul>li>a:hover {
    background:#f2f1f8;
    color:#5c6ca4
}
.headerTopRight>ul>li.headerTrader>a:hover {
    background:#f2f1f8;
    color:#13192e
}
.headerBot {
    padding-top:15px
}
/* Menü yüksekliğine göre logo */
.verioda-logo a img {
    height: 60px; /* Menü yüksekliği ile eşit */
    width: auto;   /* Oran bozulmasın */
    object-fit: contain;
    display: block;
    margin-bottom: 0;
}


}
.headerMenu {
    float:right
}
.headerMenu>nav {
    float:left
}
.headerMenu>nav>ul {
    float:left
}
.headerMenu>nav>ul>li {
    float:left
}
.headerMenu>nav>ul>li>a {
    float:left;
    color:#67708f;
    font-size:16px;
    line-height:20px;
    font-weight:500;
    padding:10px 15px;
    border-radius:5px 5px 0 0;
    padding-bottom:15px
}
.headerMenu>nav>ul>li:hover>a {
    color:#4d5369
}
.headerMenu>nav>ul>li.has-small-menu {
    position:relative
}
.subMenu.smallMenu {
    background:#fbfaff;
    width:200px
}
.smallMenuBox>ul {
    width:100%;
    display:inline-block;
    float:left
}
.smallMenuBox>ul>li {
    width:100%;
    display:inline-block;
    float:left;
    border-bottom:1px solid rgba(0,0,0,.1)
}
.smallMenuBox>ul>li>a {
    width:100%;
    display:inline-block;
    float:left;
    color:#67708f;
    font-size:14px;
    line-height:20px;
    padding:15px;
    font-weight:500
}
.smallMenuBox>ul>li>a:hover {
    background:#f2f1f8;
    color:#13192e
}
.headerCurrencyAll {
    background:#1b2136
}
.headerCurrencyAll ul {
    width:100%;
    display:inline-block;
    float:left
}
.headerCurrencyAll ul li {
    width:140px;
    float:left;
    display:inline-block;
    border-right:1px solid #272d44;
    padding:10px 25px
}
.headerCurrencyAll ul li:last-child {
    border-right:0
}
.headerCurrencyAll ul li .title {
    color:#f2f1f8;
    font-size:12px;
    font-weight:500;
    line-height:15px
}
.headerCurrencyAll ul li .desc {
    font-size:13px;
    line-height:15px;
    display:block;
    color:#fff
}
.headerCurrencyAll ul li .desc i {
    font-style:normal;
    font-weight:700;
    float:right
}
.headerCurrencyAll ul li .desc i.green {
    color:#26b26f
}
.headerCurrencyAll ul li .desc i.red {
    color:#f1395c
}
.headerCurrencyAll ul li span.green {
    color:#26b26f
}
.headerCurrencyAll ul li span.red {
    color:#f1395c
}
.headerCurrencyAll ul li span.desc:after {
    content:"";
    width:15px;
    height:15px;
    border-radius:50%;
    background:#26d599;
    border:5px solid #2c3452;
    display:inline-block;
    position:absolute;
    top:17.5px;
    margin-left:30px
}
.headerCurrencyAll ul li span.desc.red:after {
    background:#f23f7c;
    border-color:#2c3452
}
ul.sul {
    width:100%;
    display:inline-block;
    float:left
}
ul.sul>li {
    width:100%;
    float:left;
    display:inline-block
}
.homeSliderAll {
    position:relative
}
.homeSliderItem {
    height:560px;
    position:relative
}
.homePreviewAllAfter {
    position:absolute;
    left:0;
    bottom:0;
    background:url(../images/slider-after.png) no-repeat;
    height:138px;
    z-index:12
}
.homePreview {
    position:relative;
    z-index:123
}
.homePreview ul {
    position:relative;
    padding-right:650px;
    height:100%;
    padding-top:60px;
    width:100%;
    float:left;
    padding-bottom:60px;
    display:inline-block
}
.homePreview ul li {
    width:100%;
    display:inline-block;
    float:left
}
.homePreview ul li.img {
    position:absolute;
    width:auto;
    right:0;
    top:0
}
.homePreview ul li.title {
    color:#fff;
    font-size:50px;
    font-weight:300;
    line-height:72px;
    margin-bottom:32px
}
.homePreview ul li.title img {
    margin-left:30px;
    vertical-align:middle
}
.homePreview ul li.title strong {
    font-weight:900
}
.homePreview ul li.desc {
    color:#fff;
    font-size:23px;
    line-height:30px;
    font-weight:300;
    margin-bottom:46px
}
.homePreview ul li.discount .discountX {
    font-size:72px;
    color:#fff;
    font-weight:900;
    line-height:100px;
    padding-left:30px;
    padding-right:30px;
    border-radius:0 15px 15px 15px
}
.homePreview ul li.discount {
    margin-bottom:15px
}
.homePreview ul li.link a {
    font-size:17px
}
.homePreview ul li.link a i {
    font-size:17px
}
.homePreview ul li.twiceLink a {
    margin-right:10px
}
.homePreview ul li.twiceLink a:last-child {
    margin-right:0
}
.homePreview ul li.spacingTitle {
    color:#c7c5d4;
    font-size:20px;
    line-height:20px;
    letter-spacing:5px;
    margin-bottom:15px
}
.homePreview ul li.homeSliderLogo {
    margin-bottom:10px
}
.homePreview ul li.homeSliderTitle {
    font-size:34px;
    font-weight:900;
    color:#fff;
    margin-bottom:50px;
    position:relative
}
.homePreview ul li.homeSliderTitle:after {
    content:"";
    width:80px;
    height:2px;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%);
    position:absolute;
    left:0;
    bottom:-30px;
    display:inline-block
}
.homePreview ul li.img.center {
    top:0;
    bottom:0;
    margin-top:auto;
    margin-bottom:auto
}
.homePreview ul li small {
    display:block
}
.homePreviewBot {
    border-radius:15px;
    margin-top:-40px;
    position:relative;
    z-index:123;
    margin-bottom:70px
}
.homePreviewBotTab {
    width:33.33%;
    float:left;
    display:inline-block;
    border-right:2px solid rgba(255,255,255,.2)
}
.homePreviewBotTab a {
    padding:40px;
    width:100%;
    display:inline-block
}
.homePreviewBot .homePreviewBotTab:last-child {
    border-right:0
}
.homePreviewBotTab ul {
    position:relative;
    padding-left:80px
}
.homePreviewBotTab ul li.img {
    width:60px;
    height:60px;
    border-radius:0 5px 5px 5px;
    background:#fff;
    position:absolute;
    left:0;
    top:0
}
.homePreviewBotTab ul li.img i {
    font-size:30px;
    line-height:30px;
    height:30px;
    width:30px;
    text-align:center;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto
}
.homePreviewBotTab ul li.title {
    font-size:17px;
    line-height:20px;
    color:#fff;
    font-weight:700;
    margin-bottom:15px
}
.homePreviewBotTab ul li.desc {
    font-size:14px;
    line-height:20px;
    color:#fff;
    font-weight:500
}
.homePreviewBotTab a:hover {
    padding-top:30px
}
.simpleTitle {
    padding-bottom:30px;
    border-bottom:2px solid #e9e8f0;
    margin-bottom:30px;
    position:relative
}
.simpleTitle ul li.title {
    color:#13192e;
    font-size:25px;
    line-height:30px;
    font-weight:700;
    margin-bottom:5px
}
.simpleTitle ul li.desc {
    color:#67708f;
    font-size:17px;
    line-height:20px
}
.simpleTitle:after {
    content:"";
    width:80px;
    height:2px;
    position:absolute;
    left:0;
    bottom:-2px;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)!important;
    display:inline-block
}
.simpleTitle ul li.subTitle .subTitleX {
    color:#b9c3e1;
    font-size:17px;
    line-height:20px;
    font-weight:500;
    letter-spacing:12px;
    margin-bottom:5px;
    position:relative;
    float:left;
    display:inline-block;
    position:relative
}
.simpleTitle ul li.subTitle .subTitleX:after {
    width:40px;
    height:2px;
    content:"";
    position:absolute;
    right:-50px;
    top:50%;
    margin-top:-1px;
    display:inline-block;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)!important
}
.homeInfoBoxLeft {
    width:60%;
    float:left;
    padding-right:30px;
    display:inline-block
}
.homeInfoBoxRight {
    width:40%;
    float:left;
    display:inline-block
}
.simpleContent {
    color:#67708f;
    font-size:17px;
    line-height:30px
}
.simpleContent h3 {
    font-size:20px;
    color:#13192e;
    font-weight:700;
    margin-bottom:15px;
    line-height:30px
}
.homeInfoBox {
    padding:70px 0
}
.homeInfoImg {
    background:#faf9ff;
    border-radius:15px;
    text-align:center;
    padding:40px 0
}
.homeInfoLeftButtons ul {
    float:left
}
.homeInfoLeftButtons ul li {
    float:left;
    margin-right:10px
}
.homeInfoLeftButtons ul li a {
    padding-left:20px;
    padding-right:20px
}
.threeStepsAll {
    padding:70px 0;
    margin-bottom:40px
}
.threeStepsTitle ul li {
    text-align:center
}
.threeStepsTitle ul li.title {
    font-size:25px;
    color:#fff;
    font-weight:700;
    line-height:30px;
    margin-bottom:5px
}
.threeStepsTitle ul li.desc {
    font-size:17px;
    line-height:25px;
    color:#fff
}
.threeStepsTitle {
    margin-bottom:30px
}
.threeStepTab {
    width:33.33%;
    float:left;
    display:inline-block
}
.threeStepTab ul li {
    text-align:center;
    padding-left:30px;
    padding-right:30px
}
.threeStepTab ul li.icon .iconX {
    width:120px;
    height:120px;
    border-radius:15px;
    position:relative;
    background:#fff;
    display:inline-block
}
.threeStepTab ul li.icon {
    padding-bottom:30px;
    border-bottom:1px solid rgba(255,255,255,.1);
    position:relative;
    margin-bottom:30px
}
.threeStepTab ul li.icon:before {
    content:"----------------";
    letter-spacing:5px;
    color:rgba(255,255,255,.4);
    font-size:30px;
    position:absolute;
    top:29px;
    right:-150px
}
.threeStepsBox .threeStepTab:last-child ul li.icon:before {
    display:none
}
.threeStepTab ul li.icon:after {
    content:"";
    width:20px;
    height:20px;
    border-radius:50%;
    background:#fff;
    position:absolute;
    right:-10px;
    bottom:-10px;
    display:inline-block
}
.threeStepTab ul li.icon .iconX i {
    font-size:54px;
    line-height:60px;
    width:69px;
    height:60px;
    text-align:center;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto
}
.threeStepTab ul li.icon .iconX em {
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    border-radius:50%;
    color:#fff;
    font-size:17px;
    font-weight:700;
    position:absolute;
    right:-20px;
    top:20px;
    font-style:normal
}
.threeStepTab ul li.title {
    font-size:20px;
    color:#fff;
    font-weight:700;
    line-height:25px;
    margin-bottom:10px
}
.threeStepTab ul li.desc {
    font-size:14px;
    line-height:20px;
    color:#fff;
    font-weight:500
}
.threeStepsBox .threeStepTab:last-child ul li.icon:after {
    display:none
}
.homeStats {
    padding:70px 0
}
.footerAll {
    background-color:#13192e;
    background-position:top center;
    margin-top:20px
}
.footerTopAll {
    padding:30px 0;
    border-bottom:1px solid rgba(255,255,255,.1);
    margin-bottom:30px
}
.footerQr {
    float:left;
    margin-right:20px
}
.footerLogo {
    float:left;
    padding-top:10px
}
.footerLogo .title {
    display:block;
    font-size:14px;
    line-height:20px;
    color:#fff;
    font-weight:500;
    margin-top:15px
}
.footerTopMenu {
    float:right
}
.footerTopMenu>ul {
    float:left
}
.footerTopMenu>ul>li {
    float:left;
    margin-right:10px
}
.footerTopMenu>ul>li>a {
    float:left;
    font-size:14px;
    color:#fff;
    line-height:15px;
    display:inline-block;
    padding:20px;
    background:rgba(255,255,255,.1);
    border-radius:5px
}
.footerTopMenu>ul>li>a i {
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-image:linear-gradient(90deg,#f3c340 0,#f4814e 100%)!important;
    font-size:15px;
    line-height:15px;
    display:inline-block;
    margin-right:8px
}
.footerTopMenu>ul>li:last-chidl {
    margin-right:0
}
.footerMenuRow {
    margin-left:-10px;
    margin-right:-10px
}
.footerMenuCol {
    width:20%;
    float:left;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:20px
}
.footerMenuTitle .title {
    font-size:20px;
    line-height:20px;
    color:#fff;
    font-weight:500;
    float:left;
    display:inline-block
}
.footerMenuTitle {
    padding-bottom:20px;
    border-bottom:1px solid rgba(255,255,255,.1);
    position:relative;
    margin-bottom:20px
}
.footerMenuTitle:before {
    content:"";
    width:60px;
    height:2px;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)!important;
    position:absolute;
    left:0;
    bottom:-2px;
    display:inline-block
}
.footerMenuNav ul {
    width:100%;
    display:inline-block;
    float:left
}
.footerMenuNav ul li {
    width:100%;
    display:inline-block;
    float:left
}
.footerMenuNav ul li a {
    color:#d5d7e0;
    font-size:14px;
    line-height:20px;
    padding:10px 0;
    display:inline-block
}
.footerMenuNav ul li a:hover {
    color:#fff;
    padding-left:15px
}
.footerRiskAll {
    border-top:1px solid rgba(255,255,255,.1);
    border-bottom:1px solid rgba(255,255,255,.1);
    padding:40px 0
}
.footerRisk {
    position:relative;
    padding-left:80px;
    color:#d5d7e0;
    font-size:14px;
    line-height:24px
}
.footerRisk i {
    position:absolute;
    font-size:60px;
    background-image:linear-gradient(90deg,#f34895 0,#f02f4f 100%)!important;
    line-height:60px;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    left:0;
    top:5px
}
.footerOtherMenu {
    padding:30px 0
}
.footerOtherMenu ul {
    margin:0 auto;
    display:table
}
.footerOtherMenu ul li {
    float:left
}
.footerOtherMenu ul li a {
    float:left;
    color:#d5d7e0;
    font-size:14px;
    line-height:30px;
    display:inline-block;
    position:relative;
    padding:0 10px
}
.footerOtherMenu ul li a:before {
    width:100%;
    height:1px;
    position:absolute;
    left:0;
    bottom:0;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)!important;
    display:inline-block;
    content:"";
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .3 ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.footerOtherMenu ul li a:hover:before {
    opacity:1;
    visibility:visible
}
.footerIcons {
    margin-bottom:30px
}
.footerIcons ul {
    text-align:center
}
.footerIcons ul li {
    display:inline-block;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:10px
}
.footerIcons ul li .title {
    width:80px;
    height:60px;
    border-radius:5px;
    background:#1f2437;
    display:inline-block;
    position:relative
}
.footerIcons ul li .title img {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto
}
.footerSocial ul {
    margin:0 auto;
    display:table
}
.footerSocial ul li {
    float:left;
    margin-right:10px
}
.footerSocial ul li:last-child {
    margin-right:0
}
.footerSocial ul li a {
    width:40px;
    line-height:40px;
    text-align:center;
    display:inline-block;
    background:#1f2437;
    border-radius:5px;
    font-size:17px;
    color:#b9c3e1
}
.footerSocial ul li a:hover {
    color:#fff
}
.footerSocial ul li.facebook a:hover {
    background:#3b5998
}
.footerSocial ul li.twitter a:hover {
    background:#1da1f2
}
.footerSocial ul li.instagram a:hover {
    background:#c13584
}
.footerSocial ul li.youtube a:hover {
    background:red
}
.footerSocial ul li.goTop a {
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)!important;
    font-size:12px;
    transform:rotate(-90deg)
}
.footerCopyright {
    text-align:center;
    padding:35px 0
}
.footerCopyright .title {
    font-size:14px;
    line-height:20px;
    display:inline-block;
    color:#fff;
    font-weight:500
}
.simpleBox {
    border-radius:5px;
    background:#fff;
    position:relative;
    padding:16px;
    margin-bottom:30px;
    overflow:hidden
}
.simpleBox.orange:before {
    background-image:linear-gradient(0deg,#f3c340 0,#f4814e 100%)!important
}
.simpleBox.pink:before {
    background-image:linear-gradient(0deg,#f34895 0,#f02f4f 100%)!important
}
.simpleBoxTitle ul li.title {
    color:#13192e;
    font-size:20px;
    font-weight:600;
    margin-bottom:10px
}
.simpleBoxTitle ul li.desc {
    color:#67708f;
    font-size:14px;
    line-height:20px
}
.simpleBox:before {
    content:"";
    width:4px;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    display:inline-block
}
.simpleBoxTitle {
    margin-bottom:30px
}
.homeContactFormRow {
    margin-left:-10px;
    margin-right:-10px
}
.homeContactFormCol {
    width:50%;
    float:left;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:15px
}
.homeContactFormBox .title {
    float:left;
    color:#67708f;
    font-size:11px;
    line-height:15px;
    font-weight:500;
    display:inline-block;
    padding-left:20px;
    margin-bottom:10px;
    font-weight:600
}
.homeContactInput {
    position:relative
}
.contactText {
    width:100%;
    border:1px solid #e9e8f0;
    border-radius:5px;
    background:#fbfaff;
    height:50px;
    padding-left:60px;
    padding-right:20px;
    color:#67708f;
    font-size:14px;
    font-weight:500
}
.homeContactInput .icon {
    width:60px;
    position:absolute;
    left:0;
    top:0;
    line-height:50px;
    height:50px;
    text-align:center;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%);
    font-size:20px;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.homeContactInput .arrow {
    position:absolute;
    right:20px;
    top:0;
    line-height:50px;
    color:#67708f
}
.homeContactFormCol.full {
    width:100%
}
.contactSelect {
    -webkit-appearance:none;
    -moz-appearance:none;
    text-indent:.01px;
    padding-left:60px;
    padding-right:25px;
    color:#67708f;
    font-size:14px;
    width:100%;
    float:left;
    font-weight:500;
    background:#fbfaff;
    height:50px;
    cursor:pointer;
    float:left;
    border:1px solid #e9e8f0;
    border-radius:5px
}
.contactTextarea {
    width:100%;
    border:1px solid #e9e8f0;
    border-radius:5px;
    background:#fbfaff;
    height:140px;
    padding-left:60px;
    padding-right:20px;
    color:#67708f;
    font-size:14px;
    font-weight:500;
    resize:none;
    padding-top:12.5px;
    line-height:20px
}
.submitContactFormBox .simpleButton {
    float:right;
    width:100%;
    max-width:260px
}
.homeContactFormRow .homeContactFormCol:last-child {
    margin-bottom:0
}
.contactSelect:focus,.contactText:focus,.contactTextarea:focus {
    border-color:#6553ef!important;
    background:#efeefd
}
.homeContact {
    padding-top:70px;
    padding-bottom:40px
}
.newsteller {
    position:relative;
    padding-right:230px
}
.newtellerLeft {
    position:relative
}
.newtellerLeft .contactText:focus {
    border-color:#f34895!important;
    background:#efeefd
}
.newstellerRight {
    position:absolute;
    right:0;
    top:0
}
.newstellerRight .simpleButton {
    width:100%;
    display:inline-block
}
.newstellerRight .simpleButton i {
    float:right
}
.contactDetailsTab {
    margin-bottom:19px
}
.bankList {
    padding:0
}
.bankListTab {
    background:#f7f9fd;
    border-radius:5px;
    padding:15px;
    margin-bottom:10px
}
.bankListTab ul {
    width:100%;
    position:relative;
    display:inline-block;
    float:left;
    padding-left:240px
}
.bankListTab ul li {
    width:100%;
    display:inline-block;
    float:left
}
.bankListTab ul li.img {
    position:absolute;
    height:160px;
    width:210px;
    left:0;
    top:0;
    background:#fff
}
.bankListTab ul li.img img {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto
}
.bankListTab ul li.title {
    position:relative;
    padding-left:130px;
    border-top:1px solid #ebeef3
}
.bankListTab ul li.title:last-child {
    border-bottom:1px solid #ebeef3
}
.bankListTab ul li.title .titleX {
    position:absolute;
    left:0;
    top:0;
    color:#67708f;
    font-size:13px;
    font-weight:600;
    line-height:20px;
    padding:9.5px 0;
    float:left;
    display:inline-block;
    width:110px
}
.bankListTab ul li.title .titleX:after {
    content:":";
    float:right
}
.bankListTab ul li.title .text {
    color:#67708f;
    font-size:14px;
    font-weight:600;
    line-height:20px;
    padding:9.5px 0;
    float:left;
    display:inline-block
}
.bankListAll {
    background:#fff;
    border-radius:5px
}
.blogListTitle.hasPadding {
    padding:30px;
    border-bottom:2px solid #f1f3f8
}
.blogListTitle.noMargin {
    margin-bottom:0
}
@media (max-width:768px) {
    .bankListTab ul {
        padding:0
    }
    .bankListTab ul li.img {
        width:100%;
        margin-bottom:10px;
        position:relative
    }
}
@media (max-width:500px) {
    .bankListTab ul li.title .titleX {
        width:100%;
        padding:0;
        position:relative
    }
    .bankListTab ul li.title {
        padding-left:0
    }
    .bankListTab ul li.title .titleX:after {
        display:none
    }
}
.contactDetailsTab ul {
    position:relative;
    padding-left:50px
}
.contactDetailsTab ul li.title {
    color:#67708f;
    font-size:11px;
    line-height:10px;
    font-weight:600;
    margin-bottom:5px
}
.contactDetailsTab ul li.desc {
    color:#13192e;
    font-size:17px;
    line-height:20px
}
.contactDetailsTab ul li.icon {
    width:30px;
    font-size:24px;
    text-align:center;
    line-height:35px;
    position:absolute;
    left:0;
    top:0;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-image:linear-gradient(90deg,#3431c3 0,#2b29b8 100%)
}
.contactDetailsTab ul li.social a {
    font-size:14px;
    line-height:30px;
    color:#13192e;
    display:inline-block;
    margin-right:10px
}
.contactDetailsTab ul li.social a:hover {
    color:#67708f
}
.contactDetails .contactDetailsTab:last-child {
    margin-bottom:0
}
.homeIkiliAll {
    padding:70px 0
}
.homeIkiliTopLeft {
    float:left
}
.homeIkiliTopRight {
    float:right;
    max-width:60%
}
.homeIkiliTopRight ul li {
    text-align:right;
    color:#fff
}
.homeIkiliTopRight ul li.title {
    font-size:25px;
    font-weight:700;
    margin-bottom:10px
}
.homeIkiliTopRight ul li.desc {
    font-size:17px;
    line-height:20px;
    font-weight:500
}
.homeIkiliTabTop {
    margin-bottom:20px
}
.homeIkiliTop {
    margin-bottom:15px
}
.homeIkiliTabTop ul {
    float:right
}
.homeIkiliTabTop ul li {
    float:left;
    margin-right:10px
}
.homeIkiliTabTop ul li a {
    float:left;
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:50%;
    color:#13192e;
    font-size:14px;
    display:inline-block;
    text-align:center;
    background:#fff;
    font-weight:700;
    opacity:.6
}
.homeIkiliTabTop ul li:last-child {
    margin-right:0
}
.homeIkiliTabTop ul li.active a {
    opacity:1
}
.homeIkiliTabDivLeft {
    width:40%;
    float:left
}
.homeIkiliTabDivRight {
    width:60%;
    float:left
}
.homeIkiliTabDivRightBox img {
    float:right
}
.homeIkiliTabDivLeftBoxTitle {
    margin-bottom:30px
}
.homeIkiliTabDivLeftBoxTitle .title {
    color:#fff;
    font-size:20px;
    font-weight:600;
    line-height:30px;
    margin-bottom:30px
}
.homeIkiliTabDivLeftBoxTitle .title strong {
    font-size:25px;
    font-weight:700
}
.homeIkiliTabDivLeftBoxTitle .more {
    font-size:20px;
    color:#fff;
    font-weight:700;
    background:#17a593;
    border-radius:5px;
    line-height:30px;
    padding:10px 40px;
    display:inline-block
}
.ikiliFeatures ul li {
    position:relative;
    padding-left:40px;
    font-size:17px;
    line-height:20px;
    color:#fff;
    margin-bottom:25px
}
.ikiliFeatures ul li i {
    font-size:20px;
    line-height:20px;
    width:20px;
    text-align:center;
    position:absolute;
    left:0;
    top:0;
    color:#17a593;
    display:inline-block
}
.ikiliFeatures {
    margin-bottom:20px
}
.homeAdvantages {
    padding-top:70px;
    padding-bottom:30px
}
.homeAdvantagesRow {
    margin-left:-10px;
    margin-right:-10px
}
.homeAdvantagesCol {
    width:25%;
    float:left;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:40px
}
.homeAdvantagesDiv ul li.icon .iconX {
    width:80px;
    height:80px;
    border-radius:5px;
    background:#fff;
    display:inline-block;
    position:relative;
    box-shadow:0 2px 20px 0 rgba(97,101,238,.16)
}
.homeAdvantagesDiv ul li.icon .iconX i {
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-size:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto
}
.homeAdvantagesDiv ul li.icon {
    margin-bottom:30px
}
.homeAdvantagesDiv ul li.title {
    color:#13192e;
    font-size:20px;
    font-weight:600;
    line-height:30px;
    margin-bottom:10px;
    letter-spacing:-1px
}
.homeAdvantagesDiv ul li.desc {
    color:#67708f;
    font-size:14px;
    line-height:28px;
    height:90px
}
.homeAdvantagesDiv ul li.link .linkX {
    font-size:14px;
    line-height:20px;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-weight:600
}
.homeAdvantagesDiv {
    padding-bottom:30px;
    border-bottom:2px solid #e9e8f0
}
.homeAdvantagesDiv ul li.link .linkX:hover {
    padding-left:15px
}
.homeYatirimAll {
    padding:70px 0
}
.homeYatirimLeft {
    width:25%;
    float:left;
    display:inline-block;
    padding-right:30px
}
.homeYatirimRight {
    width:75%;
    float:left;
    display:inline-block
}
.homeYatirimRow {
    margin-left:-5px;
    margin-right:-5px
}
.homeYatirimCol {
    width:20%;
    float:left;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:10px
}
.homeYatirimTab {
    background:#fff;
    padding:20px;
    border-radius:5px
}
.homeYatirimTab ul li {
    text-align:center
}
.homeYatirimTab ul li.icon {
    margin-bottom:10px;
    height:50px
}
.homeYatirimTab ul li.img {
    height:50px;
    margin-bottom:10px
}
.homeYatirimTab ul li.icon .iconX {
    font-size:50px;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    line-height:50px;
    display:inline-block;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)
}
.homeYatirimTab ul li.title {
    color:#67708f;
    font-size:11px;
    line-height:15px;
    font-weight:500
}
.homeYatirimTab ul li.desc {
    color:#13192e;
    font-size:14px;
    font-weight:600;
    color:#13192e;
    margin-bottom:10px;
    line-height:20px
}
.homeYatirimTab ul li.more .moreX {
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)!important;
    font-size:11px;
    font-weight:600;
    line-height:30px;
    border-radius:5px;
    padding-left:20px;
    padding-right:20px;
    display:inline-block;
    color:#fff
}
.homeYatirimTab ul li.more .moreX:hover {
    padding-left:30px;
    padding-right:30px
}
.homeYatirimRow .homeYatirimCol:nth-of-type(6) {
    margin-left:20%
}
.homeYatirimLeftBox ul li.title {
    color:#cccad8;
    font-size:20px;
    line-height:20px;
    font-weight:600;
    margin-bottom:10px
}
.homeYatirimLeftBox ul li.bigTitle {
    font-size:34px;
    line-height:40px;
    font-weight:700;
    color:#fff;
    margin-bottom:30px;
    letter-spacing:-1px
}
.homeYatirimLeftBox ul li.desc {
    color:#d9dce7;
    font-size:14px;
    line-height:28px;
    font-weight:500;
    margin-bottom:90px
}
.homeLangAll {
    padding:70px 0;
    border-top:4px solid #e3e2eb;
    border-bottom:4px solid #e3e2eb;
    margin-bottom:70px;
    background:#e9e8f0
}
.homeLangText ul li.icon {
    margin-bottom:30px
}
.homeLangText ul li.icon i {
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%);
    font-size:60px;
    line-height:60px;
    display:inline-block
}
.homeLangText ul li.title {
    color:#67708f;
    font-size:28px;
    line-height:30px;
    margin-bottom:10px
}
.homeLangText ul li.subTitle {
    color:#13192e;
    font-size:25px;
    line-height:30px;
    font-weight:700;
    margin-bottom:30px
}
.homeLangText ul li.desc {
    color:#67708f;
    font-size:17px;
    line-height:28px;
    margin-bottom:60px
}
.homeStatsTableTop>ul {
    float:left
}
.homeStatsTableTop>ul>li {
    float:left
}
.homeStatsTableTop>ul>li>a {
    float:left;
    color:#67708f;
    font-size:11px;
    font-weight:700;
    min-width:140px;
    text-align:center;
    line-height:20px;
    padding:10px 15px;
    background:#fff
}
.homeStatsTableTop>ul>li:nth-of-type(2n)>a {
    background:#fbfaff
}
.homeStatsTableTop>ul>li.active>a {
    background:#67708f!important;
    color:#fff
}
.homeStatsTableTop.spreadTable ul li {
    width:11.11%
}
.homeStatsTableTop.spreadTable ul li a {
    width:100%;
    text-align:center;
    padding-left:0;
    padding-right:10px
}
.simpleStatsTableDiv>ul {
    width:100%;
    display:inline-block;
    float:left
}
.simpleStatsTableDiv>ul li {
    width:20%;
    float:left;
    display:inline-block;
    padding-left:20px
}
.simpleStatsTableDiv>ul.top {
    background:#67708f;
    padding:20px 0
}
.simpleStatsTableDiv>ul.top>li .title {
    font-size:14px;
    color:#fff;
    font-weight:500;
    line-height:20px;
    display:inline-block
}
.simpleStatsTableDiv>ul.bot {
    padding:20px 0;
    border-bottom:1px solid #e9e8f0;
    background:#fff
}
.simpleStatsTableDiv>ul.bot:nth-of-type(2n-1) {
    background:#fbfaff
}
.simpleStatsTableDiv>ul.bot>li .title {
    color:#67708f;
    font-size:14px;
    line-height:20px;
    font-weight:500
}
.simpleStatsTableDiv>ul.bot>li .title.green {
    color:#16c6a2
}
.simpleStatsTableDiv>ul.bot>li .title.red {
    color:#f43666
}
.simpleStatsTableDiv>ul.bot>li.currency .title i {
    transform:rotate(-90deg);
    font-size:10px;
    float:right;
    line-height:20px;
    display:inline-block
}
.simpleStatsTableDiv>ul.bot>li.currency .title i.down {
    color:#f5426f;
    transform:rotate(-90deg)
}
.simpleStatsTableDiv>ul.bot>li.currency .title i.up {
    color:#23c9a7;
    transform:rotate(90deg)
}
.simpleStatsTableDiv>ul.bot>li.currency .title {
    width:100px;
    display:inline-block
}
.simpleStatsTableDiv>ul.botsmall {
    padding:13px 0!important
}
.homeSpreadMore {
    margin-top:20px;
    text-align:center
}
.homeSpreadButton {
    color:#67708f;
    font-size:14px;
    font-weight:500;
    line-height:20px;
    display:inline-block;
    border:2px solid #e9e8f0;
    padding:13px 70px;
    border-radius:5px;
    display:inline-block;
    background:#fff
}
.homeSpreadButton:hover {
    background:#e9e8f0;
    color:#333
}
.homeSpreadAll {
    padding:70px 0
}
.simpleTitle ul li.rightButton {
    position:absolute;
    right:0;
    top:0;
    width:auto
}
.homePlatformAll {
    padding-bottom:70px;
    background:#fff
}
.simpleContent h3 .h3More {
    float:right;
    color:#67708f;
    font-size:14px;
    line-height:30px;
    display:inline-block
}
.simpleContent.align-justify {
    text-align:justify
}
.metaMenus>ul {
    margin-left:-5px;
    margin-right:-5px
}
.metaMenus>ul>li {
    width:50%;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:10px;
    float:left
}
.metaMenus>ul>li>a {
    width:100%
}
.metaMenus>ul>li>a i {
    font-size:20px
}
.metaMenus>ul>li.gray>a {
    background:#67708f
}
.metaMenus>ul>li.blue>a {
    background:#0096ec
}
.metaMenus>ul>li.green>a {
    background:#16c5a2
}
.metaMenus>ul>li.black>a {
    background:#40434f
}
.homePlatformRight img {
    float:right
}
.mirstMetaMenus {
    margin-bottom:35px
}
.mirstMetaMenus>ul {
    float:left
}
.mirstMetaMenus>ul>li {
    float:left;
    margin-right:10px
}
.mirstMetaMenus>ul>li:last-child {
    margin-right:0
}
.mirstMetaMenus>ul>li>a {
    float:left;
    color:#67708f;
    font-size:14px;
    font-weight:500;
    display:inline-block;
    line-height:46px;
    width:130px;
    text-align:center;
    border:2px solid #e9e8f0;
    border-radius:5px
}
.mirstMetaMenus>ul>li.active>a {
    background:#67708f;
    border-color:#67708f;
    color:#fff
}
.mirstMetaMenus>ul>li>a:hover {
    background:#67708f;
    border-color:#67708f;
    color:#fff
}
.homePlatformLeft {
    padding-top:70px
}
.homePlatformRight {
    padding-top:20px
}
.canliPiyasaStatsTop {
    background:#fff
}
.canliPiyasaStatsTop>ul>li>a {
    color:#67708f;
    font-size:17px;
    font-weight:600;
    padding-top:20px;
    padding-bottom:20px
}
.canliPiyasaStatsBot>ul.top {
    padding:10px 0
}
.simpleStatsTableDiv>ul.bot>li.currency .liveCurrency {
    padding-left:25px;
    position:relative;
    display:inline-block
}
.simpleStatsTableDiv>ul.bot>li.currency .liveCurrency:before {
    content:"";
    width:15px;
    height:15px;
    border-radius:50%;
    background:#26d599;
    border:5px solid #d4f6e9;
    display:inline-block;
    position:absolute;
    left:0;
    top:2.5px
}
.simpleStatsTableDiv>ul.bot>li.currency .liveCurrency.down:before {
    background:#f23f7c;
    border-color:#fcd6de
}
.homeVideosBotRow {
    margin-left:-10px;
    margin-right:-10px
}
.homeVideosBotCol {
    width:50%;
    float:left;
    padding-left:10px;
    padding-right:10px;
    margin-top:10px
}
.homeVideosBotBox {
    background:#fff url(../images/arrows.png) no-repeat center center;
    padding:40px;
    border-radius:5px
}
.homeVideosBotBox>ul>li {
    text-align:center
}
.homeVideosBotBox>ul>li.title {
    color:#13192e;
    font-size:17px;
    line-height:20px;
    font-weight:500;
    margin-bottom:12.5px
}
.homeVideosBotBox>ul>li.desc {
    color:#67708f;
    font-size:14px;
    line-height:20px;
    min-height:60px
}
.homeVideosBotBox>ul>li.icon i {
    font-size:45px;
    line-height:45px;
    display:inline-block;
    font-weight:500
}
.homeVideosBotBox>ul>li.icon {
    margin-bottom:20px
}
.homeVideosSliderItem {
    height:380px;
    padding-top:30px
}
.homeVideos {
    height:380px;
    border-radius:5px;
    overflow:hidden;
    margin-bottom:30px
}
.homeVideosSliderItem ul {
    max-width:410px;
    margin:0 auto;
    display:table;
    float:none
}
.homeVideosSliderItem ul li {
    text-align:center
}
.homeVideosSliderItem ul li.title {
    color:#f2f1f8;
    font-size:14px;
    line-height:20px;
    font-weight:700;
    margin-bottom:5px
}
.homeVideosSliderItem ul li.name {
    color:#fff;
    font-size:17px;
    line-height:20px;
    padding-bottom:15px;
    position:relative
}
.homeVideosSliderItem ul li.name:after {
    content:"";
    width:100%;
    height:2px;
    background-image:linear-gradient(90deg,#f3c340 0,#f4814e 100%)!important;
    position:absolute;
    left:0;
    bottom:0;
    display:inline-block
}
.homeVideosSliderItem ul li.play {
    font-size:60px;
    margin-top:60px;
    color:#fff
}
.homeVideosSliderItem a {
    width:100%;
    height:100%;
    display:inline-block
}
.homeVideosSlider .owl-dots {
    position:absolute;
    left:0;
    bottom:40px;
    width:100%;
    text-align:center
}
.homeVideosSlider .owl-dots .owl-dot {
    background:#f2f1f8;
    width:20px;
    height:2px;
    display:inline-block;
    margin-right:10px
}
.homeVideosSlider .owl-dots .owl-dot:last-child {
    margin-right:0
}
.homeVideosSlider .owl-dots .owl-dot.active {
    background-image:linear-gradient(90deg,#f3c340 0,#f4814e 100%)!important
}
.homeVideosSlider .owl-controls .homeVideosSliderArrow {
    position:absolute;
    left:40px;
    top:50%;
    margin-top:-20px;
    background:#e9eaec;
    border-radius:50%;
    text-align:center;
    line-height:40px;
    width:40px;
    height:40px;
    display:inline-block;
    font-size:14px;
    -webkit-transition:all .3 ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    cursor:pointer;
    color:#13192e
}
.homeVideosSlider .owl-controls .homeVideosSliderArrow.left {
    transform:rotate(180deg)
}
.homeVideosSlider .owl-controls .homeVideosSliderArrow.right {
    right:40px;
    left:auto
}
.homeVideosSlider .owl-controls .homeVideosSliderArrow:hover {
    background:#f3c340;
    color:#fff
}
.responsiveMenu {
    display:none;
    cursor:pointer
}
.homeSlider img {
    width:auto!important;
    display:inline-block!important
}
.sliderFormBox {
    background:#fff url(../images/slider-fx-before.png) no-repeat top right;
    padding:40px;
    border-radius:10px
}
.sliderFormBoxTitle .title {
    font-size:28px;
    color:#13192e;
    font-weight:700;
    line-height:30px;
    display:block;
    margin-bottom:25px;
    margin-top:5px
}
.sliderFormAll .homePreview {
    width:66.66%;
    float:left
}
.sliderFormAll .sliderForm {
    width:33.33%;
    float:right;
    padding-top:40px;
    position:relative;
    z-index:123
}
.sliderFormAll .homePreview ul {
    padding-right:30px
}
.sliderFormBox {
    position:relative
}
.sliderFormBox:before {
    width:calc(100% + 40px);
    content:"";
    position:absolute;
    left:-20px;
    display:inline-block;
    height:calc(100% + 40px);
    top:-20px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:5px
}
.sliderFormDiv>ul {
    width:100%;
    display:inline-block;
    float:left
}
.sliderFormDiv>ul>li {
    width:100%;
    display:inline-block;
    float:left;
    margin-bottom:10px
}
.sliderFormDiv>ul>li:last-child {
    margin-bottom:0
}
.sliderFormDiv>ul>li.submit .simpleButton {
    width:100%;
    font-size:17px;
    font-weight:700
}
.demoRegister {
    display:none
}
.slide_container {
    height:50px!important
}
.marquee {
    height:50px;
    width:100%;
    overflow:hidden;
    position:relative
}
.marquee ul {
    display:block;
    width:16000px;
    height:50px;
    position:absolute;
    overflow:hidden;
    animation:marquee 150s linear infinite
}
.marquee li {
    float:left;
    width:50%
}
@keyframes marquee {
    0% {
        left:0
    }
    100% {
        left:-12500px
    }
}
.marquee ul:hover {
    -moz-animation-play-state:paused;
    -webkit-animation-play-state:paused;
    animation-play-state:paused
}
.hiddenStats {
    display:none
}
.pageHeaderAll {
    padding-top:60px;
    padding-bottom:80px;
    position:relative
}
.pageHeader {
    padding-bottom:50px
}
.pageHeader ul li.title {
    font-size:34px;
    color:#fff;
    font-weight:700;
    margin-bottom:10px
}
.pageHeader ul li.desc {
    color:#f2f1f8;
    font-size:20px;
    line-height:28px
}
.pageHeader ul li.icon {
    font-size:60px;
    margin-bottom:40px;
    position:relative;
    color:#fff
}
.pageHeader ul li.icon:before {
    content:"";
    width:80px;
    height:2px;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)!important;
    left:0;
    bottom:-20px;
    position:absolute;
    display:inline-block
}
.pageHeaderAll:after {
    content:"";
    width:100%;
    height:2px;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)!important;
    position:absolute;
    left:0;
    bottom:0;
    display:inline-block
}
.pageAll {
    margin-top:-80px;
    position:relative;
    z-index:1;
    margin-bottom:24px
}
.page {
    background:#fff;
    border-radius:5px
}
.page.full {
    background:#fff!important
}
.pageLeft {
    width:71.5%;
    float:left;
    display:inline-block;
    padding:30px
}
.pageLeft.full {
    width:100%!important
}
.pageRight {
    width:28.5%;
    float:left;
    display:inline-block
}
.simpleContentTitle .title {
    color:#13192e;
    font-size:25px;
    font-weight:700;
    letter-spacing:-1px;
    display:inline-block;
    line-height:30px
}
.simpleContentTitle {
    padding-bottom:30px;
    border-bottom:2px solid #e9e8f0;
    margin-bottom:30px;
    position:relative
}
.simpleContentTitle:before {
    content:"";
    width:80px;
    height:2px;
    background-image:linear-gradient(90deg,#322fbf 0,#1617a3 100%)!important;
    position:absolute;
    left:0;
    bottom:-2px;
    display:inline-block
}
.simpleContent {
    margin-bottom:20px
}
.simpleContent ul li {
    position:relative;
    padding-left:45px
}
.simpleContent ul li i {
    position:absolute;
    left:0;
    top:0;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-image:linear-gradient(90deg,#23d99f 0,#30c77e 100%)!important;
    font-size:25px;
    line-height:30px;
    display:inline-block
}
.simpleContentTitle.orange-border:before {
    background-image:linear-gradient(90deg,#322fbf 0,#1617a3 100%)!important
}
.workTab {
    margin-bottom:30px
}
.pageRight {
    padding:30px;
    border-top-right-radius:5px
}
.page {
    background:linear-gradient(90deg,#fff 71.5%,#fbfaff 28.5%)
}
.sidebarMenu {
    margin-bottom:40px
}
.sidebarMenu>nav {
    width:100%;
    display:inline-block;
    float:left
}
.sidebarMenu>nav>ul {
    width:100%;
    display:inline-block;
    float:left
}
.sidebarMenu>nav>ul>li {
    width:100%;
    display:inline-block;
    float:left;
    border-bottom:1px solid #f2f1f8
}
.sidebarMenu>nav>ul>li>a {
    width:100%;
    float:left;
    display:inline-block;
    color:#67708f;
    font-size:14px;
    font-weight:500;
    line-height:24px;
    padding:15px;
    padding-left:55px;
    padding-right:20px;
    position:relative
}
.sidebarMenu>nav>ul>li>a:before {
    content:"";
    width:14px;
    height:14px;
    border:3px solid #e9e8f0;
    border-radius:50%;
    display:inline-block;
    left:20px;
    top:50%;
    margin-top:-7px;
    position:absolute
}
.sidebarMenu>nav>ul>li>a:hover {
    background:#f1f6f9;
    color:#000
}
.sidebarMenu>nav>ul>li.active>a {
    background:#f2f1f8;
    color:#13192e
}
.sidebarMenu>nav>ul>li.active>a:before {
    border-color:#598bee
}
.sidebarMenu>nav>ul>li.active>a:after {
    width:4px;
    height:4px;
    border-radius:50%;
    content:"";
    position:absolute;
    left:25px;
    top:50%;
    margin-top:-2px;
    display:inline-block;
    background:#598bee
}
.sidebarMenu>nav>ul>li ul {
    width:100%;
    display:inline-block;
    float:left;
    display:none
}
.sidebarMenu>nav>ul>li ul>li {
    width:100%;
    display:inline-block;
    float:left;
    border-bottom:1px solid #f2f1f8
}
.sidebarMenu>nav>ul>li ul>li>a {
    width:100%;
    float:left;
    display:inline-block;
    color:#67708f;
    font-size:14px;
    font-weight:500;
    line-height:24px;
    padding:15px;
    padding-left:80px;
    position:relative
}
.sidebarMenu>nav>ul>li ul>li:last-child {
    border-bottom:0
}
.sidebarMenu>nav>ul>li ul>li>a:before {
    content:"";
    display:inline-block;
    left:55px;
    top:50%;
    margin-top:-5px;
    position:absolute;
    width:0;
    height:0;
    border-style:solid;
    border-width:5px 0 5px 8px;
    border-color:transparent transparent transparent #e9e8f0;
    -webkit-transition:all .3 ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.sidebarMenu>nav>ul>li ul>li>a:hover:before {
    border-color:transparent transparent transparent #598bee
}
.sidebarMenu>nav>ul>li>a .arrow {
    float:right;
    font-size:11px;
    line-height:24px;
    display:inline-block;
    transform:rotate(90deg)
}
.sidebarMenu>nav>ul>li.active>a .arrow {
    transform:rotate(270deg)
}
.sidebarDemo {
    padding:30px;
    border-radius:5px;
    position:relative;
    padding-top:20px
}
.sidebarDemoTitle .title {
    font-size:28px;
    line-height:30px;
    color:#fff;
    display:inline-block;
    font-weight:300;
    margin-bottom:5px
}
.sidebarDemoTitle .desc {
    font-size:17px;
    line-height:20px;
    font-weight:600;
    display:block;
    color:#fff
}
.sidebarDemoTitle {
    margin-bottom:15px
}
.sidebarDemoBox>ul {
    width:100%;
    display:inline-block;
    float:left
}
.sidebarDemoBox>ul>li {
    width:100%;
    display:inline-block;
    float:left;
    margin-bottom:10px
}
.sidebarDemoBox>ul>li:last-child {
    margin-bottom:0
}
.homeContactInput.smallX .contactText {
    padding-left:50px;
    height:45px
}
.homeContactInput.smallX .homeContactInput .icon {
    line-height:45px;
    width:50px
}
.sidebarDemoSubmit {
    width:100%;
    border-radius:5px;
    height:50px;
    background:#13192e;
    font-size:14px;
    color:#fff;
    font-weight:700;
    -webkit-transition:all .3 ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.homeContactInput.smallX .sidebarDemoSubmit {
    height:45px
}
.sidebarDemoSubmit.smallX {
    height:45px
}
.sidebarDemoSubmit:hover {
    background:#f3b444
}
.sidebarDemo {
    margin-bottom:20px
}
.sidebarDemoSubmit:disabled {
    cursor:not-allowed;
    pointer-events:none;
    background-image:none!important;
    background-color:#a7a7a7
}
.sidebarPromosyon {
    margin-bottom:20px
}
.sidebarPromosyon a {
    width:100%;
    display:inline-block;
    float:left;
    position:relative;
    padding:20px;
    color:#fff;
    border-radius:8px
}
.sidebarPromosyon a:before {
    width:94px;
    height:62px;
    content:"";
    background:url(../images/promosyon-after.png) no-repeat;
    position:absolute;
    right:0;
    top:0;
    display:inline-block
}
.sidebarPromosyon a ul {
    position:relative;
    padding-left:60px
}
.sidebarPromosyon a ul li.icon {
    position:absolute;
    left:0;
    top:0;
    width:auto;
    font-size:40px
}
.sidebarPromosyon a ul li.title {
    font-size:17px;
    line-height:20px;
    font-weight:500
}
.sidebarPromosyon a ul li.desc {
    font-size:20px;
    font-weight:700;
    line-height:20px
}
.sidebarOtherMenuTab {
    margin-bottom:20px
}
.sidebarOtherMenuTab ul {
    position:relative;
    padding-left:75px;
    padding-top:7px;
    min-height:57px
}
.sidebarOtherMenuTab ul li.icon {
    position:absolute;
    left:0;
    top:0;
    width:57px;
    height:57px;
    border-radius:5px;
    background:#fff;
    box-shadow:0 2px 20px 0 rgba(97,101,238,.16)
}
.sidebarOtherMenuTab ul li.icon i {
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)!important;
    font-size:30px;
    line-height:30px;
    text-align:center;
    height:30px;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto
}
.sidebarOtherMenuTab ul li.title {
    color:#67708f;
    font-size:17px;
    line-height:20px;
    font-weight:500;
    margin-bottom:5px
}
.sidebarOtherMenuTab ul li.more a {
    font-size:11px;
    line-height:20px;
    font-weight:700;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)!important
}
.sidebarOtherMenuTab ul li.more a:hover {
    padding-left:10px
}
.teamListRow {
    margin-left:-10px;
    margin-right:-10px
}
.teamListCol {
    width:25%;
    float:left;
    padding-left:10px;
    padding-right:10px
}
.teamListBox a {
    width:100%;
    float:left;
    display:inline-block;
    height:195px;
    position:relative;
    border-radius:5px;
    overflow:hidden
}
.teamListBox a:before {
    position:absolute;
    left:0;
    bottom:0;
    height:4px;
    width:100%;
    content:"";
    display:inline-block;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)!important
}
.teamListBox a:after {
    content:"";
    width:100%;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    display:inline-block;
    background-image:linear-gradient(0deg,#13192e 0,rgba(19,25,46,0) 100%)
}
.teamListBox a ul {
    position:absolute;
    left:0;
    bottom:0;
    padding:20px;
    display:inline-block;
    z-index:1;
    -webkit-transition:all .3 ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.teamListBox a ul li.title {
    font-size:17px;
    line-height:20px;
    font-weight:600;
    margin-bottom:5px;
    color:#fff
}
.teamListBox a ul li.desc {
    color:#d6d5df;
    font-size:11px;
    line-height:15px;
    font-weight:600
}
.teamListBox a:hover ul {
    padding-bottom:40px
}
.callMe {
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)!important;
    padding:40px;
    border-radius:5px 5px 0 0
}
.callMeRow {
    margin-left:-5px;
    margin-right:-5px
}
.callMeCol {
    width:18%;
    float:left;
    padding-left:5px;
    padding-right:5px
}
.callMeCol.first {
    width:28%
}
.callMeTitle ul {
    position:relative;
    padding-left:60px
}
.callMeTitle ul li.icon {
    position:absolute;
    left:0;
    top:0;
    width:auto;
    font-size:40px;
    color:#fff;
    line-height:40px
}
.callMeTitle ul li.title {
    color:#fff;
    font-size:14px;
    line-height:20px
}
.callMeTitle ul li.desc {
    color:#fff;
    font-size:20px;
    line-height:20px;
    font-weight:700
}
.sidebarLiveSupport {
    margin-bottom:20px
}
.sidebarLiveSupport a {
    width:100%;
    border-radius:8px;
    float:left;
    width:100%;
    display:inline-block;
    float:left;
    position:relative;
    padding:20px;
    color:#fff;
    border-radius:8px
}
.sidebarLiveSupport a ul {
    position:relative;
    padding-left:60px
}
.sidebarLiveSupport a ul li.icon {
    position:absolute;
    left:0;
    top:0;
    width:auto;
    font-size:40px
}
.sidebarLiveSupport a ul li.title {
    font-size:14px;
    line-height:15px;
    font-weight:700
}
.sidebarLiveSupport a ul li.desc {
    font-size:25px;
    font-weight:300;
    line-height:25px
}
.faqListTab {
    margin-bottom:10px
}
.faqListTabTitle {
    background:#f2f1f8;
    border-radius:5px;
    cursor:pointer;
    padding:20px 80px;
    position:relative
}
.faqListTabTitle .title {
    color:#67708f;
    font-size:17px;
    line-height:20px;
    font-weight:500;
    display:inline-block
}
.faqListTabTitle .icon {
    position:absolute;
    left:40px;
    top:20px;
    color:#67708f;
    font-size:17px;
    line-height:20px;
    display:inline-block
}
.faqListTabTitle .arrow {
    position:absolute;
    right:40px;
    top:20px;
    font-size:12px;
    line-height:20px;
    color:#c2c4d0;
    display:inline-block;
    transform:rotate(90deg)
}
.faqListTabContent {
    background:#f2f1f8;
    padding:30px;
    display:none;
    padding-bottom:10px
}
.faqListTab.active .faqListTabTitle .arrow {
    transform:rotate(270deg)
}
.faqListTab.active .faqListTabTitle {
    background:#67708f
}
.faqListTab.active .faqListTabTitle .title {
    color:#fff
}
.faqListTab.active .faqListTabTitle .icon {
    color:#fff
}
.faqListTab.active .faqListTabTitle .arrow {
    color:#fff
}
.pageHeaderAll.smallX {
    padding-bottom:30px;
    margin-bottom:70px
}
.pageHeader ul li.button {
    margin-top:20px
}
.pageHeader ul li.button a {
    margin-right:10px
}
.pageHeader ul li.button a:last-child {
    margin-right:0
}
.pageHeader ul li.button a i {
    font-size:17px
}
.promotionRow {
    margin-left:-15px;
    margin-right:-15px
}
.promotionCol {
    width:33.33%;
    float:left;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:30px
}
.promotionBox a {
    width:100%;
    float:left;
    display:inline-block;
    height:246px;
    border-radius:5px;
    overflow:hidden;
    padding:40px;
    position:relative
}
.promotionBox a:hover {
    padding-left:60px
}
.promotionBox a ul {
    position:relative;
    z-index:123
}
.promotionBox a:before {
    background-image:-moz-linear-gradient(0deg,#13192e 0,rgba(19,25,46,0) 100%);
    background-image:-webkit-linear-gradient(0deg,#13192e 0,rgba(19,25,46,0) 100%);
    background-image:-ms-linear-gradient(0deg,#13192e 0,rgba(19,25,46,0) 100%);
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:inline-block
}
.promotionBox ul li {
    color:#fff;
    letter-spacing:-1.5px
}
.promotionBox ul li.discount {
    font-size:48px;
    line-height:50px;
    font-weight:900;
    margin-bottom:15px
}
.promotionBox ul li.title {
    font-size:34px;
    line-height:30px;
    margin-bottom:15px
}
.promotionBox ul li.title strong {
    font-weight:700;
    font-size:28px;
    display:block
}
.promotionBox ul li.more .moreX {
    font-size:14px;
    font-weight:700;
    line-height:35px;
    color:#fff;
    padding-left:20px;
    padding-right:20px;
    border-radius:5px;
    display:inline-block;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)
}
.otherPageHeader {
    position:relative
}
.otherPageHeaderLeft {
    width:70%;
    float:left
}
.otherPageHeaderRight {
    width:30%;
    float:left
}
.pageHeaderCallMe {
    float:right;
    position:absolute;
    right:0;
    bottom:0;
    width:370px
}
.pageHeaderCallMe a {
    position:relative;
    padding-right:130px;
    width:100%;
    display:inline-block;
    padding-bottom:90px
}
.pageHeaderCallMe a:hover {
    padding-left:20px
}
.pageHeaderCallMe a .title {
    font-size:14px;
    color:#67708f;
    line-height:25px;
    font-weight:500;
    display:inline-block;
    padding:5px 15px;
    float:left;
    width:240px;
    background:#fff;
    border-radius:3px;
    margin-bottom:2px
}
.pageHeaderCallMe a .desc {
    font-size:17px;
    color:#fff;
    font-weight:700;
    border-radius:3px;
    line-height:20px;
    padding:10px 15px;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)!important;
    width:100%;
    display:inline-block
}
.pageHeaderCallMe a img {
    position:absolute;
    right:0;
    bottom:0;
    height:270px
}
.sidebarCallMe {
    padding:30px;
    border-radius:5px
}
.sidebarCallMe ul li {
    color:#fff;
    margin-bottom:5px
}
.sidebarCallMe ul li:last-child {
    margin-bottom:0
}
.sidebarCallMe ul li.title {
    font-size:14px;
    line-height:15px;
    font-weight:500
}
.sidebarCallMe ul li.bigTitle {
    font-size:20px;
    color:#fff;
    font-weight:700;
    line-height:20px
}
.sidebarCallMe ul li.lastTitle {
    font-size:17px;
    line-height:20px;
    font-weight:700
}
.sidebarCallMe {
    margin-bottom:20px
}
.yatirimListTab {
    padding-top:40px
}
.yatirimListTab ul {
    position:relative;
    padding-left:170px
}
.yatirimListTab ul li.title {
    color:#13192e;
    font-size:22px;
    line-height:25px;
    font-weight:600;
    margin-bottom:20px
}
.yatirimListTab ul li.desc {
    color:#67708f;
    font-size:14px;
    line-height:24px;
    margin-bottom:20px
}
.yatirimListTab ul li.button {
    border-bottom:2px solid #f2f1f8;
    padding-bottom:40px
}
.yatirimListTab ul li.button a {
    margin-right:10px
}
.yatirimListTab ul li.button a:last-child {
    margin-right:0
}
.simpleButton.rotate180 i {
    transform:rotate(180deg)
}
.yatirimListTab ul li.icon {
    width:140px;
    position:absolute;
    left:0;
    top:0
}
.yatirimListTab ul li.icon .iconX {
    width:100%;
    height:140px;
    display:inline-block;
    position:relative;
    background:#f2f1f8 url(../images/yatirim-before.png) no-repeat left top;
    border-radius:5px;
    overflow:hidden
}
.yatirimListTab ul li.icon .iconX:after {
    content:"";
    width:100%;
    height:5px;
    position:absolute;
    left:0;
    bottom:0;
    display:inline-block;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)
}
.yatirimListTab ul li.icon .iconX i {
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)!important;
    font-size:60px;
    width:60px;
    text-align:center;
    line-height:60px;
    height:60px;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto
}
.yatirimList .yatirimListTab:last-child ul li.button {
    border-bottom:0
}
.basicTable {
    margin-bottom:30px
}
.basicTable>ul {
    width:100%;
    display:inline-block;
    float:left
}
.basicTable>ul>li {
    float:left;
    display:inline-block;
    padding:15px 30px
}
.basicTable>ul>li.val {
    width:17%
}
.basicTable>ul>li.title {
    width:32%
}
.basicTable>ul.top>li .titleX {
    color:#fff;
    font-size:14px;
    line-height:20px;
    font-weight:500
}
.basicTable>ul.bot>li .titleX {
    color:#67708f;
    font-size:14px;
    line-height:20px;
    font-weight:500
}
.basicTable>ul.bot>li .titleX.green {
    color:#16c6a2
}
.basicTable>ul.bot>li .titleX.red {
    color:#f43666
}
.basicTable>ul.top {
    background:#67708f;
    border-radius:5px 5px 0 0
}
.basicTable>ul.bot {
    border-bottom:1px solid #ecebf3;
    background:#fbfaff
}
.basicTable>ul.bot:nth-of-type(2n-1) {
    background:#f2f1f8
}
.basicTable>ul.bot>li .liveCurrency {
    padding-left:25px;
    position:relative;
    display:inline-block
}
.basicTable>ul.bot>li .liveCurrency:before {
    content:"";
    width:15px;
    height:15px;
    border-radius:50%;
    background:#26d599;
    border:5px solid #d4f6e9;
    display:inline-block;
    position:absolute;
    left:0;
    top:2.5px
}
.basicTable>ul.bot>li .liveCurrency.down:before {
    background:#f23f7c;
    border-color:#fcd6de
}
.simpleKomisyon {
    margin-bottom:30px
}
.simpleKomisyonRow {
    margin-left:-10px;
    margin-right:-10px
}
.simpleKomisyonCol {
    width:25%;
    float:left;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:20px
}
.simpleKomisyonBox {
    background:#f2f1f8;
    border-radius:5px;
    padding:30px 0;
    position:relative;
    overflow:hidden
}
.simpleKomisyonBox ul {
    text-align:center
}
.simpleKomisyonBox ul li.title {
    color:#67708f;
    font-weight:600;
    font-size:14px;
    line-height:15px;
    margin-bottom:5px
}
.simpleKomisyonBox ul li.count {
    color:#13192e;
    font-size:28px;
    font-weight:300;
    line-height:30px
}
.simpleKomisyonBox:before {
    content:"";
    width:100%;
    height:4px;
    position:absolute;
    left:0;
    bottom:0;
    display:inline-block;
    background-image:linear-gradient(90deg,#cdcbda 0,#e2e1ee 100%)
}
.simpleKomisyonBox.yellow:before {
    background-image:linear-gradient(90deg,#cfae5e 0,#f4da99 100%)
}
.simpleKomisyonBox.green:before {
    background-image:linear-gradient(90deg,#abc3bc 0,#e2e4e3 100%)
}
.simpleKomisyonBox.blue:before {
    background-image:linear-gradient(90deg,#63a1ff 0,#d9d9f3 100%)
}
.simpleKomisyonBox.standart:before {
    background-image:linear-gradient(90deg,#d0a8a8 0,#eee1e1 100%)
}
.simpleKomisyonBox.platinium:before {
    background-image:linear-gradient(90deg,#464646 0,#cecece 100%);
    background-image:linear-gradient(90deg,#464646 0,#cecece 100%)
}
.simpleKomisyonBox.small:before {
    background-image:linear-gradient(90deg,#e8b487 0,#f3dbc7 100%)
}
.simpleKomisyonBox.time:before {
    background-image:linear-gradient(90deg,#e7beff 0,#e5d6ef 100%)
}
.accountsTableBorder {
    border-bottom:1px dashed;
    font-size:14px;
    margin-bottom:8px;
    padding-bottom:4px
}
.accountsTabletitle {
    margin-top:14px
}
.firstRowBot {
    background:#9aa3c1!important
}
.firstRowBot>li>span {
    color:#fff!important
}
.accountsTableBorder {
    border-bottom:3px solid #cdcbda
}
.accountsTableBorder.yellow {
    border-bottom:3px solid#cfae5e
}
.accountsTableBorder.green {
    border-bottom:3px solid#abc3bc
}
.accountsTableBorder.blue {
    border-bottom:3px solid#63a1ff
}
.accountsTableBorder.standart {
    border-bottom:3px solid#d0a8a8
}
.accountsTableBorder.platinium {
    border-bottom:3px solid#464646;
    border-bottom:3px solid#464646
}
.accountsTableBorder.small {
    border-bottom:3px solid#e8b487
}
.accountsTableBorder.time {
    border-bottom:3px solid#e7beff
}
.headerSidebarDemo {
    padding:20px
}
.sidebarDemoTitle {
    text-align:center
}
.sidebarDemoTitle .otherTitle {
    font-size:17px;
    font-weight:700;
    line-height:20px;
    color:#fff
}
.headerSidebarDemo {
    float:right;
    max-width:260px;
    position:relative;
    margin-top:-40px
}
.headerSidebarCallMe {
    max-width:290px;
    float:right
}
.page.contactPage {
    background:linear-gradient(90deg,#fff 60%,#fbfaff 40%)
}
.pageLeft.contactPageLeft {
    width:60%
}
.pageRight.contactPageRight {
    width:40%
}
.contactPageForm .contactText {
    background:#fff
}
.contactPageForm .contactSelect {
    background:#fff
}
.contactPageForm .contactTextarea {
    background:#fff
}
.loginPageHeader {
    height:420px
}
.loginPage {
    position:relative;
    border-radius:10px;
    margin-top:-340px;
    background:#fff;
    overflow:hidden;
    margin-bottom:20px
}
.loginPageBotTab {
    padding-left:60px;
    padding-top:150px;
    position:relative;
    padding-bottom:35px
}
.loginPageTop {
    position:absolute;
    left:60px;
    top:50px;
    z-index:123
}
.loginPageTop>ul {
    float:left
}
.loginPageTop>ul>li {
    float:left;
    margin-right:10px
}
.loginPageTop>ul>li>a {
    width:200px;
    text-align:center;
    border-radius:5px;
    display:inline-block;
    color:#13192e;
    font-size:14px;
    line-height:20px;
    font-weight:500;
    padding:20px 0;
    background:#f2f1f8
}
.loginPageTop>ul>li.demo.active>a {
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%);
    color:#fff
}
.loginPageTop>ul>li.gercek.active>a {
    background-image:linear-gradient(90deg,#23d99f 0,#30c77e 100%);
    color:#fff
}
.loginPageTop>ul>li:last-child {
    margin-right:0
}
.loginPageTitle {
    margin-bottom:30px
}
.loginPageTitle ul li.title {
    color:#13192e;
    font-size:34px;
    line-height:40px;
    font-weight:700;
    margin-bottom:15px
}
.loginPageTitle ul li.desc {
    color:#67708f;
    font-size:17px;
    line-height:28px
}
.loginPageTitle ul li.img {
    margin-bottom:10px
}
.loginPageLeft {
    max-width:430px
}
.loginPageFormTab {
    margin-bottom:10px
}
.loginPageFormTabBox {
    position:relative
}
.loginFormText {
    border:1px solid #e9e8f0;
    width:100%;
    border-radius:3px;
    color:#13192e;
    font-size:14px;
    line-height:20px;
    font-weight:500;
    padding-left:65px;
    padding-top:35px;
    padding-bottom:15px;
    background:#fbfaff
}
.loginFormTextarea {
    border:1px solid #e9e8f0;
    width:100%;
    border-radius:3px;
    color:#13192e;
    font-size:14px;
    line-height:20px;
    font-weight:500;
    padding-left:65px;
    padding-top:35px;
    padding-bottom:15px;
    background:#fbfaff;
    height:160px
}
.loginFormSelect {
    -webkit-appearance:none;
    -moz-appearance:none;
    text-indent:.01px;
    border:1px solid #e9e8f0;
    width:100%;
    border-radius:3px;
    color:#13192e;
    font-size:14px;
    line-height:20px;
    font-weight:500;
    padding-left:65px;
    background:#fbfaff;
    padding:35px 35px 15px 65px
}
.loginPageFormTabBox .arrow {
    position:absolute;
    right:25px;
    top:50%;
    margin-top:-5px;
    font-size:10px;
    color:#67708f;
    display:inline-block;
    line-height:10px
}
.loginFormSelect.white,.loginFormText.white,.loginFormTextarea.white {
    background-color:#fff
}
.loginPageFormTabBox .title {
    position:absolute;
    left:65px;
    top:20px;
    color:#67708f;
    font-size:11px;
    line-height:10px;
    font-weight:600;
    display:inline-block
}
.loginPageFormTabBox .icon {
    width:25px;
    font-size:25px;
    text-align:center;
    line-height:25px;
    position:absolute;
    left:20px;
    top:23.5px;
    display:inline-block;
    background-image:linear-gradient(90deg,#3431c2 0,#6c33ef 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.loginFormSelect:focus,.loginFormText:focus,.loginFormTextarea:focus {
    border-color:#5793ee!important;
    background-image:linear-gradient(90deg,#eef4fd 0,#f0eafd 100%)
}
.loginPageFormTabBox.green .loginFormText {
    border-color:#e9e8f0
}
.loginPageFormTabBox.green .icon {
    background-image:linear-gradient(90deg,#23d99f 0,#30c77e 100%)!important
}
.loginPageFormTabBox.green .loginFormText:focus {
    background-image:linear-gradient(90deg,#e8fbf5 0,#eaf9f2 100%);
    border-color:#29d18f!important
}
.loginPageFormTabBox.orange .icon {
    background-image:linear-gradient(90deg,#f3c340 0,#f4814e 100%)!important
}
.loginPageFormTabBox.orange .loginFormText:focus {
    background-image:linear-gradient(90deg,#fef9eb 0,#fef2ed 100%);
    border-color:#f4a447!important
}
.singleLoginPageBotTab {
    padding-top:50px
}
.loginPageCheckbox {
    margin-top:10px;
    margin-bottom:10px
}
.loginPageCheckbox>ul>li {
    margin-bottom:10px;
    position:relative;
    min-height:35px;
    padding-left:50px;
    color:#67708f;
    font-size:14px;
    line-height:20px;
    padding-top:7.5px;
    padding-bottom:7.5px;
    font-weight:500
}
.loginPageCheckbox>ul>li .checkbox-icon {
    position:absolute;
    left:0;
    top:50%;
    margin-top:-15px
}
.loginPageCheckbox>ul>li a {
    color:#67708f
}
.loginPageFormSubmit .simpleButton {
    width:100%
}
.yuksekPromosyonlar {
    border-radius:10px;
    margin-bottom:20px;
    padding:40px;
    background:#fff
}
.yuksekPromosyonlar>ul {
    position:relative;
    padding-left:130px;
    padding-right:310px
}
.yuksekPromosyonlar>ul>li.title {
    color:#13192e;
    font-size:28px;
    line-height:30px;
    font-weight:700;
    margin-bottom:10px
}
.yuksekPromosyonlar>ul>li.desc {
    color:#67708f;
    font-size:20px;
    line-height:25px;
    font-weight:500
}
.yuksekPromosyonlar>ul>li.img {
    position:absolute;
    left:0;
    top:0
}
.yuksekPromosyonlar>ul>li.more {
    position:absolute;
    right:0;
    top:2.5px;
    width:300px
}
.yuksekPromosyonlar>ul>li.more a {
    width:100%
}
.whyFXTop {
    margin-top:50px
}
.whyFXTop ul {
    text-align:center
}
.whyFXTop ul li.title {
    color:#13192e;
    font-size:28px;
    font-weight:700;
    line-height:30px;
    margin-bottom:30px
}
.whyFXTop ul li.desc {
    color:#67708f;
    font-size:20px;
    line-height:30px;
    font-weight:500
}
.whyFXTop {
    margin-bottom:100px
}
.whyFXRow {
    margin-left:-15px;
    margin-right:-15px
}
.whyFXCol {
    width:50%;
    float:left;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:80px
}
.whyFxDiv {
    position:relative
}
.whyFXFirst {
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    top:115px;
    width:320px;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%);
    border-radius:5px;
    height:220px;
    display:inline-block;
    padding-top:40px;
    padding-bottom:30px
}
.whyFXFirst ul li {
    text-align:center
}
.whyFXFirst ul li.title {
    font-size:17px;
    color:#fff;
    line-height:20px;
    font-weight:700;
    margin-bottom:10px
}
.whyFXFirst ul li.desc {
    font-size:20px;
    line-height:20px;
    color:#fff;
    font-weight:700
}
.whyFXFirst ul li.img {
    margin-bottom:35px
}
.whyFXFirst:before {
    width:432px;
    height:556px;
    background:url(../images/fx-dots.png) no-repeat;
    content:"";
    position:absolute;
    left:-56px;
    top:-176px
}
.whyFXColBox ul {
    position:relative;
    padding-left:130px;
    padding-top:20px;
    min-height:100px
}
.whyFXColBox ul li.icon {
    position:absolute;
    left:0;
    top:0;
    width:auto
}
.whyFXColBox ul li.icon .iconX {
    width:100px;
    height:100px;
    border-radius:5px;
    background:#fff;
    position:relative;
    display:inline-block
}
.whyFXColBox ul li.icon .iconX i {
    font-size:60px;
    width:60px;
    line-height:60px;
    text-align:center;
    display:inline-block;
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    margin:auto;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%);
    height:60px
}
.whyFXColBox ul li.title {
    color:#13192e;
    font-size:17px;
    line-height:28px;
    font-weight:500
}
.whyFXButton {
    text-align:center
}
.whyFXButtonX {
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%);
    font-size:14px;
    line-height:27px;
    color:#fff;
    font-weight:500;
    padding:15px 30px;
    border-radius:5px;
    display:inline-block
}
.whyFXButtonX i {
    float:left;
    font-size:16px;
    line-height:27px;
    display:inline-block;
    margin-right:8px
}
.whyFxDiv {
    margin-bottom:12px
}
.whyFXButtonX:hover {
    color:#fff
}
.loginBox {
    margin:0 auto;
    display:table;
    margin-top:120px;
    background:#fff;
    position:relative;
    border-radius:10px;
    width:100%;
    max-width:600px;
    padding:37px
}
.loginBoxDiv {
    position:relative;
    z-index:123
}
.loginBoxDivHeader {
    margin-bottom:40px
}
.loginBoxDivHeaderLeft {
    float:left
}
.loginBoxDivHeaderRight {
    float:right
}
.loginPrev {
    float:left;
    border:1px solid #e9e8f0;
    border-radius:3px;
    background:#fbfaff;
    color:#67708f;
    font-size:14px;
    line-height:18px;
    padding:15px 30px;
    font-weight:700
}
.loginPrev i {
    float:left;
    line-height:18px;
    margin-right:10px;
    transform:rotate(180deg)
}
.loginPrev:hover {
    background:#67708f;
    color:#fff
}
.loginBoxDivHeaderRight>ul {
    float:right
}
.loginBoxDivHeaderRight>ul>li {
    float:left;
    margin-right:10px
}
.loginBoxDivHeaderRight>ul>li:last-child {
    margin-right:0
}
.loginBoxDivHeaderRight>ul>li>a {
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%);
    width:50px;
    line-height:50px;
    text-align:center;
    float:left;
    display:inline-block;
    font-size:24px;
    color:#fff;
    border-radius:3px
}
.loginBoxDivHeaderRight>ul>li.bell>a {
    background-image:linear-gradient(90deg,#f3c340 0,#f4814e 100%)
}
.loginBoxDivHeaderRight>ul>li.lang .headerTopLang>a {
    width:50px;
    border:1px solid #e9e8f0;
    padding:4px;
    background:#fbfaff;
    height:50px
}
.loginBoxDiv .loginPageTitle {
    margin-bottom:10px
}
.loginPageForm .forget {
    float:right
}
.loginPageForm .forget:hover {
    color:#13192e;
    padding-right:15px
}
.loginBoxDivHeaderRight>ul>li.lang .headerTopLang ul {
    top:60px;
    left:auto;
    right:0
}
.loginBoxDivHeaderRight>ul>li.lang .headerTopLang ul:before {
    left:auto;
    right:10px
}
.loginBoxSocial>ul {
    float:left
}
.loginBoxSocial>ul>li {
    float:left;
    margin-right:10px
}
.loginBoxSocial>ul>li:last-child {
    margin-right:0
}
.loginBoxSocial>ul>li>a {
    width:60px;
    line-height:58px;
    border:1px solid #e9e8f0;
    text-align:center;
    display:inline-block;
    font-size:20px;
    background:#fbfaff;
    color:#67708f;
    border-radius:3px
}
.loginBoxSocial>ul>li>a:hover {
    color:#fff
}
.loginBoxSocial>ul>li.facebook>a:hover {
    background:#3b5998
}
.loginBoxSocial>ul>li.instagram>a:hover {
    background:#e1306c
}
.loginBoxSocial>ul>li.youtube>a:hover {
    background:red
}
.loginBoxSocial>ul>li.twitter>a:hover {
    background:#1da1f2
}
.loginPageForm {
    margin-bottom:30px
}
.bigSpreadOranlari .simpleStatsTable small {
    display:block
}
.bigSpreadOranlari .simpleStatsTable ul li {
    text-align:center;
    padding-left:5px;
    padding-right:5px
}
.bigSpreadOranlari .simpleStatsTable ul li.alignLeft {
    text-align:left
}
.bigSpreadOranlari .simpleStatsTable ul li.hasSmall {
    height:20px;
    margin-top:-10px
}
.homeSpreadBox .simpleStatsTable small {
    display:block
}
.homeSpreadBox .simpleStatsTable ul li {
    text-align:center;
    padding-left:5px;
    padding-right:5px
}
.homeSpreadBox .simpleStatsTable ul li.alignLeft {
    text-align:left
}
.homeSpreadBox .simpleStatsTable ul li.hasSmall {
    height:20px;
    margin-top:-10px
}
.platformTop {
    border-radius:5px 5px 0 0;
    overflow:hidden;
    background:#606987
}
.platformTop>ul>li {
    width:33.33%;
    float:left;
    display:inline-block
}
.platformTop>ul>li>a {
    width:100%;
    float:left;
    display:inline-block;
    font-size:20px;
    color:#fff;
    font-weight:500;
    padding:30px 0;
    text-align:center
}
.platformTop>ul>li:nth-of-type(1)>a {
    background:#747ea0
}
.platformTop>ul>li:nth-of-type(2)>a {
    background:#67708f
}
.platformTop>ul>li:nth-of-type(3)>a {
    background:#606987
}
.platformTop>ul>li.active>a {
    background:#fff;
    color:#67708f
}
.platformBot {
    padding:70px
}
.platformTitle .title {
    color:#13192e;
    font-size:34px;
    font-weight:700;
    line-height:40px;
    display:inline-block
}
.platformTitle {
    margin-bottom:25px
}
.platformFeatures {
    margin-bottom:20px;
    border-radius:10px;
    overflow:hidden
}
.platformFeaturesRow {
    margin-left:0;
    margin-right:0
}
.platformFeaturesCol {
    width:20%;
    float:left;
    padding-left:0;
    padding-right:0
}
.platformFeaturesBox {
    padding:40px 20px;
    background:#f2f1f8
}
.platformFeaturesBox>ul>li {
    text-align:center
}
.platformFeaturesBox>ul>li.icon {
    font-size:40px;
    line-height:40px;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%);
    margin-bottom:15px
}
.platformFeaturesBox>ul>li.title {
    color:#67708f;
    font-size:17px;
    line-height:24px;
    font-weight:500;
    height:50px
}
.platformFeaturesRow .platformFeaturesCol:nth-of-type(2n) .platformFeaturesBox {
    background:#fbfaff
}
.platformOzellikleriRow {
    margin-left:-20px;
    margin-right:-20px
}
.platformOzellikleriCol {
    width:50%;
    float:left;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:20px
}
.platformOzellikleriDiv ul {
    width:100%;
    float:left;
    display:inline-block
}
.platformOzellikleriDiv ul li {
    width:100%;
    display:inline-block;
    float:left;
    margin-bottom:20px;
    color:#67708f;
    font-size:17px;
    line-height:25px;
    padding-left:30px;
    position:relative
}
.platformOzellikleriDiv ul li:before {
    width:12px;
    height:12px;
    content:"";
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%);
    border-radius:50%;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-6px;
    display:inline-block
}
.platformOzellikleriDiv ul li:after {
    width:8px;
    height:8px;
    content:"";
    background:#fff;
    border-radius:50%;
    position:absolute;
    left:2px;
    top:50%;
    margin-top:-4px;
    display:inline-block
}
.metaMenus.bigX {
    margin-bottom:40px
}
.metaMenus.bigX ul {
    margin-left:-10px;
    margin-right:-10px
}
.metaMenus.bigX ul li {
    width:25%;
    padding-left:10px;
    padding-right:10px
}
.metaMenus.bigX ul li a {
    font-size:14px
}
.sistemGereksinimleri ul {
    width:100%;
    display:inline-block;
    float:left
}
.sistemGereksinimleri ul li {
    width:100%;
    display:inline-block;
    float:left;
    background:#fbfaff;
    padding:15px 0
}
.sistemGereksinimleri ul li:nth-of-type(2n) {
    background:#f2f1f8
}
.sistemGereksinimleri ul li .title {
    width:45%;
    float:left;
    display:inline-block;
    color:#67708f;
    font-size:14px;
    line-height:20px;
    position:relative;
    padding-left:40px;
    font-weight:500
}
.sistemGereksinimleri ul li .title:after {
    content:":";
    color:#67708f;
    font-size:14px;
    line-height:20px;
    position:absolute;
    right:0;
    top:0;
    display:inline-block
}
.sistemGereksinimleri ul li .val {
    width:55%;
    float:left;
    display:inline-block;
    color:#40434f;
    font-size:14px;
    line-height:20px;
    position:relative;
    font-weight:500;
    padding-left:40px
}
.platformSliderItemBox {
    width:940px;
    height:550px;
    background:url(../images/bilgisayar.png) no-repeat center center;
    margin:0 auto;
    display:table;
    padding:30px 106px 68px 108px
}
.platformSlider .platformSliderArrow {
    position:absolute;
    left:0;
    top:250px;
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    color:#fff;
    font-size:18px;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%);
    -webkit-transition:all .3 ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    cursor:pointer
}
.platformSlider .platformSliderArrow.right {
    right:0;
    left:auto;
    transform:rotate(180deg)
}
.platformSlider .platformSliderArrow:hover {
    opacity:.7
}
.platformSliderItemBoxAll {
    background:#fbfaff;
    margin-bottom:20px;
    padding-bottom:30px
}
.platformSlider .metaMenus.bigX {
    margin-bottom:0
}
.headerBotAll {
    position:relative;
    border-bottom:1px solid #f2f1f8
}
.subMenu {
    position:absolute;
    left:0;
    top:100%;
    z-index:-1;
    background:#fbfaff url(../images/header-bg.png) no-repeat left center;
    border-top:2px solid #f2f1f8;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .1 ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out
}
.subMenu.active {
    opacity:1;
    visibility:visible
}
.subMenuBoxLeft {
    width:40%;
    float:left;
    display:inline-block;
    padding-top:70px
}
.subMenuBoxRight {
    width:60%;
    float:left;
    padding-top:30px;
    display:inline-block
}
.subMenuBoxLeftDiv {
    max-width:430px
}
.subMenuBoxLeftDiv>ul>li.icon .iconX {
    font-size:60px;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%);
    line-height:60px;
    display:inline-block
}
.subMenuBoxLeftDiv>ul>li.icon {
    margin-bottom:40px
}
.subMenuBoxLeftDiv>ul>li.title {
    color:#13192e;
    font-size:28px;
    font-weight:700;
    line-height:30px;
    margin-bottom:10px
}
.subMenuBoxLeftDiv>ul>li.desc {
    color:#67708f;
    font-size:17px;
    line-height:28px;
    margin-bottom:25px
}
.subMenu:after {
    content:"";
    width:100%;
    height:4px;
    position:absolute;
    left:0;
    bottom:0;
    display:inline-block;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)
}
.subMenuRow {
    margin-left:-10px;
    margin-right:-10px
}
.subMenuCol {
    width:33.33%;
    float:left;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:30px
}
.subMenuBoxTitle .title {
    float:left;
    color:#67708f;
    font-size:17px;
    font-weight:700;
    line-height:20px;
    display:inline-block
}
.subMenuBoxTitle {
    padding-bottom:15px;
    border-bottom:2px solid #eeedf5;
    margin-bottom:7.5px;
    position:relative
}
.subMenuBoxTitle:after {
    content:"";
    width:40px;
    height:2px;
    position:absolute;
    left:0;
    bottom:-2px;
    display:inline-block;
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)
}
.subMenuList {
    margin-bottom:7px
}
.subMenuList>ul {
    width:100%;
    display:inline-block;
    float:left
}
.subMenuList>ul>li {
    width:100%;
    display:inline-block;
    float:left
}
.subMenuList>ul>li>a {
    width:100%;
    float:left;
    display:inline-block;
    color:#838aa3;
    font-size:14px;
    line-height:20px;
    font-weight:500;
    padding:5px 0;
    position:relative;
    padding-left:25px
}
.subMenuList>ul>li>a:hover {
    color:#13192e;
    padding-left:15px
}
.subMenuList>ul>li>a:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin-top:auto;
    margin-bottom:auto;
    width:0;
    height:0;
    border-style:solid;
    border-width:5px 0 5px 8px;
    border-color:transparent transparent transparent #e1e0ea;
    -webkit-transition:all .3 ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.subMenuList>ul>li>a:hover:before {
    border-color:transparent transparent transparent #13192e
}
.subMenuListOtherButton {
    float:left;
    color:#13192e;
    font-size:11px;
    font-weight:500;
    border:1px solid #e9e8f0;
    border-radius:3px;
    background:#fff;
    padding-left:15px;
    padding-right:15px;
    line-height:22px;
    display:inline-block
}
.subMenuListOtherButton:hover {
    background:#13192e;
    color:#fff
}
.subMenuBoxDiv {
    position:relative;
    background:url(../images/sub-arrow.png) no-repeat left 30% top 0
}
.headerMenu>nav>ul>li:hover .subMenu {
    opacity:1;
    visibility:visible;
    z-index:12345
}
.big-modal-dialog {
    max-width:900px;
    width:100%;
    margin:0 auto;
    display:table;
    margin-top:30px;
    margin-bottom:30px;
    padding-left:15px;
    padding-right:15px
}
.small-modal-dialog {
    max-width:610px;
    width:100%;
    margin:0 auto;
    display:table;
    margin-top:160px;
    margin-bottom:30px;
    padding-left:15px;
    padding-right:15px
}
.bigModal {
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 20px 20px 0 rgba(74,73,86,.14);
    position:relative;
    padding-bottom:30px
}
.smallModal {
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 20px 20px 0 rgba(74,73,86,.14);
    position:relative;
    padding:60px
}
.bigModalBoxTitle {
    padding:30px 60px;
    margin-bottom:30px;
    padding-top:40px;
    position:relative
}
.bigModalBoxTitle:before {
    content:"";
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%);
    position:absolute;
    left:0;
    top:0;
    height:10px;
    width:100%;
    display:inline-block
}
.bigModalBoxTitle:after {
    left:60px
}
.bigModalContent ul {
    margin-bottom:20px
}
.bigModalContent ul li {
    margin-bottom:20px;
    width:100%;
    display:inline-block;
    float:left;
    margin-bottom:20px;
    color:#67708f;
    font-size:17px;
    line-height:25px;
    padding-left:30px;
    position:relative
}
.bigModalContent ul li:before {
    width:12px;
    height:12px;
    content:"";
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%);
    border-radius:50%;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-6px;
    display:inline-block
}
.bigModalContent ul li:after {
    width:8px;
    height:8px;
    content:"";
    background:#fff;
    border-radius:50%;
    position:absolute;
    left:2px;
    top:50%;
    margin-top:-4px;
    display:inline-block
}
.bigModalContent {
    color:#67708f;
    font-size:14px;
    line-height:24px;
    padding:0 60px
}
.bigModalContent h5 {
    margin-bottom:10px;
    color:#13192e;
    font-size:20px;
    font-weight:600;
    line-height:20px
}
.bigModalClose {
    font-size:40px;
    color:#f23867;
    line-height:40px;
    position:absolute;
    top:30px;
    right:20px;
    display:inline-block;
    cursor:pointer;
    -webkit-transition:all .3 ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    z-index:123;
    cursor:pointer
}
.bigModalClose:hover {
    color:#13192e
}
.smallModal .bigModalClose {
    right:20px;
    top:20px
}
.smallModalTop>ul>li {
    text-align:center
}
.smallModalTop>ul>li.icon i {
    font-size:80px;
    line-height:80px
}
.smallModalTop>ul>li.icon {
    margin-bottom:50px
}
.smallModalTop>ul>li.title {
    color:#13192e;
    font-size:25px;
    line-height:30px;
    font-weight:700;
    margin-bottom:25px
}
.smallModalTop>ul>li.desc {
    color:#67708f;
    font-size:14px;
    line-height:24px;
    margin-bottom:25px
}
.smallModalButton>ul {
    margin-left:-5px;
    margin-right:-5px
}
.smallModalButton>ul>li {
    padding-left:5px;
    padding-right:5px;
    float:left;
    width:50%
}
.smallModalButton>ul>li>a {
    width:100%
}
.smallModalButton>ul>li>a i {
    margin-left:0
}
.countDown {
    margin-bottom:50px
}
.countDown>ul {
    margin:0 auto;
    display:table
}
.countDown>ul>li {
    margin-right:10px;
    width:70px;
    text-align:center;
    background:#f2f1f8;
    border-radius:10px;
    padding:12.5px 0;
    float:left
}
.countDown>ul>li .title {
    color:#13192e;
    font-size:34px;
    line-height:40px;
    font-weight:300;
    display:inline-block;
    width:100%;
    margin-bottom:0
}
.countDown>ul>li .val {
    color:#67708f;
    font-size:14px;
    font-weight:500;
    line-height:15px;
    display:inline-block;
    width:100%
}
.modalForm {
    position:relative;
    padding-right:190px
}
.modalFormBox {
    position:relative
}
.modalForm .simpleButton {
    width:180px;
    position:absolute;
    right:0;
    top:0
}
.modalFormText {
    border:1px solid #e9e8f0;
    height:50px;
    border-radius:5px;
    background:#fbfaff;
    color:#67708f;
    width:100%;
    padding-left:60px
}
.modalFormBox .icon {
    position:absolute;
    left:0;
    top:0;
    width:60px;
    line-height:50px;
    font-size:20px;
    text-align:center;
    display:inline-block
}
.modalForm.downloadForm {
    padding-right:0
}
.modalForm.downloadForm .modalFormText {
    padding-right:150px
}
.modalForm.downloadForm .simpleButton {
    width:140px;
    padding-top:10px;
    padding-bottom:10px;
    top:5px;
    right:5px
}
.fixedModal {
    position:fixed;
    bottom:100px;
    right:20px;
    z-index:1234;
    width:100%;
    max-width:480px
}
.fixedModalBox {
    padding:20px;
    background:#fff;
    border-radius:5px;
    border:1px solid #e9e8f0
}
.fixedModalDiv {
    position:relative;
    display:table;
    padding-left:100px;
    min-height:80px;
    padding-right:60px
}
.fixedModalDiv .title {
    color:#67708f;
    font-size:14px;
    line-height:26px;
    display:table-cell;
    vertical-align:middle
}
.fixedModalDiv .icon {
    position:absolute;
    left:0;
    top:0;
    width:80px;
    height:80px;
    border-radius:50%;
    background:rgba(22,197,162,.12);
    display:inline-block
}
.fixedModalDiv .icon i {
    font-size:40px;
    line-height:40px;
    height:40px;
    width:40px;
    text-align:center;
    color:#16c5a2;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto
}
.fixedModalDiv .fixedModalClose {
    width:30px;
    line-height:30px;
    font-size:16px;
    color:#cdd1de;
    text-align:center;
    display:inline-block;
    position:absolute;
    right:20px;
    top:50%;
    margin-top:-15px;
    -webkit-transition:all .3 ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    cursor:pointer
}
.fixedModalDiv .fixedModalClose:hover {
    color:#13192e
}
.fixedModalDiv .icon.red {
    background:rgba(242,56,103,.12)
}
.fixedModalDiv .icon.red i {
    color:#f23867
}
.fixedModalDiv .icon.blue {
    background:rgba(0,150,236,.12)
}
.fixedModalDiv .icon.blue i {
    color:#0096ec
}
.fixedModalBox.dark {
    background:#1b2136;
    border-color:#1b2136
}
.fixedModalBox.dark .title {
    color:#fff
}
.fixedModalBox.dark .fixedModalDiv .fixedModalClose:hover {
    color:#fff
}
.loginPageFormTabBox.error .loginFormText {
    border-color:#ec7a77
}
.loginPageFormTabBox.valid .loginFormText {
    border-color:#29a947
}
.loginPageFormTabBox>label.error {
    display:inline-block;
    background-color:#ec7a77;
    padding:5px;
    font-size:11px;
    color:#fff;
    font-weight:400;
    position:relative;
    top:-10px;
    width:100%;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    padding-left:65px;
    margin-bottom:0
}
.loginPageCheckTabbox>span>label.error {
    display:none!important
}
.loginPageCheckTabbox.error {
    border-bottom:1px dashed #ec7a77
}
.loginPageCheckTabbox.valid {
    border-bottom:1px dashed #29a947
}
.homeContactFormBox.error .contactText {
    border-color:#ec7a77
}
.homeContactFormBox.valid .contactText {
    border-color:#29a947
}
.homeContactFormBox.error .contactTextarea {
    border-color:#ec7a77
}
.homeContactFormBox.valid .contactTextarea {
    border-color:#29a947
}
.homeContactInput.error .contactText {
    border-color:#ec7a77
}
.homeContactInput.valid .contactText {
    border-color:#29a947
}
.homeContactInput>label.error {
    display:inline-block;
    background-color:#ec7a77;
    padding:5px;
    font-size:11px;
    color:#fff;
    font-weight:400;
    position:relative;
    top:-10px;
    width:100%;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    padding-left:65px;
    margin-bottom:0
}
.newMobile {
    position:fixed;
    left:-100%;
    top:0;
    z-index:123;
    z-index:12345678;
    display:inline-block;
    height:100%;
    -webkit-transition:all 1 ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    width:100%;
    background:#1b2136;
    -webkit-overflow-scrolling:touch
}
.newMobileBox {
    width:100%;
    background:url(../images/mobilebg.png);
    height:100%;
    overflow-y:scroll;
    padding-top:70px;
    position:relative
}
.newMobileBox::-webkit-scrollbar {
    display:none
}
.newMobileBox .newMobileClose {
    position:absolute;
    left:30px;
    top:30px;
    font-size:16px;
    line-height:20px;
    color:#f23867;
    display:inline-block;
    cursor:pointer
}
.newMobile.active {
    left:0
}
.newMobileHeader {
    padding:0 30px
}
.newMobileHeader>ul {
    margin-left:-5px;
    margin-right:-5px
}
.newMobileHeader>ul>li {
    width:50%;
    float:left;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:10px
}
.newMobileHeader>ul>li>a {
    width:100%;
    float:left;
    display:inline-block;
    border-radius:5px;
    padding:15px 0;
    text-align:center;
    color:#fff;
    padding-bottom:10px;
    background-image:linear-gradient(90deg,#5793ee 0,#3172d5 100%)
}
.newMobileHeader>ul>li>a .icon {
    width:100%;
    text-align:center;
    font-size:24px;
    line-height:30px;
    display:inline-block;
    margin-bottom:0;
    float:left
}
.newMobileHeader>ul>li>a .title {
    width:100%;
    display:inline-block;
    float:left;
    font-size:11px;
    line-height:20px
}
.newMobileHeader>ul>li.pink>a {
    background-image:linear-gradient(90deg,#f34895 0,#f02f4f 100%)
}
.newMobileHeader>ul>li.green>a {
    background-image:linear-gradient(90deg,#23d99f 0,#30c77e 100%)
}
.newMobileHeader>ul>li.orange>a {
    background-image:linear-gradient(90deg,#f3c340 0,#f4814e 100%)
}
.newMobileMenu>nav {
    width:100%;
    display:inline-block;
    float:left
}
.newMobileMenu>nav>ul {
    width:100%;
    display:inline-block;
    float:left
}
.newMobileMenu>nav>ul>li {
    width:100%;
    display:inline-block;
    float:left;
    border-bottom:1px solid rgba(255,255,255,.05)
}
.newMobileMenu>nav>ul>li>a {
    width:100%;
    display:inline-block;
    float:left;
    font-size:17px;
    line-height:20px;
    color:#fff;
    padding:25px 0;
    padding-left:60px;
    position:relative;
    padding-right:30px
}
.newMobileMenu>nav>ul>li>a i {
    float:right;
    font-size:10px;
    line-height:20px;
    color:rgba(255,255,255,.5);
    display:inline-block
}
.newMobileMenu>nav>ul>li>a:before {
    content:"";
    width:12px;
    height:12px;
    border:2px solid #fff;
    border-radius:50%;
    display:inline-block;
    position:absolute;
    left:30px;
    top:50%;
    margin-top:-6px
}
.newMobileMenu>nav>ul>li ul {
    width:100%;
    display:none;
    float:left
}
.newMobileMenu>nav>ul>li ul li {
    width:100%;
    display:inline-block;
    float:left;
    border-top:1px solid rgba(255,255,255,.05)
}
.newMobileMenu>nav>ul>li ul li a {
    width:100%;
    float:left;
    display:inline-block;
    color:#e1e0ea;
    font-size:14px;
    line-height:20px;
    padding:15px;
    padding-left:90px;
    position:relative
}
.newMobileMenu>nav>ul>li ul li a:before {
    width:12px;
    height:12px;
    border:2px solid #e1e0ea;
    border-radius:50%;
    position:absolute;
    left:60px;
    top:50%;
    margin-top:-6px;
    display:inline-block;
    content:""
}
.newMobileMenu>nav>ul>li.active>a {
    background:#0a0c7dba
}
.newMobileMenu>nav>ul>li.active>a i {
    transform:rotate(180deg);
    color:#fff
}
.newMobileMenu>nav>ul>li>a:hover {
    background:#0a0c7dba
}
.newMobileMenu>nav>ul>li ul li a:hover {
    background:#0a0c7dba
}
.newMobileButtons {
    padding:30px
}
.newMobileButtons>ul {
    margin-left:-5px;
    margin-right:-5px
}
.newMobileButtons>ul>li {
    width:50%;
    float:left;
    padding-left:5px;
    padding-right:5px
}
.newMobileButtons>ul>li>a {
    width:100%;
    border-radius:5px;
    display:inline-block;
    float:left;
    background:#f2f1f8;
    color:#67708f;
    font-size:11px;
    font-weight:500;
    line-height:20px;
    padding:10px;
    text-align:center
}
.newMobileButtons>ul>li>a i {
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-size:16px;
    line-height:20px;
    display:inline-block;
    margin-right:5px
}
.fixedFooterMenu {
    position:fixed;
    left:0;
    bottom:0;
    z-index:1234567;
    border-top:1px solid #e1e0ea;
    display:none
}
.fixedFooterMenu>ul {
    width:100%;
    display:inline-block;
    float:left
}
.fixedFooterMenu>ul>li {
    width:20%;
    float:left;
    display:inline-block
}
.fixedFooterMenu>ul>li>a {
    width:100%;
    text-align:center;
    float:left;
    display:inline-block;
    padding-top:10px;
    padding-bottom:7.5px;
    background:#fff
}
.fixedFooterMenu>ul>li>a .icon {
    width:100%;
    font-size:23px;
    line-height:23px;
    display:inline-block;
    margin-bottom:7.5px
}
.fixedFooterMenu>ul>li>a .title {
    color:#838aa3;
    font-size:11px;
    line-height:16px;
    display:inline-block;
    width:100%;
    font-weight:500
}
.fixedFooterMenu>ul>li:nth-of-type(2n)>a {
    background:#f9f8ff
}
.headerAll {
    position:fixed;
    left:0;
    top:0;
    z-index:124;
    -webkit-transition:all .3 ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.headerAll.nav-up {
    top:-111px
}
body {
    padding-top:111px
}
.textX {
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.blueX {
    background-image:linear-gradient(90deg,#5793ee 0,#6c33ef 100%)!important
}
.greenX {
    background-image:linear-gradient(90deg,#23d99f 0,#30c77e 100%)!important
}
.orangeX {
    background-image:linear-gradient(90deg,#f3c340 0,#f4814e 100%)!important
}
.pinkX {
    background-image:linear-gradient(90deg,#f34895 0,#f02f4f 100%)!important
}
.darkBlueX {
    background-image:linear-gradient(90deg,#13192e 0,#13192e 100%)!important
}
.grayX {
    background-image:linear-gradient(90deg,#67708f 0,#67708f 100%)!important
}
.gray2X {
    background-image:linear-gradient(90deg,#cdcbda 0,#e2e1ee 100%)!important
}
.yellowX {
    background-image:linear-gradient(90deg,#cfae5e 0,#f4da99 100%)!important
}
.onlyBlue {
    color:#0096ec
}
.hws {
    -webkit-transition:all .3 ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
@media (min-width:1200px) {
    .container {
        width:1170px
    }
}
@media (min-width:1310px) {
    .container {
        width:1290px
    }
}
@media (min-width:1201px) and (max-width:1309px) {
    .homeStatsTableTop>ul>li>a {
        padding-left:10px;
        padding-right:10px
    }
    .headerMenu>nav>ul>li>a {
        font-size:13px;
        padding-left:7.5px;
        padding-right:7.5px
    }
}
@media (min-width:992px) and (max-width:1309px) {
    .metaMenus.bigX ul li {
        width:50%
    }
}
@media (min-width:993px) and (max-width:1199px) {
    .headerMenu>nav>ul>li>a {
        font-size:13px;
        padding-left:7.5px;
        padding-right:7.5px
    }
    .headerTopRight>ul>li>a {
        padding:12.5px 7.5px
    }
    .headerTopLeftMenu>ul>li>a {
        padding:12.5px 7.5px
    }
    .headerTopRight>ul>li>a {
        font-size:11px
    }
    .homeStatsBox {
        margin-bottom:30px
    }
    .homeLangBox {
        margin-bottom:30px
    }
    .homeAdvantagesCol {
        width:33.33%
    }
    .pageLeft {
        width:68%
    }
    .pageRight {
        width:32%
    }
    .page {
        background:linear-gradient(90deg,#fff 68%,#fbfaff 32%)
    }
    .callMeCol.first {
        width:100%;
        margin-bottom:15px
    }
    .callMeCol {
        width:25%
    }
}
@media (min-width:993px) {
    .footerMenuNav,.headerMenu {
        display:inline-block!important
    }
    .whyFXRow .whyFXCol:nth-of-type(2n) .whyFXColBox ul {
        padding-left:0;
        padding-right:130px;
        text-align:right
    }
    .whyFXRow .whyFXCol:nth-of-type(2n) .whyFXColBox ul li.icon {
        right:0;
        left:auto
    }
    .whyFXRow .whyFXCol:nth-last-of-type(1) {
        margin-bottom:0
    }
    .whyFXRow .whyFXCol:nth-last-of-type(2) {
        margin-bottom:23px
    }
}
@media (max-width:1199px) {
    .pageLeft.contactPageLeft {
        padding:30px
    }
    .pageRight.contactPageRight {
        padding:30px
    }
    .loginPageBotTab {
        background:#fff!important;
        padding:0!important
    }
    .loginPageTop {
        position:relative;
        top:0;
        left:0;
        margin-bottom:30px
    }
    .loginPageBox {
        padding:30px
    }
    .whyFXFirst:before {
        display:none
    }
    .bigSpreadOranlari .overflowDiv {
        width:1199px
    }
}
@media (max-width:992px) {
    .responsiveMenu {
        float:right;
        color:#13192e;
        font-size:30px;
        position:absolute;
        right:0;
        top:15px;
        display:inline-block
    }
    .headerBot {
        position:relative;
        padding:10px 0
    }
    .headerTopRight {
        display:none
    }
    .headerTopLeft {
        width:100%
    }
    .headerTopLeftMenu {
        float:right
    }
    .homePreview ul li.img {
        display:none
    }
    .homePreview ul {
        padding:0;
        padding-top:30px
    }
    .homePreviewBot {
        margin-top:30px
    }
    .homePreviewBotTab {
        width:100%;
        border-right:0;
        border-bottom:2px solid rgba(255,255,255,.2)
    }
    .homePreviewBot {
        margin-bottom:30px
    }
    .homeInfoBox {
        padding:30px 0
    }
    .homeInfoBoxLeft {
        width:100%;
        padding-right:0;
        margin-bottom:30px
    }
    .homeInfoBoxRight {
        width:100%
    }
    .homeInfoLeftButtons ul li {
        margin-bottom:10px
    }
    .overflowDiv {
        width:992px
    }
    .overflowFirst {
        overflow-y:scroll
    }
    .homeStatsTable {
        margin-bottom:30px
    }
    .mirstMetaMenus>ul>li {
        margin-bottom:10px
    }
    .homePlatformAll {
        padding-bottom:30px
    }
    .homePlatformLeft {
        padding-top:30px
    }
    .homePlatformRight img {
        float:none
    }
    .homePlatformRight {
        text-align:center
    }
    .simpleTitle ul li.rightButton {
        position:relative;
        margin-top:15px
    }
    .homeStatsTableTop.spreadTable ul li a {
        min-width:auto
    }
    .homeStatsTableTop.spreadTable ul li {
        width:33.33%
    }
    .homeSpreadButton {
        width:100%;
        padding:15px
    }
    .homeSpreadAll {
        padding:30px 0
    }
    .homeLangAll {
        padding:30px 0
    }
    .homeLangText {
        margin-bottom:30px
    }
    .homeYatirimAll {
        padding:30px 0
    }
    .homeYatirimLeft {
        width:100%;
        padding-right:0;
        margin-bottom:30px
    }
    .homeYatirimRight {
        width:100%
    }
    .homeYatirimCol {
        width:33.33%;
        margin-left:0!important
    }
    .homeYatirimTab {
        padding:15px 10px
    }
    .homeAdvantagesCol {
        width:50%
    }
    .homeIkiliAll {
        padding:30px 0
    }
    .homeIkiliTopLeft {
        width:100%;
        text-align:center;
        max-width:100%;
        margin-bottom:30px
    }
    .homeIkiliTopRight {
        width:100%;
        max-width:100%
    }
    .homeIkiliTopRight ul li {
        text-align:center
    }
    .homeIkiliTabTop ul {
        float:none;
        margin:0 auto;
        display:table
    }
    .homeIkiliTabDivLeft {
        width:100%
    }
    .homeIkiliTabDivLeftBoxTitle {
        text-align:center
    }
    .ikiliTabFeaturesBot {
        text-align:center
    }
    .homeIkiliTabDivRight {
        width:100%;
        margin-top:15px
    }
    .footerQr {
        width:100%;
        margin-right:0;
        text-align:center;
        margin-bottom:15px
    }
    .footerLogo {
        text-align:center;
        width:100%;
        margin-bottom:15px
    }
    .footerTopMenu>ul {
        margin-left:-5px;
        margin-right:-5px;
        float:none
    }
    .footerTopMenu>ul>li {
        padding-left:5px;
        padding-right:5px;
        margin-bottom:10px;
        float:left;
        margin-right:0;
        width:50%
    }
    .footerTopMenu>ul>li>a {
        width:100%;
        text-align:center;
        padding-left:5px;
        padding-right:5px
    }
    .footerTopMenu {
        width:100%;
        display:inline-block;
        float:left
    }
    .footerMenuCol {
        width:100%;
        margin-bottom:30px
    }
    .footerMenuTitle .title {
        width:100%;
        text-align:center
    }
    .footerMenuTitle:before {
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto
    }
    .footerMenuNav ul li a {
        width:100%;
        text-align:center
    }
    .footerIcons ul li .title {
        width:60px;
        height:60px;
        width:100%
    }
    .footerIcons ul {
        margin-left:-5px;
        margin-right:5px
    }
    .footerIcons ul li {
        width:20%;
        float:left;
        padding-left:5px;
        padding-right:5px;
        margin:0;
        margin-bottom:10px
    }
    .footerIcons ul li img {
        max-width:80%
    }
    .footerIcons ul li span {
        max-width:162px
    }
    .footerOtherMenu ul li {
        width:100%
    }
    .footerOtherMenu ul li a {
        width:100%;
        text-align:center
    }
    .ikiliTabFeaturesBot .simpleButton {
        float:none
    }
    .homeAdvantagesDiv ul li {
        text-align:center
    }
    .homeAdvantagesCol {
        margin-bottom:15px
    }
    .homeYatirimLeftBox ul li {
        text-align:center
    }
    .homeLangText ul li.button a,.homeYatirimLeftBox ul li.link a {
        float:none
    }
    .homeLangText ul li {
        text-align:center
    }
    .simpleTitle ul li {
        text-align:center
    }
    .simpleTitle ul li.subTitle .subTitleX {
        width:100%;
        text-align:center;
        margin-bottom:30px
    }
    .simpleTitle ul li.subTitle .subTitleX:after {
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        bottom:-15px;
        top:auto;
        margin-top:0
    }
    .simpleTitle ul li {
        text-align:center
    }
    .simpleTitle ul li.rightButton a {
        float:none
    }
    .simpleTitle ul li.rightButton {
        width:100%
    }
    .homePreview ul li {
        text-align:center
    }
    .homePreview ul li.link a {
        float:none
    }
    .headerMenu {
        position:absolute;
        top:100%;
        left:0;
        width:auto;
        background:#13192e;
        float:none;
        margin-left:-15px;
        margin-right:-15px;
        z-index:12345;
        display:none
    }
    .headerMenu>nav {
        width:100%
    }
    .headerMenu>nav>ul {
        width:100%
    }
    .headerMenu>nav>ul>li {
        width:100%;
        border-bottom:1px solid rgba(255,255,255,.1)
    }
    .headerMenu>nav>ul>li>a {
        width:100%;
        color:#fff;
        padding:20px
    }
    .headerMenu>nav>ul>li>a:hover {
        padding-left:35px
    }
    .sliderFormAll .homePreview {
        width:100%
    }
    .sliderFormAll .sliderForm {
        width:100%;
        padding:30px 40px
    }
    .homeSliderItem {
        height:auto!important
    }
    .homePreview ul li.twiceLink a {
        display:block;
        margin-right:0;
        margin-bottom:10px
    }
    .homePreview ul {
        padding:20px 0
    }
    .homeSliderItem {
        height:600px!important
    }
    .homePreview ul li.homeSliderTitle:after {
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto
    }
    .sliderForm {
        display:none
    }
    .demoRegister {
        display:inline-block;
        padding:15px 0
    }
    .footerMenuNav {
        display:none
    }
    .footerAll {
        background-size:contain
    }
    .threeStepTab ul li.icon:before {
        display:none
    }
    .pageLeft {
        width:100%;
        padding:20px 15px
    }
    .pageRight {
        width:100%
    }
    .teamListCol {
        width:50%;
        margin-bottom:10px;
        padding-left:5px;
        padding-right:5px
    }
    .teamListRow {
        margin-left:-5px;
        margin-right:-5px
    }
    .teamListBox a ul {
        padding:15px
    }
    .pageRight {
        padding:20px 15px;
        background:#fbfaff
    }
    .page {
        background:#fff
    }
    .pageHeaderAll {
        padding-top:30px
    }
    .pageHeader {
        padding-bottom:30px
    }
    .faqListTabTitle {
        padding:15px 40px
    }
    .faqListTabTitle .icon {
        top:15px;
        left:15px
    }
    .faqListTabTitle .arrow {
        top:15px;
        right:15px
    }
    .callMe {
        padding:20px 15px;
        padding-bottom:10px
    }
    .callMeCol.first {
        width:100%;
        margin-bottom:15px
    }
    .callMeCol {
        width:50%;
        margin-bottom:10px
    }
    .promotionCol {
        width:50%;
        padding-left:5px;
        padding-right:5px;
        margin-bottom:10px
    }
    .promotionRow {
        margin-left:-5px;
        margin-right:-5px
    }
    .pageHeaderAll.smallX {
        margin-bottom:30px
    }
    .pageHeader ul li.button a {
        margin-bottom:10px
    }
    .otherPageHeaderLeft {
        width:100%
    }
    .otherPageHeaderRight {
        width:100%
    }
    .pageHeaderCallMe {
        position:relative;
        float:left;
        width:100%;
        margin-bottom:15px
    }
    .pageHeaderCallMe a img {
        display:none
    }
    .pageHeaderCallMe a {
        padding:0;
        float:left;
        text-align:center
    }
    .pageHeaderCallMe a .title {
        width:100%
    }
    .yatirimListTab ul li.icon {
        width:70px
    }
    .yatirimListTab ul li.icon .iconX {
        height:70px
    }
    .yatirimListTab ul li.icon .iconX i {
        font-size:30px
    }
    .yatirimListTab ul {
        padding-left:80px
    }
    .yatirimListTab ul li.button a {
        margin-bottom:5px
    }
    .headerSidebarDemo {
        width:100%;
        margin-top:0;
        max-width:100%
    }
    .basicTable>ul>li {
        padding-left:10px;
        padding-right:0
    }
    .headerSidebarCallMe {
        width:100%;
        max-width:100%
    }
    .pageLeft.contactPageLeft,.pageRight.contactPageRight {
        width:100%
    }
    .page.contactPage {
        background:#fff!important
    }
    .loginPageLeft {
        max-width:100%
    }
    .loginPageTop>ul>li>a {
        width:150px
    }
    .yuksekPromosyonlar>ul>li.more {
        position:relative
    }
    .yuksekPromosyonlar>ul {
        padding-right:0;
        padding-left:0
    }
    .yuksekPromosyonlar>ul>li.img {
        display:none
    }
    .yuksekPromosyonlar {
        padding:20px
    }
    .yuksekPromosyonlar>ul>li.desc {
        margin-bottom:15px
    }
    .yuksekPromosyonlar>ul>li.more {
        width:100%
    }
    .whyFXFirst {
        position:relative;
        top:0;
        width:100%;
        margin-bottom:30px
    }
    .whyFXTop {
        margin-bottom:30px
    }
    .whyFXCol {
        width:100%;
        margin-bottom:30px
    }
    .whyFXColBox ul {
        padding-left:120px;
        padding-top:5px
    }
    .loginBox:before {
        display:none
    }
    .loginPageForm {
        margin-bottom:15px
    }
    .platformTop>ul>li>a {
        font-size:14px;
        padding:25px 5px
    }
    .platformBot {
        padding:30px
    }
    .platformFeaturesCol {
        width:100%
    }
    .platformFeaturesBox {
        padding:15px
    }
    .platformFeaturesBox>ul>li.title {
        height:inherit
    }
    .metaMenus.bigX ul li {
        width:100%
    }
    .platformOzellikleriCol {
        width:100%
    }
    .sistemGereksinimleri ul li .title {
        width:100%;
        padding-left:15px;
        margin-bottom:5px
    }
    .sistemGereksinimleri ul li .val {
        width:100%;
        padding-left:15px
    }
    .sistemGereksinimleri ul li .title:after {
        display:none
    }
    .platformSliderItemBox {
        width:400px;
        height:234px;
        background-size:400px 234px;
        padding:13px 46px 29px
    }
    .platformSlider .platformSliderArrow {
        top:0;
        width:40px;
        height:40px;
        line-height:40px;
        font-size:15px
    }
    .bigModalContent {
        padding-left:20px;
        padding-right:20px
    }
    .bigModalBoxTitle {
        padding:20px;
        padding-top:40px;
        padding-right:40px
    }
    .bigModalBoxTitle.simpleTitle ul li {
        text-align:left
    }
    .bigModalBoxTitle:after {
        left:20px
    }
    .bigModalClose {
        font-size:30px;
        line-height:30px;
        right:15px;
        top:25px
    }
    .smallModal {
        padding:30px 15px
    }
    .subMenu {
        display:none
    }
    .footerMenuTitle {
        margin-bottom:0
    }
    .fixedFooterMenu {
        display:inline-block
    }
    body {
        padding-top:101px
    }
    .headerAll.nav-up {
        top:-101px
    }
}
@media (max-width:600px) {
    .headerTopLeftMenu>ul>li:nth-of-type(3) {
        display:none
    }
    .headerTopLeftMenu>ul>li:nth-of-type(4) {
        display:none
    }
    .homePreviewBotTab a {
        padding:30px 15px
    }
    .homeInfoLeftButtons ul li a {
        width:100%;
        text-align:center
    }
    .homeInfoLeftButtons ul li {
        width:100%;
        margin-right:0
    }
    .threeStepTab {
        width:100%;
        margin-bottom:30px
    }
    .threeStepTab ul li.icon:after {
        display:none
    }
    .threeStepTab ul li {
        padding-left:0;
        padding-right:0
    }
    .canliPiyasaStatsTop>ul>li {
        width:50%
    }
    .canliPiyasaStatsTop>ul>li>a {
        width:100%
    }
    .homeVideosBotCol {
        width:100%
    }
    .metaMenus>ul>li {
        width:100%
    }
    .simpleTitle ul li.rightButton .simpleButton {
        padding-left:15px;
        padding-right:15px;
        font-size:11px
    }
    .homeStatsTableTop.spreadTable ul li a {
        font-size:9px;
        padding-left:2.5px;
        padding-right:2.5px
    }
    .homeYatirimCol {
        width:50%
    }
    .homeYatirimTab ul li.desc {
        font-size:12px
    }
    .homeYatirimLeftBox ul li.desc {
        margin-bottom:30px
    }
    .homeAdvantagesCol {
        width:100%
    }
    .homeAdvantagesDiv ul li.desc {
        height:auto;
        margin-bottom:15px
    }
    .homeContactFormCol {
        width:100%
    }
    .simpleBox {
        padding:20px
    }
    .newsteller {
        padding-right:0
    }
    .newstellerRight {
        position:relative;
        width:100%;
        margin-top:15px
    }
    .sliderFormBox:before {
        display:none
    }
    .sliderFormAll .sliderForm {
        padding:30px 0
    }
    .simpleKomisyonCol {
        width:50%
    }
    .loginBox {
        padding:30px 15px;
        background:#fff!important
    }
    .smallModalButton>ul>li {
        width:100%;
        margin-bottom:10px
    }
    .headerTopLang ul {
        width:250px
    }
    .headerTopLang ul li {
        width:50%
    }
    .headerTopLang ul li a .title {
        font-size:11px
    }
    .headerTopLang ul li a {
        padding-left:10px;
        padding-top:10px;
        padding-bottom:10px
    }
    .headerTopLang ul li a img {
        margin-right:10px
    }
    .headerTopLang ul li:nth-of-type(3n) {
        border-right:1px solid #f2f1f8
    }
    .headerTopLang ul li:nth-of-type(2n) {
        border-right:0
    }
    .headerTopLang ul li:nth-of-type(6n) {
        border-right:0
    }
}
@media (max-width:500px) {
    .promotionCol {
        width:100%
    }
    .callMeCol {
        width:100%
    }
    .yatirimListTab ul {
        padding-left:0
    }
    .yatirimListTab ul li.icon {
        position:relative;
        width:100%;
        margin-bottom:15px
    }
    .yatirimListTab ul li.icon .iconX {
        width:70px;
        margin:0 auto;
        display:table
    }
    .yatirimListTab ul li {
        width:100%;
        text-align:center
    }
    .yatirimListTab ul li.button a {
        width:100%;
        margin-right:0;
        text-align:left
    }
    .basicTable>ul.bot>li .titleX {
        font-size:12px
    }
    .loginPageBox {
        padding:20px 15px
    }
    .loginPageTop>ul {
        width:100%
    }
    .loginPageTop>ul>li {
        width:100%;
        margin-right:0;
        margin-bottom:10px
    }
    .loginPageTop>ul>li>a {
        width:100%;
        text-align:center
    }
    .simpleButton.largeX {
        font-size:15px;
        padding-left:15px;
        padding-right:15px
    }
    .loginPrev {
        padding:10px;
        font-size:12px
    }
    .loginBoxDivHeaderRight>ul>li>a {
        width:40px;
        font-size:20px;
        line-height:40px
    }
    .loginBoxDivHeaderRight>ul>li {
        margin-right:2.5px
    }
    .loginBoxDivHeaderRight>ul>li.lang .headerTopLang>a {
        width:40px;
        height:40px
    }
    .loginBoxDivHeaderRight>ul {
        float:left
    }
    .loginPageTitle ul li.title {
        font-size:30px;
        line-height:35px
    }
    .simpleButton.xLargeX {
        padding-top:20px;
        padding-bottom:20px
    }
    .simpleButton.xLargeX:before {
        border-width:0 0 60px 20px
    }
    .simpleButton.xLargeX:after {
        height:60px
    }
    .loginBox {
        margin-top:30px;
        margin-bottom:30px
    }
    .platformTop>ul>li>a {
        font-size:11px
    }
    .platformSliderItemBox {
        width:280px;
        height:165px;
        background-size:280px 164px;
        padding:10px 33px 21px
    }
    .platformBot {
        padding:15px
    }
    .countDown {
        padding-top:30px;
        margin-bottom:30px
    }
    .countDown>ul>li {
        margin-right:5px;
        width:60px
    }
    .countDown>ul>li:last-child {
        margin-right:0
    }
    .modalForm {
        width:100%;
        padding-right:0
    }
    .modalForm .simpleButton {
        width:100%;
        position:relative;
        margin-top:10px
    }
    .modalForm.downloadForm .simpleButton {
        width:100%
    }
    .modalForm.downloadForm .modalFormText {
        padding-right:20px
    }
    .fixedModal {
        padding-left:30px
    }
    .fixedModalBox {
        padding:10px
    }
    .fixedModalDiv .fixedModalClose {
        right:0
    }
}
@media (max-width:380px) {
    .sidebarCallMe {
        padding:20px
    }
    .loginPageFormSubmit .simpleButton {
        font-size:13px
    }
}
@media (max-width:360px) {
    .loginPrev {
        padding:10px 5px;
        font-size:11px
    }
}
::-webkit-input-placeholder {
    color:inherit
}
::-moz-placeholder {
    color:inherit
}
:-ms-input-placeholder {
    color:inherit
}
input:-moz-placeholder {
    color:inherit
}
.uneditable-input:focus,a:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=submit]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus {
    border-color:inherit;
    box-shadow:inset;
    outline:0 none;
    text-decoration:none
}
a[href^=tel] {
    color:inherit;
    text-decoration:none
}
div#preloader {
    position:fixed;
    left:0;
    top:0;
    z-index:123456789;
    width:100%;
    height:100%;
    overflow:visible;
    background:#13192e
}
.lds-dual-ring {
    display:inline-block;
    width:46px;
    height:46px;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
    position:absolute
}
.lds-dual-ring:after {
    content:" ";
    display:block;
    width:46px;
    height:46px;
    margin:1px;
    border-radius:50%;
    border:5px solid #fff;
    border-color:#fff transparent;
    animation:lds-dual-ring 1.2s linear infinite
}
@keyframes lds-dual-ring {
    0% {
        transform:rotate(0)
    }
    100% {
        transform:rotate(360deg)
    }
}
label.css-label.green {
    background-image:url(../images/checkbox2.png)
}
label.css-label.orange {
    background-image:url(../images/checkbox3.png)
}
input[type=checkbox].css-checkbox {
    position:absolute;
    z-index:-1000;
    left:-1000px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0
}
input[type=checkbox].css-checkbox+label.css-label {
    padding-left:35px;
    height:30px;
    display:inline-block;
    line-height:30px;
    background-repeat:no-repeat;
    background-position:0 0;
    font-size:14px;
    font-weight:500;
    vertical-align:middle;
    cursor:pointer
}
input[type=checkbox].css-checkbox:checked+label.css-label {
    background-position:0 -30px
}
label.css-label {
    background-image:url(../images/checkbox.png);
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden
}
.video-container embed,.video-container iframe,.video-container object {
    position:absolute;
    top:0;
    left:0;
    width:100%!important;
    height:100%
}
.flagsar,.flagsaz,.flagsbn,.flagscs,.flagsda,.flagsde,.flagsel,.flagsen,.flagses,.flagsfa,.flagsfr,.flagshi,.flagshu,.flagshy,.flagsid,.flagsit,.flagsja,.flagska,.flagskk,.flagsko,.flagsms,.flagsmy,.flagsnl,.flagsnn,.flagspt,.flagsro,.flagsru,.flagssr,.flagssv,.flagsth,.flagstr,.flagsuk,.flagsuz,.flagsvi,.flagszh {
    background:url(../images/flags.png) no-repeat;
    overflow:hidden;
    text-indent:-9999px;
    text-align:left;
    float:left;
    width:16px;
    margin-right:20px
}
.flagsar {
    background-position:0 0;
    width:16px;
    height:16px
}
.flagsaz {
    background-position:-16px 0;
    width:16px;
    height:16px
}
.flagsbn {
    background-position:-32px 0;
    width:16px;
    height:16px
}
.flagscs {
    background-position:-48px 0;
    width:16px;
    height:16px
}
.flagsda {
    background-position:-64px 0;
    width:16px;
    height:16px
}
.flagsde {
    background-position:0 -16px;
    width:16px;
    height:16px
}
.flagsel {
    background-position:-16px -16px;
    width:16px;
    height:16px
}
.flagsen {
    background-position:-32px -16px;
    width:16px;
    height:16px
}
.flagses {
    background-position:-48px -16px;
    width:16px;
    height:16px
}
.flagsfa {
    background-position:-64px -16px;
    width:16px;
    height:16px
}
.flagsfr {
    background-position:0 -32px;
    width:16px;
    height:16px
}
.flagshi {
    background-position:-16px -32px;
    width:16px;
    height:16px
}
.flagshu {
    background-position:-32px -32px;
    width:16px;
    height:16px
}
.flagshy {
    background-position:-48px -32px;
    width:16px;
    height:16px
}
.flagsid {
    background-position:-64px -32px;
    width:16px;
    height:16px
}
.flagsit {
    background-position:0 -48px;
    width:16px;
    height:16px
}
.flagsja {
    background-position:-16px -48px;
    width:16px;
    height:16px
}
.flagska {
    background-position:-32px -48px;
    width:16px;
    height:16px
}
.flagskk {
    background-position:-48px -48px;
    width:16px;
    height:16px
}
.flagsko {
    background-position:-64px -48px;
    width:16px;
    height:16px
}
.flagsms {
    background-position:0 -64px;
    width:16px;
    height:16px
}
.flagsmy {
    background-position:-16px -64px;
    width:16px;
    height:16px
}
.flagsnl {
    background-position:-32px -64px;
    width:16px;
    height:16px
}
.flagsnn {
    background-position:-48px -64px;
    width:16px;
    height:16px
}
.flagspt {
    background-position:-64px -64px;
    width:16px;
    height:16px
}
.flagsro {
    background-position:0 -80px;
    width:16px;
    height:16px
}
.flagsru {
    background-position:-16px -80px;
    width:16px;
    height:16px
}
.flagssr {
    background-position:-32px -80px;
    width:16px;
    height:16px
}
.flagssv {
    background-position:-48px -80px;
    width:16px;
    height:16px
}
.flagsth {
    background-position:-64px -80px;
    width:16px;
    height:16px
}
.flagstr {
    background-position:0 -96px;
    width:16px;
    height:16px
}
.flagsuk {
    background-position:-16px -96px;
    width:16px;
    height:16px
}
.flagsuz {
    background-position:-32px -96px;
    width:16px;
    height:16px
}
.flagsvi {
    background-position:-48px -96px;
    width:16px;
    height:16px
}
.flagszh {
    background-position:-64px -96px;
    width:16px;
    height:16px
}
.footer_logof1,.footer_logof10,.footer_logof11,.footer_logof12,.footer_logof13,.footer_logof14,.footer_logof15,.footer_logof16,.footer_logof17,.footer_logof18,.footer_logof19,.footer_logof2,.footer_logof20,.footer_logof21,.footer_logof22,.footer_logof23,.footer_logof24,.footer_logof3,.footer_logof4,.footer_logof5,.footer_logof6,.footer_logof7,.footer_logof8,.footer_logof9 {
    background:url(../images/footer_logos.png) no-repeat;
    overflow:hidden;
    text-indent:-9999px;
    text-align:left;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto
}
.footer_logof21 {
    background-position:-5px 0;
    width:62px;
    height:10px
}
.footer_logof2 {
    background-position:-5px -15px;
    width:58px;
    height:16px
}
.footer_logof20 {
    background-position:-5px -36px;
    width:56px;
    height:10px
}
.footer_logof6 {
    background-position:-5px -51px;
    width:56px;
    height:20px
}
.footer_logof8 {
    background-position:-5px -76px;
    width:56px;
    height:10px
}
.footer_logof11 {
    background-position:-5px -91px;
    width:54px;
    height:12px
}
.footer_logof24 {
    background-position:-5px -108px;
    width:54px;
    height:20px
}
.footer_logof9 {
    background-position:-5px -133px;
    width:48px;
    height:16px
}
.footer_logof4 {
    background-position:-5px -154px;
    width:38px;
    height:16px
}
.footer_logof12 {
    background-position:-5px -175px;
    width:36px;
    height:30px
}
.footer_logof1 {
    background-position:-5px -210px;
    width:34px;
    height:30px
}
.footer_logof19 {
    background-position:-5px -245px;
    width:34px;
    height:30px
}
.footer_logof7 {
    background-position:-5px -280px;
    width:31px;
    height:32px
}
.footer_logof10 {
    background-position:-5px -317px;
    width:30px;
    height:30px
}
.footer_logof13 {
    background-position:-5px -352px;
    width:30px;
    height:32px
}
.footer_logof16 {
    background-position:-5px -389px;
    width:30px;
    height:30px
}
.footer_logof17 {
    background-position:-5px -424px;
    width:30px;
    height:31px
}
.footer_logof22 {
    background-position:-5px -460px;
    width:30px;
    height:30px
}
.footer_logof23 {
    background-position:-5px -495px;
    width:30px;
    height:30px
}
.footer_logof3 {
    background-position:-5px -530px;
    width:30px;
    height:24px
}
.footer_logof5 {
    background-position:-5px -559px;
    width:30px;
    height:24px
}
.footer_logof14 {
    background-position:-5px -588px;
    width:28px;
    height:30px
}
.footer_logof18 {
    background-position:-41px -280px;
    width:20px;
    height:22px
}
.footer_logof15 {
    background-position:-44px -210px;
    width:18px;
    height:30px
}
.homeTabs {
    margin-top:-35px;
    position:relative;
    z-index:12
}
.homeTabsBotBox {
    background:#fff;
    padding:14px;
    border-radius:7px 7px 0 0;
    box-shadow:0 0 48px rgba(0,0,0,.04)
}
.homeTabsBotTitle {
    margin-bottom:35px
}
.homeTabsBotTitle.domain ul {
    position:relative
}
.homeTabsBotTitle.domain ul li.icon {
    position:absolute;
    left:0;
    top:-5px;
    width:75px
}
.homeTabsBotTitle ul li.title {
    color:#3a5973;
    font-size:24px;
    line-height:34px;
    font-weight:700;
    margin-bottom:7px
}
.homeTabsBotTitle ul li.desc {
    color:#597488;
    font-size:17px;
    line-height:27px
}
.homeSeoForm.domain {
    max-width:100%;
    float:left;
    margin-bottom:28px
}
.homeSeoForm {
    position:relative;
    max-width:890px;
    margin:0 auto;
    display:table;
    float:none;
    padding-right:290px
}
.homeSeoForm.domain .icon {
    font-size:23px;
    left:20px
}
.homeSeoForm .icon {
    position:absolute;
    left:30px;
    top:1px;
    color:#c8d1d8;
    font-size:10px;
    line-height:56px
}
.seoText {
    width:100%;
    float:left;
    color:#aeadb7;
    font-size:17px;
    height:60px;
    border-radius:4px;
    border:2px solid #d6dce0;
    padding-left:60px
}
.seoSubmit {
    width:280px;
    float:left;
    font-size:14px;
    outline:0;
    color:#fff;
    font-weight:700;
    border-radius:3px;
    background-image:linear-gradient(30deg,#7a819d,#67708f,#7a819d);
    height:60px;
    text-align:center;
    position:absolute;
    right:0;
    top:0;
    -webkit-transition:all .3 ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.spottlds {
    display:inline-block;
    width:171px;
    margin:27px 8px;
    border-right:1px solid #ccc;
    padding:0 10px
}
.spottlds img {
    height:32px;
    float:left
}
.amount_spot_view {
    position:relative;
    display:inline-block;
    margin-left:14px
}
.spottlds h5 {
    font-weight:800;
    color:#404257;
    font-size:14px
}
.homedomainarea h4 {
    font-size:20px;
    font-weight:300;
    text-align:center;
    color:#345a6c;
    margin:22px 0
}
.home-product-1x {
    padding:40px 0
}
.home-product-1x {
    position:relative;
    padding:70px 0
}
.home-product-1x .heading {
    margin-bottom:30px
}
.heading {
    position:relative;
    text-align:center;
    margin-bottom:60px
}
.home-product-1x .heading>.heading-title {
    margin-bottom:5px
}
.heading>.heading-title {
    font-size:36px;
    line-height:1.4;
    font-weight:700;
    margin-bottom:5px
}
.heading>.heading-description {
    font-size:20px;
    line-height:1.5;
    font-weight:400;
    margin-bottom:0
}
.home-product-1x .hp-box {
    margin:15px 0
}
.home-product-1x .hp-box {
    position:relative;
    border:1px solid #eee;
    box-shadow:0 2px 4px rgba(3,27,78,.06);
    border-radius:3px;
    padding:30px 20px;
    text-align:center;
    float:unset
}
.home-product-1x .hp-box .thumb {
    text-align:center;
    margin-bottom:15px
}
.owl-carousel .owl-item img {
    display:block;
    width:30%;
    float:center;
    display:inline-block
}
.home-product-1x .hp-box .title b {
    display:block;
    font-size:18px;
    margin-bottom:4px;
    color:#363636
}
.home-product-1x .hp-box .title p {
    line-height:1.5;
    margin-bottom:0;
    font-size:13px
}
.home-product-1x .hp-box>.price2 {
    margin-bottom:15px;
    line-height:1;
    padding-left:13px
}
.price2 .price-tag span {
    color:#363636;
    font-size:56px;
    line-height:1;
    font-weight:800;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row;
    flex-flow:row;
    justify-content:center
}
.domainPriceList {
    background:#727a97;
    margin-bottom:80px
}
.domainPriceList ul {
    width:100%;
    display:inline-block;
    float:left
}
.domainPriceList ul li {
    width:12.5%;
    float:left;
    display:inline-block;
    border-right:2px solid rgba(255,255,255,.1);
    position:relative
}
.domainPriceList ul li .title {
    width:100%;
    text-align:center;
    display:inline-block;
    font-size:12px;
    line-height:23px;
    font-weight:300;
    padding:10px;
    float:left;
    color:#fff
}
.domainPriceList ul li .title strong {
    font-weight:600
}
.domainPriceList ul li.active:before {
    width:16px;
    height:16px;
    position:absolute;
    left:10px;
    top:5px;
    content:"";
    display:inline-block
}
.homeTabsRow {
    margin-left:-15px;
    margin-right:-15px
}
.homeTabsCol {
    width:25%;
    float:left;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:30px
}
.homeTabsColBox {
    border-radius:5px;
    background:#fff;
    border-top:6px solid #563f92;
    padding:25px;
    padding-top:20px
}
.homeTabsColBox ul {
    width:100%;
    display:inline-block;
    float:left
}
.homeTabsColBox ul li {
    width:100%;
    display:inline-block;
    float:left;
    text-align:center
}
.homeTabsColBox ul li.icon {
    height:80px;
    color:#6651ef;
    font-size:55px;
    text-align:center;
    line-height:80px;
    margin-bottom:12px
}
.homeTabsColBox ul li.title {
    color:#00002b;
    font-size:17px;
    line-height:20px;
    margin-bottom:5px;
    font-weight:600
}
.homeTabsColBox ul li.desc {
    color:#7b7b88;
    font-size:13px;
    line-height:20px;
    margin-bottom:10px
}
.homeTabsColBox ul li.price {
    color:#00002b;
    font-size:28px;
    font-weight:300;
    margin-bottom:15px
}
.homeTabsColBox ul li.more a {
    width:100%
}
@media (max-width:500px) {
    .homeTabsCol {
        width:100%
    }
}
@media (max-width:992px) {
    .homeTabsCol {
        width:100%
    }
}
.faq {
    padding-bottom:30px
}
.faq .faqTab:last-child {
    margin-bottom:0
}
.faqTab {
    border:2px solid #eef0f7;
    margin-bottom:10px
}
.faqTabTop {
    padding:20px;
    padding-left:65px;
    position:relative;
    padding-right:40px;
    cursor:pointer
}
.faqTabTop .question {
    position:absolute;
    left:25px;
    top:20px;
    font-size:20px;
    color:#fab131;
    line-height:20px
}
.faqTabTop .title {
    float:left;
    color:#7b7b88;
    font-size:13.5px;
    line-height:20px;
    display:inline-block
}
.faqTabTop .arrow {
    font-size:12px;
    color:#7b7b88;
    position:absolute;
    top:20px;
    line-height:20px;
    right:20px
}
.faqTab.active .faqTabTop .arrow.plus {
    display:none
}
.faqTab.active .faqTabTop .arrow.minus {
    display:inline-block
}
.faqTabBot {
    color:#5b5b66;
    font-size:14px;
    line-height:24px;
    background:#eef0f7;
    padding:20px 25px;
    display:none
}
.faqTab.active .faqTabTop .title {
    color:#00002b
}
.homeHostingAll {
    padding-top:30px;
    padding-bottom:30px;
    background:#eef0f7
}
.sectionTitle {
    margin-bottom:25px
}
.sectionTitle ul {
    width:100%;
    display:inline-block;
    float:left
}
.sectionTitle ul li {
    width:100%;
    display:inline-block;
    float:left;
    text-align:center
}
.sectionTitle ul li.title {
    color:#00002b;
    font-size:20px;
    font-weight:300;
    margin-bottom:5px
}
.sectionTitle ul li.icon {
    font-size:36px;
    color:#fb315b;
    margin-bottom:15px
}
.sectionTitle ul li.desc {
    color:#7b7b88;
    font-size:11px;
    line-height:15px
}
.simpleTitleBox.light ul li.title {
    font-weight:300
}
.simpleTitleBox ul li.title {
    color:#00002b;
    font-size:20px;
    line-height:20px
}
.simpleTitleBox.light ul li.desc {
    font-weight:400
}
.simpleTitleBox ul li.desc {
    color:#9494a1;
    font-size:11px;
    line-height:20px;
    font-weight:500
}
.homeDivsDomainPriceBot .simpleButton {
    float:none
}
.simpleTitleBox.blue ul li.icon {
    color:#000
}
.simpleTitleBox ul li.icon {
    position:absolute;
    left:0;
    top:0;
    font-size:40px
}
.simpleTitleBox ul {
    float:left;
    position:relative;
    padding-left:55px
}
@media (max-width:768px) {
    .homeSeoForm.domain {
        width:100%;
        padding-right:0;
        padding-bottom:70px
    }
    .homeSeoForm.domain .seoSubmit {
        top:auto;
        bottom:0;
        width:100%
    }
    .domainPriceList ul li {
        width:25%;
        border-top:2px solid rgba(255,255,255,.1)
    }
}
/* Hero Bölümü */
.domain-hero {
    background: linear-gradient(135deg, #3b82f6, #06b6d4);
    color: #fff;
    border-radius: 15px;
    padding: 60px 15px;
    overflow: hidden;
    position: relative;
}

.domain-hero .hero-title {
    font-size: 2.5rem;
    font-weight: 700;
}

.domain-hero .hero-subtitle {
    font-size: 1.2rem;
    margin-top: 10px;
}

.domain-form .domain-input {
    max-width: 400px;
    flex: 1 1 300px;
    border-radius: 50px;
    padding: 15px 20px;
    border: none;
    outline: none;
}

.domain-form .domain-btn {
    border-radius: 50px;
    padding: 15px 30px;
    background: #fff;
    color: #3b82f6;
    font-weight: 600;
    transition: all 0.3s;
}

.domain-form .domain-btn:hover {
    background: #e0f2fe;
}

/* Feature Kartları */
.feature-card {
    transition: all 0.3s ease;
    background: #fff;
    cursor: pointer;
}

.feature-card:hover {
    transform: translateY(-10px) scale(1.03);
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.feature-card .feature-icon img {
    transition: all 0.3s;
    filter: invert(23%) sepia(75%) saturate(600%) hue-rotate(330deg) brightness(92%) contrast(92%);
}

.feature-card:hover .feature-icon img {
    filter: invert(47%) sepia(74%) saturate(510%) hue-rotate(190deg) brightness(100%) contrast(95%);
}

.feature-card .feature-hover-bg {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: rgba(59, 130, 246, 0.05);
    transform: rotate(45deg);
    transition: all 0.5s;
    z-index: 0;
}

.feature-card:hover .feature-hover-bg {
    top: 0;
    left: 0;
}