.font12 {
  font-size: 12px;
  }

.font13 {
  font-size: 13px;
  }

.font14 {
  font-size: 14px;
  }

.font15 {
  font-size: 15px;
  }

.font16 {
  font-size: 16px;
  }


.tablesub {
  font-size: 16px;
  font-weight: 600px;
  color: #ff0000;
  line-height: 1.8;
}


.sidebarhead {
  font-size: 18px;
  font-weight: bold;

  }



ul {
  line-height: 1.6;
  }

/*--------------------------------------------------------------- PRESET CSS -------------------------------------------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
    font-weight: normal;

}



div {
  display: block;
  }


body {
  color:#000;
  background-color: #fff;
  font-size: 20px;
  font-family: Tahoma, Geneva, sans-serif;
}



h1 {
font-size:42px;
color:#e60909;
}
h2 {
font-size:38px;
//color:#3c3c3c;
}
h3 {
font-size:32px;
//color:#3c3c3c;
}
h4 {
font-size:26px;
//color:#3c3c3c;
}
h5 {
font-size:20px;
//color:#3c3c3c;
}
h6 {
font-size:20px;
}
a {
 text-decoration:none;
 color:#0077b3;
}
a:hover {
text-decoration:none;
color:#00008B;
}


:focus {
    outline: none;
}
p {
    line-height: 1.6;
}
ul, ol {
    margin: 0;
    padding: 0 0 0 20px;
    list-style: disc;
}
ol {
    padding: 0 0 0 20px;
    list-style: decimal;
}
li {
    margin: 0;
    padding: 0 0 10px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    vertical-align: middle;
    table-layout: fixed;
}
th {
 font-size:28px;
 /*
 background:transparent;
 border-width:2px;
 border-style:solid;
 border-color:#000000;
 color:#348b6e;
  */
  
 //border-bottom: 2px solid #000;
 padding:6px;

}

tr {
  border-bottom: 1px solid grey;
  }

tr:first-child {
  border-bottom: 3px solid #000;
  }

tr:last-child {
    border-bottom: none;
  }



td {
 font-size:18px;
 /*
  background:transparent;
 border-width:2px;
 border-style:solid;
 border-color:#000000;
 color:#5c5c5c;
  */
  //border-bottom: 1px solid grey;
 padding:6px;
}



