/***************************

COLOR KEY REFERENCE

***************************/
/*	List primary site colors colors
	black: #000;
	etc.
*/


/***************************

START SITE SPECIFIC CSS

***************************/


body {
   background: #fff;
   color: #333;
   font-family: Arial, sans-serif;
   font-size: 100%;
   height: 100%;
   line-height: 1;
   -webkit-font-size-adjust: none; /* FIX: iOS Mobile Safari Font Adjustment */
}

/* Reusable Container Wrapper */
.setcontainer {
   max-width: 1200px;
   margin: 0 auto;
}


/* Anchor (Link) Settings & Focus */
:focus {
   outline: none;
}

a,
a:visited,
a:active,
a:hover {
   color: #333;
   text-decoration: none;
}


/* Default Heading Setup - Styling for standard content sections should be done in typography.css */
h1, h2, h3, h4, h5, h6 {
   font-weight: normal;
   cursor: default;
}

h1 {
   font-size: 36px;
}

h2 {
   font-size: 32px;
}

h3 {
   font-size: 24px;
}

h4 {
   font-size: 18px;
}

h5 {
   font-size: 14px;
}

h6 {
   font-size: 12px;
}




/************************************************

FLEXIMAGE

************************************************/


/* FlexFit - Fit whole image within responsive container (ie. logos, product images) */
.flexFit {
   position: relative;
   padding: 0 0 65% 0; /* Adjust bottom for desired height */
   height: 0px;
   overflow: hidden;
}

   .flexFit img,
   .flexFill .img-wrap.fit img {
      position: absolute;
      max-width: 98%;
      max-height: 98%;
      height: auto;
      margin: auto;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
   }

/* FlexFill - Fill responsive container with image (ie. banner image) */
.flexFill {
   position: relative;
   padding: 0 0 65% 0; /* Adjust bottom for desired height */
   height: 0px;
   overflow: hidden;
}

   .flexFill .img-wrap {
      float: none;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
   }

   .flexFill a {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
   }

   .flexFill img {
      max-width: none;
      display: none;
      float: none;
      position: relative;
   }

   .flexFill.processed img {
      display: block !important;
   }



/* global css */
body {
   font-family: 'VarelaRegular';
}

p {
   font-size: 16px;
   line-height: 28px;
   color: #666666;
}

.btn_nrml {
   font-size: 20px;
   padding: 15px 30px;
   border-radius: 30px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border: none;
   display: inline-block;
}

.btn_small {
   font-size: 16px;
   padding: 8px 16px;
   border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border: none;
}

   .btn_small:hover {
      opacity: 1;
   }

.clr_white {
   color: #fff !important;
}

.clr_gray {
   color: #333333 !important;
}

.clr_org {
   color: #f68428 !important;
}

.bg_white {
   background: #fff;
}

.bg_blue {
   background: #194e91;
}

.bg_org {
   background: #f68428;
}

.btn_nrml.bg_org:hover, .btn_small.bg_org:hover, .btn_nrml.bg_org:focus, .btn_small.bg_org:focus {
   background: #e97b22;
   text-decoration: none;
}

.btn_nrml.bg_white:hover, .btn_small.bg_white:hover, .btn_nrml.bg_white:focus, .btn_small.bg_white:focus {
   background: #f8f8f8;
   text-decoration: none;
}

.btn_nrml.bg_blue:hover, .btn_small.bg_blue:hover, .btn_nrml.bg_blue:focus, .btn_small.bg_blue:focus {
   background: #164682;
   text-decoration: none;
}

/*.header{ width:100%; float:left;  background:#fff; text-align:left; border-bottom:1px solid #dddddd;}*/
.header {
   width: 100%;
   background: #fff;
   text-align: left;
   border-bottom: 1px solid #dddddd;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 998;
}

   .header .logo {
      padding: 28px 0;
      float: left;
   }

.header_right {
   float: right;
}

.mobile_toggle {
   display: none;
}

.hdr_top_links {
   text-align: right;
}

   .hdr_top_links a {
      display: inline-block;
      background: #ababab;
      color: #fff;
      text-transform: uppercase;
      font-size: 13px;
      margin-left: 14px;
      padding: 10px 15px;
      border-radius: 0 0 2px 2px;
   }

      .hdr_top_links a:hover, .hdr_top_links a:focus {
         background: #a2a2a2;
      }

.main_nav {
   float: right;
}

   .main_nav ul {
      margin: 0;
      padding: 0;
      float: right;
   }

      .main_nav ul li {
         float: left;
         font-size: 16px;
         padding: 15px 20px 10px;
         position: relative;
      }

   .main_nav .cstm-menu {
      display: none;
   }

   .main_nav ul li:last-child {
      padding-right: 0;
   }

   .main_nav ul li a {
      color: #666666;
      display: inline-block;
      padding: 8px 0;
   }

   .main_nav ul li:hover a {
      color: #194e91;
   }

   .main_nav ul li ul.sub_menu {
      display: none;
      position: absolute;
      left: 50%;
      z-index: 999;
      top: 100%;
      width: 100%;
      min-width: 200px;
      max-width: 250px;
      background: #194e91;
      box-shadow: 0 2px 4px 0 rgba(0,0,0,0.40);
      border-radius: 4px;
      -webkit-border-radius: 4px;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
   }

      .main_nav ul li ul.sub_menu:before {
         top: -8px;
         position: absolute;
         left: 50%;
         border-left: 8px solid transparent;
         border-right: 8px solid transparent;
         border-bottom: 8px solid #194e91;
         content: '';
         transform: translateX(-50%);
         -webkit-transform: translateX(-50%);
      }

      .main_nav ul li ul.sub_menu li {
         width: 100%;
         float: left;
         padding: 0;
         margin: 0;
         font-size: 15px;
      }

         .main_nav ul li ul.sub_menu li a {
            color: #fff;
            float: left;
            width: 100%;
            padding: 14px;
            border-bottom: 1px solid #164682;
         }

         .main_nav ul li ul.sub_menu li:first-child a {
            border-radius: 4px 4px 0 0;
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
         }

         .main_nav ul li ul.sub_menu li:last-child a {
            border-radius: 0 0 4px 4px;
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            border-bottom: none;
         }

         .main_nav ul li ul.sub_menu li a:hover, .main_nav ul li ul.sub_menu li a:focus {
            background: #164682;
            color: #fff;
         }

   .main_nav ul li:hover ul.sub_menu {
      display: block;
   }

#main_menu ul li.has_submenu a.drop_icon {
   display: none;
}

.banner_sec {
   width: 100%;
   float: left;
   text-align: center;
}

   .banner_sec h1 {
      color: #fff;
      display: inline-block;
      width: 100%;
      font-size: 50px;
      line-height: 70px;
      margin-bottom: 30px;
      white-space: normal;
   }

.owl-item .item .setcontainer {
   position: relative;
   z-index: 1;
}

.homeslide {
   padding: 140px 0;
}

   .homeslide::after {
      background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
      content: "";
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1;
   }

   .homeslide .slide-content {
      max-width: 1024px;
      margin: 0 auto;
      padding: 0 20px;
      position: relative;
      z-index: 2;
   }

   .homeslide + .setcontainer {
      margin-top: -40px;
   }

.banner_sec .owl-pagination {
   display: none;
}

.banner_sec .owl-buttons {
   position: absolute;
   top: 40%;
   left: 0;
   right: 0;
}

   .banner_sec .owl-buttons .owl-prev {
      left: 30px;
      position: absolute;
      width: auto;
      font-size: 0;
      opacity: 0.7;
   }

      .banner_sec .owl-buttons .owl-prev:before {
         content: "\f137";
         font-family: 'FontAwesome';
         font-size: 48px;
         color: #fff;
         display: inline-block;
      }

   .banner_sec .owl-buttons .owl-next {
      right: 30px;
      position: absolute;
      width: auto;
      opacity: 0.7;
      font-size: 0;
   }

      .banner_sec .owl-buttons .owl-next:before {
         content: "\f138";
         font-family: 'FontAwesome';
         font-size: 48px;
         color: #fff;
         display: inline-block;
      }

      .banner_sec .owl-buttons .owl-prev:hover, .banner_sec .owl-buttons .owl-next:hover {
         opacity: 1;
      }

.box-image {
   display: none;
}

.slide_bx {
   width: 100%;
   overflow: hidden;
   float: left;
   border: 1px solid #dddddd;
   height: 155px;
   position: relative;
}

   .slide_bx img {
      width: 100%;
      height: 100%;
   }

