/*** Alter For Theme Drupal **/
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 0px;
  margin-bottom: 0px;
}
h1 + br + h2 {
  font-weight: 800;
}
.mt-70 {
  margin-top: 70px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-60 {
  margin-bottom: 60px;
}
.btn {
  padding: 11px 38px;
  color: #fff;
  border: none;
}
.btn.btn-primary {
  background: #00cfef;
}
.btn + .btn {
  margin-left: 15px;
}
.p_relative {
  position: relative;
}
.strong-bold {
  font-size: 55px;
  font-weight: 800;
}
.white,
.white > *,
.white > h1 {
  color: #fff !important;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-h2 {
  font-size: 32px;
  font-weight: 500;
  color: #676767 !important;
  letter-spacing: -2px;
}
.parallax {
  position: relative;
  background-attachment: fixed;
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: cover;
  transform: translate(0, 0);
}
.border-contact {
  border-bottom: solid 10px #00cfef;
}
.video {
  top: 0px;
}
.logo {
  position: inherit;
  left: inherit;
  margin: 0px;
  float: none;
  display: inline-block;
  max-width: inherit;
  margin-top: 10px;
}
.logo > img {
  max-width: 120px;
}
.logo + .navbar-menu {
  margin-left: 40px;
}
.section {
  padding-top: 50px;
}
@media only screen and (max-width: 990px) {
  .container {
    width: auto !important;
  }
}
.PageContent {
  margin-top: 80px;
}
/*** Nav Tab Primary ***/
.navbar-toggle {
  position: relative;
  top: -50px;
}
ul.tabs.primary {
  margin-bottom: 20px;
}
.subMenu {
  top: 0px;
  position: absolute;
  z-index: 999;
}
.subMenu.h_1 {
  top: 40px;
}
.subMenu.h_1.smallheader {
  top: 0px;
}
@media only screen and (max-width: 990px) {
  .subMenu {
    position: fixed;
    box-shadow: none;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 990px) {
  .subMenu .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.subMenu .navbar-menu {
  padding: 0px;
}
@media (min-width: 992px) {
  .subMenu .navbar-menu {
    display: inline-block !important;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 990px) {
  .subMenu .navbar-menu {
    top: -36px;
    margin-top: 0px;
  }
}
.subMenu .navbar-default {
  background: transparent;
  border: none;
  margin-bottom: 0px;
}
@media only screen and (min-width: 990px) {
  .subMenu .navbar-default .navbar-left {
    margin: 0px;
  }
}
@media only screen and (max-width: 990px) {
  .subMenu .navbar-default .navbar-left {
    float: none;
  }
}
.subMenu .navbar-default .navbar-left > li.leaf {
  list-style: none;
  padding: 0px;
}
.subMenu .navbar-default .navbar-left > li > a {
  margin: 0px 40px;
}
@media only screen and (max-width: 990px) {
  .subMenu .navbar-default .navbar-left > li > a {
    margin: 5px 20px !important;
  }
}
@media (max-width: 767px) {
  .subMenu .navbar-default .navbar-left > li > a {
    margin: 18px 28px !important;
  }
}
.subMenu .navbar-default .navbar-left > li.active > a {
  background: transparent;
}
@media only screen and (min-width: 990px) {
  .subMenu .navbar-default .navbar-left > li.first > a {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 990px) {
  .subMenu .navbar-default .navbar-left > li.last > a {
    margin-right: 0px;
  }
}
/*** Tabs Edit ***/
.tabs-edit ul.tabs {
  position: fixed;
  right: -10px;
  top: 40%;
  z-index: 100;
  list-style: none;
  border-bottom: none;
}
.tabs-edit ul.tabs > li {
  float: inherit;
  margin: 0px;
}
.tabs-edit ul.tabs > li > a {
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  display: block;
  margin-right: 0;
  text-align: center;
  background: #fff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  padding: 10px 15px 10px 15px;
}
/*=========== Block Region First Or Second  ================== */
.region-sidebar-first .block > h3,
.region-sidebar-second .block > h3 {
  margin: 0 0 30px 0;
  font-size: 32px;
}
.region-sidebar-first .block + .block,
.region-sidebar-second .block + .block {
  margin-top: 30px;
}
.region-sidebar-first .block .archive .item-list li,
.region-sidebar-second .block .archive .item-list li {
  margin: 0px;
}
.region-sidebar-first .block .archive a,
.region-sidebar-second .block .archive a {
  color: #07ceee;
  font-size: 18px;
  display: inline-block;
  position: relative;
  padding-left: 20px;
}
.region-sidebar-first .block .archive a:before,
.region-sidebar-second .block .archive a:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f105";
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  position: absolute;
  left: 0px;
  top: 3px;
}
/**========================  Views ======================== **/
.view-blog .recent-post > .post > a.title-post {
  color: #07ceee;
  font-size: 18px;
  display: block;
  position: relative;
  padding-left: 20px;
}
.view-blog .recent-post > .post > a.title-post:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f105";
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  position: absolute;
  left: 0px;
  top: 3px;
}
.view-blog .recent-post > .post span.date {
  margin: 2px 0 0 16px;
  float: left;
  color: #aaaaaa;
}
/* ===================== View Exposed Form =======================*/
.search {
  position: relative;
}
.search .search-bar {
  position: absolute;
  margin: 6px 0 0 -38px;
  padding: 10px;
  color: #999999;
  right: 2px;
  top: 0px;
  background: transparent;
  border: none;
}
/**========================  Node ======================== **/
.node-blog.view-full .title-blog,
.node-blog.view-teaser .title-blog {
  margin: 0 0 10px 0;
  font-size: 32px;
}
.node-blog.view-full span.date i,
.node-blog.view-teaser span.date i {
  margin: 0 5px 0 0;
}
.node-blog.view-full a.comment,
.node-blog.view-teaser a.comment {
  margin: 0 0 0 20px;
  color: #00cfef;
}
.node-blog.view-full .post-detail,
.node-blog.view-teaser .post-detail {
  margin: 15px 0 0 0;
  font-size: 16px;
}
.portfolio-full .des_portfolio .title {
  font-size: 24px;
  margin-bottom: 10px;
}
.portfolio-full .des_portfolio .field {
  margin-bottom: 10px;
}
.node-blog.view-teaser {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px #ccc solid;
}
.node-blog.view-teaser .field-type-media {
  margin-bottom: 15px;
}
.node-blog.view-teaser:last-child {
  border-bottom: none;
}
.node-blog.view-teaser iframe {
  width: 100% !important;
}
/** ======================== Comment ===========================*/
.comment-wrapper {
  border-top: 1px #ccc solid;
}
.comment-wrapper .comments + .comment-form {
  margin-top: 15px;
}
.comment-wrapper .heading-comment {
  margin-top: 20px;
  margin-bottom: 10px;
}
.comment-wrapper .comment-list {
  margin-bottom: 15px;
}
.comment-wrapper .comment-list a {
  color: #00cfef;
}
.comment-sec {
  background: #f6f6f6;
  padding: 15px;
  margin: 15px 0 0 0;
  float: left;
}
.comment-sec .author {
  border-radius: 100%;
  border: solid 3px #fff;
  box-shadow: 0 0 1px #999;
  float: left;
  overflow: hidden;
  width: 85px;
  height: 85px;
}
.comment-sec .comment-detail {
  float: right;
  width: 85%;
  padding-top: 5px;
}
.comment-sec span.author-name {
  float: left;
  font-weight: 600;
  font-size: 22px;
  margin: 0;
}
.comment-sec a.date {
  margin: 5px 0 0 16px;
  float: left;
}
/** ====================== Shortcode ===========================*/
/** Box Services **/
.service-icon {
  text-align: center;
}
.service-icon .icon {
  position: relative;
  text-align: center;
  background: #00CFEF;
  width: 220px;
  height: 220px;
  font-size: 75px;
  color: #fff;
  border-radius: 200px;
  padding: 65px 0;
  transition: all ease .5s;
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
}
.service-icon .icon:before {
  speak: none;
  line-height: 90px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: block;
  -webkit-font-smoothing: antialiased;
}
.service-icon .icon:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  top: -7px;
  left: -7px;
  padding: 7px;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -webkit-transform: scale(0.8);
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transition: transform 0.2s, opacity 0.2s;
  transform: scale(0.8);
  box-shadow: 0 0 0 4px #00cfef;
  opacity: 0;
}
.service-icon .icon:hover:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.service-icon h4 {
  margin: 25px 0 5px 0;
  font-weight: 600;
  font-size: 18px;
  color: #676767;
}
.service-icon p {
  font-size: 14px;
  line-height: 26px;
}
.service-icon.gray .icon {
  background: #676767;
}
.service-icon.gray .icon:after {
  box-shadow: 0 0 0 4px #676767;
}
/** Skill Shortcode **/
.skillbar {
  top: 0px;
}
.skillbar.bg-dark .skillbar-bar,
.skillbar.bg-dark .skill-bar-percent {
  background: #676767;
}
@media only screen and (max-width: 990px) {
  .skillbar {
    width: 83%;
  }
}
/** Team **/
.team-sec {
  position: relative;
}
.team-sec .member {
  max-width: 142px;
  overflow: hidden;
  position: absolute;
  background: #f8f8f8;
  border-radius: 50%;
  top: -80px;
  padding: 5px;
  left: 10px;
}
@media only screen and (max-width: 990px) {
  .team-sec .member {
    position: relative;
    left: 33%;
    margin: 28px 0 0 0;
    width: 34%;
    top: -34px;
  }
}
.team-sec .member img {
  border-radius: inherit;
}
.team-sec.team-sec2 .member {
  left: inherit;
  right: 10px;
}
@media only screen and (max-width: 990px) {
  .team-sec.team-sec2 .member {
    left: 33%;
    right: inherit;
  }
}
.team-sec .social-link {
  margin-top: 40px;
}
.team-sec .social-link > li {
  display: inline-block;
}
.team-sec .social-link a {
  border-radius: 100%;
  padding: 15px 12px 12px 12px;
  margin: 0 5px 0 0;
  background: #444444;
  text-align: center;
}
.team-sec .social-link a > i {
  width: 20px;
  font-size: 20px;
  color: #fff;
}
/*** Counter **/
.counter_number i {
  font-size: 30px;
}
.counter_number span.number {
  font-size: 92px;
}
.counter_number .fun-info {
  font-size: 22px;
  font-weight: 700;
}
@media only screen and (max-width: 990px) {
  .counter_number {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 990px) {
  #counters {
    padding: 30px 0px 0px 0px !important;
  }
}
/** Portfolio Item Wrap **/
.filters-portfolio {
  margin: 30px 0 50px 0;
  text-align: center;
  display: block;
  float: none;
  z-index: 2;
  position: relative;
}
.filters-portfolio ul {
  margin: 0;
  list-style: none;
  padding: 0;
}
.filters-portfolio ul > li {
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .filters-portfolio ul > li {
    margin-bottom: 26px;
  }
}
.filters-portfolio ul > li > a {
  color: #222222;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  font-size: 14px;
  text-transform: uppercase;
  padding: 12px 21px;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
}
.filters-portfolio ul > li > a:hover,
.filters-portfolio ul > li > a.active {
  background-color: #00cfef;
  border: 1px solid #009db5;
  color: #fff;
}
.portfolio-items-wrap .portfolio-item {
  padding: 0px !important;
}
.portfolio-items-wrap .image_grid {
  float: left;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.portfolio-items-wrap .icon-p {
  font-size: 36px;
  margin: 25% 0 0 0;
  display: block;
}
.portfolio-items-wrap .label_p {
  color: #fff;
  margin: 15px 0 0 0;
  font-weight: 300;
  font-size: 24px;
}
.portfolio-items-wrap h5 {
  width: auto;
  font-size: 24px;
}
.portfolio-items-wrap .category {
  color: #fff;
  display: block;
  margin-top: 5px;
}
/*** Twiiter Section ***/
.testimonials .twitter {
  margin: 132px 0px;
}
.wrapper_twitter .icon-social {
  color: #00cfef;
  font-size: 114px;
  margin-top: 66px;
  position: absolute;
  left: 50%;
  text-align: center;
  margin-left: -50px;
  display: inline-block;
  z-index: 1000;
}
/** Pricing Table **/
.pricing-tbl {
  background: #4E4E4E;
  text-align: center;
  margin: 105px 0 0 0;
  transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pricing-tbl h2 {
  font-size: 48px;
  padding: 20px 0;
  margin-top: 8px;
  display: inline-block;
  color: #fff !important;
}
.pricing-tbl .price {
  background: #F8F8F8;
  color: #00cfef;
  font-size: 23px;
  font-weight: 600;
}
.pricing-tbl .price span {
  color: #00cfef;
  font-size: 46px;
  font-weight: 700;
  padding: 6px 0;
  margin-bottom: 5px;
  display: inline-block;
}
.pricing-tbl .price span.doller {
  font-size: 24px;
}
.pricing-tbl .price span.month {
  font-size: 18px;
  font-weight: 400;
  margin: 0px 0px 0px -10px;
}
.pricing-tbl ul {
  margin: 15px 0 0 0;
}
.pricing-tbl ul > li {
  font-size: 16px;
  line-height: 46px;
  font-weight: 400;
  color: #fff;
}
.pricing-tbl a {
  background: #fff;
  color: #333333;
  font-size: 16px;
  padding: 10px 20px;
  margin: 15px 0 45px 0;
  display: inline-block;
  transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pricing-tbl a:hover {
  background: #00cfef;
  color: #fff !important;
}
.pricing-tbl.active,
.pricing-tbl:hover {
  background: #00cfef;
  margin: 40px 0 0 0;
}
.pricing-tbl.active .price span,
.pricing-tbl:hover .price span {
  color: #333333;
}
.pricing-tbl.active a,
.pricing-tbl:hover a {
  background: #fff;
  color: #636363;
  font-size: 20px;
  padding: 14px 30px;
  margin: 20px 0 45px 0;
  display: inline-block;
  transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pricing-tbl.active a:hover,
.pricing-tbl:hover a:hover {
  background: #303030;
  color: #fff !important;
}
.carousel-control {
  position: absolute;
  top: 35px;
  bottom: 0;
  left: 0;
  width: 48px;
  height: 93px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background: url(../images/spons-left-arrow.png) no-repeat !important;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background: url(../images/spons-right-arrow.png) no-repeat !important;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: none;
  opacity: .9;
}
/** Timeline Blog **/
.list-timeline .com-sec {
  position: relative;
}
@media only screen and (min-width: 990px) {
  .list-timeline .com-sec {
    padding-bottom: 45px;
  }
}
.list-timeline .com-sec span.title {
  color: #00CFEF;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
}
.list-timeline .com-sec a {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0px;
  color: #00CFEF;
}
.list-timeline .com-sec .date {
  color: #9C9C9C;
  font-size: 14px;
}
.list-timeline .com-sec p {
  font-size: 16px;
  margin: 5px 0 5px 0;
}
.list-timeline .com-sec .divider {
  position: absolute;
  width: 31px;
  height: 241px;
  background: url("../images/timeline-divider.png");
  left: 47%;
}
@media only screen and (max-width: 990px) {
  .list-timeline .com-sec .divider {
    display: none;
  }
}
.list-timeline .com-sec iframe {
  width: 100%;
  max-height: 194px;
}
.list-timeline .com-sec .press-img {
  float: left;
  max-height: 194px;
  overflow: hidden;
}
.list-timeline .com-sec .press-img img {
  max-width: inherit;
  width: 100%;
  height: 100%;
  margin: 0px;
}
.list-timeline .com-sec .press-img img:hover {
  max-width: inherit;
  width: 100%;
  height: 100%;
  margin: 0px;
}
@media only screen and (min-width: 990px) {
  .list-timeline .com-sec .press-img {
    width: 47%;
  }
}
@media only screen and (max-width: 990px) {
  .list-timeline .com-sec .press-img {
    margin-top: 20px;
  }
}
.list-timeline .com-sec .readmore {
  display: block;
  margin-top: 5px;
}
@media only screen and (min-width: 990px) {
  .list-timeline .com-sec.left-p {
    text-align: right;
  }
}
@media only screen and (min-width: 990px) {
  .list-timeline .com-sec.left-p .des {
    padding-right: 70px;
  }
}
@media only screen and (min-width: 990px) {
  .list-timeline .com-sec.left-p .press-img {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 990px) {
  .list-timeline .com-sec.right-p .press-img {
    float: left;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 990px) {
  .list-timeline .com-sec.right-p .press-img {
    width: 100%;
  }
}
@media only screen and (min-width: 990px) {
  .list-timeline .com-sec.right-p .des {
    float: right;
    padding-left: 40px;
  }
}
.list-timeline .com-sec.right-p .divider {
  float: right;
}
/*** Our Client ***/
#our-client .carousel-inner.sponsors {
  margin-top: 50px;
}
#our-client .carousel-inner.sponsors p {
  margin-top: 0px;
  width: auto !important;
}
#our-client .carousel-control.left {
  left: -20px;
}
@media only screen and (max-width: 990px) {
  #our-client .owl-controls {
    display: none !important;
  }
}
/*** Contact Us ***/
#contact-us {
  margin-top: 70px;
  padding-top: 30px;
}

.contact .social > div {
  display: inline-block;
}
/** Slider Setting **/
@media only screen and (max-width: 980px) {
  .tp-leftarrow,
  .tp-rightarrow {
    display: none;
  }
}