hr {
    border-top: 1px solid #D1EDE3;
}
/*--------------------------------------------------------------- GENERAL CSS -------------------------------------------------------------------------------*/
.page-width {
    width: 1500px;
    //width: 100%;

    margin: 0px auto 0px;
  
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.clearDiv {
    clear: both;
}  
  
/*--------------------------------------------------------------- TOP AREA CSS -------------------------------------------------------------------------------*/
.themeBrandingArea {

   padding: 10px 0;
/*  border-style: solid; */
/*    border: 1px solid; */

  
}
.themeBrandingContainer {
    display: table;
    width: 100%;
   
  
}
.tableRow {
    display: table-row;
}
.tableCell {
    display: table-cell;
}
.themeLogoOuterContainer {
    width: 1%;
}
.themeLogoArea {
    padding-right: 25px;
}
.themeSitenameCaptionOuterContainer {
    vertical-align: middle;
    height: 100%;
}
.themeSitenameCaptionInnerContainer {
    height: 100%;
    vertical-align: middle;
}
.themeSitenameCaptionContainer {
    vertical-align: middle;
    height: 100%;
}
.themeSitename {
    white-space: nowrap;
 font-size:24px;
 color:#2c3633;
    padding: 3px 0;
}
.themeCaption {
    white-space: nowrap;
 font-size:14px;
 color:#2c3633;
}
/*--------------------------------------------------------------- LEFT AREA CSS -------------------------------------------------------------------------------*/
.leftArea {
    width: 280px;
    position: fixed;
  background-color: #f0f7f7;
  border-radius: 10px;
  max-height: -moz-calc(100% - 100px);
  max-height: -webkit-calc(100% - 100px);
  max-height: -o-calc(100% - 100px);
  max-height: calc(100% - 100px);
  overflow: auto;
  margin-left: 50px;

}


/*----------------------------------------------------------- THEME NAVIGATION AREA CSS START -----------------------------------------------------------*/


.themeNavigationContainer {
    //position: fixed;
    width: 100%;
    min-width: 960px;
    left: 0px;
    height: 75px;
    top: 0px;
    z-index: 5;
   // background-color: #F0F7F7;
   // background-color: #4DBDEB;
    background-color: #000;
   overflow: hidden;
}
.themeNavigationArea {
    width: auto;
    margin: 0px auto;
    overflow: hidden;
 
    display: flex;

    justify-content: center;

}


#navigation ul {
    float: left;
    list-style: none;
    //margin: 220;
    padding: 0;
  
}
#navigation li {
    display: block;
    float: left;
    padding: 0;
    margin: 0 1px 0 0;
}
#navigation li a {
    display: block;
    padding: 0 18px;
    color: #C0C0C0;
 font-size:18px;
     line-height: 75px;
    font-weight: 600;
    float: left;
    text-decoration: none;
    cursor: pointer;
  
}
#navigation li:hover a, #navigation li.selected a, #navigation li.active a {
color:#fff;
    
  
}
#navigation li a span {
    float: left;
}
#navigation li.navArrow a em, #navigation li:hover.navArrow a em, #navigation li.selected.navArrow a em, #navigation li.selected.navArrow a em {
    background: url(images/navArrow.png) no-repeat 0 0;
    display: block;
    float: left;
    height: 5px;
    width: 9px;
    margin: 35px 0 0 10px;
}
#navigation li:hover.navArrow a em, #navigation li.selected.navArrow a em, #navigation li.active.navArrow a em {
    background: url(images/navArrowHover.png) no-repeat 0 0;
}
/*----------------------------------------------------- THEME SUBMENU AREA CSS -----------------------------------------------------*/
.submenu {
 background-color:#000;
 background-image:none;
background-position:left top;
background-repeat:repeat;
  

  
   //border-radius: 10px;

    width: 250px;
    position: absolute;
    display: block;
    padding: 0;

/*  
  box-shadow: 50px 50px 50px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 50px 50px 50px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 50px 50px 50px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 50px 50px 50px rgba(0, 0, 0, 0.15);
 */ 
  
  
    -webkit-transition: height 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
    -moz-transition: height 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
    -o-transition: height 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
    -ms-transition: height 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
    transition: height 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;

}
.submenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 0;
}
.submenu li {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0px;
}
.submenu li a {

  color: #C0C0C0;

 font-size:14px;
    text-decoration: none;
    font-weight: 400;
    display: block;
    width: 100%;
    float: left;
    cursor: pointer;
    padding: 5px 0;
    line-height: 1;
    border-bottom: 1px solid grey;
}
.submenu li:last-child a {
    border-bottom: 0px;
}
.submenu li a:hover, .submenu li.selected a {
 color:#ffffff;
background-color:transparent;
background-image:none;
background-position:left top;
background-repeat:repeat;
}
.submenu li a span {
    width: 83%;
    float: left;
    margin: 0;
    word-wrap: break-word;
    padding-left: 15px;
}
.submenu li.navArrow a em, .submenu li:hover.navArrow a em {
    background: transparent url(images/subNavArrow.png) no-repeat scroll center left;
    float: left;
    height: 9px;
    width: 5px;
    margin-top: 0px;
}
.submenu li:hover.navArrow a em {
    background: transparent url(images/subnavArrowHover.png) no-repeat scroll center left;
}



