/* Gallery Component Styles Started Here */

#wrap-slides {
  position: relative
}

#gallery-page {
  width: 100%;
  position: relative;
  margin: 0 auto
}

.gallery {
  position: relative;
  padding: 0 0 0;
  width: 100%;
  margin: 0 auto
}

section.gallery {
  position: relative;
  padding: 0 0 30px;
  width: var(--default-width);
  margin: 0 auto
}

.gallery .slides {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden
}

.gallery .block-01 {
  padding: 57px 56px 0 79px;
  min-height: 190px
}

.gallery .block-01 .img {
  float: left;
  margin: 0 49px 0 0
}

.gallery .block-01 .img img {
  vertical-align: top
}

.gallery .block-01 .desc {
  overflow: hidden;
  padding: 120px 0 0;
  font-size: 15px;
  line-height: 22px;
  color: var(--gray-one)
}

.gallery .block-01 .desc.block-dream {
  padding: 90px 0 0
}

.gallery .block-01 h2,
.gallery .block-01 h1 {
  font: 48px/60px 'Helvetica-Bold', Arial, sans-serif;
  margin: 0 0 18px;
  color: var(--theme-green)
}

.gallery .block-01 h2 span,
.gallery .block-01 h1 span {
  color: var(--black-two);
}

.gallery .block-01 .desc p {
  margin: 0
}

.gallery .flex-control-nav {
  display: none
}

.gallery .flex-nav-holder {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100
}

.gallery .flex-direction-nav {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  width: 1234px;
  position: relative
}

.gallery .flex-direction-nav li {
  position: absolute;
  right: 0;
  left: auto;
  top: 124px;
  width: 69px;
  height: 226px;
  background: url(../images/bg-flex-direction-nav.gif) no-repeat
}

.gallery .flex-direction-nav li:first-child {
  right: auto;
  left: 0;
  background-position: 0 -226px
}

.gallery .flex-next,
.gallery .flex-prev {
  position: absolute;
  left: 52px;
  top: 93px;
  width: 30px;
  height: 30px;
  background: var(--theme-green) url(../images/bg-flex-prev.png) no-repeat 7px 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-indent: -9999px;
  overflow: hidden
}

.gallery .flex-next {
  background: var(--theme-green) url(../images/bg-flex-next.png) no-repeat 8px 10px;
  left: -14px
}

.gallery .flex-disabled {
  background-color: #d9d9d9
}

.gallery-2 {
  padding-bottom: 0;
  margin-bottom: -13px
}

.gallery-2 .flex-direction-nav li {
  top: 94px
}

.gallery .block-02 {
  padding: 59px 145px 0 53px
}

.gallery .block-02 .img {
  float: left;
  margin: 0 50px 0 0
}

.gallery .block-02 .img img {
  vertical-align: top
}

.gallery .block-02 .desc {
  overflow: hidden;
  padding: 56px 0 0;
  font-size: 16px;
  line-height: 24px;
  color: var(--gray-two)
}

.gallery .block-02 h2 {
  font: 60px/60px 'Helvetica', Arial, sans-serif;
  margin: 0 0 10px;
  color: var(--theme-green);
  text-indent: 0
}

.gallery .block-02 h2 span {
  color: var(--black-two);
}

.gallery .block-02 .desc p {
  margin: 0 0 0 10px
}

.gallery .block-03 {
  padding: 48px 81px 0 250px
}

.gallery .block-03 .img {
  float: right;
  margin: 0 0 0 73px
}

.gallery .block-03 .img img {
  vertical-align: top
}

.gallery .block-03 .desc {
  overflow: hidden;
  padding: 74px 0 0;
  font-size: 16px;
  line-height: 24px;
  color: var(--gray-one);
  text-align: right
}

.gallery .block-03 h2 {
  font: 60px/60px 'Helvetica', Arial, sans-serif;
  margin: 0 0 10px;
  color: var(--theme-green);
  text-indent: 50px
}

.gallery .block-03 h2 span {
  color: var(--black-two);
}

.gallery .block-03 .desc p {
  margin: 0 0 0 10px
}

.gallery-3 {
  padding-bottom: 0;
  margin-bottom: -19px
}

.gallery-3 .flex-direction-nav li {
  top: 94px
}

.gallery-4 {
  padding-bottom: 40px
}

.gallery-4 .flex-direction-nav li {
  top: 164px
}

.gallery .block-04 {
  padding: 65px 68px 0 72px
}

.gallery .block-04 .visual-area {
  overflow: hidden;
  padding: 0 60px 30px 199px
}

.gallery .block-04 .img {
  float: left;
  margin: 0 31px 0 0
}

.gallery .block-04 .img img {
  vertical-align: top
}

.gallery .block-04 .desc {
  color: var(--gray-two);
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  padding: 6px 0 0
}

.gallery .block-04 h2 {
  color: var(--theme-green);
  font: 72px/72px 'Helvetica', Arial, sans-serif;
  margin: 0 0 10px
}

.gallery .block-04 h2 span {
  color: var(--black-two)
}

.gallery .block-04 .title {
  background: url(../images/bg-title01.png) 50% 100% no-repeat;
  display: block;
  font: 18px/20px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--theme-green);
  text-align: center;
  letter-spacing: 1px;
  padding: 0 0 26px;
  margin: 0 0 31px
}

.gallery .block-04 .two-columns {
  background: url(../images/sep01.png) 50% 0 repeat-y;
  overflow: hidden;
  font: 15px/22px 'Helvetica', Arial, sans-serif;
  color: var(--gray-one);
  padding: 5px 0 0
}

.gallery .block-04 .two-columns .col {
  float: left;
  width: 410px;
  padding: 0 0 0 137px
}

.gallery .block-04 .two-columns .col:first-child {
  padding-left: 0
}

.gallery .block-04 .two-columns p {
  margin: 0 0 20px
}

.gallery .block-04 .download {
  background: #039fe9;
  background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzOWZlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjMDBhZGZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjMDBhY2ZlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjMDRhNmYzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBiOThkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=');
  background: -moz-linear-gradient(top, #039fe9 0, #00adff 3%, #00acfe 23%, #04a6f3 57%, #0b98da 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #039fe9), color-stop(3%, #00adff), color-stop(23%, #00acfe), color-stop(57%, #04a6f3), color-stop(100%, #0b98da));
  background: -webkit-linear-gradient(top, #039fe9 0, #00adff 3%, #00acfe 23%, #04a6f3 57%, #0b98da 100%);
  background: -o-linear-gradient(top, #039fe9 0, #00adff 3%, #00acfe 23%, #04a6f3 57%, #0b98da 100%);
  background: -ms-linear-gradient(top, #039fe9 0, #00adff 3%, #00acfe 23%, #04a6f3 57%, #0b98da 100%);
  background: linear-gradient(to bottom, #039fe9 0, #00adff 3%, #00acfe 23%, #04a6f3 57%, #0b98da 100%);
  -pie-background: linear-gradient(#039fe9 0, #00adff 3%, #00acfe 23%, #04a6f3 57%, #0b98da 100%);
  position: relative;
  display: block;
  overflow: hidden;
  height: 36px;
  width: 251px;
  border: 1px solid #0984bd;
  font: 12px/38px 'Helvetica', Arial, sans-serif;
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  margin: 0 0 0 2px;
  padding: 0 15px
}

.gallery .block-04 .download span {
  background: url(../images/ico01.png) 0 10px no-repeat;
  float: left;
  padding: 0 0 0 31px
}

.gallery .block-04 .option-list {
  margin: 0;
  padding: 0 0 0 3px;
  list-style: none;
  font: 14px/20px 'Helvetica', Arial, sans-serif;
  width: 282px
}

.gallery .block-04 .option-list li {
  background: url(../images/sep02.png) repeat-x;
  padding: 15px 0 11px 15px;
  overflow: hidden;
  vertical-align: top
}

.gallery .block-04 .option-list li:first-child {
  background: 0 0
}

.gallery .block-04 .option-list li a {
  background: url(../images/ico01.png) no-repeat;
  float: left;
  padding: 0 0 2px 33px;
  color: #0a98dc
}

.gallery .block-04 .option-list li a.ico01 {
  background-position: 0 -56px
}

.gallery .block-04 .option-list li a.ico02 {
  background-position: 0 -122px
}

.gallery .block-04 .option-list li a.ico03 {
  background-position: 0 -180px
}

.gallery-5 {
  padding-bottom: 0
}

.gallery-5 .flex-direction-nav li {
  top: 218px
}

.gallery .block-05 {
  padding: 50px 140px 0;
  overflow: hidden
}

.gallery .block-05 h2,
.gallery .block-05 h1 {
  font: 72px/65px 'Helvetica-Bold', Arial, sans-serif;
  margin: 0;
  color: var(--theme-green);
  background: url(../images/bg-ttl-001.png) no-repeat 122px 7px;
  padding: 0 98px 32px 373px
}

.gallery .block-05 .yoursafe {
  font: 72px/65px 'Helvetica-Bold', Arial, sans-serif;
  font-weight:600;
  margin: 0;
  color: var(--theme-green);
  background: url(../images/secure.png) no-repeat 122px 0;
  padding: 0 98px 32px 290px
}

.gallery .block-05 .dedhost {
  font: 72px/65px 'Helvetica', Arial, sans-serif;
  margin: 0;
  color: var(--theme-green);
  background: url(../images/getexactly.png) no-repeat 102px 68px;
  padding: 0 98px 32px 200px
}

.gallery .block-05 h2 span,
.gallery .block-05 h1 span {
  color: var(--black-two);
  display: block;
  margin: 0 0 -12px
}

.gallery .block-05 .sub-ttl {
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: var(--theme-green);
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 40px;
  background: url(../images/sep-003.png) no-repeat 50% 100%;
  padding: 0 0 24px
}

.gallery .block-05 article {
  overflow: hidden;
  background: url(../images/sep-004.gif) repeat-y 410px 0;
  font-size: 15px;
  line-height: 22px;
  color: var(--gray-one);
  padding: 5px 0 26px 20px
}

.gallery .block-05 article .box {
  float: left;
  width: 340px
}

.gallery .block-05 article p {
  margin: 0
}

.gallery .block-05 article .box-ar {
  float: right;
  width: 340px
}

.gallery .block-05 .sub-ttl-avl {
  padding-left: 86px
}

.gallery .block-05 h1.title-01:after {
  clear: both;
  content: '';
  display: block
}

.gallery .block-05 h1.title-01 {
  padding: 0 128px 37px 131px
}

.gallery .block-05 h1 strong {
  display: block;
  font-weight: 400;
  margin: -14px 0 0;
  position: relative
}

.gallery .block-05 h1 strong.alignright {
  float: right
}

.gallery .block-05 h1 strong.alignright {
  float: right
}

.gallery .block-05 h1 strong em {
  float: left;
  font-style: normal
}

.gallery .block-05 h1 strong span {
  float: left
}

.gallery .block-05 h1.title-01 strong span {
  margin: 0 0 0 14px
}

.gallery .block-05 h1 .ico {
  overflow: hidden;
  text-indent: -9999px
}

.gallery .block-05 h1.title-01 .ico {
  background: hsla(0, 0%, 0%, 0) url(../images/ico03.png) no-repeat scroll 0 0;
  height: 125px;
  margin: -61px -16px 0 -8px;
  width: 107px
}

.gallery .block-05 h1 span {
  color: var(--black-two);
  display: block;
  margin: 0 0 -12px
}

.gallery .block-05 .sub-ttl2 {
  background: hsla(0, 0%, 0%, 0) url(../images/sep-003.png) no-repeat scroll 50% 100% !important;
  color: #49b54d;
  display: block;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 24px !important;
  margin: 0 0 40px !important;
  padding: 0 0 24px !important;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Helvetica', sans-serif;
  font-weight: 400
}

.gallery .block-05 p.title-03 {
  padding: 4px 73px 25px 61px
}

.gallery .block-05 .title-03 {
  font: 72px/65px 'Helvetica', Arial, sans-serif;
  margin: 0;
  color: var(--theme-green);
  padding: 0 98px 32px 373px
}

.gallery .block-05 p.title-03 strong {
  margin: -7px 0 0
}

.gallery .block-05 p.title-03::after {
  clear: both;
  content: "";
  display: block
}

.gallery .block-05 p.title-03 .small {
  color: var(--black-two);
  display: block;
  float: none;
  font: 18px/20px 'Helvetica', Arial, sans-serif;
  letter-spacing: 1px;
  margin: 0 0 -6px;
  padding: 0 0 0 164px;
  text-transform: uppercase
}

.gallery .block-05 p.title-03 span {
  margin: 0 0 0 15px
}

.gallery .block-05 p.title-03 .ico {
  background: hsla(0, 0%, 0%, 0) url(../images/ico09.png) no-repeat scroll 0 0;
  height: 86px;
  margin: -20px -40px 0 -2px;
  width: 81px
}

.title-007n2 {
  padding: 0 !important
}

.gallery .block-05 .yoursafe2 {
  background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
  line-height: 72px;
  padding: 0
}

.gallery .block-05 p.title-06 {
  margin: -29px 204px 18px 192px
}

.gallery .block-05 p.title-06 span {
  background: url(../images/img06.png) 100% 100% no-repeat;
  text-align: right;
  margin: -7px 0 0;
  padding: 0 126px 17px 0;
 
}

.gallery .block-05 p.title-06 span em {
  font-style: normal;
  color: var(--theme-green)
}

.pagefnt-siz {
  font: 74px/73px 'Helvetica-Bold', Arial, sans-serif;
  color: var(--theme-green);
  font-weight:600;
}

.colr {
  color: var(--theme-green) !important
}

.gallery .blocknew .sub-ttl2 {
  background: hsla(0, 0%, 0%, 0) url(../images/sep-003.png) no-repeat scroll 50% 100% !important;
  color: #49b54d;
  display: block;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 38px !important;
  margin: 0 0 40px !important;
  padding: 0 0 24px !important;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Helvetica', Arial, sans-serif;
  font-weight: 700
}

.gallery .blocknew .headcontent {
  font: 61px/65px 'Helvetica-Bold', Arial, sans-serif;
  margin: 0 0 15px
}

.gallery .block-05 .ttl-01 {
  background: url(../images/bg-ttl-002.png) no-repeat 102px 17px;
  padding: 7px 28px 28px 309px
}

.gallery .block-05 .ttl-01 span {
  margin: 0
}

.gallery .block-05 .ttl-02 {
  background: url(../images/bg-ttl-003.png) no-repeat;
  width: 461px;
  padding: 0;
  height: 188px;
  text-indent: -9999px;
  overflow: hidden;
  margin: -11px auto -12px
}

.leaders-tabs .ui-tabs-hide {
  display: none
}

.gallery .block-05 article strong {
  color: var(--black-two)
}

.gallery .block-05 .ttl-03 {
  background: url(../images/bg-ttl-004.png) no-repeat;
  width: 679px;
  padding: 0;
  height: 154px;
  text-indent: -9999px;
  overflow: hidden;
  margin: -8px auto 16px
}

.gallery-7 .flex-direction-nav li {
  top: 174px
}

.gallery-7 .block-05 {
  padding-bottom: 47px
}

.gallery-7 .block-05 article {
  padding-bottom: 0
}

.gallery .block-05 .title-001 {
  font: 72px/65px 'Helvetica', Arial, sans-serif;
  margin: 0;
  color: var(--theme-green);
  background: url(../images/ico-09.png) no-repeat 108px 0;
  padding: 5px 98px 62px 437px
}

.gallery .block-05 .title-001 span {
  color: var(--theme-green);
  display: block;
  margin: 0 0 -12px
}

.gallery .block-05 .title-001 em {
  font-style: normal;
  color: var(--black-two);
}

.gallery .block-05 .title-002 {
  font: 72px/65px 'Helvetica', Arial, sans-serif;
  margin: -4px 0 0;
  color: var(--theme-green);
  background: url(../images/ico-20.png) no-repeat 23px 0;
  padding: 10px 10px 48px 353px
}

.gallery .block-05 .title-002 span {
  color: var(--black-two);
  display: block;
  margin: 0
}

.gallery .block-05 .title-006 {
  font: 72px/65px 'Helvetica', Arial, sans-serif;
  margin: 0;
  color: var(--black-two);
  background: url(../images/ico-25.png) no-repeat 83px 6px;
  padding: 3px 10px 34px 433px
}

.gallery .block-05 .title-006 span {
  color: var(--black-two);
  display: block;
  margin: 0
}

.gallery .block-05 .title-006 em {
  font-style: normal;
  color: #0db14b
}

.gallery .block-05 .title-006 strong {
  font-style: normal;
  display: block;
  padding: 0 0 0 54px
}

.gallery .block-05 .ttl-04 {
  background: url(../images/bg-ttl-005.png) no-repeat 65px 0;
  padding: 100px 28px 28px 295px;
  margin: -10px 0 -17px
}

.gallery .block-05 .ttl-04 span {
  margin: 0;
  display: inline
}

.gallery .block-05 .sub-ttl-1 {
  padding-left: 295px;
  text-align: left;
  padding-bottom: 48px;
  margin-bottom: 30px
}

.gallery-8 .flex-direction-nav li {
  top: 130px
}

.gallery-8 .block-05 {
  padding-bottom: 61px
}

.gallery-8 .block-05 article {
  padding-bottom: 0
}

.gallery .block-05 .ttl-05 {
  background: url(../images/bg-ttl-006.png) no-repeat 428px 33px;
  padding: 0 365px 45px 90px;
  margin: 0;
  text-align: right
}

.gallery .block-05 .ttl-05 span {
  margin: 0;
  display: inline;
  padding: 0 40px
}

.gallery-6 {
  padding: 0;
  margin-bottom: -20px
}

.gallery-6 .flex-direction-nav li {
  top: 129px
}

.gallery-6 .block-05 article {
  padding-bottom: 3px
}

.gallery .block-05 .title-area {
  padding: 2px 0 0
}

.gallery .block-05 .title-area h2 {
  background: 0 0;
  padding: 0;
  line-height: 72px
}

.gallery .block-05 h2 strong,
.gallery .block-05 h1 strong {
  display: block;
  font-weight: 400;
  margin: -14px 0 0;
  position: relative
}

.gallery .block-05 h2 strong.alignright,
.gallery .block-05 h1 strong.alignright {
  float: right
}

.gallery .block-05 h2 strong em,
.gallery .block-05 h1 strong em {
  float: left;
  font-style: normal
}

.gallery .block-05 h2 strong span,
.gallery .block-05 h1 strong span {
  float: left
}

.gallery .block-05 .sub-ttl {
  margin: 0 0 34px
}

.gallery .block-05 h2 .ico {
  text-indent: -9999px;
  overflow: hidden
}

.gallery .block-05 h2.title-01:after {
  clear: both;
  content: '';
  display: block
}

.gallery .block-05 h2.title-01 strong span {
  margin: 0 0 0 14px
}

.gallery .block-05 h2.title-01 {
  padding: 0 128px 37px 131px
}

.gallery .block-05 h2.title-01 .ico {
  background: url(../images/ico03.png) no-repeat;
  width: 107px;
  height: 125px;
  margin: -61px -16px 0 -8px
}

.gallery .block-05 h2.title-02 {
  background: url(../images/img04.png) 100% no-repeat;
  text-align: right;
  padding: 0 208px 47px 0;
  margin: -5px 157px -7px 0
}

.gallery .block-05 h2.title-02 span {
  margin: -6px 42px 0 0
}

.gallery .block-05 h1.title-03 {
  padding: 4px 73px 25px 61px
}

.gallery .block-05 h2.title-03 strong {
  margin: -7px 0 0
}

.gallery .block-05 h2.title-03:after {
  clear: both;
  content: '';
  display: block
}

.gallery .block-05 h2.title-03 .small {
  display: block;
  float: none;
  font: 18px/20px 'Helvetica', Arial, sans-serif;
  color: var(--black-two);
  text-transform: uppercase;
  padding: 0 0 0 164px;
  margin: 0 0 -6px;
  letter-spacing: 1px
}

.gallery .block-05 h2.title-03 span {
  margin: 0 0 0 15px
}

.gallery .block-05 h2.title-03 .ico {
  background: url(../images/ico09.png) no-repeat;
  width: 81px;
  height: 86px;
  margin: -20px -40px 0 -2px
}

.gallery .block-05 h2.title-04 {
  background: url(../images/img05.png) 0 12px no-repeat;
  padding: 9px 0 0 91px;
  margin: 0 0 0 163px
}

.gallery .block-05 h2.title-04 em {
  font-style: normal;
  color: var(--black-two)
}

.gallery .block-05 h2.title-04 span {
  margin: -6px 0 0;
  padding: 0 0 28px 89px
}

.gallery .block-05 .ttl-06 {
  background: url(../images/bg-ttl-007.png) no-repeat !important;
  width: 844px;
  padding: 0;
  height: 113px;
  text-indent: -9999px;
  overflow: hidden;
  margin: -6px auto 33px -8px
}

.gallery .block-05 h2.title-06 {
  margin: -29px 204px 18px 192px
}

.gallery .block-05 h2.title-06 span {
  background: url(../images/img06.png) 100% 100% no-repeat;
  text-align: right;
  margin: -7px 0 0;
  padding: 0 126px 17px 0
}

.gallery .block-05 h2.title-06 span em {
  font-style: normal;
  color: var(--theme-green)
}

.gallery .block-05 .title-007 {
  overflow: hidden;
  text-indent: -9999px;
  margin: 6px 0 25px;
  height: 141px;
  color: var(--black-two);
  background: url(../images/ico-26.png) no-repeat 39px 0 !important;
  padding: 3px 10px 34px 433px
}

.gallery .block-05 .title-007n {
  overflow: hidden;
  text-indent: -9999px;
  margin: 6px 0 25px;
  height: 155px;
  color: var(--black-two);
  background: url(../images/ico-26.png) no-repeat 39px 0 !important;
  padding: 3px 10px 34px 433px
}

.gallery .block-05 .ttl-07 {
  background: url(../images/bg-ttl-008.png) no-repeat !important;
  width: 315px;
  padding: 0;
  height: 186px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto 23px
}

.gallery .blocknew {
  padding: 50px 80px 0;
  overflow: hidden
}

.gallery .blocknew img {
  float: left;
  margin-right: 40px
}

.gallery .blocknew h2 {
  font: 72px/65px 'Helvetica', Arial, sans-serif;
  margin: 0;
  color: var(--theme-green);
  overflow: hidden;
  margin-bottom: 20px
}

.gallery .blocknew p {
  font: 24px/25px 'Helvetica', Arial, sans-serif ;
  color: var(--black-two);
  margin-bottom: 20px
}

.gallery .blocknew h2 span {
  color: var(--black-two);
  display: block;
  margin: 0 0 -12px
}

.gallery .blocknew .sub-ttl {
  display: block;
  font-size: 18px;
  line-height: 38px;
  color: var(--theme-green);
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 40px;
  background: url(../images/sep-003.png) no-repeat 50% 100%;
  padding: 0 0 24px;
  clear: both
}

.gallery .blocknew article {
  overflow: hidden;
  background: url(../images/sep-004.gif) repeat-y 480px 0;
  font-size: 15px;
  line-height: 22px;
  color: var(--gray-one);
  padding: 5px 0 26px 20px
}

.gallery .blocknew article .box {
  float: left;
  width: 380px
}

.gallery .blocknew article p {
  margin: 0
}

.gallery .blocknew article .box-ar {
  float: right;
  width: 380px
}


/* Gallery Component Styles Ends Here */


/* Tabs Component Styles Started Here */

.tabs-block {
  padding: 19px 0 46px
}

.tabs-block h2 {
  margin: 0 0 104px;
  text-align: center;
  color: var(--black-two);
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase
}

.tabs-block h2 a {
  text-decoration: underline;
  color: var(--theme-green)
}

.tabs-block h2 a:hover {
  text-decoration: none
}

.tabs-block .tabs-holder {
  background: var(--theme-green)
}

.tabs-block h3 {
  margin: 0 0 45px;
  text-align: center;
  color: var(--black-two);
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase
}

#tabs {
  width: var(--default-width);
  margin: 0 auto;
  padding: 0 0 97px
}

.tabs-02 {
  padding: 0 0 37px !important
}

#tabs .tabset-holder:after {
  content: '';
  display: block;
  clear: both
}

#tabs .tabset {
  list-style: none;
  margin: 0;
  padding: 0 0 0 12px;
  text-align: center;
  text-transform: uppercase
}

#tabs .tabset-02 {
  padding: 0;
  margin: 0 0 0 -20px
}

#tabs .tabset:after {
  content: '';
  display: block;
  clear: both
}

#tabs .ui-tabs-hide {
  position: absolute;
  left: -99999px;
  top: -99999px
}

#tabs .tabset li {
  display: inline-block;
  width: 190px;
  padding: 0 0 0 21px;
  font: 18px/20px 'Helvetica', Arial, sans-serif;
}

#tabs .tabset-02 li {
  width: 257px;
  padding: 0 0 0 23px
}

