.a@charset "utf-8";
/* CSS Document */
a:focus, a:hover {
    color: #ba9a69;
}
.mobile_logo{display:none !important;}
.navbar-default .navbar-nav > .active > a {
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
	.loader {
	background-size: 320px !important;
	border-radius: 3px;
	left:45% !important;
	top:45vh !important;
	width:100px !important;
	height:100px !important;
}

.home_logo{height:56px;}
.navbar-header {
  width: auto;
}
.navbar-collapse {
  float: left;
  width: auto;
}
.top-social {
  width: auto;
  position:absolute;
  right:15px;
   top: 19px;
}
.navbar-default .nav li a {
  /*padding: 11px 15px;*/
}
.navbar-default .nav li a {
  font-size: 12px;
}
.footer_logo {
  display: block;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}
#section-testimonial {
  padding: 50px 0 15px;
}
.navbar-nav {
  /*margin-top: 9px;*/
}
.navbar-shrink .top-social {top:17px;}
.dropdown-menu {
  background-color: hsl(0, 0%, 0%);
  top:100%;
  border:1px solid hsl(0, 0%, 30%);
  border-top:0px;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
 background-color: #fff!important;
}
.dropdown-menu > li > a {
  color:  hsl(0, 0%, 100%) !important;
}
.dropdown-menu > li:first-child {
  border-top: 0 none;
}
.dropdown-menu > li{
  border-top: 1px solid hsl(0, 0%, 30%);
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  background: #ba9a69 !important;
  color: hsl(0, 0%, 15%);
  text-decoration: none;
}
.navbar-default {
  padding: 12px 0px 0px 0px;
}
.navbar-default .nav li a {
  padding: 21px 15px 28px 32px;
}
.navbar-nav > li a {
  background: hsla(0, 0%, 0%, 0) url("../img/icon.png") no-repeat scroll right 27px;
}
.navbar-default.navbar-shrink {
  padding: 10px 0 0;
}
#subheader {
  padding: 165px 0 70px;
}
/*.dropdown-menu.services_dropdown{border-top:1px solid hsl(0, 0%, 30%);}*/
.serives_left h4 {
  font-size: 17px;
  line-height: 30px;
}
}
@media only screen and (min-width: 801px) and (max-width: 1024px){
.navbar-default .navbar-collapse {
  margin-top:10px;
}
.top-social {
  position: absolute;
  right: 15px;
  width: auto;
  top: 29px;
}
.navbar-brand > img {
 width:auto;
}
#banner h1 {
	line-height: 50px !important;
	font-size: 50px !important;
}
}
@media only screen and (max-width: 800px) {
	#banner h1 span {
	display: block;
	padding: 5px 13px;
}

#banner h5 {
	padding: 10px 15px;
}
	.navbar-brand > img {
 width:auto;
}
.navbar-default .navbar-toggle {
  border-color: rgb(221, 221, 221);
  border: 1px solid #ba9a69;
  border-radius: 4px;
  background:none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background:none;
}	
.navbar-default .navbar-toggle .icon-bar {
  background-color:#fff;
}
.navbar-collapse {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
  width: 100%;
}
.navbar-header {
  margin-bottom: 10px;
  width: auto;
}
.mobile_logo{display:block !important;}
.home_logo{display:none !important;}
.mobile_logo{height:38px;}
.navbar {
  border-bottom: 0px solid rgba(255, 255, 255, 0.5);
}
.navbar-header {
  margin-bottom: 0;
}

.top-bar {
  padding: 0 0px !important;
}
.navbar-default {
  background-color: #000;
  border-color: #000;
}

.nav > li {
  border-top: 1px solid hsl(0, 0%, 30%);
}
.nav > li:first-child{border-top:0px;}
.navbar-nav {
  margin: 0 -15px;
}
.navbar-default .nav li a {
  padding: 12px 0px 12px 16px;
  text-align: left;
}
.tp-caption {
  display: block !important;
}
.dropdown-content{
	position: absolute;
    opacity: 0;
	display: block;
	left:0!important;
    top: 0;
    list-style: none;
    z-index: 10;
    background:#000;
    padding: 0;
	visibility:hidden;
	min-width:250px;
	box-shadow:2px 2px 2px #000;
	margin-top:10px;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  padding: 2px 2px 2px 6px!important;
}
.cd-accordion-menu li {
   position:static!important;
}

