@charset "utf-8";
/* CSS Document */


html{
	overflow-x: hidden;
 	overflow-y: auto;
	}
body {
   margin:0;
   padding:0; 
   height:100%;
   background:#fff;
   /*font-family: 'Open Sans', sans-serif;*/
   color:#000;
   line-height:1.65;
   font-size:13px;
   font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Segoe UI",Segoe,Helvetica,Arial,"Lucida Grande",sans-serif;
}
h1,h2,h3,h4,h5 { font-family: 'Open Sans', sans-serif; font-weight:400; }
h1 small { font-family: 'Open Sans', sans-serif; font-weight:300; line-height:50px; }
h1.thin_font { font-family: 'Open Sans', sans-serif; font-weight:300; color:#000 !important; text-transform:uppercase; }
h1 { color:#fff !important; font-size:30px !important; }
h2 { color:#fff !important; background:url(../images/headerbg.png) no-repeat; line-height:35px; height:60px; text-indent:35px; text-align:left !important; }
.col-md-15 h2 { color:#fff !important; background:url(../images/headerbg.png) 0px -142px no-repeat; line-height:35px; height:60px; text-indent:35px; text-align:left !important; }
a, a:hover { text-decoration:none !important; }
.grey_bg
{
	background:#ececec;
	min-height:25px;
	overflow: hidden;
}
.fsize17 { font-size:17px; }
.fsize16 { font-size:16px; color:#db4207; font-family:"Open Sans",sans-serif; font-weight:300; }
.wgrey_bg
{
	background:#f4f4f4;
	min-height:25px;
	overflow: hidden;
}
.white_bg { background:#fff; }
.grey_border { border:1px solid #d8d9d6; }
.orange_span { color:#ff8700; }
.grey_span { color:grey; }
.fs16 { font-size:16px; }
.navbar-default
{
	background:#fff !important;
	box-shadow:0 6px 12px rgba(0, 0, 0, 0.25);
	z-index:10000 !important;
}
.navbar-brand { padding: 5px 15px; }
.nav > li > a { margin-left:7px; }
.nav > li > a { padding:7px 15px !important; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus , .navbar-default .navbar-nav a:hover ,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus ,
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus ,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus
{
	background:#00b6e4 !important;
	color:#fff !important;
	border-radius:5px;
}	
.navbar-nav > li > .dropdown-menu { padding:6px 10px !important; background:#222; }
.navbar-nav > li > .dropdown-menu > li { margin:3px 0px !important; }
.navbar-nav > li > .dropdown-menu > li > a { color:#fff !important; }
.navbar-default .navbar-nav > .dropdown > a .caret
{
	border-bottom-color: #333 !important;
    border-top-color: #333 !important;
}
.navbar-toggle { margin-top:25px !important; }

.clients_section
{
	background:url('../images/client_bg.png') center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	display: block;
	min-height:320px;
	overflow: hidden;
}
.owl-buttons { display: none; }

.message_h1
{
	color:#00b6e4 !important;
	font-size:16px !important;
}
.footerwrapper
{
	background:#222222;
	height:210px;
	padding:15px 0px;
	color:#fff;
}
.footerwrapper h2 ,
#blogs_section h2
{
	text-transform:uppercase;
	background:none !important;
	color:#00b6e4  !important;
	line-height:20px !important;
	text-indent:0px !important;
	height:20px !important;
}
.footerwrapper p
{
	margin:0px 0px 7px !important;
}
ul.footer_ul
{
	list-style:none;
	padding:0px;
}
ul.footer_ul li
{
	
}
ul.footer_ul li a
{
	color:#fff;
}

.res_footer p
{
	font-size:21px;
	font-weight: bold;
}
ul.social_ul
{
	width:145px;
	margin: auto;
	padding:0px;
}
ul.social_ul li
{
	display: block;
	width:35px;
	height:35px;
	line-height:32px;
	float: left;
	text-align:center;
}
ul.social_ul li:hover
{
	background:#00b6e4;
	border-radius:20px;
}


/* ==== Slider bottom box style === */
.boxIcon
{
	padding:40px;
	background:#fff;
	box-shadow:0px 0px 5px #ccc;
	border-radius:10px;
	height:350px;
	border:1px solid #ccc;
	margin:10px 0px;
}
.boxIcon h2
{
	background:none !important;
	color:#00b6e4  !important;
	text-align:center !important;
	text-indent:0px !important;
	line-height:30px !important;
	height:30px !important;
}
.bIimage
{
	display:block;
	width:100%;
	height:80px;
}
.boxIcon p
{
	color:#333 !important;
}

.box1:hover,
.box2:hover,
.box3:hover,
.box4:hover
{
	box-shadow:0px 0px 5px #333;
}
.box1 .buttons ,
.box2 .buttons ,
.box3 .buttons ,
.box4 .buttons 
{
   /* background: none repeat scroll 0 0 #f7f7f7;
    border-bottom: 2px solid rgba(150, 150, 150, 0.25);*/
	background:#00b6e4;
	border-bottom: 2px solid rgba(0, 0, 0, 0.25);
    color: #fff;
	display:block;
	border-radius: 4px;
    font-size: 12px;
    padding: 4px 10px;
	float:right;
}

.box1 .buttons:hover ,
.box2 .buttons:hover ,
.box3 .buttons:hover ,
.box4 .buttons:hover 
{
	background:#555;
	border-bottom: 2px solid rgba(0, 0, 0, 0.25);
}

.box1 a > .bIimage
{
	background:url(../images/icons/5.png) center center no-repeat;
}
.box1:hover a > .bIimage
{
	background:url(../images/icons/6.png) center center no-repeat;
}
.box2 a > .bIimage
{
	background:url(../images/icons/7.png) center center no-repeat;
}
.box2:hover a > .bIimage
{
	background:url(../images/icons/8.png) center center no-repeat;
}
.box3 a > .bIimage
{
	background:url(../images/icons/5.png) center center no-repeat;
}
.box3:hover a > .bIimage
{
	background:url(../images/icons/6.png) center center no-repeat;
}
.box4 a > .bIimage
{
	background:url(../images/icons/3.png) center center no-repeat;
}
.box4:hover a > .bIimage
{
	background:url(../images/icons/4.png) center center no-repeat;
}

.video_section
{
}
.video_section iframe
{
	width:100%;
}
/* ==== Slider bottom box style ends here === */
.buttons
{
	background:#555;
	border-bottom: 2px solid rgba(0, 0, 0, 0.25);
    color: #fff;
	border-radius: 4px;
    font-size: 12px;
    padding: 5px 10px;
	text-align:center;
}

.buttons:hover
{
	background:#00b6e4;
	border-bottom: 2px solid rgba(0, 0, 0, 0.25);
	color:#fff;
}

.slider_button
{
	background:#7fba00;
    color: #fff;
	border-radius: 4px;
    font-size: 12px;
    padding: 8px 10px;
	text-align:center;
	font-family: 'Open Sans', sans-serif; font-weight:400;
}
.slider_button:hover
{
	background:#00b6e4;
	color:#fff;
}

.header_wrap
{
	height:80px;
	background: none repeat scroll 0 0 #00b6e4;
    padding-bottom: 10px;
    width: 100%;
}

.header_wrap h1 {
	color:#fff;
}
.mt30 { margin-top:3em; }
ul.cloud_ul
{
	padding:0px !important;
}
ul.cloud_ul li
{
	background: url("../images/bullet.png") no-repeat scroll 0 5px transparent;
    line-height: 29px;
    padding: 0px 0 0 25px;
	list-style:none;
	font-size:13px;
}
ul.features_ul
{
	padding:0px;
	list-style:none;
}
ul.features_ul li
{
	line-height:35px;
	background:#ececec;
	margin:3px 0px;
	border-radius:5px;
	color:#ff8700;
	text-indent:10px;
}
a.seoclass {
    color: #000;
    font-size: 13px;
}
a.seoclass:hover {
    color: #333333;
    text-decoration: none;
}
.img-responsive
{
	margin:15px auto 10px;
}

.about_para
{
	color: #555;
    font-family: "Yanone Kaffeesatz",sans-serif;
    font-size: 24px;
    text-align: justify;
	padding:25px;
	background:#f4f4f4;
}

div.pagination
{
	padding: 3px;
	margin:3px;
}
div.pagination a
{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; /* no underline */
	color: #004c70;
}
div.pagination a:hover, div.pagination a:active
{
	border: 1px solid #004c70;

	color: #000;
}
div.pagination span.current
{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #004c70;
	
	font-weight: bold;
	background-color: #004c70;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;

	color: #DDD;
}

.portfolio-item { margin-bottom:25px; }
.image_bg 
{
	display:block;
	width:320px;
	height:210px;
	margin:0px auto 25px;
	background:url("../images/portfolio.jpg") center center no-repeat;
	position: relative;
  	overflow: hidden;
	border:1px solid #ccc;
}
.image_bg h2
{
	color:#fff !important;
	margin:7px 0px 0px 0px !important;
	background:none !important;
	text-indent:0px !important;
	line-height:20px !important;
	font-size:20px !important;
	height:20px !important;
	
}
.image_bg p
{
	color:#fff;
}
#effect-1 .image_bg .overlay {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
#effect-1 .image_bg.hover .overlay {
  height: 25%;
}

/*#effect-1 .image_bg:nth-child(n) { margin-right: 5px; }
#effect-1 .image_bg:first-child { margin-left: -15px; }
#effect-1 .image_bg:last-child { margin-right: 0; }*/
#effect-1 .image_bg img {
  display: block;
  margin: 15% auto 0px;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  padding:0px 20px;
}

.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

label.valid {
	width: 24px;
	height: 24px;
	background: url(../images/valid.png) center center no-repeat;
	display: inline-block;
	text-indent: -9999px;
}
label.error {
	font-weight: bold;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}
ul.project_ul
{
	padding:0px;
	list-style:none;
}
ul.project_ul li
{
}
ul.project_ul li a
{
	background:#808080;
	display: block;
	padding:7px 10px;
	border-radius:3px;
	margin:7px 5px;
	color:#fff;
	text-align: center;
	cursor: pointer;
}
ul.project_ul li a.selected
{
	background:#ff8700;
}
.portfolio_nav
{
	float:right;
}
.portfolio_nav li
{
	list-style:none;
	float:left;
} 
.portfolio_nav li a
{
	background:#00b6e4;
	border-radius:50%;
	padding:6px 10px;
	color:#fff;
	font-weight:bold;
	margin:0px 0px 0px 5px;
}
.portfolio_nav li a:hover { background:#00b6e4 !important; }
.portfolio_nav li a.disabled { background:#ccc; }

.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append {
    margin-bottom: 0;
}
.form-search .hide, .form-inline .hide, .form-horizontal .hide {
    display: none;
}

.form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend {
    margin-bottom: 0;
}
.form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox {
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle;
}

.form-control-group {
    margin-bottom: 5px;
}

.form-horizontal .form-control-group:before, .form-horizontal .form-control-group:after {
    content: "";
    display: table;
}
.form-horizontal .form-control-group:after {
    clear: both;
}
.form-horizontal .help-block {
    margin-bottom: 0;
    margin-top: 9px;
}

input, textarea {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
input, textarea, select, .uneditable-input {
    border: 1px solid #cccccc;
    border-radius: 3px;
    color: #555555;
    font-size: 13px;
    padding: 4px;
    width: 210px;
}
.captcha_image
{
	color:#333;
	font-family: 'Monoton', cursive;
	font-size:30px;
	font-style:oblique;
	background:url(../images/captcha1.jpeg) repeat;
	width:200px;
	height:40px;
	display:block;
	margin:0px;
	text-align:center;
	font-weight:bold;
}
#carouselClient .owl-item .item img { margin:10px; }


@media (min-width:320px) and (max-width:480px){
	h2 { font-size:17px; }
	.mt30 { margin-top:1.5em; }
	.header_wrap h1 { font-size:21px !important; line-height:40px !important;}
	.w50 { width:100%; }
	.boxIcon { height:350px; padding:20px; }
	.boxIcon .box_desc { height:150px; }
	.responsie_ul li { width:100%; float: left; }
	.owl-item p { font-size:14px; color:#fff; min-height:100px; overflow:hidden; }
	#carouselClient .owl-item .item img.trivent { height: 75px; width:auto; }
	#effect-1 .image_bg .overlay { height:25%; }
	.image_bg  { width:290px; }
}
@media (max-width:640px) and (orientation:landscape){

}
@media (max-width:480px) and (orientation:landscape){
	#effect-1 .image_bg .overlay { height:25%; }
	h2 { font-size:17px; }
	.boxIcon { height:300px !important; }
	.boxIcon .box_desc { height:100px !important; }
}
@media (min-width:768px){
	h2 { font-size:17px; }
	.navbar-nav { margin:25px 0px 0px !important; }
	.navbar-collapse , .navbar .container { padding:0px !important; }
	.navbar-brand img { width:100px; margin:10px 0px }
	.header_wrap h1 { font-size:27px !important; line-height:40px !important;  }
	.header_wrap .w50 { width:100%; }
	.w50 { width:50%; float: left; }
	.boxIcon { height:340px !important; padding:30px; }
	.boxIcon .box_desc { height:130px !important; }
	.responsie_ul li { width:50%; float: left; }
	.owl-item p { font-size:16px; color:#fff; min-height:100px; overflow:hidden; }
	#carouselClient .owl-item .item img { width:auto; height: auto; }
	#effect-1 .image_bg .overlay { height:25%; }
	.twitter iframe { width:750px !important; }
}

@media (max-width:1024px) and (orientation:landscape){
	.responsie_ul li { width:100%; }
	.w50 { width:100%; }
	.boxIcon { height:350px; padding:15px; }
	.boxIcon .box_desc { height:145px !important; }
	#effect-1 .image_bg .overlay { height:25%; }
	.twitter iframe { width:970px !important; }
}

@media (min-width:1200px){
	h2 { font-size:17px; }
	.navbar-brand img { width:auto; margin:0px; }
	.navbar-nav { margin:25px 0px 0px !important; }
	.google-maps iframe { width: 325px !important; }
	.header_wrap .w50 { width:50%; }
	.header_wrap h1 { font-size:28px; line-height:40px !important; }
	.w50 { width:50%; float: left; }
	.responsie_ul li { width:100%; float: left; }
	.boxIcon .box_desc { height:130px; }
	h1 small { color:#fff; font-size:20px; }
	.owl-item p { font-size:16px; color:#fff; height:100px; }
	#carouselClient .owl-item .item img { width:auto; height: auto; }
	#effect-1 .image_bg .overlay { height:0px; }
	.twitter iframe { width:1170px !important; }
}