#tabs .tabset a {
  width: 170px;
  float: left;
  cursor: pointer;
  padding: 0 10px 8px;
  color: #ddf2de;
  background: #5ac15d
}

#tabs .tabset-02 a {
  width: 237px
}

#tabs .ui-state-active a,
#tabs a:hover {
  text-decoration: none;
  background: 0 0;
  color: #fefefe
}

#tabs .ico {
  width: 152px;
  height: 152px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/icons-tabset1.png) no-repeat;
  margin: 0 auto -42px;
  position: relative;
  top: -77px;
  display: block
}

#tabs .ico-01 {
  background-position: 0 0
}

#tabs .ico-02 {
  background-position: -152px 0
}

#tabs .ico-03 {
  background-position: -304px 0
}

#tabs .ico-04 {
  background-position: -456px 0
}

#tabs .ico-05 {
  background-position: -608px 0
}

#tabs .ico-06 {
  background-position: -760px 0
}

#tabs .ico-07 {
  background-position: -912px 0
}

#tabs .ico-08 {
  background-position: -1064px 0
}

#tabs .ico-09 {
  background-position: -1216px 0
}

#tabs .ico-10 {
  background-position: -1368px 0
}

#tabs .ico-11 {
  background-position: -1520px 0
}

#tabs .ico-12 {
  background-position: -1672px 0
}

#tabs .ico-13 {
  background-position: -1824px 0
}

#tabs .ico-14 {
  background-position: -1976px 0
}

#tabs .ico-15 {
  background-position: -2128px 0
}

#tabs .ico-16 {
  background-position: -2280px 0
}

#tabs .ui-state-active .ico-01,
#tabs a:hover .ico-01 {
  background-position: 0 -152px
}

#tabs .ui-state-active .ico-02,
#tabs a:hover .ico-02 {
  background-position: -152px -152px
}

#tabs .ui-state-active .ico-03,
#tabs a:hover .ico-03 {
  background-position: -304px -152px
}

#tabs .ui-state-active .ico-04,
#tabs a:hover .ico-04 {
  background-position: -456px -152px
}

#tabs .ui-state-active .ico-05,
#tabs a:hover .ico-05 {
  background-position: -608px -152px
}

#tabs .ui-state-active .ico-06,
#tabs a:hover .ico-06 {
  background-position: -760px -152px
}

#tabs .ui-state-active .ico-07,
#tabs a:hover .ico-07 {
  background-position: -912px -152px
}

#tabs .ui-state-active .ico-08,
#tabs a:hover .ico-08 {
  background-position: -1064px -152px
}

#tabs .ui-state-active .ico-09,
#tabs a:hover .ico-09 {
  background-position: -1216px -152px
}

#tabs .ui-state-active .ico-10,
#tabs a:hover .ico-10 {
  background-position: -1368px -152px
}

#tabs .ui-state-active .ico-11,
#tabs a:hover .ico-11 {
  background-position: -1520px -152px
}

#tabs .tabset span {
  display: block;
  padding: 0 0 25px
}

#tabs .ui-state-active span,
#tabs a:hover span {
  background: url(../images/bullet-04.png) no-repeat 50% 100%
}

#tabs em {
  display: block;
  font-style: normal
}

#tabs .tab {
  padding: 0 0 0 140px
}

#tabs .heading {
  padding: 44px 0 20px
}

#tabs .heading .title {
  display: block;
  padding: 0 0 0 237px;
  color: var(--black-two);
  letter-spacing: 1px;
  margin: 0 0 -2px;
  font: 18px/22px 'Helvetica-Light', Arial, sans-serif;
  text-transform: uppercase
}

#tabs .heading h1 {
  margin: 0 0 10px;
  padding: 0 0 0 85px;
  color: var(--white);
  letter-spacing: -1px;
  font: 100px/104px 'Helvetica-Light', Arial, sans-serif;
}

#tabs .heading .head1 {
  margin: 0 0 10px;
  padding: 0 0 0 85px;
  color: var(--white);
  letter-spacing: -1px;
  font: 100px/110px 'Helvetica-Light', Arial, sans-serif;
}

#tabs .slideshow-block {
  overflow: hidden;
  padding: 0 0 36px
}

#tabs .slideshow-holder {
  float: left;
  width: 709px;
  padding: 20px 20px 31px 22px;
  background: var(--white);
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

#tabs .slideshow-holder-02 {
  width: 679px;
  padding: 28px 0 31px
}

#tabs .slideshow-holder-03 {
  width: 679px;
  padding: 33px 0 31px
}

#tabs .slideshow {
  width: 704px;
  height: 431px;
  overflow: hidden;
  background: var(--white);
  margin: 0 0 29px
}

#tabs .slideshow .slide {
  width: 700px;
  height: 427px;
  overflow: hidden;
  position: relative;
  padding: 1px;
  border: solid 1px var(--gray-three)
}

#tabs .slideshow img {
  vertical-align: top
}

#tabs .slideshow .description {
  position: absolute;
  bottom: 1px;
  left: 1px;
  width: 682px;
  padding: 12px 9px 10px;
  background: url(../images/bg-description.png) repeat;
  color: var(--gray-one);
  font-weight: 400;
  font-size: 14px;
  line-height: 18px
}

#tabs .btn-more {
  padding: 34px 9px 0;
  background: url(../images/sep-04.png) no-repeat;
  overflow: hidden
}

#tabs .btn-holder .btn-more,
#tabs .btn-more a {
  float: left;
  cursor: pointer;
  border: solid 1px #0984bd;
  padding: 0 20px;
  position: relative;
  height: 35px;
  background: #00adff;
  background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjk4ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00adff), color-stop(100%, #0b98da));
  background: -webkit-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -o-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -ms-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: linear-gradient(to bottom, #00adff 0, #0b98da 100%);
  -pie-background: linear-gradient(top, #00adff 0, #0b98da 100%);
  color: #feffff;
  font: 12px/35px 'Helvetica-Bold', Arial, sans-serif;
  text-transform: uppercase
}

#tabs .btn-holder .btn-more,
#tabs .btn-more a:hover {
  text-decoration: none
}

#tabs .btn-more span {
  float: left;
  padding: 0 0 0 25px;
  background: url(../images/bullet-05.png) no-repeat 0 9px
}

#tabs .block {
  float: left;
  width: 118px;
  padding: 0 0 0 21px
}

#tabs .slideshow-nav {
  list-style: none;
  margin: 0;
  padding: 0 0 3px
}

#tabs .slideshow-nav li {
  margin: 0 0 18px;
  border: solid 2px #c9e9ca;
  position: relative
}

#tabs .slideshow-nav .activeSlide,
#tabs .slideshow-nav li:hover {
  border: solid 2px var(--white);
}

#tabs .slideshow-nav a {
  display: block;
  width: 114px;
  height: 75px;
  position: relative
}

#tabs .slideshow-nav span {
  position: absolute;
  top: 0;
  left: 0;
  width: 114px;
  height: 75px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 100;
  background: url(../images/bg-mask.png) repeat
}

#tabs .slideshow-nav .activeSlide span,
#tabs .slideshow-nav a:hover span {
  left: -99999px
}

#tabs .slideshow-nav img {
  vertical-align: top
}

#tabs .buttons {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden
}

#tabs .buttons li {
  float: left;
  padding: 0 0 0 15px
}

#tabs .buttons li:first-child {
  padding: 0 0 0 13px
}

#tabs .buttons a {
  float: left;
  width: 39px;
  height: 39px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/buttons.png) no-repeat
}

#tabs .buttons .prev {
  background-position: -23px 0
}

#tabs .buttons .next {
  background-position: -62px 0
}

#tabs .testimonials {
  width: 100%
}

#tabs .testimonials h2 {
  color: var(--theme-green);
  margin: 0 0 22px;
  font: 20px/24px 'Helvetica', Arial, sans-serif;
  text-align: left;
  padding: 0 0 0 39px
}

#tabs .testimonials .head2 {
  color: var(--theme-green);
  margin: 0 0 22px;
  font: 20px/24px 'Helvetica', Arial, sans-serif;
  text-align: left;
  padding: 0 0 0 39px
}

#tabs .testimonials blockquote {
  margin: 0;
  width: 681px;
  margin-bottom: 20px
}

#tabs .testimonials blockquote q {
  display: block;
  background: url(../images/sep-05.png) no-repeat 0 100%;
  padding: 0 59px 61px 19px;
  margin: 0 0 -7px;
  overflow: hidden
}

#tabs .testimonials blockquote .img {
  float: left;
  width: 73px;
  height: 73px;
  overflow: hidden;
  margin: 1px 18px 0 0;
  position: relative;
  border: solid 4px #287e2a;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px
}

#tabs .testimonials blockquote .img img {
  vertical-align: top
}

#tabs .testimonials blockquote .description {
  display: block;
  overflow: hidden;
  color: var(--white);
  font-size: 18px;
  line-height: 24px;
  font-style: italic;
  padding-left: 20px
}

#tabs .testimonials blockquote cite {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #cdf4ce;
  text-transform: uppercase;
  font-style: normal;
  padding: 0 0 0 44px
}

#tabs .testimonials blockquote cite span {
  display: block;
  padding: 0 0 1px;
  font: 15px/19px 'Helvetica-Bold', Arial, sans-serif;
  text-transform: none;
  color: var(--white);
}

#tabs .heading-02 {
  padding: 16px 221px 30px 0;
  text-align: center
}

#tabs .heading-02 h1 {
  padding: 0;
  margin: 0
}

#tabs .heading-02 h1 span {
  display: block;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  padding: 16px 0 0;
  letter-spacing: 1px
}

#tabs .heading-02 .head1 {
  padding: 0;
  margin: 0
}

#tabs .heading-02 .head1 span {
  display: block;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  padding: 16px 0 0;
  letter-spacing: 1px
}

#tabs .columns {
  overflow: hidden;
  margin: 0 0 23px;
  background: url(../images/sep-06.gif) repeat-y 345px 0;
  color: var(--white);
}

#tabs .columns-02 {
  background: url(../images/sep-09.gif) repeat-y 525px 0
}

#tabs .columns a {
  color: var(--white);
  text-decoration: underline
}

#tabs .columns a:hover {
  text-decoration: none
}

#tabs .columns .column-l {
  float: left;
  width: 303px;
  text-align: right;
  font: 16px/22px 'Helvetica-Bold', Arial, sans-serif;
  padding: 4px 0 0
}

#tabs .columns-02 .column-l {
  width: 494px
}

#tabs .columns .column-c {
  float: left;
  width: 170px;
  padding: 2px 0 0 75px;
  font: 14px/18px 'Helvetica-Bold', Arial, sans-serif
}

#tabs .columns-02 .column-c {
  width: 113px;
  padding: 0 0 0 64px
}

#tabs .columns .column-c p {
  margin: 0
}

#tabs .columns .column-r {
  float: left;
  width: 258px;
  padding: 0 0 0 48px;
  font: 14px/18px 'Helvetica-Bold', Arial, sans-serif
}

#tabs .columns-02 .column-r {
  width: 123px;
  padding: 0 0 0 39px
}

#tabs .columns .column-r p {
  margin: 0
}

#tabs .columns .column-l p {
  margin: 0 0 4px
}

#tabs .columns .column-l .note {
  margin: 0;
  color: #aff9b1;
  font: italic 12px/15px 'Helvetica', Arial, sans-serif;
}

#tabs .columns .title {
  display: block;
  padding: 0 0 3px;
  color: var(--white);
  font: 40px/44px 'Helvetica', Arial, sans-serif;
}

#tabs .columns-02 .column-c .title {
  font: 48px/52px 'Helvetica', Arial, sans-serif;
  padding: 0 0 3px;
  margin: -4px 0 0
}

#tabs .columns .column-r .title {
  font: 48px/52px 'Helvetica', Arial, sans-serif;
  margin: -4px 0 0
}

#tabs .slideshow-holder h2 {
  text-align: left;
  margin: 0 0 19px;
  color: var(--theme-green);
  font: 20px/24px 'Helvetica', Arial, sans-serif;
  letter-spacing: 0;
  padding: 0 30px
}

#tabs .head2 {
  text-align: left;
  margin: 0 0 19px;
  color: var(--theme-green);
  font: 20px/24px 'Helvetica', Arial, sans-serif;
  letter-spacing: 0;
  padding: 0 30px
}

#tabs .slideshow-holder-03 h2 {
  margin: 0 0 12px
}

#tabs .slideshow-area {
  background: url(../images/sep-07.gif) repeat-x 0 100%;
  padding: 0 0 10px 32px;
  margin: 0 0 31px;
  position: relative;
  overflow: hidden
}

#tabs .slideshow-area-02 {
  margin: 0 0 30px;
  padding: 0 0 31px 32px
}

#tabs .add-slideshow,
#tabs .customers-slideshow {
  width: 616px
}

#tabs .add-slideshow {
  min-height: 306px
}

#tabs .add-slideshow ul,
#tabs .customers-slideshow ul {
  width: 616px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: var(--gray-one);
  background: 0 0 !important
}

#tabs .add-slideshow li,
#tabs .customers-slideshow li {
  border-top: solid 1px #e3e3e3;
  padding: 25px 0 5px;
  min-height: 82px;
  line-height: 20px
}

#tabs .add-slideshow li {
  padding: 20px 40px 5px 0;
  min-height: 72px
}

#tabs .add-slideshow-02 li {
  padding: 16px 40px 23px 0
}

#tabs .add-slideshow li:first-child,
#tabs .customers-slideshow li:first-child {
  padding: 0 0 5px;
  border: 0
}

#tabs .add-slideshow li:first-child {
  padding: 0 40px 5px 0
}

#tabs .customers-slideshow .img {
  float: left;
  width: 125px;
  overflow: hidden;
  margin: 0 20px 0 0
}

#tabs .customers-slideshow .img img {
  vertical-align: top
}

#tabs .add-slideshow .ico {
  float: left;
  margin: 0 10px 0 0;
  width: 99px;
  overflow: hidden
}

#tabs .add-slideshow .ico img,
#tabs .customers-slideshow .ico img {
  vertical-align: top
}

#tabs .add-slideshow p,
#tabs .customers-slideshow p {
  margin: 0;
  padding: 2px 0 0;
  overflow: hidden
}

#tabs .add-slideshow p {
  padding: 9px 0 0
}

#tabs .switcher {
  position: absolute;
  bottom: 16px;
  right: 26px;
  z-index: 100
}

#tabs .switcher a {
  float: left;
  width: 6px;
  height: 6px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0 0 0 3px;
  background: url(../images/buttons.png) no-repeat 0 -24px
}

#tabs .btn-holder {
  overflow: hidden;
  padding: 0 31px
}

#tabs .btn-holder .request {
  float: left;
  margin: 10px 0 0 17px;
  padding: 0 0 0 31px;
  background: url(../images/bullet-06.png) no-repeat 0 3px;
  font-size: 14px;
  line-height: 18px;
  color: #0a98dc
}

#tabs .box {
  background: url(../images/sep-08.png) no-repeat;
  padding: 19px 0;
  font: 14px/18px 'Helvetica-Bold', Arial, sans-serif;
  color: var(--white);
  float: left;
  width: 168px;
  margin: 7px 0 0 31px
}

#tabs .box .title {
  display: block;
  padding: 0 0 4px;
  color: var(--white);
  font: 48px/52px 'Helvetica', Arial, sans-serif;
}

#tabs .box p {
  margin: 0 0 5px
}

#tabs .box .note {
  margin: 0;
  color: #aff9b1;
  font: italic 12px/16px 'Helvetica', Arial, sans-serif;
}

#tabs .heading-03 {
  padding: 27px 0
}

#tabs .heading-03 h1 {
  padding: 0 0 0 88px;
  margin: 0
}

#tabs .heading-03 h1 span {
  display: block;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  padding: 0 0 0 38px;
  margin: 0 0 -7px;
  letter-spacing: 1px
}

#tabs .heading-03 h1 strong {
  display: block;
  overflow: hidden;
  letter-spacing: -3px
}

#tabs .heading-03 h1 strong em {
  float: left;
  padding: 0 0 15px;
  font-style: normal
}

#tabs .heading-03 h1 .ico {
  float: left;
  width: 51px;
  height: 68px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 29px 0 0 9px;
  background: url(../images/ico-01.png) no-repeat
}

#tabs .heading-03 .head1 {
  padding: 0 0 0 88px;
  margin: 0
}

#tabs .heading-03 .head1 span {
  display: block;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  padding: 0 0 0 38px;
  margin: 0 0 -7px;
  letter-spacing: 1px
}

#tabs .heading-03 .head1 strong {
  display: block;
  overflow: hidden;
  letter-spacing: -3px
}

#tabs .heading-03 .head1 strong em {
  float: left;
  padding: 0 0 15px;
  font-style: normal
}

#tabs .heading-03 .head1 .ico {
  float: left;
  width: 51px;
  height: 68px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 29px 0 0 9px;
  background: url(../images/ico-01.png) no-repeat
}

#tabs .heading-04 {
  padding: 33px 0 24px
}

#tabs .heading-04 h1 {
  padding: 0 0 0 68px;
  margin: 0
}

#tabs .heading-04 h1 span {
  display: block;
  font: 20px/24px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  padding: 0 0 0 124px;
  margin: 0 0 -12px;
  letter-spacing: 1px
}

#tabs .heading-04 h1 strong {
  display: block;
  overflow: hidden;
  letter-spacing: -3px
}

#tabs .heading-04 h1 strong em {
  float: left;
  padding: 0 0 15px;
  font-style: normal
}

#tabs .heading-04 h1 .ico {
  float: left;
  width: 73px;
  height: 87px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 11px 0 0 3px;
  background: url(../images/ico-02.png) no-repeat
}

#tabs .heading-04 .head1 {
  padding: 0 0 0 68px;
  margin: 0
}

#tabs .heading-04 .head1 span {
  display: block;
  font: 20px/24px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  padding: 0 0 0 124px;
  margin: 0 0 -12px;
  letter-spacing: 1px
}

#tabs .heading-04 .head1 strong {
  display: block;
  overflow: hidden;
  letter-spacing: -3px
}

#tabs .heading-04 .head1 strong em {
  float: left;
  padding: 0 0 15px;
  font-style: normal
}

#tabs .heading-04 .head1 .ico {
  float: left;
  width: 73px;
  height: 87px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 11px 0 0 3px;
  background: url(../images/ico-02.png) no-repeat
}

#tabs .heading-05 {
  padding: 25px 0 29px
}

#tabs .heading-05 h1 {
  padding: 0 0 0 81px;
  margin: 0;
  overflow: hidden
}

#tabs .heading-05 h1 strong {
  float: left
}

#tabs .heading-05 h1 span {
  display: block;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  margin: 0 0 -1px;
  letter-spacing: 1px
}

#tabs .heading-05 h1 .left span {
  text-align: right;
  padding: 0 1px 0 0;
  margin: 0 0 -11px
}

#tabs .heading-05 h1 .right {
  padding: 11px 0 0
}

#tabs .heading-05 h1 .right span {
  padding: 0 0 0 9px;
  margin: -18px 0 0
}

#tabs .heading-05 h1 strong em {
  display: block;
  padding: 0 0 15px;
  font-style: normal
}

#tabs .heading-05 h1 .ico {
  float: left;
  width: 148px;
  height: 44px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 44px 6px 0 10px;
  background: url(../images/ico-03.png) no-repeat
}

#tabs .heading-05 .head1 {
  padding: 0 0 0 81px;
  margin: 0;
  overflow: hidden
}

#tabs .heading-05 .head1 strong {
  float: left
}

#tabs .heading-05 .head1 span {
  display: block;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  margin: 0 0 -1px;
  letter-spacing: 1px
}

#tabs .heading-05 .head1 .left span {
  text-align: right;
  padding: 0 1px 0 0;
  margin: 0 0 -11px
}

#tabs .heading-05 .head1 .right {
  padding: 11px 0 0
}

#tabs .heading-05 .head1 .right span {
  padding: 0 0 0 9px;
  margin: -18px 0 0
}

#tabs .heading-05 .head1 strong em {
  display: block;
  padding: 0 0 15px;
  font-style: normal
}

#tabs .heading-05 .head1 .ico {
  float: left;
  width: 148px;
  height: 44px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 44px 6px 0 10px;
  background: url(../images/ico-03.png) no-repeat
}

#tabs .heading-06 {
  padding: 34px 0 28px
}

#tabs .heading-06 h1 {
  padding: 0 0 0 81px;
  margin: 0
}

#tabs .heading-06 h1 span {
  display: block;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  padding: 0 0 0 278px;
  letter-spacing: 1px
}

#tabs .heading-06 h1 strong {
  display: block;
  overflow: hidden;
  letter-spacing: -3px;
  margin: 0 0 -17px
}

#tabs .heading-06 h1 strong em {
  float: left;
  padding: 0 0 15px;
  font-style: normal
}

#tabs .heading-06 h1 .ico {
  float: left;
  width: 82px;
  height: 119px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 3px 1px 0 12px;
  background: url(../images/ico-04.png) no-repeat
}

#tabs .heading-06 .head1 {
  padding: 0 0 0 81px;
  margin: 0
}

#tabs .heading-06 .head1 span {
  display: block;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  padding: 0 0 0 278px;
  letter-spacing: 1px
}

#tabs .heading-06 .head1 strong {
  display: block;
  overflow: hidden;
  letter-spacing: -3px;
  margin: 0 0 -17px
}

#tabs .heading-06 .head1 strong em {
  float: left;
  padding: 0 0 15px;
  font-style: normal
}

#tabs .heading-06 .head1 .ico {
  float: left;
  width: 82px;
  height: 119px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 3px 1px 0 12px;
  background: url(../images/ico-04.png) no-repeat
}

#tabs .heading-07 {
  padding: 34px 0 4px
}

#tabs .heading-07 h1 {
  padding: 0 0 0 23px;
  margin: 0;
  font: 100px/104px 'Helvetica', Arial, sans-serif
}

#tabs .heading-07 h1 span {
  display: block;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  padding: 0 0 0 249px;
  margin: 0 0 9px;
  letter-spacing: 1px
}

#tabs .heading-07 h1 strong {
  display: block;
  overflow: hidden;
  letter-spacing: -1px
}

#tabs .heading-07 h1 strong em {
  float: left;
  padding: 0 0 15px;
  font-style: normal
}

#tabs .heading-07 h1 .ico {
  float: left;
  width: 73px;
  height: 87px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 1px 0 0 5px;
  background: url(../images/ico-02.png) no-repeat
}

#tabs .heading-07 .head1 {
  padding: 0 0 0 23px;
  margin: 0;
  font: 100px/104px 'Helvetica', Arial, sans-serif
}

#tabs .heading-07 .head1 span {
  display: block;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  padding: 0 0 0 249px;
  margin: 0 0 9px;
  letter-spacing: 1px
}

#tabs .heading-07 .head1 strong {
  display: block;
  overflow: hidden;
  letter-spacing: -1px
}

#tabs .heading-07 .head1 strong em {
  float: left;
  padding: 0 0 15px;
  font-style: normal
}

#tabs .heading-07 .head1 .ico {
  float: left;
  width: 73px;
  height: 87px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 1px 0 0 5px;
  background: url(../images/ico-02.png) no-repeat
}

#tabs .heading-08 {
  padding: 29px 0 18px
}

#tabs .heading-08 h1 {
  padding: 0 0 0 81px;
  margin: 0;
  overflow: hidden
}

#tabs .heading-08 h1 span {
  float: left;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  margin: 0 0 -21px;
  letter-spacing: 1px
}

#tabs .heading-08 h1 .left {
  width: 230px
}

#tabs .heading-08 h1 .left span {
  text-align: right;
  width: 100%
}

#tabs .heading-08 h1 .left span span {
  margin: -1px 0 0
}

#tabs .heading-08 h1 .right {
  padding: 22px 0 0
}

#tabs .heading-08 h1 .right span {
  margin: 35px 0 0 9px
}

#tabs .heading-08 h1 .right span span {
  display: block;
  overflow: hidden;
  float: none;
  margin: -1px 0 0
}

#tabs .heading-08 h1 strong {
  float: left;
  letter-spacing: -1px
}

#tabs .heading-08 h1 strong em {
  float: left;
  padding: 0 0 15px;
  font-style: normal
}

#tabs .heading-08 h1 .left em {
  text-align: right;
  width: 100%
}

#tabs .heading-08 h1 .ico {
  float: left;
  width: 77px;
  height: 93px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 25px 15px 0 18px;
  background: url(../images/ico-05.png) no-repeat
}

#tabs .heading-08 .head1 {
  padding: 0 0 0 81px;
  margin: 0;
  overflow: hidden
}

#tabs .heading-08 .head1 span {
  float: left;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  margin: 0 0 -21px;
  letter-spacing: 1px
}

#tabs .heading-08 .head1 .left {
  width: 230px
}

#tabs .heading-08 .head1 .left span {
  text-align: right;
  width: 100%
}

#tabs .heading-08 .head1 .left span span {
  margin: -1px 0 0
}

#tabs .heading-08 .head1 .right {
  padding: 22px 0 0
}