/*--START--*/
@media (orientation: portrait) {
#banner h5{width:310px !important;
 white-space:normal ; 
 word-break:keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.loader {
	background-size: 320px !important;
	border-radius: 3px;
	left:36% !important;
	top:45vh !important;
	width:100px !important;
	height:100px !important;
}
}
@media (orientation: landscape) {
#banner h5{
 white-space:nowrap ; 
 word-break:keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
.loader {
	background-size: 320px !important;
	border-radius: 3px;
	left:45% !important;
	top:45vh !important;
	width:100px !important;
	height:100px !important;
}
}
/*--END--*/
.tp-bullets{display:none !important;}
.grid .figure img {
  margin: auto;
}
}
.owl-carousel .owl-controls {
  position: relative;
  right: 15px;
  top: 0;
  display:block !important;
}
.owl-controls span {
  background:  #ba9a69;
}
#banner h1 span {
  font-weight: 500;
}
.navbar-default .navbar-nav > .active > a {
  color: #ba9a69;
}
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ba9a69;
}
#banner h1 span {
  color: #ba9a69;
}
.p-color-bg, header .bottom-header .single-content ul li a:hover, .main-menu .nav > li::before, .our-team .team-item-wrapper .text ul li a:hover, .our-team .owl-theme .owl-nav [class*="owl-"]:hover, .client-slider .owl-theme .owl-nav [class*="owl-"]:hover, .company-history .panel-group .panel-heading.active-panel a::before, footer h4::before, footer .bottom-footer ul li a:hover, .header-style-two header .bottom-header .single-content ul li a:hover, .inner-banner .opacity h2::before, .service-details-page .service-side-bar .wrapper .nav-tabs > li > a::before, .service-details-page .service-side-bar .download-item a::before, #blog-post article .expert_quote_area .col-lg-12 .expert_quote::before, #blog-post .comments_area .single_comment .comment a.reply:hover {
  background: #ba9a69;
}
.navbar-default.navbar-shrink {
  border-bottom: 1px solid #ba9a69;
}
#section-about h2, #section-about h3 {
   background: #ba9a69;
}

.service-grid .services .service-item:nth-child(4) {
  background-color: rgba(0, 0, 0, 0.2);
}
.service-grid .services .service-item:nth-child(3) {
  background-color: rgba(0, 0, 0, 0.7);
}
.styled-heading, #section-portfolio h3 {
  background: #ba9a69;
}
.gradient-bg {
   background: #ba9a69;
}
#section-testimonial .gradient-bg, #section-testimonial {background:#000;}
.custom-quote{border:0px;}

#topcontrol{display:none;}
.carousel-indicators .active {
   background: #ba9a69;
}
.grid .figcaption {
  color: #ba9a69;
}
.grid .figcaption a {
  background: #ba9a69;
}
.grid .figcaption a:hover {
 background: #ba9a69;
}
.navbar-default .nav li a:hover, .navbar-default .nav li a:focus {
  color: #ba9a69;
}
#filters li span.active::before {
  background: #ba9a69;
  border-bottom: 3px solid #ba9a69;
}
#filters li span.active {
  color: #ba9a69;
}
.link-txt:hover {
  background: #ba9a69;
}
.service-grid .services .service-item:hover {
    background: #ba9a69;
}
.service-grid .services .service-item:hover .preview img {
  opacity: 0;
}
.navbar-shrink {
  background: rgb(0, 0, 0) none repeat scroll 0 0;
}
.gradient, .serv-img-main:hover .serv-img {
 background: #ba9a69 !important;
}
./*grid .figcaption {
display:none;}*/
.no-touch .cs-style-3 .figure:hover img, .cs-style-3 .figure.cs-hover img {
  transform: translateY(0px);
}

#subheader h1, .heading-cust {
    background: #ba9a69;
}
.blog-left-grid h3 a, .third_services_grid_right h3, .agile-post-right p, .agile-post-right h5 a:hover, .crumb li a, .service-main h3, .orange, .third_services_grid_right ul li i,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  color: #ba9a69 !important;
}