.text_over {
   position: absolute;
   top: 0;
   bottom: 0;
   color: #fff;
   font-size: 18px;
   line-height: 24px;
   padding: 20px;
   text-align: left;
   display: inline-block;
   left: 0;
   max-width: 215px;
   transition: 0.3s;
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
}

.slide_bx:hover .text_over {
   left: 0;
}

.text_over.box1 {
   background: rgba(246,132,40,0.90);
}

.text_over.box2 {
   background: rgba(25,78,145,0.90);
}

.gotham_tweets {
   background: #00aced;
   width: 100%;
   float: left;
}

   .gotham_tweets:hover {
      background: #03a3e0;
   }

   .gotham_tweets p {
      font-size: 16px;
      line-height: 24px;
      color: #fff;
      font-style: italic;
      text-align: left;
      padding: 20px;
   }

   .gotham_tweets h4 {
      float: left;
      margin: 10px 10px 5px;
      width: 100%;
      text-align: left;
      color: #fff;
      font-size: 16px;
   }

      .gotham_tweets h4 i {
         font-size: 24px;
      }

#owl-demo1 .item img {
   display: block;
   width: 100%;
   height: auto;
}


.home_about {
   width: 100%;
   background: #fff;
   text-align: center;
}

#wrapper_home #ContentID {
   padding: 0 210px 30px 210px;
}

   #wrapper_home #ContentID h2 {
      color: #194e91;
      margin: 40px 0 30px;
      line-height: 42px;
      font-size: 32px;
   }

.overview_top {
   width: 100%;
   float: left;
   padding: 30px 210px;
   text-align: center;
}

.overview_btm {
   width: 100%;
   float: left;
}

   .overview_btm h4 {
      text-transform: uppercase;
      color: #f68428;
      font-weight: bold;
      margin: 10px 0;
   }

.client_stats {
   float: left;
   width: 100%;
   padding: 20px 0 100px;
}

   .client_stats .feature {
      width: 33.33%;
      float: left;
      position: relative;
      min-height: 130px;
      padding: 40px 15px 40px 110px;
      text-align: left;
      border-bottom: 1px solid #dedede;
      border-right: 1px solid #dedede;
   }

      .client_stats .feature:hover {
         background: #f8f8f8;
      }

      .client_stats .feature:nth-child(3n+3) {
         border-right: none;
      }

      .client_stats .feature:nth-last-child(-n+3) {
         border-bottom: none;
      }

      .client_stats .feature .icon {
         position: absolute;
         left: 30px;
         top: 40px;
         text-align: center;
      }

      .client_stats .feature h3 {
         margin: 0;
         color: #f68428;
         font-weight: bold;
      }

         .client_stats .feature h3 span {
            font-weight: normal;
            line-height: 30px;
            font-size: 18px;
            color: #666666;
            display: block;
         }


.home_services {
   width: 100%;
   float: left;
   background: #f6f6f6;
   border-top: 1px solid #dddddd;
}

.service_outer {
   float: left;
   width: 100%;
   padding: 90px 90px 40px;
}

.title_border {
   width: 100%;
   float: left;
   text-align: center;
   position: relative;
   margin-bottom: 30px;
}

   .title_border:after {
      width: 100%;
      position: absolute;
      content: '';
      border: 1px solid #cccccc;
      border-bottom: none;
      top: 50%;
      bottom: 0;
      right: 0;
      left: 0;
   }

   .title_border h2 {
      position: relative;
      z-index: 2;
      color: #194e91;
      line-height: 42px;
      background: #f6f6f6;
      display: inline-block;
      padding: 0 30px;
   }

.title_border_header h2 {
   position: relative;
   z-index: 2;
   color: #194e91 !important;
   line-height: 42px;
   background: #f6f6f6;
   display: inline-block;
   padding: 0 30px;
}

.service_outer .service {
   width: 33%;
   float: left;
   text-align: center;
   padding: 40px;
   min-height: 280px;
}

.service_outer .service_icon {
   min-height: 120px;
   margin-bottom: 20px;
   display: inline-block;
}

.service_outer .service h4 {
   font-size: 21px;
   color: #666666;
   line-height: 28px;
}

   .service_outer .service h4 a {
      color: #666666;
   }

.service_outer .service:hover {
   background: #f2f2f2;
}

   .service_outer .service:hover h4 a {
      color: #194e91;
   }

.footer {
   background: #333333;
   width: 100%;
   text-align: left;
   float: left;
   padding-top: 40px;
}

   .footer h4 {
      font-size: 16px;
      color: #fff;
      text-transform: uppercase;
      margin-bottom: 10px;
   }

   .footer p {
      font-size: 15px;
      color: #bbbbbb;
      line-height: 20px;
      margin-bottom: 10px;
   }

   .footer #_ln {
      margin: 0 0 0 1.5%;
   }

   .footer ul {
      margin: 0;
      padding: 0;
      float: left;
   }

      .footer ul li {
         line-height: 28px;
         font-size: 15px;
         float: left;
         width: 100%;
      }

         .footer ul li a {
            color: #bbbbbb;
         }

            .footer ul li a:hover {
               color: #fff;
            }

   .footer form {
      float: left;
      width: 100%;
      margin: 10px 0;
   }

   .footer input[type="text"] {
      width: 48%;
      float: left;
      margin: 0 2% 10px 0;
      height: 38px;
      border: none;
      padding: 5px 8px;
      background: #444444;
      color: #fff;
   }

      .footer input[type="text"]:nth-child(2) {
         margin-left: 2%;
         margin-right: 0;
      }

   .footer input[type="email"] {
      width: 100%;
      margin: 0 0 10px;
      height: 38px;
      color: #fff;
      float: left;
      border: none;
      padding: 5px 8px;
      background: #444444;
   }

   .footer input[type="button"] {
      width: 100%;
      color: #333333;
   }

   .footer input:focus {
      background: #666;
   }

.socio {
   width: 100%;
   float: left;
   margin: 10px 0 0;
}

   .socio a {
      float: left;
      color: #fff;
      font-size: 30px;
      margin-right: 10px;
   }

      .socio a:hover {
         color: #ccc;
      }

.ftr_btm {
   width: 100%;
   float: left;
   border-top: 1px solid #444444;
   padding: 20px 0;
   margin-top: 25px;
}

ul.ftr_links {
   float: left;
   text-align: left;
}

   ul.ftr_links li {
      border-left: 1px solid #7e7e7e;
      color: #bbbbbb;
      float: left;
      font-size: 13px;
      line-height: 100%;
      padding: 0 11px;
      width: auto;
   }

      ul.ftr_links li:nth-child(1), ul.ftr_links li:nth-child(2) {
         padding-left: 0;
         border-left: none;
      }

.copyright_text {
   float: right;
   text-align: right;
   font-size: 13px;
   color: #bbbbbb;
}

   .copyright_text a {
      color: #bbbbbb;
   }

      .copyright_text a:hover {
         color: #fff;
      }


/**** ----------- Content Page Style Code ------------  ****/
.inner-page-content {
   width: 100%;
   float: left;
   padding: 60px 0 100px;
   background: #fff;
}

.content-template {
   float: right !important;
   padding-left: 20px;
}

   .content-template h1 {
      color: #194e91;
      margin: 0 0 20px;
      font-size: 32px;
   }

   .content-template .hcontent ul li {
      color: #666666;
      line-height: 28px;
   }

.content-sidebar {
   float: left;
   margin: 0 1.6% 0 0;
}

.request_consult {
   background: #f4ede7;
   border-top: 3px solid #f68428;
   width: 100%;
   float: left;
   text-align: center;
   padding: 30px 20px;
}

   .request_consult h3 {
      text-transform: uppercase;
      font-weight: bold;
      color: #f68428;
      font-size: 16px;
      margin: 0;
      padding: 0;
   }

   .request_consult p {
      font-size: 16px;
      color: #a48d79;
      line-height: 24px;
      padding: 0 10px;
   }

   .request_consult .btn_small {
      display: inline-block;
   }

.side_links {
   width: 100%;
   float: left;
   margin: 20px 0;
}

   .side_links h4 {
      font-size: 15px;
      color: #194e91;
      padding: 0 0 10px 0;
      text-transform: uppercase;
      font-weight: bold;
      border-bottom: 1px solid #b0bfce;
   }

   .side_links ul {
      margin-top: 15px;
      float: left;
      width: 100%;
   }

      .side_links ul li {
         font-size: 14px;
         line-height: 100%;
         margin-bottom: 15px;
      }

         .side_links ul li a {
            color: #666666;
         }

            .side_links ul li a:hover {
               color: #194e91;
            }