#tabs .heading-08 .head1 .right span {
  margin: 35px 0 0 9px
}

#tabs .heading-08 .head1 .right span span {
  display: block;
  overflow: hidden;
  float: none;
  margin: -1px 0 0
}

#tabs .heading-08 .head1 strong {
  float: left;
  letter-spacing: -1px
}

#tabs .heading-08 .head1 strong em {
  float: left;
  padding: 0 0 15px;
  font-style: normal
}

#tabs .heading-08 .head1 .left em {
  text-align: right;
  width: 100%
}

#tabs .heading-08 .head1 .ico {
  float: left;
  width: 77px;
  height: 93px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 25px 15px 0 18px;
  background: url(../images/ico-05.png) no-repeat
}

#tabs .heading-09 {
  padding: 29px 0 20px
}

#tabs .heading-09 h1 {
  padding: 0 0 0 40px;
  margin: 0
}

#tabs .heading-09 h1 span {
  display: block;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  padding: 0 0 0 153px;
  margin: 0 0 -2px;
  letter-spacing: 1px
}

#tabs .heading-09 h1 strong {
  display: block;
  overflow: hidden;
  letter-spacing: -1px
}

#tabs .heading-09 h1 strong em {
  float: left;
  padding: 0 0 15px;
  font-style: normal
}

#tabs .heading-09 h1 .ico {
  float: left;
  width: 132px;
  height: 91px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 8px 0 0;
  background: url(../images/ico-06.png) no-repeat
}

#tabs .heading-09 .head1 {
  padding: 0 0 0 40px;
  margin: 0
}

#tabs .heading-09 .head1 span {
  display: block;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  padding: 0 0 0 153px;
  margin: 0 0 -2px;
  letter-spacing: 1px
}

#tabs .heading-09 .head1 strong {
  display: block;
  overflow: hidden;
  letter-spacing: -1px
}

#tabs .heading-09 .head1 strong em {
  float: left;
  padding: 0 0 15px;
  font-style: normal
}

#tabs .heading-09 .head1 .ico {
  float: left;
  width: 132px;
  height: 91px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 8px 0 0;
  background: url(../images/ico-06.png) no-repeat
}

#tabs .heading-10 {
  padding: 46px 0 11px
}

#tabs .heading-10 h1 {
  padding: 0 0 0 23px;
  margin: 0
}

#tabs .heading-10 h1 span {
  display: block;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  padding: 0 0 0 285px;
  margin: -10px 0 0;
  letter-spacing: 1px
}

#tabs .heading-10 h1 strong {
  display: block;
  overflow: hidden;
  letter-spacing: -2px
}

#tabs .heading-10 h1 strong em {
  float: left;
  padding: 0 0 15px;
  font-style: normal
}

#tabs .heading-10 h1 .ico {
  float: left;
  width: 111px;
  height: 104px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 7px -4px 0 7px;
  background: url(../images/ico-07.png) no-repeat
}

#tabs .heading-10 .head1 {
  padding: 0 0 0 23px;
  margin: 0
}

#tabs .heading-10 .head1 span {
  display: block;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  padding: 0 0 0 285px;
  margin: -10px 0 0;
  letter-spacing: 1px
}

#tabs .heading-10 .head1 strong {
  display: block;
  overflow: hidden;
  letter-spacing: -2px
}

#tabs .heading-10 .head1 strong em {
  float: left;
  padding: 0 0 15px;
  font-style: normal
}

#tabs .heading-10 .head1 .ico {
  float: left;
  width: 111px;
  height: 104px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 7px -4px 0 7px;
  background: url(../images/ico-07.png) no-repeat
}

#tabs .heading-11 {
  padding: 27px 0 11px
}

#tabs .heading-11 h1 {
  padding: 0 0 0 125px;
  margin: 0
}

#tabs .heading-11 h1 span {
  display: block;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  padding: 0 0 0 198px;
  letter-spacing: 1px;
  margin: 0 0 -13px
}

#tabs .heading-11 h1 span span {
  margin: -1px 0 0;
  padding: 0 0 0 3px
}

#tabs .heading-11 h1 strong {
  display: block;
  overflow: hidden;
  letter-spacing: -1px
}

#tabs .heading-11 h1 strong em {
  float: left;
  padding: 0 0 15px;
  font-style: normal
}

#tabs .heading-11 h1 .ico {
  float: left;
  width: 78px;
  height: 77px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 28px -3px 0 0;
  background: url(../images/ico-08.png) no-repeat
}

#tabs .heading-11 .head1 {
  padding: 0 0 0 125px;
  margin: 0
}

#tabs .heading-11 .head1 span {
  display: block;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--black-two);
  padding: 0 0 0 198px;
  letter-spacing: 1px;
  margin: 0 0 -13px
}

#tabs .heading-11 .head1 span span {
  margin: -1px 0 0;
  padding: 0 0 0 3px
}

#tabs .heading-11 .head1 strong {
  display: block;
  overflow: hidden;
  letter-spacing: -1px
}

#tabs .heading-11 .head1 strong em {
  float: left;
  padding: 0 0 15px;
  font-style: normal
}

#tabs .heading-11 .head1 .ico {
  float: left;
  width: 78px;
  height: 77px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  margin: 28px -3px 0 0;
  background: url(../images/ico-08.png) no-repeat
}


/* Tabs Component Styles Ends Here */


/* Trusted Partners Logos Component Started Here */

.mr20 {
  margin-top: 20px !important;
  text-align: center
}

.logos {
  width: var(--default-width);
  margin: 0 auto;
  padding: 0 0 54px;
  background: url(../images/sep-001.gif) repeat-x 0 100%
}

.logos h3 {
  font: 18px/24px 'Helvetica', Arial, sans-serif;
  margin: 0 0 1px;
  text-align: center;
  color: #2d2d2d;
  text-transform: uppercase
}

.logos ul {
  list-style: none;
  margin: 0 0 0 -6px;
  padding: 0;
  overflow: hidden;
  text-align: center
}

.logos ul li {
  display: inline-block;
  padding: 0 0 0 21px
}

.logos ul img {
  float: left
}


/* Trusted Partners Logos Component Ends Here */


/* Awards and Research Started here */

.info-section {
  overflow: hidden;
  background: url(../images/sep-002.gif) repeat-y 538px 0;
  width: var(--default-width);
  margin: 0 auto 34px;
  padding: 20px 0
}

.info-section .block {
  float: left;
  width: 491px;
  padding: 0 0 0 2px
}

.info-section h4 {
  font: 40px/46px 'Helvetica-Light', Arial, sans-serif;
  color: var(--theme-green);
  margin: 0 0 9px
}

.info-section h5 {
  font: bold 18px/24px 'Helvetica', Arial, sans-serif;
  color: #2d2d2d;
  margin: 0 0 17px;
  text-transform: uppercase
}

.info-section .awards {
  margin: 0;
  padding: 18px 0 0;
  list-style: none;
  overflow: hidden;
  border-bottom: 1px solid #eaeaea;
  font-size: 12px;
  line-height: 14px;
  color: #125814;
  text-align: center
}

.info-section .awards li {
  float: left;
  padding: 0 5px 0 0;
  border-left: 1px solid #eaeaea;
  height: 122px;
  width: 112px;
  margin-bottom: 10px
}

.info-section .awards li:first-child {
  border: 0;
  padding-left: 3px;
  width: auto
}

.info-section .awards .banner {
  float: left;
  padding: 0;
  margin: -9px 0 0
}

.info-section .awards img {
  vertical-align: top
}

.info-section .awards .cup {
  display: inline-block;
  margin: 6px 0 10px
}

.info-section .awards p {
  margin: 0
}

.info-section .certifications {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  text-align: center;
  color: #125814
}

.info-section .certifications li {
  float: left;
  border-left: 1px solid #eaeaea;
  width: 117px;
  height: 100px;
  padding: 22px 0 0
}

.info-section .certifications li:first-child {
  border: 0
}

.info-section .certifications p {
  margin: 0
}

.info-section .certifications p a {
  text-decoration: none;
  color: #125814
}

.info-section .certifications p a:hover {
  color: #2fb416
}

.info-section .certifications img {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 5px 6px
}

.info-section .research {
  float: right;
  width: 470px
}

.info-section .research .list {
  margin: 0 0 19px;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--gray-three)
}

.research .list li {
  border-bottom: 1px solid var(--gray-three);
  overflow: hidden;
  vertical-align: top;
  padding: 16px 0
}

.research .list .logo {
  font: bold 18px/30px 'Helvetica', Arial, sans-serif;
  color: #2d2d2d;
  text-transform: uppercase;
  min-width: 120px;
  padding: 0 20px 0 0
}

.research .list .logo img {
  vertical-align: top
}

.research .list .desc {
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  color: var(--gray-one)
}

.research .list .desc .ttl {
  display: block
}

.research .list .desc .ttl a {
  color: #369
}

.research .list p {
  margin: 0
}

.info-section .research .more {
  display: block;
  text-transform: uppercase;
  width: 158px;
  text-align: center;
  color: #feffff;
  font-weight: 700;
  padding: 12px 0;
  position: relative;
  background: #00adff;
  background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjk4ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00adff), color-stop(100%, #0b98da));
  background: -webkit-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -o-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -ms-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: linear-gradient(to bottom, #00adff 0, #0b98da 100%);
  -pie-background: linear-gradient(top, #00adff 0, #0b98da 100%)
}

.awardsPage .slider {
  width: 100%;
  height: 400px;
  float: left;
  position: relative;
  margin-top: 30px !important;
}

.awardsPage .slider-container {
  width: var(--default-width);
  height: 370px;
  margin: auto;
  overflow: hidden;
}

.awardsPage .slider-container .slide-item {
  width: 100%;
  height: auto;
  float: left;
}

.awardsPage .left-content {
  width: 46.5%;
  height: auto;
  float: left;
  text-align: right;
}

.awardsPage .right-content {
  width: 48.5%;
  height: auto;
  float: right;
  padding-top: 60px;
}

.awardsPage .slider-controls {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 200;
}

.awardsPage .slideshow_prev {
  width: 25px;
  height: 37px;
  position: absolute;
  left: 55px;
  top: 120px;
  z-index: 200;
}

.awardsPage .slideshow_next {
  width: 25px;
  height: 37px;
  position: absolute;
  right: 55px;
  top: 120px;
}

.awardsPage .awdhead {
  font: 42px/45px 'Helvetica', Arial, sans-serif;
  color: var(--white);
}

.awardsPage .right-content p {
  font: 20px/30px 'Helvetica', Arial, sans-serif;
  color: var(--white);
  margin: 0px;
  padding: 0px;
}


/* Awards and Research Started here */


/* Countdown timer Started Here */

#countdown_dashboard {
  float: right;
  padding: 7px 0 0
}

#countdown_dashboard .dash {
  float: left;
  width: 74px;
  background: url(../images/bg-timer.png) no-repeat;
  position: relative;
  margin: 0 0 0 15px
}

#countdown_dashboard .digit {
  float: left;
  width: 36px;
  height: 31px;
  text-align: center;
  color: #858585;
  font: 26px/31px 'Helvetica', Arial, sans-serif;
  margin: 0 0 0 1px
}

#countdown_dashboard .digit:first-child {
  margin-left: 0
}

#countdown_dashboard .days_dash {
  width: 149px;
  margin-left: 0
}

#countdown_dashboard .dash_title {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -18px;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 14px;
  color: var(--gray)
}


/* Countdown timer Ends Here */


/* Carousel Started Here */

.carousel-area {
  background: var(--theme-green);
  padding: 40px 0 33px
}

.carousel-area .carousel {
  width: var(--default-width);
  overflow: hidden;
  margin: 0 auto
}

.carousel-area h2 {
  font: 40px/44px 'Helvetica', Arial, sans-serif;
  color: var(--white);
  text-align: center;
  margin: 0 0 13px
}

.carousel-area .nav {
  width: 71px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 0 48px 4px
}

.carousel-area .next,
.carousel-area .prev {
  background: url(../images/ico02.png) no-repeat;
  float: left;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  overflow: hidden
}

.carousel-area .prev {
  background-position: 0 0
}

.carousel-area .prev.disable {
  background-position: 0 -60px
}

.carousel-area .next {
  float: right;
  background-position: 0 -30px
}

.carousel-area .next.disable {
  background-position: 0 -90px
}

.carousel-area .wrap {
  width: 1029px;
  margin: 0 0 0 71px;
  overflow: hidden;
  position: relative
}

.carousel-area .wrap .mask {
  background: url(../images/bg-wrap-carousel.png) 100% 0 repeat-y;
  width: 106px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -9999px;
  overflow: hidden
}

.carousel-area .list {
  background: url(../images/sep03.gif) repeat-x;
  margin: 0;
  padding: 19px 0 0;
  list-style: none;
  overflow: hidden;
  width: 9999px;
  font: 15px/22px 'Helvetica', Arial, sans-serif;
  color: var(--white);
}

.carousel-area .list li {
  float: left;
  width: 332px;
  padding: 0 89px 0 0
}

.carousel-area .list .title {
  display: block;
  font: 16px/22px 'Helvetica', Arial, sans-serif;
  color: #155d17;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 0 10px
}

.carousel-area .list p {
  margin: 0
}


/* Carousel Ends Here */


/* .info-area {
  padding: 47px 0 17px
}

.info-area .holder {
  width: var(--default-width);
  margin: 0 auto
}

.info-area h2 {
  font: 40px/44px 'Helvetica', Arial, sans-serif;
  color: var(--theme-green);
  margin: 0 0 9px
}

.info-area .title {
  font: 20px/22px 'Helvetica', Arial, sans-serif;
  text-align: center;
  color: #2d2d2d;
  padding: 0 0 33px
}

.info-area .title span {
  display: block;
  text-transform: uppercase
}

.info-area .row {
  overflow: hidden;
  background: url(../images/sep-001.gif) 0 100% repeat-x;
  padding: 0 71px 43px;
  margin: 0 0 22px
}

.info-area .row .list {
  background: url(../images/sep01.png) 100% 0 repeat-y;
  margin: -34px 49px 0 0;
  padding: 0 0 26px 0;
  list-style: none;
  float: left;
  width: 302px;
  font: 12px/18px 'Helvetica', Arial, sans-serif;
  color: #125814;
  text-align: center;
  text-transform: uppercase
}

.info-area .row .list li {
  background: url(../images/img02.png) no-repeat;
  width: 118px;
  height: 117px;
  float: left;
  margin: 34px 11px 0 0;
  padding: 29px 0 0 2px
}

.info-area .row .list li span {
  display: block
}

.info-area .row .list li strong {
  display: block
}

.info-area .row .list li.item-01 span {
  font: 14px/20px 'Helvetica', Arial, sans-serif;
}

.info-area .row .list li.item-01 strong {
  font: 30px/30px 'Helvetica', Arial, sans-serif;
}

.info-area .row .img {
  float: left;
  margin: 87px 90px 0 4px
}

.info-area .row img {
  vertical-align: top
}

.info-area .row .block {
  overflow: hidden;
  font: 14px/20px 'Helvetica', Arial, sans-serif;
  color: var(--gray-one);
  padding: 17px 154px 0 0
}

.info-area .row .note {
  background: url(../images/sep04.png) 0 100% repeat-x;
  font: 20px/28px 'Helvetica', Arial, sans-serif;
  padding: 0 0 29px;
  margin: 0 -7px 30px 0
}

.info-area .row .note em {
  display: block;
  margin: 0 -105px 0 0
}

.info-area .row .block p {
  margin: 0 0 11px
}

.info-area .row .block h2 {
  margin: 0 0 13px
}

.info-area .row .block strong.txt {
  display: block;
  padding: 0 0 3px
} */


/* #tabs-area {
  padding: 0 0 30px
}

#tabs-area .ui-tabs-hide {
  display: none
}

#tabs-area .nav-tabs {
  margin: 0 auto;
  padding: 14px 0 0;
  list-style: none;
  overflow: hidden;
  width: var(--default-width);
  border-bottom: 1px solid var(--theme-green);
  font-size: 13px;
  line-height: 18px
}

#tabs-area .nav-tabs li {
  float: left;
  padding: 0 15px 0 0
}

#tabs-area .nav-tabs a {
  float: left;
  padding: 0 0 12px;
  color: var(--gray-three)
}

#tabs-area .nav-tabs a:hover {
  text-decoration: none;
  color: var(--theme-green)
}

#tabs-area .active a,
#tabs-area .ui-state-active a {
  font-weight: 700;
  background: url(../images/arrow-001.png) no-repeat 50% 100%;
  color: var(--theme-green)
} */


/* Tabs Menu Started Here */

#tabs-area2 {
  padding: 0 0 0
}

#tabs-area2 .nav-tabstwo {
  margin: 0 auto;
  padding: 14px 0 0;
  list-style: none;
  overflow: hidden;
  width: var(--default-width);
  border-bottom: 1px solid var(--theme-green);
  font-size: 13px;
  line-height: 18px
}

#tabs-area2 .nav-tabstwo li {
  float: left;
  padding: 0 15px 0 0
}

#tabs-area2 .nav-tabstwo li a {
  float: left;
  padding: 0 0 12px;
  color: var(--gray-three)
}

#tabs-area2 .nav-tabstwo li a:hover {
  text-decoration: none;
  background: url(../images/arrow-001.png) no-repeat 50% 100%;
  color: var(--theme-green)
}

#tabs-area2 .nav-tabstwo li.active a {
  text-decoration: none;
  background: url(../images/arrow-001.png) no-repeat 50% 100%;
  color: var(--theme-green)
}


/* Tabs Menu Ends Here */


/* Leaders Testimonials Component Started Here */

.leaders {
  background: var(--theme-green);
  position: relative;
  z-index: 20;
  margin: 0;
}

.leaders .holder {
  width: var(--default-width);
  margin: 0 auto;
  padding: 72px 0 40px;
  color: var(--white);
}

.leaders .arrow {
  position: absolute;
  left: 50%;
  margin: 0 0 0 -55px;
  width: 106px;
  height: 106px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../images/arrow-002.png) no-repeat;
  top: -51px
}

.leaders h2 {
  font: 40px/46px 'Helvetica-Bold', Arial, sans-serif;
  margin: 0 0 6px;
  text-align: center
}

.leaders .sub-ttl {
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #2d2d2d;
  font-size: 20px;
  line-height: 26px;
  margin: 0 0 42px
}

.leaders-tabs .nav {
  position: relative;
  overflow: hidden;
  padding: 0 0 34px
}

.leaders-tabs .nav .frame {
  position: relative;
  float: left;
  left: 50%
}

.leaders-tabs .nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  float: left;
  left: -50%
}

.leaders-tabs .nav ul li {
  float: left;
  padding: 0 8px
}

.leaders-tabs .nav ul a {
  float: left;
  position: relative
}

.leaders-tabs .nav ul img {
  display: block;
  border: 2px solid #28872a;
  -webkit-border-radius: 58px;
  -moz-border-radius: 58px;
  border-radius: 58px;
  opacity: .4
}

.leaders-tabs .nav .ui-state-active img {
  border: 2px solid var(--white);
  opacity: 1
}

.leaders-tabs .nav span {
  position: absolute;
  left: 50%;
  margin: 0 0 0 -17px;
  width: 32px;
  height: 16px;
  background: url(../images/arrow-003.png) no-repeat;
  bottom: -13px;
  display: none
}

.leaders-tabs .nav .ui-state-active span {
  display: block
}

.leaders-tabs .tab {
  padding: 0 140px 0 74px
}

.leaders-tabs blockquote {
  margin: 0;
  background: url(../images/sep-005.png) repeat-y 278px 0;
  overflow: hidden
}

.leaders-tabs blockquote cite {
  float: left;
  width: 240px;
  text-align: right;
  padding: 11px 0 0;
  font: bold 24px/30px 'Helvetica', Arial, sans-serif;
}

.leaders-tabs blockquote cite span {
  display: block;
  font: 16px/24px 'Helvetica', Arial, sans-serif;
  color: #adebaf
}

.leaders-tabs blockquote .box {
  float: right;
  width: 562px;
  padding: 13px 0 20px
}

.leaders-tabs blockquote q {
  display: block;
  font: italic 20px/28px 'Helvetica', Arial, sans-serif;
  background: url(../images/bg-quote-001.png) no-repeat 0 100%;
  padding: 0 3px 95px;
  margin: 0 0 -32px
}

.leaders-tabs .download {
  display: inline-block;
  color: var(--white);
  font-size: 15px;
  line-height: 20px;
  background: url(../images/ico-005.png) no-repeat 4px 2px;
  padding: 0 0 0 28px
}

.leaders-tabs .download span {
  color: #aef1af
}


/* Leaders Testimonials Component Ends  Here */


/* Content Styles Started Here */

.content {
  width: 750px;
  margin: 0 auto 30px;
  padding: 40px 140px 36px 210px;
  background: url(../images/sep-001.gif) repeat-x 0 100%
}

#tabs-area .content {
  margin-bottom: 0
}

.content h3 {
  font: 24px/30px 'Helvetica', Arial, sans-serif;
  color: var(--theme-green);
  margin: 0 0 25px;
  text-transform: uppercase
}

.content .info-list {
  margin: 0;
  padding: 0 22px 17px 15px;
  list-style: none
}

.content .info-list li {
  background: url(../images/sep-006.gif) repeat-y 45px 0;
  overflow: hidden;
  vertical-align: top
}

.content .info-list .ico {
  width: 91px;
  height: 91px;
  padding: 13px 0 0;
  background: url(../images/bg-ico-001.png) no-repeat;
  text-align: center;
  float: left;
  margin: 32px 0 0
}

.content .info-list .ico img {
  vertical-align: top
}

.content .info-list li:first-child .ico {
  background: url(../images/bg-ico-002.png) no-repeat;
  padding: 0;
  margin: 0
}

.content .info-list .block {
  float: right;
  width: 584px;
  background: url(../images/sep-001.gif) repeat-x 100% 0;
  padding: 28px 0 26px;
  color: var(--gray-one);
  font-size: 15px;
  line-height: 22px
}

.content .info-list li:first-child .block {
  background: 0 0;
  padding-top: 4px;
  padding-bottom: 15px
}

.content .info-list h4 {
  font: 15px/20px 'Helvetica', Arial, sans-serif;
  margin: 0 0 6px;
  text-transform: uppercase
}

.content .info-list .block p {
  margin: 0
}

.content .info-list .last {
  background: url(../images/sep-007.gif) no-repeat 45px 0
}

.content .info-block {
  border: 1px solid #d9e7ed;
  background: #e8f6fc;
  padding: 22px 138px
}

.content .info-block h4 {
  font: 15px/20px 'Helvetica', Arial, sans-serif;
  color: #49778a;
  margin: 0 0 18px
}

.content .list {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 283px;
  font-size: 14px;
  line-height: 20px
}

.content .list a {
  display: block;
  border-top: 1px dotted var(--gray);
  padding: 9px 5px 8px 50px;
  color: #0a98dc;
  position: relative;
  margin: 0 0 -2px
}

.content .list li:first-child a {
  border-top: 1px dotted #e8f6fc
}

#wrapper .content .list .active,
.content .list li:hover {
  position: relative;
  z-index: 10
}

.content .list .ico-01 {
  width: 16px;
  height: 17px;
  position: absolute;
  left: 21px;
  top: 10px;
  background: url(../images/ico-011.png) no-repeat
}

.content .list .ico-02 {
  width: 23px;
  height: 15px;
  position: absolute;
  left: 18px;
  top: 11px;
  background: url(../images/ico-012.png) no-repeat
}

.content .list .ico-03 {
  width: 23px;
  height: 23px;
  position: absolute;
  left: 16px;
  top: 5px;
  background: url(../images/ico-013.png) no-repeat
}

.content .list .ico-04 {
  width: 18px;
  height: 21px;
  position: absolute;
  left: 20px;
  top: 8px;
  background: url(../images/ico-014.png) no-repeat
}

#wrapper .content .list .active a,
#wrapper .content .list a:hover {
  text-transform: uppercase;
  color: var(--white);
  text-decoration: none;
  border: 1px solid #0984bd;
  padding: 9px 5px 7px 49px;
  background: #00adff;
  background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjk4ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #00adff 0, #0b98da 100%);
  /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00adff), color-stop(100%, #0b98da)); */
  background: -webkit-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -o-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -ms-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: linear-gradient(to bottom, #00adff 0, #0b98da 100%);
  -pie-background: linear-gradient(top, #00adff 0, #0b98da 100%)
}

.content .list .active .ico-01,
.content .list a:hover .ico-01 {
  background-position: 0 -17px
}

.content .list .active .ico-02,
.content .list a:hover .ico-02 {
  background-position: 0 -15px
}

.content .list .active .ico-03,
.content .list a:hover .ico-03 {
  background-position: 0 -23px
}

.content .list .active .ico-04,
.content .list a:hover .ico-04 {
  background-position: 0 -21px
}

#main {
  width: 1098px;
  margin: 0 auto;
  padding: 23px 0 50px
}

#main:after {
  content: '';
  display: block;
  clear: both
}

