﻿@charset "utf-8";
html {font-family: 'montserratlight';-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; height:100%;}
body {margin: 0; padding:0;font-family: 'montserratlight'; font-size:14px; height:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden], template {display: none;}
a {background-color: transparent; text-decoration:none !important;}
a:active, a:hover{outline: 0; text-decoration:none;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {font-size: 2em;margin: 0.67em 0;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace;font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit; font: inherit;margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td, th {padding: 0;}
ul, li{ list-style:none;}
*:focus{ outline:0;}
.pr{ position:relative;}
.trans{transition: all 0.5s ease;}
.no-gutter > [class*='col-'] {padding-right:0;padding-left:0;}
.gutter5px > [class*='col-'] {padding-right:5px;padding-left:5px;}
.row-centered{ text-align:center;}
.tR{ text-align:right;}
.cb{clear:both;}
/*col-5 start*/
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;} .col-xs-5ths {width: 20%;float: left;}
@media (min-width: 768px) {.col-sm-5ths {width: 20%;float: left;}}
@media (min-width: 992px) {.col-md-5ths {width: 20%;float: left;}}
@media (min-width: 1200px) {.col-lg-5ths {width: 20%;float: left;}}
/*col-5 end*/
.loginbg{ background: #404040; no-repeat; background-size:cover; background-position: center center; background-attachment:fixed;}
.Lwrapper{position: absolute;left: 50%; margin-left:-450px; top:50%; margin-top:-150px;}
.loginbox{width: 900px;background:#fff; padding:30px; position:relative;}
.loginbox:after{ content:""; position:absolute; width:3px; height:290px; left:50%; margin-left:-1px; top:0; background:url(../images/Secline.png) no-repeat;}
.loginbox.regpart:after{left:auto; margin-left:0; right:50%; margin-right:-280px;}
.loginbox.firstpart:after{left:auto; margin-left:0; right:0%; margin-right:-280px;}
.loginbox.forgotpart:after{left:auto; margin-left:0; right:50%; margin-right:-280px; height:230px;}
.loginbox > h1{ margin:0; padding:0; width:260px; height:80px;border-radius:15px 15px 0 0; position:absolute; margin-left:-130px; left:50%; top:-75px; background:#fff url(../images/logo.png) no-repeat center center;}
.loginbox > h1 > a{ display:block; height:100%;}
.boxline{ position:absolute; height:8px; left:0; bottom:0; right:0;}
.boxline > em{ width:25%; height:8px; float:left;}
.boxline > em.c1{ background-color:#ca1134;}.boxline > em.c2{ background-color:#ca1134;}.boxline > em.c3{ background-color:#ca1134;}.boxline > em.c4{ background-color:#ca1134;}
.loginbox h3{ display:block; margin:0; color:#161616; font-size:23px; line-height:28px;font-family: 'montserratregular'; font-weight:normal;}
.loginbox h5, .loginbox h6{display:block; margin:0; color:#979797; font-size:18px; line-height:24px;font-family: 'montserratultra_light'; font-weight:normal;}
.loginbox h5{ font-size:18px; line-height:24px;}
.loginbox h6{ font-size:15px; line-height:22px;}
.enterbox{ padding:15px 20px 0 0;}
.enterbox span{ display:block; margin-bottom:25px; position:relative; line-height:46px; overflow:hidden;}
.enterbox span input{ border:1px solid #e7e7e7; height:46px; font-size:15px; color:#7a7a7a;width:100%; display:block; padding-left:42px; padding-right:10px;transition: all 0.3s ease;}
.enterbox span:after{ content:""; position:absolute; left:0px; bottom:0; top:0px; width:40px;font-family:'FontAwesome'; color:#364e91; font-size:18px; text-align:center;text-align:center; line-height:inherit;transition: all 0.3s ease;}
.enterbox span.off:after{ background:#364e91; width:4px; text-indent:-150px;}
.enterbox span[data-name="Name"]:after{ content:"\f007";}.enterbox span[data-name="password"]:after{ content:"\f023";}.enterbox span[data-name="email"]:after{ content:"\f0e0";}.enterbox span[data-name="company"]:after{ content:"\f1ad";}
.enterbox span input:focus{ padding-left:10px;}
a.Lbtn{ display:block; height:46px; width:145px; text-align:center; line-height:46px; color:#fff; float:right; background:#ca1134; font-size:17px;transition: all 0.3s ease;}
a.Lbtn:hover{ background-color:#ca1134;}
a.forgot{ position:relative; font-size:14px; line-height:20px; color:#364e91; float:left; display:block;font-family: 'montserratregular'; padding-top:10px;transition: all 0.3s ease;}
a.forgot:after{ content:""; position:absolute; bottom:-1px; left:50%; right:50%; height:1px; background-color:#df4328;transition: all 0.3s ease;}
a.forgot:hover{ color:#df4328;}
a.forgot:hover:after{ left:0; right:0;}
.regbox{ text-align:center; padding-top:40px;}
.regbox > span{ display:block; width:50px; height:50px; margin:5px auto; background:url(../images/regicon.png) no-repeat center center;}
a.Rbtn{ display:block; height:46px; width:185px; text-align:center; line-height:46px; color:#fff;background:#00727b; font-size:17px;transition: all 0.3s ease; margin:15px auto 5px;}
a.Rbtn:hover{ background-color:#0067a0;}
a.Logbtn{display:block;text-align:center; line-height:22px; color:#0081c8;font-size:20px;transition: all 0.3s ease; margin:5px auto 5px;font-family: 'montserratregular'; text-align:center;}
a.Logbtn > i{ font-style:normal; font-size:14px; display:block; color:#b1b1b1; line-height:16px;}
a.Logbtn:hover{ color:#ff5e42;}
em.Lockicon{ color:#b1b1b1; font-size:38px; padding-top:50px;}
.loginbox.forgotpart em.Lockicon{ padding-top:20px;}
.loginbox.forgotpart{ padding-bottom:50px;}

.Lboxfooter{ font-size:13px; line-height:18px; color:#303030; text-align:center; padding-top:25px;}
.Regbg{ padding-right:20px;}
.terms{ position:relative; font-size:14px; line-height:20px; color:#606060; float:left;font-family: 'montserratregular'; padding-top:10px;transition: all 0.3s ease; padding-left:18px;}
.terms > a{ color:#364e91;}
.terms input{ position:absolute; left:0; top:8px; width:14px; height:14px;}
.invalid{ position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(255,255,255,0.8); z-index:999; text-align:center;}
.invalid b{ color:#fff; display:inline-block; padding:8px 15px 8px 40px; background-color:#F00; border-radius:5px; font-weight:normal; margin-top:160px; position:relative;}
.invalid b i{ font-style:normal; position:absolute; left:10px; top:0; font-size:20px; line-height:36px;}
.Vwrapper{ position:relative;}
.Vpop{ position:absolute; left:0; bottom:-22px;color:#fff; padding:5px 8px; background-color:rgba(255,0,0,0.8); border-radius:5px; font-size:13px; z-index:99;}
.Vpop:after{ content:""; width:0; height:0; border-left:5px solid transparent;border-right:5px solid transparent; border-bottom:5px solid rgba(255,0,0,0.8); position:absolute; top:-5px; left:15px; z-index:990;}

.loginbox.Newpassword:after{ display:none;}
.loginbox.Newpassword .enterbox{ padding:15px 0px 0 0;}
.loginbox.Newpassword a.Lbtn{ width:240px;}
.loginbox.Newpassword .Regbg{ padding-right:0;}



/*Dashboard style start*/
.fixedheader{ position:fixed; background:#fff; min-height:65px; top:0; left:0; width:100%; z-index:999;box-shadow: 0 5px 6px rgba(0,0,0,0.3);}
.fixedheader > h1{ display:block; margin:0; position:absolute; left:10px; top:18px; width:160px; height:45px; background:url(../images/logo.png) no-repeat; background-size:100%; text-indent:-9999px;}
.fixedheader > h1 > a{ display:block; height:100%;}
/*.fixedheader > a > img { display:block; max-height: 35px;}*/
.fixedheader > a > img {
    height: 65px;
    max-height: 65px;
    position: relative;
    top: -1em;
    left: -1.20em;
}
.fixTnav{ float:right; padding-top:0px; padding-right:10px;}
.fixTnav ul{ margin:0; padding:0; float:left; border-right:1px solid #ececec;}
.fixTnav ul.nobdr{ border:none;}
.fixTnav ul > li{ float:left; position:relative; list-style:none; margin:0;}
.fixTnav ul > li > a{ display:block; font-size:18px; padding:0 8px; color:#a1a1a1; line-height:42px;}
.fixTnav ul > li:hover > a{ color:#ca1134;}
.fixTnav ul > li.buld > a, .fixTnav ul > li.Support > a, .fixTnav ul > li.Chat > a{width:30px; height:30px; line-height:30px; margin:6px 3px; background-image:url(../images/topFTsprite.png); background-repeat:no-repeat; text-indent:-9999px;}
.fixTnav ul > li.buld > a{  background-position:0 0;}.fixTnav ul > li.buld.active > a,.fixTnav ul > li.buld:hover > a{ background-position:-30px 0;}
.fixTnav ul > li.Support > a{  background-position:0 -30px;}.fixTnav ul > li.Support:hover > a{ background-position:-30px -30px;}
.fixTnav ul > li.Chat > a{  background-position:0 -60px;}.fixTnav ul > li.Chat.active > a, .fixTnav ul > li.Chat:hover > a{ background-position:-30px -60px;}
.fixTnav ul > li.Inhome > a{ font-size:23px;}
.fixTnav ul > li.Propic > a{ width:34px; height:34px; padding:0; margin:3px 0 0 5px;}
.orgapop{ display:none; width:250px; padding:5px 0 0 15px; position:absolute; top:49px; right:0; background:#FFF; z-index:999;box-shadow: 0 5px 6px rgba(0,0,0,0.3); border-bottom:5px solid #ca1134;}
.orgapop > em{ display:block; font-size:13px; line-height:20px; font-style:normal; color:#000; padding-bottom:5px;font-family: 'montserratregular';}
.orgapop ul{ margin:0; padding:0 5px 0 0; border:none; float:none; height:250px; overflow:auto;}
.orgapop ul > li{ margin:0; padding:0; position:relative; min-height:40px;border-bottom:1px solid #e9e9e9; padding:10px 0 10px 40px; float:none;}
.orgapop ul > li span{ position:absolute; left:0px; top:8px; display:block; width:40px; height:40px; border-radius:50%; background-color:#CCC;}
.orgapop ul > li > a{ font-size:13px; line-height:20px; color:#0081c8; display:block;}
.orgapop ul > li.active > a{ color:#ca1134;}
.orgapop ul > li > a > i{ font-size:11px; line-height:16px; font-style:normal; display:block; color:#a0a0a0;}

.chatpop{ display:none; width:350px; padding:5px 0 0px 15px; position:absolute; top:49px; right:0; background:#FFF; z-index:999;box-shadow: 0 5px 6px rgba(0,0,0,0.3); border-bottom:25px solid #ca1134;}
.chatpop > a{ display:block; position:absolute; left:0; bottom:-25px; width:100%; height:25px; line-height:25px; color:#fff; font-size:24px; text-align:center;}
.chatpop > em{ display:block; font-size:13px; line-height:24px; font-style:normal; color:#000; padding-bottom:5px;font-family: 'montserratregular'; position:relative;}
.chatpop > em > a{ display:block; position:absolute; right:10px; top:0; width:20px; height:20px; color:#000; text-align:center; line-height:20px; font-size:20px;}
.chatpop > em > a:hover{ color:#0081c8;}
.chatpop ul{ margin:0; padding:0 5px 0 0; border:none; float:none; height:250px; overflow:auto;}
.chatpop ul > li{ margin:0; padding:0; position:relative; min-height:40px;border-bottom:1px solid #e9e9e9; padding:10px 0 10px 40px; float:none;}
.chatpop ul > li span{ position:absolute; left:0px; top:8px; display:block; width:40px; height:40px; border-radius:50%; background-color:#CCC;}
.chatpop ul > li > a{ font-size:13px; line-height:20px; color:#0081c8; display:block;}
.chatpop ul > li > a > em{ display:inline-block; font-style:normal; font-size:11px; line-height:12px; padding:2px 5px;background:#0081c8; color:#fff; border-radius:3px; margin-left:8px;}
.chatpop ul > li.active > a{ color:#ca1134;}
.chatpop ul > li > a > i{ font-size:11px; line-height:16px; font-style:normal; display:block; color:#a0a0a0;}

.profilepop{ display:none; width:180px; padding:5px 10px; position:absolute; top:49px; right:0; background:#FFF; z-index:999;box-shadow: 0 5px 6px rgba(0,0,0,0.3); border-bottom:5px solid #ca1134;}
.profilepop > a{ display:block; position:absolute; left:0; bottom:-25px; width:100%; height:25px; line-height:25px; color:#fff; font-size:24px; text-align:center;}
.profilepop > em{ display:block; font-size:14px; line-height:20px; font-style:normal; color:#000; padding-bottom:5px;font-family: 'montserratregular'; position:relative; padding-left:5px;}
.profilepop > em > span{ display:block; font-size:10px; color:#ccc; line-height:12px;}
.profilepop ul{ margin:0; padding:0 5px 0 0; border:none; float:none;}
.profilepop ul > li{ margin:0; padding:0; position:relative; min-height:40px;border-bottom:1px solid #e9e9e9; padding:10px 0 10px 30px; float:none;}
.profilepop ul > li span{ position:absolute; left:3px; top:5px; display:block; width:30px; height:30px; color:#ca1134; text-align:center; line-height:30px; font-size:20px;}
.profilepop ul > li > a{ font-size:14px; line-height:20px; color:#0081c8; display:block;}

.Cpartstart{ padding:100px 0 60px 0;}
ul.APtab{padding:5px; border-radius:30px; background:#fff; display:block; float:left; margin-left:15px;}
ul.APtab > li{ float:left; margin:0; padding:0;}
ul.APtab > li > a{ display:block; line-height:35px;border-radius:30px; color:#888888; font-size:18px;font-family: 'montserratregular'; padding:0 25px;transition: all 0.5s ease;}
ul.APtab > li.active > a{ background:#007dc4;color:#fff;}
.Secsearch{ float:right;  background:#fff;border-radius:30px; width:230px; height:40px; margin-right:15px; position:relative; padding-right:35px;transition: all 0.5s ease;}
.Secsearch a{ display:block; width:30px; height:30px; border-radius:50%; background:#ca1134; position:absolute; color:#fff; right:5px; top:5px; font-size:16px; text-align:center; line-height:30px;} 
.Secsearch input{ width:100%; height:30px; line-height:30px; margin-top:5px; border:none; background-color:transparent; padding:0 5px 0 15px; color:#666; font-size:14px;}
.cicon {border:none;background-color:#b8b8b8;display:block;outline: 0;cursor: pointer;position:absolute; z-index:5; display:block;width: 14px;height: 14px;right:40px;top:12px;border-radius:50%;}
.cicon:after {content: "\f00d";font-family:'FontAwesome';display: block;text-align: center;color:#fff;font-weight: normal;font-size: 11px; line-height:14px;position:absolute; left:0; top:0; right:0; bottom:0;}
.Secsearch input:not(:valid) ~ .cicon {display: none;}

#Appssec, #Pagesec{ padding-top:25px; text-align:center; color:#fff; display:none;}
.APbox{ position:relative; width:194px; min-height:250px; padding:15px 15px 30px 15px; background:#fff; display:inline-block; margin:0 15px 60px 15px; text-align:center;vertical-align: bottom;}
.APbox.top{ z-index:2;}
.APbox h3, .APbox h5{display:block; margin:0; font-weight:normal;}
.APbox h3{ font-size:18px; line-height:20px; color:#007dc4;font-family: 'montserratregular';}
.APbox h5{ font-size:12px; line-height:18px; color:#ca1134;}
.APbox p{ display:block; font-size:14px; color:#484848; line-height:20px;}
.APbox span{ display:block; width:60px; height:60px; margin:10px auto; text-align:center; font-size:50px; line-height:60px; color:#ca1134;}
.popbutton{ width:42px; height:42px; position:absolute; bottom:-21px; left:50%; margin-left:-21px; background-color:#ca1134; border-radius:50%; cursor:pointer;}
.popbutton:after{ content:"\f0c9"; position:absolute; left:0; top:0; bottom:0; right:0; text-align:center; line-height:42px; color:#fff; font-size:18px;font-family:'FontAwesome';}
.popbutton.on{ background:#0081c8;}
.popbutton.on:after{ content:"\f00d";}
.setpopdiv{ display:none; background:#0081c8; padding:5px 15px; border-radius:5px; position:absolute; width:350px; margin-left:-175px; bottom:55px; left:50%;box-shadow: 0 5px 6px rgba(0,0,0,0.3);}
.setpopdiv:after{ content:""; width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #0081c8; position:absolute; bottom:-10px; left:50%; margin-left:-10px;}
.setpopdiv ul{ display:block; float:left; margin:0; padding:8px 5px; width:50%; text-align:left;}
.setpopdiv ul li{ margin:0; padding:0;}
.setpopdiv ul li a{ display:block; font-size:14px; color:#fff; line-height:18px; padding:4px 0 4px 12px; position:relative;}
.setpopdiv ul li a:after{ content:"\f054"; position:absolute; left:0; top:6px; font-size:11px; color:#001723;font-family:'FontAwesome';}
.setpopdiv ul li:hover a{color:#000;}
.sepra{ width:100%; height:1px; background-color:#01598a; clear:both;}
.morebg{ text-align:center; padding:6px 0 0 0; clear:both;}
.morebg a{ display:inline-block; border-radius:15px; padding:0 15px; background:#00639a; color:#FFF; font-size:13px; line-height:24px;}
.Recentview{ position:fixed; bottom:0; left:0; width:100%; min-height:60px; background:#ededed; z-index:9990;overflow:hidden;}
.Recentview h4{ display:block; background:#ca1134; color:#fff; font-size:16px; margin:0; text-transform:uppercase;font-family: 'montserratregular'; text-align:center; min-height:60px; padding-top:20px;}
.RVbox{ min-width:200px; height:60px; display:block; float:left;border-right:1px solid #ccc; position:relative !important;}
.RVbox a{ display:block; height:100%;color:#007dc4; padding:10px 25px 0 15px;line-height:20px; font-size:14px;}
.RVbox:hover a{ color:#ca1134; background:#fff;}
.RVbox a i{ display:block; font-style:normal; font-size:12px; color:#393939; line-height:14px;}
.RVbox:after{content:"\f054"; position:absolute; right:8px; top:21px; color:#bfbfbf;font-family:'FontAwesome'; font-size:13px;}

.Supportpop{ display:none; z-index:9995; position:absolute; width:700px; padding:20px; background:#FFF; left:50%; margin-left:-350px; top:60px;}
.Supportpop > span{ position:absolute; width:20px; height:20px; position:absolute; right:10px; top:10px; text-align:center; line-height:20px; font-size:20px; color:#ccc; cursor:pointer;}
.Supportpop > span:hover{ color:#ca1134;}
.Spopoverlay{ display:none; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:9994;}
.Supportpop h2{ display:block; font-size:20px; margin:0; padding:0 0 10px 0;font-family: 'montserratregular'; text-transform:uppercase;}
.Supportpop h6{ display:block; font-size:14px; margin:0; padding:0 0 5px 0; color:#7f7f7f;}
.headinput, .detailsinput{width:100%;border:none; border-bottom:1px solid #ccc; background-color:#FFF; color:#333; margin-bottom:20px;}
.headinput{ height:40px; line-height:50px; }
.detailsinput{height:100px; line-height:24px;resize: none;}

.headinput:focus, .detailsinput:focus{border-bottom:1px solid #ca1134;}
a.sbutton{ width:100px; height:36px; float:right; color:#FFF;text-align:center; font-size:16px; line-height:36px;font-family: 'montserratregular'; margin-left:10px;transition: all 0.5s ease;}
a.sbutton.send{ background:#0081c8; }a.sbutton.send:hover{ background:#ca1134; }
a.sbutton.cancel{ background:#ccc; }a.sbutton.cancel:hover{ background:#7f7f7f; }


/*inner menu navigation*/
.fixedheader .mobnavbtn {display: none;position: fixed;top: 36px;left:10px;margin: -8.5px 0 0 0;padding: 0;width:22px;height: 17px;font-size: 0;text-indent: -9999px;-webkit-appearance: none;-moz-appearance: none;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;-moz-border-radius: none;border-radius: none;border: none;cursor: pointer;background-color: transparent;z-index:9995;}
.fixedheader .mobnavbtn span {display: block;position: absolute;top: 7px;left: 0;right: 0;height: 3px;background: #585858;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out; border-radius:5px;}
.fixedheader .mobnavbtn::before, .fixedheader .mobnavbtn::after {content: "";position: absolute;display: block;top: 7px;left: 0;width: 100%;height: 3px;background: #585858;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;border-radius:5px;}
.fixedheader .mobnavbtn::before {margin-top: -7px;}
.fixedheader .mobnavbtn::after {margin-top: 7px;}
.fixedheader .mobnavbtn.active::before {transform: translateY(7px) rotate(45deg);transform-origin: center center;}
.fixedheader .mobnavbtn.active::after {transform: translateY(-7px) rotate(-45deg);transform-origin: center center;}
.fixedheader .mobnavbtn.active span {opacity: 0;}
.Tmain-nav {display:block;vertical-align: top;}
.Tmain-nav > ul, .Tmain-nav > ul ul {list-style: none; padding-left:0;}
.Tmain-nav > ul > li > a {font-size: 13px;line-height: 16px;color: #808080;transition: all 300ms ease-in-out; padding:40px 8px 14px; position:relative;}
.Tmain-nav > ul > li:hover > a { color:#fff;}
.Tmain-nav > ul > li.r:hover > a, .Tmain-nav > ul > li.r.active:hover > a{ background-color:#ff9182;}
.Tmain-nav > ul > li.g:hover > a, .Tmain-nav > ul > li.g.active:hover > a{ background-color:#10c7cb;} 
.Tmain-nav > ul > li.r.active > a{ background-color:#fdf4f3;}
.Tmain-nav > ul > li.g.active > a{ background-color:#ecfdfb;} 
.Tmain-nav > ul > li > a:before {content: '';display: none;position: absolute;bottom: 0px;left: 0;width:100%;height: 3px;}
.Tmain-nav > ul > li.g > a:before{background-color:#10c7cb;}
.Tmain-nav > ul > li.r > a:before{background-color:#ff9182;}
.Tmain-nav > ul > li.active > a:before {display: block;}
.Tmain-nav > ul > li > a > span{ position:absolute; left:50%; top:18px; width:16px; height:16px; margin-left:-8px; font-size:14px;}
.Tmain-nav > ul > li.r > a > span{ color:#ff9182}.Tmain-nav > ul > li.g > a > span{ color:#10c7cb}
.Tmain-nav > ul > li.r:hover > a > span, .Tmain-nav > ul > li.g:hover > a > span{ color:#fff}
.Tmain-nav > ul > li > ul {list-style: none;}
.Tmain-nav > ul > li > ul > li > ul {list-style: none;}
@media (min-width:992px) {
.togglepart {display: block !important;float: left; margin-left:190px;}
.Tmain-nav > ul > li {position: relative;float: left;}
.Tmain-nav > ul > li > a {display: block;position: relative;}

/*2nd level*/
.Tmain-nav > ul > li > ul {display: block !important;position: absolute;top: 100%;left:0;width: 200px;visibility: hidden;opacity: 0;transform: translateY(40px);transition: all 300ms ease-in-out;}
.Tmain-nav > ul > li.r > ul{ background:#ff9182;}
.Tmain-nav > ul > li.g > ul{ background:#10c7cb;}
.Tmain-nav > ul > li:hover > ul {visibility: visible;opacity: 1;transform: translateY(0px);}
.Tmain-nav > ul > li > ul > li {border-bottom: 1px solid #fff;text-align: left;}
.Tmain-nav > ul > li > ul > li > a {display: block;position: relative;font-size: 13px;line-height: 17px;font-weight: 400;color: #fff;letter-spacing: 0.3px;padding: 10px 15px 10px 15px;}
.Tmain-nav > ul > li > ul > li.parent > a:before {content: "\f105";display: inline-block;position: absolute;top: 50%;right: 22px;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-top: -7px;}
.Tmain-nav > ul > li.r > ul > li > a:hover {background: #da7a6d;}
.Tmain-nav > ul > li.g > ul > li > a:hover {background: #0fb5b9;}

/*3rd level*/
.Tmain-nav > ul > li > ul > li {position: relative;}
.Tmain-nav > ul > li > ul > li > ul {display: block !important;position: absolute;top: 0;left: 100%;width: 224px;background: #585858;margin-top: 0;margin-left: 5px;visibility: hidden;opacity: 0;transform: translateY(40px);-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.Tmain-nav > ul > li > ul > li > ul:before {content: '';position: absolute;top: 0;left: -5px;bottom: 0;width: 5px;background: transparent;}
.Tmain-nav > ul > li:nth-last-child(1) > ul > li > ul, .Tmain-nav > ul > li:nth-last-child(2) > ul > li > ul {left: auto;right: 100%;margin-right: 5px;}
.Tmain-nav > ul > li > ul > li:hover > ul {visibility: visible;opacity: 1;transform: translateY(0px);}
.Tmain-nav > ul > li > ul > li > ul > li {border-bottom: 1px solid #24323f;text-align: left;}
.Tmain-nav > ul > li > ul > li > ul > li:last-child {margin-bottom: 0;}
.Tmain-nav > ul > li > ul > li > ul > li > a {display: block;position: relative;font-size: 13px;line-height: 17px;font-weight: 400;color: #9aa4ae;letter-spacing: 0.3px;padding: 13px 25px 12px 24px;text-transform: uppercase;transition: all 300ms ease-in-out;}
.Tmain-nav > ul > li > ul > li > ul > li > a:hover {background: #05305a;color: #9aa4ae;}
.menu-toggle {padding-left: 7px; display:none;}
.Tmain-nav .parent .parent .menu-toggle {display: none;}
}

@media (max-width:991px) {
.togglepart {display: none; z-index:9990;text-align: center;position: fixed;top:65px;left: 0;width: 300px; bottom:66px;overflow: auto;background: #fff;padding:10px;border-top: 2px solid #F1F1F1;}
.Tmain-nav {margin-bottom:5px; margin-left:0;}
.Tmain-nav > ul{ padding-left:0;}
.Tmain-nav > ul > li {padding:2px 0;}
.Tmain-nav > ul > li.parent > ul {display: none;margin-top: 0px;}
.Tmain-nav > ul > li.r.parent > ul{background: #da7a6d;}
.Tmain-nav > ul > li.g.parent > ul{background: #0fb5b9;}
.Tmain-nav > ul > li.parent > a {position: relative;}
.Tmain-nav > ul > li > ul > li > a {color: #fff;transition: all 300ms ease-in-out;}
.Tmain-nav > ul > li > a {position: relative;display: block; text-align:left;padding:10px 30px 10px 40px; font-size:16px; line-height:20px;}
.Tmain-nav > ul > li > a > span{ position:absolute; left:8px; top:10px; width:30px; height:30px; margin-left:0; font-size:20px;}
.Tmain-nav > ul > li > ul {display: none;background: #171f2b;padding: 10px 0;margin-top: 0px;}
.Tmain-nav > ul > li > ul > li > a {display: block;position: relative; text-align:left; font-size:14px; padding:6px 15px;}
.Tmain-nav > ul > li > ul > li > a:hover {color:#000;}
.Tmain-nav > ul > li > ul > li > ul {display: none;list-style: none;}
.Tmain-nav > ul > li > ul > li > ul > li > a {display: block;font-size: 13px;line-height: 17px;font-weight: 400;color: #787878;letter-spacing: 0.3px;text-transform: uppercase;transition: all 300ms ease-in-out;}
.Tmain-nav > ul > li > ul > li > ul > li > a:hover {color: #fff;}
.menu-toggle, .menu-toggle-inner { display:block;position: absolute; right:2px; top:5px; height:30px; width:30px; line-height:30px; font-size:20px; text-align:center;}
}