.innerpage-feature {
   width: 100%;
   float: left;
   background: url(/Admin/Code/Styles/images/bg_content_feature.jpg) #f68428 no-repeat 0 0;
   background-size: cover;
   text-align: center;
   padding: 80px 0;
}

   .innerpage-feature h2 {
      color: #fff;
      margin-bottom: 20px;
      line-height: 42px;
   }

/* Service landing page*/
.banner-inner {
   width: 100%;
   float: left;
   background-size: cover;
   padding: 100px 0;
   text-align: center;
   position: relative;
}

.banner-innercover {
   width: 100%;
   float: left;
   background-size: cover !important;
   padding: 100px 0;
   text-align: center;
}

   .banner-innercover h1 {
      color: #fff;
      display: inline-block;
      font-size: 60px;
      line-height: 70px;
      margin: 0;
      width: 100%;
   }

      .banner-innercover h1 span {
         display: block;
         text-transform: uppercase;
         font-size: 28px;
      }

.banner-inner h1 {
   color: #fff;
   display: inline-block;
   font-size: 60px;
   line-height: 70px;
   margin: 0;
   width: 100%;
   position: relative;
   z-index: 2;
}

   .banner-inner h1 span {
      display: block;
      text-transform: uppercase;
      font-size: 28px;
      position: relative;
      z-index: 2;
   }

.inner-page-content .overview_top {
   padding-top: 0;
}

   .inner-page-content .overview_top h2 {
      margin-top: 0;
   }

.services {
   width: 100%;
   float: left;
   text-align: center;
}

   .services .service-single {
      width: 33.33%;
      float: left;
      text-align: center;
      padding: 40px;
   }

.service-single .service_icon {
   min-height: 120px;
   margin-bottom: 20px;
   display: inline-block;
}

.service-single h4 a {
   font-size: 21px;
   color: #666666;
   line-height: 28px;
}

   .service-single:hover h4 a, .service-single h4 a:focus {
      color: #194e91;
   }

.service-single:hover {
   background: #f8f8f8;
}

/* Service Detail Page*/
.service_detail_pg .hcontent ul li {
   color: #666666;
   line-height: 28px;
}

.service_detail_pg .hcontent p {
   margin-bottom: 20px;
}

.service_detail_pg .hcontent h2 {
   font-size: 28px;
   color: #f68428;
   margin: 15px 0 10px;
   padding: 0;
}

.service_detail_pg .hcontent a {
   color: #194e91;
}

.side_links2 {
   width: 100%;
   float: left;
   background: #ebedef;
   border-top: 3px solid #b0bfce;
   padding: 20px 15px;
}

   .side_links2 h4 {
      text-transform: uppercase;
      font-size: 15px;
      margin: 0 0 10px;
      color: #194e91;
      font-weight: bold;
   }

   .side_links2 ul {
      width: 100%;
      float: left;
   }

      .side_links2 ul li {
         color: #666666;
         font-size: 14px;
         line-height: 23px;
      }

         .side_links2 ul li a {
            color: #666666;
         }

            .side_links2 ul li a.blue-link {
               color: #194e91;
            }

            .side_links2 ul li a:hover, .side_links2 ul li a:focus {
               color: #194e91;
            }

.client_message {
   width: 100%;
   float: left;
   border-top: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   margin: 30px 0;
   padding: 20px 25px;
   position: relative;
}

   .client_message:before {
      content: url(/Admin/Code/Styles/images/quote_img.png);
      background: #fff;
      padding: 0 20px;
      font-size: 30px;
      display: inline-block;
      position: absolute;
      top: -15px;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
   }

   .client_message p {
      font-style: italic;
   }

.client_overview {
   font-size: 13px;
   color: #666666;
   text-transform: uppercase;
}

   .client_overview strong {
      display: block;
      text-transform: none;
      color: #194e91;
      margin-bottom: 10px;
   }

   .client_overview span {
      text-transform: none;
      display: block;
      margin-top: 10px;
   }



/* Work at Gotham*/
.benefits {
   width: 100%;
   float: left;
}

.benefit_single {
   width: 33.33%;
   float: left;
   position: relative;
   padding-left: 100px;
   margin-bottom: 60px;
   padding-right: 20px;
}

   .benefit_single .icon_bx {
      position: absolute;
      left: 0;
      top: 0;
   }

   .benefit_single h4 {
      color: #f68428;
      font-size: 21px;
      margin: 0 0 10px;
   }

   .benefit_single p {
      line-height: 24px;
   }

.crnt_oportunities {
   width: 100%;
   float: left;
   padding: 30px 100px;
}

   .crnt_oportunities h2 {
      color: #194e91;
      font-size: 28px;
      float: left;
   }

.oportunity_table table {
   width: 100%;
}

.oportunity_table {
   padding-top: 30px;
   width: 100%;
   float: left;
}

   .oportunity_table tr {
      text-align: left;
      border-top: solid 1px #ccc;
      border-bottom: solid 1px #ccc;
   }

   .oportunity_table th {
      background: #999999;
      padding: 15px;
      color: #fff;
      border: none;
      text-transform: uppercase;
   }

   .oportunity_table td {
      padding: 15px;
      color: #666666;
   }

   .oportunity_table tr:nth-child(2n+1) {
      background: #e6eaee;
   }


/* Careers Landing Page */
.carrers_landing {
   width: 100%;
   float: left;
   text-align: center;
}

.careers_link {
   width: 100%;
   margin-top: -51px;
   margin-bottom: 25px;
}

.link_box {
   max-width: 420px;
   display: inline-block;
   float: none;
   margin: 0 25px;
}

.link_title {
   font-size: 21px;
   text-transform: uppercase;
   padding: 15px;
   height: 50px;
   z-index: 1;
   position: relative;
   top: 1px;
}

.link_box .hcontent {
   border: 1px solid #cccccc;
   box-shadow: 0 1px 3px 0 rgba(0,0,0,0.40);
   -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.40);
   padding: 40px;
}

   .link_box .hcontent h4 {
      font-size: 28px;
      color: #333333;
      line-height: 42px;
   }

   .link_box .hcontent a {
      width: 100%;
      max-width: 260px;
      display: inline-block;
      line-height: 22px;
   }

.career_midle_part {
   width: 100%;
   text-align: left;
   padding: 50px 150px 40px;
   float: left;
}

   .career_midle_part .feature {
      min-height: 100px;
      width: 33.33%;
      float: left;
      position: relative;
   }

      .career_midle_part .feature .icon_bx {
         float: left;
         margin-right: 20px;
      }

      .career_midle_part .feature h4 {
         color: #f68428;
         font-size: 32px;
         font-weight: bold;
         margin: 12px 0 0;
      }

         .career_midle_part .feature h4 span {
            display: block;
            font-size: 18px;
            color: #666666;
            font-weight: normal;
         }

.testimoinal_sec {
   width: 100%;
   float: left;
   border-top: 1px solid #dddddd;
   padding: 40px 0;
}

   .testimoinal_sec .testimonial {
      width: 100%;
      float: left;
      text-align: center;
      padding: 0 150px;
   }

      .testimoinal_sec .testimonial:before {
         content: url(/Admin/Code/Styles/images/quote_img2.png);
         display: inline-block;
      }

      .testimoinal_sec .testimonial p {
         font-family: 'georgia-italic';
         color: #333;
         font-size: 21px;
         line-height: 38px;
         margin-top: 20px;
      }

      .testimoinal_sec .testimonial .client_overview {
         font-size: 18px;
         color: #999999;
         text-transform: none;
         margin-bottom: 30px;
      }


#testimonial_slider .owl-pagination .owl-page {
   width: 17px;
   height: 17px;
   display: inline-block;
   background: #cccccc;
   margin: 0 5px;
   border-radius: 100%;
   -webkit-border-radius: 100%;
}

   #testimonial_slider .owl-pagination .owl-page.active {
      background: #b4b794;
   }

.col-right {
   float: right;
   width: 71.1%;
   margin-bottom: 23px !important;
}

.job-listings {
   margin-top: 20px;
}

.job {
   padding-bottom: 40px;
   margin-bottom: 40px;
   border-bottom: 1px dotted #aaa;
}

.hcontent .job h3 {
   padding-top: 0;
}

.job h3 span {
   color: #666;
   display: inline-block;
   margin-right: 10px;
   padding-right: 10px;
   border-right: 1px solid #ddd;
}

.job h3 a {
   text-decoration: none;
}

