/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}




#testimonials {
    /*background-color: #f1f1f1;*/
	padding:0;
}
#testimonials #dev-snippet-title{
    margin-top: 0px;
    padding-top:30px;
}
#testimonials .testimonials-list {
   /* margin-top: 20px;
    margin-bottom: 70px;*/
    /* Slider css */
}
#testimonials .testimonials-list .single-testimonial {
    -webkit-transition: all 0.25s;
    /*border: 1px solid #E0E0E0;
    border-radius: 10px;
    background-color: white;
    margin: 15px;*/
	color:#b1b5ba;
}
#testimonials .testimonials-list .single-testimonial .testimonial-holder {
    /*padding: 0 15px;*/
    padding-bottom: 0px;
}
#testimonials .testimonials-list .single-testimonial .testimonial-holder .testimonial-content {
    font-size: 15px;
    text-align: justify;
    position: relative;
}
#testimonials .testimonials-list .single-testimonial .testimonial-holder .testimonial-content .testimonial-caret {
    position: absolute;
    bottom: -46px;
    font-size: 32px;
    color: white;
    left: 40px;
}
#testimonials .testimonials-list .single-testimonial .testimonial-holder .testimonial-user {
    margin-top: 20px;
    clear: both;
    background-color: #82bd61;
    border-radius: 0px 0px 10px 10px;
    padding: 20px 40px;
    text-align: center;
}
#testimonials .testimonials-list .single-testimonial .testimonial-holder .testimonial-user .testimonial-user-image {
    float: left;
    min-width: 50px;
}
#testimonials .testimonials-list .single-testimonial .testimonial-holder .testimonial-user .testimonial-user-image img {
    height: 50px;
    border-radius: 100%;
    border: 2px solid white;
}
#testimonials .testimonials-list .single-testimonial .testimonial-holder .testimonial-user .testimonial-user-name {
    float: left;
    font-weight: bold;
    color: white;
    margin-left: 15px;
    text-align: left;
    font-size: 18px;
}
#testimonials .testimonials-list .single-testimonial .testimonial-holder .testimonial-user .testimonial-user-name a {
    color: #404040;
    font-size: 16px;
}
#testimonials .testimonials-list .testimonial-left-handle {
    position: absolute;
    z-index: 100;
    top: 40%;
    left: -10%;
    cursor: pointer;
}
#testimonials .testimonials-list .testimonial-left-handle:hover {
    color: #82BD61;
}
#testimonials .testimonials-list .testimonial-right-handle {
    position: absolute;
    z-index: 100;
    top: 40%;
    right: -10%;
    cursor: pointer;
}
#testimonials .testimonials-list .testimonial-right-handle:hover {
    color: #82BD61;
}
#testimonials .testimonials-list .slick-dots {
    bottom: -40px;
    text-align: center;
}
#testimonials .testimonials-list .slick-dots li {
    list-style-type: none;
    display: inline-block;
}
#testimonials .testimonials-list .slick-dots li button {
    background-color: #4285f4;
    border-radius: 50%;
    color: #4285f4;
    height: 15px;
    width: 15px;
    border: 0;
    outline: none;
    margin: 0px 3px;
}
#testimonials .testimonials-list .slick-dots li.slick-active button {
    background-color: white;
    color: white;
	border-radius: 50%;
	height: 15px;
    width: 15px;
    
    outline: none;
    margin: 0px 3px;
    border: 5px solid #4285f4;
}