/*--------------------------------------------------------------- RIGHT AREA CSS -------------------------------------------------------------------------------*/
.rightArea {
    width: 960px;
    margin-right: 150px;
}
.rightAreaInner {
 background-color:#ffffff;
 background-image:none;
 background-position:0 0;
 background-repeat:repeat;
 background-attachment:scroll;
 background-size:auto;

/*

  box-shadow: 0px 0px 0 0px transparent, 0px 0px 0px 0px transparent inset;
 -moz-box-shadow: 0px 0px 0 0px transparent, 0px 0px 0px 0px transparent inset;
 -o-box-shadow: 0px 0px 0 0px transparent, 0px 0px 0px 0px transparent inset;
 -webkit-box-shadow: 0px 0px 0 0px transparent, 0px 0px 0px 0px transparent inset;
 border-radius: 0;
 -moz-border-radius:0;
 -webkit-border-radius:0;
 -o-border-radius:0;
 border-width: 5px;
 border-style:solid;
 border-color:#000;
 //   margin-left: 20px;

*/
  padding: 0px 30px;
   // margin-bottom: 15px;
}
.contentArea .contentAreaSpace {
    min-height: 500px;
    height: auto !important;
    height: 500px;
}
/*--------------------------------------------------------------- CONTENT AREA CSS -------------------------------------------------------------------------------*/



.banner {
    //width: 770px;
  //  border: 5px solid black; 
  
   // padding: 15px;
 
    margin-bottom: 15px;
  //margin: 0px auto 15px;

  border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
     overflow: hidden;

}




.banner img {
    display: block;
 
}
.breadcrumb {
    padding: 10px 0;
    margin-bottom: 20px;
    color: #000000;
}
.breadcrumb span {
    padding: 0 10px;
}
.breadcrumb p {
    word-wrap: break-word;
}
.sidebarArea {

 background-color: #fff; 
 border-radius: 10px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 -o-border-radius:10px;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    margin: 0px 25px 25px;
}



.sidebarAreaInner {
 font-size:14px;
 color:#000;
    padding: 8px;
    overflow: hidden;
}


