* {-webkit-tap-highlight-color:transparent; -webkit-font-smoothing:antialiased;}
*, :after, :before {-webkit-box-sizing:border-box; box-sizing:border-box;}
html {height:100%; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1.2;}
body, html {font-size:14px; font-weight:400; font-style:normal;}
html, pre {/*font-family:"Open Sans",sans-serif;*/ font-family:'Roboto', sans-serif;}
body{background-color:#f5f5f5; transition:all 0.375s ease; margin:0; -webkit-overflow-scrolling:touch;}
body.city-select-on:not(.bot) { overflow:hidden;}
a {text-decoration:none; color:#5e23dc; cursor:pointer; outline:0;}
img { max-width: 100%; height: auto; border:0px;}
ul, li{list-style:none;}

::-webkit-scrollbar-track {background:#fff; width:0; display:table-cell; vertical-align:middle; border:1px solid rgba(0,0,0,.1);}
::-webkit-scrollbar-thumb { background:#aaa; border-radius:6px;}
button, html input[type=button], input[type=reset], input[type=submit] {-webkit-appearance:button;}
button, input, select, textarea {font-family:'Roboto',sans-serif;}
button, input[type=button], input[type=checkbox], input[type=radio], input[type=reset], input[type=submit], label, select {
cursor:pointer;}
article, aside, footer, header, hgroup, main, nav, section { display:block;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {margin:0; padding:0;}
.btn {-webkit-transition:.2s; -o-transition:.2s; transition:.2s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
    box-sizing:border-box; background:0 0; cursor:pointer; display:inline-block; height:auto; line-height:40px; outline:0;
    padding:0 12px; text-align:center; white-space:nowrap; font-size:12px; border-radius:2px; font-weight:400; border:1px solid transparent; background:#fff; color:#414141;
}
.btn.primary { border:1px solid #3ab54a; background:#3ab54a; color:#fff;}
.text-ellipsis {max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
._bold{font-weight:500;}
.inline {display:inline-block; vertical-align:top;}
.floatleft{float:left;}
.floatright{float:right;}
.primary{color:#3ab54a;}
.secondary{color:#7323dc;}
.whiteBg{background:#FFF;}
.textCenter{text-align:center;}

.shadow { box-shadow:0 1px 2px 0 rgba(0,0,0,.2), 0 1px 3px 0 rgba(0,0,0,.1); z-index:1;}
/* ---- Main Page Content ----------- */
.wrap{width:100%; margin:0;}
.row {width:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap;}
.col {display:inline-block; vertical-align:top; width:100%;}
.col-12-12 {width:100%;}
.col-9-12 {width:75%;}
.col-8-12 {width:66.66%;}
.col-3-5 {width: 60%;}
.col-7-12 {width:58.33%;}
.col-6-12 {width:50%;}
.col-5-12 {width:41.66%;}
.col-4-12{width:33.33%;}
.col-3-12 {width:25%;}
.col-1-5 {width:20%;}
.col-2-5 {width:40%;}
.col-2-12 {width:16.66%;}
.col-1-12{width:8.33%;}
/* =============== page css ================= */
.layout{background:#f5f5f5;}
.header{ background:#fff; display:flex; justify-content:flex-start; align-items:center; padding:0 20px;}
.header ._logo{width:140px; height:40px; margin:8px 0;}
.fa-bars {width:24px; height:24px; display:inline-block; vertical-align:middle; background:url(../images/menu-button.png) no-repeat 0 0;}
a#toggle i { position: relative; top: 50%; transform: translateY(-50%);}

.top_navbar{margin-left:5%; display:flex; justify-content:flex-start; align-items:center;}

/*========== menu =============*/
div#overlay {display:none;}
a#toggle {position:fixed; top:37px; left:0px; z-index:999; width:36px; height:35px; background-color:#fff; text-align:center; color:#fff; display:none; transition:all ease-out 0.3s;}
a#toggle i {position:relative; top:50%; transform:translateY(-50%);}

main#content {padding:80px 0 0 0; }

#menu {text-align:center; transition:all ease-out 0.3s;}
#menu a {color:white;}
#menu ul {margin:0; padding:0; background-color:#fff;}
#menu ul li {display:inline-block; position:relative; border-bottom:none;}
#menu ul li > a, #menu ul li > ._subnav {display:inline-block; padding:14px 15px; margin:0; color:#474747; font-size:16px; font-family:'Exo 2', sans-serif; text-transform:uppercase; cursor:pointer;}
#menu ul li > a > i {margin-left:15px; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.1s; display:none;}
#menu ul li ul {display:none; position:absolute; top:50px; width:245px; text-align:left; border-top:3px solid #3ab54a; left:50%; margin-left:-123px; box-shadow:0 1px 2px rgba(0,0,0,.15); -webkit-box-shadow:0 1px 2px rgba(0,0,0,.15); z-index:9;}
#menu ul li ul:before {display:none; }
#menu ul li ul li {display:block; border-bottom:1px solid #eee;}
#menu ul li ul li:last-child{border-bottom: 0px none;}
#menu ul li ul li a { display:block; font-size:14px; padding:15px; margin:0; line-height:1;}
#menu ul li:hover > a , #menu ul li:hover > ._subnav{color:#3ab54a;}
#menu ul li:hover > a > i { transform: rotateZ(90deg); }
#menu ul li:hover ul {display:block;}

@media screen and (max-width:767px) {
a#toggle {display:block;}
main#content {margin-top:0px; transition:all ease-out 0.3s;}
#menu {position:fixed; width:250px; height:100%; top:0; left:0; overflow:hidden; overflow-y:auto; background-color:#fff; transform:translateX(-250px);}
#menu ul {text-align:left; background-color:transparent;}
#menu ul li {display:block; border-bottom:1px solid #eee;}
#menu ul li a {display:block;}
#menu ul li a > i {float:right; display:block;}
#menu ul li ul {display:none; position:static; width:100%; background-color:#f8f8f8; margin:0px; left:0; top:0px; border-top:1px solid #3ab54a;}
#menu ul li:hover > ul {display:none;}
#menu ul li:hover > a > i {transform:rotateZ(0);}
#menu ul li.open > a {background-color:#fff; color:#3ab54a; margin:0px;}
#menu ul li.open > a > i {transform:rotateZ(90deg);}
#menu ul li.open > ul {display:block;}

div#overlay {display:block; visibility:hidden; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); transition:all ease-out 0.3s; z-index:1; opacity:0;}

html.open-menu {overflow:hidden;}
html.open-menu div#overlay {visibility:visible; opacity:1; width:calc(-150%); left:250px;}
html.open-menu a#toggle, html.open-menu main#content {transform:translateX(250px);}
html.open-menu nav#menu {z-index:99; transform:translateX(0); box-shadow:0 2px 5px rgba(0,0,0,.15); -webkit-box-shadow:0 2px 5px rgba(0,0,0,.15);}
}
svg._hlp {width:13px; height:13px; margin-left:2px; vertical-align:baseline; display:inline-block;}
svg._hlp path{fill:#3ab54a;}
a.active{color:#3ab54a!important;}
a.active:after {width:100%; height:2px; background:#3ab54a; content:""; position:absolute; top:-4px; left:0;}
/*=============== menu end ===============*/
._callUs{display:flex; flex-grow:2; justify-content:flex-end; align-items:center;}
._callUs a {justify-content:center; align-items:center; display:flex; margin-left:20px;}
._calldv path{fill:#3ab54a;}
._callSupport, ._login{color:#3ab54a; margin-left:8px; font-size:16px;}
._login, ._logindv path{color:#777; fill:#777;}

._Banner{background:url('../images/banner.png') no-repeat 0 0/cover; font-family:'Exo 2', sans-serif;}
._Banner ._bannerTxtBox { padding-top:70px; display:flex; justify-content:space-between; align-items:flex-start; flex-flow:column wrap;}
._bannerTxt_ {width:100%; display:flex; flex-flow:column wrap;}
._Banner  h1{margin:0px 13px; font-size:16px; font-family:'Exo 2', sans-serif; line-height:1.4; color:#FFF;}
._Banner ._bnrTaglineTxt{margin:15px 15px 0; padding-left:20px;}
._Banner ._bnrTaglineTxt h3{margin-left:-20px; color:yellow; font-weight:500; margin-bottom:3px; font-size:16px; text-align:left;}
._Banner ._bnrTaglineTxt li{margin:0px; padding:0 0 10px; color:#FFF; font-size:14px; font-weight:400; position:Relative;}
._Banner ._bnrTaglineTxt li:before{font-family:arial; content:"L"; font-size:16px; position:absolute;left:-23px;top:0px;
    font-weight:300; -ms-transform: scaleX(-1) rotate(-35deg); -webkit-transform: scaleX(-1) rotate(-35deg); transform: scaleX(-1) rotate(-35deg);
 }
._Banner ._bnrTaglineTxt li:first-child:before{display:none;}
._Banner ._FormBox{background:#FFF; border-radius:3px; -webkit-border-radius:3px; width:320px; padding:20px;}
._Banner ._inqueryForm {display:flex; justify-content:center; margin:15px 0; width:100%;}
._Banner ._enqTxt {font-size:24px; text-align:right; display:block; font-weight:500; color:#555;}
._Banner .form-control{width:100%; height:38px; border:1px solid #ecedee; padding:0 8px; margin:20px 0 0;}
.btn_enq{display:flex; justify-content:center; align-items:center; padding:20px 0 0;}

._Container{margin:0; padding:0px;}
._Container_row{margin:0px; padding:20px 0 10px;}
._Container h2{margin:0 0 10px; padding:0px; font-size:18px; color:#474747; line-height:1.2; font-weight:500; text-align:center; font-family:'Exo 2', sans-serif;}
._Container h2:after  {content:""; width:50px; height:2px; background:#999; display:block; margin:5px auto 0;}
._Container p{font-size:14px; color:#777; font-weight:400; padding:0 5% 10px; line-height:1.5;}
._Container ._cources{display:flex; justify-content:space-between; align-items:center; margin:0px; padding:0 15px; flex-flow:column wrap;}
._Container ._whatLearn { background:url(../images/cover-2.png) fixed 0 0 /cover darkcyan; padding:15px 0 15px; margin:0;}
._Container ._whatLearn  h3{margin:0 0 15px; padding:0px; font-size:18px; color:#FFF; line-height:1.2; font-weight:400; text-align:center; font-family:'Exo 2', sans-serif;}
._Container ._whatLearn  h3:after {content:""; width:50px; height:2px; background:#FFF; display:block; margin:5px auto 0;}
._Container ._cardBox{width:100%; background:#fff; border-radius:3px; -webkit-border-radius:3px; margin-bottom:15px;}
._Container ._thumbContainer { border-radius:3px 3px 0 0; overflow:hidden; display:flex; justify-content:flex-start; align-items:flex-start;}
._Container ._cardContainer{padding:15px 10px 15px 15px; margin:0;}
._Container ._cardContainer_Title {font-size:16px; font-weight:500; color:#3ab54a; margin:7px 0 7px; text-transform:capitalize;}
._cardContainer_Title:after {content:""; width:15%; height:2px; background:#3ab54a; display:block; margin:5px 0 0;}
._Container ._cardContainer_descr{font-size:14px; color:#777; line-height:1.5; font-weight:300; overflow:hidden;}
._cardContainer_button {display:flex; justify-content:center; align-items:center; padding-top:20px;}
._viewCourceBtn{margin:0; font-size:14px; padding:12px 17px; border-radius:2px; background:#3ab54a; color:#FFF; transition:all .2s ease-in-out;}
._viewCourceBtn:hover{background:darkcyan; color:#fff; box-shadow:0 2px 5px rgba(0,0,0,.15); -webkit-box-shadow:0 2px 5px rgba(0,0,0,.15);}

._whatGetWrap {background:url('../images/learnbg.png') fixed 0 0 /cover #FFF;}
._whatGetWrap h2{margin:0 0 15px; color:#FFF;} ._whatGetWrap h2:after{background:#FFF;}
._whatGet {display:flex; padding:0 15px; flex-flow:column wrap;}
._whatGet ._items{margin-right:0px; padding:0; flex:1;}
._whatGet ._items.norytmrgn{margin-right:0px;}
._whatGet .item {margin:0 0 15px;}
._whatGet ._itemsCard {background:#FFF; padding:0px; display:flex; border-radius:3px; -webkit-border-radius:3px;}
._itemsImg {width:120px; height:115px; float:left; position:relative; overflow:hidden; top:-8px; left:-10px;}
._itemsImg:after {display:none;}
._itemsImg img {width:70px; height:65px; display:block; border-radius:50%;}
._whatGet ._itemsCard_details{margin-left:0px; float:left; width:400px; padding:10px 5px;}
._whatGet ._itemsCard_title  p{font-size:18px; color:#3ab54a; font-family:'Exo 2', sans-serif; font-style:normal; font-weight:500; padding:0 0 5px; text-align:left!important; line-height:18px;}
._whatGet ._itemsCard_description{font-size:14px; color:#777; font-family:'Exo 2', sans-serif; font-style:normal; font-weight:300;}

.footer{}
._bgcyan{background:#474747;}
._footerNav{margin:0px; padding:15px 0 5px; flex-flow:column wrap;}
._footerNav>ul {padding:0 4.15%; width:100%; margin-bottom:15px;}
._footerNav li{margin:0px; padding:0; color:yellow; font-size:14px; font-weight:500;}
._footerNav li:first-child{padding-bottom:8px;}
._footerNav a{color:#FFF; padding:5px 0; font-weight:300; display:block; opacity:.5;}
._footerNav a:hover, a:focus, .footerBtm a:hover{opacity:1;}
.footerBtm{border-top:1px solid #666; padding:15px 0; color:#FFF; opacity:.5; font-weight:300; font-size:12px;}
.footerBtm a{color:#FFF; padding:0 5px; font-weight:300; display:inline-block; opacity:.5;}
._ic_soclia{width:16px; height:16px; display:inline-block; vertical-align:middle; margin-right:10px;}

/* ============= Static Pages ================== */
.staticPage {}
.staticPage ._Banner { height:120px; display:flex; justify-content:space-between; align-items:flex-end;}
.staticPage ._Banner h1{margin-bottom:15px; padding:0px;}
.staticPage  ._Container h2, .staticPage  ._Container p{text-align:left; padding:0 0 10px;}
.staticPage  ._Container h2:after {content:""; width:50px; height:2px; background:#999; display:block; margin:5px 0 0;}
.staticPage  .wrap {width:100%; margin:0;}
.staticPage  .staticPage_Container{padding:0 16px;}