.job-form {
   max-width: 500px;
   width: 100%;
}

   .job-form label {
      display: block;
      margin-bottom: 5px;
   }

   .job-form input[type="text"] {
      width: auto;
   }

   .job-form input[type="submit"] {
      background: #17A33B;
      border: none;
      color: #ffffff;
      border-radius: 3px;
      font-size: 16px;
      font-family: 'robotomedium', sans-serif;
      text-transform: uppercase;
      padding: 16px 26px 17px;
      display: inline-block;
      text-decoration: none;
      text-align: center;
   }

.hcontent p,
.hcontent ul li,
.hcontent ol li,
#ContentID p,
#ContentID ul li,
#ContentID ol li {
   font-size: 16px;
   line-height: 1.8;
}

.blue_bg {
   color: #3B89C9 !important;
}



.hh-required-fields,
.hhForm .hhFormRequired {
   font-size: 10px;
   padding-bottom: 10px;
   color: #c12222;
}



.hhForm .hhFormRow {
   margin-bottom: 10px;
   clear: left;
   display: block;
   padding: 5px 0px 5px 0px;
   min-height: 21px;
}

   .hhSearchInputRow label, .hhForm .hhFormRow label {
      font-weight: bold;
      min-width: 100px;
      max-width: 100px;
      display: block;
      margin-right: 20px;
      float: left;
   }

   .hhSearchInputRow input, /*added for all search forms in admin*/
   .hhForm .hhFormRow .hhFormRowInput input.hhTextBox,
   .hhForm .hhFormRow .hhFormRowInput textarea.hhTextArea {
      border: 1px solid #999;
      padding: 2px 5px 2px 5px;
      font-size: 12px;
      float: left;
      margin-bottom: 15px;
      background-color: #fff;
   }

      .hhForm .hhFormRow .hhFormRowInput input.hhTextBox[type=file] {
         float: left;
      }

   .hhSearchInputRow select, /*added for all search forms in admin*/
   .hhForm .hhFormRow .hhFormRowInput select.hhDropDown {
      border: 1px solid #999;
      padding: 1px 1px 1px 5px;
      font-size: 12px;
      float: left;
      margin-bottom: 15px;
   }

   .hhForm .hhFormRow .hhFormRowInput .hhWYSIWYG {
      float: left;
      margin-bottom: 15px;
      clear: left;
   }

      .hhForm .hhFormRow .hhFormRowInput .hhWYSIWYG textarea {
         border: 1px solid #ccc;
         padding: 5px;
         font-size: 12px;
         background-color: #fff;
      }

   .hhForm .hhFormRow div.FormDIV {
      background-color: #efefef;
      border: 1px solid #ccc;
      padding: 2px 2px 2px 2px;
      margin: -4px 0 0 110px;
      min-height: 14px;
   }
/* MULTIPLE CHECK BOXES -- USER ROLES */
.hhFormRowInput #checkbox-multiple {
   display: block;
   clear: both;
}

   .hhFormRowInput #checkbox-multiple #CheckboxHeader {
      padding: 0px 0px 15px 0px;
   }

   .hhFormRowInput #checkbox-multiple ul li {
      clear: both;
      margin-bottom: 5px;
      padding: 3px 0px 3px 0px;
   }

      .hhFormRowInput #checkbox-multiple ul li:hover {
         background-color: #eee;
      }

      .hhFormRowInput #checkbox-multiple ul li label {
         width: 450px;
         max-width: 450px;
         margin-left: 15px;
      }

         .hhFormRowInput #checkbox-multiple ul li label span.adminRoleNav {
            margin-left: -15px;
            background-color: #333;
            color: white;
            padding: 5px;
            display: block;
         }

.hhFormRowInput input {
   border: 1px solid #999;
   padding: 2px 5px 2px 5px;
   font-size: 12px;
   margin-bottom: 4px;
   float: left;
}

.hhForm .hhFormRow .hhFormRowInput #hhImageController {
   display: inline;
}

   .hhForm .hhFormRow .hhFormRowInput #hhImageController .hhImage {
      display: inline;
      max-width: 100px;
      max-height: 100px;
   }

      .hhForm .hhFormRow .hhFormRowInput #hhImageController .hhImage img {
         max-width: 100px;
      }

.hhForm .hhFormRow .hhFormRowInput .hhFieldText {
   padding-left: 120px;
   clear: both;
   top: -10px;
   font-size: 90%;
}
/* Separator */
.hhForm #row-seperator {
   font-size: 140%;
   color: #2586D0;
   border-bottom: 1px solid #2586D0;
}

   .hhForm #row-seperator label {
      min-width: 600px;
      max-width: 600px;
   }


.hh-required-fields,
.hhForm .hhFormRequired {
   font-size: 10px;
   padding-bottom: 10px;
   color: #c12222;
}

span.star {
   color: #c12222;
   margin-left: 5px;
}

.col_right {
   width: 72%;
   word-wrap: break-word;
}



/* Job Opportunities */
.job_form {
   width: 92%;
   margin: 40px 4% 10px;
   float: left;
   background: #fff;
   height: 70px;
}

.field_outer {
   float: left;
   width: auto;
   position: relative;
   padding: 0 0 0 60px;
   border-right: 1px solid #bbbbbb;
}

   .field_outer input, .field_outer select {
      padding: 0 5px;
      line-height: 70px;
      width: 100%;
      font-size: 16px;
      color: #666766;
      -webkit-color: #666766;
      font-style: italic;
      border: none;
   }

::-webkit-input-placeholder {
   color: #666766;
}

.field_outer .field_icon {
   position: absolute;
   left: 25px;
   line-height: 70px;
   font-size: 24px;
   color: #ababab;
}

.field_outer:nth-child(1), .field_outer:nth-child(2) {
   width: 30%;
}

.field_outer:nth-child(3) {
   width: 15%;
   padding-left: 45px;
}

.field_outer:nth-child(4) {
   width: 18%;
   border-right: none;
}

.field_outer:nth-child(5) {
   width: 7%;
   padding: 0;
   border-right: none;
}

.btn_submit {
   border: none;
   height: 70px;
   width: 100%;
   font-size: 40px;
   margin-right: -1px;
   cursor: pointer;
}

   .btn_submit:hover, .btn_submit:focus {
      background: #e97b22;
   }

.field_outer select {
   -webkit-appearance: none;
   appearance: none;
   -moz-appearance: none;
   padding: 15px 0;
   cursor: pointer;
   background: url(../images/select_icon.png) no-repeat right 30px center;
   background-size: 14px auto;
   -webkit-background-size: 14px auto;
   -moz-background-size: 14px auto;
}

   .field_outer select option {
      padding: 10px 0 10px 10px;
   }

.field_outer ::-webkit-input-placeholder {
   opacity: 1;
}

.field_outer :-moz-placeholder {
   opacity: 1;
}

.field_outer ::-moz-placeholder {
   opacity: 1;
}

.field_outer :-ms-input-placeholder {
   opacity: 1;
}

.indicator {
   float: right;
   margin-top: 5px;
   color: #666666;
   font-size: 16px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   .field_outer select {
      padding: 0;
      line-height: 68px;
   }
}


/*---------------Responsive css------------------*/

