/* font */
@font-face {
    font-family: "Lato Thin";
    src:url("../fonts/Lato-Thin.eot");
	 src: url('../fonts/Lato-Thin.eot#iefix') format('embedded-opentype'), 
	 url('../fonts/Lato-Thin.woff') format('woff'), 
	 url('../fonts/Lato-Thin.ttf') format('truetype'),
	 url('../fonts/Lato-Thin.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Lato Regular";
	src:url("../fonts/Lato-Regular.eot");
    src:url("../fonts/Lato-Regular.eot?#iefix") format('embedded-opentype'),
		url('../fonts/Lato-Regular.woff') format('woff'),
		url("../fonts/Lato-Regular.ttf") format('truetype'),   
		url('../fonts/Lato-Regular.svg') format('svg');
	font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Lato Bold";
	src:url("../fonts/Lato-Bold.eot");
    src:url("../fonts/Lato-Bold.eot?#iefix") format('embedded-opentype'),
		url('../fonts/Lato-Bold.woff') format('woff'),
		url("../fonts/Lato-Bold.ttf") format('truetype'), 
		url('../fonts/Lato-Bold.svg') format('svg');	
	font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Lato Bold Italic";
	src:url("../fonts/Lato-BoldItalic.eot");
    src:url("../fonts/Lato-BoldItalic.eot?#iefix") format('embedded-opentype'),
		 url('../fonts/Lato-BoldItalic.woff') format('woff'), 
		url("../fonts/Lato-BoldItalic.ttf") format('truetype'), 
	
		url('../fonts/Lato-BoldItalic.svg') format('svg');	
	font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Lato Light";
	src:url("../fonts/Lato-Light.eot");
    src:url("../fonts/Lato-Light.eot?#iefix") format('embedded-opentype'),
			 url('../fonts/Lato-Light.woff') format('woff'),
		url("../fonts/Lato-Light.ttf") format('truetype') ,
 
		url('../fonts/Lato-Light.svg') format('svg');	
	font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Lato Light Italic";
	src:url("../fonts/Lato-LightItalic.eot");
    src:url("../fonts/Lato-LightItalic.eot?#iefix") format('embedded-opentype'),
			 url('../fonts/Lato-LightItalic.woff') format('woff'),
		url("../fonts/Lato-LightItalic.ttf") format('truetype'),
 
		url('../fonts/Lato-LightItalic.svg') format('svg');	
	font-weight: normal;
    font-style: normal;

}


/* progress bar */
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../image/page-loader.gif') 50% 50% no-repeat #ffffff;
}

/** sidebar **/

#sidebar-wrapper {
    z-index: 10;
	margin-top:10px;
	position:fixed;
	padding-top:20px;
	padding-left:18px;
	
}

 

#sidebar-wrapper img{
	float:left;
	}


.sidebar-nav  ul{
margin-top:70px;
}

.sidebar-nav {
	font-size:11px;
    position: fixed;
	margin-top:10px;
	padding-left:10px;	
	font-family:"Lato Regular";
}
.navbar-collapse{
padding-right:0px;
width:200px;
}
/* 
.navbar-collapse.collapse {
margin-top:20px;
min-height: 95%;
border-right: 1px solid #929497;
} */


.sidebar-nav  li:nth-last-child(2) {

	margin-bottom:10px;
}

.sidebar-nav  li:last-child {

 border-top: 2px solid #BBBDBF;
	margin-top:10px;
	margin-right:10px;
	margin-left:10px;
}
.sidebar-nav  li:last-child  img{

	margin-top:10px;
	
}
.hrside-bar{
border:0px;
margin-top:0px;
margin-bottom:0px;
}

.sidebar-nav  li:last-child a {
display :inline;
background-color:transparent;
outline-style: none; 
padding:8px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
	color:#000000;
		background-color:transparent;
	outline: none; 
}

.sidebar-nav li a:hover{
    text-decoration: none;
	font-family:"Lato Bold";
	font-weight:bold;
	color:#00ADEE;
	background-color:transparent;
	outline: none; 
}