#main .main-col {
  float: left;
  width: 819px
}

#main .blog-list {
  list-style: none;
  margin: 0;
  padding: 4px 0 0
}

#main .blog-list li {
  background: #f5f5f5;
  margin: 0 0 20px;
  padding: 15px 25px 10px 19px;
  overflow: hidden;
  border: solid 1px #dfdfdf
}

#main .blog-list .block {
  float: left;
  width: 360px;
  padding: 4px 7px 0 0
}

#main .blog-list .img {
  overflow: hidden;
  padding: 3px;
  background: var(--white);
  border: solid 1px #9d9d9d;
  margin: 0 0 8px;
  width: 342px;
  height: 192px
}

#main .blog-list .img img {
  vertical-align: top
}

#main .blog-list .title {
  display: block;
  color: var(--gray-one);
  font: 14px/18px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase;
  word-spacing: -3px;
  margin: 0 0 -3px
}

#main .blog-list .date {
  display: block;
  font-size: 11px;
  line-height: 15px;
  font-style: normal;
  color: var(--gray-one)
}

#main .blog-list .date sup {
  vertical-align: top;
  font-size: 10px;
  line-height: 12px
}

#main .blog-list .description {
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  color: var(--gray-one)
}

#main .blog-list h2 {
  font: 14px/20px 'Helvetica-Bold', Arial, sans-serif;
  color: var(--black);
  margin: 0 0 9px;
  text-transform: uppercase
}

#main .blog-list .description p {
  margin: 0;
  padding: 0 0 10px
}

#main .blog-list .description p a {
  color: #369
}

aside {
  float: right;
  width: 258px
}

aside .categories {
  padding: 0 0 29px
}

aside .categories h3,
aside .cert-info h3 {
  margin: 0 0 1px;
  padding: 0 0 7px;
  border-bottom: solid 1px var(--gray-three);
  color: #2d2d2d;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase
}

aside .cert-info h3 {
  padding: 0 0 9px;
  margin: 0 0 11px
}

aside .categories ul,
aside .cert-info ul {
  list-style: none;
  margin: 0;
  padding: 0
}

aside .categories li,
aside .cert-info li {
  border-bottom: solid 1px #ebebeb;
  font: 14px/19px 'Helvetica', Arial, sans-serif;
  padding: 5px 0
}

aside .categories a,
aside .cert-info a {
  color: #369
}

aside .cert-info {
  padding: 7px 0 29px;
  border-top: solid 1px var(--gray-three)
}

aside .contacts {
  list-style: none;
  margin: 0;
  padding: 0 0 20px;
  border-top: solid 1px var(--gray-three);
  font-size: 14px
}

aside .contacts li {
  overflow: hidden;
  border-bottom: solid 1px var(--gray-three);
  line-height: 19px;
  padding: 5px 0 5px 10px;
  vertical-align: top
}

aside .contacts a {
  float: left;
  padding: 5px 0 5px 32px;
  color: #0a98dc;
  background: url(../images/contact-icons.png) no-repeat
}

aside .contacts .item-01 a {
  background-position: 1px 8px
}

aside .contacts .item-02 a {
  background-position: 0 -97px
}

aside .contacts .item-03 a {
  background-position: 3px -195px
}

#main .blog {
  padding: 1px 0 0
}

#main .blog .panel {
  overflow: hidden;
  padding: 0 0 4px
}

#main .blog .panel .links {
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
  float: right;
  font-size: 12px
}

#main .blog .panel .links li {
  float: left;
  padding: 0 0 0 11px;
  line-height: 16px
}

#main .blog .panel .links a {
  float: left;
  padding: 5px 0 3px 20px;
  color: #1b9fdc;
  background: url(../images/links-icons.png) no-repeat
}

#main .blog .panel .links .download {
  background-position: 0 0
}

#main .blog .panel .links .print {
  background-position: 0 -100px
}

#main .blog .breadcrumbs {
  list-style: none;
  margin: 0;
  padding: 6px 0 0;
  overflow: hidden;
  color: var(--gray-one);
  font-size: 11px;
  font-weight: 700
}

#main .blog .breadcrumbs li {
  float: left;
  line-height: 15px;
  padding: 0 0 0 26px;
  background: url(../images/bullet-09.png) no-repeat 6px 4px
}

#main .blog .breadcrumbs li:first-child {
  padding: 0;
  background: 0 0
}

#main .blog .breadcrumbs a {
  float: left;
  color: var(--gray-one);
  font-weight: 400
}

#main .blog .post {
  background: #f5f5f5;
  border: solid 1px #dfdfdf;
  padding: 16px 19px 40px;
  font-size: 14px;
  line-height: 20px;
  color: var(--gray-one)
}

#main .blog .post h1 {
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  margin: 0 0 -3px;
  color: var(--gray-one);
  text-transform: uppercase
}

#main .blog .post .date {
  display: block;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  padding: 0 0 22px;
  color: var(--gray-one)
}

#main .blog .post .date sup {
  font-size: 10px;
  line-height: 12px;
  vertical-align: top
}

#main .blog .post .holder {
  overflow: hidden
}

#main .blog .post .img {
  float: right;
  width: 342px;
  height: 192px;
  overflow: hidden;
  padding: 3px;
  background: var(--white);
  border: solid 1px var(--gray);
  margin: 4px 0 0 20px
}

#main .blog .post .img img {
  vertical-align: top
}

#main .blog .post h2 {
  color: var(--black);
  font: 14px/20px 'Helvetica-Bold', Arial, sans-serif;
  margin: 0 0 9px;
  text-transform: uppercase
}

#main .blog .post p {
  margin: 0;
  padding: 0 0 10px
}

#main .blog .post .btn-back {
  overflow: hidden;
  padding: 7px 0 0
}

#main .blog .post .btn-back a {
  float: left;
  position: relative;
  height: 38px;
  padding: 0 25px;
  color: #feffff;
  background: #00adff;
  background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzk3ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00adff), color-stop(100%, #0c97da));
  background: -webkit-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: -o-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: -ms-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: linear-gradient(to bottom, #00adff 0, #0c97da 100%);
  -pie-background: linear-gradient(top, #00adff 0, #0c97da 100%);
  font: 12px/38px 'Helvetica', Arial, sans-serif
}

#main .blog .post .btn-back a:hover {
  text-decoration: none
}

.imagewwidth {
  margin: 20px auto;
  clear: both
}


/*Content Styles Css Ends */


/* About Us Page Started Here */

.about-page {
  min-width: 1130px
}

.about {
  padding: 52px 0 5px
}

.about .banner {
  width: 1033px;
  margin: 0 auto 58px;
  padding: 0 65px 3px 0;
  background: url(../images/sep-10.gif) repeat-y 558px 0;
  overflow: hidden
}

.about .banner .block {
  float: left;
  width: 558px;
  padding: 0 64px 0 0
}

.about .banner .img {
  width: 538px;
  height: 206px;
  overflow: hidden;
  margin: 0 0 8px
}

.about .banner .img img {
  vertical-align: top
}

.about .banner .title {
  display: block;
  color: var(--black-two);
  text-align: center;
  font-weight:600;
  font: 72px/76px 'Helvetica-Bold', Arial, sans-serif;
  padding: 0 20px 0 0
}

.about .banner .title span {
  display: block;
  margin: 0 0 -5px;
  color: var(--theme-green)
}

.about .banner .description {
  overflow: hidden;
  color: var(--gray-one);
  font-size: 15px;
  line-height: 22px;
  padding: 85px 0 0
}

.about .banner .description p {
  margin: 0
}

.about .philosophy {
  background: var(--theme-green);
  margin: 0 0 39px;
  font-size: 15px;
  line-height: 22px;
  color: var(--white);
}

.about .philosophy .holder {
  width: 1098px;
  margin: 0 auto;
  padding: 40px 0 27px
}

.about .philosophy h2 {
  text-align: center;
  margin: 0 0 29px;
  color: var(--white);
  font: 40px/44px 'Helvetica-Bold', Arial, sans-serif
}

.about .philosophy p {
  margin: 0;
  padding: 0 0 22px
}

.about .team {
  width: 100%;
  overflow: hidden;
  position: relative
}

.about .team-holder {
  position: relative;
  float: left;
  left: 50%
}

.about .team-frame {
  position: relative;
  float: left;
  left: -50%;
  width: 1254px
}

.about h2 {
  margin: 0 0 26px;
  color: var(--theme-green);
  text-align: center;
  font: 40px/44px 'Helvetica-Bold', Arial, sans-serif
}

.about .team-tabs {
  padding: 0 0 19px
}

.about .tabs-nav {
  width: 100%
}

.about .wrap {
  width: 1190px;
  overflow: hidden;
  position: relative;
  padding: 27px 33px 25px
}

.about .list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 99999px;
  z-index: 20
}

.about .list:after {
  content: '';
  display: block;
  clear: both
}

.about .list li {
  float: left;
  width: 128px;
  margin: 0 10px;
  position: relative;
  /*background: #fafafa;*/
  padding: 10px;
  /*border: solid 1px #f2f2f2*/
}

.about .list .ui-state-active,
.about .list li:hover {
  /*border: solid 1px #e4e4e4;
  background: #f5f5f5*/
}

.about .list img {
  float: left
}

.about .btn-next,
.about .btn-prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 78px;
  height: 217px;
  background: url(../images/arrows-01.gif) no-repeat;
  z-index: 50
}

.about .btn-next {
  left: auto;
  right: 0;
  background-position: -78px 0
}

.about .next,
.about .prev {
  width: 30px;
  height: 30px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/arrows-02.png) no-repeat;
  position: absolute;
  top: 93px;
  right: -14px;
background-position: -30px 0;
}

.about .next {
  background-position: -30px 0;
  right: auto;
  left: -16px
}

.about .prev:hover {
  background-position: 0 -30px
}

.about .next:hover {
  background-position: -30px -30px
}

.about .mask {
  position: absolute;
  z-index: 30;
  width: 128px;
  height: 140px;
  /*background: url(../images/bg-mask-01.png) repeat;*/
  top: 10px;
  left: 10px;
  overflow: hidden;
  text-indent: -9999px
}

.about .ui-state-active .mask,
.about li:hover .mask {
  display: none
}

.about .drop {
  position: absolute;
  top: 189px;
  left: -99999px;
  width: 186px;
  padding: 9px 5px;
  text-align: center;
  color: var(--white);
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: var(--theme-green)
}

.about .ui-state-active .drop {
  left: -19px
}

.about .drop p {
  margin: 0
}

.about .drop .pointer {
  position: absolute;
  overflow: hidden;
  text-indent: -9999px;
  top: -9px;
  left: 93px;
  background: url(../images/bullet-07.gif) no-repeat;
  width: 10px;
  height: 9px
}

.about .team-tabs .ui-tabs-hide {
  position: absolute;
  left: -99999px;
  top: -99999px
}

.about .tab {
  padding: 0 104px 0 112px;
  font-size: 14px;
  line-height: 20px;
  color: var(--gray-one)
}

.about .tab p {
  margin: 0;
  padding: 0 0 10px
}

.about .tab p a {
  color: var(--gray-one)
}

.about .locations {
  background: url(../images/sep-11.gif) repeat-x;
  padding: 51px 0 0;
  width: 1098px;
  margin: 0 auto
}

.about .locations .holder {
  padding: 0 0 41px;
  background: url(../images/sep-11.gif) repeat-x 0 100%
}

.about .locations h2 {
  text-align: center;
  margin: 0 0 33px;
  color: var(--theme-green);
  font: 40px/44px 'Helvetica', Arial, sans-serif
}

.about .locations .columns:after {
  content: '';
  display: block;
  clear: both
}

.about .locations .column {
  float: left;
  width: 300px;
  padding: 0 0 0 50px
}

.about .locations .img {
  width: 300px;
  height: 200px;
  margin: 0 0 8px;
  position: relative;
  -webkit-box-shadow: 0 0 10px #a2a0a0;
  -moz-box-shadow: 0 0 10px #a2a0a0;
  box-shadow: 0 0 10px #a2a0a0
}

.about .locations .img img {
  vertical-align: top
}

.about .locations h3 {
  margin: 0;
  color: var(--black);
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase
}

.about .locations .btn-more {
  width: 158px;
  display: block;
  text-transform: uppercase;
  height: 38px;
  margin: 0 auto;
  color: #feffff;
  font: 12px/38px 'Helvetica', Arial, sans-serif;
  text-align: center;
  position: relative;
  background: #00adff;
  background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzk3ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00adff), color-stop(100%, #0c97da));
  background: -webkit-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: -o-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: -ms-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: linear-gradient(to bottom, #00adff 0, #0c97da 100%);
  -pie-background: linear-gradient(top, #00adff 0, #0c97da 100%)
}

.about .locations .btn-more:hover {
  text-decoration: none
}

.about-page .pb-3 {
  padding-bottom: 1rem !important;
}

.info-section .research .download {
  overflow: hidden;
  padding: 5px 0 0
}

.info-section .research .download a {
  float: left;
  padding: 1px 0 0 20px;
  color: #369;
  font-size: 12px;
  line-height: 16px;
  background: url(../images/bullet-08.png) no-repeat 0 1px
}

.info-section .research .more-02 {
  width: 85px
}

.info-section .research .list .last-child {
  border: 0
}

.info-section-02 {
  padding: 20px 0 18px;
  margin: 0 auto 42px
}

.info-section-02 .research h5 {
  margin: 0 0 10px
}

.info-section-02 .research .list {
  margin: 0 0 4px
}

.info-section-02 .research .list li {
  padding: 9px 0 16px
}


/* Aboutus Page Ends Here */


/* .centers {
  width: 1098px;
  margin: 0 auto;
  background: url(../images/sep-11.gif) repeat-x;
  padding: 39px 0 26px
}

.centers h2 {
  text-align: center;
  margin: 0 0 40px;
  color: var(--theme-green);
  font: 40px/44px 'Helvetica', Arial, sans-serif
}

.centers .centers-gallery {
  position: relative
}

.centers .centers-gallery .wrap {
  width: 1000px;
  padding: 28px 0 15px;
  margin: 0 0 0 50px;
  position: relative;
  overflow: hidden
}

.centers .centers-gallery .list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 99999px
}

.centers .centers-gallery li {
  float: left;
  width: 482px;
  padding: 0 27px 0 0
}

.centers .centers-gallery .img {
  width: 132px;
  height: 92px;
  overflow: hidden;
  border: solid 1px #d9d9d9;
  background: var(--white);
  padding: 3px;
  margin: 4px 20px 0 0;
  float: left
}

.centers .centers-gallery .img img {
  vertical-align: top
}

.centers .centers-gallery .description {
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  color: var(--gray-one)
}

.centers .centers-gallery .title {
  display: block;
  padding: 0 0 4px;
  font: 14px/20px 'Helvetica', Arial, sans-serif
}

.centers .centers-gallery .title a {
  color: #369
}

.centers .centers-gallery p {
  margin: 0
}

.centers .centers-gallery .btn-next,
.centers .centers-gallery .btn-prev {
  width: 82px;
  height: 146px;
  position: absolute;
  top: 0;
  left: -82px;
  background: url(../images/arrows-03.gif) no-repeat
}

.centers .centers-gallery .btn-next {
  background-position: -82px 0;
  left: auto;
  right: -81px
}

.centers .centers-gallery .next,
.centers .centers-gallery .prev {
  width: 30px;
  height: 30px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/arrows-02.png) no-repeat;
  position: absolute;
  top: 54px;
  right: -13px
}

.centers .centers-gallery .next {
  background-position: -30px 0;
  right: auto;
  left: -13px
}

.centers .centers-gallery .prev:hover {
  background-position: 0 -30px
}

.centers .centers-gallery .next:hover {
  background-position: -30px -30px
} */


/* Datacenter Page Styles Started Here */

.datacenter {
  width: 1098px;
  margin: 0 auto;
  padding: 8px 0 21px
}

.datacenter .block {
  border-top: 1px dotted var(--theme-green);
  padding: 37px 0 50px
}

.datacenter .block:first-child {
  border: 0
}

.datacenter h2 {
  font-size: 18px;
  line-height: 24px;
  color: #2d2d2d;
  margin: 0 0 20px;
  text-transform: uppercase
}

.datacenter .holder {
  overflow: hidden
}

.datacenter .slideshow {
  float: left;
  width: 470px;
  margin: 4px 20px 0 0
}

.datacenter .slider {
  margin: 0 0 11px;
  padding: 0;
  list-style: none;
  position: relative;
  height: 307px
}

.datacenter .slider li {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1px;
  border: 1px solid var(--gray);
  padding: 3px
}

.datacenter .slider img {
  vertical-align: top
}

.datacenter .thumbnails {
  overflow: hidden
}

.datacenter .thumbnails .prev {
  float: left
}

.datacenter .thumbnails .mask {
  float: left;
  width: 424px;
  overflow: hidden;
  position: relative
}

.datacenter .thumbnails ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 9999px
}

.datacenter .thumbnails ul li {
  float: left;
  padding: 0 18px 0 0
}

.datacenter .thumbnails ul img {
  float: left;
  border: 1px solid var(--gray);
  padding: 1px
}

.datacenter .thumbnails .next,
.datacenter .thumbnails .prev {
  float: left;
  width: 19px;
  height: 19px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../images/arrow-004.png) no-repeat;
  margin: 26px 4px 0 1px
}

.datacenter .thumbnails .next {
  float: right;
  margin: 26px 0 0;
  background-position: 0 -19px
}

.datacenter .block .desc {
  overflow: hidden
}

.datacenter .block .box {
  float: left;
  width: 260px
}

.datacenter .block h3 {
  font: bold 14px/20px 'Helvetica', Arial, sans-serif;
  color: #369;
  margin: 0 0 10px
}

.datacenter .block .box .list,
.hdlist {
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--black);
  font-size: 14px;
  line-height: 20px
}

.datacenter .box .list li {
  padding: 0 0 6px 60px;
  background: url(../images/ico-035.png) no-repeat 0 4px
}

.datacenter .box .list strong,
.hdlist strong {
  display: block;
  font: 24px/46px 'Helvetica-Light', Arial, sans-serif;
  color: var(--theme-green);
  padding: 0 0 6px;
  margin: -8px 0 0
}

.hdlist strong {
  font: 24px/46px 'Helvetica', Arial, sans-serif;
  color: var(--black);
}

.datacenter .box .item-2 {
  background: url(../images/ico-036.png) no-repeat 0 5px
}

.datacenter .box .item-3 {
  background: url(../images/ico-037.png) no-repeat 2px 5px
}

.datacenter .box .item-4 {
  background: url(../images/ico-038.png) no-repeat 0 5px
}

.datacenter .block aside {
  float: right;
  width: 333px
}

.datacenter .block aside ul {
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--gray-one);
  font-size: 14px;
  line-height: 20px
}

.datacenter .block aside ul li {
  background: url(../images/bullet-001.gif) no-repeat 0 3px;
  padding: 0 0 5px 29px
}


/* Datacenter Page Styles Ends Here */


/* Contact us page started here */

.contactus-page {
  min-width: 1130px
}

.contactus {
  padding: 52px 0 5px
}

.contactus .banner {
  width: 1033px;
  margin: 0 auto 58px;
  padding: 0 65px 3px 0;
  background: url(../images/sep-10.gif) repeat-y 488px 0;
  overflow: hidden
}

.contactus .banner .block {
  float: left;
  width: 488px;
  padding: 0 64px 0 0
}

.contactus .banner .img {
  width: 179px;
  height: 138px;
  overflow: hidden;
  margin: 0 0 8px 110px;
  float: left
}

.contactus .banner .img img {
  vertical-align: top
}

.contactus .banner .title {
  float: left;
  display: block;
  color: var(--theme-green);
  text-align: center;
  font: 48px/52px 'Helvetica', Arial, sans-serif;
  padding: 17px 20px 0 0
}

.contactus .description {
  overflow: hidden;
  color: var(--gray-one);
  font-size: 15px;
  line-height: 22px;
  padding: 0 80px 0 0
}

.contactus .description p {
  margin: 0
}