.sidebarAreaInner form li span input[type=text], .sidebarAreaInner form li span textarea, .sidebarAreaInner form li span select {
 font-size:12px;
 color:#5C5C5C;
}
.sidebarAreaInner form li input[type=submit], .sidebarAreaInner form li input[type=reset] {
}
.sidebarAreaInner form ul li label, .sidebarAreaInner form ul li div {
    float: none;
}
.sidebarAreaInner form ul li label {
    width: auto;
    padding-right: 0px;
    text-align: left;
}
.sidebarAreaInner form li span input[type=text], .sidebarAreaInner form li span textarea {
    width: 110px;
}
.sidebarAreaInner form li span select {
    width: 135px;
}
.sidebarAreaInner .newsletter-input-field {
    width: 150px;
}
.sidebarAreaInner .newsletter-layout-3 .newsletter-form {
    width: 150px;
}
.sidebarAreaInner .zs-tabs-accordion-content .newsletter-input-field {
    width:120px;
}
.sidebarAreaInner .zs-tabs-accordion-content .newsletter-layout-3 .newsletter-form {
    width: 120px;
}
.sidebarAreaInner th {
 font-size:12px;
 background:#e8f5f1;
 border-width:1px;
 border-style:solid;
 border-color:#D1EDE3;
 color:#348b6e;
 padding:7px;
}
.sidebarAreaInner td {
 font-size:12px;
 background:#F3FAF8;
 border-width:1px;
 border-style:solid;
 border-color:#D1EDE3;
 color:#5c5c5c;
 padding:6px;
}
/*--------------------------------------------------------------- SIDEBAR AREA HIGHLIGHT BOX CSS -------------------------------------------------------------------------------*/
.sidebarAreaInner .zs-highlight-box {
 background-color: #ffffff;
 background-image: none;
 background-image: none, -moz-linear-gradient(top, transparent, transparent);
 background-image: none, -webkit-linear-gradient(top, transparent, transparent);
 background-image: none, -o-linear-gradient(top, transparent, transparent);
 background-position: top left;
 background-repeat: no-repeat;
 box-shadow: 0 2px 5px 0px #cae7dd, 0px 0px 0px 0 transparent inset;
 -moz-box-shadow: 0 2px 5px 0px #cae7dd, 0px 0px 0px 0 transparent inset;
 -webkit-box-shadow: 0 2px 5px 0px #cae7dd, 0px 0px 0px 0 transparent inset;
 -o-box-shadow: 0 2px 5px 0px #cae7dd, 0px 0px 0px 0 transparent inset;
 border-width: 0;
 border-style:none;
 border-color:transparent;
 border-radius: 0;
 -moz-border-radius:0;
 -webkit-border-radius:0;
 -o-border-radius:0;
 padding: 10px;
 margin: 5px;
    min-height: 100px;
 font-size:12px;
 color:#5c5c5c;
}
.sidebarAreaInner .zs-highlight-box h1 {
 font-size:26px;
 color:#3c3c3c;
}
.sidebarAreaInner .zs-highlight-box h2 {
 font-size:24px;
 color:#3c3c3c;
}
.sidebarAreaInner .zs-highlight-box h3 {
 font-size:22px;
 color:#3c3c3c;
}
.sidebarAreaInner .zs-highlight-box h4 {
 font-size:20px;
 color:#3c3c3c;
}
.sidebarAreaInner .zs-highlight-box h5 {
 font-size:18px;
 color:#3c3c3c;
}
.sidebarAreaInner .zs-highlight-box h6 {
 font-size:16px;
 color:#3c3c3c;
}
.sidebarAreaInner .zs-highlight-box a {
 color:#348B6E;
 text-decoration:none;
}
.sidebarAreaInner .zs-highlight-box a:hover {
 color:#348B6E;
 text-decoration:none;
}
.sidebarAreaInner .zs-highlight-box form li span input[type=text], .sidebarAreaInner .zs-highlight-box form li span textarea, .sidebarAreaInner .zs-highlight-box form li span select {
    width: 65%;
}
.sidebarAreaInner .zs-highlight-box form li input[type=submit], .sidebarAreaInner .zs-highlight-box form li input[type=reset] {
    padding: 6px 10px;
    margin-right: 4px;
}
.sidebarAreaInner .zs-highlight-box .newsletter-input-field {
    width: 115px;
}
.sidebarAreaInner .zs-highlight-box .newsletter-layout-3 .newsletter-form {
    width: 115px;
}
.sidebarAreaInner .zs-highlight-box th {
 font-size:12px;
 background:#e8f5f1;
 border-width:1px;
 border-style:solid;
 border-color:#D1EDE3;
 color:#348b6e;
 padding:7px;
}
.sidebarAreaInner .zs-highlight-box td {
 font-size:12px;
 background:#F3FAF8;
 border-width:1px;
 border-style:solid;
 border-color:#D1EDE3;
 color:#5c5c5c;
 padding:6px;
}
/*----------------------------------- TEXT HIGHLIGHT CSS -----------------------------------------------*/
.sidebarAreaInner .zs-text-light-color {
color:#A9A9A9;
}
.sidebarAreaInner .zs-text-highlight-color {
color:#3C3C3C;
}
.sidebarAreaInner .zs-highlight-box .zs-text-light-color {
color:#A9A9A9;
}
.sidebarAreaInner .zs-highlight-box .zs-text-highlight-color {
color:#3C3C3C;
}
/*--------------------- THEME SIDEBAR TABS ACCORDION AREA CSS ---------------------*/
.sidebarAreaInner .zs-tabs ul, .sidebarAreaInner .zs-highlight-box .zs-tabs ul {
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-bottom: 3px solid #fdc555;
    display: none;
}
.sidebarAreaInner .zs-tabs ul li, .sidebarAreaInner .zs-highlight-box .zs-tabs ul li {
    float: left;
    margin: 0;
    padding: 0px;
}
.sidebarAreaInner .zs-tabs ul li div, .sidebarAreaInner .zs-highlight-box .zs-tabs ul li div {
    padding: 0 5 px;
    position: relative;
    color: #616363;
    line-height: 2.8;
    cursor: pointer;
}
.sidebarAreaInner .zs-tabs ul li.selected, .sidebarAreaInner .zs-highlight-box .zs-tabs ul li.selected {
    background: #fdc555;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
}
.sidebarAreaInner .zs-tabs ul li.selected div, .sidebarAreaInner .zs-highlight-box .zs-tabs ul li.selected div {
    color: #ffffff;
}
.sidebarAreaInner .zs-tabs-accordion-content, .sidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content {
    background: #FFFFFF;
    font-size: 12px;
    padding: 10px;
    display: none;
    color: #5c5c5c;
    margin-bottom: 2px;
    min-height: 70px;
    height: auto !important;
    height: 70px;
}
.sidebarAreaInner .zs-accordion, .sidebarAreaInner .zs-highlight-box .zs-accordion {
    background: #f3faf8;
    color: #4a6c61;
    padding: 10px;
    cursor: pointer;
    display: block;
    position: relative;
    margin-bottom: 2px;
    border: 1px solid #b6e4d4;
}
.sidebarAreaInner .zs-accordion.selected, .sidebarAreaInner .zs-highlight-box .zs-accordion.selected {
    background: #ffffff;
    color: #4a6c61;
    border: 0px;
}
/*--------------------- THEME SIDEBAR HIGHLIGHT BOX TABS ACCORDION AREA CSS ---------------------*/
.sidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content {
    border: 1px solid #b6e4d4;
    padding: 10px;
}
.sidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content h1 {
    color: #3c3c3c;
}
.sidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content h2 {
    color: #3c3c3c;
}
.sidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content h3 {
    color: #3c3c3c;
}
.sidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content h4 {
    color: #3c3c3c;
}
.sidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content h5 {
    color: #3c3c3c;
}
.sidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content h6 {
    color: #3c3c3c;
}
.sidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content a {
    color: #348B6E;
}
.sidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content a:hover {
    color: #348B6E;
}
.sidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content hr {
    border-top: 1px solid #B9E0D2;
}
.sidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content th {
    background: #e8f5f1;
    border: 1px solid #D1EDE3;
    color: #348b6e;
    padding: 7px;
}
.sidebarAreaInner .zs-highlight-box .zs-tabs-accordion-content td {
    background: #F3FAF8;
    border: 1px solid #D1EDE3;
    color: #5c5c5c;
    padding: 6px;
}
.sidebarAreaInner .zs-highlight-box .zs-accordion.selected {
    border: 1px solid #b6e4d4;
}
/*----------------------------------- FOOTER AREA CSS -----------------------------------------------*/
.footer {
    min-height: 15px;
    height: auto !important;
    height: 15px;
    width: 960px;
    margin-right: 150px;
}
.footerArea {
    padding: 30px;
}