@media screen and (max-width: 1199px) {
   .setcontainer {
      padding-left: 15px;
      padding-right: 15px;
   }

   .main_nav ul li {
      font-size: 15px;
      padding: 15px 0 15px 30px;
   }

      .main_nav ul li ul.sub_menu li a {
         font-size: 14px;
      }

   .header .logo {
      padding: 25px 0;
   }

   .banner_sec .owl-buttons {
      top: 36%;
   }

   .gotham_tweets {
      overflow: hidden;
   }

      .gotham_tweets p {
         font-size: 14px;
      }

   .overview_top h2 {
      margin: 20px 0 30px;
   }

   #wrapper_home #ContentID {
      padding: 0 30px 60px 30px;
   }


   #owl-demo1 .item img {
      height: 100%;
      width: auto;
   }

   .text_over {
      font-size: 15px;
   }

   .homeslide {
      padding: 75px 0 100px;
   }

   .client_stats .feature h3 span {
      font-size: 13px;
      line-height: 23px;
   }

   .client_stats {
      padding: 20px 0 40px;
   }

      .client_stats .feature h3 {
         font-size: 21px;
      }

   .service_outer .service {
      padding: 30px;
      min-height: 280px;
   }

      .service_outer .service h4 {
         font-size: 18px;
         line-height: 22px;
      }

   .banner_sec h1 {
      font-size: 37px;
      line-height: 45px;
   }

   .service_outer {
      padding: 60px 20px 40px;
   }

   /* Inner Page */
   .banner-inner {
      padding: 80px 0;
   }

      .banner-inner h1 {
         font-size: 46px;
      }

   .service-single h4 a {
      font-size: 18px;
   }

   .services .service-single {
      padding: 30px 20px;
   }

   .innerpage-feature {
      padding: 60px 0;
   }


   /* Work at gotham page*/
   .benefit_single h4 {
      font-size: 19px;
   }

   .benefit_single {
      padding-right: 10px;
   }

   .crnt_oportunities {
      padding: 0;
   }

   .banner-inner h1 span {
      line-height: 40px;
   }

   .client_message {
      padding: 20px 0;
   }


   /* Career landing Page*/
   .career_midle_part {
      padding-left: 0;
      padding-right: 0;
   }

   .testimoinal_sec .testimonial {
      padding: 0 50px;
   }

   /* Job Opportunity */
   .job_form {
      width: 100%;
      margin: 40px 0 0;
   }
}

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

   h2 {
      font-size: 26px;
      line-height: 34px;
   }

   .main_nav ul li {
      font-size: 13px;
   }

      .main_nav ul li ul.sub_menu {
         min-width: 180px;
         max-width: inherit;
      }

         .main_nav ul li ul.sub_menu li a {
            font-size: 12px;
            padding: 12px;
         }

   .banner_sec h1 {
      font-size: 28px;
      line-height: 39px;
   }

   #owl-demo1 .item img {
      height: 100%;
   }

   .text_over {
      font-size: 13px;
      line-height: 20px;
      max-width: 170px;
   }

   .gotham_tweets p {
      font-size: 13px;
      line-height: 18px;
      padding: 10px;
   }

   .homeslide {
      padding: 140px 0 55px;
   }

   .home_about h2 {
      font-size: 25px;
      margin: 0 0 20px;
      line-height: 35px;
   }

   #wrapper_home #ContentID h2 {
      font-size: 24px;
   }

   .client_stats .feature {
      padding: 50px 0 22px 90px;
      min-height: 139px;
   }

      .client_stats .feature .icon {
         left: 13px;
      }

      .client_stats .feature h3 {
         font-size: 16px;
      }

   .home_services .service {
      width: 33.33%;
   }

      .home_services .service h4 {
         font-size: 17px;
      }

   .copyright_text {
      font-size: 12px;
   }

   ul.ftr_links li {
      font-size: 12px;
      padding: 0 10px;
   }

   .overview_top {
      padding: 30px 0;
   }

   .main_nav ul li {
      padding: 15px 0 15px 15px;
   }

   .logo img {
      max-width: 200px;
   }

   .home_services .service h4 {
      line-height: 20px;
   }

   .btn_nrml {
      font-size: 15px;
      padding: 13px 30px;
   }

   .homeslide {
      padding: 60px 0 80px;
   }

   .banner_sec .owl-buttons .owl-prev:before {
      font-size: 35px;
   }

   .banner_sec .owl-buttons .owl-next:before {
      font-size: 35px;
   }

   .main_nav {
      display: block;
   }


   /* Inner Page */
   .innerpage-feature {
      padding: 30px 0;
   }

   .content-template h1 {
      font-size: 28px;
      margin: 0 0 10px;
   }

   .request_consult {
      padding: 20px 8px;
   }

      .request_consult h3 {
         font-size: 15px;
      }

      .request_consult p {
         padding: 0;
         font-size: 14px;
         line-height: 20px;
      }

   .banner-inner h1 {
      font-size: 38px;
   }

   .banner-inner {
      padding: 50px 0;
   }

   .overview_top h2 {
      line-height: 34px;
   }

   /* Service Detail Page*/
   .side_links2 {
      padding: 20px 8px;
   }

   .client_message p {
      margin-bottom: 10px;
      font-size: 14px;
      line-height: 22px;
   }

   .client_overview {
      font-size: 12px;
   }

   /* Work at gotham page*/
   .banner-inner h1 span {
      line-height: 100%;
      font-size: 22px;
   }

   .benefit_single {
      width: 50%;
   }


   /* Careers Landing Page*/
   .careers_link {
      margin-top: 20px;
   }

   .link_box {
      max-width: 325px;
      margin: 0 20px;
   }

      .link_box .hcontent h4 {
         font-size: 22px;
      }

   .testimoinal_sec .testimonial {
      padding: 0;
   }

      .testimoinal_sec .testimonial p {
         padding: 0 20px;
         font-size: 20px;
         line-height: 32px;
      }

   /* Job Opportunity */
   .field_outer .field_icon {
      font-size: 16px;
      left: 8px;
   }

      .field_outer .field_icon img {
         max-height: 16px;
      }

   .field_outer {
      padding-left: 30px;
   }

      .field_outer:nth-child(3) {
         padding-left: 20px;
      }

      .field_outer input, .field_outer select {
         font-size: 14px;
      }

   .job_form {
      margin: 10px 0;
   }

   .field_outer select {
      background-position: right 15px center;
      -webkit-background-position: right 15px center;
      -moz-background-position: right 15px center;
   }

      .field_outer select option {
         min-width: 150px;
      }

   .btn_submit {
      font-size: 28px;
   }
}

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

   .main_nav ul li ul.sub_menu {
      position: static;
      border-radius: 0;
      box-shadow: none;
      background: #f8f8f8;
      display: none;
      transform: none;
      margin: 5px 0 0;
   }

   .main_nav ul li:hover ul.sub_menu {
      display: none;
   }

   .main_nav ul li ul.sub_menu:before {
      display: none;
   }

   .main_nav ul li ul.sub_menu li {
      border-bottom: none;
   }

      .main_nav ul li ul.sub_menu li a {
         border-radius: 0 !important;
         border-bottom: 1px solid #ccc;
         color: #666;
         width: 100% !important;
      }

   #main_menu ul li.has_submenu a {
      width: 100%;
      position: relative;
      z-index: 2;
   }

      #main_menu ul li.has_submenu a.drop_icon {
         width: auto;
         position: absolute;
         right: 20px;
         top: 6px;
         color: #666;
         font-size: 24px;
         font-family: 'FontAwesome';
         cursor: pointer;
         display: inline-block;
         width: 20px;
         text-align: center;
      }

         #main_menu ul li.has_submenu a.drop_icon.open:before {
            content: "\f106";
         }



   .main_nav ul li.has_submenu.open:after {
      content: "\f106";
   }

   .banner_sec h1 {
      font-size: 20px;
      line-height: 28px;
   }

   .client_stats .feature {
      border-bottom: 1px solid #dedede !important;
      border-right: 1px solid #dedede !important;
      width: 50%;
   }

      .client_stats .feature:nth-child(even) {
         border-right: none !important;
      }

   .client_stats {
      padding: 0 0 40px;
   }

   .copyright_text {
      text-align: center;
      width: 100%;
   }

   .home_about h2 {
      font-size: 20px;
      line-height: 25px;
   }

   .hcontent p, .hcontent ul li, .hcontent ol li, #ContentID p, #ContentID ul li, #ContentID ol li {
      font-size: 12px;
   }

   .overview_top {
      padding: 15px 0;
   }

   .title_border h2 {
      line-height: 35px;
      padding: 0 10px;
      font-size: 20px;
   }

   #main_menu a {
      width: 100%;
   }

   .mobile_toggle {
      background: #f68428;
      color: #fff;
      font-size: 12px;
      text-transform: uppercase;
      padding: 5px 10px;
      display: inline-block;
      zfloat: right;
      cursor: pointer;
      border-radius: 2px;
   }

      .mobile_toggle img {
         position: relative;
         margin-left: 10px;
      }

   .hdr_top_links {
      float: left;
   }

      .hdr_top_links a {
         font-size: 12px;
         margin-left: 5px;
         padding: 12px 10px;
         float: left;
         border-radius: 2px;
      }

   .main_nav {
      display: none;
      width: 100%;
   }
      /*
.main_nav ul li a {
	padding: 0;
}
*/
      .main_nav ul li {
         font-size: 13px;
         padding: 10px 5px;
         border-bottom: solid 1px #dedede;
      }

      .main_nav ul {
         float: left;
         width: 100%;
      }

         .main_nav ul li {
            width: 100%;
         }

   .header_right {
      margin-bottom: 8px;
      width: 100%;
   }

   .header .logo {
      padding: 14px 0;
      text-align: center;
      width: 100%;
      float: none;
   }

   .service_outer {
      padding: 40px 0;
   }

   .text_over {
      font-size: 13px;
      line-height: 18px;
      padding: 20px;
      max-width: 130px;
   }

   .gotham_tweets p {
      font-size: 12px;
      line-height: 16px;
      padding: 9px;
   }

   .btn_nrml {
      font-size: 12px;
      padding: 11px 30px;
   }


   .footer .grid3-12:first-child {
      width: 100%;
      text-align: center;
   }

   .footer .grid3-12 {
      width: 33.33%;
      margin: 0 0 20px;
   }

   .footer form {
      max-width: 400px;
      float: none;
      display: inline-block;
   }

   .ftr_btm {
      text-align: center;
   }

      .ftr_btm ul.ftr_links {
         display: inline-block;
         float: none;
         margin-bottom: 5px;
      }


   /* Inner Page*/
   .inner-page-content {
      padding: 30px 0 20px;
   }

   .request_consult h3 {
      font-size: 14px;
   }

   .request_consult p {
      font-size: 12px;
      line-height: 18px;
   }

   .request_consult .btn_small {
      font-size: 14px;
   }

   .hcontent p, .hcontent ul li {
      font-size: 14px;
   }

   .innerpage-feature h2 {
      font-size: 22px;
      line-height: 32px;
   }

      .innerpage-feature h2 br {
         display: none;
      }

   .service-single h4 a {
      font-size: 16px;
      line-height: 22px;
   }

   h1, .banner-inner h1 {
      font-size: 32px;
   }

   .banner-inner {
      padding: 40px 0;
   }

      .banner-inner h1 {
         line-height: 52px;
      }

   /* Service Detail Page*/
   .mobile_hidden {
      display: none;
   }

   .service_detail_pg .grid2-4, .service_detail_pg .grid1-4 {
      margin: 0;
      width: 100%;
   }

   .service_detail_pg .hcontent h2 {
      font-size: 24px;
   }


   /* Work at gotham*/
   .banner-inner h1 span {
      font-size: 18px;
   }

   .benefit_single h4 {
      font-size: 18px;
   }

   .benefit_single p {
      font-size: 14px;
      line-height: 22px;
   }

   .crnt_oportunities h2 {
      font-size: 22px;
   }

   .oportunity_table {
      padding-top: 10px;
   }

      .oportunity_table td {
         font-size: 14px;
      }

   .benefit_single {
      margin-bottom: 30px;
   }


   /* Career Landing Page*/
   .link_box {
      max-width: 48%;
      margin: 0 1%;
   }

      .link_box .hcontent {
         padding: 20px 10px;
      }

   .link_title {
      height: auto;
      padding: 12px;
      font-size: 18px;
   }

   .career_midle_part .feature .icon_bx {
      margin-right: 10px;
   }

      .career_midle_part .feature .icon_bx img {
         max-height: 50px;
      }

   .career_midle_part .feature h4 {
      font-size: 24px;
      margin: 5px 0 0;
   }

      .career_midle_part .feature h4 span {
         font-size: 15px;
      }

   .career_midle_part .feature {
      max-width: 31.33%;
      margin: 0 1%;
      min-height: inherit;
   }

   .career_midle_part {
      padding: 30px 0 20px;
   }

   .testimoinal_sec .testimonial p {
      font-size: 16px;
      line-height: 28px;
      padding: 0 10px;
   }

   .testimoinal_sec {
      padding: 20px 0;
   }

      .testimoinal_sec .testimonial .client_overview {
         font-size: 16px;
      }


   /* Job Opportunity */
   .field_outer {
      background: #fff;
      border: none !important;
      width: 100% !important;
      margin-bottom: 5px;
      float: left;
      height: auto;
   }

   .job_form {
      background: none;
      height: auto;
      max-width: 450px;
      display: inline-block;
      float: none;
   }

   .field_outer input, .field_outer .field_icon {
      line-height: 40px;
   }

   .field_outer select {
      padding: 0;
   }

   .field_outer .btn_submit {
      height: 40px;
      font-size: 20px;
      float: left;
      margin-right: 0;
   }

   .crnt_oportunities h2, .crnt_oportunities .indicator {
      width: 100%;
      float: none;
      display: inline-block;
      text-align: center;
   }

   .oportunity_table td img {
      display: block;
   }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   .field_outer select {
      padding: 0;
      line-height: 40px;
   }
}