.sidebar-nav li a:focus{
	background-color:transparent;
	outline: none; 
	}
	

.sidebar-nav li.active > a{
    border:0px;
    text-decoration: none;
	font-family:"Lato Bold";
	color:#00ADEE;
	outline: none; 
}


.navbar-toggle{
float:left;
}
.navbar-brand{
padding:0px;
}

/* content */
.text-property{
font-family:"Lato Regular";
font-size:13px;
color:#000000;
letter-spacing:1px;
height:100%;
}
/* for ie and firefox */
a:visited {
 display :inline;
background-color:transparent; 
outline-style: none; 
}
/* space */
.spacerow{
padding-bottom: 20px;
}
/* center column */

.col-centered {
display:inline-block;
float:none !important;
margin:auto;
vertical-align:top;
}

/* center section */
html,body{
height:100%;
}


.content_container{
display:table;
overflow:hidden;
height:100%; 
/* margin-left:16.66666667%; */
 width:83.33333333%;
/*float:right; */
margin-left:200px;
}


.content{
display:table-cell;
vertical-align: middle;
}
/* title */
.title{
font-family:"Lato Thin";
font-size:32px;
padding-top:10px;
letter-spacing:0px;
}

.title span{
color:#00ADEE;
font-family:"Lato Bold";
letter-spacing:0px;
font-style: italic;
}

hr  {
border:2px solid #BBBDBF; 
margin-bottom: 20px;
width:4%;
border-radius:50px;
}

/* subtile */

.subtitle{
font-family:"Lato Bold Italic"; 
color:#231F20;
font-size:19px;
background-color: #ffffff;
letter-spacing:0px;
z-index: 1;
position:relative;
}

.subtitle span{
color : #00ADEE;
letter-spacing:0px;
}


/* rounded border */
.img-circle{
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
 border : 1px solid #5ED6FC;    
}

#about  .img-circle{
padding :10px;
margin-bottom:10px;

border : 1px solid rgba(0, 173, 238, 0.5);      
  
} 

#services  .img-circle{
padding:20px;
border : 1px solid rgba(0, 173, 238, 0.5);
margin-bottom:20px;
}

#contact .img-circle{
padding :5px;
border : 1px solid rgba(0, 173, 238, 0.5);
}

.img-thumbnail{
padding:8px;
padding-top :20px;
padding-bottom :20px;
border : 2px solid #BBBDBF;
}

#about .img-thumbnail{
margin-bottom:30px;
}

/* border for left-handside navigation bar */
.bordertop{
border-top: 20px solid white;
 width:83.33333333%; 
border-left:1px solid #929497;
margin-left:200px;
margin-top:auto;
margin-bottom:auto;
display:table;
overflow:hidden;
height:100%; 
}


.border{
border-left:1px solid #929497;
}
.borderbottom{
border-bottom: 20px solid white;
margin-left:200px;
border-left:1px solid #929497;
letter-spacing:0px;
 width:83.33333333%; 
}
/* section about */

.aboutUs{
margin:50px;
margin-left:220px;
margin-right:220px;
}

.inline{
margin-left: 15%;
margin-right: 15%;
margin-bottom: -15px;
}
.spacecenter{
margin-left:30px;
margin-right:30px;
}

.spaceleft{
margin-left:40px;
}
/* section service */
.inline_1{
margin-left: 20%;
margin-right: 20%;
margin-bottom: -15px;
}

/* section portfolio */

#portfolio .title{
padding-top:40px;
}
.fullwidth{
margin-left:2px;
position:relative;
}

.fullwidth  img {
width:100%;
}

.fullwidth .subtitle {
margin:0;
text-align:left;
padding-bottom:10px;
}

.pull-down{
margin-left:50%;
position:absolute;
bottom:0;

}

.pull-down a {
font-family:"Lato Light Italic";
display:block;
text-align:right;
color:#231F20;
outline: none; 
text-decoration: none;
height:20px;
margin-top:30px;
margin-bottom:10px;
}

