@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Arima+Madurai:400,700');

.offScreen {
  position: fixed;
  top: -10000px;
  left: -10000px;
}

body {
  font-family: 'Open Sans', sans-erif;
  background: #efefef;
}


/* --------------------- COLORS ---------------------- */

/*-- menubar BG --*/
#menubar {
 background: #097cb2;
}

/*------------------------------- END COLORS -------------------------------*/

#content-wrapper {
  padding-top: 150px;
}

.ContextBar, a.ContextBar, a.ContextBar:hover {
 line-height: 50px;
 color: #ffffff;
}

#header {
  position: fixed;
  z-index: 1201 !important;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
}

#header > .inside-padding { padding: 10px !important; }

#header-left, #header-right, .sb-r {
  display: inline-block;
  vertical-align: middle; }

#header-left { width: 15%; padding: 1%; box-sizing: border-box; }
#header-right { width: 70%; }

.inner-bar {
 max-width: 1200px;
 margin:  0px auto;
}

#footer {
 background: rgba(0, 0, 0, 0.7);
 color: #ffffff;
}

#footer .w-33 {
  display: inline-block;
  vertical-align: top;
}

#footer .w-33:nth-child(2) {
  text-align: center;
}

#footer h3 {
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 18px;
  margin: 0;
}

#welcome-msg {
  font-family: 'Arima Madurai', cursive;
  font-size: 14px;
  display: block;
  margin: 14px 0 0 0;
}

#footer ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  color: #FFF;
  display: inline-block;
  vertical-align: top;
  font-size: 0.8em;
  font-weight: 300;
}
#footer ul a { color: #fff; }


#footer .left img {
  display: inline-block;
  max-width: 27%;
}

#footer .left ul {
  width: 70%;
  margin-left: 3%;
  margin-top: 10px;
  vertical-align: top;
}

ul#vopp-social {
    list-style: none;
    margin: 14px 0px 0px 0px;
    padding: 0px;
}

#vopp-social li {
    display: inline;
}

#vopp-social li a {
  width: 40px;
  line-height: 40px;
  text-align: center;
  background: #333333;
  color: #ffffff;
  margin: 0px 5px 0px 5px;
  font-size: 20px;
  border-radius: 100px;
}

#vopp-social li a:hover {
 text-decoration: none;
 opacity: 0.7;
}

#vopp-social li.facebook a { background-color: #507cbe; }
#vopp-social li.youtube a { background-color: #f16261; }
#vopp-social li.twitter a { background-color: #63cdf1; }
#vopp-social li.instagram a { background-color: #a57d60; }
#vopp-social li.email a { background-color: #F98F00; }
#vopp-social li.linkedin a { background-color: #0078B1; }

#footer .right ul {
  margin: 0 10px;
}

#footer .right li {
  margin: 4px 0;
}

#footer .right li:before {
  content: '\f105';
  font-family: 'fontAwesome';
  display: inline-block;
  margin-right: 20px;
}

.credits {
 background: rgba(0, 0, 0, 0.7);
 text-align: center;
 color: #ffffff;
 padding: 5px;
}

.label_skin_corporation {
 font-size: 13px;
}

.label_skin_corporation a {
 color: #ffffff;
 text-decoration: none;
}

.label_skin_corporation a:hover {
 text-decoration: underline;
 color: #ffffff;
}

#header h1 {
 color: #ffffff;
 font-weight: normal;
 letter-spacing: 1px;
 font-size: 30px;
 margin: 0px;
 display: inline-block;
 text-transform: uppercase;
}

#motto {
 font-size: 50%;
 text-align: right;
}

#social li.icn a:hover {
 opacity: 0.8;
}





.headerAccordion {
  display: inline-block;
  width: 15%;
  text-align: right; }

.headerAccordion > span {
  margin: 0 10px;
}

