/* =Common Styles
-------------------------------------------------------------- */
.pr-10 {
  padding-right: 10px;
}
.pl_20 {
  padding-left: 20px;
}
.padding30 {
  padding: 30px;
}
.padding5_15 {
  padding: 5px 5px 15px 5px;
}
.ptb_30 {padding:30px 0px;}
.prl_20 {padding:0px 20px;}

.margin20 {margin:20px;}

.padding_right3 {padding-right:3px; padding-left:0px;}
.padding_left3 {padding-left:3px; padding-right:0px;}
.padding_top30 {padding-top:30px;}
.padding_left30 {padding-left:30px;}
.margin_top10 {margin-top:10px;}

.margin_top_less20 {margin-top:-20px;}
.margin_left20 {margin-left:20px;}
.margin_left15 {margin-left:15px;}
.margin_left10 {margin-left:10px;}
.margin_top20 {margin-top:20px;}
.margin_bottom20 {margin-bottom:20px;}

.margin_top40 {margin-top:40px;}
.margin_bottom40 {margin-bottom:40px;}

.margin_top30 {margin-top:30px;}
.margin_bottom30 {margin-bottom:30px;}
.margin_left30 {margin-left:30px;}
.margin_bottom25 {margin-bottom:25px;}

.margin_top60 {
  margin-top:60px;
  min-height:500px;
}
.margin_bottom60 {margin-bottom:60px;}

.margin_top90 {margin-top:90px;}
.margin_bottom90 {margin-bottom:90px;}

.margin_top100 {margin-top:100px;}
.margin_top120 {margin-top:120px;}
.margin_top150 {margin-top:150px;}


.padding15t {padding:15px 0px;}
.padding60tb {padding:60px 0px;}