/* guru */
.slick-dots li button { 
   font-size: 0; 
} 
.footer_item.address{margin-left:20px;}
.pl0{padding-left:0;}
.pr0{padding-right:0;}
.font20{ font-size:20px !important;}
.lh30{ line-height:30px !important;}
h4.second_heading{font-size:18px; margin-bottom:15px; }
.clear{clear:both;}
.mb15{ margin-bottom:15px;}
.mb30{ margin-bottom:30px;}
.pl10{padding-left:10px;}
.color-grey{ color:#807474;}
.color-red{color: #b32134;}
/*image overlay*/
.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background:rgba(60,117,211,0.5);
}

.caros:hover .overlay1{
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
#technologies{background: #cbe6f6 none repeat scroll 0 0; padding-bottom: 30px;padding-top:30px;}
.login-bg{ background: rgba(0, 0, 0, 0) url("../images/login-bg.jpg") no-repeat scroll 0 0;
    background-size: 100% 100%;
    position:relative;
    /*padding-bottom: 102px;*/
	background-position: center top;
    border-bottom:2px solid #b32134;}
.login-bg .overlay{ padding: 100px 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
        background-size: auto;}
.register_container{ background-color:white; padding:30px; border-radius:5px; border:5px dashed #4285f4;}
.about-banner, .md-banner, .rd-banner, .re-banner, .cc-banner, .ct-banner, .cr-banner{background-color: #222;
color: #fff;
padding-top: 120px;
padding-bottom: 120px;
background: url(../images/slider1.jpg) no-repeat center center;
    background-size: auto;
background-size: cover; margin-bottom:60px;}
.md-banner{background: url(../images/md-bg.jpg) no-repeat center center;}
.rd-banner{background: url(../images/slider3.jpg) no-repeat center center;}
.re-banner{background: url(../images/slider6.jpg) no-repeat center center; }
.cc-banner{background: url(../images/slider5.jpg) no-repeat center center; }
.ct-banner{background: url(../images/contact.jpg) no-repeat center center; }
.cr-banner{background: url(../images/career.jpg) no-repeat center center; }
.about-banner h1, .md-banner h1, .rd-banner h1, .re-banner h1, .cc-banner h1, .ct-banner h1{ text-align:center; color:#ffffff;text-shadow: 0 1px 2px rgba(0,0,0,.6);}
.dropdown-menu {top:60px; width:300px;background-color: #e0eaea;}
ul.nav li.active, ul.nav li:hover{background-color: #e0eaea;}
ul.nav.navbar-nav.menu li a:hover {background-color:#a5d5ec; color:#4f626b;}
ul.nav.navbar-nav.menu li.dropdown.open a.has-submenu{background-color:#78c3e7; color:#000000;}
ul.dropdown-menu li{ border-bottom:1px solid #ccc;}
section#portfolio.projects #portfolio::before{background: rgba(255,255,255,0.85);}
section#portfolio.projects {background:inherit;}
.about_content h6{ font-weight:normal; line-height:25px}
.about_content ul, .footer_item.address ul{
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.about_content ul li, ul.red-bullet li, .footer_item.address ul li.map, .footer_item.address ul li.envelope, .footer_item.address ul li.mobile {
    list-style: none; 
	padding-left: 2em;
  text-indent: -1.75em;
}

.about_content ul li::before,
 ul.red-bullet li::before {
  color: #b32134;  
  /* color of bullet or square */
  content: "\2022"; 
  /* Unicode of character to precede the list item */
  font-size: 1em; 
  /* em or %*/
   padding-right: 1.1225em; 
  /* use em*/
  position: relative;
  top: 0.1em; 
  /* use em or % */
}
.footer_item.address ul li.map::before, .footer_item.address ul li.envelope::before, .footer_item.address ul li.mobile::before {  color: #ffffff; font-size: 1.25em; padding-right: 1.1225em; position: relative;
	top: 0.1em;font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;}

  .footer_item.address ul li.map::before{content: "\f041";    }
  .footer_item.address ul li.envelope::before{content: "\f0e0";padding-right: 0.7em;    }
  .footer_item.address ul li.mobile::before{content: "\f10b";    }
/*** image upload ***/
.btn-file {
            position: relative;
            overflow: hidden;
        }
        
        .btn-file input[type=file] {
            position: absolute;
            top: 0;
            right: 0;
            min-width: 100%;
            min-height: 100%;
            font-size: 100px;
            text-align: right;
            /*filter: alpha(opacity=0);*/
            opacity: 0;
            outline: none;
            background: white;
            cursor: inherit;
            display: block;
        }
        
        .img-zone {
            background-color: #F2FFF9;
            border: 5px dashed #4285f4;
            border-radius: 5px;
            padding: 20px;
        }
        
        .img-zone h2 {
            margin-top: 0;
        }
        
        .progress,
        #img-preview {
            margin-top: 15px;
        }
/*** image upload end ***/
/* ScrollDown */
.scrollDown {
    background: url(../images/down.png)no-repeat scroll 0 0;
    top: 80px;
    color: #000;
    height: 40px;
    right: 5px;
    width: 40px;
    opacity:0.7;
}
.scrollDown:hover {
    background: url(../images/down.png)no-repeat scroll 0 -40px;
}
.form-control{height: 25px;
padding: 2px 5px;}
.form-group {
    margin-bottom: 10px;
}

/******** modal slider *******/
/* Hide the images by default */
.mySlides {
  display: none;
}
.mySlides img{height:500px;border: 1px solid #877b7b;
padding: 5px;}

/* Add a pointer when hovering over the thumbnail images */
.cursor1 {
  cursor: pointer;
}

/* Next & previous buttons */
.prev1,
.next1 {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: black;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  /*user-select: none;*/
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next1 {
  right: 15px;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev1:hover,
.next1:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
#imgSlide{height:55px; overflow:hidden;}
.prev2,
.next2 {
  cursor: pointer;
  position: absolute;
  
  width: auto;
  
  margin-top: -37px;
  color: black;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  /*user-select: none;
  -webkit-user-select: none;*/
}

/* Position the "next button" to the right */
.prev2 {
  left: -5px;
  border-radius: 3px 0 0 3px;
}
.next2 {
  right: 2px;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev2:hover,
.next2:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
/* Number text (1/3 etc) */
.numbertext {
  color: #000;
font-size: 16px;
padding: 8px 12px;
position: absolute;
top: 1%;
background-color: rgba(255,255,255,0.7);
border-radius: 50%;
}

/* Container for image text */
.caption-container1 {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}
#pagination li{cursor:pointer;}
/* Six columns side by side */
.column {
  float: left;
width: 50px;
padding: 5px;
margin-left: 9px;
margin-bottom: 5px;
}
.column img{height:50px; width:50px;border: 1px solid #877b7b;
padding: 2px;}
/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active1,
.demo:hover {
  opacity: 1;
}
.modal.modal-wide .modal-dialog {
  width: 95%;/*80*/
}
button.close { opacity:1;line-height: 21px;background: red;
padding: 8px 8px;
border-radius: 50%;
color: white;position: absolute;
right: 15px;
z-index: 1;}
ul.proj-info-list {list-style: none;
padding: 0;}
ul.proj-info-list li label{ padding-right:10px; font-variant: small-caps; color: blue; font-family: arial;}
ul.proj-info-list li p{ font-family: arial; font-size:13px;display:inline;}
.grid-item h4 {
    height: 23px;
    line-height: 23px;
    color: #fff;
    font-size: 16px;
	font-family:Arial;
    /*font-family: 'Gotham-Bold';*/
    padding: 0px 30px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: 10px;
    left: 2.5%;
    width: 95%;
    z-index: 10;
	background-color: rgba(0, 0, 0, 0.5);
}
.grid-item h4 span {
    width: 23px;
    height: 23px;
    /*background: url(../images/plus-gallery.png) no-repeat center top;*/
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}
/******** end modal slider *******/

/******** magnify image *******
.img-magnifier-container {
  position:relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 3px solid #000;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*
  width: 100px;
  height: 100px;
}
/******** end magnify image *******/

.container{ width:95%;}

/*.single-testimonial{ background-color:#ffffff;}*/
nav.navbar ul.nav > li > a {
    padding: 35px 15px;
}
.list-unstyled {
    padding-left: 0 !important;
    list-style: none !important; 
	margin-top:15px;
}
.list-unstyled li{ margin-bottom:10px; line-height:18px;}
.list-unstyled.footer_contact li:first-child a{ color:#feda55;}
.list-unstyled.footer_contact li{ margin-bottom:0px;}
.font22{ font-size:22px;}

ul.nav li.dropdown:hover > ul.dropdown-menu, ul.nav li.dropdown.hover > ul.dropdown-menu {
display: block;    
}
.testi-cont{ width:90%; margin:0 auto; }
.testi-cont p:first-child {padding:10px; border:1px solid #ccc; font-style: italic; color:#807474;}
.testi-cont p:last-child { color:#B32134;}
#success_message{ display:none; }
#success_message h6{ color:green;}
/****after sm menu added ****/
.navbar{margin-bottom:0;}
.ph-tab{padding-left:2.6em;line-height: 24px;}
.image-set a {
    cursor: zoom-in;
}
footer .footer_item.address h5{
	text-transform:none;
	color:#ffffff;
	margin-top:20px;margin-bottom:34px; font-size:16px; font-weight:normal;
}
.red-color{color:#B32134;}
.tech-logo{ background-color:#f7f7f7; border-top: 10px solid gray;}
/********/

/*** media responsive ***/


@media (min-width: 2000px){#why_us .fa { font-size:100px;} #why_us .fa img{width:100px;}}

@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu, ul.nav li.dropdown.hover > ul.dropdown-menu {
    display: block;
  }
  
}

@media (max-width:1199px){
	.footer_top div.footer_item {
    /*margin-top: 75px;*/
	border-bottom:1px dashed #717278;
}


}

@media (max-width:991px){
	/*span.caret{display:none;}*/
	nav.navbar ul.nav > li > a {
    padding: 5px 15px;
	}
	.dropdown-menu {
    top: 0; }
	ul.dropdown-menu li {
    
    margin-left: 15px;
}

}
@media (min-width: 500px) and (max-width:990px) {
	#navbar-menu{
	/*background: rgba(255,255,255,0.8);
	padding: 0 30px;
	color: #ccc;
	margin-top: -15px;
	border: 1px solid #ddd;*/
	width: 100%;
	}
.navbar-nav > li > .dropdown-menu {
margin-top: 30px;}
#why_us .fa{
    padding: 12%;
}

}

@media (min-width: 741px) {#why_us .col-md-2, #why_us .col-lg-2{width:20%;}}
@media (max-width: 740px) {
	#navbar-menu{
	background: rgba(255,255,255,0.8);
	padding: 0 30px;
	color: #ccc;
	margin-top: -15px;
	border: 1px solid #ddd;
	width: 100%; position:relative; z-index:8566699944;
	}
	.pl0{padding-left:15px;}
	#contactform img{width:auto;}
	.about_bg img{height:auto;}
}
@media (min-width: 612px) and (max-width:1199px) {
.footer_top .footer_item.enquiry{
	clear: both;
	padding-top: 30px;}
}
@media (min-width: 768px) and (max-width:912px) {
	.column {
    width: 20px;}
	.column img {
    height: 25px;
    width: 25px;}
}
@media (min-width: 616px) and (max-width:767px) {
	.footer_item{width:50%; margin-left:25%;} .footer_item.address {float:left; margin-left:0;}}
@media (min-width: 500px) and (max-width:740px) {
#why_us .col-md-2.col-sm-6 {float: left;

width: 20%;}
#services .serve-box{ float:left; width:33%;}
}
@media (min-width: 300px) and (max-width:499px) {
	#navbar-menu{
	background: rgba(255,255,255,0.8);
	padding: 0 30px;
	color: #ccc;
	margin-top: -15px;
	border: 1px solid #ddd;
	width: 100%;
	}
}