/* 02-june-2016 Starts */
#imagelist ul li {
   position: relative;
}

.banner-caption {
   left: 50%;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 80%;
   z-index: 99;
}

#boxlist {
   display: inline-block;
   margin-top: -130px;
}

.request_consult .hcontent h3 {
   color: #f68428;
   font-size: 16px;
   font-weight: bold;
   margin: 0;
   padding: 0;
   text-transform: uppercase;
}

.inner-page-content #ContentID h1 {
   color: #194e91;
   font-size: 28px;
   margin: 0px 0 10px;
   padding: 0;
   line-height: 20px;
}

.SubCategoryDetail h3 {
   font-weight: bold;
   font-size: 20px !important;
   color: #666 !important;
   padding: 0 !important;
   margin: 0 !important;
}

.SubCategoryDetail a, #wrapper_contact_ a {
   color: #194e91 !important;
}

#wrapper_resources h2 {
   background: #f6f6f6;
   padding: 0 15px;
   margin-top: 10px;
}

#wrapper_resources .grid_12of12 {
   width: 100%;
}

#wrapper_resources .grid_4of12 {
   width: 49%;
}

#wrapper-staffpartners h2 {
   margin: 0;
   padding: 9px;
   color: #194e91;
}

#wrapper-staffpartners p {
   padding-left: 10px;
}

#wrapper-events {
}

   #wrapper-events .event-img {
      border-radius: 100%;
      height: 200px;
      margin-top: 30px;
      overflow: hidden;
      width: 200px;
   }

   #wrapper-events .row {
      zborder: 1px solid red;
   }

      #wrapper-events .row.event-item {
         border-bottom: 1px solid #f1f1f1;
         margin-bottom: 20px;
         zborder: 1px solid green;
         zdisplay: inline-block;
         padding-bottom: 20px;
      }
/*
#wrapper_contact_ .hhFormBuilder {
   background: #f6f6f6;
   padding: 15px;
}
*/

#wrapper_contact_ input[type="text"],
#wrapper_contact_ select {
   width: 85%;
   padding: 6px 12px;
   height: 40px;
}

   #wrapper_contact_ input[type="text"]:focus,
   #wrapper_contact_ textarea:focus,
   #wrapper_contact_ select:focus {
      border: 1px solid #f68428;
   }

#wrapper_contact_ textarea {
   width: 85%;
}

#wrapper_contact_ #hhFormBuilderButton {
   border: medium none;
   border-radius: 20px;
   font-size: 16px;
   padding: 8px 16px;
   color: #fff;
   background: #f68428;
}

   #wrapper_contact_ #hhFormBuilderButton:hover, #wrapper_contact_ #hhFormBuilderButton:focus {
      background: #e97b22;
      text-decoration: none;
   }

#wrapper_contact_ .formBuilderButton {
   padding-left: 120px;
}

#wrapper_contact_ label {
   margin-top: 10px;
   min-width: 110px;
   max-width: 110px;
}

.content-sidebar {
   margin: 0 1.6% 0 0 !important;
}

#imagenav {
   display: block;
}

   #imagenav li {
      display: inline-block;
      font-size: 0;
      height: 14px;
      line-height: 0;
      width: 14px;
   }

      #imagenav li a {
         background: #fff;
         border-radius: 100%;
         display: inline-block;
         font-size: 0;
         height: 14px;
         line-height: 0;
         width: 14px;
         border: 2px solid #aaa;
      }

   #imagenav .next a {
      border: 2px solid #F58D36;
   }

.banner_sec .item {
   position: relative;
}

#imagenav {
   position: absolute;
   top: 10px;
   right: 10px;
   z-index: 999; /*display:none;*/
}
/* 02-june-2016 Ends */

/* 03-june-2016 Starts */
#careerdetail .job-details h1 {
   color: #f68428;
   font-size: 28px;
   line-height: 20px;
   margin: 0 0 10px;
   padding: 0;
}

#careerdetail .job-description h3 {
   color: #194e91 !important;
   margin: 0px;
   padding: 0 !important;
}

.job-content .job-form label {
   width: 15%;
   max-width: inherit;
   margin-top: 10px;
}

.job-content .job-form input[type="text"] {
   width: 82%;
   padding: 6px 12px !important;
   height: 40px;
}

   .job-content .job-form input[type="text"]:focus, .job-content .job-form textarea:focus {
      border: 1px solid #f68428 !important;
   }

.job-content .job-form textarea {
   width: 82%;
   padding: 6px 12px !important;
}

.job-content .job-form {
   width: 72%;
   max-width: inherit;
   padding-bottom: 30px;
}