.bg_green_light {background-color:#4da18e;}
.bg_purple {background-color:#363557;}
.bg_gray {background-color:#ebedf1;}
.bg_green {background-color:#a5bc47;
color:#FFF}
.bg_orange01 {background-color:rgb(255,105,0);}

.bg_orange_dark {background-color:#ff6900;}

.bg_blue {background-color:#5196fe;}

.bg_blue_light {background-color:#508cb8; color:#FFF;}

.bg_dark_blue {background-color:#5056ca; color:#FFF;}

.bg_yellow {background-color:#e6d068; color:#FFF;}

.bg_golden {background-color:#b79a4e; color:#FFF;}

.bg_cyan_light {background-color:#57c7d2; color:#FFF;}

.bg_purpal {background-color:#a078bf; color:#FFF;}

.bg_orange_dark {background-color:#fdb913; color:#FFF;}

.bg_orange {background-color:rgba(255,105,0,.7);
	border-top:1px solid;
	border-bottom:1px solid;
	border-color:rgba(255,105,0,1)}
.bg_white {background-color:#FFF;}

.bg_light_green {background-color:#16A085; color:#FFF;}	

.bg_dark_purple {background-color:#363557; color:#FFF;}	

.section {padding:25px 0px;}

.text_white {color:#FFF;}
.title_blue {color:#508cb8}

.line-height30 {line-height:30px}
.line-height24 {line-height:24px}

.fontsize_22 {font-size:22px;}

.weight_400 {font-weight:400;}
.weight_600 {font-weight:600;}
ul {padding:0px;}

html,
body {
  height: 100%;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #737373;
  font-size: 15px;
	line-height: 1.42857143;
	background-color: #fff
}
a {
  color: inherit;
}
a:hover {
  color: #fc8938;
  text-decoration: none;
}
p {
  color: #737373;
  line-height:24px;
}
img {
  max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:'Open Sans', sans-serif;
}
h1 .big {font-size:45px;
	font-weight:300}

h1 {font-size:36px;
	font-weight:300}

h2 {font-size:30px;
	font-weight:300}

h3 {font-size:22px;
	font-weight:300}	

h4 {font-size:18px;
	font-weight:300}
	
h5 {font-size:16px;
	font-weight:400 !important;
	line-height:24px;}
@media (min-width: 650px) and (max-width: 768px) {
	h3 {font-size:20px;
	font-weight:300}
	}
@media (max-width: 649px) {
	h3 {font-size:18px;
	font-weight:300}
	}
textarea {
  max-width: 100%;
}
.btn {
  font-size: 14px;
  font-family:'Open Sans', sans-serif;
  text-transform: uppercase;
 /* border: 4px double transparent;*/
  border-radius: 0;
}
.btn:focus,
.btn:active:focus {
  outline: none;
}
.btn-empty {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}
.btn-empty:hover {
  color: #535353;
  background-color: #fff;
}
.btn-empty-dark {
  color: #535353;
  border-color: #535353;
  background-color: transparent;
}
.btn-empty-dark:hover {
  color: #fff;
  background-color: #535353;
}
.btn-gray {
  background-color: #4d4d4d;
  color: #FFFFFF;
}
.btn-gray:hover {
  color: #fff;
  background-color: #696969;
  border-color: #4d4947;
}
.btn-gray:focus {
  color: #fff;
  background-color: #696969;
  border-color: #4d4947;
}
.btn-white {
  background-color: transparent;
  color: #ff6900;
  border: 1px solid #ff6900;}
.btn-white:hover {
  color: #fff;
  background-color: #ff6900;
  border-color: #ff6900;
}  
/* .btn-custom:hover {
  color: #fff;
  background-color: #caac5e;
  border-color: #caac5e;
}
*/

.btn-custom {
  background-color: #ff954c;
  color: #ffffff;
}
.btn-custom:hover {
  color: #fff;
  background-color: #fe822c;
  border-color: #fe822c;
}

.btn-teal {
  background-color: #008080;
  color: #ffffff;
}
.btn-teal:hover {
  color: #fff;
  background-color: #0080aa;
  border-color: #008090;
}


.btn-royalblue {
  background-color: #004080;
  color: #ffffff;
}
.btn-royalblue:hover {
  color: #fff;
  background-color: #0040aa;
  border-color: #004090;
}


.btn-steelblue {
  background-color: #005080;
  color: #ffffff;
}
.btn-steelblue:hover {
  color: #fff;
  background-color: #0050aa;
  border-color: #005090;
}



.btn-blue1 {
  background-color: #5196FE;
  color: #ffffff;
}
.btn-blue1:hover {
  color: #fff;
  background-color: #51b6FE;
  border-color: #5196FE;
}


.form-control,
.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
section {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #fff;
}
section.grey {
  background-color: #f7f7f7;
}
.section-title {
  text-align: center;
  max-width: 75%;
  margin: 0 auto 25px;
}
.section-title h2 {
  display: inline-block;
  padding: 12px;
  margin-top: 0;
  font-size: 22px;
  border: 7px double #535353;
}
.section-title p {
  font-size: 18px;
  margin-top: 25px;
}
.section-title-alt {
  margin: 20px 0;
}
.section-title-alt h4 {
  font-size: 15px;
}
.section-title-alt hr {
  width: 70px;
  border-width: 2px;
  border-color: #ccc;
  margin: 15px 0 20px;
}
.project-title {
  height: 350px;
  background-attachment: fixed;
  background-repeat: repeat;
  background-image: url("../images/pattern.png");
}
.project-title .container {
  height: 100%;
}
.title-holder {
  display: table;
  height: 100%;
  width: 100%;
}
.title-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.title-text h1 {
  font-size: 47px;
}
.title-text .post-info {
  color: #fff;
}
.title-text a {
  color: #fff;
}
.flex-control-paging li a {
  width: 10px;
  height: 10px;
  background-color: #bdc3c7;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover {
  background-color: #ffffff;
}
.flex-direction-nav a {
  background-color: #fff;
  opacity: .8;
  line-height: 40px;
  font-size: 22px;
}
.flex-direction-nav a:before {
  font-family: 'FontAwesome';
  font-size: inherit;
}
.flex-direction-nav a.flex-prev:before {
  content: "\f104";
}
.flex-direction-nav a.flex-next:before {
  content: "\f105";
}
.flex-direction-nav .flex-next {
  right: 0;
  text-align: center;
  border-radius: 5px 0 0 5px;
}
.flex-direction-nav .flex-prev {
  left: 0;
  text-align: center;
  border-radius: 0 5px 5px 0;
}
.flexslider:hover .flex-next {
  right: 0;
}
.flexslider:hover .flex-prev {
  left: 0;
}
.flexslider:hover .flex-direction-nav a {
  opacity: 1;
}
.social {
  list-style: none;
  padding-left: 0;
  margin: 0;
  text-align: center;
}
.social:before,
.social:after {
  content: " ";
  display: table;
}
.social:after {
  clear: both;
}
.social > li {
  display: block;
  float: left;
  margin: 5px;
}
.social > li > a {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 4px;
}
.social > li > a:hover {
  background-color: #fff;
  color: #262626;
}
.social > li > a .fa {
  line-height: inherit;
}
/* =Preloader
-------------------------------------------------------------- */
#mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #464646;
  z-index: 10000;
  height: 100%;
}
.spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -15px;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}
.spinner > div {
  background-color: #ff6900;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
/* =Header
-------------------------------------------------------------- */
#topnav {
  background-color: rgba(70, 70, 70, 0.9);
  top: -60px;
  transition: all .3s ease;
  min-height: 60px;
  margin: 0;
  border: 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}
#topnav.scrolled {
  top: 0;
}
#topnav .navbar-nav > li > a {
  font-family:'Open Sans', sans-serif;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  transition: all .3s ease;
}
#topnav .navbar-nav > li > a:hover {
  background-color: #2f2f2f;
}
#topnav .navbar-nav > li.open > a {
  background-color: #2f2f2f;
}
#logo > a {
  padding: 0;
  height: 60px;
  line-height: 55px;
}
#logo > a img {
  max-height: 100%;
}
#nav {
  float: right;
}
/* =Home Section
-------------------------------------------------------------- */
#backgrounds {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
#backgrounds .slides {
  height: 100%;
}
#backgrounds .slides li {
  height: 100%;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
}
#about_us_bg {
  position: absolute;
  width: 100%;
  height: 250px;
  top: 0;
  left: 0;
  z-index: 0;
}
#about_us_bg .slides {
 height: 250px;
}
#about_us_bg .slides li {
 height: 250px;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
}

#small_banner_bg {
  position: absolute;
  width: 100%;
  height: 200px;
  top: 0;
  left: 0;
  z-index: 0;
}
#small_banner_bg .slides {
 height: 200px;
}
#small_banner_bg .slides li {
 height: 200px;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
}

#home {
  height: 100%;
  background-color: rgba(34, 34, 34, 0.3);
  position: relative;
}
#about_us {
  height:250px;
  background-color: rgba(34, 34, 34, 0.3);
  position: relative;
}
#small_banner {
  height:200px;
  background-color: rgba(34, 34, 34, 0.3);
  position: relative;
}
#support {
height: auto;
  background-color: #acacac;
  position: relative;
}
.slides h1, h2, h3, h4, h5, h6 {
  font-family:'Montserrat', sans-serif;
}
.section h1, h2, h3, h4, h5, h6 {
  font-family:'Open Sans', sans-serif;
  font-weight:300;
}
.slide-intro {
  /* margin-bottom: -60px;*/
}
.slide-intro hr {
  width: 55px;
  border:1px solid #FFF;
  margin-top: 20px;
  margin-bottom: 80px;
}
.home-text a {
  margin:35px 0px 60px 0px;
}
@media (min-width: 650px) and (max-width: 768px) {
	.slide-intro hr {
  width: 55px;
  border:1px solid #FFF;
  margin-top: 20px;
  margin-bottom: 40px;
}
.slide-intro  {
   margin-bottom: 40px;
}
.home-text a {
  margin:25px 0px 50px 0px;
}

	}
@media (max-width: 649px) {
	.slide-intro hr {
  width: 55px;
  border:1px solid #FFF;
  margin-top: 20px;
  margin-bottom: 20px;
}
.slide-intro{
   margin-bottom: 40px;
}
.home-text a {
  margin:25px 0px 35px 0px;
}
}
	
#home-slider {
  max-width: 1024px;
  margin: 0 auto;
  }