.pull-down a:hover{
color:#00ADEE;
text-decoration:none;
outline: none; 

}
.pull-down a:focus{
text-decoration:none;
outline: none; 
}

.pull-down  a .glyphicon{

border-radius: 100px;

padding:12px 10px 12px 12px;
outline: none; 
color:#BBBDBF;

}


.pull-down  a:hover .glyphicon {

z-index:1;
border-radius: 100px;

border: solid 1px #00ADEE;
background-color:#00ADEE;
color:#ffffff;
outline: none; 

}

.pull-down a img {
width:17px;
outline: none; 
}

.pull-down hr{
position:relative;
float:left;
border:1px solid #BBBDBF; 
width:70%;
margin:0px;
margin-top:10px;
}

/* section testimonial */

#testimonial img{
margin-top:25px;
margin-bottom:25px;
 }
 
#testimonial .img-circle{
border:0px;
} 

 .position{
font-family:"Lato Light";
font-size:12px;
color:#00ADEE;
padding-bottom:10px;
margin-bottom:10px;
margin-top:10px;
letter-spacing:0px;
}

/* section contact */
#contact .form-control,#contact .sent .form-control{
border: 1px solid #ccc;
border-radius: 5px;
font-size:13px;
visibility:visible !important;
}


.form-group p{
margin: 0 20px 15px 20px;
}

#contact .aboutUs{
margin-right:100px;
margin-left:100px;
}

.btn{
font-size:11px;
margin:auto;
text-align:center;
color:#929497;
outline: none; 
text-decoration: none;
}

.btn:hover {
font-size:11px;
text-decoration:none;
color:#00ADEE;
font-family:"Lato Bold";
font-weight:700;
}



.btn:focus{
outline-style: none; 
text-decoration:none;
-moz-outline-style: none;
}

 .tables{
display: table;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 0px;
padding-right: 0px;
margin-bottom:12px;
 }
 
 .tables .row{
height: 100%;
display: table-row;
 }
 
 .text{
float:none;
 }
 
.text p{
display: table-cell;
float: none;
vertical-align: middle;
margin-bottom:0px;
 }

.text_info{
width:100%;
}
.section_contact .col-md-10{
margin-left:10px;
padding-left:15px;
}

.image{
margin-right:10px;
}

#contact .col-md-10{
margin-left:10px;
padding-left:15px;
}

/* validation */
#contact .form-control {
    background:  url(../image/invalid.png);
    background-position:97% 2px;
    background-repeat: no-repeat;
	color: #555;
}

#contact .form-control:focus{
	border:0px;
	color: #555;
}

#contact .error .form-control ,#contact .form-control:focus{
    background:url(../image/invalid-red.png);
	background-position:97% 2px;
    background-repeat: no-repeat;
	border:0px;
	box-shadow: 0 0 10px rgb(243,116,80);
	color: #555;
}

#contact .success .form-control,#contact .success .form-control:focus {
    background: url(../image/valid.png);
    background-position:97% 2px;
    background-repeat: no-repeat;
	border:0px;
	box-shadow: 0 0 10px rgb(161, 192, 229);
	color: #555;
}

input[type=submit],input[type=submit]:focus,input[type=submit]:active,.btn:focus, .btn:active:focus, .btn.active:focus{
outline: none;
border:0px;
}
.watermark_container{
font-family: "Lato Thin";
font-size: 13px;
}


/* footer */
.footer {
padding-top:20px;
}

/* ie */
.no-opacity  #contact .error .form-control ,.no-opacity  #contact .form-control:focus,.no-opacity  #contact .error textarea , .no-opacity  #contact  textarea:focus{
	border:2px solid #ef7559;
}

.no-opacity  #contact .success .form-control,.no-opacity  #contact .success .form-control:focus ,.no-opacity  #contact .success textarea,.no-opacity  #contact .success textarea:focus{
	border:2px solid #a6c5dd;
}

.no-opacity  #contact .text-area label{
top:17px !important;
}