.contactus .btn-contact-form,
.contactus .btn-contact-form a {
  float: left;
  cursor: pointer;
  border: solid 1px #0984bd;
  padding: 0 0 0 20px;
  margin: 20px 0 0 0;
  position: relative;
  height: 35px;
  background: #00adff;
  background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjk4ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00adff), color-stop(100%, #0b98da));
  background: -webkit-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -o-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -ms-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: linear-gradient(to bottom, #00adff 0, #0b98da 100%);
  -pie-background: linear-gradient(top, #00adff 0, #0b98da 100%);
  color: #feffff;
  font: 12px/35px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase
}

.contactus .btn-contact-form,
.contactus .btn-contact-form a:hover {
  text-decoration: none
}

.contactus .btn-contact-form span {
  float: left;
  padding: 0 100px 0 10px;
  background: url(../images/ico-040.png) no-repeat 100% 0
}

.contactus .queryform,
.contactus .queryform a {
  margin: 20px 0 50px 0
}

.contactus .queryform span {
  background: url(../images/ico-039.png) no-repeat 100% 0
}

.contactus .cinfo {
  background: var(--theme-green);
  margin: 0 0 39px;
  font-size: 15px;
  line-height: 22px;
  color: var(--white);
  padding-bottom: 20px
}

.contactus .cinfo .holder {
  width: 950px;
  margin: 0 auto;
  padding: 40px 0 27px 0
}

.contactus .cinfo h2 {
  text-align: left;
  margin: 0 0 29px;
  color: var(--white);
  font: 40px/44px 'Helvetica', Arial, sans-serif
}

.contactus .cinfo p {
  margin: 0;
  padding: 0 0 22px
}

.contactus .cinfo .whitebox {
  width: 618px;
  float: left;
  margin: 0;
  padding: 15px 20px;
  background: var(--white);
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  background: var(--white);
  position: relative
}

.contactus .cinfo .whitebox .infoitem {
  padding: 5px 0 15px 48px;
  margin: 10px 0 0 0;
  border-bottom: 1px solid #e3e3e3;
  font: 13px/20px 'Helvetica', Arial, sans-serif;
  color: #525252;
  font-weight: 400;
  background: url(../images/ico-041.png) 0 0 no-repeat
}

.contactus .cinfo .whitebox .firstinfoitem {
  margin: 0
}

.contactus .cinfo .whitebox .lastinfoitem {
  border: none
}

.contactus .cinfo .emailids {
  width: 250px;
  margin: 0;
  padding: 30px 0 0 20px;
  font: 13px/20px 'Helvetica', Arial, sans-serif;
  color: #d4f6d5;
  font-weight: 400;
  float: right
}

.contactus .cinfo .emailids div {
  padding: 0 0 30px 0
}

.contactus .cinfo .emailids a {
  color: var(--white);
  text-decoration: none
}

.contactus .cinfo .emailids a:hover {
  text-decoration: none
}

.contactus .cform {
  background: var(--white);
  margin: 0 0 39px;
  font-size: 15px;
  line-height: 22px;
  color: #525252;
  padding-bottom: 20px
}

.contactus .cform .holder {
  width: 690px;
  margin: 0 auto;
  padding: 40px 260px 27px 0
}

.contactus .cform h2 {
  text-align: left;
  margin: 0 0 15px 0;
  color: var(--theme-green);
  font: 40px/44px 'Helvetica', Arial, sans-serif
}

.contactus .cform p {
  margin: 0;
  padding: 0 0 22px
}

.contactus .cform .cformtxt {
  width: 650px;
  padding: 0 300px 0 0
}

.contactus .cform .htmlform {
  margin: 0 0 -60px 0;
  padding: 20px 0 20px 0
}

.contactus .cform .col1 label,
.contactus .cform .col2 label {
  margin: 0;
  padding: 0;
  color: #888
}

.contactus .cform .col1 .txtbox,
.contactus .cform .col2 .txtbox {
  margin: 0 0 15px 0;
  padding: 3px 5px 3px 5px;
  width: 240px;
  height: 24px;
  font: 13px/20px 'Helvetica', Arial, sans-serif;
  color: #525252;
  position: relative;
  background: url(../images/txtbox-shadow.png) 0 0 no-repeat var(--white-one);
  border: 1px solid var(--gray-three);
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px
}

.contactus .cform .col2 .selectbox {
  margin: 0 0 15px 0;
  padding: 6px 0 0 5px;
  width: 240px;
  height: 24px;
  font: 13px/20px 'Helvetica', Arial, sans-serif;
  color: #525252
}

.customSelect {
  background: url(../images/selectbox-shadow.png) 0 0 no-repeat var(--white-one);
  border: 1px solid var(--gray-three);
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px
}

.customSelect.customSelectFocus {
  border-color: var(--gray-three)
}

.selectError {
  border-color: #c00
}

.selectValid {
  border-color: var(--gray-three)
}

.customSelect.customSelectOpen {
  border-color: var(--gray-three)
}

.contactus .cform .col2 .captchabox2 {
  padding: 3px 5px 3px 90px;
  width: 155px;
  z-index: 1
}

.contactus .cform .col2 .captchabox_outer {
  position: relative;
  z-index: 2
}

.contactus .cform .col2 .captchabox {
  width: 85px;
  height: 32px;
  background: #d0d0d0;
  overflow: hidden;
  text-align: center;
  position: absolute;
  top: -47px;
  left: -4px;
  z-index: 2;
  border-left: 4px solid var(--white);
}

.contactus .cform .col2 .multiline {
  height: 100px;
  width: 400px
}

.contactus .cform .col1 {
  width: 255px;
  padding: 0 30px 0 0;
  float: left
}

.contactus .cform .col2 {
  width: 390px;
  padding: 0 10px 0 0;
  float: left
}

.contactus .cform .submitbox {
  width: 690px;
  border-top: 1px solid var(--gray-three);
  padding: 20px 0 0 0;
  margin: 10px 0 0 0
}

.contactus .cform .submitbox .btn-frmsubmit {
  width: 158px;
  display: block;
  text-transform: uppercase;
  height: 38px;
  margin: 0;
  border: none;
  color: #feffff;
  font: 12px/38px 'Helvetica', Arial, sans-serif;
  text-align: center;
  position: relative;
  background: #00adff;
  background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjk4ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00adff), color-stop(100%, #0c97da));
  background: -webkit-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: -o-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: -ms-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: linear-gradient(to bottom, #00adff 0, #0c97da 100%);
  -pie-background: linear-gradient(top, #00adff 0, #0c97da 100%);
  cursor: pointer
}

.contact_line {
  width: var(--default-width);
  margin: 0 auto 30px auto;
  padding: 0;
  height: 3px;
  background: url(../images/sep-001.gif) repeat-x 0 100%
}

.contactCheck {
  min-width: 850px;
}

.contactCheck .contactus .cform .col1 .txtbox,
.contactus .cform .col2 .txtbox {
  margin: 0 0 10px 0;
}

.contactCheck .contactus .cform {
  line-height: 17px;
}

.contactCheck .contactus .cform .holder {
  float: left;
  padding: 0px 0px 0px 0px;
}

.contactCheck .contactus .cform .cformtxt {
  padding: 0px;
}

.contactCheck .contactus .cform .col1 label,
.contactus .cform .col2 label {
  line-height: 22px;
}

.contactCheck .contactus .cform .submitbox {
  padding: 10px 0 0 0;
  margin: 0px 0 0 0;
}

.contactus-page .submitbox {
  padding: 24px 200px 0px !important;
  border-top: none !important;
}


/* Contact us Ends Here */


/* .careers-page {
  min-width: 1130px
}

.seccareers {
  padding: 52px 0 5px
}

.seccareers .banner {
  width: 1033px;
  margin: 0 auto 58px;
  padding: 0 65px 3px 0;
  background: url(../images/sep-10.gif) repeat-y 488px 0;
  overflow: hidden
}

.seccareers .banner .block {
  float: left;
  width: 488px;
  padding: 0 64px 0 0
}

.seccareers .banner .img {
  width: 240px;
  height: 167px;
  overflow: hidden;
  margin: 0 0 8px 25px;
  float: left
}

.seccareers .banner .img img {
  vertical-align: top
}

.seccareers .banner .title {
  float: left;
  display: block;
  color: var(--theme-green);
  text-align: center;
  font: 48px/50px 'Helvetica', Arial, sans-serif;
  padding: 44px 20px 0 10px
}

.seccareers .banner .title span {
  color: #111
}

.seccareers .banner .description {
  overflow: hidden;
  color: var(--gray-one);
  font-size: 15px;
  line-height: 22px;
  padding: 0 80px 0 0
}

.seccareers .banner .description p {
  margin: 0
}

.seccareers .banner .btn-careers-check,
.seccareers .banner .btn-careers-check a {
  float: left;
  cursor: pointer;
  border: solid 1px #0984bd;
  padding: 0 0 0 20px;
  margin: 20px 0 55px 0;
  position: relative;
  height: 35px;
  background: #00adff;
  background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjk4ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00adff), color-stop(100%, #0b98da));
  background: -webkit-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -o-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -ms-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: linear-gradient(to bottom, #00adff 0, #0b98da 100%);
  -pie-background: linear-gradient(top, #00adff 0, #0b98da 100%);
  color: #feffff;
  font: 12px/35px 'Helvetica', Arial, sans-serif;
  text-transform: uppercase
}

.seccareers .banner .btn-careers-check,
.seccareers .banner .btn-careers-check a:hover {
  text-decoration: none
}

.seccareers .banner .btn-careers-check span {
  float: left;
  padding: 0 100px 0 10px;
  background: url(../images/ico-042.png) no-repeat 100% 0
}

.seccareers .carinfo {
  background: var(--theme-green);
  margin: 0 0 39px;
  font-size: 15px;
  line-height: 22px;
  color: var(--white);
  padding-bottom: 20px
}

.seccareers .carinfo .holder {
  width: 930px;
  margin: 0 auto;
  padding: 40px 0 27px 0
}

.seccareers .carinfo h2 {
  text-align: left;
  margin: 0 0 29px;
  color: var(--white);
  font: 40px/44px 'Helvetica', Arial, sans-serif
}

.seccareers .carinfo p {
  margin: 0;
  padding: 0 0 22px
}

.seccareers .carinfo .whitebox {
  width: 600px;
  float: left;
  margin: 0;
  padding: 15px 20px;
  background: var(--white);
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  background: var(--white);
  position: relative
}

.seccareers .carinfo .whitebox .infoitem {
  padding: 5px 10px 15px 135px;
  margin: 10px 0 0 0;
  border-bottom: 1px solid #e3e3e3;
  font: 13px/20px 'Helvetica', Arial, sans-serif;
  color: #525252;
  font-weight: 400
}

.seccareers .carinfo .whitebox .firstinfoitem {
  background: url(../images/img-043.png) 0 0 no-repeat;
  margin: 0
}

.seccareers .carinfo .whitebox .secondinfoitem {
  background: url(../images/img-044.png) 0 0 no-repeat
}

.seccareers .carinfo .whitebox .lastinfoitem {
  background: url(../images/img-045.png) 0 0 no-repeat;
  border: none
}

.seccareers .carinfo .rewards {
  width: 250px;
  margin: 0;
  padding: 30px 0 0 20px;
  font: 13px/20px 'Helvetica', Arial, sans-serif;
  color: #d4f6d5;
  font-weight: 400;
  float: right
}

.seccareers .carinfo .rewards ul {
  list-style: none;
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0;
  position: relative
}

.seccareers .carinfo .rewards ul li {
  width: 220px;
  margin: 0;
  padding: 5px 0 6px 30px;
  background: url(../images/img-047.png) 0 0 no-repeat;
  color: var(--white);
  text-decoration: none
}

.seccareers .cartabs {
  width: 1033px;
  margin: 0 auto 58px;
  padding: 0 65px 3px 0;
  overflow: hidden
}

.seccareers .cartabs h2 {
  text-align: left;
  margin: 0 80px 29px;
  color: var(--black-two);
  font: 40px/44px 'Helvetica', Arial, sans-serif
}

.seccareers #tabs.cartabs .ui-tabs-nav {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 10px 0 0 0;
  position: relative;
  float: left;
  width: 370px
}

.seccareers #tabs.cartabs .ui-tabs-nav li {
  clear: left;
  width: 383px;
  border: none;
  height: 35px;
  color: var(--gray);
  line-height: 35px;
  text-align: right;
  margin: 0;
  padding: 0;
  font: 13px/20px 'Helvetica', Arial, sans-serif;
}

.seccareers #tabs.cartabs .ui-tabs-nav li.tabsttl {
  width: 353px;
  font-style: italic;
  margin: 10px 0 0 0
}

.seccareers #tabs.cartabs .ui-tabs-nav li a {
  width: 353px;
  display: block;
  color: #369;
  height: 35px;
  line-height: 35px;
  text-align: right;
  margin: 0;
  padding: 0 30px 0 0;
  text-decoration: none;
  outline: 0
}

.seccareers #tabs.cartabs .ui-tabs-nav li a:hover {
  text-decoration: none
}

.seccareers #tabs.cartabs .ui-tabs-nav li.ui-tabs-selected a {
  width: 353px;
  background: url(../images/img-046.png) 100% 0 no-repeat;
  padding: 0 30px 0 0;
  color: var(--white);
  font: 13px/20px 'Helvetica', Arial, sans-serif;
  line-height: 35px;
  height: 35px
}

.seccareers #tabs.cartabs .ui-tabs-panel {
  width: 620px;
  margin: 0;
  padding: 10px 0 70px 40px;
  float: left;
  border-left: 1px solid var(--gray-three);
  min-height: 300px
}

.seccareers .cartabs h3 {
  text-align: left;
  margin: 0;
  padding: 0 140px 17px 0;
  color: var(--gray-one);
  font: 24px/26px 'Helvetica', Arial, sans-serif;
  border-bottom: 1px solid var(--gray-three)
}

.seccareers .cartabs .tabsuipanel a.btnapply {
  width: 128px;
  display: block;
  text-transform: uppercase;
  height: 38px;
  margin: 0;
  border: none;
  color: #feffff;
  font: 12px/38px 'Helvetica', Arial, sans-serif;
  text-align: center;
  position: relative;
  background: #00adff;
  background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjk4ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00adff), color-stop(100%, #0c97da));
  background: -webkit-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: -o-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: -ms-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: linear-gradient(to bottom, #00adff 0, #0c97da 100%);
  -pie-background: linear-gradient(top, #00adff 0, #0c97da 100%);
  cursor: pointer;
  float: right;
  top: -50px
}

.seccareers .cartabs .tabsuipanel a:hover.btnapply {
  text-decoration: none
}

.seccareers .cartabs .tabsuipanel a.nomargintop {
  top: 10px
}

.seccareers .cartabs .tabsuipanel .carcontent {
  margin: 0;
  padding: 20px 0 0 0;
  font: 13px/20px 'Helvetica', Arial, sans-serif;
  color: var(--gray-one)
}

.seccareers .cartabs .tabsuipanel .carcontent p {
  margin: 0 0 20px 0;
  padding: 0
}

.seccareers .cartabs .tabsuipanel .carcontent ul {
  margin: -18px 0 0 0;
  padding: 0 0 0 17px
}

.seccareers .cartabs .tabsuipanel .carcontent .borderline {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid var(--gray-three)
} */


/* Insight Components Styles Started Here */

.brocherDetails {
  float: right;
  width: 175px;
  height: 225px;
  margin-right: 10px;
}

.insight {
  width: 1098px;
  margin: 0 auto;
  padding: 0 0 50px 0;
  background: url(../images/sep-001.gif) 0 100% repeat-x transparent
}

.insight .banner {
  width: 1098px;
  margin: 0;
  padding: 28px 0 28px 0;
  position: relative;
  background: url(../images/sep-001.gif) 0 100% repeat-x transparent
}

.insight .banner .txt {
  float: left;
  width: 650px;
  height: 71px
}

.insight .banner .txt h1 {
  margin: 0;
  padding: 0;
  height: 70px;
  overflow: hidden;
  color: var(--black-two);
  font-size: 20px;
  line-height: 30px
}

.insight .banner .logo {
  float: right;
  width: 251px;
  height: 76px;
  background: url(../images/img-050.png) 0 0 no-repeat
}

.insight .colblock {
  width: 1098px;
  margin: 0;
  padding: 0;
  position: relative;
  background: url(../images/sep-002.gif) 794px 0 repeat-y transparent
}

.insight .colblockleft {
  width: 680px;
  margin: 0;
  padding: 0 114px 0 0;
  float: left
}

.insight .colblockright {
  width: 260px;
  margin: 0;
  padding: 0 0 0 44px;
  float: right
}

.insight .colblockleft .item {
  width: 680px;
  margin: 0;
  padding: 28px 0 28px 0;
  position: relative;
  border-bottom: 1px solid #eaeaea
}

.insight .colblockleft .itemlast {
  border: none
}

.insight .colblockleft .item h2 {
  font: 20px/30px 'Helvetica', Arial, sans-serif;
  margin: 0;
  padding: 0;
  color: var(--theme-green)
}

.insight .colblockleft .item h2 a {
  color: var(--theme-green);
  text-decoration: none
}

.insight .colblockleft .item h2 a:hover {
  color: var(--black);
}

.insight .colblockleft .item .desc {
  margin: 0;
  padding: 0 0 20px 0;
  font: 12px/20px 'Helvetica', Arial, sans-serif;
  color: var(--gray);
  font-style: normal
}

.insight .colblockleft .item .desc a {
  font: 12px/20px 'Helvetica', Arial, sans-serif;
  color: var(--gray);
  font-style: italic;
  text-decoration: underline
}

.insight .colblockleft .item .desc .postdate {
  color: var(--gray)
}

.insight .colblockleft .item .posttxt {
  margin: 0;
  padding: 0;
  font: 15px/20px 'Helvetica', Arial, sans-serif;
  color: var(--gray-one);
  text-align: justify
}

.insight .colblockleft .item .posttxthed {
  margin: 0;
  padding: 0;
  font: 15px/20px 'Helvetica', Arial, sans-serif;
  color: var(--theme-green)
}

.insight .colblockleft .item .posttxthed a {
  text-decoration: none;
  color: var(--theme-green)
}

.insight .colblockleft .item .posttxthed a:hover {
  color: var(--gray-one)
}

.insight .colblockleft .item .posttxt img {
  margin: 0 20px 0 0;
  padding: 0;
  float: left;
  border: 4px solid var(--theme-green);
  max-width: 100%;
}

.insight .colblockleft a.more_insights {
  width: 678px;
  background: #ebf9ec;
  color: #a1c0a3;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 13px 0 13px 0;
  margin: 10px 0 0 0;
  border: 1px solid #d9ecdb
}

.insight .colblockright .frm_search {
  margin: 0;
  padding: 0
}

.insight .colblockright .frm_search .txtbox {
  margin: 28px 0 0 0;
  padding: 3px 5px 3px 35px;
  width: 210px;
  height: 24px;
  font: 13px/20px 'Helvetica', Arial, sans-serif;
  color: var(--gray-three);
  position: relative;
  background: url(../images/img-052.png) 5px 5px no-repeat var(--white-one);
  border: 1px solid #eaeaea;
  -webkit-border-radius: 16px 16px 16px 16px;
  -moz-border-radius: 16px 16px 16px 16px;
  border-radius: 16px 16px 16px 16px
}

.insight .colblockright .treeview,
.insight .colblockright .treeview ul li ul {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0
}

.insight .colblockright .treeview ul {
  margin: 0;
  padding: 0;
  font-family:'Helvetica', Arial, sans-serif;
  font-size: 12px;
  color: #369;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
  list-style: none;
  list-style-type: none
}

.insight .colblockright .treeview li.ttl {
  margin-top: 30px;
  font: 13px/20px 'Helvetica', Arial, sans-serif;
  color: var(--gray-one);
  text-transform: uppercase;
  font-weight: 700
}

.insight .colblockright .treeview li a {
  background: url(../images/list.gif) no-repeat left -1px;
  list-style-type: none;
  padding-left: 18px;
  margin-bottom: 3px;
  font: 14px/20px 'Helvetica', Arial, sans-serif;
  color: #369;
  font-weight: 400;
  text-decoration: none
}

.insight .colblockright .treeview li.level-1 a {
  background: url(../images/closed.gif) no-repeat left 2px;
  cursor: hand !important;
  cursor: pointer !important
}

.insight .colblockright .treeview li.submenu {
  font: 14px/20px 'Helvetica', Arial, sans-serif;
  color: #369;
  font-weight: 400;
  text-decoration: none;
  background: url(../images/closed.gif) no-repeat left 3px;
  padding-left: 17px;
  cursor: hand !important;
  cursor: pointer !important
}

.insight .colblockright .treeview li.submenu ul {
  display: none
}

.insight .colblockright .treeview .submenu ul li {
  cursor: default
}

.insight .colblockright .treeview .submenu ul li a {
  font: 12px/14px 'Helvetica', Arial, sans-serif;
  color: #69c;
  text-decoration: none;
  display: block
}

.insight .colblockright .treeview .submenu ul li a:hover {
  color: #369;
  text-decoration: none
}

.insight .colblockright .treeview li,
.insight .colblockright .treeview li ul li {
  margin: 10px 0 10px 0
}

.insight .colblockright .treeview li ul li {
  margin: 2px 0 2px 0
}

.insight .colblockleft2 {
  width: 680px;
  margin: 0;
  padding: 0 114px 0 0;
  float: left
}

.insight .colblockleft2 .item {
  width: 680px;
  margin: 0;
  padding: 28px 0 28px 0;
  position: relative
}

.insight .colblockleft2 .item h2 {
  font: 24px/30px 'Helvetica', Arial, sans-serif;
  margin: 0;
  padding: 0;
  color: #369
}

.insight .colblockleft2 .item .desc {
  margin: 0;
  padding: 0 0 10px 0;
  font: 12px/20px 'Helvetica', Arial, sans-serif;
  color: var(--gray);
  font-style: normal
}

.insight .colblockleft2 .item .desc a {
  font: 12px/20px 'Helvetica', Arial, sans-serif;
  color: var(--gray);
  font-style: italic;
  text-decoration: underline
}

.insight .colblockleft2 .item .desc .postdate {
  color: var(--gray)
}

.insight .colblockleft2 .item .posttxt {
  margin: 0;
  padding: 0;
  font: 13px/20px 'Helvetica', Arial, sans-serif;
  color: var(--gray-one)
}

.insight .colblockleft2 .item .posttxt img {
  margin: 0;
  padding: 0;
  border: none
}

.insight .colblockleft2 .item .authorinfo {
  width: 678px;
  background: #e3f1f4;
  padding: 15px 20px 20px 20px;
  margin: 10px 0 35px 0;
  border: 1px solid #c6dfe5
}

.insight .colblockleft2 .item .authorinfo img {
  float: left;
  margin: 3px 20px 0 0;
  padding: 0;
  border: none
}

.insight .colblockleft2 .item .authorinfo .authr {
  width: 585px;
  float: left;
  font: 13px/20px 'Helvetica', Arial, sans-serif;
  color: var(--gray-one)
}

.insight .colblockleft2 .item .authorinfo .authr h3 {
  color: #4c6a70;
  font: 15px/20px 'Helvetica', Arial, sans-serif;
  font-weight: 700;
  margin: 0 0 5px 0;
  padding: 0
}

.insight .colblockleft2 .item h3.comment {
  color: #4c6a70;
  font: 15px/20px 'Helvetica', Arial, sans-serif;
  font-weight: 700;
  margin: 0;
  padding: 0 0 5px 0
}

.insight .colblockleft2 .item .comments {
  width: 678px;
  background: var(--white-one);
  padding: 15px 20px 40px 20px;
  margin: 10px 0 0 0;
  border: 1px solid #e0e0e0
}

.insight .colblockleft2 .item .htmlform {
  margin: 0;
  padding: 0
}

.insight .colblockleft2 .item label {
  margin: 0;
  padding: 0;
  color: var(--gray);
  font-weight: 700;
  font: 14px/20px 'Helvetica', Arial, sans-serif;
}

.insight .colblockleft2 .item .txtbox {
  margin: 5px 0 20px 0;
  padding: 3px 5px 3px 5px;
  width: 235px;
  height: 25px;
  font: 13px/20px 'Helvetica', Arial, sans-serif;
  color: #525252;
  position: relative;
  background: url(../images/txtbox-shadow2.png) 0 0 no-repeat var(--white-one);
  border: 1px solid #d2d2d2
}

.insight .colblockleft2 .item .txtarea {
  width: 510px;
  height: 125px
}

.insight .colblockleft2 .item .nameleft {
  width: 275px;
  margin: 0;
  padding: 0;
  float: left
}

.insight .colblockleft2 .item .neflt {
  width: 275px;
  margin: 0;
  padding: 0;
  float: left
}

.insight .colblockleft2 .item .btn-frmcomment {
  width: 158px;
  display: block;
  text-transform: uppercase;
  height: 38px;
  margin: 0;
  border: none;
  color: #feffff;
  font: 12px/38px 'Helvetica', Arial, sans-serif;
  text-align: center;
  position: relative;
  background: #00adff;
  background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjk4ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00adff), color-stop(100%, #0c97da));
  background: -webkit-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: -o-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: -ms-linear-gradient(top, #00adff 0, #0c97da 100%);
  background: linear-gradient(to bottom, #00adff 0, #0c97da 100%);
  -pie-background: linear-gradient(top, #00adff 0, #0c97da 100%);
  cursor: pointer
}

.insight .colblockright .list {
  margin: 28px 0 0 0;
  padding: 0;
  list-style: none;
  width: 259px;
  font-size: 14px;
  line-height: 20px
}

.insight .colblockright .list a {
  display: block;
  border-top: 1px dotted var(--gray);
  padding: 9px 5px 8px 50px;
  color: #0a98dc;
  position: relative;
  margin: 0 0 -2px
}

.insight .colblockright .list li:first-child a {
  border-top: 1px dotted #e8f6fc
}

#wrapper .insight .colblockright .list .active,
.insight .colblockright .list li:hover {
  position: relative;
  z-index: 10
}

.insight .colblockright .list .ico-01 {
  width: 16px;
  height: 17px;
  position: absolute;
  left: 21px;
  top: 10px;
  background: url(../images/ico-011.png) no-repeat
}

.insight .colblockright .list .ico-02 {
  width: 23px;
  height: 15px;
  position: absolute;
  left: 18px;
  top: 11px;
  background: url(../images/ico-012.png) no-repeat
}

.insight .colblockright .list .ico-03 {
  width: 23px;
  height: 23px;
  position: absolute;
  left: 16px;
  top: 5px;
  background: url(../images/ico-013.png) no-repeat
}

.insight .colblockright .list .ico-04 {
  width: 18px;
  height: 21px;
  position: absolute;
  left: 20px;
  top: 8px;
  background: url(../images/ico-014.png) no-repeat
}

#wrapper .insight .colblockright .list .active a,
#wrapper .insight .colblockright .list a:hover {
  text-transform: uppercase;
  color: var(--white);
  text-decoration: none;
  border: 1px solid #0984bd;
  padding: 9px 5px 7px 49px;
  background: #00adff;
  background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjk4ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00adff), color-stop(100%, #0b98da));
  background: -webkit-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -o-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -ms-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: linear-gradient(to bottom, #00adff 0, #0b98da 100%);
  -pie-background: linear-gradient(top, #00adff 0, #0b98da 100%)
}

.insight .colblockright .list .active .ico-01,
.insight .colblockright .list a:hover .ico-01 {
  background-position: 0 -17px
}

.insight .colblockright .list .active .ico-02,
.insight .colblockright .list a:hover .ico-02 {
  background-position: 0 -15px
}

.insight .colblockright .list .active .ico-03,
.insight .colblockright .list a:hover .ico-03 {
  background-position: 0 -23px
}

.insight .colblockright .list .active .ico-04,
.insight .colblockright .list a:hover .ico-04 {
  background-position: 0 -21px
}

.customInsights .insight .colblock {
  background: none !important;
}

.customInsights .colblockleft {
  width: 940px !important;
}

.customInsights .insight .colblockleft .item {
  width: 940px !important;
}


/* Insight Components Styles Ends Here */


/* Sitemap Page Styles Started */

.sitemap-page {
  min-width: 1130px
}

.ctrlssitemap {
  padding: 52px 0 5px
}

.ctrlssitemap h1 {
  text-align: left;
  width: 1033px;
  margin: -20px auto 0 auto;
  color: var(--theme-green);
  font: 40px/44px 'Helvetica', Arial, sans-serif
}

.ctrlssitemap .maincol a {
  font: 14px/20px 'Helvetica', Arial, sans-serif;
  color: var(--gray);
  text-decoration: none
}

.ctrlssitemap .maincol a:hover {
  text-decoration: none;
  color: var(--gray-two);
}

.ctrlssitemap .maincol {
  width: 1033px;
  margin: 0 auto 40px;
  padding: 40px 0 0 0;
  background: url(../images/sep-10.gif) repeat-y 50% 0;
  overflow: hidden
}

.ctrlssitemap .maincol .box {
  float: left;
  width: 340px;
  padding: 0 20px 40px 140px
}

.ctrlssitemap .maincol h2 {
  font: 16px/24px 'Helvetica', Arial, sans-serif;
  margin: 0 0 12px;
  text-transform: uppercase;
  color: #777
}

.ctrlssitemap .maincol h2 a {
  font: 16px/24px 'Helvetica', Arial, sans-serif;
  color: #777;
  text-decoration: none
}

.ctrlssitemap .maincol h2 a:hover {
  color: var(--gray-two)
}

.ctrlssitemap .maincol ul {
  margin: 0;
  padding: 0 0 17px;
  list-style: none
}

.ctrlssitemap .maincol ul li {
  overflow: hidden;
  vertical-align: top;
  padding: 8px 0 8px 0
}

.ctrlssitemap .maincol ul li a {
  background: url(../images/sitemap-bullet.gif) 0 5px no-repeat;
  padding-left: 15px
}


/* Sitemap Page Styles Ends */


/* FAncybox Component Styles Started  */

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none
}

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url(../images/fancybox/fancybox.png)
}

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: 0;
  display: none
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--white);
}

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: 0;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0 solid var(--white);
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 0 0;
  z-index: 1101
}

#fancybox-close {
  position: absolute;
  top: -25px;
  right: -25px;
  width: 45px;
  height: 45px;
  background: transparent url(../images/fancybox/fancybox.png) -40px 0;
  cursor: pointer;
  z-index: 1103;
  display: none
}

#fancybox-error {
  color: var(--gray-two);
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: 0;
  line-height: 0;
  vertical-align: top
}

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
  overflow: hidden
}