#home-slider .slides li > h1 {
  font-size: 70px;
  margin: 0;
}
#home-slider01 {
  margin-bottom: 0;
  max-width: 1024px;
   margin-left: auto;
  margin-right: auto;

}
#home-slider01 .slides li > h2 {
  font-size: 24px;
  font-style:italic;
  line-height:32px;
  margin: 0;
}
@media (min-width: 768px) and (max-width: 1024px) { 
#home-slider .slides li > h1 {
  font-size: 55px;
  margin: 0;
}
#home-slider01 .slides li > h2 {
  font-size: 18px;
  font-style:italic;
  margin: 0;
}
}
@media (min-width: 520px) and (max-width: 767px) { 
#home-slider .slides li > h1 {
  font-size: 65px;
  margin: 0;
}
#home-slider01 .slides li > h2 {
  font-size: 20px;
  font-style:italic;
  margin: 0;
}
}
@media (max-width: 519px) { 
#home-slider .slides li > h1 {
  font-size: 45px;
  margin: 0;
}
#home-slider01 .slides li > h2 {
  font-size: 18px;
  font-style:italic;
  margin: 0;
}
}
.home-text p {
  font-size: 16px;
  margin: 35px 0;
  color: #fff;
}
.slide-caption {
  height: 100%;
  width: 100%;
  display: table;
  position: relative;
  z-index: 100;
}
/*@media (min-width: 1200px) { 
.slide-caption {
  height: 100%;
  width: 1170px;
  display: table;
  position: relative;
  z-index: 100;
}
}*/
.slide-middle {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}
.slide_middle_page {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  color: #fff;
  padding-left:30px;
  padding-top:60px;
}
@media (min-width: 768px) and (max-width: 992px) { 
.slide-middle {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  padding-left:20px;
}}
@media (max-width: 767px) { 
.slide-middle {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  padding-left:5px;
}
}
/* =Services
-------------------------------------------------------------- */
#services {
  /* background-image: url("../images/future_technology.jpg"); */
  background: #444;
}
.service {
  text-align: center;
  margin: 50px 0;
}
.service h4 {
  font-size: 13px;
  margin: 15px 0;
}
.service p {
  color: #fff;
}
.service-icon {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 10px auto;
  line-height: 96px;
  border: 2px solid #fff;
  border-radius: 50%;
  font-size: 34px;
}
/* =Call To Action
-------------------------------------------------------------- */
#call-to-action {
  padding: 0;
}
.call {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
.call h2 {
  font-size: 28px;
  margin-bottom: 25px;
}
.call h2 .btn {
  margin-left: 15px;
}
/* =Parallax Section
-------------------------------------------------------------- */
.parallax-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-color: #fff;
  padding: 0;
}
.parallax-section .section-title h2 {
  border-color: #fff;
}
.parallax-overlay {
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: rgba(51, 51, 51, 0.5);
  background-repeat: repeat;
  color: #fff;
}
#perfaccel_type {
  background-image: url("../images/parallax-bg-2.jpg");
}
#perfaccel_section {
  background-image: url("../images/parallax-bg-3.jpg");
}
/* =Clients Section
-------------------------------------------------------------- */
#clients {
  padding-top: 30px;
  padding-bottom: 30px;
}
#clients-carousel {
  text-align: center;
  cursor: -webkit-grab;
}
/* =Contact Page
-------------------------------------------------------------- */
#contact {
  background-image: url("../images/parallax-bg-2.jpg");
}
.contact-form .form-control {
  border-color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0;
  height: 46px;
  padding: 10px 16px;
  line-height: 1.33;
  color: #fff;
}
.contact-form textarea {
  min-height: 200px;
  resize: none;
}
.contact-form .btn-empty {
  border-radius: 0;
}
.contact-form ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #fff;
}
.contact-form :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
  opacity: 1;
}
.contact-form ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
  opacity: 1;
}
.contact-form :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #fff;
}
.form-sent {
  display: none;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
}
.form-group.success,
.form-group.error {
  position: relative;
}
.form-group.success:after,
.form-group.error:after {
  font-family: 'FontAwesome';
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 12px;
}
.form-group.error:after {
  content: "\f00d";
  color: #D95C5C;
}
.form-group.success:after {
  content: "\f00c";
  color: #00C077;
}
/* =Footer
-------------------------------------------------------------- */
.footer-copyright {
	font-size:14px;
	margin-top:10px;
	padding:16px 0;
	text-align:center;
	color:#7e7e7e;
	background:#ebedf1
}
.footer-copyright ul {padding:0px; margin:0px;}
.footer-links li {
  display: inline-block;
  padding: 10px;	}
.footer-links li a{
  font-size:14px;	}
.footer-links li a:hover{
  color:#ff6900;	}
  
.dark-text {
  color: #777777; font-size:14px;}
  
.social-icons li {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  font-size:16px;
  color: #777777;
}
.social-icons li a {
  font-size:16px;
  color: #777777;
}
/* =Media Queries
-------------------------------------------------------------- */
@media (min-width: 992px) {
  .animated {
    opacity: 0;
  }
  .visible {
    opacity: 1;
  }
}
@media (max-width: 991px) {
  #works-list li,
  #recent-works-list li {
    width: 50%;
  }
  .animated {
    -webkit-animation: none;
    animation: none;
  }
}
@media (min-width: 768px) {
  #fancybox .modal-dialog {
    width: 750px;
  }
  #nav > li:hover .dropdown-menu {
    display: block;
  }
}
@media (max-width: 767px) {
  .feature.left,
  .feature.right {
    padding-left: 90px;
    padding-right: 0;
    text-align: left;
  }
  .feature.left .feature-icon,
  .feature.right .feature-icon {
    left: 0;
  }
  #topnav {
    min-height: 0;
  }
  #topnav .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #logo > a {
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
  }
  #nav {
    float: none;
  }
/*  #home-slider .slides li > h1 {
    font-size: 55px;*/
  }
  .call h2 span {
    display: block;
    margin-bottom: 15px;
  }
  .project-control {
    display: none;
  }
  .footer-column {
    text-align: center;
    margin-bottom: 25px;
  }
  .footer-column .social > li {
    display: inline-block;
    float: none;
  }
}
@media (max-width: 479px) {
  #works-list li,
  #recent-works-list li {
    width: 100%;
  }
}
.call_button {position:fixed;  
	z-index: 10;
  right: 5px;
  bottom: 5px;
}
.socia_icon {padding:0px 10px 0px 10px;}
.socia_icon li {list-style:none;
	font-size:25px;
	padding:10px}
 /* ------- partner logo ------- */
 .logo_srip
{
    width:100%;
    position:absolute;
    margin:auto;
    -moz-backface-visibility: hidden;
	bottom:0px;
	z-index:80;
	background-color:rgba(255, 255, 255, 0.5)
}

.partner_logo_ls {width:14.25%; float:left; height:80px; padding:20px 0px;
	 text-align:center; }
	 
.partner_logo_rs {width:14.25%; float:left; height:80px; padding:20px 0px;
	text-align:center;}
	 
.partner_logo {width:14.25%; float:left; height:80px; padding:20px 0px;
	text-align:center; }
	@media (min-width: 767px) and (max-width: 992px) {	
	.partner_logo_ls img {width:90%!important; }
	 
.partner_logo_rs img {width:90%!important;}
	 
.partner_logo img {width:90%!important; } }

@media (max-width: 767px) {	 
	.logo_srip {display:none;}
}

/************************image hover effect*******************/

