 @font-face {
     font-family: 'robotoregular';
     src: url('http://www.skylinegroup.info/fonts/roboto-regular-webfont.eot');
     src: url('http://www.skylinegroup.info/fonts/roboto-regular-webfont.eot#iefix') format('embedded-opentype'), url('http://www.skylinegroup.info/fonts/roboto-regular-webfont.woff') format('woff'), url('http://www.skylinegroup.info/fonts/roboto-regular-webfont.ttf') format('truetype'), url('http://www.skylinegroup.info/fonts/roboto-regular-webfont.svg#roboto-regular-webfont') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'robotolight';
     src: url('http://www.skylinegroup.info/fonts/roboto-light-webfont.eot');
     src: url('http://www.skylinegroup.info/fonts/roboto-light-webfont.eot#iefix') format('embedded-opentype'), url('http://www.skylinegroup.info/fonts/roboto-light-webfont.woff') format('woff'), url('http://www.skylinegroup.info/fonts/roboto-light-webfont.ttf') format('truetype'), url('http://www.skylinegroup.info/fonts/roboto-light-webfont.svg#roboto-light-webfont') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'robotobold';
     src: url('http://www.skylinegroup.info/fonts/roboto-bold-webfont.eot');
     src: url('http://www.skylinegroup.info/fonts/roboto-bold-webfont.eot#iefix') format('embedded-opentype'), url('http://www.skylinegroup.info/fonts/roboto-bold-webfont.woff') format('woff'), url('http://www.skylinegroup.info/fonts/roboto-bold-webfont.ttf') format('truetype'), url('http://www.skylinegroup.info/fonts/roboto-bold-webfont.svg#roboto-bold-webfont') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 
 html,
 body {
     padding: 0;
     margin: 0;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
 }
 
 a,
 img,
 button,
 input[type=submit] {
     text-decoration: none;
     outline: none;
     border: 0;
     width: 100%;
 }
 
 *,
 *:after,
 *:before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .container {
     max-width: 1200px;
     margin: 0px auto;
     padding: 0 20px;
 }
 
 .clearfix {
     clear: both;
 }
 
 .pull-left {
     float: left;
 }
 
 .pull-right {
     margin-top: 10px;
     float: right;
 }
 
 .text-left {
     text-align: left;
 }
 
 .text-center {
     text-align: center;
 }
 
 .text-right {
     text-align: right;
 }
 
 .text-justify {
     text-align: justify;
 }
 
 .img-responsive {
     max-width: 100%;
     height: auto;
 }
 
 .img-full {
     width: 100%;
     height: auto;
 }
 
 .center-block {
     margin: 0 auto;
 }
 
 .col-1 {
     width: 8.333333333333333%;
 }
 
 .col-2 {
     width: 16.66666666666667%;
 }
 
 .col-3 {
     width: 25%;
 }
 
 .col-4 {
     width: 33.33333333333333%;
 }
 
 .col-5 {
     width: 41.66666666666667%;
 }
 
 .col-6 {
     width: 50%;
 }
 
 .col-7 {
     width: 58.33333333333333%;
 }
 
 .col-8 {
     width: 66.66666666666667%;
 }
 
 .col-9 {
     width: 75%;
 }
 
 .col-10 {
     width: 83.33333333333333%;
 }
 
 .col-11 {
     width: 91.66666666666667%;
 }
 
 .col-12 {
     width: 100%;
 }
 
 .col-12-1 {
     width: 100%;
     margin: auto;
 }
 
 .col-12-5 {
     width: 20%;
 }
 
 .col-12-5-1 {
     width: 20%;
     float: left;
 }
 
 .w70 {
     width: 70%;
 }
 
 .w30 {
     width: 30%;
 }
 
 .wraper {
     width: 100%;
     margin: 0px auto;
 }
 
 .middle {}
 
 .footer {}
 
 .w95 {
     width: 95%;
 }
 
 .col-1,
 .col-2,
 .col-3,
 .col-4,
 .col-5,
 .col-6,
 .col-7,
 .col-8,
 .col-9,
 .col-10,
 .col-11,
 .col-12,
 .col-12-5,
 .w30,
 .w70 {
     float: left;
 }
 
 .home-slider-wrapper .bx-prev,
 .home-slider-wrapper .bx-next {
     display: block;
     padding: 5px;
 }
 
 .home-slider-wrapper .bx-prev img,
 .home-slider-wrapper .bx-next img {
     display: block;
 }
 
 .home-slide-1 {
     background-image: url('http://www.skylinegroup.info/images/home-banner-1.jpg');
 }
 
 .home-slide-2 {
     background-image: url('http://www.skylinegroup.info/images/home-banner-2.jpg');
 }
 
 .home-slide-3 {
     background-image: url('http://www.skylinegroup.info/images/home-banner-3.jpg');
 }
 
 .directorprofilebg {
     background-image: url('http://www.skylinegroup.info/images/banner.jpg');
     height: 100%;
     background-size: cover;
     background-attachment: fixed;
 }
 
 #header1 {
     visibility: hidden !important;
 }
 /* jssor slider bullet navigator skin 05 css */
 /*
          .jssorb05 div           (normal)
          .jssorb05 div:hover     (normal mouseover)
          .jssorb05 .av           (active)
          .jssorb05 .av:hover     (active mouseover)
          .jssorb05 .dn           (mousedown)
          */
 
 .jssorb05 {
     position: absolute;
 }
 
 .jssorb05 div,
 .jssorb05 div:hover,
 .jssorb05 .av {
     position: absolute;
     /* size of bullet elment */
     width: 16px;
     height: 16px;
     background: url('http://www.skylinegroup.info/img/b05.png') no-repeat;
     overflow: hidden;
     cursor: pointer;
 }
 
 .jssorb05 div {
     background-position: -7px -7px;
 }
 
 .jssorb05 div:hover,
 .jssorb05 .av:hover {
     background-position: -37px -7px;
 }
 
 .jssorb05 .av {
     background-position: -67px -7px;
 }
 
 .jssorb05 .dn,
 .jssorb05 .dn:hover {
     background-position: -97px -7px;
 }
 /* jssor slider arrow navigator skin 12 css */
 /*
          .jssora12l                  (normal)
          .jssora12r                  (normal)
          .jssora12l:hover            (normal mouseover)
          .jssora12r:hover            (normal mouseover)
          .jssora12l.jssora12ldn      (mousedown)
          .jssora12r.jssora12rdn      (mousedown)
          */
 
 .jssora12l,
 .jssora12r {
     display: block;
     position: absolute;
     /* size of arrow element */
     width: 30px;
     height: 46px;
     cursor: pointer;
     background: url('http://www.skylinegroup.info/img/a12.png') no-repeat;
     overflow: hidden;
 }
 
 .jssora12l {
     background-position: -16px -37px;
 }
 
 .jssora12r {
     background-position: -75px -37px;
 }
 
 .jssora12l:hover {
     background-position: -136px -37px;
 }
 
 .jssora12r:hover {
     background-position: -195px -37px;
 }
 
 .jssora12l.jssora12ldn {
     background-position: -256px -37px;
 }
 
 .jssora12r.jssora12rdn {
     background-position: -315px -37px;
 }
 
 .slide {
     width: 100%;
     height: 100%;
     margin-bottom: 10px;
     background-position: right;
     background-size: cover;
 }
 
 .section {
     clear: both;
     float: left;
     width: 100%;
     color: #505050;
 }
 
 .section.white {
     color: #000;
 }
 
 .section.gray {
     background-color: #F6F6F6;
 }
 
 .padding {
     padding: 80px 0;
 }
 
 .imga {
     align-items: stretch;
     height: 556px !important;
 }
 
 .header-wrapper {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     padding: 20px 50px 0 50px;
     z-index: 200;
     background: #ffffff;
     /*-webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;*/
 }
 
 .logo-wrapper {
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
 }
 /*.header-wrapper.scrolled .logo-wrapper{
      width: 40px;
  }*/
 
 .section-3 {
     background-image: url('http://www.skylinegroup.info/images/lp/establish-bg.jpg');
     background-size: cover;
 }
 
 .section-title {
     color: #89A43D;
     font-size: 30px;
     font-weight: 900;
 }
 
 .inner-subtitle span {
     color: #003c7f;
 }
 
 .inner-subtitle {
     font-size: 20px;
     letter-spacing: 1px;
     line-height: 20px;
     margin: 20px 0px 5px 0px;
     vertical-align: middle;
     text-align: left;
     color: #003c7f;
 }
 
 .inner-title span {
     border-bottom: 2px solid #898989;
     color: #003c7f;
 }
 
 .inner-title {
     font-size: 30px;
     letter-spacing: 3px;
     border-bottom: 2px solid #898989;
     color: #003c7f;
     display: initial;
     line-height: 30px;
     vertical-align: middle;
     margin-bottom: 20px;
 }
 
 .inner-title img {
     vertical-align: middle;
     margin-top: -5px;
 }
 /*.inner-title-large{
      margin-top: 50px;
      font-size: 46px;
      line-height: 42px;
      font-weight: 900;
  }*/
 
 .case-study-bg {
     min-height: 500px;
     background-size: cover;
     background-position: center;
     padding: 100px 100px 40px 100px;
 }
 
 .case-study-bg p {
     /*margin-top: 40px;*/
     font-size: 14px;
     line-height: 20px;
     /*width: 70%;*/
 }
 /*.case-study-bg ul{
      padding: 0 0 0 20px;
  }
  .case-study-bg li{
      font-size: 18px;
      line-height: 28px;
      width: 70%;
  }*/
 
 .case-study-bg-1 {
     background: #89A43D;
 }
 
 .case-study-bg-2 {
     background-image: url('http://www.skylinegroup.info/images/Banner01.jpg');
 }
 
 .service-block {
     padding: 0 20px;
 }
 
 .service-box-wrapper {
     padding: 20px 0;
     position: relative;
 }
 
 .service-title {
     margin-top: 20px;
     font-size: 20px;
     font-weight: 700;
     color: #97DB6A;
 }
 
 .case-content {
     /*min-height: 350px;*/
     color: #000000;
     text-align: left;
 }
 
 .testi-title {
     color: #97DB6A;
 }
 
 .testi-controls>div {
     display: inline-block;
     margin: 20px 10px 0 10px;
     position: relative;
 }
 
 .footer img {
     vertical-align: middle;
 }
 
 .mb {
     cursor: default;
     position: relative;
     width: 100%;
     height: 566px;
     overflow: hidden;
 }
 
 .case-study-text {
     height: 100%;
     display: none;
 }
 
 .scroll-em {
     margin-top: 20px;
     height: 80%;
 }
 
 .slide-caption {
     position: absolute;
     left: 15%;
     top: 50%;
     color: #fff;
     -ms-transform: translate(-50%, 0);
     /* IE 9 */
     -webkit-transform: translate(-50%, 0);
     /* Safari */
     transform: translate(-50%, 0);
     font-size: 18px;
 }
 
 .slide-caption span {
     font-size: 40px;
     font-weight: bold;
     line-height: 40px;
 }
 
 .slide-caption.black {
     color: #000;
 }
 
 .black {
     color: #000;
 }
 
 .project-slide-caption {
     background: url(http://www.skylinegroup.info/images/000000-0.8.png);
     position: absolute;
     right: 10%;
     bottom: 10%;
     color: #fff;
     -ms-transform: translate(-50%, 0);
     /* IE 9 */
     -webkit-transform: translate(-50%, 0);
     /* Safari */
     transform: translate(-50%, 0);
     font-size: 30px;
     padding: 5px;
 }
 
 .project-slide-caption.black {
     color: #000;
 }
 
 .leads-wrapper {}
 
 .enquire-wrapper {
     position: relative;
 }
 
 .ctc-wrapper {
     margin-left: 15px;
 }
 
 .enquire-form-wrapper {
     display: none;
     position: absolute;
     right: 0;
     top: 100%;
     width: 300px;
     padding: 10px;
     background-color: rgba(0, 0, 0, 0.80);
     z-index: 99;
 }
 
 .selldof .title {
     font-size: 13px !important;
     padding: 0 !important;
     text-transform: none !important;
     font-weight: 700;
     display: none;
 }
 
 .selldof label {
     margin-bottom: 2px !important;
 }
 /*.selldof, .sell_do_virtual_numbers.white{
      color: #fff;
  }*/
 
 .thankyou {
     padding: 5px;
 }
 
 .form-control #input-prompt-2 {
     padding-left: 20px !important;
 }
 
 .selldof .form-control,
 .sell_do_form_control {
     line-height: 25px !important;
     border-radius: 0 !important;
     border: 1px solid #cccccc !important;
     outline: none !important;
     height: 29px !important;
 }
 /*.enquire-form-wrapper .selldo-intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel]{
      padding: 0 12px 0 48px !important;
  }*/
 
 img[alt=na] {
     display: block;
 }
 
 .mobile {
     display: none;
 }
 
 .footer-mobile {
     display: none;
 }
 
 .enquire {
     display: none;
 }
 
 @media all and (max-width:480px) {
     .span_1_of_4 {
         width: 86% !important;
         height: auto;
         float: none !important;
         margin: 0px auto;
         margin-top: 581px;
     }
 }
 
 @media all and (max-width:1024px) {
     .case-study-bg p,
     .case-study-bg li {
         font-size: 16px;
         line-height: 22px;
     }
     .img-responsive {
         max-width: 100%;
         height: 300px;
     }
     .ban {
         width: 69% !important;
         height: 556px;
     }
     .header-wrapper {
         padding: 20px 0px 0 0px;
     }
     .logo-wrapper {
         width: 110px;
         margin-left: 10px;
     }
     .slide-caption {
         left: 25%;
     }
     .case-content {
         text-align: justify;
     }
     .inner-title {
         line-height: 45px;
     }
     ul li ul {
         top: 20px !important;
     }
     .nav-wrapper {
         padding-right: 10px;
     }
 }
 
 @media all and (max-width:768px) {
     .header1 {
         margin: 0px auto;
         position: fixed;
         padding-right: 10px;
         padding-left: 10px;
         width: 100%;
         height: 115px;
     }
     .case-study-bg {
         width: 100%;
         margin-bottom: 3px;
     }
     .navl {
         color: #003c7f;
         z-index: 9999;
         cursor: pointer;
         padding: 7px 9px 4px 9px;
         letter-spacing: 1px;
         display: inline-block;
         position: relative;
         font-weight: 600;
     }
 }
 
 ul li ul {
     padding: 0;
     position: absolute;
     width: 155px;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     display: none;
     opacity: 0;
     line-height: 24px;
     visibility: hidden;
     -webkit-transiton: opacity 0.5s;
     -moz-transition: opacity 0.5s;
     -ms-transition: opacity 0.5s;
     -o-transition: opacity 0.5s;
     -transition: opacity 0.5s;
 }
 
 .nav-wrapper {
     padding-right: 10px !important;
 }
 
 .slide-caption {
     left: 35% !important;
 }
 
 @media all and (max-width:700px) {
     html,
     body {
         padding-bottom: 15px;
         -webkit-text-size-adjust: none;
     }
     .span_1_of_4 {
         width: 100% !important;
         height: auto;
         float: none;
     }
     .wd {
         width: 100%
     }
     .enquire {
         display: block;
     }
     .enquire_form {
         display: none;
         background: #fff;
         width: 100%;
     }
     .break-wrapper {
         width: 100% !important;
     }
     .mobile {
         display: block;
     }
     .footer-mobile {
         display: block;
     }
     .footer {
         display: none;
     }
     .enquire-wrapper {
         display: none;
     }
     .ctc-wrapper {
         display: none;
     }
     .number-wrapper {
         display: none;
     }
     .nav-links li {
         display: block !important;
     }
     .header-wrapper {
         padding-top: 10px !important;
         padding: 0;
     }
     .nav-links {
         margin-left: -40px;
     }
     .case-study-bg {
         padding: 40px;
     }
     .nav-links li {
         padding: 5px 0;
     }
     .content .bx-wrapper .bx-pager,
     .bx-wrapper .bx-controls-auto {
         bottom: 0px;
     }
     .sell_do_virtual_numbers {
         line-height: 30px !important;
         font-size: 14px !important;
     }
     .number-wrapper {
         width: 50% !important;
         margin: 0 !important;
         background-color: #30373F !important;
         color: #fff !important;
         text-align: center;
     }
     .enquire-form-wrapper {
         position: fixed;
         bottom: 30px;
         width: 100%;
         top: inherit !important;
         max-height: 90%;
         overflow: auto;
     }
     .number-wrapper a {
         color: #fff !important;
         font-size: 14px !important;
     }
     .case-study-bg p,
     .case-study-bg li {
         width: 100%;
     }
     .logo-wrapper {
         width: 100px;
         margin-left: 20px;
     }
     .enquire-form-wrapper {
         background-color: rgba(0, 0, 0, 0.80);
     }
     .service-block {
         width: 100%;
     }
     .nav-wrapper {
         padding-right: 10px;
     }
     .span_2_of_2 {
         width: 100% !important;
         height: auto !Important;
     }
     .span_1_of_2 {
         width: 100% !important;
         height: auto !Important;
     }
     .col-6 {
         width: 100%;
         float: none;
     }
     .span_1_of_3 {
         width: 100% !important;
         height: auto !Important;
     }
 }
 
 .amenities-text {
     position: absolute;
     bottom: 25px;
     color: #fff;
     right: 4%;
     padding: 5px;
     text-transform: uppercase;
     background: url(images/HomeArrow.png) rgba(0, 0, 0, 0.8) right no-repeat;
     padding-right: 20px;
 }
 
 #break {
     height: 600px;
     background: url('http://www.skylinegroup.info/images/Breaker-IMG.jpg');
     background-size: cover;
     width: 100%;
     background-attachment: fixed;
     position: relative;
 }
 
 .break-cont {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     color: #fff;
     font-size: 22px;
 }
 
 .break-wrapper {
     width: 60%;
     margin: 0 auto;
 }
 
 .tab-links {
     width: 100%;
     padding-left: 0;
 }
 
 .tab-links:after {
     display: block;
     clear: both;
     content: '';
 }
 
 .tab-links li {
     margin: 0px 5px;
     list-style: none;
     display: inline-block;
     text-align: center;
 }
 
 .tab-links li a {
     color: #000;
     padding: 5px 10px 5px 10px;
     display: inline-block;
     background: rgba(127, 181, 218, 0);
     font-size: 14px;
     ;
     font-weight: 600;
     transition: all linear 0.15s;
     text-decoration: none;
     cursor: pointer;
     border: 2px solid #C4C4C4;
 }
 
 .tab-content {
     height: 225px;
     color: rgb(255, 255, 255);
     padding-left: 30px;
     padding-top: 0px;
     border-radius: 3px;
     box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
     background: rgba(0, 0, 0, 0.02);
     font-size: 13px;
 }
 
 .tab-links li a.active {
     color: #89A43D;
     border: 2px solid #89A43D;
 }
 
 .nav-links>a {
     position: relative;
     color: #000;
     text-decoration: none;
 }
 
 .nav-links>a:hover {
     color: #7c7c7c;
 }
 
 .nav-links>a:before {
     content: "";
     position: absolute;
     width: 80%;
     height: 2px;
     bottom: -3px;
     left: 8%;
     background-color: #7c7c7c;
     visibility: hidden;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
 }
 
 .nav-links>a:hover:before {
     visibility: visible;
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
 }
 
 .nav-links>.active {
     color: #7c7c7c;
 }
 
 .nav-links li {
     color: #003c7f;
     z-index: 9999;
     cursor: pointer;
     padding: 7px 9px 4px 9px;
     letter-spacing: 1px;
     display: inline-block;
     position: relative;
     font-weight: 600;
 }
 
 .nav-links li:hover {
     color: #000;
     text-decoration: underline;
 }
 
 .nav-links li a:hover {
     color: #000;
     text-decoration: underline;
 }
 
 .nav-links>.active:before {
     visibility: visible;
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
 }
 
 .content {
     height: 400px;
 }
 
 .inline1 img {
     border: 1px solid #000;
 }
 
 .inline2 img {
     border: 1px solid #000;
 }
 
 .prev-arw {
     position: absolute;
     bottom: 5%;
     left: 50%;
     z-index: 99;
     margin-left: -52px
 }
 
 .next-arw {
     position: absolute;
     bottom: 5%;
     right: 50%;
     z-index: 99;
     margin-right: -52px
 }
 
 .navbar-nav li {
     list-style: none;
 }
 
 .call,
 .enq {
     text-align: center;
     color: #fff;
     font-size: 14px;
     font-weight: 400;
     height: 32px;
 }
 
 .call {
     background: #5C401A !important
 }
 
 .enq {
     background: #AE8B4D !important;
     padding-top: 7px;
 }
 
 .nav-wrapper {
     width: 100%;
     height: 60px;
     z-index: 9999;
     font-size: 12px;
     font-weight: 500;
     font-family: 'Open Sans', sans-serif;
 }
 
 .head {
     background: rgba(0, 0, 0, 0.6);
 }
 
 .nav-links a {
     display: inline-block;
     color: #003c7f;
     font-size: 12px;
     /* padding: 3px 9px 3px 9px;*/
     cursor: pointer;
     letter-spacing: 1px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 600;
 }
 
 .nav-links span {
     display: inline-block;
     font-size: 12px;
     vertical-align: top;
     padding-top: 2px;
 }
 
 .uppermenu {
     margin-top: 15px;
     margin-right: 70px;
 }
 
 .enquire-button {
     padding: 5.5px 10px;
     font-size: 13px;
     color: #ffffff;
     cursor: pointer;
     background: #1d88c2;
     float: left;
     font-family: 'Open Sans'
 }
 
 .social-icons {
     padding: 6px 10px;
     cursor: pointer;
 }
 
 .phone-number {
     padding: 6px 10px;
     font-size: 16px !important;
     color: #003c7f;
 }
 
 .logo {
     width: 200px;
 }
 
 .sell_do_ctc_btn {
     padding: 6px 12px !important;
     border-radius: 0 !important;
     background-color: #2f5f94 !important;
     color: #fff !important;
     text-transform: uppercase;
     font-family: 'Open Sans'
 }
 
 .sell_do_ctc_btn_c {
     margin-left: 0 !important;
 }
 
 .sell_do_virtual_numbers {
     color: #003c7f !important;
     font-family: 'Open Sans'
 }
 
 #make_container {
     position: absolute;
     width: 260px;
     right: 0px;
     top: 26px;
     padding: 3px;
     background: #fff;
     z-index: 9999;
     display: none;
     color: #000;
     border: solid 1px #aaa;
     display: none;
     text-align: left
 }
 
 .input-prompt {
     position: absolute;
     font-size: 13px;
     margin: 0.6em 0 0 10px;
 }
 
 #input-prompt-2 {
     position: absolute;
     font-size: 13px;
     margin: 0.6em 0 0 40px;
 }
 
 .selldo-intl-tel-input .input-prompt-6 {
     padding-left: 40px !important;
 }
 
 .service-box-wrapper1 {
     position: relative;
     height: auto;
 }
 
 .sky-bg {
     background: #e2e1e1;
 }
 
 .sub-title {
     font-size: 18px;
     color: #003c7f;
     margin-bottom: 10px;
 }
 
 .relative {
     position: relative
 }
 
 .home-slider-init li {
     position: relative;
 }
 
 .slide-caption {
     position: absolute;
     top: 5%;
     left: 33%;
     text-transform: uppercase;
 }
 
 .bold {
     font-weight: bold;
 }
 
 .f25 {
     font-size: 25px;
     line-height: 35px;
 }
 
 .f15 {
     font-size: 15px;
     line-height: 25px;
 }
 
 .explore {
     display: block;
     background: #000;
     color: #fff;
     font-size: 14px;
     padding: 3px;
     width: 110px;
     text-align: center;
     text-transform: none;
 }
 
 .explore img {
     height: 14px !important;
     padding-top: 4px;
     width: 7px;
 }
 
 .nav-links {
     margin: 0;
 }
 
 ul li ul {
     padding: 0;
     position: absolute;
     top: 25px;
     left: 0px;
     width: 155px;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     display: none;
     opacity: 0;
     visibility: hidden;
     -webkit-transiton: opacity 0.5s;
     -moz-transition: opacity 0.5s;
     -ms-transition: opacity 0.5s;
     -o-transition: opacity 0.5s;
     -transition: opacity 0.5s;
 }
 
 ul li ul li {
     border-bottom: 1px solid #888888;
     display: block;
     padding: 3px;
     display: inherit !important;
     font-weight: 700;
 }
 
 ul li ul li a {}
 /*ul li ul li:hover{background:#000;}*/
 /*ul li ul li a:hover { color: #fff;}*/
 
 ul li:hover ul {
     display: block;
     opacity: 1;
     visibility: visible;
 }
 
 .project-list {
     position: relative;
     margin: 0;
     padding: 0px 5px;
 }
 
 .project-list li {
     padding-bottom: 15px;
     list-style: none;
     text-align: left;
 }
 
 .project-list li a {
     font-size: 12px;
 }
 
 .f13 {
     font-size: 13px;
     line-height: 18px;
 }
 
 .projects a {
     color: #000;
 }
 
 #projtab-links li {
     display: inline-block;
     padding: 5px 10px;
 }
 
 #projtab-links li a {
     color: #fff;
     background-color: #999;
     padding: 5px 20px;
     cursor: pointer;
 }
 
 #projtab-links li .active {
     color: #fff;
     background-color: #2f5f94;
     padding: 5px 20px;
     cursor: pointer;
 }
 
 .projtab-container {
     color: #000;
     position: relative;
 }
 
 #projectDettab2,
 #projectDettab3,
 #projectDettab4,
 #projectDettab5 {
     display: none;
 }
 
 .projectLeftsection {}
 
 .projectprev-arw {
     position: absolute;
     bottom: 10%;
     right: 0%;
     z-index: 99;
 }
 
 .projectnext-arw {
     position: absolute;
     bottom: 1%;
     right: 0%;
     z-index: 99;
 }
 
 .projenq {
     background: #1d88c2 !important;
 }
 
 .help-block {
     position: absolute;
     margin-top: 0px !important;
     font-size: 11px;
 }
 
 .closedddd {
     background: url(http://www.skylinegroup.info/images/closebox.png) no-repeat scroll 0 0 transparent;
     bottom: 24px;
     cursor: pointer;
     float: right;
     height: 30px;
     left: 27px;
     position: relative;
     width: 30px;
 }
 
 .animateLeftSection {
     margin-left: -50%;
 }
 
 .animateRightSection {
     float: right;
     margin-right: -50%;
 }
 /*zoom in zoom out*/
 
 .box_animation {
     max-width: none;
     -webkit-transition: opacity 1s, -webkit-transform 1s;
     transition: opacity 1s, transform 1s;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     transition-duration: 400ms;
 }
 
 .img-box:hover .box_animation {
     transform: scale(1.1);
 }
 
 .img-box {
     overflow: hidden;
 }
 /*zoom in zoom out*/
 
 .projectbox_animation {
     max-width: none;
     -webkit-transition: opacity 1s, -webkit-transform 1s;
     transition: opacity 1s, transform 1s;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     transition-duration: 400ms;
 }
 
 .project_img-box:hover .projectbox_animation {
     transform: scale(1.1);
 }
 
 .project_img-box {
     overflow: hidden;
 }
 
 .form-fields-wrap {
     width: 100%;
     padding: 5px 0;
     color: #003356;
     font-family: 'open_sansregular';
     line-height: 22px;
     font-size: 14px;
 }
 
 .form-fields-wrap select {
     height: 30px;
     font-size: 13px;
     border: 1px solid #E4E2E3;
     color: #425e84;
     font-family: 'open_sansregular';
     outline: none;
     width: 100%;
 }
 
 .form-fields-wrap input[type=text],
 .form-fields-wrap textarea {
     border: 1px solid #E4E2E3;
     color: #425e84;
     width: 100%;
     line-height: 30px;
     padding: 0 5px;
     height: 30px;
     font-family: 'open_sansregular';
     outline: none;
     resize: none;
 }
 
 .form-fields-wrap input[type=submit] {
     background-color: #0061A4;
     padding: 5px 15px;
     color: #fff;
     font-size: 16px;
     cursor: pointer;
 }
 
 #application-form {
     width: 250px;
     float: left;
 }
 
 .success {
     display: none;
 }
 
 #notify {
     display: none;
     font-weight: bold;
     font-size: 16px;
 }
 
 #notify.success {
     color: #008416;
 }
 
 #notify.error {
     color: #B60000;
 }
 
 .form-fields-wrap {
     position: relative;
 }
 
 .form-fields-wrap label.error {
     color: #B60000;
     font-size: 10px;
     position: absolute;
     left: 0;
     top: 84%;
 }
 
 .careerbtn {
     color: #fff;
     padding: 5px;
     border-radius: 4px;
     background: #1d88c2;
 }
 
 .selldof textarea.form-control {
     resize: none !important;
 }
 /*.stoppable canvas, .stoppable img {
      width: 100%;
      height: 100%;
  }*/
 /*
       FILE ARCHIVED ON 20:36:35 Nov 04, 2016 AND RETRIEVED FROM THE
       INTERNET ARCHIVE ON 07:02:56 Jun 03, 2019.
       JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
  
       ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
       SECTION 108(a)(3)).
  */
 /*
  playback timings (ms):
    LoadShardBlock: 981.875 (3)
    esindex: 0.011
    captures_list: 1011.503
    CDXLines.iter: 17.101 (3)
    PetaboxLoader3.datanode: 1054.755 (4)
    exclusion.robots: 0.442
    exclusion.robots.policy: 0.416
    RedisCDXSource: 7.266
    PetaboxLoader3.resolve: 103.191
    load_resource: 183.944
  */