.QUICKNAV { height: 50px; text-align:right; background: white;     }
.QUICKNAV ul{	list-style: none; margin:0; padding:0; text-align:center; height: inherit; }
.QUICKNAV li{ display: inline; float: right; padding: 0 0 0 0; height: inherit;  margin: 0 1em 0 1em }
.QUICKNAV li.small{ margin: 0; }
.QUICKNAV a{ text-decoration: none;  color: #888; }
.QUICKNAV a.logo { padding: 0 0.3em 0 0.3em; width: 50px; }
.QUICKNAV a.logo_small { padding: 0;  }
.QUICKNAV .first { float: left; padding:0}
.QUICKNAV img {	border: none; padding: 0 0 0 0; margin:4px 0 0 0 ;border-radius: 8px; height: 80%;}
#googleform { padding-top: 7px;}
.QUICKNAV input {display:inline; margin: 0 }
.QUICKNAV input[type="text"] {width: 70%; border: 2px solid #cccccc; } 
.QUICKNAV form {display:block; margin: 0 0 0 3%; width: 300%; border: none; height: inherit;}
.QUICKNAV form.medium {width: 100%; }
.QUICKNAV form.small {width: 80%; }
.QUICKNAV fieldset {display:block; padding: 0; border: none; margin: 0 0 0 0; }
.QUICKNAV button.ggsb {background: -webkit-linear-gradient(top,#4387fd,#4683ea);
    padding: 0 0 0 0; margin: 0 0 0 -5px;  height: 33px; border: none; width: 50px;
	border-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0;}
/** For Medium and Small Screen **/
@media only screen and (max-width: 767px) {
	.QUICKNAV img {padding : 0;width: 75px;height: initial;	}
}

.thumbnail img{
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.thumbnail:hover img{
	  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/* Banner Style */

#banner{
	background: #dedddb url("../img/DSC_0847.jpg") no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
	border-bottom:8px solid #0090FF; 
} 

#banner .orbit-bullets {text-align: center;}
#banner .orbit-bullets{ display: block; position: relative;}
#banner .orbit-bullets li {
	display: inline-block;
	float: none;
	opacity: 0.7;
	cursor: pointer;
}
.orbit-container .orbit-timer {top: 0px;width: 1000px;}
.orbit-container .orbit-timer .orbit-progress { background-color: rgba(0, 144, 255, 0.4);}

#banner * {color: white;}
#banner h1 {font-size: 3em;}
#banner li {font-weight: bold; }

.opacity-5 {opacity: 0.5}

.banner-detail { margin-top: 40px;}

#banner_small h1 {
	text-align: center;
	font-size: 1.5em;
}
/** Expertise **/
.aligncenter {
	text-align: center;
}
#expertise_h{ 
	padding: 55px 0 0;
}
/** For Medium and Small Screen **/
@media only screen and (max-width: 767px) {
	.expertise-box {
		margin-bottom: 10px;
		border-bottom: 1px #D8D8D8 dashed;
		padding-bottom: 20px;
	}

}

.expertise-box:hover{
 	bottom: 4px;
}
.expertise-box,.expertise-box .expertise-img i{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.expertise-box:hover .expertise-img i{
	 background-color: #262626;
	 padding: 15px;
}

.expertise-img .icon-64{
	width: 60px;
	height: 60px;
	padding: 12px;
	font-size: 30px;
	line-height: 40px;
	background-color: #0090FF;
	color:#FFF;
	display: inline-block;
}

.icon-square, .icon-rounded, .icon-plain, .icon-circled {
	margin: 10px 10px 10px 0;
	 
}
.icon-64.icon-circled {
	border-radius: 32px;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
}

/** Headline **/
 .om-headline{	
 	margin: 40px 0 0 0;
	padding: 10px 0;}

.test {height: 3em;}
 
/** Projects**/
#projects_h{ 
	padding: 55px 0 0;
}
#projects {
	background-color: #f2f2f2;
}

.project-details {
	background-color: white;
	margin: 0 0 20px 0;
	border: 1px solid #d8d8d8;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	opacity: 1;
	height: 100%;
	-webkit-box-shadow: 5px 5px 4px 2px #CCCCCC;
	-moz-box-shadow: 5px 5px 4px 2px #CCCCCC;
	box-shadow: 5px 5px 4px 2px #CCCCCC;
 }

#projects h5 {
	border-bottom: 1px solid #e5e5e5;
	text-align:center;
}

#projects h3 {
	margin: 30px 0 20px;
}
.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
	 text-align:center;
	 margin-bottom: 20px;
	 margin-top: 20px;
}


/** Contact **/
#contact { 
background-color: #40ACFF;
padding-bottom: 20px;
color: white;
}

#contact .row { 
padding-top: 20px;
}

#contact h4, #contact h5 {color: white;}

.contact_body {background: #333;
}

#contact_detail { background-color: white;}
.email_text{height: 125px;}

/** Clients **/
#clients { 
background-color: #73C2FF;
padding-bottom: 20px;
color: white;
}
#clients h3 {
	margin: 30px 0 20px;
	color: white;
}
#clients_h{ 
	padding: 55px 0 0;background-color: #f2f2f2;
}

/** Footer **/
.om-footer { background: #333; color: #858585;}
.om-footer a {color: #858585;}
.om-footer a:hover {color: #E5E5E5;}

.elm_padding {padding-top: 15px;}

/** Contact Page **/
#contact_detail .tel, .tel:visited {/*for small screens */ display:block; color:#fff; background-color:#222; padding:1em; text-decoration:none;}
#contact_detail .tel:hover,.tel:focus { color:#222222; background-color:#fff; }

@media screen and (min-width: 28.5em) {
	/* for larger screens */ 
	#contact_detail .tel,.tel:visited { background:none; cursor:default; }
	#contact_detail .tel,.tel:focus {  color:#222222; }
}

.reveal-modal img { border: 2px solid #222222;}

/** Commons **/

.size-12 { font-size: 12px; }

.size-14 { font-size: 14px; }

.size-16 { font-size: 16px; }

.size-18 { font-size: 18px; }

.size-21 { font-size: 21px; }

.size-24 { font-size: 24px; }

.size-32 { font-size: 32px; }

.size-36 { font-size: 36px; }

.size-48 { font-size: 48px; }

.size-60 { font-size: 60px; }

.size-72 { font-size: 72px; }