.footerArea .zs-highlight-box {
 background-color: #fff;
  border-width: 1px;
 border-style:solid;
 border-color:#000;
 border-radius: 0;
 -moz-border-radius:0;
 -webkit-border-radius:0;
 -o-border-radius:0;
 padding: 30px;
 margin: 0;
    min-height: 100px;
  
  font-family: Tahoma, Geneva, sans-serif;
 font-size:20px;
 color:#000;
}


/*--------------------------------------------------------------- FORM AREA CSS -------------------------------------------------------------------------------*/
form ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
form li {
    overflow: hidden;
    padding: 10px 0 0;
    margin: 0;
}
form ul li label, form ul li div {
    width: auto;
    float: left;
    padding: 5px 0 0;
    color: #393333
}
form ul li label {
    width: 225px;
    padding: 10px 30px 0 0;
    margin: 0px;
    text-align: right;
}
form li span input, form li span label {
    float: none;
    width: auto;
    margin-top: 7px;
    padding: 2px 5px 0;
}
form ul li div span {
    display: block;
}

form li span input[type=text]:focus, form li span textarea:focus {
    background-color: #fff;
}

form li span input[type=text], form li span textarea, form li span select {
 //color:#5c5c5c;
 //font-size:12px;
    width: 225px;
    background: #f0f7f7;
    border: 1px solid #B3E1D1;
    float: left;
    padding: 8px;
    resize: none;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0px;
}
form li span select {
    width: 238px;
}
form li span textarea {
    height: 100px;
    overflow: auto;
}
form li span button {
    margin-left: 5px;
    cursor: pointer;
}
form .dateinvoker {
    background: url(images/datePickerIcn.png) 0 0 no-repeat;
    height: 20px;
    border: none;
    vertical-align: middle;
    margin-top: 8px;
    outline: none;
    width: 16px;
    padding: 0px;
}
form li input[type=submit], form li input[type=reset], button {
    border: 1px solid #95D0BC;
    background: #B1E4D2;
    padding: 6px 15px;
    margin-right: 5px;
    color: #2F594C;
    cursor: pointer;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
}
form li input[type=reset] {
    background: #fff;
    border: 1px solid #8ED2BA;
    color: #5CA08B;
    font-weight: normal;
}
/*--------------------------------------------------------------- Search AREA CSS -------------------------------------------------------------------------------*/
.searchContainer {
    margin: 10px 0;
}
.searchbox {
    width: 190px;
    height: 28px;
    position: relative;
    border: 1px solid #c1d9d0;
    background: #f3faf8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}
.searchbox input[type=text] {
    background: transparent;
    width: 155px;
    height: 28px;
    border: 0;
    outline: none;
    line-height: 28px;
    font-size: 12px;
    color: #5c5c5c;
    padding: 0 5px
}
.searchbox input[type=submit] {
    background: url(images/searchicon.png) center center no-repeat #b6d2c9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    width: 25px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    border: 0 none;
    cursor: pointer;
}
/* -------------------------------------------------------------  SLIDESHOW  Area CSS ---------------------------------------------------------------------------*/
.zs-slideshow-left-arrow {
    background: url(images/zs-slideshow-left-arrow.png) left top no-repeat;
    cursor: pointer;
    height: 38px;
    left: 0;
    margin-tp: -19px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: opacity 500ms ease 0s;
    -webkit-transition: opacity 500ms ease 0s;
    -moz-transition: opacity 500ms ease 0s;
    -o-transition: opacity 500ms ease 0s;
    width: 31px;
    z-index: 150;
}
.zs-slideshow-right-arrow {
    background: url(images/zs-slideshow-right-arrow.png) left top no-repeat;
    cursor: pointer;
    height: 38px;
    right: 0px;
    margin-top: -19px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: opacity 500ms ease 0s;
    -webkit-transition: opacity 500ms ease 0s;
    -moz-transition: opacity 500ms ease 0s;
    -o-transition: opacity 500ms ease 0s;
    width: 31px;
    z-index: 150;
    left: auto;
}
.themeSlideshowOuterContainer {
    bottom: 0;
    opacity: 0;
    position: absolute;
    transition: opacity 500ms ease 0s;
    z-index: 150;
}
.themeSlideshowInnerContainer {
    background: transparent;
    border-radius: 0;
    padding: 0px 10px 6px;
    float: right;
}
.zs-slideshow-control-active {
    background: url(images/zs-slideshow-control-active.png) no-repeat left top;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 0 0 7px;
    width: 10px;
}
.zs-slideshow-control {
    background: url(images/zs-slideshow-control.png) no-repeat left top;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 0 0 7px;
    width: 10px;
}
/*----------------------------------- HIGHLIGHT BOX AREA CSS -----------------------------------------------*/
.zs-highlight-box {
 background-color: #fff;
  border-width: 1px;
 border-style:solid;
 border-color:#000;
 border-radius: 0;
 -moz-border-radius:0;
 -webkit-border-radius:0;
 -o-border-radius:0;
 padding: 10px;
 margin: 0;
    min-height: 100px;
  
  font-family: Tahoma, Geneva, sans-serif;
 font-size:20px;
 color:#000;
}

.zs-highlight-box h1 {
  font-family: Tahoma, Geneva, sans-serif;
font-size:42px;
color:#e60909;
}
.zs-highlight-box h2 {
  font-family: Tahoma, Geneva, sans-serif;
font-size:36px;
color:#000;
}
.zs-highlight-box h3 {
  font-family: Tahoma, Geneva, sans-serif;
font-size:28px;
color:#000;
}
.zs-highlight-box h4 {
  font-family: Tahoma, Geneva, sans-serif;
font-size:20px;
color:#000;
}

.zs-highlight-box a {
 text-decoration:none;
 color:#0077b3;
}
.zs-highlight-box a:hover {
text-decoration:none;
color:#00008B;
}



/*----------------------------------- Text highlight CSS -----------------------------------------------*/
.zs-text-light-color {
color:#A9A9A9;
}
.zs-text-highlight-color {
color:brown;
}
.zs-highlight-box .zs-text-light-color {
color:#A9A9A9;
}
.zs-highlight-box .zs-text-highlight-color {
color:#3C3C3C;
}
/*--------------------- THEME TABS ACCORDION AREA CSS ---------------------*/
.zs-tabs ul, .zs-highlight-box .zs-tabs ul {
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-bottom: 3px solid #d8ece5;
}
.zs-tabs ul li, .zs-highlight-box .zs-tabs ul li {
    float: left;
    margin: 0;
    padding: 0px;
}
.zs-tabs ul li div, .zs-highlight-box .zs-tabs ul li div {
    padding: 0 20px;
    position: relative;
    color: #4a6c61;
    line-height: 2.8;
    cursor: pointer;
}
.zs-tabs ul li.selected, .zs-highlight-box .zs-tabs ul li.selected {
    background: #d8ece5;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
}
.zs-tabs-accordion-content, .zs-highlight-box .zs-tabs-accordion-content {
    background: #ffffff;
    font-size: 12px;
    padding: 15px;
    display: none;
    color: #5c5c5c;
    margin-bottom: 2px;
    min-height: 70px;
    height: auto !important;
    height: 70px;
}
.zs-accordion, .zs-highlight-box .zs-accordion {
    background: #d8ece5;
    color: #4a6c61;
    padding: 10px;
    cursor: pointer;
    display: none;
    position: relative;
    margin-bottom: 2px;
    border: 1px solid #b6e4d4;
}
.zs-accordion.selected, .zs-highlight-box .zs-accordion.selected {
    background: #ffffff;
    color: #4a6c61;
    border: 0px;
}
/*--------------------- THEME HIGHLIGHT BOX TABS ACCORDION AREA CSS ---------------------*/
.zs-highlight-box .zs-tabs ul {
    border-bottom: 3px solid #ffffff;
}
.zs-highlight-box .zs-tabs ul li.selected {
    background: #ffffff;
}
.zs-highlight-box .zs-tabs-accordion-content h1, .zs-highlight-box .zs-tabs-accordion-content h2, .zs-highlight-box .zs-tabs-accordion-content h3, .zs-highlight-box .zs-tabs-accordion-content h4, .zs-highlight-box .zs-tabs-accordion-content h5, .zs-highlight-box .zs-tabs-accordion-content h6 {
    color: #3c3c3c;
}
.zs-highlight-box .zs-tabs-accordion-content a, .zs-highlight-box .zs-tabs-accordion-content a:hover {
    color: #348b6e;
}
.zs-highlight-box .zs-tabs-accordion-content hr {
    border-top: 1px solid #B9E0D2;
}
.zs-highlight-box .zs-tabs-accordion-content th {
    background: #e8f5f1;
    border: 1px solid #D1EDE3;
    color: #348b6e;
    padding: 7px;
}
.zs-highlight-box .zs-tabs-accordion-content td {
    background: #F3FAF8;
    border: 1px solid #D1EDE3;
    color: #5c5c5c;
    padding: 6px;
}
/***************************** START SOCIAL ICONS SPRITE *****************************/
.socialiconContainer {
    text-align: center;
/*    padding: 10px 0 15px; */
    padding: 10px 0 5px;
/*    border-style: solid;  */
}
.zs-socialicon-email, .zs-socialicon-facebook, .zs-socialicon-flickr, .zs-socialicon-googleplus, .zs-socialicon-linkedin, .zs-socialicon-pinterest, .zs-socialicon-rss, .zs-socialicon-twitter, .zs-socialicon-youtube, .zs-socialicon-medium, .zs-socialicon-instagram {
    background: url(images/zs-socialicon-sprite.png) no-repeat left top;
    width: 20px;
    height: 20px;
    margin: 0 3px;
    display: inline-block;
}
.zs-socialicon-email {
    background-position: 0 -0px;
}
.zs-socialicon-facebook {
    background-position: 0 -20px;
}
.zs-socialicon-flickr {
    background-position: 0 -40px;
}
.zs-socialicon-googleplus {
    background-position: 0 -60px;
}
.zs-socialicon-linkedin {
    background-position: 0 -80px;
}
.zs-socialicon-pinterest {
    background-position: 0 -100px;
}
.zs-socialicon-rss {
    background-position: 0 -120px;
}
.zs-socialicon-twitter {
    background-position: 0 -140px;
}
.zs-socialicon-youtube {
    background-position: 0 -160px;
}
.zs-socialicon-medium {
    background-position: 0 -180px;
}
.zs-socialicon-instagram {
    background-position: 0 -200px;
}
/*----------------------------------- NEWSLETTER AREA CSS -----------------------------------------------*/
.newsletter-container {
background: transparent;
    padding: 10px
}
h3.newsletter-heading {
    margin-bottom: 10px;
font-size: 22px;
color: #3c3c3c;
}
.newsletter-desc {
    margin-bottom: 20px;
font-size: 12px;
color: #5c5c5c;
}
.newsletter-input-field {
background: #ffffff;
border-width: 1px;
border-color: #cbcbcb;
color:#5c5c5c;
font-size: 12px;
    border-style: solid;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-right: 5px;
    width: 200px;
    padding: 10px;
    box-sizing: border-box;
    vertical-align:top;
}
button.newsletter-button {
background: #b1e4d2;
border-width: 1px;
border-color: #95d0bc;
color:#2f594c;
font-size: 12px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-style: solid;
    cursor: pointer;
    padding: 10px;
    font-weight: 400;
    box-sizing: border-box;
    margin-right: 0;
}
.newsletter-layout-1 .newsletter-form, .newsletter-layout-2 .newsletter-form {
    margin: 0 auto;
    text-align: center;
}
.newsletter-layout-3 .newsletter-form {
    width: 200px;
    margin: 0 auto;
    text-align: right;
}
.newsletter-layout-3 button {
    text-align: right;
}
.newsletter-form input[type="text"]::-moz-placeholder {
    color:#A1A1A1;
  font-size:90%;
  line-height:normal;
}
.newsletter-form  input[type="text"]::-webkit-input-placeholder {
    color:#A1A1A1;
  font-size:85%;
  line-height:normal;
}
.newsletter-form  input[type="text"]:-ms-input-placeholder {
    color:#A1A1A1;
  font-size:90%;
  line-height:normal;
}


/*----------------------------------- THEME RESPONSIVE MEDIA QUERIES AREA START -----------------------------------*/
@media only screen and (min-width : 1250px) and (max-width : 1549px) {
.leftArea {
    width: 240px;
}
  
.page-width {
    width: 1200px;
}
.sidebarArea {
    margin: 0px 5px 5px;
}

.themeBrandingArea {
  padding: 5px 0;
}

.rightArea, .footer {
  margin-right: 0px;
}

.leftArea {
  margin-left: 0px;    
}
.sidebarhead {
  font-size: 16px;
}
.sidebarAreaInner p {
  line-height: 1.4;
  }
.themeNavigationContainer {
    height: 50px;
}

#navigation li a {
     line-height: 50px;
}
#navigation li.navArrow a em, #navigation li:hover.navArrow a em, #navigation li.selected.navArrow a em, #navigation li.selected.navArrow a em {
    background: url(images/navArrow.png) no-repeat 0 0;
    display: block;
    float: left;
    height: 5px;
    width: 9px;
    margin: 23px 0 0 10px;
}
}

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

body {
    //-webkit-text-size-adjust: 120%;
}
  
.page-width {
    width: 980px;
  
}
.rightArea, .footer {
  float: none;
  margin: 0px auto;
}
.leftArea {
  float: none;
  position: static;
  width: 600px;
  float: none;
  margin: 15px auto;  
}
.sidebarhead {
  font-size: 32px;
}
.sidebarAreaInner {
 font-size:24px;
    padding: 20px;
}
#navigation li a {
 font-size:16px;

}
}
 .vpnacbutton {
    background-color: #efa82b; /* blue */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

#outer{
max-width: 170px;
max-height: 100px;
width: 100%;
height: 100%;
}

#inner{
    height: 0px;
    padding-bottom: 56.25%;
}

#inner iframe{
    width: 100%;
    height: 100%;
}