#fancybox-left,
#fancybox-right {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: 0;
  background: transparent url(../images/fancybox/blank.gif);
  z-index: 1102;
  display: none
}

#fancybox-left {
  left: 0
}

#fancybox-right {
  right: 0
}

#fancybox-left-ico,
#fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block
}

#fancybox-left-ico {
  background-image: url(../images/fancybox/fancybox.png);
  background-position: -40px -30px
}

#fancybox-right-ico {
  background-image: url(../images/fancybox/fancybox.png);
  background-position: -40px -60px
}

#fancybox-left:hover,
#fancybox-right:hover {
  visibility: visible
}

#fancybox-left:hover span {
  left: 20px
}

#fancybox-right:hover span {
  left: auto;
  right: 20px
}

.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001
}

#fancybox-bg-n {
  top: -8px;
  left: 0;
  width: 100%;
  background-image: url(../images/fancybox/fancybox-x.png)
}

#fancybox-bg-ne {
  top: -8px;
  right: -8px;
  background-image: url(../images/fancybox/fancybox.png);
  background-position: -40px -178px
}

#fancybox-bg-e {
  top: 0;
  right: -8px;
  height: 100%;
  background-image: url(../images/fancybox/fancybox-y.png);
  background-position: -20px 0
}

#fancybox-bg-se {
  bottom: -8px;
  right: -8px;
  background-image: url(../images/fancybox/fancybox.png);
  background-position: -40px -198px
}

#fancybox-bg-s {
  bottom: -8px;
  left: 0;
  width: 100%;
  background-image: url(../images/fancybox/fancybox-x.png);
  background-position: 0 -20px
}

#fancybox-bg-sw {
  bottom: -8px;
  left: -8px;
  background-image: url(../images/fancybox/fancybox.png);
  background-position: -40px -158px
}

#fancybox-bg-w {
  top: 0;
  left: -8px;
  height: 100%;
  background-image: url(../images/fancybox/fancybox-y.png)
}

#fancybox-bg-nw {
  top: -8px;
  left: -8px;
  background-image: url(../images/fancybox/fancybox.png);
  background-position: -40px -138px
}

#fancybox-title {
  font-family: 'Helvetica';
  font-size: 12px;
  z-index: 1102
}

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: var(--black-two);
  background: var(--white);
  position: relative
}

.fancybox-title-outside {
  padding-top: 10px;
  color: var(--white);
}

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: var(--white);
  text-align: left
}

#fancybox-title-over {
  padding: 10px;
  background-image: url(../images/fancybox/fancy_title_over.png);
  display: block
}

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px
}

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto
}

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap
}

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url(../images/fancybox/fancybox.png) -40px -90px no-repeat
}

#fancybox-title-float-main {
  color: var(--white);
  line-height: 29px;
  font-weight: 700;
  padding: 0 0 3px 0;
  background: url(../images/fancybox/fancybox-x.png) 0 -40px
}

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url(../images/fancybox/fancybox.png) -55px -90px no-repeat
}

.fancybox-ie6 #fancybox-close {
  background: 0 0
}

.fancybox-ie6 #fancybox-left-ico {
  background: 0 0
}

.fancybox-ie6 #fancybox-right-ico {
  background: 0 0
}

.fancybox-ie6 #fancybox-title-over {
  background: 0 0;
  zoom: 1
}

.fancybox-ie6 #fancybox-title-float-left {
  background: 0 0
}

.fancybox-ie6 #fancybox-title-float-main {
  background: 0 0
}

.fancybox-ie6 #fancybox-title-float-right {
  background: 0 0
}


/* #fancybox-hide-sel-frame,
.fancybox-ie6 #fancybox-bg-e,
.fancybox-ie6 #fancybox-bg-w,
.fancybox-ie6 #fancybox-left,
.fancybox-ie6 #fancybox-right {
  height: expression(this.parentNode.clientHeight + "px")
} */

#fancybox-loading.fancybox-ie6 {
  position: absolute;
  margin-top: 0;
  /* top: expression((-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2) + (ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop)) + 'px') */
}

#fancybox-loading.fancybox-ie6 div {
  background: 0 0
}

.fancybox-ie .fancybox-bg {
  background: 0 0 !important
}

.fancybox-ie #fancybox-bg-n {
  top: -20px
}

.fancybox-ie #fancybox-bg-ne {
  top: -20px;
  right: -20px
}

.fancybox-ie #fancybox-bg-e {
  bottom: 0;
  right: -20px
}

.fancybox-ie #fancybox-bg-se {
  bottom: -20px;
  right: -20px
}

.fancybox-ie #fancybox-bg-s {
  bottom: -20px
}

.fancybox-ie #fancybox-bg-sw {
  bottom: -20px;
  left: -20px
}

.fancybox-ie #fancybox-bg-w {
  top: 0;
  left: -20px
}

.fancybox-ie #fancybox-bg-nw {
  top: -20px;
  left: -20px
}


/* FAncybox Component Styles Ends  */

.counter {
  width: 420px;
  float: right
}

.counter-title {
  text-transform: uppercase;
  margin-top: -20px;
  width: 50px;
  float: left
}

.counter-title p {
  font-size: 11px;
  color: var(--gray);
  line-height: 15px;
  margin-top: 20px
}

.coutner-holder {
  float: left;
  margin-right: 10px
}

.coutner-holder p {
  margin: 0;
  font-size: 11px;
  text-align: center;
  text-transform: uppercase
}


/* 
#product-page {
  padding-top: 15px
} */

.dcountstyle {
  font: bold 24px Arial;
  padding: 3px;
  color: var(--white);
  letter-spacing: 6px
}

.dcountstyle .d {
  width: 88px;
  text-align: center;
  display: inline-block;
}

.dcountstyle .h {
  width: 78px;
  text-align: center;
  display: inline-block;
}

.dcountstyle .m {
  width: 68px;
  text-align: center;
  display: inline-block;
}

.dcountstyle .s {
  width: 88px;
  text-align: center;
  display: inline-block;
}

.dcountstyle sup {
  font-size: 90%
}

.dcountstyle sup {
  font-size: 90%
}

.dcimg-holder {
  border: 1px solid var(--gray);
  padding: 3px 3px 0 3px;
  float: left;
  margin: 4px 20px 0 0
}

.dhms {
  padding-left: 50px;
}


/* .dwnnewsletterright {
  float: right;
  width: 175px;
  height: 225px;
  margin-right: -100px
}

.dwnnewsletterleft {
  float: right;
  width: 175px;
  height: 225px;
  margin-right: 10px
}

.dwnnewsletterright img {
  width: 175px;
  height: 225px
}

.dwnnewsletterleft img {
  width: 175px;
  height: 225px
} */


/* Awards Page Styles Started Here */

.awbleftnav {
  width: 382px;
  height: 474px;
  background: url(../images/award.png) no-repeat;
  float: left;
  margin: 14px 0 0 71px
}

.awbrightnav {
  width: 630px;
  height: auto;
  font: 'Helvetica', Arial, sans-serif;
  float: left;
  margin: 10px 0 0 10px
}

.awbrightnav h2 {
  font: 72px/45px 'Helvetica', Arial, sans-serif;
  color: var(--theme-green);
  margin-top: 112px;
  text-indent: 25px
}

.awbrightnav span {
  font: 68px/40px 'Helvetica', Arial, sans-serif;
  margin-left: 25px
}

.awbrightnav p {
  font: 16px/20px 'Helvetica', Arial, sans-serif;
  color: #858585;
  margin-left: 25px
}

.awdpage {
  background: var(--theme-green);
  position: relative;
  margin-top: -30px
}

.star {
  position: absolute;
  left: 45%;
  width: 151px;
  height: 150px;
  background: url(../images/star.png) no-repeat;
  bottom: -51px;
  z-index: 2
}

.awdpage h2 {
  font: 100px/46px 'Helvetica', Arial, sans-serif;
  text-align: center;
  padding-top: 119px;
  color: var(--white);
}

.awdpage .award1 {
  font: 42px/40px 'Helvetica', Arial, sans-serif;
  color: var(--white);
}

.awdcontent {
  float: left;
  width: 550px;
  margin-left: 100px !important;
  margin-top: 10px
}

.frame1 {
  margin: auto;
  margin-left: 188px
}

.ffhed {
  font: 40px/40px 'Helvetica', Arial, sans-serif;
  margin-top: 50px;
  margin-bottom: 15px;
  color: var(--theme-green);
  text-align: center
}

.frame1 h1 {
  font: 40px/40px 'Helvetica', Arial, sans-serif;
  margin-top: 50px;
  margin-bottom: 15px;
  text-indent: 335px;
  color: var(--theme-green)
}

.frame1 ul {
  list-style: none;
  margin: 0 0 0 -6px;
  padding: 0;
  overflow: hidden
}

.frame1 ul li {
  float: left;
  padding: 20px 0 0 57px
}

.frame1 img {
  float: left
}

.awdcontent p {
  font: 20px/30px 'Helvetica', Arial, sans-serif;
  color: var(--white);
}

.dg-container {
  width: 100%;
  height: 460px;
  position: relative
}

.dg-wrapper {
  width: 481px;
  height: 316px;
  margin: 0 auto;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px
}

.dg-wrapper a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .3)
}

.dg-wrapper a.dg-transition {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.dg-wrapper a img {
  display: block;
  padding: 0 0 0 1px;
  width: 290px
}

.dg-wrapper a div {
  font-style: italic;
  text-align: center;
  line-height: 24px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, .5);
  color: var(--black-two);
  font-size: 16px;
  width: 100%;
  bottom: -75px;
  display: none;
  position: absolute
}

.dg-wrapper a.dg-center div {
  display: block
}

.dg-container nav {
  z-index: 1000;
  margin-top: -150px;
  margin-left: -10px
}

.dg-container nav span {
  text-indent: -9000px;
  float: left;
  cursor: pointer;
  width: 24px;
  height: 25px;
  opacity: .8
}

.dg-container nav span:hover {
  opacity: 1
}

.dg-container nav span.dg-next {
  background-position: top right;
  float: right;
  margin-right: 190px
}


/* Awards Page Styles Ends Here */

.spancontent {
  color: var(--black-two) !important;
  display: block;
  margin: 0 0 -2px !important
}

.headcontent {
  font: 61px/65px 'Helvetica', Arial, sans-serif;
}

.productspec {
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 40px !important
}

.productspec table {
  width: 100%
}

.productspec table tr th {
  color: #0db14b !important;
  border-bottom: dashed var(--gray) 1px;
  background: var(--white);
}

.productspec table tr td {
  padding: 10px;
  height: 30px
}

.productspec table tr th:first-child {
  border-right: dashed var(--gray) 1px;
  margin-right: 10px !important
}

.productspec table tr td:first-child {
  border-right: dashed var(--gray) 1px
}

.productspec table tr td:second-child {
  border-left: dashed var(--gray) 1px
}

.productspec table tr:nth-child(odd) {
  background: #edffed
}

.productspec table tr:nth-child(even) {
  background: var(--white);
}

.tdrbor {
  border-left: dashed var(--gray) 1px;
  padding-left: 10px !important
}

.spanmar {
  margin: 0 !important
}

.spanmar10 {
  margin: 0 0 5px !important;
  display: inline !important
}

.spmtittle2 {
  font: 48px/40px 'Helvetica-Light', Arial, sans-serif;
  color: #333334
}

.fts {
  font-size: 60px !important;
  line-height: 60px !important;
  overflow: hidden
}

.greenbg {
  width: 100%;
  background: var(--theme-green);
  height: auto;
  position: relative;
  margin-top: 50px
}

.gbgpad {
  padding: 80px 0 30px 0 !important
}

.gbgsrpad {
  padding: 20px 0 150px 0 !important
}

.ghed {
  font: 100px/120px 'Helvetica-Light', Arial, sans-serif;
  color: var(--white);
  text-align: center
}

.ghedfz {
  font-size: 72px !important;
  line-height: 80px !important
}

.gtit {
  font: 24px/40px 'Helvetica', sans-serif;
  color: var(--black);
  text-align: center;
  text-transform: uppercase
}

.iconmid {
  width: 152px;
  height: 152px;
  position: absolute;
  left: 49%;
  top: -76px
}

.yctrlslike {
  width: 683x;
  height: 484px;
  position: absolute;
  left: 30%;
  bottom: -350px
}

.yctrlsmg {
  margin-bottom: 400px !important
}

.gconbg {
  width: 960px;
  height: auto;
  margin: 30px auto
}

.gconbg ul {
  margin: 0;
  padding: 0
}

.gconbg ul li {
  float: left;
  padding: 0 19px;
  border-left: dashed 1px var(--white);
  list-style: none;
  width: 200px;
  min-height: 130px
}

.gconbg ul li.first {
  border-left: none !important
}

.gconbg ul li .gh {
  font: 16px/25px 'Helvetica', Arial, sans-serif;
  color: var(--white) !important
}

.gconbg ul li strong {
  font: 40px/35px 'Helvetica', Arial, sans-serif;
  color: var(--white);
  clear: both
}

.gconbg ul li p {
  font: 14px/25px 'Helvetica', Arial, sans-serif;
  color: var(--white);
  clear: both
}

.mlbg {
  width: 283px;
  margin: auto
}


/* Life at CTRLS Styles Started */

.morelist {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 283px !important;
  font-size: 14px;
  line-height: 20px
}

.morelist a {
  display: block;
  padding: 9px 5px 8px 50px;
  color: #0a98dc;
  position: relative;
  margin: 0 0 -2px
}

.morelist li:first-child a {
  border-top: 1px solid #0984bd
}

.morelist .active,
.morelist li:hover {
  position: relative;
  z-index: 10
}

.morelist .ico-01 {
  width: 16px;
  height: 17px;
  position: absolute;
  left: 21px;
  top: 10px;
  background: url(../images/ico-011.png) no-repeat
}

.morelist .ico-02 {
  width: 23px;
  height: 15px;
  position: absolute;
  left: 18px;
  top: 11px;
  background: url(../images/ico-012.png) no-repeat
}

.morelist .ico-03 {
  width: 23px;
  height: 23px;
  position: absolute;
  left: 16px;
  top: 5px;
  background: url(../images/ico-013.png) no-repeat
}

.morelist .ico-04 {
  width: 18px;
  height: 21px;
  position: absolute;
  left: 20px;
  top: 8px;
  background: url(../images/ico-014.png) no-repeat
}

.morelist .active a,
.morelist a:hover {
  color: var(--white);
  text-decoration: none;
  border: 1px solid #0984bd;
  padding: 9px 5px 7px 49px;
  background: #00adff;
  background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjk4ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00adff), color-stop(100%, #0b98da));
  background: -webkit-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -o-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: -ms-linear-gradient(top, #00adff 0, #0b98da 100%);
  background: linear-gradient(to bottom, #00adff 0, #0b98da 100%);
  -pie-background: linear-gradient(top, #00adff 0, #0b98da 100%)
}

.morelist .active .ico-01,
.morelist a:hover .ico-01 {
  background-position: 0 -17px
}

.morelist .active .ico-02,
.morelist a:hover .ico-02 {
  background-position: 0 -15px
}

.morelist .active .ico-03,
.morelist a:hover .ico-03 {
  background-position: 0 -23px
}

.morelist .active .ico-04,
.morelist a:hover .ico-04 {
  background-position: 0 -21px
}


/* Life at CTRLS Styles Ends */

.nbg {
  background: 0 0 !important;
  border: none !important
}

.npdtb {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.mbg {
  width: var(--default-width);
  margin: auto;
  padding: 20px 0 0 0
}

.mbghed {
  font: 40px/46px 'Helvetica-Light', Arial, sans-serif;
  color: var(--theme-green);
  margin: 0 0 9px
}

.mbgp {
  font: normal 16px/24px 'Helvetica', Arial, sans-serif;
  color: var(--gray-one)
}

.dividdash {
  width: 750px;
  margin: 0 auto 30px;
  padding: 40px 140px 0 210px;
  background: url(../images/sep-001.gif) repeat-x 0 100%;
  clear: both
}

.info-section .certifications2 {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  text-align: center;
  color: #125814
}

.info-section .certifications2 li {
  float: left;
  border-left: 1px solid #eaeaea;
  width: 130px;
  height: auto
}

.info-section .certifications2 li:first-child {
  border: 0
}

.info-section .certifications2 p {
  margin: 0
}

.info-section .certifications2 p a {
  text-decoration: none;
  color: #125814
}

.info-section .certifications2 p a:hover {
  color: #2fb416
}

.info-section .certifications2 img {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 5px 6px
}

.inpt {
  background: #e2f0f7;
  border: #c6dce7 solid 1px;
  padding: 8px 5px;
  width: 220px !important
}

.inpt2 {
  background: #e2f0f7;
  border: #c6dce7 solid 1px;
  padding: 5px 5px;
  width: 220px !important
}

.inpbg {
  border: none !important;
  outline: 0 !important;
  background: 0 0 !important;
  -webkit-appearance: none !important
}

.styled-select {
  width: 87%;
  height: 20px;
  overflow: hidden;
  background: url(../images/new_arrow.png) no-repeat right;
  padding: 8px 5px
}

.styled-select select {
  background: 0 0;
  width: 87%;
  padding: 2px 5px;
  font-size: 16px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  height: 23px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer
}

.scd {
  -webkit-appearance: none !important;
  border: none;
  outline: 0;
  background: url(../images/new_arrow.png) no-repeat right #e2f0f7
}

.searchresult {
  width: var(--default-width);
  height: auto;
  margin: auto;
  margin-bottom: 40px
}

.searchline {
  border-bottom: 1px solid #d6d6d6;
  padding: 20px 0 !important;
  position: relative;
  margin-bottom: 20px;
  clear: both
}

.searchhed {
  background: var(--white);
  color: var(--gray-one);
  font: normal 14px/41px 'Helvetica', Arial, sans-serif;
  position: absolute;
  left: 0;
  top: 18px;
  padding: 0 8px
}

.result {
  width: 100%;
  float: left;
  clear: both
}

.resultconbg {
  border: #e4e4e4 solid 1px;
  border-bottom: #bfbfbf solid 3px;
  width: 218px;
  height: auto;
  min-height: 260px;
  float: left;
  padding: 20px;
  color: var(--gray-one);
  line-height: 18px;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
  cursor: pointer
}

.resultconbg:hover .resultconbghov {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: All .3s ease;
  -moz-transition: All .3s ease;
  -o-transition: All .3s ease
}

.resultconbghov {
  border: #e4e4e4 solid 1px;
  border-bottom: #bfbfbf solid 3px;
  width: 218px;
  height: auto;
  padding: 40px 20px;
  color: var(--gray-one);
  line-height: 18px;
  background: url(../images/hoverscrollbg.png) repeat;
  position: absolute;
  left: 0;
  top: -400px;
  min-height: 260px
}

.seedetails {
  width: 218px;
  height: 40px;
  margin-bottom: 10px;
  margin: auto;
  display: block;
  text-align: center;
  color: var(--white);
  text-transform: uppercase;
  font: normal 14px/40px 'Helvetica', Arial, sans-serif;
  margin-bottom: 18px;
  background: #00adff;
  background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTk4ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #00adff 0, #0a98dc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00adff), color-stop(100%, #0a98dc));
  background: -webkit-linear-gradient(top, #00adff 0, #0a98dc 100%);
  background: -o-linear-gradient(top, #00adff 0, #0a98dc 100%);
  background: -ms-linear-gradient(top, #00adff 0, #0a98dc 100%);
  background: linear-gradient(to bottom, #00adff 0, #0a98dc 100%)
}

.seedetails a {
  display: block;
  text-decoration: none;
  color: var(--white);
}

.seedetails a:hover {
  display: block;
  text-decoration: none;
  color: var(--black);
}

.butaplynow {
  width: 218px;
  height: 40px;
  margin-bottom: 10px;
  margin: auto;
  display: block;
  text-align: center;
  color: var(--white);
  text-transform: uppercase;
  font: normal 14px/40px 'Helvetica', Arial, sans-serif;
  margin-bottom: 18px;
  background: #5db967;
  background: url('data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkYjk2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Y2IyNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #5db967 0, #4cb250 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5db967), color-stop(100%, #4cb250));
  background: -webkit-linear-gradient(top, #5db967 0, #4cb250 100%);
  background: -o-linear-gradient(top, #5db967 0, #4cb250 100%);
  background: -ms-linear-gradient(top, #5db967 0, #4cb250 100%);
  background: linear-gradient(to bottom, #5db967 0, #4cb250 100%)
}

.butaplynow a {
  display: block;
  text-decoration: none;
  color: var(--white);
}

.butaplynow a:hover {
  display: block;
  text-decoration: none;
  color: var(--black);
}

.smedia {
  background: #b1cddb;
  width: 216px;
  height: 26px;
  margin: auto;
  padding: 7px 1px
}

.smedia ul {
  margin: 0;
  padding: 0
}

.smedia ul li {
  width: 26px;
  height: 26px;
  float: left;
  list-style: none;
  margin: 0 13px
}

.rched {
  color: var(--black-two);
  font: normal 21px/25px 'Helvetica', Arial, sans-serif;
  border-bottom: dashed 1px var(--theme-green);
  padding-bottom: 5px;
  margin-bottom: 10px
}

.fleft {
  float: left !important
}

.bbtm {
  border-bottom: solid 1px #c1c1c1;
  clear: both;
  margin: 10px 0
}

.pupcon {
  background: url(../images/tick.png) no-repeat left 8px;
  color: #989898;
  font: normal 14px/25px 'Helvetica', Arial, sans-serif;
  padding-left: 23px;
  margin-bottom: 10px;
  clear: both
}

.npbtm {
  margin-bottom: 0 !important
}

.npdtm {
  padding-bottom: 0 !important
}

.midman-watctrls {
  width: 914px;
  height: 637px;
  position: absolute;
  left: 26%;
  bottom: -500px;
  margin-bottom: 80px
}

#featured {
  width: 660px;
  padding-right: 200px;
  position: relative;
  height: 400px;
  overflow: hidden;
  margin: auto !important
}

#featured ul.ui-tabs-nav {
  position: absolute;
  top: 0;
  left: 660px;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 200px;
  height: 400px;
  overflow: auto;
  overflow-x: hidden
}

#featured ul.ui-tabs-nav li {
  padding-left: 13px;
  font-size: 12px;
  color: var(--gray-one)
}

#featured ul.ui-tabs-nav li img {
  float: left;
  padding: 2px
}

#featured ul.ui-tabs-nav li iframe {
  margin-left: 20px;
  margin-bottom: 10px;
  cursor: pointer
}

#featured ul.ui-tabs-nav li span {
  font-size: 11px;
  font-family: 'Helvetica', Arial,  sans-serif;
  line-height: 18px
}

#featured li.ui-tabs-nav-item a {
  display: block;
  height: 100px;
  text-decoration: none;
  color: var(--black-two);
  background: var(--theme-green);
  outline: 0;
  border-left: var(--white) solid 1px;
}

#featured li.ui-tabs-active,
#featured li.ui-tabs-selected {
  background: url(../images/selected-item.gif) no-repeat 4px top;
  z-index: 10
}

#featured .ui-tabs-panel {
  width: 640px;
  height: 390px;
  position: relative;
  margin-bottom: 10px;
  margin-right: 20px
}

#featured .ui-tabs-panel .info {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 90px
}

#featured .ui-tabs-panel .info a.hideshow {
  position: absolute;
  font-size: 11px;
  font-family: 'Helvetica', Arial, sans-serif;
  color: #f0f0f0;
  right: 10px;
  top: -20px;
  line-height: 20px;
  margin: 0;
  outline: 0;
  background: var(--black-two)
}

#featured .info h2 {
  font-size: 1.2em;
  font-family: 'Helvetica', Arial, sans-serif;
  color: var(--white);
  padding: 5px;
  margin: 0;
  font-weight: 400;
  overflow: hidden
}

#featured .info p {
  margin: 0 5px;
  font-family: 'Helvetica', Arial, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #f0f0f0
}

#featured .info a {
  text-decoration: none;
  color: var(--white);
}

#featured .info a:hover {
  text-decoration: underline
}

#featured .ui-tabs-hide {
  display: none
}

.info-sectionmargin {
  margin-top: -31px
}

.teshed {
  color: var(--white);
  font: 48px/50px 'Helvetica-Light', Arial, sans-serif;
}

.tesp {
  color: var(--white);
  font: 16px/20px 'Helvetica', Arial, sans-serif !important;
  margin-bottom: 20px
}

