/*Author: Hostnile
Author URL: http://hostnile.com
--*/

@font-face {
  font-family: 'utsaah';
  src:url(../Fonts/utsaah.woff);
}
@font-face {
  font-family: 'columbia-serial-light';
  src:url(../Fonts/utsaah.woff2);
}
@font-face {
  font-family: 'columbia-serial-light';
  src:url(../Fonts/utsaah.ttf);
}
@font-face {
  font-family: 'columbia-serial-light';
  src:url(../Fonts/utsaah.ttf);
}

@import url("fonts/font.css");
@font-face {
    font-family: 'Montserrat-Regular';
    src:url(../fonts/Montserrat-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Oxygen-Regular';
    src:url(../fonts/Oxygen-Regular.ttf) format('truetype');
}
html,body{
	/* background: #666666; */
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
body a{
}
 ul{
	padding: 0;
	margin: 0;
}
h1,h2,h3,h4,h5,h6,label,p{
	margin:0;	
}
p{color: #666666;font-size: 12px;/* text-align: justify; */}

.blue-color{ color: #5f91cc !important;}
.margin-bottom-10px {
    margin-bottom: 10px;
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #5f91cc;
    border-color: #5f91cc;
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #44b760;
    border-color: #44b760;
}






/*----*/
.logo {
  float: left;
  margin: -10px 10px 15px 0;
}
.service-top1{ margin: 0 0 20px 0;}

.top-nav{
	float:right;
	margin-top: 3px;
}
/*--header--*/
.header{
  	z-index: 1;
  	position: relative;
}
.banner-bottom-top {
  	min-height: 77px;
}
.camera_thumbs, .camera_bar {display: none;}
#camera_wrap_4 {position: absolute !important;}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {background: #ffffff;background: rgba(95, 145, 204,.5);}
.camera_next > span { background: url(../../images/camera_skins.png) no-repeat -40px -80px;}
.camera_commands > .camera_stop { background: url(../../images/camera_skins.png) no-repeat -120px -80px;}
.camera_prev > span { background: url(../../images/camera_skins.png) no-repeat 0 -80px;}
.camera_commands > .camera_play { background: url(../../images/camera_skins.png) no-repeat -80px -80px;}
.camera_prevThumbs:hover, .camera_nextThumbs:hover, .camera_prev:hover, .camera_next:hover, .camera_commands:hover, .camera_thumbs_cont:hover {
    background: rgba(95, 145, 204,1);
}
.bottom-header{
	position: relative;
}
.header-bottom {
  	background-color: #fff;
    position: absolute;
  	z-index: 999;
    top: -24px;
  	width: 100%;
    box-shadow: 0 0 4px rgba(164,164,164,.5);
}

/*----------------- Menu -----------------*/
.navbar {margin-bottom: 0;float: right;border: none;margin-right: -40px;}
.nav > li > a:hover, .nav > li > a:focus {background-color: rgba(121, 121, 121, 0);}
.navigation{
	float:right;
}
ul.navig{
	padding:0;
	margin: 25px 0 0 0;
}
ul.navig li{
	display: inline-block;
	padding: 0px 8px;
	cursor: pointer;
}
ul.navig li a{
	color: #666666;
	font-size: 12px;
	padding: 4px 6px;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
}
ul.navig li:hover, ul.navig li.active{
}
ul.navig li:hover a, ul.navig li.active a{
    border-bottom: 4px solid #44b760;
}

.navbar-toggle { background-color: #5f91cc; border: 1px solid #5f91cc;}
.navbar-toggle .icon-bar {background-color: #fff;}

/*----------------- Menu -----------------*/
.banner { position: relative; min-height: 666px;}
.banner2 img{ width: 100%}
	
/*--services--*/
.service-top h3{
	text-align: left;
	color: #44b760;
	font-size: 20px;
	padding: 0;
	margin: 15px 0 0 0;
}

.service-top h3:before{ display:none}
.service-top p{
	font-size: 16px;
}
.services{
  	padding: 1.2em 0 0;
}
.service-top {
  	padding: 0em 0 .5em;
}
.ser-top{
	float: left;
	width: 76%;
}
.ser-top h4{
	font-size: 1.3em;
	color: #5c92d6;
}
.ser-top p{
	color: #a3a9ac;
	font-size: 16px;
	line-height: 1.4em;
	margin:0.5em 0 0em;
}
.ser-grid{
	float:left;
	margin: 0 15px 0 0;
}
.services-grid {
  	margin: 0em 0 2em;
}

.hi-icon {
	display: inline-block;
	cursor: pointer;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	border: 4px double #5c92d6;
	line-height: 4em;
	font-size: .8em;
	color: #6ba22d;
}


.hi-icon:after {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	font-size: 1.7em;
	display: block;
}

/*contact us*/
.contacts p span{width: 112px;display: block;float: left;color: #44b760;}
.map iframe{
	width: 100%;
    padding: 5px;
    border: 1px solid #ddd !important;
}

/* Effect 8 */
.ser-grid .hi-icon {
	background: rgba(255,255,255,0.1);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}
.ser-grid .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);

	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.ser-grid .hi-icon:hover {
	background: rgba(255,255,255,0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #5c92d6;
	text-decoration: none;
}

.ser-grid .hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #8e8e8e, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #8e8e8e, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #8e8e8e, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #8e8e8e, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #8e8e8e, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #8e8e8e, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

/*--middle--*/
.content-middle {
  background: url(../../images/ab.jpg) no-repeat center;
  width: 100%;
  min-height: 340px;
  display: block;
  background-size: cover;
  position: relative;
}
.mid-content{
	background: rgba(68,183,96,.7);
	padding: 1.5em;
	width: 40%;
	margin: 0 auto;
	float:right;
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.mid-content h3{
	text-transform:uppercase;
	font-size: 1.4em;
	color:#fff;
	border-bottom: 1px dotted #fff;
	padding-bottom: 4px;
}
.mid-content p{
	font-size: 15px;
	margin: 0.5em 0 0em;
	color:#fff;
}
a.more-in{
	text-decoration: none;
	font-size: 0.9em;
	border: 1px solid #fff;
	color:#fff;
	padding: 0.6em 1.5em;
	display:inline-block;
	margin: 1em 0 0;
}
/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #5fc807;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
a.more-in:before{
	background:#fff;
}
a.more-in:hover{
	color: #6ba22d;
}
/*--//middle--*/
.content{ margin: 0 0 2em 0;}

/*--footer--*/
.footer{
	background: #f5f7f8;
	border-top: 1px solid #c7c7c7;
	margin: 4em 0 0 0;
}
.footer p a{color: #666;}
.amet-sed h4{
	font-size: 18px;
	color: #44b760;
	margin: 0 0 0.4em;
	border-bottom: 1px dashed #e9e9e9;
	padding: 0 0 6px 0;
	text-transform: capitalize;
}
.footer-top-at {
  	padding: 2.5em 0  1.2em;
}
 ul.nav-bottom li{
	list-style:none;
}
ul.nav-bottom li  a{
	color: #666;
	font-size: 12px;
	display: inline-block;
	margin: 0;
}
ul.nav-bottom li  a:hover{
	color: #44b760;
}
.amet-sed p{
	color: #666;
	font-size: 12px;
	margin: 0;
}
.amet-sed p span{ color:#5f91cc}
.footer-class  p{
	color: #666;
	font-size: 12px;
	text-align: center;
}
.footer-class  p a{
	color: #6ba22d;
}
.footer-class  p a:hover{
	color: #6ba22d;
}
.footer-bottom{
	padding: 1.5em 0;
	margin: -30px 0 0 0;
}
.footer-class {
  text-align: right;
}
.footer-logo h2{
}
.footer-logo h2 a{
}
ul.social{
 	padding: 1em 0 0;
}
ul.social li{
	display:inline-block;
}
ul.social  li i{
	width: 16px;
	height: 16px;
	background: url(../../images/img-sprite.png) no-repeat 2px -2px  ;
	display: block;
	margin: 0 10px 0 0;
}
ul.social  li i.gmail{
	background-position: -21px -3px;
}
ul.social  li i.twitter{
	background-position: -46px -5px;
}
ul.social  li i.camera{
	background-position: -73px -5px;
}
ul.social  li i.dribble{
	background-position: -102px -5px;
}

.margin-bottom-35px{ margin-bottom: 35px;}
.margin-top-30px { margin-top: 35px;}
.header-01 {color: #5c92d6;font-size: 20px;line-height: 22px;}
.width-100{ width: 100%}
.header-02{ color: #6ba22d; font-size: 20px; font-weight: 600; line-height: 30px;}


.bg-white{background:#fff;box-shadow: 0px 0px 4px rgba(0,0,0,.4);}
.subMenu{
	width: 102px;
	margin-top: 7px;
}
.subMenu h2{
	font-size: 12px;
	float: left;
	margin: 6px 4px 0 0;
	color: #666666;
}
.subMenu a{
	padding: 0 2px;
	float: left;
}
.subMenu a:hover, .subMenu a.active {
}
.products div{ margin-bottom: 25px}
.products h2{color: #5f91cc;font-size: 18px;margin: 10px auto 5px;}
.products p{margin: 0 0 15px 0;text-align: center;}
.products ul{ padding:0; margin:0}
.products ul li{
	background-color: #f5f7f8;
	float: left;
	width: 20%;
	list-style: none;
	padding: 4px 10px;
	border: 1px solid #fff;
	line-height: 22px;
	font-size: 14px;
}

@media(min-width:768px) and (max-width:990px){
	ul.navig li {padding: 0 10px;}
	ul.navig li a {padding: 7px 5.5px;font-size:15px;}
	.amet-sed { width: 48%; float:left;     margin: 15px 0;}
}

@media(max-width:768px){	
.amet-sed {
       float: left;
       width: 100%;
       margin-bottom: 30px;
    }
   .navbar { margin-right: 0; float:inherit}
   .navigation {width: 100%;padding: 5px;}
   ul.navig li{width: 100%;padding: 0;}
   ul.navig li:hover a, ul.navig li.active a{border-color:transparent;background: #5f91cc;color:#fff;}
   .navbar-toggle{top: 23px;position: absolute;right: -12px;}
   ul.navig {margin: 0 0 8px 0;}
   .service-top h3:after, .service-top h3:before { display:none}
   .products ul li{ width:33%}
}
@media(max-width:480px){	
.mid-content {
  width: 80%;
}
.mid-content h3 {
  font-size: 1.4em;
}
.products ul li{ width:50%}
}

@media(max-width:400px){
.container {
  padding-right: 10px;
  padding-left: 10px;
}
.amet-sed {
  width: 100%;
}
.hi-icon {
  width: 55px;
  height: 55px;
  line-height: 3.8em;
}
.ser-top {
  width: 75%;
}
}
@media(max-width:340px){
.products ul li{ width:100%}
}