/*!
 * Alivenetsolution.com v4.3.6 (http://www.alivenetsolution.com/)
 * Copyright 2011-2016,
 * Licensed under MIT (http://www.alivenetsolution.com)
 */
/*! style.css v3.0.3 | MIT License | github.com/necolas/style.css */
html {

  font-family: 'Roboto', sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}
::selection{background:#000; color:#fff;}
body {
  margin: 0;
  font-family: 'Roboto', sans-serif;
  transition:all 0.4s ease-in; -webkit-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in;
}

.top-header{background:#00a3e1; padding:5px 0; margin:0; width:100%; float:left;}
.top-header  p{padding:6px 0; margin:0;}
.tel-top{color:#fff; margin-right:20px;}
.topbar-btn{padding:5px 15px; color:#00a3e1; background:#fff; text-align:center; border-radius:20px; display:inline-block; text-decoration:none; border:2px solid #00a3e1; margin:0 auto;}
.topbar-btn:hover{border:2px solid rgba(255,255,255,0.5); background:#00a3e1; color:#fff; text-decoration:none;}


.navbar{ background: #fff; }
.nav-fixed{width:100%; position:fixed; top:0; left:0; z-index:111; background:rgba(255, 255, 255, 0.97);   border-bottom:1px solid rgba(0, 163, 225, 0.66) !important; transition:all 0.4s ease-in; -webkit-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in;}
.navbar-brand {height: auto;  line-height: 20px;  padding: 5px;}
.loginn{padding:3px 15px; color:#fff; background:#00a3e1; text-align:center; border-radius:20px; display:inline-block; border:2px solid rgba(0,163,225,1);}
.loginn:hover{border:2px solid rgba(255,255,255,0.5);}

.main-menu li a{color:#575757; font-weight:600;}
.main-menu li a:hover{color:#00a3e1; background:transparent;}
.navbar-nav.main-menu > li > a{padding:25px;}
nav{width:100%; float:left; border-bottom:1px solid #ddd !important; margin-bottom:0 !important;}
.navbar-nav.main-menu > li > a.log-in-a{ padding: 0; margin: 20px;}









/*--  slider  --*/



.slider{	position:relative;	width:100%;	background:#00a3e1;	margin:0px;	float:left;	padding-bottom:2px;}
.slider:before{	position:absolute;	z-index:1;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+72,ffffff+100&0.21+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.21) 0%, rgba(255,255,255,0.53) 72%, rgba(255,255,255,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.21) 0%,rgba(255,255,255,0.53) 72%,rgba(255,255,255,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.21) 0%,rgba(255,255,255,0.53) 72%,rgba(255,255,255,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36ffffff', endColorstr='#a6ffffff',GradientType=0 ); /* IE6-9 */

	width:100%;
	height:100%;
	content:'';
	top:0;
	left:0;
}

.slider:after{	position:absolute;	z-index:1;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+72,ffffff+100&0.21+0,0.65+100 */
background:url(../img/wave.png) bottom no-repeat;	width:100%;	height:100%;	content:'';	bottom:0;	left:0;
}

.slider .carousel-control{z-index:2;}
.slider-content{	position:absolute;	z-index:2;/*	background:url(../images/pattern_bg.png) repeat;*/	width:100%;	top:23%;}
.content-top{
	padding:10px;
}
.slider-content h2{	color:#fff;	font-size: 60px; text-shadow: 2px 3px 6px #000; text-transform: uppercase; font-weight:600;}


.content-top h3{color:#00a3e1; text-align:center; text-shadow: 1px 1px 0px rgba(0,0,0,.7);}
.carousel-control.left, .carousel-control.right{background:transparent;}
.slider-content h2 span{color:#00a3e1; font-weight:300;}
.slider-content h2 bdo{color:#00a3e1; font-weight:400; font-size:40px; text-transform:lowercase; display:block; text-align:center; text-shadow:2px 1px 2px rgba(0, 0, 0, 0.7);}
.slider-content p{color:#fff; font:300 16px lato; font-style:italic; margin:30px 5px;}
.carousel-inner > .item > img/*, .carousel-inner > .item > a > img*/{width:100%;}
.bnr-btn{display:block; margin:0; padding:0;}
.bnr-btn li{list-style:none; display:inline-block; margin:10px 20px; padding:0;}
.bnr-btn li a{display:block; padding: 5px 40px; background:#00a3e1; color:#fff; text-decoration:none; font-size:18px; border-radius:20px; border:2px solid rgba(0,163,225,1);}
.bnr-btn li a:hover{border:2px solid rgba(255,255,255,0.5);}

/*-- fade --*/

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/*-- slider --*/




.slider2{	position:relative;	width:100%;	background:#00a3e1;	margin:0px;	float:left;	padding-bottom:2px;}
.slider2:before{	position:absolute;	z-index:1;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+72,ffffff+100&0.21+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.21) 0%, rgba(255,255,255,0.53) 72%, rgba(255,255,255,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.21) 0%,rgba(255,255,255,0.53) 72%,rgba(255,255,255,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.21) 0%,rgba(255,255,255,0.53) 72%,rgba(255,255,255,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36ffffff', endColorstr='#a6ffffff',GradientType=0 ); /* IE6-9 */

	width:100%;
	height:100%;
	content:'';
	top:0;
	left:0;
}

/*.bg-design{	position:absolute;	z-index:21;
background:url(../img/wave.png) bottom no-repeat;	 bottom:-5.5%;	left:0;
}*/
.slider2 .carousel-control{z-index:2;}







.how-work{padding:20px 0; width:100%; margin:0; float:left; background:#00a3e1;}
.how-work h2{color:#fff; margin:0; padding:0; text-transform:uppercase; font-size:30px;}
.how-work p{color:#fff; padding:10px; font-size:18px; font-weight:400;}

.step-section{padding:20px 0; width:100%; margin:0; float:left; background:#fff;}
.step-box{padding:10px; position:relative; text-align:center; transition:all 0.4s ease-in; -webkit-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in;}
.stp-angle{position:relative; background:#00a3e1; padding:5px 10px; display:inline-block; color:#fff; text-align:center; z-index:1;}
.stp-angle:before{position:absolute; border:15px solid transparent; border-left:16px solid #00a3e1; content:''; top:0; right:-50%;}
.stp-angle:after{position:absolute; border:15px solid transparent; border-right:16px solid #00a3e1; content:''; top:0; left:-50%;}
.step-img{height:100px; width:100px; border:5px solid rgba(0,163,225,1);  border-radius:100%; overflow:hidden; text-align:center; vertical-align:middle; display:block; margin:30px auto;}
.step-img p{height:100%; text-align:center; vertical-align:middle; display:inline-flex; align-items:center;}
.step-box h3{color:#333; font-size:24px; font-weight:400;}
.step-box p{font-size:13px;}
.step-img p img{margin-top: 82px;}

.line{position: absolute; width: 100%; height: 1px; background: #e6e6e6; right: -50%; top: 7.7%; z-index: 0;}
.step-box:hover .step-img{background:#00a3e1; border:5px solid rgba(255,255,255,0.4); transition:all 0.4s ease-in; -webkit-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in;}
.step-box:hover .step-img p img{margin-top: -85px;}





.abt-section{width:100%; padding:50px 0; float:left; background:#f2f2f2 url(../img/right-bg.png) right bottom no-repeat; position:relative; margin-top:20px; z-index:0;}
.abt-section:before{position:absolute; content:''; left:0; bottom:0; background:url(../img/left-bg.png) no-repeat left bottom; height:100%; width:100%;}
.abt-section:after{position:absolute; content:''; left:0; top:-33px; background:url(../img/clip.png) repeat-x left top; height:100%; width:100%; z-index:-1;}
.abt-text{padding:10px;}
.abt-text h3{font-size:35px; color:#00a3e1; margin:10 px 0; padding:10px 0 20px; text-transform:uppercase;}
.abt-text p{color:#444444; font-size:18px; line-height:30px;}
.default-btn{padding:8px 30px; background:#00a3e1; color:#fff; border:1px solid #00a3e1; border-radius:20px; border:2px solid rgba(0,163,225,1);}
.default-btn:hover{border:2px solid rgba(255,255,255,0.5);}





.service-section{width:100%; padding:50px 0; float:left; background:#fff url(../img/tawell-bg.png) right bottom no-repeat;  position:relative; margin:0px; z-index:0;}
.service-section:before{position:absolute; content:''; left:0; bottom:0; background:url(../img/iron-bg.png) no-repeat left bottom; height:100%; width:100%;  z-index:-2;}
.service-section:after{position:absolute; content:''; left:0; top:0; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.79+0,0.6+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0.79) 0%, rgba(255,255,255,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0.79) 0%,rgba(255,255,255,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0.79) 0%,rgba(255,255,255,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9ffffff', endColorstr='#99ffffff',GradientType=1 ); /* IE6-9 */
height:100%; 
width:100%; 
z-index:-1;
}

.service-box{padding:10px; position:relative; text-align:center;}

.service-img{height:100px; width:100px; border:5px solid #00a3e1;  border-radius:100%; overflow:hidden; text-align:center; vertical-align:middle; display:block; margin:30px auto;}
.service-img p{height:100%; text-align:center; vertical-align:middle; display:inline-flex; align-items:center;}
.service-box h3{color:#333; font-size:24px; font-weight:400;}
.service-box p{font-size:14px;}




.price-section{width:100%; background:#00a3e1; padding:20px 0; float:left; color:#fff;}

.price-text h3{font-size:35px; color:#fff; margin:0; padding:10px 0; text-transform:uppercase;}
.price-text p{color:#fff; font-size:18px; line-height:20px;}
.col-price{background:rgba(0,0,0,0.3); width:100%; float:left; padding:10px;}
.table-borderless > thead > tr > th, .table-borderless > tbody > tr > th, .table-borderless > tfoot > tr > th, .table-borderless > thead > tr > td, .table-borderless > tbody > tr > td, .table-borderless > tfoot > tr > td  {border: 0;}
.list-price{margin:40px 0;}
.price-list{color:#fff; text-decoration:none;}



.foot-section{background:#252525; float:left; width:100%; padding:20px 0;}
.foot-box{padding:10px;}
.foot-box h3{color:#00a3e1; margin:0; padding:10px 0;}
.footlink{display:block; margin:0; padding:0;}
.footlink li{list-style:none; display:block;}
.footlink li a{color:#fff; text-decoration:none; padding:5px 10px 5px 0; font-size:16px; transition:all 0.4s ease-in; -webkit-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in;}
.footlink li a:hover{color:#00a3e1; padding-left:10px;}
.social{display:block; margin:0; padding:0;}
.social li{margin:0; padding:0; list-style:none; display:inline-block;}
.social li a{ background:#00a3e1; border-radius: 100%; color: #fff; display: block; height: 35px; padding: 8px; text-align: center; width: 35px; text-decoration:none;	transition:all 0.4s ease-in; -webkit-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in;
}

.social li a:hover{background:#fff; color:#00a3e1; transition:all 0.4s ease-in; -webkit-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in;}
.foot-box address p{color:#fff; font-size:15px;}


.footer{padding:10px; width:100%; float:left; background:#161616;}






/*--  aboutus --*/


.inner-slide{background:url(../img/inner-slide.png); width:100%; float:left; padding:30px 0; text-align:right;}
.inner-slide h4{text-align:right; color:#fff;}
.inner-slide .breadcrumb{background:transparent; padding:10px 0; margin:0;}
.inner-slide .breadcrumb li {color:#fff;}
.inner-slide .breadcrumb li a{color:#fff; text-decoration:none;}
.inner-slide .breadcrumb li.active{font-weight:500;}


.about-content{background:#fff; width:100%; float:left; padding:0px 0px 30px;min-height: 400px;}
.abt-title{text-transform:uppercase; color:#333; font-size:28px; margin-bottom:20px;}
.abt-title span{color:#00a3e1;}
.abt-left, .abt-img{padding:10px;}
.abt-img img{width:100%; max-width:100%;}
.abt-left h3{color:#333; margin-top:0;}



.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{color:#fff;background-color:#30487b;border-color:rgba(0,0,0,0.2)}
.btn-twitter{color:#fff;background-color:#1BC5FF;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{color:#fff;background-color:#11A4D6;border-color:rgba(0,0,0,0.2)}


.omb_loginOr {
    position: relative;
    font-size: 1.5em;
    color: #aaa;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.omb_loginOr .omb_hrOr {
   /* background-color: #cdcdcd;*/
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.omb_spanOr {
    display: block;
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -1.5em;
    background-color: white;
    width: 2em;
    text-align: center;
	height:2em;
	border:1px solid #eee;
	border-radius:100%;
	line-height:34px;
}

.center {
    margin-top:50px;   
}

.modal-header {
	padding-bottom: 5px;
}

.modal-footer {
    	padding: 0;
	}
    
.modal-footer .btn-group button {
	height:40px;
	border-top-left-radius : 0;
	border-top-right-radius : 0;
	border: none;
	border-right: 1px solid #ddd;
}
	
.modal-footer .btn-group:last-child > button {
	border-right: 0;
}
.login-form input.form-control{height:40px;}

.navbar-login
{
    width: 305px;
    padding: 10px;
    padding-bottom: 0px;
}

.navbar-login-session
{
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}






/*--  register  --*/

.register-form{background:url(../img/regi.jpg) no-repeat; padding:20px 0; width:100%; float:left; margin:0; position:relative; background-size:cover;}
.register-form:before{position:absolute; content:''; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.6);}
.col-regi{padding:20px; background:rgba(255,255,255,0.8); box-shadow:0px 0px 4px rgba(0,0,0,0.6);}
.col-regi .panel-body{border:1px dashed #00A3E1;}
.checkbox input[type="checkbox"]{display:none; margin:0;}
.checkbox span{position:relative; margin-left:22px;}
.checkbox span:before{    position: absolute; width: 17px; height: 17px; top:-1px; left: -22px; content:''; border:solid #00A3E1 1px;}
.checkbox input[type="checkbox"]:checked + span:before	{ content: "\f00c"; font-family: 'FontAwesome'; color:#00A3E1;font-size: 13px; line-height: 16px; text-align: center;}

.radiobox input[type="radio"]{display:none; margin:0;}
.radiobox span{position:relative; margin-left:22px;}
.radiobox span:before{    position: absolute; border-radius:50px;  width: 17px;  height: 17px; top:-1px; left: -22px; content:''; border:solid #00A3E1 1px;}
.radiobox input[type="radio"]:checked + span:before	{ content: "\f111"; font-family: 'FontAwesome'; color:#00A3E1;  font-size: 13px; line-height: 15px; text-align: center;}







/*--  profile-list --*/
.list-parent{margin:0; padding:0;}
.list-parent > li{display:block; list-style:none; float:left; padding:5px; border-bottom:1px solid #ddd; width:100%;}
.list-parent > li:last-child{border-bottom:0px;}
.list-parent li .prof-list{margin:0; padding:0;}
.list-parent li .prof-list li{display:block; list-style:none; float:left; padding:5px;}
.list-parent li .prof-list li:nth-child(odd){width:40%; font-weight:700;}
.list-parent li .prof-list li:nth-child(even){width:60%;}




.col-lft { background: #00A3E1;  color: #fff; float: left; font-size: 45px; min-height: 65px; text-align: center; width: 20%;}
.col-ryt { margin-left: 25%;}
.contact-text{padding:30px 0; width:100%; float:left;}














.checkbox-deflt{float:left;}
.input-group-btn select {
	border-color: #ccc;
margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
	width:100px;
}
.total-pric{margin:0; color:#00A3E1 !important;}
.total-pric span{font-size:18px; color:#333;}



.profile-pic{position:relative; width:100%; margin:0 auto; z-index:1; opacity:0; padding:10px; top:-43px; cursor:pointer;}
.prf-btn{    position: relative;
    top: -84px;
    color: #fff;
    width: 100%;
    border-radius: 0;
}
.profile-pic:hover .profile-pic ~ .default-btn, .prf-btn:hover {
   
 color:#fff;
 }
/*-------------------------------*/
.bg-design {
    position: absolute;
    z-index: 21;
    /* background: url(../img/wave.png) bottom no-repeat; */
    bottom: -5.5%;
    left: 0;
    display: none;
}
.tp-caption.font-small.lfb.start { top:200px !important; max-width:1000px;
	 line-height: 23px !important;
    white-space: pre-line !important;
}

/*13-5-isha*/

@media(max-width:1199px) and (min-width:992px){
	.wal {
		top: 0px;
	}
}

.wal {
    display: inline-block;
    margin: 0 0 0 11px;
    position: relative;
    top: -9px;
    width: 70px;
}

.wal img {
    float: left;
    margin: 5px 7px 0 0;
}

.wal span {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    top: 10px;
}



@media(max-width:991px) and (min-width:768px){
	.wal{
		top:2px;
	}
}

@media(max-width:767px){
	.wal {
		top: -3px;
	}
	.wal img {
		margin: 0;
	}
	
	.wal span{
		top: 4px;
	}
}


#blog-sidebar tbody {
    border: 1px solid #ddd;
}
#blog-sidebar tr {
    border: 1px solid #ddd;
}
#blog-sidebar th {
    border: 1px solid #ddd;
    padding: 5px 7px;
	font-size:14px;
	background:#E4F5FB;
}
#blog-sidebar td {
    border: 1px solid #ddd;
    padding: 2px 11px;
}

/*#blog-sidebar {
    background: #E4F5FB;
    border: 4px solid #ddd;
    color: #333;
    margin-top: 10px;
}*/

#blog-sidebar {
    color: rgb(51, 51, 51);
    display: block;
    margin-top: 10px;
    width: 291px !important;
}
#blog-sidebar > table {
    background-color: transparent;
	width:100%;
}

.cont-h {
    padding:15px 0px;
}

@media(min-width:1200px){
	.about-content {
		padding-top: 30px !important;
	}
	.alert{
		margin:20px !important;
	}
}

.min-height {
    display: block;
    max-height: 700px;
    min-height: 600px;
}

/*.form-control{
	line-height:29px !important;
}*/

#sel_status {
line-height: 30px;
}

#statuslisting_table > thead {
    background: #3399ff none repeat scroll 0 0;
    color: #fff;
}

#statuslisting_table > tbody {
    display: block;
    height: 400px;
    overflow-y: scroll;
    width: 100% !important;
}

#statuslisting_table tr {
    display: block;
    width: 100% !important;
}

#statuslisting_table tr td ,
#statuslisting_table tr th{
	display: inline-block;
    width: 33%;
}

/*.inner-table th {
    background: #4DA0EF;
    color: #fff;
}*/

.inner-table th {
    background: #d9edf7 none repeat scroll 0 0;
    color: #333;
}

.inner-table{
	border:3px solid #ddd;
}


.first-table tr:nth-child(2n+1) ,
.next-table tr {
    background: #f1f1f1 none repeat scroll 0 0;
}

select#country {
    line-height: 30px;
}


.margin-top1 {
    margin-top: -90px;
}

@media(max-width:991px) and (min-width:768px){
	.padding-reduce th {
		padding: 8px 3px !important;
	}
}

@media(max-width:440px){
	#country > option {
		width: 290px;
	}
}

.center-align{
	text-align:center;
	width:100%;
	margin:0px;
}

 .error {color: red;}