.text-justify {
  text-align: justify !important
}

.fntsize {
  font: 72px/65px 'Helvetica', Arial, sans-serif;
  margin: 0;
  color: var(--theme-green);
  background: url(../images/bg-ttl-001.png) no-repeat 122px 7px;
  padding: 0 98px 32px 373px
}

.fntsize {
  background: 0 0;
  padding: 0;
  line-height: 72px
}

.gallery .block-05 p.title-01 {
  padding: 0 128px 37px 131px
}

.gallery .block-05 p strong {
  display: block;
  font-weight: 600;
  margin: -14px 0 0;
  position: relative
}

.gallery .block-05 p strong.alignright {
  float: right
}

.gallery .block-05 p strong em {
  float: left;
  font-style: normal
}

.gallery .block-05 p.title-01 strong span {
  margin: 0 0 0 14px
}

.gallery .block-05 p strong span {
  float: left
}

.gallery .block-05 p.title-01 .ico {
  background: url(../images/ico03.png) no-repeat;
  width: 107px;
  height: 125px;
  margin: -61px -16px 0 -8px
}

.gallery .block-05 p.title-01 strong span {
  margin: 0 0 0 14px
}

.gallery .block-05 p span {
  color: var(--black-two);
  display: block;
  margin: 0 0 -12px
}

.gallery .block-05 p .ico {
  text-indent: -9999px;
  overflow: hidden
}

.gallery .block-05 p.title-01:after {
  clear: both;
  content: '';
  display: block
}

.container {
  width: var(--default-width);
  margin: 0 auto
}

.careers {
  background-color: #692668;
  color: var(--white);
  padding: 20px 0
}

.careers .imgdiv {
  height: 220px !important
}

.careers h3,
.careers h1 {
  color: var(--white);
  font-size: 22px;
  text-align: center;
  text-transform: uppercase;
  padding-right: 20px;
  padding-left: 20px
}

.careers p {
  color: var(--white);
  font-size: 14px;
  padding-right: 20px;
  padding-left: 20px;
  line-height: 1.5
}

.joblist {
  width: 100%;
  clear: both;
  display: table;
  font-size: 17px
}

.joblist li {
  padding: 0
}

.joblist a {
  background: url(../images/job-icon.png) no-repeat 0 center;
  color: var(--white);
  height: 40px;
  line-height: 40px;
  padding-left: 40px;
  display: block
}

.careers-bottom {
  background-color: #ffc233;
  color: var(--black-two);
}

.careers-bottom h2 {
  color: var(--black-two);
  font-size: 22px;
  text-align: center;
  text-transform: uppercase;
  padding: 20px
}

.careers-bottom p {
  color: var(--black-two);
  font-size: 14px;
  padding: 20px;
  line-height: 1.5
}

.careers-bottom form {
  color: var(--black-two);
  font-size: 14px;
  padding: 20px
}

.clearfix::after {
  display: block;
  clear: both;
  content: ""
}

.staffmbg {
  width: 1050px;
  height: auto;
  clear: both;
  margin: auto
}

.staffmbg ul {
  margin: 0;
  padding: 0
}

.staffmbg ul li {
  float: left;
  list-style: none;
  margin: 0 25px;
  width: 300px
}

.staffmbg ul li .imgdiv {
  width: 300px;
  height: 185px;
  position: relative
}

.staffmbg ul li .imgdiv img {
  position: absolute;
  left: 25px;
  top: 0
}

.staffmbg ul li .imgdiv .con {
  position: absolute;
  left: 175px;
  top: 10px;
  width: 87px;
  height: 77px;
  font: normal 12px/20px 'Helvetica', Arial, sans-serif;
  color: var(--white);
  text-align: center
}

.staffmbg ul li .imgdiv .con strong {
  font: normal 40px/40px 'Helvetica', Arial, sans-serif;
  color: var(--white);
  text-align: center
}

.staffmbg ul li p {
  margin: 0;
  padding: 0
}


/* Careers Page Ends Here */

.in-wrapper {
  position: relative;
  padding: 0 0 30px;
  width: var(--default-width);
  margin: 0 auto;
  font-family: 'Helvetica', Arial, sans-serif;
}


/* .banner-imgm {
  margin-top: 9%
} */

.banner-flex {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.set-left {
  float: left;
  width: 60%
}

.set-right {
  float: right;
  width: 50%
}

.banner-textm h2 {
  font: 48px/60px 'Helvetica', Arial, sans-serif;
  color: var(--black-two);
  margin: 0;
  margin-bottom: 20px
}

.banner-textm p {
  margin: 0;
  font: 18px/22px 'Helvetica', Arial, sans-serif;
}

.banner-textm a.banner-clicks {
  width: 247px;
  height: 76px;
  background: #1ca838;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  color: var(--white);
  font-size: 24px;
  text-decoration: none;
  text-transform: capitalize
}

.loc-text h3 {
  font-size: 46px;
  color: var(--black);
  margin-top: 12px;
  line-height: 74px;
  font-weight: 400;
  margin-bottom: 40px
}

.text-icon,
ul.img-text-icon {
  margin: 0;
  padding: 0
}

ul.img-text-icon li {
  display: block;
  float: left;
  color: var(--black);
  margin-right: 48px
}

ul.img-text-icon li:last-child {
  margin: 0
}

ul.img-text-icon li img {
  height: 43px;
  width: auto
}

ul.img-text-icon li p {
  font-size: 20px;
  margin: 5px 0;
  line-height: 30px
}

ul.img-text-icon li small {
  margin: 0;
  font: 12px/14px 'Helvetica', Arial, sans-serif;
}

.image-slid-in img {
  max-width: 611px
}

.loc-text h4 {
  font-size: 20px;
  margin: 25px 0 15px 0;
  line-height: 30px;
  font-weight: 400;
  text-shadow: 0 0 0 var(--black);
}

.text-icon li {
  background-image: url(../images/square.jpg);
  background-repeat: no-repeat;
  background-position: left 3px;
  display: block;
  padding-left: 26px;
  margin-bottom: 16px;
  font: 14px/18px 'Helvetica', Arial, sans-serif;
}

.sec-btn2 {
  display: inline-block;
  width: 215px;
  padding: 8px 18px;
  border: 2px solid #1ca838;
  box-sizing: border-box;
  border-radius: 4px;
  color: #1ca838;
  text-decoration: none;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 600 13px/22px 'Helvetica', Arial, sans-serif;
}

.btn-black {
  border: 2px solid #4c4c4c !important;
  color: var(--white);
  background: #4c4c4c !important
}

.pri-btn2 {
  display: inline-block;
  width: 215px;
  padding: 10px 18px;
  background: #0fb24d;
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--white);
  text-decoration: none;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 600 13px/22px 'Helvetica', Arial, sans-serif;
}

.desk4-banner {
  position: relative
}

.desk4-banner img {
  width: 100%;
  height: 94.1%
}


/* .pos-ab {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.desk4-imgm {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
} */


/* .desk4-textm {
  position: absolute;
  left: 12%;
  z-index: 9
}

.desk4-textm p {
  font-size: 74px;
  color: var(--white);
  font-weight: 300;
  margin: 0;
  line-height: 119px;
  color: #fdfdfd
}

.desk4-textm span {
  font-size: 16px;
  color: var(--white);
  display: block
}

.desk4-textm span::before {
  width: 109px;
  height: 2px;
  background: var(--black);
  content: "";
  display: inline-block;
  margin-right: 8px;
  position: relative;
  top: -2px
}

.desk4-textm p i {
  color: #00ff70;
  font-weight: 400;
  display: block;
  font-size: 54px;
  font-style: normal;
  line-height: 90px
} */

.leadership-talk h2 {
  color: var(--black-one);
  margin: 50px 0;
  font-size: 40px;
  line-height: 59px;
  text-align: center;
  color: var(--black-one);
  margin-top: 20px
}

.leadership-talk ul {
  padding: 0;
  margin: 0
}

.leadership-talk ul li {
  float: left;
  width: 30%;
  display: block;
  max-width: 348px;
  margin-right: 55px;
  margin-bottom: 60px
}

.leadership-talk ul li:nth-child(3n) {
  margin-right: 0
}

.leadership-talk ul li img {
  width: 85%
}

.leadership-talk ul li h3 {
  color: var(--black-one);
  font-size: 24px;
  margin-top: 10px;
  line-height: 1
}

.leadership-talk ul li p {
  font-size: 14px;
  margin-top: 0;
  color: var(--black);
  line-height: 1
}

.hyper .leadership-talk ul.ctrl-img li {
  width: 18%;
  background: var(--white);
}

.hyper .leadership-talk ul.ctrl-img li img {
  max-width: 100px;
  margin-top: 17px;
}

.hyper .leadership-talk ul li {
  margin-right: 25px;
  margin-bottom: 25px;
}

.hyper .leadership-talk ul li:nth-child(4n),
.hyper .leadership-talk ul li:nth-child(3n) {
  margin-right: 25px;
}

.hyper .leadership-talk ul.ctrl-img li:nth-child(5),
.hyper .leadership-talk ul.ctrl-img li:nth-child(10) {
  margin-right: 0px;
}

.hyper .leadership-talk h2 {
  color: #34a536;
  text-align: center;
  font-size: 26px;
}

.hyper .leadership-talk.in-wrapper {
  background: #f3f3f3;
  padding: 45px;
  box-sizing: border-box;
  padding-bottom: 75px;
}

.hyper .content.noBg {
  background: transparent;
}

.hyper .spancontent {
  margin: 5px 0 5px !important;
  font-size: 58px;
}

div.grn-bg {
  background-color: #009e3c8a;
  padding: 5% 0 4% 0
}

.text-5 p {
  color: var(--black-one);
  width: 95%;
  font: 18px/30px 'Helvetica', Arial, sans-serif;
}

.img-5 {
  background: var(--white);
  border-radius: 10px;
  padding: 30px;
  box-sizing: border-box
}

.img-5 img {
  width: 100%
}

ul.img-fix {
  text-align: center
}

ul.img-fix h4 {
  font-size: 18px;
  color: var(--black-one);
  line-height: 1
}

.leadership-talk ul.img-fix li img {
  width: auto;
  margin: 0 auto
}

.leadership-talk ul.twoin li img {
  width: auto;
  height: 65px
}

.leadership-talk ul.twoin li {
  width: 50%
}

.leadership-talk ul.twoin li {
  width: 50%;
  margin: 0;
  text-align: center;
  margin-bottom: 44px;
  height: 100px;
  position: relative
}

.leadership-talk ul.twoin li h4 {
  font-weight: 400;
  margin: 10px 0 0 0;
  font: 18px/21px 'Helvetica', Arial, sans-serif;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0
}

.suc-text {
  padding: 0 50px;
  box-sizing: border-box
}

.suc-text>div span.spn {
  font-size: 16px;
  line-height: 24px;
  text-decoration-line: underline;
  color: #878787;
  display: block
}

.tabes-jun #tabs li a img.dis-act {
  display: none
}

.tabes-jun #tabs li.ui-tabs-selected a img.dis-act {
  display: inline-block
}

.tabes-jun #tabs li.ui-tabs-selected a img {
  display: none
}

.suc-text>div p {
  font: 18px/21px 'Helvetica', Arial, sans-serif;
  color: var(--black-one);
  margin: 5px 0 0 0
}

.suc-text>div.ext-h-e p {
  font: 16px/19px 'Helvetica', Arial, sans-serif;
}

.suc-text>div.ext-h-e {
  margin-bottom: 10px
}

.suc-text>div h5 {
  font-size: 28px;
  color: #0fb24d;
  line-height: 41px;
  margin: 5px 0 0 0;
  font-weight: 400
}

.suc-text>div {
  margin-bottom: 20px
}

.suc-text>div ul li p {
  font: 16px/24px 'Helvetica', Arial, sans-serif;
  margin: 0;
  color: var(--black);
  float: left
}

.suc-text>div ul li p.exp-text {
  font: 14px/24px 'Helvetica', Arial, sans-serif;
  display: none
}

.suc-text>div ul li p.exp-text.exp-active {
  display: block
}

.suc-text>div ul li span img {
  width: 15px;
  margin-right: 6px
}

.suc-text>div ul li span {
  float: right;
  cursor: pointer
}

.suc-text>div ul li {
  border-top: 1px solid var(--black);
  width: 100%;
  margin: 0;
  padding: 12px 0 9px 0
}

.leadership-talk ul.grid-system li {
  width: 25%;
  margin: 0 !important;
  padding: 2px;
  box-sizing: border-box
}

.leadership-talk ul.grid-system li div {
  position: relative
}

.leadership-talk ul.grid-system li img {
  width: 100%
}

.leadership-talk ul.grid-system li p {
  position: absolute;
  bottom: 0;
  font: 18px/21px 'Helvetica', Arial, sans-serif;
  color: var(--white);
  width: 100%;
  text-align: center
}

a.banner-click {
  background: #438de0;
  color: var(--white);
  max-width: fit-content;
  display: block;
  padding: 8px 18px;
  border-radius: 4px;
  text-transform: uppercase;
  margin-top: 20px;
  font-weight: 600;
  font-size: 13px
}

#tabs .new-ban {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 40px
}

#tabs .new-ban .heading-02 {
  padding: 0;
  margin-bottom: 30px
}

#tabs .dev-columns {
  background: no-repeat;
  text-align: center;
  clear: both;
  display: flex;
  width: 100%;
  justify-content: center
}

#tabs .dev-columns .dev-col {
  display: inline-block;
  width: auto;
  padding: 0;
  float: none;
  font: 16px/22px  'Helvetica', Arial, sans-serif;
  margin: 0 30px;
  position: relative
}

#tabs .dev-columns .dev-col .slideIco {
  width: 50px;
  height: 50px;
  background: url(../images/homepageSprite.png) no-repeat center center;
  display: inline-block;
}

#tabs .dev-columns .dev-col .slideIco.ic1 {
  background-position: -140px -5px;
}

#tabs .dev-columns .dev-col .slideIco.ic2 {
  background-position: -5px -90px;
}

#tabs .dev-columns .dev-col .slideIco.ic3 {
  background-position: -65px -90px;
}

#tabs .dev-columns .dev-col .slideIco.ic5 {
  background-position: -125px -90px;
}

#tabs .dev-columns .dev-col .slideIco.ic6 {
  background-position: -200px -5px;
}

#tabs .dev-columns .dev-col .slideIco.ic7 {
  background-position: -200px -65px;
}

#tabs .dev-columns .dev-col .slideIco.ic8 {
  background-position: -5px -150px;
}

#tabs .dev-columns .dev-col .slideIco.ic9 {
  background-position: -65px -150px;
}

#tabs .dev-columns .dev-col .slideIco.ic10 {
  background-position: -125px -150px;
}

x .bg-slider_nav_dot_white {
  width: 9px;
  height: 9px;
  background: url(../images/homepageSprite.png) no-repeat -185px -150px;
}

#tabs .dev-columns .dev-col::after {
  content: "";
  position: absolute;
  height: 100%;
  border: 2px dotted var(--white);
  display: block;
  top: 0;
  right: -32px
}

#tabs .dev-columns .dev-col:last-child::after {
  display: none
}

#tabs .dev-columns .dev-col p {
  margin: 0;
  height: 75px
}

.loc-imgm {
  position: relative;
  width: 40%
}

.loc-imgm img {
  position: relative;
  top: 26px;
  right: 30px;
  z-index: 9
}

.loc-imgm::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

.set-right.loc-imgm::before {
  right: 0;
  left: inherit
}

.set-right.loc-imgm {
  text-align: right
}

.set-right.loc-imgm img {
  right: 40px;
  left: inherit
}

.data-center-slid ul {
  margin: 0;
  padding: 0
}

.data-center-slid ul li {
  display: block
}

.data-center-slid::before {
  content: "";
  width: 78%;
  height: 2px;
  background: #8cea83;
  display: block;
  top: -40px;
  position: absolute;
  left: 0;
  margin: 0 auto;
  right: 0
}

.data-center-slid {
  margin-top: 100px;
  position: relative
}

.image-slid-in {
  float: left;
  width: fit-content
}

.text-slid {
  float: left;
  margin-left: 40px
}

.text-slid h3 {
  font-size: 50px;
  line-height: 74px;
  font-weight: 400;
  margin: 20px 0 12px 0
}

.img-f li {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 30px;
  display: flex !important;
  align-items: center;
  font: 24px/46px 'Helvetica', Arial, sans-serif;
}

.img-f img {
  margin-right: 6px;
  height: auto;
  width: 40px
}

ul.top-ul {
  width: fit-content;
  margin: 0 auto 100px
}

ul.top-ul {
  width: max-content
}

.inner-div>div {
  margin: 0 auto;
  right: 0
}

.gallery .flex-nav-holder.new-Holder .flex-direction-nav li {
  top: 45px
}

.gallery .flex-nav-holder.new-Holder .flex-direction-nav li:last-child {
  right: 128px
}

.data-center-slid h3 {
  font-weight: 400;
  font-size: 50px;
  line-height: 74px;
  text-align: left;
  margin-bottom: 54px
}

.in-tests p {
  font: 21px/40px 'Helvetica', Arial, sans-serif;
}

.slide-bg.leadership-talk {
  position: relative;
  padding-top: 70px
}

.slide-bg.leadership-talk::before {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(../images/ractshadow.png);
  width: 100%;
  height: 140%;
  content: "";
  z-index: -1;
  top: -130px
}

.big-text p {
  text-align: center;
  color: var(--black);
  font: 21px/30px 'Helvetica', Arial, sans-serif;
}

.leadership-talk ul.leader-img li {
  width: 233px;
  height: 288px;
  margin-bottom: 55px;
  margin-right: 55px;
  cursor: pointer;
  text-align: center
}

.leadership-talk ul.leader-img li p {
  font: 18px/22px 'Helvetica', Arial, sans-serif;
  margin: 5px 0 0 0;
  display: block
}

.leadership-talk ul.leader-img li p span {
  display: block;
  font-size: 16px
}

.leadership-talk ul.leader-img li:nth-child(4n) {
  margin-right: 0
}

.certifications-section img {
  margin: 20px 12px;
  width: 16%;
  height: auto
}

.certifications-section img.have-bord {
  border: 2px solid var(--black);
  width: 30%
}

.certi-bg {
  background-image: url(../images/certi-bg.png);
  text-align: center;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
  padding: 50px 0 0 0
}

.display-flx {
  display: flex
}

.multi-bg p {
  font-weight: 600;
  font-size: 40px;
  line-height: 59px;
  color: var(--black-one);
  margin: 0 0 5px 0
}

.multi-bg small {
  color: var(--black-one);
  font: 20px/24px 'Helvetica', Arial, sans-serif;
  display: block
}

.multi-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background-image: url(../images/tr-CtrlS.png), url(../images/type-img.png);
  background-position: center center, 272px top;
  background-repeat: no-repeat, no-repeat
}

.gr-bg {
  background: #f1fff3;
  padding: 50px 25px;
  box-sizing: border-box
}

.gr-bg div h5 {
  font-weight: 700;
  font: 22px/26px 'Helvetica', Arial, sans-serif;
  color: #212121;
  margin-bottom: 8px
}

.gr-bg div p {
  font: 18px/21px 'Helvetica', Arial, sans-serif;
  color: #212121;
  margin: 0
}

.gr-bg div a {
  font: 16px/19px 'Helvetica', Arial, sans-serif;
  color: #212121;
  background-image: url(../images/down-ar.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 22px;
  display: block;
  margin-top: 8px;
  line-height: 24px
}

.gr-bg div {
  margin: 20px 0
}

.big-ero {
  font: 22px/26px 'Helvetica', Arial, sans-serif;
  color: #0fb24d;
  background-image: url(../images/right-ero.png);
  background-position: right -1px;
  background-repeat: no-repeat;
  padding-right: 50px
}

.new-par p {
  font: 20px/30px 'Helvetica', Arial, sans-serif;
  text-align: center
}

.leadership-talk ul.wave-ui {
  margin-top: 70px;
  text-align: center
}

.leadership-talk ul.wave-ui li {
  width: 33.3333%;
  margin: 0 0 60px 0;
  float: none;
  display: inline-block;
  text-align: left;
  position: relative
}

.leadership-talk ul.wave-ui li h4 {
  font: 24px/28px 'Helvetica', Arial, sans-serif;
  font-weight: 700;
  margin: 32px 0 18px 0
}

.leadership-talk ul.wave-ui li p {
  font: 20px/26px 'Helvetica', Arial, sans-serif;
  width: 94%
}

.leadership-talk ul.wave-ui li a {
  color: #429868
}

.leadership-talk ul.wave-ui li img {
  width: auto;
  height: 90px
}

.leadership-talk ul.wave-ui li.f-way::before {
  background-image: url(../images/work2.png);
  background-repeat: no-repeat;
  background-position: -18px 20px;
  content: "";
  height: 65px;
  position: absolute;
  width: 388px;
  top: -39px;
  left: 78px
}

.leadership-talk ul.wave-ui li.l-way::before {
  background-image: url(../images/work4.png);
  background-repeat: no-repeat;
  background-position: -18px 20px;
  content: "";
  height: 65px;
  position: absolute;
  width: 286px;
  top: 24px;
  left: 83px
}

.leadership-talk ul.ctrl-img li {
  text-align: center
}

.leadership-talk ul.ctrl-img li p {
  font: 18px/21px 'Helvetica', Arial, sans-serif;
}

.leadership-talk ul.ctrl-img li img {
  width: auto;
  margin-bottom: 20px
}

.sub-headin {
  text-align: center;
  font: 22px/26px 'Helvetica', Arial, sans-serif;
  text-transform: capitalize;
  margin: 0;
  display: block;
  opacity: .5
}

.mar-top {
  margin-top: 130px
}

.gallery .flex-nav-holder.new-Holders .flex-direction-nav li {
  top: 125px;
  background: 0 0;
  width: auto;
  height: auto
}

.gallery .flex-nav-holder.new-Holders .flex-direction-nav li:first-child {
  left: -90px
}

.gallery .flex-nav-holder.new-Holders .flex-direction-nav li:last-child {
  right: 90px
}

.galleryContainer {
  padding-top: 25px;
  padding-left: 50px;
}

.add-bord li {
  border: 1px solid rgba(0, 0, 0, .1);
  box-sizing: border-box;
  border-radius: 4px;
  min-height: 235px
}

.leadership-talk.add-bord ul li h3 {
  font: 14px/20px 'Helvetica', Arial, sans-serif;
  padding: 8px;
  margin: 0
}

.leadership-talk.add-bord ul li p {
  font: 14px/21px 'Helvetica', Arial, sans-serif;
  padding: 8px;
  margin: 0
}

.video-overlay {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #000000a6
}

.video-in {
  position: absolute;
  top: 20px;
  right: 20px;
  border: 2px solid var(--white);
  color: var(--white);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  font: 18px/0 'Helvetica', Arial, sans-serif;
}

.video-in.blck {
  border: 2px solid var(--black);
  color: var(--black);
}

.video-overlay div {
  width: 60%
}

.video-overlay video {
  width: 100%
}

.leader-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--white);
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center
}

.le-text {
  float: left;
  width: 65%;
  background: #f1fff3;
  padding: 55px;
  box-sizing: border-box
}

.leadership-talk ul.leader-img li .le-text p {
  display: block;
  font: 18px/40px 'Helvetica', Arial, sans-serif;
}

.leadership-talk ul.leader-img li .le-image img {
  width: auto;
  height: auto;
  max-width: 92%;
  margin-top: 38%
}

.leadership-talk ul.leader-img li .le-image a {
  display: inline-block;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: var(--black-one);
  background-image: url(../images/link-imgs.png);
  background-repeat: no-repeat;
  background-position: left top;
  margin-top: 15px;
  padding-left: 30px
}

.le-image {
  float: left;
  width: 35%;
  padding: 30px;
  box-sizing: border-box;
  text-align: center
}

.popup-wrap-in {
  padding: 0;
  display: flex
}

.leadership-talk ul li video {
  width: 100%
}

.leadership-talk ul li iframe {
  width: 100%;
  height: 174px
}

.banner-textm.add-lu p {
  font: 28px/33px 'Helvetica', Arial, sans-serif;
}


/* Video Channels Page Started Here  */

.tabes-jun .tabs-block .tabs-holder {
  background: 0 0
}

.tabes-jun .tabset-holder {
  padding: 0
}

.tabes-jun #tabs .tabset li {
  width: 182px;
  height: 138px;
  display: block;
  float: left;
  margin: 0;
  box-sizing: border-box;
  padding: 20px;
  position: relative
}

.tabes-jun #tabs li.ui-tabs-selected {
  background: var(--theme-green)
}

.tabes-jun #tabs li.ui-tabs-selected a p {
  color: var(--white);
}

.tabes-jun #tabs li a {
  background: 0 0;
  margin: 0;
  padding: 0;
  width: 100%
}

.tabes-jun #tabs li a p {
  font-size: 14px;
  line-height: 30px;
  color: var(--black);
  margin: 0;
  position: absolute;
  bottom: 22px;
  left: 0;
  right: 0
}

