/****** Header Start ******/



.loginRegLink{

  display: inline-block;

  vertical-align: top;

}

.loginRegLink a{

  display: inline-block;

  vertical-align: top;

  padding: 0 16px;

  height: 36px;

  line-height: 36px;

  font-size: 18px;

  border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;

  color: #ffffff;

  margin: 0 0 0 8px;

}

.loginRegLink a i{display: none;}

.loginRegLink a.login{

  background: #1eaa9d;

}

.loginRegLink a.register{

  background: #f7c158;

}

.loginRegLink a.login:hover{

  background: #f7c158;

}

.loginRegLink a.register:hover{

  background: #1eaa9d;

}



.callDiv,.mailDiv{display: inline-block;vertical-align: top;line-height: 36px;margin: 0;color: #323232;font-size: 18px;font-weight: 400;}

.mailDiv{margin: 0 16px 0 0;}

.callDiv a,.mailDiv a{color: #323232;}

.callDiv a:hover,.mailDiv a:hover{color: #1eaa9d;}

.callDiv i,.mailDiv i{color: #1eaa9d;font-size: 20px;margin: 0 10px 0 0;}





.headerRight{text-align: right;}



.navigationSec { display: inline-block;vertical-align: top; padding: 4px 0 0; text-align: right; }

.navigationSec nav > ul{position: relative;}

.navigationSec ul li { padding: 0; margin: 0; display: inline-block; vertical-align: top; position: relative; }

.navigationSec ul li a { color: #323232; font-size: 15px; line-height: 15px; font-weight:400; display: block; padding: 14px 16px;text-transform: uppercase;display: inline-block;vertical-align: top; border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px; }

.navigationSec ul li:hover > a, .navigationSec ul li.active > a { color: #ffffff;background: #1eaa9d;}

.dropdownMenu { display: none; position: absolute; right: 0; top: 100%; z-index: 99;background: #0f0016;padding: 16px;width: 152px;border-top: 1px solid #20b8ac; }

.navigationSec ul li:hover .dropdownMenu { display: block; }

.navigationSec ul li ul li { float: none;margin: 0;padding: 0; clear: both;display: block;}

.navigationSec ul li ul li a { line-height: 14px; font-size: 14px; display: block; padding:6px 10px; text-align: left; color: #ffffff; text-transform: none;background: none;border-radius: 0; }

.navigationSec ul li ul li a:hover{}

.mean-container .mean-bar { clear: both; width: 100%; position: absolute; padding: 0; min-height: 52px; z-index: 999; display: inline-block; vertical-align: top;left: 0;right: 0; }

.mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 12px 13px; position: absolute; top: 0; left: 0; cursor: pointer; color: #ffd200; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-weight: 700; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; }

.mean-container a.meanmenu-reveal span { display: block; background: #ffd200; height: 3px; margin-top: 3px }

.mean-container .mean-nav { float: left; width: 100%; background: #20b8ac; margin-top: 66px;line-height: normal;}

.mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; position: static; }

.mean-container .mean-nav ul li { position: relative; float: left; width: 100% }

.mean-container .mean-nav ul li a { display: block; float: left; width: 100%; padding: 15px 20px; margin: 0; text-align: left; color: #ffffff; border-top: 1px solid #383838; border-top: 1px solid rgba(255,255,255,.5); text-decoration: none; text-transform: uppercase;line-height: 16px; }

.mean-container .mean-nav ul li li a { width: 100%; padding: 10px 20px; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255,255,255,.25); opacity: .75; filter: alpha(opacity=75); text-shadow: none!important; visibility: visible }

.mean-container .mean-nav ul li.mean-last a { border-bottom: 0; margin-bottom: 0 }

.mean-container .mean-nav ul li li li a { width: 70%; padding: 1em 15% }

.mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20% }

.mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25% }

.mean-container .mean-nav ul li a:hover { background: #252525; background: rgba(255,255,255,.1);color: #ffffff; }

.mean-container .mean-nav ul li a.mean-expand { margin-top: 1px; width: 26px; height: auto; padding: 15px 12px!important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; background: rgba(255,255,255,.1); border: 0!important; border-left: 1px solid rgba(255,255,255,.4)!important; border-bottom: 1px solid rgba(255,255,255,.2)!important; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; }

.mean-container .mean-nav ul li a.mean-expand:hover { background: rgba(0,0,0,.9) }

.mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both }

.menuImg{

  clear: both;

  display: block;

  border:2px solid transparent;

  margin: 0 0 16px 0;

}

.menuName{

  font-size: 17.34px;

  line-height: 17px;

  font-weight: 900;

  color: #ffffff;

}

.navigationSec ul li ul li:hover .menuImg,.navigationSec ul li ul li.active .menuImg{

  border-color: #20b8ac;

}

.navigationSec ul li ul li:hover .menuName,.navigationSec ul li ul li.active .menuName{

  color: #20b8ac;

}



.header {padding: 8px 0; position: fixed;left: 0;right: 0;top: 0;z-index: 999; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;}

.header *{

  transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;

}

.header.fixedHeader{

  position: fixed;

  background: rgba(255,255,255,0.9);

      z-index: 99999;

}

.header.fixedHeader .headerRight{

  margin: -48px 0 0 0;

}

.header.fixedHeader .logoDiv .logo {

  width: 240px;

}

.header.fixedHeader .navigationSec{

  padding-top: 16px;

}

.header.fixedHeader .navigationSec ul li a {

  font-size: 14px;

  line-height: 14px;

  padding: 10px 12px;

}

/****** Header End ******/



@media only screen and (max-width: 1366px) {

.header .container{

  max-width: none;

}

.navigationSec ul li{

  float: left;

}

.navigationSec ul li a{

  padding: 14px 12px;

}



}

@media only screen and (min-width: 1281px) {

.header .container{

  max-width: none;

  width:auto;

}

}

@media only screen and (max-width: 1280px) {

.callDiv, .mailDiv{

  font-size: 16px;

}

.navigationSec ul li a{

  font-size: 14px;

}



}

@media only screen and (max-width: 1200px) {

.navigationSec ul li a {

  padding: 9px 8px;

  font-size: 12px;

}

.loginRegLink a{

  font-size: 14px;

  padding: 0 10px;

}

.callDiv, .mailDiv {

  font-size: 12px;

}

.logoDiv{

  width: 220px;

  margin: 0 0 0 50px;

}

}

@media only screen and (max-width: 1024px) {

.hddBlk,.logoDiv{

  position: relative;

  z-index: 9999;

}

.loginRegLink{

  clear: both;display: block;

}

.logoDiv{

  padding-left: 0 !important;

}

.header *{

  transition: none; -webkit-transition: none;-moz-transition: none;-o-transition: none;-ms-transition: none;

}

.header.fixedHeader .headerRight {

  margin: 0;

}

.navigationSec{

  padding: 0;

}

.loginRegLink a span{display: none;}

.loginRegLink a i{display: inline-block;}

.logo,.header.fixedHeader .logoDiv .logo{width:160px; }

.logo {

  padding: 7px 0 0 0;

}

.hddBlk + .hddBlk{

  height: 0;

}

}

@media only screen and (max-width: 767px) {

.callDiv, .mailDiv {

  font-size: 12px;

  margin: 0;

  line-height: 12px;

  margin: 0 0 10px 0;

}

.logoDiv{

  display: block;

  float: none;

  text-align: center;

}

.callDiv span, .mailDiv span,.or{

  display: none;

}

.hddBlk{

  line-height: 0;

}



}

@media only screen and (max-width: 640px) {



}

@media only screen and (max-width: 480px) {



}