.item-img-wrap{
    position: relative;
    text-align: center;
    overflow: hidden;

}
.item-img-wrap img{
    -webkit-transition:all 200ms linear; 
    -moz-transition:all 200ms linear; 
    -o-transition:all 200ms linear; 
    -ms-transition:all 200ms linear; 
    transition:all 200ms linear; 
}
.item-img-overlay{
    position: absolute;
    width:100%;
    height: 100%;
    left: 0;
    top: 0;
}
.item-img-overlay span{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/plus.png) no-repeat center center rgba(0, 0, 0, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
}
.item-img-overlay .team{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: center center rgba(0, 0, 0, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
}
.item-img-wrap:hover .item-img-overlay span{
    opacity: 1;
}
.team .social-links {
  margin: 0;
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
  }
.item-img-wrap:hover img{
    -moz-transform: scale(1.1); 
    -webkit-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1); 
}
.usecases_title a{color:#FFF;}
.usecases_title a:hover{color:#FF6900;}

.industries_title a{color:#fff;}
.industries_title a:hover{color:#FF6900;}

/*  ------------- BG Options -------------------- */

.dark-bg {
	background-color: #000000;
	color: #ffffff;
}
.dark-bg h1,
.dark-bg h2,
.dark-bg h3,
.dark-bg h4,
.dark-bg h5,
.dark-bg h6 {
	color: #ffffff;
}
.dark-bg a:not(.btn) {
	color: #fff;
	text-decoration: underline;
}
.dark-bg a:not(.btn):hover {
	color: #fff;
	text-decoration: none;
}
.default-bg {
	background-color: #ff6900;
	color: #ffffff;
}
.default-bg h1,
.default-bg h2,
.default-bg h3,
.default-bg h4,
.default-bg h5,
.default-bg h6 {
	color: #ffffff;
}
.default-bg a:not(.btn) {
	color: #ffffff;
	text-decoration: underline;
}
.default-bg a:not(.btn):hover {
	color: #ffffff;
	text-decoration: none;
}
.default-bg.text-muted,
.default-bg.text-muted h1,
.default-bg.text-muted h2,
.default-bg.text-muted h3,
.default-bg.text-muted h4,
.default-bg.text-muted h5,
.default-bg.text-muted h6 {
	color: #f1f1f1;
}
.dark-bg.text-muted,
.dark-bg.text-muted h1,
.dark-bg.text-muted h2,
.dark-bg.text-muted h3,
.dark-bg.text-muted h4,
.dark-bg.text-muted h5,
.dark-bg.text-muted h6,
.gray-bg.text-muted,
.gray-bg.text-muted h1,
.gray-bg.text-muted h2,
.gray-bg.text-muted h3,
.gray-bg.text-muted h4,
.gray-bg.text-muted h5,
.gray-bg.text-muted h6 {
	color: #999999;
}

.light-translucent-bg,
.dark-translucent-bg,
.default-translucent-bg {
	background-position: 50% 0;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
}
.light-translucent-bg:after,
.dark-translucent-bg:after,
.default-translucent-bg:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}
.light-translucent-bg {
	color: #333;
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #dadada;
}
.header + .banner > .light-translucent-bg { border-top: none; }

.slider-banner-container .light-translucent-bg {
	border: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0!important;
	left: 0!important;
	margin: 0!important;
	bottom: 0;	
}
.slider-banner-container .dark-translucent-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0!important;
	left: 0!important;
	margin: 0!important;
	bottom: 0;
}
.slider-banner-container li .light-translucent-bg:after,
.slider-banner-container li .dark-translucent-bg:after {
	background-color: transparent;
}
.light-translucent-bg .separator-2 {
	background-color: #333;
}
.light-translucent-bg:after {
	background-color: rgba(255, 255, 255, 0.7);
}
.dark-translucent-bg:after {
	background-color: rgba(0, 0, 0, 0.7);
}
.dark-translucent-bg,
.dark-translucent-bg h1,
.dark-translucent-bg h2,
.dark-translucent-bg h3,
.dark-translucent-bg h4,
.dark-translucent-bg h5,
.dark-translucent-bg h6 {
	color: #ffffff;
}
.dark-translucent-bg a:not(.btn) {
	text-decoration: underline;
	color: #ffffff;
}
.dark-translucent-bg a:not(.btn):hover {
	text-decoration: none;
	color: #ffffff;
}
.default-translucent-bg:after {
	background-color: rgba(232, 76, 61, 0.7);
}
.default-translucent-bg,
.default-translucent-bg h1,
.default-translucent-bg h2,
.default-translucent-bg h3,
.default-translucent-bg h4,
.default-translucent-bg h5,
.default-translucent-bg h6 {
	color: #ffffff;
}
.default-translucent-bg a:not(.btn) {
	text-decoration: underline;
	color: #ffffff;
}
.default-translucent-bg a:not(.btn):hover {
	text-decoration: none;
	color: #ffffff;
}
.light-translucent-bg .container,
.dark-translucent-bg .container,
.default-translucent-bg .container {
	z-index: 3;
	position: relative;
}
/*  ------------- SOCILA NAVIGATION TOP -------------------- */
.stage_1
{
    width:auto;
    position:relative;
    margin:auto;
    -moz-backface-visibility: hidden;
}
#stage_1 * {-moz-backface-visibility: hidden !important;backface-visibility: hidden !important;}
.stage_1 .social_plugs
{
    position:absolute;
    display:inline-block;
    z-index:1200;
    width:47px;
    right:0px;
	top:60px;
}
.stage_1 .social_plugs .social_item
{
    overflow:hidden;
    width:47px;
    height:39px;
    background-repeat:no-repeat;
	font-size:25px;
	color:rgba(255, 255, 255, 0.5);
	text-align:center;
   /* background-image:url(../images/social_ru.png);*/
    background-color:transparent;
    cursor:pointer;
    margin-top: 10px;
    margin-left:0px;
    opacity:0.6;
}
.stage_1 .social_plugs .social_frame
{
    margin-top:11px;
    margin-right:48px;
}
.stage_1 .social_plugs[mb=false] .social_item:hover, .stage_1 .social_plugs[mb=true] .social_item[down=true]
{
    opacity: 1;
    background-color:White;
}
/* FACEBOOK */
.stage_1 .social_plugs #fb_item
{
    background-position:right 0px;
}
.stage_1 .social_plugs[mb=false] #fb_item:hover, .stage_1 .social_plugs[mb=true] #fb_item[down=true]
{ width:40px;
	font-size:25px;
	color:#3c5a98;
	}
	
/* TWITTER */
.stage_1 .social_plugs[mb=false] #tw_item:hover, .stage_1 .social_plugs[mb=true] #tw_item[down=true]
{
    width:40px;
	font-size:25px;
	color:#00acee;
}
/* linkedin */
.stage_1 .social_plugs[mb=false] #linkedin:hover, .stage_1 .social_plugs[mb=true] #linkedin[down=true]
{
    width:40px;
	font-size:25px;
	color:#0274b3;
}

/* G+ */
.stage_1 .social_plugs[mb=false] #g_item:hover, .stage_1 .social_plugs[mb=true]  #g_item[down=true]
{
    width:40px;
	font-size:25px;
	color:#dc4a38;
}
/* youtube */
.stage_1 .social_plugs[mb=false] #youtube:hover, .stage_1 .social_plugs[mb=true] #youtube[down=true]
{
    width:40px;
	font-size:25px;
	color:#c12025;
}
/* instagram */
.stage_1 .social_plugs[mb=false] #instagram:hover, .stage_1 .social_plugs[mb=true] #instagram[down=true]
{
    width:40px;
	font-size:25px;
	color:#2e5e86;
}
/* STAGE_1 END*/

/*  ------------- SOCILA NAVIGATION TOP FOR SMALL NAVIGATION -------------------- */
.stage_2
{
    width:auto;
    position:relative;
    margin:auto;
    -moz-backface-visibility: hidden;
}
#stage_2 * {-moz-backface-visibility: hidden !important;backface-visibility: hidden !important;}
.stage_2 .social_plugs
{
    position:absolute;
    display:inline-block;
    z-index:1200;
    width:40px;
    right:0px;
	top:60px;
	background-color:#e6e6e6;
}
.stage_2 .social_plugs .social_item
{	float:left;
    overflow:hidden;
    width:40px;
    height:39px;
    background-repeat:no-repeat;
	font-size:25px;
	color:rgba(0, 0, 0, 0.5);
	text-align:center;
   /* background-image:url(../images/social_ru.png);*/
    background-color:transparent;
    cursor:pointer;
    margin-top: 10px;
    margin-left:0px;
    opacity:0.6;
}

.stage_2 .social_plugs[mb=false] .social_item:hover, .stage_2 .social_plugs[mb=true] .social_item[down=true]
{
    opacity: 1;
    background-color:White;
}
/* FACEBOOK */
.stage_2 .social_plugs #fb_item
{
    background-position:right 0px;
}
.stage_2 .social_plugs[mb=false] #fb_item:hover, .stage_2 .social_plugs[mb=true] #fb_item[down=true]
{ width:40px;
	font-size:25px;
	color:#3c5a98;
	}
	
/* TWITTER */
.stage_2 .social_plugs[mb=false] #tw_item:hover, .stage_2 .social_plugs[mb=true] #tw_item[down=true]
{
    width:40px;
	font-size:25px;
	color:#00acee;
}
/* linkedin */
.stage_2 .social_plugs[mb=false] #linkedin:hover, .stage_2 .social_plugs[mb=true] #linkedin[down=true]
{
    width:40px;
	font-size:25px;
	color:#0274b3;
}

/* G+ */
.stage_2 .social_plugs[mb=false] #g_item:hover, .stage_2 .social_plugs[mb=true]  #g_item[down=true]
{
    width:40px;
	font-size:25px;
	color:#dc4a38;
}
/* youtube */
.stage_2 .social_plugs[mb=false] #youtube:hover, .stage_2 .social_plugs[mb=true] #youtube[down=true]
{
    width:40px;
	font-size:25px;
	color:#c12025;
}
/* instagram */
.stage_2 .social_plugs[mb=false] #instagram:hover, .stage_2 .social_plugs[mb=true] #instagram[down=true]
{
    width:40px;
	font-size:25px;
	color:#2e5e86;
}
/* STAGE_2 for Small BG END*/

 .nav_srip
{
    width:100%;
    position:absolute;
    margin:auto;
    -moz-backface-visibility: hidden;
	top:0px;
	z-index:800;
	color:#FFF;
}

/* .slider_srip
{
    width:100%;
    position:absolute;
    margin:auto;
    -moz-backface-visibility: hidden;
	top:0px;
	z-index:80;
	color:#FFF;
}*/
.storage { border-width:1px;
	border-style:solid;
	border-color: rgba(255,255,255,.3);
	padding:30px 20px 20px 20px;
	margin:5px;
	height:285px;} 
.storage a:hover {color:#4d4d4d;}
@media (min-width: 1200px) {
.storage {height:265px; }}
@media (min-width: 768px) and (max-width: 991px) {
.storage {height:360px; }}
@media (min-width: 651px) and (max-width: 767px) {
.storage {height:200px; }}
@media (min-width: 360px) and (max-width: 650px) {
.storage {height:250px; }}
@media (max-width: 359px) {
.storage {height:320px; }}

.perfaccel_type { 
	
	background-color: rgba(0, 0, 0,.3);
	/*border-width:1px; border-style:solid; border-color: rgba(255,255,255,.3);*/
	padding:30px 20px 20px 20px;
	height:100%;} 
.perfaccel_type h3 {margin:30px 0px;}
.perfaccel_type:hover {background-color:rgba(0, 0, 0, .8);
    -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;}
.perfaccel_type p {color:#FFF;}

.solutions{ 
	color:#FFF;
	background-color: rgba(0, 0, 0,.3);
	padding:20px;
	height:100%;} 
.solutions:hover {background-color:rgba(0, 0, 0, .8);
    -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;}
.solutions p {color:#FFF;}	

#about_us + .page-intro {
	/*margin-top: -56px !important;
	background-color: rgba(250, 250, 250, 0.9);*/
	position: relative;
	
	z-index: 2;
}

.plarform { border-width:1px;
	border-style:solid;
	border-color: rgba(255,255,255,.3);
	padding:30px 20px 20px 20px;
	margin:5px;
	height:310px;} 
.plarform a:hover {color:#4d4d4d;}
@media (min-width: 1200px) and (max-width: 1400px) {
.plarform {height:275px; }}
@media (min-width: 768px) and (max-width: 991px) {
.plarform {height:245px; }}
@media (min-width: 555px) and (max-width: 767px) {
.plarform {height:200px; }}
@media (max-width: 554px) {
.plarform {height:240px; }}

.btn_photo {padding:0px; border:none;}
.footer_add {font-size:18px; color:#FFF; line-height:26px;}

.scrollToTop {
  color: #fff;
  position: fixed;
  bottom: 5px;
  right: 4px;
  width: 35px;
  height: 35px;
  padding:6px 5px;
  text-align: center;
  cursor: pointer;
  background-color: #ff6900;
  z-index: 5005;
  display: none;}
  
/* Nav pills
---------------------------------- */
.nav-pills > li > a {
	border-radius: 0;
	padding: 10px 15px;
	border: 1px solid transparent;
	color: #666666;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
}
.nav-pills.nav-stacked > li + li {
	margin-left: 0;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
	border: 1px solid #f3f3f3;
	color: #ff6900;
	background-color: #fafafa;
}
.nav-pills.nav-stacked > li > a:after {
	font-family: "FontAwesome";
	content: "\f105";
	font-size: 14px;
	font-weight: 700;
	position: absolute;
	right: 15px;
	top: 9px;
	color: #d1d1d1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.nav-pills > li.active > a:after {
	color: #ff6900;
}
.nav-pills > li.active > a:hover:after,
.nav-pills > li.active > a:focus:after,
.nav-pills > li > a:hover:after,
.nav-pills > li > a:focus:after {
	color: #ff6900;
	right: 10px;
}
.footer-content .nav-pills > li > a {
	padding: 4px 0px;
	border-color: transparent;
	color: #999;
	font-weight: 400;
}
.footer-content .nav-pills > li:last-child > a {
	border-bottom: none;
}
.footer-content .nav-pills > li.active > a,
.footer-content .nav-pills > li.active > a:focus,
.footer-content .nav-pills > li > a:focus {
	color: #999;
	background-color: transparent;
	border-color: transparent;
}
.footer-content .nav-pills > li.active > a:hover,
.footer-content .nav-pills > li > a:hover {
	color: #fff;
	background-color: transparent;
	border-color: transparent;
}
.footer-content .nav-pills.nav-stacked > li > a:after {
	top: 3px;
}
.footer-content .nav-pills.nav-stacked > li > a:after,
.footer-content .nav-pills > li.active > a:after,
.footer-content .nav-pills > li.active > a:hover:after,
.footer-content .nav-pills > li.active > a:focus:after,
.footer-content .nav-pills > li > a:hover:after,
.footer-content .nav-pills > li > a:focus:after {
	color: #999
}
.light .footer-content .nav-pills > li > a,
.light .footer-content .nav-pills > li.active > a,
.light .footer-content .nav-pills > li.active > a:focus,
.light .footer-content .nav-pills > li > a:focus {
	color: #666;
}
.light .footer-content .nav-pills > li.active > a:hover,
.light .footer-content .nav-pills > li > a:hover {
	color: #ff6900;
}
.light .footer-content .nav-pills.nav-stacked > li > a:after,
.light .footer-content .nav-pills > li.active > a:after,
.light .footer-content .nav-pills > li.active > a:hover:after,
.light .footer-content .nav-pills > li.active > a:focus:after,
.light .footer-content .nav-pills > li > a:hover:after,
.light .footer-content .nav-pills > li > a:focus:after {
	color: #666
}
.nav-pills > .active > a > .badge {
	color: #ff6900;
	background-color: #fff;
	border-color: #ff6900;	
}


.content-box {
  display: block;
  overflow: hidden;
  padding: 15px;
  margin-bottom: 5px;
}
.content-box .quote {
  line-height:30px; font-style:italic; margin:0px; color:#FFF;
}
.content-box.box-default {
  background-color: #f6f6f6;
  border: solid 1px #e5e5e5;
}
.content-box.box-default:hover {
  background-color: #f3f3f3;
}
.content-box.box-primary .content-box-title,
.content-box.box-info .content-box-title,
.content-box.box-success .content-box-title,
.content-box.box-warning .content-box-title,
.content-box.box-danger .content-box-title,
.content-box.box-royal .content-box-title {
  color: #fff;
}
.content-box-title.counter {
  font-size: 3em;
  color: #333;
  margin-top: 0;
}
.content-box.box-side-link {
  background-color: #e6e6e6;
  border: solid 1px #eeeeee;
  margin:30px 0px 10px 0px;
}
.content-box.box-theme {
  background-color: #ff6900;
  color: #fff;
  border: solid 1px #e45e00;
}
.content-box.box-primary {
  background-color: #5196fe;
  color: #fff;
  border: solid 1px #276dd7;
}
.content-box.box-success {
  background-color: #d3b61c;
  color: #fff;
  border: solid 1px #b59a17;
}
.content-box.box-info {
  background-color: #54c8eb;
  color: #fff;
  border: solid 1px #179bc2;
}
.content-box.box-warning {
  background-color: #9c7350;
  color: #fff;
  border: solid 1px #785333;
}
.content-box.box-danger {
  background-color: #d9534f;
  color: #fff;
  border: solid 1px #a02622;
}
.content-box.box-royal {
  background-color: #ac60d0;
  color: #fff;
  border: solid 1px #792e9c;
}
.content-box.box-primary:hover {
  background-color: #3b72c5;
}
.content-box.box-success:hover {
  background-color: #b59a17;
}
.content-box.box-info:hover {
  background-color: #3dc1e8;
}
.content-box.box-warning:hover {
  background-color: #785333;
}
.content-box.box-danger:hover {
  background-color: #d43f3a;
}
.content-box.box-royal:hover {
  background-color: #a24cca;
}

.product_title {color:#ff6900;
  font-weight:400;
  margin-top:40px;}

ul {
	list-style: square;
}
.style_none {
	list-style: none;
}
.list-icons,
.list {
	list-style: none;
	padding: 0;
	line-height:25px;
}
.list-icons li,
.list li {
	padding: 5px 0;
}
.list-icons li i {
	width: 25px;
	text-align: center;
}
.list li .vertical-divider {
	padding-right: 15px;
	position: relative;
}
.list li .vertical-divider:after {
	position: absolute;
	content: "";
	height: 60%;
	width: 1px;
	background-color: #CECECE;
	right: 9px;
	top: 5px;
}
.list-inline {
	margin-top: 9px;
	margin-bottom: 8px;
}
.tick_list {
	list-style: url(../images/list_tick.jpg);
	padding: 10px 10px 0px 0px;
	line-height:25px;
	margin-left:20px;
} 
/*.static_tab {width:50%;}*/
@media (min-width: 1200px) and (max-width: 1400px) {
.static_tab {width:50%;}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.static_tab {width:45%;}
}
@media (min-width: 768px) and (max-width: 991px) {
.static_tab {width:100%;}
}
@media (min-width: 300px) and (max-width: 767px) {
.static_tab {width:100%;}
}
.newticket_tab {background-color:#3b5998!important;
	color:#FFF!important;
	height:88px!important;
	font-size:14px;}
.artical_tab {background-color:#39a9e0!important;
	color:#FFF!important;
	height:88px!important;
	font-size:14px;}
.news_tab {background-color:#d14836!important;
	color:#FFF!important;
	height:88px!important;
	font-size:14px;}
.myticket_tab {background-color:#cb2027!important;
	color:#FFF!important;
	height:88px!important;
	font-size:14px;}
.newticket_tab p {color:#FFF;}
.artical_tab p {color:#FFF;}
.news_tab p {color:#FFF;}
.myticket_tab p {color:#FFF;}

.search_margin {margin-left:-31px;}
@media (min-width: 580px) and (max-width: 768px) {
	.search_margin {margin-left:-65px;}}
@media (min-width: 350px) and (max-width: 579px) {
	.search_margin {margin-left:-65px;}}
	
.selected img {
	opacity:0.5;
}
.disclaimer {padding:15px; background-color:#f6abaa}
.disclaimer p {font-size:10px; line-height:12px; margin-bottom:1px}

.imac_animation {position:relative; top:90px; left:0px; /*width:400%;*/ color:#FFF; text-align:center;}
.imac_animation h3{line-height:35px;}

@media (min-width: 250px) and (max-width: 991px) {
.imac_animation {position:relative; top:30px; left:0px; width:100%; color:#FFF; text-align:center;}
}
.quote_icon {font-size:24px; line-height:50px;}

.grid_box {
	margin-bottom: 20px;
}
.grid_box i {
	font-size: 22px;
	line-height: 45px;
}
.grid_box .icon-container {
	float: left;
	/*height: 100px;*/
	padding: 20px 20px 0px 20px;
	text-align: center;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.grid_box .icon-container p {color:#FFF;}
.grid_box .body {
	margin-left: 80px;
}
.grid_box h2 {
	font-size: 20px;
	margin-top: 0;
}
.grid_box:hover .icon-container {
	border: 1px solid #666;
}
.grid_box:hover .default-bg {
	background-color: #fff;
	border: 1px solid #ff6900;
}
.grid_box:hover .default-bg * {
	color: #ff6900;
}
@media (min-width: 769px) and (max-width: 991px) {
.grid_box .icon-container { float: left;
	height: 123px;
	margin-bottom:10px;
	padding: 20px 20px 0px 20px;
	text-align: center;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
}
@media (max-width: 768px) {
.grid_box .icon-container { float: left;
	width:100%;
	margin-bottom:10px;
	padding: 20px 20px 0px 20px;
	text-align: center;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
}
.quote_box {background-color:#5196fe; border:1px solid #276dd7; padding:20px 35px; margin-bottom:20px; color:#FFFFFF; font-style:italic; font-weight:600; line-height:30px;}
.quote_bax p {;}

/* Latest tweets / news / Evnts / block
---------------------------------- */
ul.tweets {
	list-style: none;
	padding: 0;
}
ul.tweets li {
	margin-bottom: 20px;
	position: relative;
	padding-left: 35px;
}
ul.tweets li i {
	position: absolute;
	top: 4px;
	left: 0;
	width: 25px;
	height: 25px;
	text-align: center;
	color: #666666;
}
ul.tweets li p {
	margin-bottom: 5px;
}
ul.tweets li span {
	font-size: 12px;
	color: #666666;
}
.logo_icon {width:40px; margin-right:10px;}
.link_title {min-height:48px; line-height:24px; font-weight:bold; text-transform:uppercase; }
@media (min-width: 767px) and (max-width: 991px) {
	.link_title {min-height:28px; line-height:24px; font-weight:bold; text-transform:uppercase; }
}

.usecase a h4 {color:#FFF}
.usecase a:hover h4 {color:#4d4d4d}
.perfaccel {border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  padding: 30px 20px 20px 20px;
  margin: 20px 5px 5px 5px;
  height:250px;}
.perfaccel h4 {line-height:30px;}  
/****************************
Product section
****************************/
.perfaccel-img {
  background-position: bottom;
  background-repeat: no-repeat;
  position: relative;
  margin: 0 0 20px 0;
  box-sizing: border-box;
  background-color: #f1f1f1;
}
.perfaccel-overlay p {position:absolute; z-index:100; color:#737373; padding-top:35px; width:100%; font-size:25px; font-weight:300;}
.perfaccel-overlay { width: 100%; height: 200px; position: relative; background-size: 100%; background-repeat: no-repeat; background-position: 0 150px;} 
.perfaccel-overlay img { /*width: 100%;*/ margin-top:75px; position:relative; z-index:100;}
.perfaccel-img-overlay { width: 100%; height: 100%; position: absolute; left: 0%; top: 0; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; overflow: hidden;} .perfaccel-img-overlay:hover { filter: alpha(opacity=1); opacity: 1;} 
.perfaccel-img-overlay .perfaccel_img_overlay_content { position: absolute; background-color: #ff6900; height: 40px; width: 100%; top: auto; bottom: 0; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; -o-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s;}
.perfaccel-img-overlay:hover .perfaccel_img_overlay_content { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s;} 
.perfaccel-overlay:hover img { opacity: 0.1;}
.perfaccel-img-overlay a:hover { text-decoration: none;} 
.perfaccel-overlay:hover .perfaccel-img-overlay { opacity: 1;} 
.perfaccel-overlay .perfaccel_img_overlay_content { position: absolute; background-color: #e5e4e4; height: 100%; padding:100px 20px 20px 20px; width: 100%; top: auto; bottom: 0; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s;}
.perfaccel-overlay:hover .perfaccel_img_overlay_content { opacity: 1; filter: progid:DXImageTransform.Microsoft.Matrix(Dy=0); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);} 
.perfaccel-img-overlay .perfaccel_img_overlay_content i { margin-right: 10px;} 
.perfaccel-img-overlay { color: #737373;}
.perfaccel-img-overlay a { color: #737373;}
.perfaccel-img-overlay a:hover { color: #737373 !important;}
.perfaccel-overlay { overflow: hidden;} 
.perfaccel-overlay img { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;} 
.perfaccel-overlay:hover img { webkit-transition: 0.4s opacity;
  transition: 0.4s opacity;}  
.perfaccel-article span { width: 32px; height: 40px; font-size: 20px; font-weight: 300;  line-height: 30px;}
.perfaccel-article a:hover { opacity: 1;} 

/* Boxes
---------------------------------- */
.box {
	text-align: center;
	margin: 0 10px 10px 0;
	width: 60px;
	height: 60px;
	display: inline-block;
	font-size: 0;
	float: left;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box i {
	font-size: 36px;
	line-height: 60px;
}
.box.small {
	margin: 0 5px 5px 0;
	width: 45px;
	height: 45px;
}
.box.small i {
	font-size: 24px;
	line-height: 45px;
}
.box.gray-bg:hover {
	color: #ff6900;
}
.box.default-bg:hover {
	background-color: #fff;
	border: 1px solid #ff6900;
}
.box.default-bg:hover * {
	color: #ff6900;
}
.box.dark-bg:hover {
	background-color: #fff;
	border: 1px solid #666;
}
.box.dark-bg:hover * {
	color: #666;
}
.box-style-1 {
	text-align: center;
	padding: 20px;
}
.grid-space-10 .box-style-1 {
	margin: 10px 0;
}
.box-style-1 i {
	font-size: 90px;
	margin: 15px 0 5px;
	text-align: center;
}
.box-style-1:not(.team-member):hover i {
	color: #ff6900;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.box-style-1.default-bg:hover i,
.box-style-1.dark-bg:hover i {
	color: inherit;
}
.box-style-2 {
	margin-top: 20px;
}
.box-style-2 i {
	font-size: 27px;
	line-height: 50px;
}
.box-style-2 .icon-container {
	float: left;
	width: 50px;
	height: 50px;
	text-align: center;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box-style-2 .body {
	margin-left: 80px;
}
.box-style-2 h2 {
	font-size: 24px;
	margin-top: 0;
}
.box-style-2:hover .icon-container {
	border: 1px solid #666;
}
.box-style-2:hover .default-bg {
	background-color: #fff;
	border: 1px solid #ff6900;
}
.box-style-2:hover .default-bg * {
	color: #ff6900;
}
.box-style-2:hover .dark-bg {
	background-color: #fff;
	border: 1px solid #666;
}
.box-style-2:hover .dark-bg * {
	color: #666;
}
.box-style-2:hover .white-bg * {
	color: #ff6900;
}
.box-style-3 {
	margin-top: 20px;
}
.box-style-3 i {
	font-size: 18px;
	line-height: 45px;
}
.box-style-3 .icon-container {
	float: left;
	width: 45px;
	height: 45px;
	text-align: center;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box-style-3 .body {
	margin-left: 80px;
}
.box-style-3 h2 {
	font-size: 18px;
	margin-top: 0;
	line-height:24px;
}
.box-style-3:hover .icon-container {
	border: 1px solid #666;
}
.box-style-3:hover .default-bg {
	background-color: #fff;
	border: 1px solid #ff6900;
}
.box-style-3:hover .default-bg * {
	color: #ff6900;
}
.panel-body i {
	width: 35px;
	text-align: center;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.box-style-3.right .icon-container {
		float: right;
	}
	.box-style-3.right .body {
		margin-right: 80px;
		text-align: right;
		margin-left: 0;
	}
}
/* Tables
---------------------------------- */
.table:not(.table-bordered) {
	border-bottom: 2px solid #f3f3f3;
}
.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 1px solid #276dd7;
	background-color: #5196fe;
	color: #fff;
}
.table-bordered {
	border-color: #e84c3d;
}
tbody {
	background-color: #ffffff;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 8px 30px;
	border-top: 1px solid #f3f3f3;
}
.table-striped tbody {
	background-color: #fafafa;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #f1f1f1;
}
.table-striped.table > tbody > tr > td {
	border-color: #e8e8e8;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border-color: #f3f3f3;
}
.dl-horizontal dd {
	margin-bottom: 10px;
}
.dark .table:not(.table-bordered) {
	border-bottom: 2px solid #515151;
}
.dark .table > thead > tr > th {
	border-bottom: 1px solid #27272a;
	background-color: #27272a;
	color: #cdcdcd;
}
.dark tbody {
	background-color: transparent;
}
.dark .table > thead > tr > th,
.dark .table > tbody > tr > th,
.dark .table > tfoot > tr > th,
.dark .table > thead > tr > td,
.dark .table > tbody > tr > td,
.dark .table > tfoot > tr > td {
	border-top: 1px solid #515151;
}
.dark .table-hover > tbody > tr:hover {
	background-color: #27272a;
}
/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.dl-horizontal dd {
		margin-left: 150px;
	}
	.dl-horizontal dt {
		max-width: 120px;
	}
}

/* Call to action
---------------------------------- */
.call-to-action {
	padding: 10px 25px;
	text-align: center;
}
.call-to-action .btn {
	margin: 10px 5px;
}
.call-to-action .btn.btn-lg {
	margin-top: 15px;
}
.gray-bg {
	background-color: #ebedf1;
}

.background_image {
  background-image: url("../images/grid_architecture_diagram_das.jpg"); height:auto; width:100%;
}
@media (min-width:1200px) {
.prefaccel_content {height:90px;}	
}
@media (max-width:1199px) {
.prefaccel_content {height:100px;}	
}
@media (min-width:1200px) {
.solution_content {height:200px;}
}
@media (min-width:992px) and (max-width:1199) {
.solution_content {height:230px;}	
}
@media (min-width: 767px) and (max-width: 991px){
.solution_content {height:330px;}	
}
.download_btn {padding:15px 20px; text-align:center; background:#696969; color:#FFF}
.download_btn a {color:#FFF}
.download_btn a:hover {color:#ffa667;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
.highlights {border:1px solid #ff6900; padding:30px; background-color:#ebedf1;}

.cases_content {height:75px;}
@media (min-width:992px) and (max-width:1199) {
.cases_content {height:100px;}	
}
/*@media (min-width: 767px) and (max-width: 991px){
.cases_content {height:75px;}	
}*/
@media (min-width: 768px) and (max-width: 991px){
.cases_content {height:75px;}	
}
@media (min-width: 441px) and (max-width: 525px){
.cases_content {height:95px;}	
}
@media (min-width: 362px) and (max-width: 440px){
.cases_content {height:105px;}	
}
@media (min-width: 250px) and (max-width: 361px){
.cases_content {height:125px;}	
}
.second_box h2{line-height:30px; font-size:20px;}

.content_sociallink {border:1px solid #cccccc; padding:5px 10px; margin:5px; width:50px; font-size:20px;}
.sitemap {margin-left:15px; list-style:none}
.sitemap ul {margin-left:25px; list-style:none}
.sitemap ul li {margin-left:25px; padding:5px 0px; color:#ff6900;}
.sitemap ul li a:hover {color:#ff6900; text-decoration:underline;}
.sitemap_link_head {margin-left:-5px !important; color:#737373 !important; font-weight:600;}
.koowa .docman_download__button {  background-color: #ff954c;color: #ffffff;}
.lineHeight { line-height:40px;}

.divideSubmenu{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.help-tip{
	position: relative;
	text-align: center;
	/*background-color: #BCDBEA;*/
	border-radius: 50%;
	width: 24px;
	height: 24px;
	font-size: 14px;
	line-height: 26px;
	cursor: pointer;
}

.help-tip:before{
	content:'?';
	font-weight: bold;
	color:#000;
}

.help-tip:hover p{
	display:block;
	transform-origin: 100% 0%;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{	/* The tooltip */
	display: none;
	text-align: left;
	background-color: #1E2021;
	padding: 20px;
	width: 300px;
	position: absolute;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	right: -4px;
	color: #FFF;
	font-size: 13px;
	line-height: 1.4;
}

.help-tip p:before{ /* The pointer of the tooltip */
	position: absolute;
	content: '';
	width:0;
	height: 0;
	border:6px solid transparent;
	border-bottom-color:#1E2021;
	right:10px;
	top:-12px;
}

.help-tip p:after{ /* Prevents the tooltip from being hidden */
	width:100%;
	height:40px;
	content:'';
	position: absolute;
	top:-40px;
	left:0;
}

/* CSS animation */

@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform: scale(0.6);
	}

	100% {
		opacity:100%;
		transform: scale(1);
	}
}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100%; }
}


/* top user menu role header */
.user_menu_header {
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: steelblue;
	font-size: 15px;
	width: 100%;
	font-weight:600;
}