.hvr-sweep-to-right-32 {
   background:none !important;
}
.about .read-home {
  padding: 0;
  width: auto;
}
.about .read-home a {
  padding: 0;
  width: auto;
}
.about .hvr-sweep-to-right-32::before {display:none;}
.about .hvr-sweep-to-right-32::after {
  background: #ba9a69 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  transform: scaleX(0);
  transform-origin: 0 50% 0;
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
  z-index: -1;
}
.about .hvr-sweep-to-right-32:hover::after, .hvr-sweep-to-right-32:focus::after, .hvr-sweep-to-right-32:active::after {
  transform: scaleX(1);
}
.about .read-more a:hover {
  color: hsl(0, 0%, 100%) !important;
  text-decoration: none;
}
.about .read-more:hover {
  background:none;
}
.short_details_partners{margin-top:10px;}
.pad_left{padding-left:0px;}
.services_dropdown{display:block;position:relative; width:100%;margin:0;padding:0px;background:transparent;border:0px;}
.services_dropdown.dropdown-menu  a{font-size:14px;padding:5px 10px 5px 0px !important;}
.services_dropdown.dropdown-menu  a:hover{background:transparent !important;color:#ba9a69 !important;}
.about .blog-2 h3 {
  height: 60px;
}
.address{border-bottom:0px;line-height:25px;}
.hvr-sweep-to-right2::before, .submit-bt {
   background: #ba9a69 !important;
}
.project-info.support_form .details {
  border: 0px solid hsl(0, 0%, 7%);
}
.project-info.support_form h2 {
  color: hsl(0, 0%, 7%);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 3px;
  margin: 16px 0 20px;
  text-align: center;
}
#portfoliolist h3 {
  font-size:14px !important;
}
.cs-style-3 .figcaption {
  height: 75px !important;
}
.grid .figcaption {
  padding: 12px 10px !important;
}
.foot_left{line-height:30px;}

 .posts-right a,.posts-right a:hover  {
  border: 0px solid hsl(45, 100%, 60%);
}
.pager{display:none;}