/*
.job-content .job-form {
   background: #f6f6f6;
   padding: 15px;
}
*/

.job-form input[type="submit"] {
   background: #f68428;
   border: medium none;
   border-radius: 20px;
   color: #fff;
   font-size: 16px;
   padding: 8px 16px;
}

.job-content .job-form .hhFormController {
   display: inline-block;
   padding-left: 135px;
}

.job-form input[type="submit"]:hover, .job-form input[type="submit"]:focus {
   background: #e97b22 none repeat scroll 0 0;
   text-decoration: none;
}

.job-content .job-form h2 {
   color: #194e91;
}

.formLink.uploadLink {
   font-size: 14px;
   margin-right: 10px;
   /* color:#4D9A26 !important;*/
}

.formLink.deleteLink {
   font-size: 14px;
   margin-right: 10px;
   color: #f00 !important;
}

.job-details.col_right {
   padding-top: 30px;
}

.job-details-subheading a {
   background: #f68428;
   border: medium none;
   border-radius: 20px;
   color: #fff !important;
   font-size: 16px;
   padding: 8px 16px;
   display: inline-block;
   position: relative;
   right: 0;
   text-decoration: none;
}

   .job-details-subheading a:hover {
      background: #E97B22 !important;
      text-decoration: none !important;
   }

.job-details-subheading {
   text-align: right;
   position: relative;
   width: 100%;
}

#wrapper_clients .overview_btm h4 {
   color: #f68428 !important;
   font-size: 28px;
   line-height: 20px;
   margin: 0 0 10px;
   padding: 0;
   text-transform: capitalize;
}

#wrapper_clients .client_stats .feature h3 {
   color: #f68428;
   font-weight: bold;
   margin: 0;
   font-size: 24px;
}

   #wrapper_clients .client_stats .feature h3 span {
      font-size: 18px;
   }

#wrapper_clients .client_stats .feature {
   padding: 20px 10px 20px 83px;
   width: 100%;
   float: none;
   border: none;
}

   #wrapper_clients .client_stats .feature:hover {
      background: inherit;
   }

   #wrapper_clients .client_stats .feature .icon {
      left: 6px;
   }

#wrapper-news .news-item h3 {
   margin: 0 !important;
   padding: 0 !important;
   line-height: 22px;
}

   #wrapper-news .news-item h3 a {
      color: #194e91;
      font-size: 18px;
   }

#wrapper-news .newslist h2 {
   background: #f6f6f6;
   margin-top: 10px;
   padding: 0 15px;
}

/* 03-june-2016 Ends */



/** start newsletter signup **/
#newsletter-overlay {
   height: 100%;
   left: 0;
   outline: medium none !important;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 1043;
   background: rgba(0,0,0,.60);
}

#newsletter-form {
   position: fixed;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 400px;
   height: 270px;
   background: #fff;
   margin: auto;
   color: #333;
   z-index: 999 !important;
   text-align: left;
   border-top: 7px solid #3B8AC9;
   box-shadow: 0 0 10px rgba(0,0,0,.50);
}

   #newsletter-form h2 {
      color: #fff;
      font-size: 24px;
      color: #3B8AC9;
      margin: 0;
      padding: 10px 15px 5px 10px;
   }

   #newsletter-form p {
      padding: 0 0 10px 10px;
      font-size: 16px;
   }

   #newsletter-form .hhFormRow {
      padding: 10px 10px 5px 10px;
   }

   #newsletter-form input.cancel-sign-up {
      text-decoration: none;
      display: inline-block;
      font-family: Montserrat,Arial, sans-serif;
      text-transform: uppercase;
      color: #333;
      background: #ccc;
      border: none;
      -moz-transition: all .3s;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
   }

      #newsletter-form input.cancel-sign-up:hover {
         background: #d3d3d3;
      }

   #newsletter-form fieldset input[type="text"] {
      background: #fff;
      border: 1px solid #bbb;
      font-family: "Proxima Nova",Arial, Helvetica, sans-serif;
      color: #666;
      font-size: 14px;
      width: 80%;
      padding: 10px;
      margin: 0;
      -moz-transition: border .3s;
      -webkit-transition: border .3s;
      -o-transition: border .3s;
      transition: border .3s;
   }

      #newsletter-form fieldset input[type="text"]:hover {
         border: 1px solid #3B8AC9;
      }

   #newsletter-form input.fielda,
   .subscribe-form input.fielda {
      display: none;
   }

   #newsletter-form .form-buttons {
      padding: 5px 10px 10px 10px;
   }

      #newsletter-form .form-buttons input {
         -webkit-appearance: none;
      }




/** end newsletter signup **/


#imagelist ul li {
   width: 100%;
   display: inline-block;
   position: absolute;
   left: 0;
   height: 500px;
}

#imagelist {
   width: 100%;
   float: left;
   min-height: 500px;
   margin-bottom: 50px;
   overflow: hidden;
}

   #imagelist ul {
      position: relative;
      white-space: nowrap;
      width: 100%;
   }

   #imagelist img {
      width: 100%;
   }




.service-single:nth-child(4) {
   clear: both;
}

#testimonial ul {
   padding-left: 0;
}

   #testimonial ul li {
      list-style-type: none;
   }

#testimonial a {
   color: #194e91;
}






@media screen and (max-width: 1166px) {
   .row.event-item .item-left {
      width: 100%;
      text-align: center;
   }

   .row.event-item .item-right {
      width: 100%;
   }

   .event-img {
      margin: 0 auto;
   }

   #imagelist {
      min-height: 300px;
   }

   #wrapper_contact_ input[type="text"] {
      width: 100%;
   }

   #wrapper_contact_ textarea {
      width: 100%;
   }

   #wrapper_contact_ label {
      margin-bottom: 6px;
   }

   #wrapper_contact_ .formBuilderButton {
      padding-left: 0;
   }

   .job-content .job-form label {
      width: 100%;
   }

   .job-content .job-form input[type="text"], .job-content .job-form textarea {
      width: 100%;
   }

   .job-content .job-form .hhFormController {
      padding-left: 0;
   }

   #wrapper_clients .client_stats .feature {
      min-height: 150px !important;
   }

   #imagelist ul li {
      height: inherit;
   }

   #boxlist {
      margin-top: -70px;
   }
}

@media screen and (max-width:991px) {
   .client_stats .feature {
      width: 49%;
   }

      .client_stats .feature:nth-child(3n+3) {
         border-right: 1px solid #dedede;
      }

      .client_stats .feature:nth-child(2n+2) {
         border-right: none;
      }

      .client_stats .feature:nth-last-child(-n+3) {
         border-bottom: 1px solid #dedede;
      }

      .client_stats .feature:nth-last-child(-n+2) {
         border-bottom: none !important;
      }
}

@media screen and (max-width:768px) {
   .job-details-subheading {
      margin-top: 10px;
      text-align: center;
   }

      .job-details-subheading a {
         position: static;
      }

   .col-right {
      float: none;
      padding: 20px;
      width: 100%;
   }

   .col_right {
      width: 100%;
   }

   .job-content .job-form {
      width: 100%;
   }
}

@media screen and (max-width: 639px) {
   .homeslide {
      padding: 20px 0 60px;
   }

   .banner_sec .owl-buttons .owl-prev:before, .banner_sec .owl-buttons .owl-next:before {
      font-size: 28px;
   }

   .banner_sec .grid1-3 {
      width: 48%;
      margin: 5px 1%;
   }

   .slide_bx.gotham_tweets {
      height: auto;
   }

   .banner_sec .grid1-3:last-child {
      width: 100%;
   }

   .banner_sec .owl-buttons {
      top: 18%;
   }

   #owl-demo1 .item img {
      height: auto;
   }

   .home_services .service {
      width: 50%;
      padding: 20px;
      min-height: 100px;
   }

   .service_outer .service_icon {
      min-height: inherit;
   }

      .service_outer .service_icon img {
         max-height: 90px;
      }

   #wrapper_home #ContentID {
      padding: 0 15px;
   }

      #wrapper_home #ContentID h2 {
         margin: 0 0 30px;
      }

   /* Inner Page*/
   .content-template {
      width: 100% !important;
      padding-left: 0;
   }

   .content-sidebar {
      width: 100% !important;
      margin: 0;
   }

   .overview_top h2, h2 {
      font-size: 24px;
      line-height: 28px;
   }

   .services .service-single {
      width: 50%;
      padding: 20px;
      min-height: 90px;
   }

      .services .service-single .service_icon {
         min-height: inherit;
      }

         .services .service-single .service_icon img {
            max-height: 90px;
         }

   /* Service Detail Page*/
   .service_detail_pg .hcontent h2 {
      font-size: 20px;
   }

   /* Work at Gotham*/
   .benefit_single {
      width: 100%;
      min-height: 90px;
   }

   /* Careers Landing Page*/
   .link_box {
      width: 100%;
      max-width: 400px;
      margin: 10px 0;
   }

   .career_midle_part .feature {
      text-align: center;
   }

      .career_midle_part .feature .icon_bx {
         width: 100%;
         margin: 0 0 10px;
      }

   /* Job Opportunity */
   .oportunity_table td img {
      max-width: 16px;
   }

   .indicator {
      font-size: 13px;
   }


   #wrapper_resources .grid_4of12 {
      width: 100%;
   }

   #imagelist {
      min-height: 190px;
   }
}

