/*  Reset.Css */
body {font-family: 'sf_ui_display'; font-weight:400; font-size:14px; color:#000; height:100%; background:#ededed; line-height:1; margin:0px; padding:0px; position:relative; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
ul, li, ol, table, tr, td, h1, h2, h3, h4, h5, h6, p, form, input, select, textarea, button, img {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%}

/* reset */

.fw {width:100%; display:inline-block; float:left;}
a {-webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a:hover {text-decoration:none;}
.cover {background-size:cover; background-repeat:no-repeat; background-position:center center;}
/* reset */

/* homeTextAll */
.homeTextAll {background-position:left top; border-bottom-left-radius:100px; padding-top:100px}

/* headerAll */
.headerAll {position:fixed; left:0; top:0; z-index:123; border-bottom:1px solid rgba(255,255,255,0.1);  -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.headerAll.fixed {background:#1a65da}

/* logo */
.logo {float:left;}
.logo a {float:left; padding:19px 0px}
.logo a img {float:left; height:22px}
.headerRight {float:right;}
.header {position:relative;}
.responsiveMenu {position:absolute; right:0; top:15px; color:#fff; font-size:30px; line-height:30px; display:none; cursor:pointer;}
.responsiveMenu.active i:before {content:"\f00d"}

/* headerMenu */
.headerMenu {-webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.headerMenu {float:left;}
.headerMenu>nav {float:left;}
.headerMenu>nav>ul {float:left;}
.headerMenu>nav>ul>li {float:left;}
.headerMenu>nav>ul>li>a {float:left; font-size:14px; color:#fff; line-height:20px; padding:20px 15px; display:inline-block; font-weight:500}
.headerMenu>nav>ul>li>a:hover {background:#fff; color:#2178ff}

/* headerButton */
.headerButton {float:left; margin-left:15px; padding:15px 0px}
.headerButtonX {background:#27b87d; border-radius:5px;  font-size:11px; font-weight:600; display:inline-block; line-height:20px; padding:5px 20px; color:#fff}
.headerButtonX i {margin-left:15px; font-size:15px; line-height:20px; display:inline-block; float:right;}
.headerButtonX:hover {background:#fff; color:#2178ff}

/* homeTextLeft */
.homeTextLeft {width:67%; float:left; display:inline-block; padding-right:100px}
.homeTextRight {width:33%; float:left; display:inline-block}

/* homeContactForm */
.homeContactForm {background:#1a65da url(../images/before1.png) no-repeat right top; padding:40px; border-radius:10px;}

/* homeContactFormTitle */
.homeContactFormTitle {text-align:center; color:#fff; margin-bottom:25px;}
.homeContactFormTitle ul li.title {font-size:22px; line-height:25px; color:#fff; font-weight:500; margin-bottom:10px}
.homeContactFormTitle ul li.desc {color:#aacbff; font-size:14px; line-height:22px;}

/* contactFormTab */
.contactFormTab {position:relative; margin-bottom:10px;}
.contactFormTab.has-danger .contactText {border-color:#f73b70}
.contactFormTab.has-danger .icon {color:#f73b70}
.contactText {width:100%; height:50px; border-radius:5px; color:#aacbff; font-size:14px; padding-left:80px; background:#2178ff; border:1px solid transparent}
.contactText:focus {color:#fff;}
.contactFormTab .icon {font-size:20px; color:#aacbff; line-height:20px; position:absolute; top:15px; left:20px;}
.contactFormTab:before {content:""; width:1px; height:20px; position:absolute; top:15px; left:65px; display:inline-block; background:#3785ff}

/* contactFormSubmitButton */
.contactFormSubmitButton {width:100%; display:inline-block; font-size:17px; font-weight:600; line-height:20px; padding:15px 40px; border-radius:5px; color:#fff; background:#27b87d}
.contactFormSubmitButton i {float:right; line-height:20px; font-size:20px; display:inline-block; font-weight:400}
.contactFormSubmitButton:hover {color:#27b87d; background:#fff}
.contactFormSubmitButton:focus {color:#27b87d}
.contactFormSubmit {margin-top:10px;}

/* contactFormCheckbox */
.contactFormCheckbox {position:relative; margin-bottom:10px; min-height:30px; padding-left:50px; display:table;}
.contactFormCheckbox .checkbox-item {position:absolute; left:0; top:0;}
.contactFormCheckbox .title {color:#cfe2ff; font-size:11px; line-height:15px; font-weight:600; display:table-cell; vertical-align: middle}

/* sul */
ul.sul {width:100%; display:inline-block;}
ul.sul>li {width:100%; display:inline-block;}

/* homeContactFormTitle */
.homeTextLeftBox {padding-bottom:150px; padding-top:30px}
.homeTextLeftBox ul li.title {color:#dfecff; font-size:34px; font-weight:200; line-height:40px; line-height:40px; margin-bottom:5px;}
.homeTextLeftBox ul li.desc {color:#fff; font-size:25px; line-height:30px; font-weight:500; margin-bottom:30px;}
.homeTextLeftBox ul li.text {color:#ffffff; font-size:17px; line-height:28px; margin-bottom:30px;}
.homeTextLeftBox ul li.button .buttonX {width:200px; text-align:center; display:inline-block;  margin-right:10px; border-radius:5px; background:#27b87d; font-size:17px; line-height:20px; padding:15px 0px; font-weight:600; color:#fff;}
.homeTextLeftBox ul li.button .buttonX:last-child {margin-right:0px}
.homeTextLeftBox ul li.button .buttonX.white {background:#ffffff; color:#37414f}
.homeTextLeftBox ul li.button .buttonX:hover {background:#37414f; color:#fff}

/* homeTextRightBox */
.homeTextRightBox {position:relative; min-height:1px;}
.homeContactForm {position:absolute; right:0; top:0}

/* homeTabsTop */
.homeTabsTop {max-width:750px; margin-bottom:80px; position:relative; z-index:12; margin-top:-80px;}
.homeTabsTop>ul {margin-left:-5px; margin-right:-5px;}
.homeTabsTop>ul>li {width:25%; float:left; padding-left:5px; padding-right:5px;}
.homeTabsTop>ul>li>a {width:100%; text-align:center; display:inline-block; float:left; padding:40px 0px; background:#fff url(../images/before2.png) no-repeat right top; border-radius:10px; position:relative;}
.homeTabsTop>ul>li>a i {font-size:40px; line-height:40px; color:#2178ff; display:block; margin-bottom:20px;}
.homeTabsTop>ul>li>a .title {color:#37414f; font-size:17px; font-weight:600; line-height:20px; font-weight:600; display:inline-block}
.homeTabsTop>ul>li:nth-of-type(2n)>a {background:#fff url(../images/before3.png) no-repeat left top;}
.homeTabsTop>ul>li.active>a:before {content:""; position:absolute; left:0; bottom:-40px; width: 0; height: 0; border-style: solid; border-width: 40px 40px 0 0; border-color: #fff transparent transparent transparent;}
.homeTabsTop>ul>li.active>a {border-bottom-left-radius:0px}

/* homeTabsBotDiv */
.homeTabsBotDiv .title {color:#37414f; font-size:34px; line-height:40px; font-weight:700; display:inline-block; margin-bottom:15px}
.homeTabsBotDiv {color:#767c85; font-size:17px; line-height:28px;}

/* simpleHr */
.simpleHr {overflow: hidden;}
.simpleHr.right .simpleHrBox {float:right;}
.simpleHrBox {background:url(../images/hr.png); background-position:center; background-repeat: repeat-x; width:50%; height:140px; margin-bottom:20px; float:left}

/* simpleTitle */
.simpleTitle>ul>li.title {color:#37414f; font-size:34px; line-height:40px; font-weight:700; margin-bottom:10px;}
.simpleTitle>ul>li.desc {color:#767c85; font-size:17px; line-height:28px;}
.simpleTitle {margin-bottom:30px;}
.simpleTitle>ul>li.select {position:absolute; right:0; top:0; width:160px;}
.simpleTitle.has-select {padding-right:170px; position:relative;}
.simpleTitle.has-select>ul>li.title {font-size:28px; line-height:30px; margin-bottom:5px}
.simpleTitle.has-select>ul>li.desc {font-size:14px;}

/* avantajRow */
.avantajRow {margin-left:-10px; margin-right:-10px;}
.avantajCol {width:25%; float:left; padding-left:10px; padding-right:10px; margin-bottom:20px;}

/* avantajBox */
.avantajBox {background:#fff url(../images/before2.png) no-repeat right top; border-radius:10px; padding:40px; border-bottom:4px solid #e1e2e4}
.avantajBox>ul>li.icon {font-size:60px; line-height:60px; color:#27b87d;margin-bottom:30px;}
.avantajBox>ul>li.title {color:#37414f; font-size:17px; line-height:24px; font-weight:600; height:60px;}
.avantajBox>ul>li.desc {color:#767c85; font-size:14px; font-weight:500; line-height:22px; height:100px;}

/* homeHowRow */
.homeHowRow {margin-left:-10px; margin-right:-10px;}
.homeHowCol {width:50%; float:left; padding-left:10px; padding-right:10px; margin-bottom:20px;}
.homeHowBox {padding:40px; position:relative; background:#2178ff url(../images/before4.png) no-repeat left top; border-radius:10px; overflow: hidden; height:300px; }
.homeHowBox>ul {position:relative; z-index:1; padding-right:260px}
.homeHowBox:before {width:200px; height:100%; background:#fff; position:absolute; right:0; top:0; display:inline-block; content:"";}
.homeHowBox:after {position:absolute; top:0; right:200px; content:""; width: 0; height: 0; border-style: solid; border-width: 0 0 300px 150px;
border-color: transparent transparent #fff transparent;}


.homeHowBox>ul>li.img {position:absolute; right:0; top:0; width:auto}
.homeHowBox>ul>li.title {color:#c3dbff; font-size:14px; font-weight:600; line-height:15px; margin-bottom:10px;}
.homeHowBox>ul>li.big-title {font-size:25px; font-weight:600; line-height:30px; color:#fff; margin-bottom:20px;}
.homeHowBox>ul>li.desc {color:#c3dbff; font-size:14px; line-height:24px;height:120px; padding-right:20px}
.homeHowBox>ul>li.button .buttonX {width:160px;color:#2178ff; font-size:11px; font-weight:600; line-height:20px; border-radius:5px; background:#fff; display:inline-block;  padding:10px 20px}
.homeHowBox>ul>li.button .buttonX i {float:right; line-height:20px; font-weight:400}
.homeHowBox.green {background-color:#27b87d}
.homeHowBox.green>ul>li.button .buttonX {color:#27b87d}
.homeHowBox>ul>li.button .buttonX:hover {background:#37414f!important; color:#fff;}
.homeHowBox.green>ul>li.desc {color:#f1fef9}

/* homeTables */
.homeTables {padding:40px; background:#fff; border-radius:10px 10px 0px 0px; }
.homeTablesRow {margin-left:-20px; margin-right:-20px;}
.homeTablesCol {width:50%; float:left; padding-left:20px; padding-right:20px;}

/* simpleTableListTab */
.simpleTable {height:480px;}
.simpleTableAll {overflow: scroll;}
.simpleTableAll::-webkit-scrollbar {width: 5px;}
.simpleTableAll::-webkit-scrollbar-track {background: #fff;}
.simpleTableAll::-webkit-scrollbar-thumb {background: #2178ff;;border-radius: 5px;-webkit-border-radius: 5px;}

.simpleTableListTab {background:#ededed; margin-bottom:10px; border-radius:5px;}
.simpleTableListTab ul li {width:20%; float:left; padding-left:20px; display:inline-block;}

.simpleTableListTab ul li .tableX {width:100%; height:60px; display:table;}
.simpleTableListTab ul li .tableX .titleX {display:table-cell; vertical-align: middle; color:#37414f; font-size:11px; line-height:15px;font-weight:600;}
.simpleTableListTab ul li .onemX {height:60px; padding:25px 0px;}
.simpleTableListTab ul li .onemX span {width:10px; height:10px; border-radius:50%; background:#d7d7d7; display:inline-block; margin-right:5px;}
.simpleTableListTab ul li .onemX span.active {background:#2178ff}
.simpleTableListTab ul li.date {width:10%}
.simpleTableListTab ul li.doviz {width:10%}
.simpleTableListTab ul li.onem {width:15%}
.simpleTableListTab ul li.beklenti {width:10%}
.simpleTableListTab ul li.prev {width:15%; text-align:right; padding-right:20px;}
.simpleTableListTab ul li.olay {width:40%}
.simpleTableListTab.top {background:#dddddd; border-radius:5px; padding:10px 0px}
.simpleTableListTab.top .title-top {color:#37414f; font-size:11px; line-height:20px;font-weight:600; display:inline-block;}
.simpleTableListTab ul li.aciklama {width:39%}
.simpleTableListTab ul li.ozet {width:20%}
.simpleTableListTab ul li.dovizX {width:13%}
.simpleTableListTab ul li .linkX {width:100%; text-align:center; font-size:11px; display:inline-block; line-height:30px; border-radius:30px; background:#f73b70; font-weight:600; height:30px; color:#fff; margin-top:15px;}
.simpleTableListTab ul li .arrow {color:#1e8f61; margin-right:10px; display:table-cell; font-weight:400; vertical-align: middle; width:15px; text-align:center}
.simpleTableListTab ul li .arrow.green {color:#1e8f61; transform: rotate(180deg);}
.simpleTableListTab ul li .arrow.red {color:#f73b70}
.simpleTableListTab ul li .linkX.green {background:#1e8f61;}
.simpleTableListTab ul li .linkX.gray {background:#969696}

/* demoForm */
.demoForm {background:#2178ff url(../images/before5.png) no-repeat left 340px bottom; padding:40px; border-radius:0px 0px 10px 10px; margin-bottom:20px;}

/* demoFormBoxLeft */
.demoFormBoxLeft {width:33%; float:left; display:inline-block; padding-right:50px}
.demoFormBoxLeftDiv>ul {position:relative; padding-left:80px;}
.demoFormBoxLeftDiv>ul>li.title {font-size:25px; font-weight:600; line-height:30px; color:#fff;}
.demoFormBoxLeftDiv>ul>li.desc {color:#c3dbff; font-size:14px; line-height:20px;}
.demoFormBoxLeftDiv>ul>li.icon {width:auto; position:absolute; left:0; top:5px; font-size:60px; color:#fff; line-height:60px;}

/* demoFormBoxRight */
.demoFormBoxRight {width:67%; float:left; display:inline-block;}
.demoFormRow {margin-left:-5px; margin-right:-5px;}
.demoFormTab {width:31%; float:left; padding-left:5px; padding-right:5px;}
.demoFormTab.submit {width:7%;}
.demoFormTab .contactText {background:#1a65da}
.demoFormBoxRightDiv {padding-top:10px}

/* demoFormSubmit */
.demoFormSubmit {background:#fff; text-align:center; color:#2178ff; font-size:17px; line-height:50px; border-radius:5px; display:inline-block; width:100%}
.demoFormSubmit:focus {color:#2178ff;}
.demoFormSubmit:hover {background:#37414f; color:#fff}

/* learnLeft */
.learnLeft {width:31%; float:left; display:inline-block; padding-right:40px;}
.learnRight {width:69%; float:left; display:inline-block}
.learnLeftBox {padding-top:70px; position:relative;}
.learnLeftBox>ul {position:relative;}
.learnLeftBox>ul>li.title {color:#37414f; font-size:28px; font-weight:600; margin-bottom:15px;}
.learnLeftBox>ul>li.desc {color:#767c85; font-size:17px; line-height:28px;}
.learnLeftBox ul:before {width:310px; height:35px; background:url(../images/learn-before.png) no-repeat; content:""; display:inline-block; position:absolute; right:0; top:-40px;}
.learnLeftBox ul:after {width:310px; height:35px; background:url(../images/learn-after.png) no-repeat; content:""; display:inline-block; position:absolute; right:0; bottom:-40px;}

/* learnTabRow */
.learnTabRow {margin-left:-5px; margin-right:-5px;}
.learnTabCol {width:25%; float:left; padding-left:5px; padding-right:5px;}
.learn {margin-bottom:20px;}

/* learnTabBox */
.learnTabBox {border-radius:10px; background-color:#37414f!important; background:url(../images/learn1.png) no-repeat top 20px left 20px, url(../images/learn2.png) no-repeat bottom center, url(../images/learn3.png) no-repeat top right; padding:40px 20px;}
.learnTabBox>ul>li {text-align:center;}
.learnTabBox>ul>li.icon {color:#27b87d; font-size:60px; line-height:60px; margin-bottom:15px;}
.learnTabBox>ul>li.title {font-size:14px; line-height:15px; font-weight:500;color:#fff; margin-bottom:10px;}
.learnTabBox>ul>li.title strong {font-size:20px; line-height:20px;}
.learnTabBox>ul>li.desc {color:#aab0b9; font-size:14px; line-height:20px; font-weight:500; height:90px;}
.learnTabBox>ul>li.button .buttonX {width:100%; max-width:140px; text-align:center; font-size:11px; font-weight:600; line-height:20px; border-radius:5px; padding:5px 0px; display:inline-block; background:#6c757f; color:#fff;}
.learnTabBox>ul>li.button .buttonX:hover {background:#27b87d; color:#fff}

/* graphLeft */
.graphLeft {width:59%; float:left; display:inline-block;}
.graphRight {width:41%; float:left; display:inline-block; padding-left:40px}

/* graphDivBox */
.graphRightBox {padding:40px; border-radius:10px; background-color:#2178ff!important; background:url(../images/gr1.png) no-repeat left center, url(../images/gr2.png) no-repeat left center, url(../images/gr3.png) no-repeat right top 35px, url(../images/gr4.png) no-repeat top right}
.graphRightBox>ul>li.title {font-size:20px; color:#fff; font-weight:300; line-height:20px; margin-bottom:25px}
.graphRightBox>ul>li.title strong {font-weight:900;}
.graphRightBox>ul>li.list {font-size:14px; color:#fff; line-height:20px;margin-bottom:15px; position:relative; padding-left:15px;}
.graphRightBox>ul>li.list:before {content:""; position:absolute; top:50%; margin-top:-5px; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #fff; left:0}
.graphRightBox>ul>li.button .buttonX {color:#2178ff; font-size:11px; line-height:20px; display:inline-block; padding:7.5px 20px; border-radius:5px; background:#fff; font-weight:600}
.graphRightBox>ul>li.button .buttonX i {float:right; line-height:20px; display:inline-block; margin-left:15px; font-weight:400;}
.graphRightBox>ul>li.button .buttonX:hover {background:#37414f; color:#fff}
.graphRightBox>ul>li.button {margin-top:16px}

/* graphDivRow */
.graphDivRow {margin-left:-10px; margin-right:-10px;}
.graphDivCol {width:50%; float:left; padding-left:10px; padding-right:10px; margin-bottom:20px; }

/* graphDivBox */
.graphDivBox {border-radius:10px; background:url(../images/gr-left.png); position:relative; padding:30px; padding-right:230px; border-bottom:5px solid #dadada;}
.graphDivBox>ul>li.title {color:#37414f; font-size:14px; line-height:20px; margin-bottom:10px;}
.graphDivBox>ul>li.title strong {color:#f73b70; font-size:17px; font-weight:700;}
.graphDivBox>ul>li.desc {color:#767c85; font-size:11px; line-height:20px;}
.graphDivBox>ul>li.img {position:absolute; top:30px; right:0px; width:auto;}
.graphDivBox:before {width:4px; height:40px; background:#f73b70; position:absolute; left:0; top:30px; display:inline-block; content:""; border-radius:4px;}
.graphDivBox.green>ul>li.title strong {color:#27b87d}
.graphDivBox.green:before {background:#27b87d}

/* faqTabTop */
.faqTabTop {background:#fff; border-radius:5px; position:relative; padding:20px 0px; padding-left:60px; padding-right:40px;}
.faqTab {margin-bottom:10px; cursor:pointer;}
.faqTabTop .title {color:#22262d; font-size:17px; line-height:20px; display:inline-block}
.faqTabTop .arrow {position:absolute; right:20px; top:0; color:#a3a9b1; font-size:12px; line-height:60px; display:inline-block; transform: rotate(90deg);}
.faqTabTop .icon {position:absolute; left:20px; top:0; line-height:60px; font-size:20px; color:#27b87d; display:inline-block}
.faqTabTop.active .icon {color:#2178ff}
.faqTabTop.active .arrow {transform: rotate(270deg);}
.faqTabTop.active {border-radius:5px 5px 0px 0px}

/* faqTabContent */
.faqTabContent {color:#72777f; font-size:14px; line-height:24px; font-weight:500; padding:30px; padding-bottom:15px; margin-top:2px; background:#fff; position:relative; display:none;}
.faqTabContent .icon {position:absolute; right:20px; bottom:20px; font-size:100px; line-height:100px; opacity:0.2; color:#2178ff; display:inline-block}

/* footerTabsRow */
.footerTabsRow {margin-left:-20px; margin-right:-20px;}
.footerTabsCol {width:50%; float:left; padding-left:20px; padding-right:20px;}

/* dict */
.dict>ul {margin-left:-5px; margin-right:-5px}
.dict>ul>li {width:50%; float:left; padding-left:5px; padding-right:5px; margin-bottom:10px;}
.dict>ul>li>a {width:100%; display:inline-block; float:left; position:relative; border-radius:5px; background:#fff; padding:20px 0px; padding-left:55px; }
.dict>ul>li>a:hover {background:#2178ff}
.dict>ul>li>a .title {color:#22262d; font-size:17px; line-height:20px; display:inline-block; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.dict>ul>li>a i {position:absolute; left:20px; top:0; line-height:60px; color:#2178ff; display:inline-block; font-size:20px; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.dict>ul>li>a:hover .title {color:#fff;}
.dict>ul>li>a:hover i {color:#fff;}

/* footerBanner */
.footerBanner {background:url(../images/footer-banner.png) no-repeat; background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; border-radius:10px; overflow:hidden; padding:40px; margin-bottom:-65px; position:relative; z-index:1}
.fotoerBanner:before {content:""; width:95px; height:95px; background:url(../images/footer-banner-before.png) no-repeat center center; position:absolute; right:0; top:0; display:inline-block;}
.footerBanner>ul {position:relative; padding-left:80px; padding-right:220px;}
.footerBanner>ul>li.icon {position:absolute; left:0; top:0; color:#fff; font-size:50px; line-height:50px;}
.footerBanner>ul>li.title {font-size:28px; line-height:30px; color:#fff; font-weight:300;}
.footerBanner>ul>li.desc {font-size:17px; line-height:20px; color:#fff;}
.footerBanner>ul>li.button {width:auto; position:absolute; right:0; top:0;}
.footerBanner>ul>li.button .buttonX {font-size:14px; font-weight:600; line-height:20px; display:inline-block; padding:15px 20px; padding-right:70px; border-radius:5px; overflow:hidden; background:#27b87d; color:#fff; position:relative;}
.footerBanner>ul>li.button .buttonX i {position:absolute; right:0; top:0; width:50px; text-align:center; line-height:50px; display:inline-block; background:rgba(0,0,0,0.1)}
.footerBanner>ul>li.button .buttonX:hover {background:#37414f; color:#fff}

/* footerAll */
.footerAll {background:#37414f url(../images/footer-bg.png) bottom left; background-repeat: repeat-x; padding-top:140px; border-top-right-radius:100px; padding-bottom:70px}

/* footerTopLeft */
.footerTopLeft {float:left; max-width:50%;}

/* footerTopRight */
.footerTopRight {float:right; max-width:50%;}
.footerSocial {float:left;}
.footerSocial>ul {float:left;}
.footerSocial>ul>li {float:left; margin-right:10px;}
.footerSocial>ul>li>a {color:#6b727e; font-size:20px; line-height:20px; display:inline-block; padding:10px;}
.footerSocial>ul>li>a:hover {color:#fff;}
.footerSocial>ul>li:last-child {margin-right:0px;}

/* footerBanners */
.footerBanners {float:left; padding-left:40px; border-left:1px solid #4b5665; margin-left:30px}
.footerBanners>ul {float:left;}
.footerBanners>ul>li {float:left; margin-right:20px;}
.footerBanners>ul>li:last-child {margin-right:0px;}
.footerTop {margin-bottom:20px;}

/* footerText */
.footerText .title {color:#b9c0c9; font-size:14px; line-height:24px; font-weight:500;}
.footerCopyright {margin-top:15px}
.footerCopyright .title {color:#ffffff; font-size:14px; line-height:20px; display:inline-block; font-weight:500;}

/* goTop */
.goTop {width:40px; line-height:40px; height:40px; border-radius:50%; background:#27b87d; font-size:12px; display:inline-block; transform: rotate(90deg); text-align:center; color:#fff; float:left}
.goTop:focus {color:#fff}
.goTop:hover {background:#fff; color:#27b87d}

/* simpleSelect */
.simpleSelect {width:100%; color: #767c85; font-weight:500; font-size:14px; height:50px; border-radius:5px; padding-left:30px; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ""; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  padding-right:35px; background:#ededed url(../images/arrow.png) no-repeat right 30px center;  cursor:pointer; border:0px;}

/* dictModal */
.dictModal {border-radius:10px; background:#fff; position:relative;}
.dictModalTitle {border-bottom:2px solid #ededed; padding:30px; padding-left:75px; position:relative; padding-right:60px}
.dictModalTitle .title {color:#22262d; font-size:17px; line-height:20px; display:inline-block}
.dictModalTitle .icon {font-size:20px; line-height:20px; display:inline-block; position:absolute; left:40px; top:30px; color:#2178ff}
.dictModalTitle:before {width:40px; height:2px; background:#2178ff; content:""; position:absolute; left:40px; bottom:-2px; display:inline-block}
.dictModalTitle:after {width:10px; height:2px; background:#2178ff; content:""; position:absolute; left:85px; bottom:-2px; display:inline-block}

/* simpleContent */
.simpleContent {color:#72777f; font-size:14px; font-weight:600; line-height:24px; padding:40px; padding-bottom:25px}

/* dictModalClose */
.dictModalClose {font-size:20px; line-height:40px; display:inline-block; width:40px; text-align:center; color:#f73b70; position:absolute; right:30px; top:15px; z-index:12}
.dictModalClose:hover, .dictModalClose:focus {color:#2178ff}

/* contactFormResult */
.contactFormResult {background:url(../images/contact-before.png) no-repeat top center; background-color:#1a65da!important; height:505px; }
.contactFormResultBox>ul>li {text-align:center;}
.contactFormResultBox>ul>li.icon {font-size:60px; line-height:60px; margin-bottom:30px; color:#fff}
.contactFormResultBox>ul>li.title {font-size:20px; line-height:30px; font-weight:500; color:#fff; margin-bottom:7.5px}
.contactFormResultBox>ul>li.desc {color:#aacbff; font-size:14px; line-height:22px; padding:0px 20px}
.contactFormResultBox>ul>li.info .infoX {width:100%; text-align:center; display:inline-block; font-size:14px; font-weight:500; line-height:20px;background:#2178ff; padding:10px 0px; border-radius:5px; color:#ededed}
.contactFormResultBox>ul>li.info {position:absolute; left:0; bottom:40px; padding:0px 40px}
.contactFormResultBox>ul>li.button .buttonX {color:#37414f; font-size:17px; line-height:20px; padding:15px 40px; background:#ededed; border-radius:5px; display:inline-block}
.contactFormResultBox>ul>li.button .buttonX i {font-size:14px; line-height:20px; float:left; display:inline-block; margin-right:30px;}
.contactFormResultBox>ul>li.button .buttonX:hover {background:#27b87d; color:#fff;}
.contactFormResultBox>ul>li.button {margin-top:30px}

/* demoFormBoxResult */
.demoFormBoxResult>ul {position:relative; padding-left:80px; padding-right:220px;}
.demoFormBoxResult>ul>li.icon {position:absolute; left:0; width:auto; top:7.5px; margin-bottom:0px;}
.demoFormBoxResult>ul>li {text-align:left;}
.demoFormBoxResult>ul>li.desc {padding:0px}
.demoFormBoxResult>ul>li.title {margin-bottom:0px;}
.demoFormBoxResult>ul>li.button {position:absolute; right:0; top:15px; width:auto; margin-top:0px}
.modal.smallX .modal-dialog {max-width:430px}

/* formModal */
.formModal .homeContactForm {position:relative; background:#fff url(../images/form1.png) no-repeat right top}
.formModal .homeContactFormTitle ul li.title {color:#37414f}
.formModal .homeContactFormTitle ul li.desc {color:#767c85}
.formModal .contactText {color:#767c85; border-color:#dddddd; background:#fff}
.formModal .contactFormTab .icon {color:#8f959e;}
.formModal .contactFormTab:before {background:#dddddd}
.formModal .contactFormCheckbox .title {color:#767c85}
.formModal .contactFormSubmitButton:hover {background:#2178ff; color:#fff}
.formModal .dictModalClose {top:10px; right:10px}
.formModal {margin:0 auto; display:table; float:none}

/* formModalResult */
.formModalResult .homeContactForm {background:#fff url(../images/modal1.png) no-repeat top center; background-color:#fff!important}
.formModalResult .contactFormResultBox>ul>li.icon {color:#27b87d}
.formModalResult .contactFormResultBox>ul>li.title {color:#27b87d}
.formModalResult .contactFormResultBox>ul>li.desc {color:#767c85}
.formModalResult .contactFormResultBox>ul>li.info .infoX {background:#eeeeef;  color:#767c85}
.formModalResult.red .homeContactForm {background:#fff url(../images/modal2.png) no-repeat top center; background-color:#fff!important}
.formModalResult.red .contactFormResultBox>ul>li.icon {color:#f73b70}
.formModalResult.red .contactFormResultBox>ul>li.title {color:#f73b70}
.formModalResult .contactFormResultBox>ul>li.button .buttonX {background:#2178ff; color:#fff}

.color1 {color:#2178ff}
.color2 {color:#37414f}
.color3 {color:#27b87d}
.hw { -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
@media (min-width:1200px) {
.container {width:1170px;}
}

@media (min-width:1340px) {
.container {width:1300px}  
}

@media (min-width:768px) {
.modal-dialog {width:100%; max-width:960px;}	
}

@media (min-width:1199px) and (max-width:1339px) {
.homeHowBox {padding:20px}	
.homeHowBox>ul>li.big-title {font-size:20px}
.learnTabBox>ul>li.desc {height:140px}
.simpleTitle.has-select>ul>li.desc {font-size:12px;}
}

@media (max-width:1199px) {
.homeTablesCol {width:100%; margin-bottom:15px;}
.demoFormBoxLeft {width:100%; padding-right:0px; margin-bottom:30px;}
.demoFormBoxRight {width:100%}
.learnLeft {width:100%; padding-right:0px; margin-bottom:50px}
.learnRight {width:100%;}
.learnLeftBox ul:before, .learnLeftBox ul:after {display:none}
.footerTabsCol {width:100%; margin-bottom:30px; padding-left:5px; padding-right:5px;}
.footerTabsRow {margin-left:-5px; margin-right:-5px;}
.homeHowCol {width:100%;} 
}

@media (min-width:993px) and (max-width:1199px) {
.homeHowBox {padding:20px}	
.homeHowBox>ul>li.big-title {font-size:20px}
.learnTabBox>ul>li.desc {height:140px}
.headerMenu>nav>ul>li>a {padding:20px 5px; font-size:12px}	
.homeTabsTop {max-width:600px}

}

@media (max-width:992px) {
.headerMenu {position:fixed; left:-250px; top:0; height:100%; background:#1a65da; width:250px; z-index:123}
.headerMenu.active {left:0px;}
.headerMenu>nav, .headerMenu>nav>ul, .headerMenu>nav>ul>li, .headerMenu>nav>ul>li>a {width:100%;}
.headerMenu>nav>ul>li>a {width:100%; display:inline-block; padding:15px}
.headerMenu>nav>ul>li {border-bottom:1px solid rgba(255,255,255,0.1); }
.homeTextLeft {width:100%; padding-right:0px;}
.homeTextRight {width:100%;}
.homeContactForm {position:relative;}	
.homeTextAll {padding-top:70px}
.homeTextLeftBox {text-align:center; padding-bottom:30px}
.homeContactForm {padding:20px 15px;}
.homeTabsTop {margin-top:30px}
.homeTabsTop>ul>li>a {padding:15px 0px;}
.homeTabsTop>ul>li>a .title {font-size:12px;}
.homeTabsTop>ul>li>a i {margin-bottom:10px; font-size:30px; line-height:30px}
.homeTabsTop>ul>li>a {background-size:40px 40px!important}
.homeTabsTop {margin-bottom:30px}
.homeTabsBotDiv .title {font-size:25px; line-height:30px;}
.homeTabsBotDiv {font-size:14px; line-height:20px}
.simpleHrBox {height:50px}
.simpleTitle>ul>li.title {font-size:25px; line-height:30px;}
.simpleTitle>ul>li.desc {font-size:14px; line-height:20px;}
.simpleTitle>ul>li {text-align:center;}
.homeTabsBotDiv {text-align:center}
.avantajCol {width:50%}
.simpleTitle>ul>li.select {position:relative; width:100%; margin-top:15px;}
.simpleTitle.has-select {padding-right:0px;}
.homeTables {padding:20px 15px;}
.demoForm {padding:15px;}
.demoFormTab {width:100%!important; margin-bottom:10px}
.learnLeftBox {padding-top:0px; text-align:center;}
.learnLeftBox>ul>li.title {font-size:25px; line-height:30px;}
.learnLeftBox>ul>li.desc {font-size:14px; line-height:20px;}
.learnTabCol {width:50%; margin-bottom:10px}
.learnTabBox {background:url(../images/learn1.png) no-repeat top 20px left 20px, url(../images/learn3.png) no-repeat top right!important; background-color:#37414f!important; padding:20px}
.learnTabBox>ul>li.desc {height:auto; margin-bottom:15px}
.graphLeft {width:100%;}
.graphRight {width:100%; padding-left:0px}
.graphDivCol {width:100%; margin-bottom:15px}
.graphDivBox>ul {min-height:170px; padding-right:0px}
.graphDivBox>ul>li {text-align:center}
.graphDivBox>ul>li.img {width:100%; position:relative; text-align:center; top:0px}
.graphDivBox {padding:15px}
.faqTabContent {padding:15px}
.dict>ul>li {width:100%}
.footerBanner>ul {padding-right:0px; padding-left:0px}
.footerBanner {padding:15px; text-align:center;}
.footerBanner>ul>li.button {position:relative; width:100%; margin-top:15px}
.footerBanner>ul>li.icon {position:relative;}
.footerTopLeft {width:100%; text-align:center; max-width:100%; margin-bottom:15px}
.footerTopRight {width:100%; max-width:100%; text-align:center;}
.footerSocial {float:none; text-align:center; width:100%; display:inline-block}
.footerSocial>ul {float:none;}
.footerBanners {float:none; text-align:center}
.footerSocial>ul>li {float:none; display:inline-block}
.footerBanners {width:100%; display:inline-block; padding-left:0px; border-left:0px; margin-left:0px}
.footerBanners>ul {float:none; padding-left:0px;}
.footerBanners>ul>li {display:inline-block; float:none}
.footerText {text-align:center;}
.footerAll {padding-top:100px; border-radius:0px}
.homeTextAll {border-radius:0px}
.responsiveMenu {display:inline-block}
.header {padding-right:40px;}
.simpleContent {padding:20px}
.dictModalTitle {padding:20px; padding-left:45px; padding-right:35px}
.dictModalTitle .icon {left:15px; top:20px;}
.dictModalTitle:before {left:15px;}
.dictModalTitle:after {left:60px}
.dictModalClose {right:5px; top:10px}
.contactFormResult {height:auto}
.contactFormResultBox>ul>li.info {position:relative; margin-top:30px; bottom:0px}
.contactFormResultBox>ul>li.desc {padding:0px}
.demoFormBoxResult>ul>li.button {position:relative; width:100%; top:0px; margin-top:15px;}
.demoFormBoxResult>ul {padding-right:0px}
}

@media (max-width:768px) {
.homeHowBox>ul>li.img {display:none;}
.homeHowBox:before {display:none;}
.homeHowBox:after {display:none;}
.homeHowBox>ul>li {text-align:center}
.homeHowBox>ul {padding-right:0px}
.homeHowBox>ul>li.desc {height:auto; margin-bottom:10px}
.homeHowBox {height:auto; padding:20px}

.simpleTableAll {overflow:scroll!important}
.simpleTable {width:700px; height:480px; }
.modal.smallX .modal-dialog {margin:0 auto; margin-top:30px}
}

@media (max-width:500px) {
.homeTextLeftBox ul li.button .buttonX {width:140px; font-size:15px;}	
.homeTabsTop>ul>li>a .title {font-size:10px}
.homeTabsTop>ul>li.active>a:before {border-width:20px 20px 0 0; bottom:-20px}
.avantajCol {width:100%;}
.avantajBox {padding:20px;}
.avantajBox>ul>li.desc {height:auto}
.avantajBox>ul>li {text-align:center}
.learnTabCol {width:100%}
.headerButtonX {padding:5px 10px}

.headerButton {margin-left:0px}
}

@media (max-width:420px) {
.logo a img {height:14px}
.logo a {padding:25px 0px}	
.formModal .homeContactFormTitle>ul>li.title {padding:0px 5px}
.formModal .dictModalClose {top:0px; right:0px}
}



/* other reset */
::-webkit-input-placeholder { color:inherit}
::-moz-placeholder { color:inherit } /* firefox 19+ */
:-ms-input-placeholder { color:inherit } /* ie */
input:-moz-placeholder { color:inherit }


a:focus,
select:focus,
			textarea:focus,
input[type="text"]:focus,
input[type="submit"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color:inherit;
  box-shadow:inset;
  outline: 0 none;
  text-decoration:none;
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}
/* other reset */


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:30px;
							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;
			}
			label.css-label2 {background-image:url(../images/checkbox2.png);}


div#preloader {
			  position: fixed;
			  left: 0;
			  top: 0;
			  z-index: 123456789;
			  width: 100%;
			  height: 100%;
			  overflow: visible;
			  background: #2178ff;
			}

.lds-facebook {
  display: inline-block;
  position: absolute;
  left:0; right:0; top:0; bottom:0; margin:auto;
  width: 64px;
  height: 64px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 6px;
  width: 13px;
  background: #fff;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 6px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 26px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 45px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 6px;
    height: 51px;
  }
  50%, 100% {
    top: 19px;
    height: 26px;
  }
}