.tabes-jun #tabs {
  width: auto;
  margin: 0;
  padding: 0
}

.tabes-jun #tabs .new-ban {
  background: var(--theme-green);
  margin: 0;
  padding: 55px 0
}

.tabes-jun #tabs .new-ban ul li {
  display: block;
  float: left;
  width: 23%;
  margin: 1%;
  background: var(--white);
  min-height: 283px
}

.video-chanel-tabs img {
  width: 85px
}

.video-chanel-tabs .ui-corner-left {
  height: 155px !important
}

.tabes-jun #tabs .new-ban ul iframe {
  width: 100%;
  height: 200px
}

.tabes-jun #tabs .new-ban ul h3 {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--black-one);
  text-align: left;
  padding: 10px 20px;
  margin: 0
}

.tabes-jun .tabs-block {
  padding: 0
}

.seemore {
  width: 187px;
  height: 48px;
  background: #1ca838;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--white);
  text-transform: capitalize
}

.tabes-jun #tabs .new-ban ul li.hide-li {
  display: none
}

.leadership-talk ul.leader-img li p a {
  color: #0fb24d;
  font: 18px/21px 'Helvetica', Arial, sans-serif;
  margin-left: 8px
}


/* Video Channels Page Ends Here  */


/* Data Centers Page Styles Started Here */

.location-center {
  margin-top: 60px
}

.hdlistwidth {
  width: 38%;
  float: left
}

.hdlist li {
  padding: 3px 0 6px 60px
}

.hdlist-dec {
  float: left;
  width: 62%
}

.hdlist-dec li {
  color: var(--gray-one)
}

.hdlist-dec h4 {
  margin-top: 0;
  font: bold 14px/20px 'Helvetica', Arial, sans-serif;
}

.clearboth {
  clear: both
}

.fontLucida {
  font-family: 'Helvetica', Arial, sans-serif;
}

.fontOswaldR {
  font-family: 'Helvetica', Arial, sans-serif;
}

.ratedtext {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700
}

.yt-vide-ico {
  width: 55px;
  height: 38px;
  position: absolute;
  left: 50%;
  top: 28%;
  margin-left: -27px;
  background: url(../images/yt-video-ico.png) no-repeat left top;
  cursor: pointer
}

.ui-corner-left:hover .yt-vide-ico {
  background: url(../images/yt-video-ico-h.png) no-repeat left top
}

.dc-infra-ico1 {
  background: url(../images/dcservices/dc-racks-ico.png) no-repeat 0 4px
}

.dc-infra-ico2 {
  background: url(../images/dcservices/dc-builtup-ico.png) no-repeat 0 5px
}

.dc-infra-ico3 {
  background: url(../images/dcservices/dc-power-ico.png) no-repeat 2px 5px
}

.dc-infra-ico4 {
  background: url(../images/dcservices/dc-security-ico.png) no-repeat 0 5px
}


/* Data Centers Page Styles Ends Here */


/* .hypernav {
  width: 382px;
  height: 474px;
  background: url(../images/hy_hosting/data_center_rack.png) no-repeat;
  float: left;
  margin: 14px 0 0 71px
} */

.plussize {
  font-size: 26px;
  margin: 0 5px
}


/* .siqembed[embedtheme] {
  height: 50% !important
}

span.sqico-user img {
  height: 10%
} */


/* 404 Page CSS Started Here */

.page-not-found .not-found {
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
  border-top: 4px solid #4ab54d;
  border-bottom: 4px solid #4ab54d;
  text-align: center;
  padding: 60px 20px;
  background: var(--white);
}

.page-not-found .error-404__image {
  text-align: center;
}

.page-not-found .page-title {
  font-family: 'Helvetica', Arial, sans-serif;
  font-weight: 600;
  line-height: 1;
  color: #111;
  font-size: 50px;
  font-size: 5.5rem;
  margin-top: 34px;
  margin-bottom: 29px;
}

.page-not-found .page-content {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.67;
  color: var(--gray-one);
}

.page-not-found .page-content a {
  font-weight: 700;
  color: #4ab54d;
}


/* 404 Page CSS Ends Here */


/* Case Studies  Started */

.caseStudies {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  float: left;
  padding: 0px;
  flex-wrap: wrap;
  list-style: none;
}

.caseStudies li {
  width: 30%;
  margin-bottom: 40px;
  /* border: 1px solid var(--theme-green); */
  height: 320px;
}

.caseStudies .caseImg {
  width: 100%;
  float: left;
}

.caseStudies .caseImg img {
  width: 100%;
  max-height: 100px;
  float: left;
}

.caseStudies .caseImg a {
  display: block;
  width: 100%;
  float: left;
  border: 2px solid var(--theme-green);
  box-sizing: border-box;
  border-bottom: 3px solid var(--theme-green);
}

.caseStudies .caseContent {
  width: 100%;
  float: left;
  padding: 12px 15px;
  box-sizing: border-box;
  position: relative;
  height: calc(100% - 100px);
}

.caseStudies .moreCase {
  text-align: center;
  color: var(--theme-green);
  padding: 137px 20px;
}

.caseTt {
  font: 15px/20px 'Helvetica', Arial, sans-serif;
  color: #000;
  font-weight: bold;
  margin-bottom: 10px;
}

.caseDes {
  color: #6b6b6b;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 20px;
}

.caseBtn {
  display: block;
  position: absolute;
  bottom: 15px;
  left: 15px;
}

.caseBtn img {
  height: 17px;
  border: 5px solid var(--theme-green);
}


/* Case Studies  Ends */


/* Careers Page Started */

.CareersBlocks {
  width: 100%;
  float: left;
  margin-bottom: 50px;
  border: 1px solid #ddd;
  padding: 10px;
  box-sizing: border-box;
}

.CareersBlocks .carBlock {
  width: 100%;
  float: left;
}

.CareersBlocks .carBlock .carRow {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  display: flex;
  height: 100%;
  position: relative;
  align-items: center;
}

.CareersBlocks .carBlock .clabel {
  background: var(--theme-green);
  color: var(--white);
  padding: 0px 10px;
  display: block;
  margin-right: 10px;
  height: 100%;
  flex: 1;
  min-width: 80px;
  padding: 10px;
}

.CareersBlocks .carBlock .cvalue {
  flex: 2;
  padding: 10px;
  border: 1px solid #ddd;
}

.CareersBlocks .cvalue span {
  display: block;
  line-height: 22px;
}

.CareersBlocks .cvalue a {
  background: transparent;
  color: var(--theme-green);
  border-radius: 20px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  padding: 0px 5px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}


/* Careers Page Ends */

/* Data Centers Page Start */
.gallery ul{padding-left:0px !important;}
.gallery ul li{list-style-type:none !important;}
.content .info-list .icobg{width: 91px; height: 91px; text-align: center; float: left; background-color: var(--theme-green); border-radius:50%; line-height:122px; margin-top: 50px;}
.gallery .blocknew .sub-ttl2-black {background: hsla(0, 0%, 0%, 0) url(../images/sep-003.png) no-repeat scroll 0 100% !important;  display: block; line-height:22px !important; margin: 0 0 40px !important; padding: 0 0 24px !important;font-family: 'Helvetica', Arial, sans-serif; text-align:left; text-transform:none;
 font-size: 15px; color: var(--gray-one);}
.hdlftimage{float:left; width:44%;}	
.hdrtcontent{float:left; width:50%;}
.content .info-list .block{font-size:14px;}
.clr{clear:both;}
.inlinedsp{ color: var(--black-two);}
.content .info-list li:first-child .icobg{margin-top:0px;}
.content .info-list li:last-child .icobg{margin-top: 30px;}
.scpadd{padding:58px 0 46px !important;}
.content .info-list li:first-child .block.scpadd{padding-bottom:44px !important; padding-top:4px !important;}
.content .info-list li:last-child .block.scpadd{padding-top:32px !important; padding-bottom:0px !important;}
.content h3.datamrg{margin-bottom:40px;}
.infobx h3 {font: 24px/30px 'Helvetica', Arial, sans-serif; color: var(--theme-green); margin: 0 0 25px; text-transform: uppercase}
ul.datacenterfeature {margin:0 0 0 60px; padding:0px;}
ul.datacenterfeature li{list-style-type:none; margin-bottom:30px;}
ul.datacenterfeature li img{display:inline-block; margin-right: 25px !important; float: none !important; vertical-align:middle;}
ul.datacenterfeature li h4{display:inline-block;}
.gallery .blocknew article .databox {float: left; width:450px; padding:0 72px 10px 50px; border-right: 2px dotted  var(--gray-one); font:14px;}
.gallery .blocknew article.dotline {overflow: hidden;background:none; font-size: 15px; line-height: 22px; color: var(--gray-one); padding:45px 0 26px 20px}
.gallery .blocknew article .box-feature {float: right; width: 334px;}

/* Data Centers Page Ends */
/* hyperscale page start*/
.gallery .blocknew .sub-ttl2-small { color: var(--black-two); display: block; font-size: 14px;
  letter-spacing: 1px; line-height:26px !important; padding: 0 0 14px !important;font-family: 'Helvetica', Arial, sans-serif; text-align:left; 
  font-weight: 700}
.gallery .blocknew .sub-btns {background: hsla(0, 0%, 0%, 0) url(../images/sep-003.png) no-repeat scroll 0 100% !important; color: var(--black-two); display: block; font-size: 16px;
  letter-spacing: 1px; line-height:26px !important; margin: 0 0 40px !important; padding: 0 0 48px !important;font-family: 'Helvetica', Arial, sans-serif; text-align:left; text-transform:none;
  font-weight: 700}	
.blkbtn	{background-color: var(--black-two); color:#fff; padding: 10px 21px; font-size: 12px;font-family: 'Helvetica', Arial, sans-serif;  font-weight:700; border-radius:4px; margin-right:8px;    text-align: center;}
.blkbtn:hover{background-color: var(--theme-green);}
.grnbtn	{background-color: var(--theme-green);  color:#fff; padding:10px 46px; font-size:12px;font-family: 'Helvetica', Arial, sans-serif;  font-weight:700; border-radius:4px;    text-align: center;}
.grnbtn:hover{background-color: var(--black-two); color:#fff;}
.gallery .blocknew article .databox-1 {float: left; width: 384px; padding: 0 5px 10px 50px;  border-right: 2px dotted var(--gray-one);margin:30px 0 40px 0;}
.gallery .blocknew article .box-ft1 {float: right; width: 388px;margin:30px 0 40px 0; padding-top:70px}
.databox-1 ul{margin:0px; padding:10px 0 0 2px;}
.databox-1 ul li{list-style-type:none; margin-bottom:29px;}
.greentxt{color: var(--theme-green) !important; font-weight:bold !important;}
.box-ft1 img{float:none !important; margin-bottom:10px;}
.advtbox ul{text-align:center; margin:0px !important; padding:0px !important;}
.col4{display:inline-block; width:24%; margin-bottom:90px; text-align:center;vertical-align: top;}
.advtbox{padding-top:30px; text-align:center;}
.greenbx{background-color: var(--theme-green); width:90px; height:70px; display:block; margin:0 auto 30px auto; border-radius: 50%; padding-top: 20px;}
.content-full {max-width: 950px; margin: 0 auto;}
.col4 p{color: var(--gray-one); font-size:14px; font-weight:bold; line-height:24px;}
.content-full h3.datamrg{text-align:center; font: 24px/30px  'Helvetica', Arial, sans-serif; color: var(--theme-green);  margin: 0 0 25px;  text-transform: uppercase;}
.gallery .blocknew .box-ft1 p {font: 14px/24px  'Helvetica', Arial, sans-serif!important; color: var(--black-two); margin-bottom: 20px}
.gallery .blocknew .box-ft1 div.greentxt{margin-bottom:12px;}
/* hyperscale page ends*/

/*tab css start*/
.tabs li{cursor:pointer;}
.tab-contentbx .tabdivs {display: none;}
.tab-contentbx .active {display: block;}
.tabs .active {color: var(--theme-green) !important; font-weight:bold !important;}
/*tab css ends*/

/* Metro Connect css start*/
.metrocontent {float: left; width: 59%;}
.metroimage {float: left; width: 37%; display:flex;}
.metroinfobx h3 {font: 24px/30px 'Helvetica', Arial, sans-serif; color: var(--theme-green); margin: 0 0 25px; text-transform: uppercase; text-align:center;}
.equalbox img{float:none !important;  margin:0 auto 20px auto !important;}
.equalbox p{font-size:16px; line-height:24px;}
.equalbox{float:left; width:33.3%; margin-bottom:70px; text-align:center;}
.equalbox .iconbx img{ max-width:70px; margin: 0 auto 14px auto;}
.equalbox p{font-size:16px !important; color: var(--gray-one) !important; padding:0 16px;}
.greebgsection{background-color: var(--theme-green);padding:28px 0 18px 0;}
.content .info-list .icobg2 {width: 91px; height: 91px; text-align: center; float: left; background-color: var(--theme-green); border-radius: 50%; line-height: 122px; margin-top: 27px;}
.scpadd2 {padding: 35px 0 34px!important;}
.content .info-list li:last-child .block.scpadd2 {padding-top: 37px!important; padding-bottom:0px !important;}
.content .info-list li:first-child .block.scpadd2 {padding-bottom: 24px!important; padding-top: 4px!important;}
.content .info-list li:first-child .icobg2 {margin-top: 0;}
.scbox{padding-top:40px;}
.content h3.datamrg {margin-top: 40px;}
.scttextarea{ max-width:930px;   margin: 0 auto;  padding:30px 0 30px 0;}
.scttextarea h3 {font: 26px/30px  'Helvetica', Arial, sans-serif; color: var(--white); margin: 0 0 25px; text-transform: uppercase; text-align:center;}
.scttextarea p {font: 14px/24px 'Helvetica', Arial, sans-serif; color: var(--white); text-align:left; margin-bottom:14px;}

/* Metro Connect css ends*/

/* Ctrls Connect css start*/
.fourbx{width:25%; float:left; margin:30px 0;}
.metroimage img{float:none;  margin:0 auto !important;}
.greencirle{ width:95px; height:81px; border-radius:50%; margin:0 auto 15px auto !important; background-color: var(--theme-green); padding:13px 0 0 0!important;}
.greencirle img{max-width:70px; height:auto;}
.whitebtn{ background-color: var(--white); padding:12px; display:inline-block; max-width:200px; text-align:center; display:block;color: var(--black-two); font-size:14px; border-radius:5px; margin:25px auto 0 auto; text-decoration:none;}
.whitebtn:hover{text-decoration:none;}

/* Ctrls Connect css ends*/

/* cloud connect page start*/
.gallery .blocknew .sub-ttl2-black2 {background: hsla(0, 0%, 0%, 0) url(../images/sep-003.png) no-repeat scroll 30% 100% !important; color: var(--gray-one); display: block; font-size: 15px;
   line-height:22px !important; margin: 0 0 40px !important; padding: 0 0 50px !important;font-family: 'Helvetica', Arial, sans-serif; text-align:left; text-transform:none}
.foursqbox{float: left; width: 19.5%; padding: 23px 17px; text-align: center;}
.mainboxarea{margin-bottom:20px !important;}
.grybg{background-color:#f2f2f2 !important; font-size: 14px; line-height: 21px;  margin: 0 8px 14px 8px;  height: 60px;}
.grnbg{background-color: var(--theme-green) !important; color: var(--white) !important; margin: 0 8px 14px 8px; height:88px;}
.grnbg p{color: var(--white) !important; font-size:13px !important;}
.grnbg img{float:none !important; margin:0 auto !important; height:38px !important; width:auto !important;}
.clientlogobg{background-color:#ededed; padding:30px 0;}
.clientlogobg .clientcontainer{max-width: 950px; margin: 0 auto; padding: 30px 0 30px 0;}
.clientlogo img{margin:0 11px 0 !important;}
/* cloud connect page end*/

/* Edge Service page start*/
.contentedge {max-width: 750px; margin: 0 auto 30px; padding: 40px 140px 36px 210px;}
.whyscicon {float: left; width:28%; padding: 0 6px 10px 50px;  border-right: 2px dotted var(--gray-one);margin:30px 0 40px 0;}
.whyscontent{float: right; width:56%;margin:30px 0 40px 0; padding-top:42px;}
.whyscontent p{font-size: 14px; font-weight: normal !important;line-height: 22px; color: var(--gray-one);}
.edgeslsect h3 {font: 24px/30px  'Helvetica', Arial, sans-serif;color: var(--theme-green); text-align:left; margin-bottom: 25px;text-transform: uppercase; padding-left:240px;}
.edgecontainer{max-width:900px; margin:40px auto 0 auto;}
.bt60{margin:60px 0 !important;}
.nborder.content{background:none !important;}
/* Edge Service page end*/

/* sustanibility page start*/
.stbimgsct {float: right; width:28%; padding: 0 6px 10px 75px;  border-left: 2px dotted var(--gray-one);margin:30px 0 0 40px;}
.stbcontentsct{float:left; width:56%;margin:30px 0 40px 0; padding-top:30px;}
.stbcontentsct  p{font-size: 14px; font-weight: normal !important;line-height: 22px;}
.nxstepicon{float: left; width:24%; padding: 0 6px 10px 50px;  border-right: 2px dotted var(--white);margin:30px 0 40px 0;}
.nxstepcontent{float: right; width:60%;margin:30px 0 40px 0;}
.nxstepcontent p{font-size: 14px; font-weight: normal !important;line-height: 22px;}
.nxstepcontent ul{padding-left:23px;}
.nxstepcontent ul li{font-size: 14px; font-weight: normal !important;line-height: 22px; color:var(--white)}
.sustspcetp{padding-top:70px;}
.greenbx-sus {background-color: var(--theme-green); width: 90px; height: 78px;  display: block;  margin: 0 auto 30px auto;  border-radius: 50%;    padding-top: 10px;}
.sustspcetp .col4{margin-bottom:24px;}
.content .info-list .scpadd2 ul li{background:none !important;position:relative; margin-bottom:6px !important; font-size:14px !important; padding-left:22px !important;}
.content .info-list .scpadd2 ul li:before{content:"\2022"; font-size:24px; position:absolute; left:5px; top:-1px;}
.scpadd2 ul{padding-left:0px !important; margin-left:0px !important;}
.sustspcetp ul{margin:0px !important; padding:0px !important;}
.green-stick-bg {background-image: url('../images/green-stick-bg.png'); background-repeat: no-repeat; background-position:center right; background-size: cover;}
.green-stick {font-size:16px; color: #fff;line-height: 30px; text-align: center;  padding: 20px;}
.btmrg2{padding-bottom:60px;}
/* sustanibility page ends*/
/* EHS page start*/
.espadd{padding-top:70px;}
.safetybx{padding:10px 0 30px 0;}
.safetyicon{float:left; width:75px;}
.safetycontent{float:right; width:calc(100% - 108px);}
.camppix{max-width:850px; margin:60px auto 90px auto;}
.camppix h3{font: 24px/30px  'Helvetica', Arial, sans-serif;  color: var(--theme-green);  text-align: center;  margin-bottom: 25px;}
.safetycontent h4{margin-bottom:7px;color:var(--gray-two);}
.safetycontent  p{font-size: 14px; line-height: 23px; margin-bottom:8px;color:var(--gray-one);}
.ehssftpix {float: left; width: 18%; padding: 0 6px 10px 0; margin:56px 0 20px 0; text-align:center;}
.ehssftpix img{max-width:120px;}
.ehssftcontent {float: right; width: 72%; margin: 24px 0 0 0; padding-left: 50px; border-left: 2px dotted var(--gray-one);}
.ehssftcontent p{font-size: 14px; line-height: 23px; margin-bottom: 8px;color:var(--gray-one);}
.greenbtn{background: #0fb24d; padding: 10px; border-radius: 5px; display: block; max-width: 176px; text-align: center; font-size:13px; margin-top: 15px; color: #fff; text-decoration: none;}
.greenbtn:hover{text-decoration:none; background: #0ca044;}
.espadd h3 {font: 24px/30px  'Helvetica', Arial, sans-serif; color: var(--theme-green); text-align: left; margin-bottom: 25px; text-transform: uppercase; padding-left: 120px;}
.sustspcetp h3.datamrg{margin-bottom:60px !important;}
.ehscompicon {float: left; width: 26%; padding: 0 6px 10px 0px; margin: 30px 0 40px 0; text-align:center;}
.ehscompcontent {float: right; width: 68%; margin: 30px 0 0 0;}
.ehscompcontent ul{padding-left:23px;}
.ehscompcontent ul li{font-size: 14px; font-weight: normal !important;line-height: 22px; color:var(--white)}
.isoimg{float:left; width:50%; text-align:center; font-size:12px;}
.isoimg img{max-width:120px;}
.isosection p{font-size: 14px; line-height: 23px; margin-bottom: 8px;color:var(--gray-one);}
.isopix{padding-top:46px;}
.isosection h3{font: 24px/30px  'Helvetica', Arial, sans-serif;color:var(--gray-one);  margin: 0 0 25px;}
.isosection h3 span{color: var(--theme-green);}
.green-stick a{color:#78bc3a; text-decoration:none;}
.greenbx-sus2 {background-color: var(--theme-green); width: 90px; height: 70px; display: block; margin: 0 auto 30px auto; border-radius: 50%;  padding-top: 18px;}
.sustspcetp h3.datamrg{padding-left: 0px; text-align: center;}
/* ENH page ends*/

/* homepage start*/
.wave-bottom {
background: url(images/wave.png) no-repeat center bottom;
padding-bottom:20px;
}
.gallery .block-01 .desc {
padding: 10px 0 0;
}
.gallery .block-01 .desc.block-dream {
padding: 10px 0 0;
}
.ctrls-latest-updates {
background-color:#4AB54D;
padding:26px 0 26px 0;
margin-top:30px;
}
.latest-update-container {
width: 800px;
}
.container:after {
clear:both;
display:table;
content:"";
width:100%;
}
.ctrls-latest-update-col1 {
background-color:#FFFFFF;
width:19%;
padding: 20px 10px 10px;
text-align:center;
float:left;
margin-left:3%;
font-size:13px;
line-height:18px;
}
.col-text {
min-height:92px;
padding-top:10px;
text-align: center;
color: #666666;
padding-bottom:15px;
}
.readmore {
color:#666666;
text-decoration:none;
}
.readmore:hover {
color: var(--theme-green);
text-decoration:underline;
}
.slide-content {
min-height:385px;
}
.wwwd-container, .ctrls-non-stop-container {
width:900px;
}
.ctrls-what-we-do {
background-color:#fff;
padding:26px 0 26px 0;
}
.wwd-title {
text-align:center;
padding:20px 0;
}
.wwd-title h3, .ctrls-non-stop h3 {
color:var(--theme-green);
font-size:24px;
text-transform:uppercase;
}
.ctrls-what-we-do-col1 {
background-color:var(--theme-green);
width: 18%;
padding: 20px 10px 10px;
text-align: center;
float: left;
margin-left: 10px;
font-size: 14px;
line-height: 18px;
margin-bottom: 10px;
text-transform: uppercase;
box-sizing: border-box;
}
.wwd-text {
min-height:75px;
padding-top:10px;
text-align: center;
color: #fff;
padding-bottom:15px;
}
.ctrls-what-we-do-col1 img {
height:50px;
}
.btncenter {
margin:20px auto !important;
}

.ctrls-what-we-do-col1 a:hover{text-decoration:none !important;}
.ctrls-non-stop {
background-color:#fff;
padding:26px 0 26px 0;
}
.ctrls-non-stop-col1 {
width: 25%;
padding: 20px 10px 10px;
text-align: center;
float: left;
font-size: 14px;
line-height: 18px;
margin-bottom: 10px;
box-sizing: border-box;
}
.non-stop-text {
min-height:75px;
padding-top:10px;
text-align: center;
padding-bottom:15px;
}
.non-stop-text span {
font-size:11px;
}
.ctrls-non-stop-col1 img {
height:120px;
}
.logospace{padding:10px 4px 6px 4px;}
.smldesc {font-size: 15px !important; line-height: 22px !important; color: var(--gray-one) !important;font-family: 'Helvetica', Arial, sans-serif!important;}
p{font-family: 'Helvetica', Arial, sans-serif !important;}
.sbtitlefnt{font-size:15px !important; line-height:22px !important; color: var(--gray-one) !important; font-weight:normal !important; letter-spacing:0px !important;}
.meminfo{padding-bottom:20px;}
.lnkicon{float:left; width:46px;}
.namelist{float:left; width:calc(100% - 46px);}
.list img {filter: grayscale(100%);transition: transform 1s;}
.list .ui-state-active img, .list .ui-state-hover img{ filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);}
.namelist p{margin-bottom:1px !important; padding:0px !important;}
.team .team-frame{border-bottom:2px dotted #ccc; margin-bottom:35px; padding-bottom:35px;}
.sociallink{margin-bottom:14px;}
.about .tab ul{padding-left: 18px; margin-left:0px;}
/* homepage ends*/