.panel-title a, .panel-title a:hover, .panel-title a:focus { color: #fff; }

.sb-r ul {
   display: inline-block;
}
ul.sizeable {
    /*list-style-type: none;*/
    padding-left: 20px;
}
.sb-r ul.sizeable {
    list-style: none;
}

.sb-r ul {
  display: inline-block;
  vertical-align: top;
  padding: 0;
}
.sb-r {
  box-sizing: border-box;
  display: none;
  text-align: right;
  position: absolute;
  padding: 10px;
  top: 110px;
  border: 1px solid #333333;
  width: 100%;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);

  background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.8) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.8) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#cc000000',GradientType=0 );
}
a.print {
    color: #fff;
}
ul.fontSize a {
  background: #006699;
  color: #fff;
  text-decoration: none;
  padding: 6px 8px;
  line-height: 28px;
}
.sb-r ul li {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

#google_translate_element {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
.goog-te-gadget-simple .goog-te-menu-value span { color: #fff; }

.slow-spin {
  -webkit-animation: fa-spin 6s infinite linear !important;
  animation: fa-spin 6s infinite linear !important;
}


input#ctl00_SearchTerm {
  border: none;
  background: transparent;
  width: 100%;
  height: 40px;
  color: #fff;
  font-size: 1.4em;
  font-family: 'Open-sans', sans-serif;
}

a#ctl00_btnSearch {
  position: absolute;
  right: 20px;
  width: 20px;
  height: 20px;
  color: #fff;
  padding: 10px;
  line-height: 16px;
}

a#ctl00_btnSearch img { display: none; }

@media screen and (max-width: 1200px){
	
#header-left{
 width: 180px !important;
 padding: 10px !important;}
 
#header-left a img{
 width: 154px !important;}
	
#header-right{
 width: calc(100% - 260px) !important; /* header-left 114px + accordion 80x */}
 
.headerAccordion{
 width: 80px;}
	
.panel-content{
 top: 115px;}
	
}

@media screen and (max-width: 900px){
	
#header-left{
 width: 114px !important;
 padding: 8px !important;}
 
#header-left a img{
 width: 100px !important;}
	
#header-right{
 width: calc(100% - 194px) !important; /* header-left 114px + accordion 80x */}
 
.headerAccordion{
 width: 80px;}
	
.panel-content{
 top: 80px;}
	
}

@media screen and (max-width: 730px) {
  .sb-r {
    float: none;
  }
}


/* Ticket Revisions - 52795 */
#sub-content-left {
  background: rgba(238,238,237,0.7);
}

#sub-content-left:before {
  background: rgba(238,238,237,0.7);
}

#sidebar a {
	color: #000;
	font-weight: 600;
	font-size: 14px;
}

#sidebar .sidenav-slide>div.sitenavl1 a,
#sidebar .sidenav-slide>div.sitenavl2 a {
	color: #000;
}

#vopp-social li a {
    background: #585858 !important;
}

#vopp-social li a:hover,
#vopp-social li a:focus {
    opacity: 1;
}

#vopp-social li.facebook a:hover, 
#vopp-social li.facebook a:focus {
    background-color: #507cbe !important;
}

#vopp-social li.twitter a:hover,
#vopp-social li.twitter a:focus {
    background-color: #63cdf1 !important;
}

#vopp-social li.youtube a:hover,
#vopp-social li.youtube a:focus { 
background-color: #f16261 !important; 
}

#vopp-social li.instagram a:hover,
#vopp-social li.instagram a:focus { 
background-color: #a57d60 !important; 
}

#vopp-social li.email a:hover,
#vopp-social li.email a:focus { 
background-color: #F98F00 !important; 
}

#vopp-social li.linkedin a:hover,
#vopp-social li.linkedin a:focus { 
background-color: #0078B1 !important; 
}

/* Ticket Revisions - 52795 ​*/

#vopp-social li.twitter a svg {
    width: 25px;
    fill: #fff;
}

#vopp-social li.twitter a:before {
    display: none;
}

#vopp-social li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    line-height: normal;
}

ul#vopp-social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#vopp-social li.twitter a:hover, #vopp-social li.twitter a:focus {
    background-color: #000 !important;
}