@media screen and (max-width: 479px) {
   .header .setcontainer {
      padding-left: 2px;
      padding-right: 2px;
   }

   .hdr_top_links a {
      font-size: 10px;
      padding: 11px 8px;
      max-height: 32px;
      margin-left: 0;
      margin-right: 4px;
   }

   .mobile_toggle {
      padding: 4px 8px;
      font-size: 10px;
      max-height: 32px;
   }

      .mobile_toggle img {
         margin: 0;
      }

   .client_stats .feature {
      width: 100%;
   }

   .home_services .service {
      width: 100%;
   }

   .title_border h2 {
      font-size: 26px;
      line-height: 34px;
      padding: 0;
   }

   .client_stats .feature {
      border-right: medium none;
      min-height: inherit;
      padding: 38px 0 46px 110px;
   }

      .client_stats .feature:nth-last-child(-n+3) {
         border-bottom: 1px solid #dedede;
      }

   .slide_bx {
      height: inherit;
      overflow: inherit;
   }

   .text_over {
      position: static;
      float: left;
      max-width: inherit;
      padding: 10px;
      min-height: 110px;
   }

   .client_stats .feature {
      border-right: none !important;
   }

   .title_border h2 {
      font-size: 20px;
      line-height: 24px;
   }

   .title_border {
      margin-bottom: 0;
   }

   .banner_sec h1 {
      font-size: 21px;
      margin-bottom: 14px;
   }

   #imagelist {
      min-height: 140px;
   }

   .homeslide {
      padding: 80px 0;
   }

   .copyright_text {
      text-align: center;
      width: 100%;
      margin-top: 7px;
   }

   .btn_nrml {
      font-size: 12px;
      padding: 12px 30px;
   }

   .home_about h2 {
      font-size: 15px;
      line-height: 23px;
      margin-bottom: 10px;
   }

   .owl-buttons {
      display: none;
   }

   .overview_top {
      padding: 25px 0 10px;
   }

   .client_stats {
      padding: 0;
   }

   .overview_btm h4 {
      padding-bottom: 0px;
   }

   .banner_sec .owl-buttons {
      top: 17%;
   }

   .home_services {
      margin-top: 30px;
      padding: 15px 0;
   }

   .service_outer {
      padding: 0;
   }

   .home_services .service {
      height: inherit;
      padding: 15px;
   }

   .homeslide + .setcontainer {
      margin-top: -3px;
   }

   .footer .grid3-12 {
      width: 100%;
   }

   .banner_sec .owl-buttons {
      top: 20%;
   }

   .footer form {
      margin: 10px 0 25px;
   }

   .socio a {
      font-size: 20px;
   }

   .ftr_btm {
      margin-top: 20px;
      padding: 20px 0;
      width: 100%;
   }

   ul.ftr_links li {
      padding: 0 6px;
   }

   .ftr_btm {
      padding: 10px 0;
   }

   .service_icon > img {
      max-width: 100px;
   }

   .home_services .service_icon {
      margin-bottom: 0;
   }

   .banner_sec h1 br {
      display: none;
   }

   /* Inner Page*/
   h1, .banner-inner h1 {
      font-size: 24px;
   }

   .services .service-single {
      width: 100%;
   }

   .overview_top h2 br {
      display: none;
   }

   .overview_top h2, h2 {
      font-size: 18px;
      line-height: 22px;
   }

   .overview_top h2 {
      margin: 10px 0;
   }

   .innerpage-feature {
      padding: 20px 0;
   }

      .innerpage-feature h2 {
         font-size: 20px;
         line-height: 24px;
         margin-bottom: 10px;
      }


   /* Work at Gotham*/
   .banner-inner h1 {
      line-height: 32px;
   }

      .banner-inner h1 span {
         font-size: 14px;
      }

   .oportunity_table td, .oportunity_table th {
      padding: 8px;
      font-size: 12px;
   }


   /* Careers Landing Page*/
   .link_box .hcontent h4 {
      font-size: 20px;
      line-height: 24px;
   }

   .link_box .hcontent img {
      max-height: 80px;
   }

   .career_midle_part .feature h4 {
      font-size: 18px;
   }

      .career_midle_part .feature h4 span {
         font-size: 13px;
      }

   .testimoinal_sec .testimonial p {
      font-size: 15px;
      line-height: 22px;
      padding: 0;
   }

   .testimoinal_sec .testimonial .client_overview {
      font-size: 12px;
      margin-bottom: 15px;
   }

   #imagenav {
      top: 70px;
   }

      #imagenav li a {
         height: 10px;
         width: 10px;
      }

   #wrapper-staffpartners h2 {
      padding: 0;
      font-size: 19px;
   }

   .item-right p {
      font-size: 14px !important;
      padding-left: 0 !important;
   }

   #wrapper-news .news-item h3 a {
      font-size: 16px;
   }

   #wrapper_home .btn_nrml {
      font-size: 12px;
      padding: 6px 14px;
   }

   .banner-caption a {
      display: inline-block;
      margin-top: -10px;
   }
}

@media screen and (max-width: 319px) {
   .mobile_toggle {
      padding: 4px;
   }

      .mobile_toggle img {
         margin: 0;
      }
}



/* Locations Page */

.hcontent .LocationsContainer ul {
   padding-left: 0;
}

   .hcontent .LocationsContainer ul li {
      list-style: none;
      padding-bottom: 10px;
   }

      .hcontent .LocationsContainer ul li h2,
      .hcontent .Location h2 {
         margin-bottom: 0;
      }

      .hcontent .LocationsContainer ul li p.address,
      .hcontent .LocationsContainer ul li p.tel,
      .hcontent .Location p.address,
      .hcontent .Location p.tel {
         margin-bottom: 0;
      }

      .hcontent .LocationsContainer ul li a.directions-link {
         display: inline-block;
         margin-top: 10px;
      }

.gDirections {
   margin-top: 25px;
}

   .gDirections input[type="text"] {
      border: 1px solid #ddd;
      padding: 10px;
      font-size: 14px;
      font-family: "VarelaRegular", sans-serif;
      color: #666;
      width: 280px;
   }

.adp table.adp-directions,
.adp table.adp-placemark {
   width: 100%;
   font-family: "VarelaRegular", sans-serif;
}

.adp-step, .adp-text {
   padding: 5px;
}


/* End of Locations Page */



/* training */

.training-course-cat {
   margin-bottom: 15px;
}

   .training-course-cat h2 {
      font-size: 16px;
   }

   .training-course-cat .course-description {
      display: none;
   }

.training-course-list {
   padding: 5px 15px 10px 15px;
}

.training-course-cat .course-name a {
   color: #194e91;
   text-decoration: underline;
   line-height: 2;
}

.training-course-cat .course-description {
   padding: 5px;
   border: 1px dotted #ccc;
   background-color: #efefef;
   margin-bottom: 15px;
}

.training-course-cat .course-description {
   line-height: 1.5;
}

   .training-course-cat .course-description a {
      color: #194e91;
      text-decoration: underline;
   }

.course-description .normal-text-orange-small {
   color: #f68428;
   font-weight: bold;
   padding: 0 5px 0 0;
}

/* end training */



/* Technology Partners */

.category-filter {
   padding: 15px;
   border: 1px solid #ddd;
   margin: 20px 0 10px 0;
   background: #f6f6f6;
}

   .category-filter select {
      border: 1px solid #aaa;
      padding: 10px;
      margin-left: 5px;
      font-size: 16px;
   }

.row.partner-item h2 {
   padding-top: 0;
}

.row.partner-item img {
   padding-top: 10px;
}

@media (max-width:480px) {
   .category-filter select {
      margin-left: 0px;
      max-width: 100%;
   }
}


/* End of technology partner */


.service_detail_pg .side_links2 .more-partners {
   display: none;
}

#testimonial .category-filter {
   text-align: right;
}