.news_img_border{border:1px solid #ba9a69;display:block;padding:5px;}
.news .blog-left-grid span, .news .publice-date{color:#ba9a69;}
.crumb li a.breadcrumb_home{color:#fff !important;}
/*.support_textarea{margin-top:20px;}*/
#support_form input[type="text"], #support_form textarea, #support_form input[type="email"], #search, #support_form select {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 0;
  height: auto;
  margin-bottom: 20px;
  padding: 10px;
}
#support_form p{padding-left:0px;text-align:center;}
.support-form{background: #f2f2f2;}
hr {
  border: 1px solid hsl(214, 21%, 27%);
}
#support_form .submit-bt {
  background: #222222 none repeat scroll 0 0 !important;
  color: #ffffff !important;
}
#support_form .submit-bt:hover{
  background: #ba9a69 none repeat scroll 0 0 !important;
  color: #ffffff !important;
}

.hr::before {
  background: #ba9a69 none repeat scroll 0 0;
  bottom: -1px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 70px;
}
.hr{border:1px solid #364253;width:100%;float:left;position:relative;margin:20px 0px;}
.bv-form .help-block {
    padding:2px;
  /*display: none;*/
  color: #d9534f;
  border:solid 1px #d9534f;
  font-size: 12px;
  display:block;
  margin-bottom: 10px!important;
  margin-top: -10px;
}
#contact_form .row{
  margin-bottom:10px;
}
.services_dropdown.dropdown-menu  a{
	white-space: normal;
}
/*Main Components 

-------------------------------- */
.cd-accordion-menu {
	width: 90%;
	max-width: 600px;
	background: #4d5158;
	/*margin: 4em auto;*/
	display:block;
	width:100%;
	background:transparent;
	border:0px;
    position: relative;
    top: 70%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 200px;
    padding: 2px 0;
    margin: 2px 0 0;
    font-size: 11px;
    text-align: left;
    list-style: none;
    background-color: #18191b;;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #000000;
}
.cd-accordion-menu ul {
    display: none;
}
.cd-accordion-menu li {
   position:relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 18px 18px 18px 64px;
  background: #18191b;
 /* border-bottom: 1px solid #374455;*/
  border-bottom:solid;
  border-bottom-width:1px;
  border-image:url(../images/image_1.png) 0 0 50 0; 
  color: #ffffff;
  font-size: 1.6rem;
}

.cd-accordion-menu .dropdown-content label {
  border-bottom: 1px solid #374455;
  border-bottom-width:1px;
  border-image:none; 
}
.cd-accordion-menu .dropdown-content a {
  border-bottom: 1px solid #374455;
  border-bottom-width:1px;
  border-image:none; 
  color:#e4e4e4!important;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  background: #52565d;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 15px;
  height: 12px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after {
  background-image: url(../img/cd-icons.svg);
  background-repeat: no-repeat;
}
.cd-accordion-menu label::before {
  /* arrow icon */
  right: 18px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu label::after {
  /* folder icons */
  left: 41px;
  background-position: -16px 0;
  display:none;
}
.cd-accordion-menu a::after {
  /* image icon */
  left: 36px;
 /* background: url(../img/cd-icons.svg) no-repeat -48px 0;*/
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  background-position: -32px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: none;
  position:absolute;
    
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  background: #000000;
  box-shadow: 2px #18191b!important;
  padding-left: 82px;
}
.cd-accordion-menu ul label{
  margin-bottom:0;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  background: #3c3f45;
}
.cd-accordion-menu ul label:hover,
.cd-accordion-menu ul a:hover {
  color:#ba9a69!important;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
  border-bottom:none;
}
.cd-accordion-menu > li > ul > li > ul > li label,
.cd-accordion-menu > li > ul > li > ul > li a{
	 border-bottom: 1px solid #374455 !important;
}
.cd-accordion-menu > li > ul > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li > ul > li:last-of-type a,
.cd-accordion-menu> li > ul > li > ul > li > ul > li:last-of-type a{
	 border-bottom: none !important;
}

.cd-accordion-menu ul label::before {
  right: 0px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left: 59px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 100px;
}
.cd-accordion-menu ul ul label::before {
  right: 0;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  left: 77px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  left: 72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left: 95px;
}
@media only screen and (min-width: 600px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding: 6px 4px 6px 4px;
    font-size: 14px;
	font-weight:normal!important;
	vertical-align:middle;
	margin-bottom:0;
  }
  .cd-accordion-menu label::before {
    right: 2px;
  }
  .cd-accordion-menu label::after {
    left: 53px;
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left: 20px!important;
  }
  .cd-accordion-menu ul label::before {
    right: 0px;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    left: 77px;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left:35px;
  }
  .cd-accordion-menu ul ul label::before {
    right: 0;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    left: 101px;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 45px;
  }
  .cd-accordion-menu ul ul ul label::before {
    left: 96px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    left: 125px;
  }
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
ul ul, ol ul {
    list-style-type:none;
}
.active > a {
    color: #ba9a69!important;
}
.has-children.active > a{
    color: #ba9a69!important;
}
.has-children:hover .dropdown-content {
    opacity: 1;
    visibility: visible;
}
.dropdown-content{
	position: absolute;
    /*opacity: 0;*/
	display: block;
    left: 100%;
    top: 0;
    list-style: none;
    z-index: 10;
    background:#000;
    padding: 0;
	/*visibility:hidden;*/
	min-width:250px;
	box-shadow:2px 2px 2px #000;
	/*padding-top:5px;
	padding-bottom:5px;*/
	border:1px solid #374455;
}
.crumb_service {
    bottom: 0;
    left: 0;
    padding-bottom:10px;
    /* position: absolute; */
    width: 100%;
	color: #fff;
    font-size: 10px;
    letter-spacing: 3px;
}
.service_breadcrumb{
	display:inline;
	margin:0;
}
.service_breadcrumb a{
	color:#ba9a69 !important;
}

.loader2 {
	position: absolute;
	left: 45%;
	top: 45%;
	width: 180px;
	height:50px;
	z-index: 9999;
	color:#fff;
	text-align:center;

	/*background: url('../images/page-loader.gif') 50% 50% no-repeat ;*/
}
.loader{display:none !important;}