@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body { background:#fff; font: 13px/22px "Verdana", Helvetica, Arial, sans-serif; color: #A2A2A2; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}


a:focus {
  outline: thin dotted;
}
a:active, a:hover {
  outline: 0;
}


abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

::selection {
  background: rgba(0, 0, 0, 0.1);
}

::-moz-selection {
  background: rgba(0, 0, 0, 0.1);
}

.clearfix, .container {
  *zoom: 1;
}
.clearfix:after, .container:after {
  clear: both;
}
.clearfix:after, .container:after {
  content: " ";
  display: table;
}

.clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  width: 100%;
}

hidden, .hidden {
  display: none;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0px;
}

.alignright {
  float: right;
  margin: 5px 0px 20px 20px;
}

.aligncenter {
  margin: 15px auto;
  display: block;
  clear: both;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.menu .right {
  text-align: left;
}
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
  padding: 0;
  color:#000000;
  margin: 0;
  line-height: 1;
}

p {
    padding: 0 0 20px;
}

h1 {
  font-size: 35px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 27px;
}

h4 {
  font-size: 23px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

a {
	color:#ffee00;
	text-decoration: none;
	-webkit-transition: all 0.05s;
	-moz-transition: all 0.05s;
	-o-transition: all 0.05s;
	transition: all 0.05s;
}
a img {
  vertical-align: top;
}
a:hover {
  color: #333;
}

img, video, object {
  max-width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
}

.row {
width: 100%;
max-width: 1230px;
min-width: 300px;
margin: 30px auto;
overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

.header-container{
	position: fixed;
	width: 100%;
	height: 80px;
	z-index: 20;
	padding:0;
	background-color: #000;
	background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
}

.header{
	position: relative;
	width: 980px;
	height: 80px;
	margin:0 auto;
	z-index: 20;
	padding:0;
}

/* fancyscroll classes */
.wrapper {
	position: absolute;
	width: 100%;
	height:700px;
}

.blog-content {
	position: relative;
	width: 980px;
	margin:0 auto;
	background:#fff;
	top: -100px;
	padding:15px;
	z-index: 10;

}

.fancyscroll-content {
	position: relative;
	width: 980px;
	margin:0 auto;
	background:#fff;
	top: 140px;
	z-index: 10;

}

.fancyscroll-background {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.fancyscroll-topButton {
	position: fixed;
	display: block;
	bottom: 5px;
	right: 5px;
	padding: 10px;
	color: #fff;
	background: #2a7cc6;
	text-decoration: none;	
	z-index: 20;
}

.fancyscroll-topButton:hover { 
	color: #eee;
}
.tinynav {
	display:none;
}

nav {
	width:auto;
	position:relative;
	z-index:9999;
}

#nav {
	padding:0px;
	font-weight:normal;
	list-style-type:none;
	position:relative;
	display:table;
	height:80px;
	margin: 0 auto;
	z-index:9999;
}
#nav li {
	float:left;
	display:block;
	width:auto;
	position:relative;
	z-index:500;
}
#nav li a {
	display:block;
	line-height:80px;
	padding:0px 15px;
	height:80px;
	text-decoration:none;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:14px;
	text-transform:uppercase;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}

#nav li a:hover {
	color:#fff;
	background-color: #2a7cc6;
	background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
}

#nav li a.active
{
    color: #fff;
	background-color: #2a7cc6;
	background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
}

#nav ul {
	position:absolute;
	left:0;
	display:none;
	margin:0;
	padding:0;
	list-style:none;
}
#nav ul li {
	min-width:180px;
	float:left;
	height:50px;
	background:#fff;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#efefef;
}
#nav ul li a,#nav ul li ul a {
	font-size:14px;
	padding-left:20px;
	line-height:50px;
	color:#000;
}
#nav ul a.active:after,#nav ul a.active:before {
	border:none !important;
}
#nav ul a {
	display:block;
	height:50px;
	padding:0px 5px 0px 5px;
	color:#000;
	font-weight:normal;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	border:none !important;
}
#nav ul a:active, #nav ul a:hover
{
    border:none !important;
}
#nav ul li a.active {
	color:#fff;
	background:#2a7cc6;
}
#nav ul a:active,#nav ul a:hover {
	border:none !important;
}
#nav ul a:hover {
	text-decoration:none;
	color:#fff;
	background:#2a7cc6;
}
#nav ul li ul {
	margin-left:180px;
	position:absolute;
	display:none;
	padding:0px;
	height:auto;
	top:0px;

}
#nav ul li ul li {
	width:180px;
	float: left;
}

.blog-content h3,
.fancyscroll-content h3 {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	font-size: 2.5em;
	color: #000000;
	text-align: center;
	line-height: 75px;
	background: url(images/title_bg.png)repeat-x left center;
}
.blog-content h3 span,
.fancyscroll-content h3 span {
	background: #FFFFFF;
	padding: 0 20px;
	font-size:25px;
}

.header_top_bg {
	background: url(images/top-bg.png) no-repeat scroll center top #ffffff;
	display: block;
	height: 1157px;
	position: absolute;
	padding:0;
	margin:0;
	width: 100%;
}


.map_bg {
    background: url(images/map.jpg) no-repeat scroll center top #000000;
    display: block;
    height: 1157px;
    position: absolute;
	padding:0;
	margin:0;
    width: 100%;
}

h1 a {
	background: url(images/logo.png) no-repeat scroll center top transparent;
	display: table;
	margin:0 auto;
	height: 273px;
	overflow: hidden;
	text-indent: -9999em;
	width: 630px;
	position: relative;
	top: 400px;
	z-index: 10;
}
.overlay { clear: both;  min-height: 100%; background:url(images/overlay.png) repeat scroll 0 0 transparent; position: relative; width: 100%;  }

#welcome {margin-top:20px;}
#welcome .right { width:37%; float:right;}
#welcome .left {width:60%; float:left}

.message h1  {
    font-size: 38px;
    font-weight: 700;
	padding:0 0 20px;
    line-height: 1;
    text-transform: uppercase;
}
.line {padding:25px 0;}

.box{float:left;min-height:300px;padding:0; }

.skiller {margin: 15px;font-size: 13px;line-height: 2em;position: relative;}
.col { width:440px;}
#skill {list-style: none outside none;}
#skill li {background:#f5f5f5;height: 25px;margin-bottom: 25px;margin-left:0;width: 440px;}
#skill li em {
    font-size: 12px;
    position: relative;
    top: -26px;
}

#skill li small { margin-left:10px;}
#skill span { color:#fff;}
.expand {background:#2a7cc6;height: 25px;position: absolute;left: 0;}

.html5       {
	width:95%;
	-moz-animation:html5 2s ease-out;
	-webkit-animation:html5 2s ease-out;
}
.css3        { width:90%;  -moz-animation:css3 2s ease-out;        -webkit-animation:css3 2s ease-out;         }
.jquery      {
	width:70%;
	-moz-animation: jquery 2s ease-out;
	-webkit-animation: jquery 2s ease-out;
}
.photoshop   { width:50%;  -moz-animation:photoshop 2s ease-out;   -webkit-animation:photoshop 2s ease-out;    }
.dreamweaver {
	width:35%;
	-moz-animation:dreamweaver 2s ease-out;
	-webkit-animation:dreamweaver 2s ease-out;
}

@-moz-keyframes html5       { 0%  { width:0px;} 100%{ width:70%;}   }
@-moz-keyframes css3        { 0%  { width:0px;} 100%{ width::90%;}	}
@-moz-keyframes jquery      { 0%  { width:0px;} 100%{ width::30%;}	}
@-moz-keyframes photoshop   { 0%  { width:0px;} 100%{ width::50%;}	}
@-moz-keyframes dreamweaver { 0%  { width:0px;} 100%{ width::100%;}	}

@-webkit-keyframes html5       { 0%  { width:0px;} 100%{ width:70%;}  }
@-webkit-keyframes css3        { 0%  { width:0px;} 100%{ width::90%;} }
@-webkit-keyframes jquery      { 0%  { width:0px;} 100%{ width::30%;} }
@-webkit-keyframes photoshop   { 0%  { width:0px;} 100%{ width::50%;} }
@-webkit-keyframes dreamweaver { 0%  { width:0px;} 100%{ width::100%;} }

.cbp-rfgrid {
    margin: 13px 0 0;
    padding: 0;
    list-style: none;
    position: relative;
    width: 100%;
}
 
.cbp-rfgrid li {
    position: relative;
    float: left;
    overflow: hidden;
	width:235px;
	margin:5px;
	height:235px;
}
 
.cbp-rfgrid li a,
.cbp-rfgrid li a img {
    display: block;
    width: 100%;
    cursor: pointer;
}
 
.cbp-rfgrid li a img {
    max-width: 100%;
	border-radius:100%;
}
 
/* Flexbox is used for centering the heading */
.cbp-rfgrid li a div {
    position: absolute;
	border-radius:100%;
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    background: rgba(255,255,255,0.8);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    text-align: center;
    opacity: 0;
}
 
.cbp-rfgrid li a:hover div {
    opacity: 1;
}
 
.cbp-rfgrid li a div h4 {
    color: #2a7cc6;
    display: block;
    font-size: 1.4em;
    line-height: 50px;
    position: absolute;
    text-transform: uppercase;
	margin:40px 0;
    width: 100%;
}


.cbp-rfgrid li a div h6 {
    display: block;
    font-weight: 300;
    line-height: 50px;
    position: absolute;
	margin:40px 0;
	padding-top:30px;
    width: 100%;
}

.ib-container{
	position: relative;
	width: 100%;
	margin: 50px auto 40px;
	display: block;
}
.ib-container:before,
.ib-container:after {
    content:"";
    display:table;
}
.ib-container:after {
    clear:both;
}
.ib-container article{
	display: block;
	width: 300px;
	min-height: 215px;
	background: #fff;
	cursor: pointer;
	float: left;
	text-align: center;
	text-transform: none;
	margin: 13px;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: 
		opacity 0.4s linear, 
		-webkit-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-moz-transition: 
		opacity 0.4s linear, 
		-moz-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-o-transition: 
		opacity 0.4s linear, 
		-o-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-ms-transition: 
		opacity 0.4s linear, 
		-ms-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	transition: 
		opacity 0.4s linear, 
		transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;

}
.ib-container h5 a{
	font-size: 18px;
	font-weight: 400;
	color: #000;
	line-height:2.7;
	color: rgba(0, 0, 0, 1);
	text-shadow: 0px 0px 0px rgba(255, 255, 255, 1);
	opacity: 0.8;
	text-align:center;
}
.ib-container article header span{
	line-height:80px;
	display: block;
	text-transform: uppercase;
	opacity: 1;
	margin-left:2px;
	font-size:42px;	
	color: #fff;
	color: rgba(255, 255, 255, 1);
}
.ib-container article p{
	text-align:center;
	font-size:12px;
}

.ib-container h5 a,
.ib-container article span,
.ib-container article header span,
.ib-container article p{
	-webkit-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-moz-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-o-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-ms-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
}
/* Hover Style for all the items: blur, scale down*/
.ib-container article.blur{
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0.7;
}
.ib-container article.blur .services-icon,
.ib-container article.blur h5 a,
.ib-container article.blur header span,
.ib-container article.blur  p {
	text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
	color: rgba(51, 51, 51, 0);
	opacity: 0.3;
}

/* Hover Style for single item: scale up */
.ib-container article.active{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	z-index: 100;	
	opacity: 1;
}

.ib-container article.active h5 a,
.ib-container article.active header span,
.ib-container article.active p{
	opacity; 1;
}

.services-icon {
	width: 80px;
	height: 80px;
	margin: 0px;
	padding: 0px;
	border-radius: 50px;
	background: #2a7cc6;
	display: inline-block;
}

.services h4 {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 10px 0 15px 0;
	font-size: 2.1em;
	color: #000000;
	text-align: center ;
	line-height: normal;
}
.services p {
	width: 100%;
	height: auto;
	padding:0 0 0 0;
	margin: 0px;
	font-size: 1.3em;
	color: #3e3e3e;
	text-align: center;
	line-height: 30px;
}

.bx-wrapper .testimonials-thumbnail{ margin: 0px 0px 15px; }
.bx-wrapper .testimonials-title{ text-align: center;  margin: 25px 15px 3px; font-size: 24px; line-height: 1; }
.bx-wrapper .testimonials-carousel-thumbnail{ max-width: 35%; float: left; margin-right: 20px; }
.bx-wrapper .testimonials-carousel-thumbnail img{ display: block;   margin-right: 20px;
    width: 100px;
}
.bx-wrapper .testimonials-carousel-context{ overflow: hidden; }
.bx-wrapper .testimonials-name{ font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 18px; margin-bottom: 15px; color:#000000; font-weight:400;}
.bx-wrapper span{ font-size: 11px; margin-left:10px; color:#aaa; font-family: Georgia, Arial, Helvetica, sans-serif; font-style:italic; }
.bx-wrapper {
	position: relative;
	margin: 30px auto;
	padding: 0;
	width:100%;
	*zoom: 1;
}

.bx-wrapper .slide {
	padding:0;
	margin:0;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	padding:10px;
	margin-left:0;
	z-index:1;
	width:100%;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	display:none;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-next {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
	border-left:1px solid #ddd;
    height: 30px;
    cursor: pointer;
    background: #2a7cc6 url(images/caousel-next.png) no-repeat 0 0 ;
}

.bx-wrapper .bx-prev {
    position: absolute;
    top: 0px;
    right: 30px;
	border-right:1px solid #ddd;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: #2a7cc6 url(images/caousel-prev.png) no-repeat 0 0 ;
	
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 0;
	margin-top: 0;
	margin-right: 0px;
	outline: 0;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	z-index: 9999;
}



nav.primary {
	width:auto;
	margin:30px auto;
	display:table;
}

nav.primary ul li  {
	float:left;
	list-style:none;
}

nav.primary ul li a {
	height:39px;
	display:block;
	font-size:15px;
	color:#000;
	padding:0 10px;
	text-decoration:none;
	line-height:39px;
}

nav.primary li a.selected {
    border-bottom: 2px solid #2a7cc6;
}

.main {
	padding:0;
	margin:0;
	display:block;
}

.entry {
	position:relative;
	float:left;
	margin:10px;
	cursor:pointer;
	width:225px;
	height:225px;
	padding:0;
}

.entry img {
	-moz-border-radius: 0;
	border-radius:0;
}

.portfolio { margin:0; }


.magnifier {
	background:url(images/magnifier.png) no-repeat center;
	position:absolute;
	top:10px;
	left:10px;
	-moz-border-radius: 100%;
	border-radius:0;
	bottom:10px;
	right:10px;
	opacity:0;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}
.video-hover {
	background:rgba(42,124,198,.7) url(images/video.png) no-repeat center;
	position:absolute;
	top:10px;
	left:10px;
	bottom:10px;
	right:10px;
		-moz-border-radius: 100%;
	border-radius:100%;
	opacity:0;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

.entry:hover .video-hover,
.entry:hover .magnifier { opacity:1; }

img {
	max-width:100%;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
        transition-duration: 0.8s;
}

.isotope {
-webkit-transition-property: height, width;
   -moz-transition-property: height, width;
        transition-property: height, width;
}

.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
   -moz-transition-property:    -moz-transform, opacity;
        transition-property:         transform, opacity;
}


.blog-wrap {padding:0;}
.blog-wrap img {}
.blog-wrap p {font-size:12px;}

.blog-content img,
.blog-wrap img {
     opacity: 1;
     filter: progid:DXImageTransform.Microsoft.Matrix(
                    M11=1, M12=0, M21=0, M22=1, sizingMethod='auto expand');
     zoom: 1;
     -moz-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     -webkit-transition: all 0.8s ease-out;
     -ms-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
}
.blog-content img:hover,
.blog-wrap img:hover {
     opacity: 0.6;
     filter: progid:DXImageTransform.Microsoft.Matrix(
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455,  sizingMethod='auto expand');
   
     zoom: 1;
}

.post-detail {
    float: left;
    padding: 10px;
    position: relative !important;
    width: 100%;
}

.post-detail h4{margin:15px 0;font-weight:300;}
.post-detail .date {
    float: left;
	color:#999;
	font-size:11px;
}
.post-detail .meta {
	border-top: 1px dotted #ddd;
    clear: both;
	font-size:11px;
    padding: 15px 0 0;
    width: 100% !important;
}

.comment-reply-link,
.post-detail .meta a {
    color: #fff;
	background:#2a7cc6;
	padding:0 10px;
    float: right;
}
#comment-form .button:hover,
.comment-reply-link:hover,
#contact-area input.submit-button:hover,
.pagenavi a:hover,
.post-detail .meta a:hover {
    color: #fff;
	background:#000;
}


/* Pagenavi */
.pagenavi {width:auto; margin:0 auto; display:table;}
.pagenavi a,
.pagenavi > span {color:#fff; line-height:25px;text-align:center;height:25px; padding:10px 30px}
.pagenavi a{background:#2a7cc6;}

#contact-area {
	margin-top:10px;
}

#comment-form #optin input, #comment-form #optin textarea,
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 300px;
	font-size: 1.1em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #efefef;
}
#comment-form #optin input, #comment-form #optin textarea {width:100%;}
#comment-form #optin .button {float:left; width:100px !important;}
#contact-area textarea {
	height: 90px;
}

#comment-form #optin input:focus, #comment-form #optin textarea:focus,
#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #efefef;
}

#comment-form .button {width:100px !important}
#comment-form .button,
#contact-area input.submit-button {
	width: 100px;
	float: right;
	margin-right:35px;
	font-size:12px;
	background:#2a7cc6;
	color:#ffF;
}

label {
    float: left;
    font-size: 13px;
    margin-right: 15px;
    padding-top: 0;
    text-align: right;
    width: 100px;
}

ul.social {width:auto; display:table; margin:10px auto;}
ul.social li {list-style:none;float:left;font-size:31px;}
ul.social li a {color:#A2A2A2;}

ul.social li .icon-twitter:hover {color:#33BCEF;}
ul.social li .icon-facebook:hover {color:#3B5998;}
ul.social li .icon-google-plus:hover {color:#D14228;}
ul.social li .icon-pinterest:hover {color:#AB171E;}
ul.social li .icon-linkedin:hover {color:#71C5EF;}
ul.social li .icon-github:hover {color:#4183C4;}

.contact-details { min-height: 100px;width:50%; float:left; margin-top: 20px;}
 
.contact-icon {
	width: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	border-radius: 30px;
	background: #e5007d;
	display: inline-block;
}

 .contact-details span {
	color: #FFFFFF;
    display: block;
    font-size: 1em;
    height: 30px;
	float:left;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px;
}

.contact-details  h4{
    font-size: 1.2em;
    height: auto;
    line-height: normal;
    margin: 0;
    padding: 0;
	float:right;
    text-align: left;
    width: 83%;
}
.contact-details p{
	font-size: 11px;
    height: auto;
    line-height: normal;
    margin: 0 0;
    padding: 0;
	float:right;
    text-align: left;
    width: 83%;}


.blog-header {width:100%; background:#2a7cc6;	-webkit-font-smoothing: antialiased;
	-webkit-box-shadow: inset 0 0 18.75em rgba(0,0,0,.5); /* 300 */
	-moz-box-shadow: inset 0 0 18.75em rgba(0,0,0,.5); /* 300 */
	box-shadow: inset 0 0 18.75em rgba(0,0,0,.5); /* 300 */
	min-height:500px;}
	
.blog-header h1 a {
    background: url(images/logo.png) no-repeat scroll center top transparent;
    display: table;
	margin:0 auto;
    height: 273px;
    overflow: hidden;
    text-indent: -9999em;
    width: 630px;
	position: relative;
	top: 100px;
	z-index: 10;
}

.blog-wrapper {width:100%; margin:40px 0; display:block; padding-bottom:30px;}


.footer {  margin: 20px auto;
    padding: 15px;
    position: relative;
    width: 980px;
    z-index: 10;
}

.footer h3 {color:#fff;font-weight:400; padding:20px 0}
#footer-wrapper {width:100; padding:20px 0; background:#000;}

/* Twitter */

ul.recent-posts,
.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}

ul.recent-posts li {	overflow:hidden;
	list-style-type: none;
	margin-bottom:5px;}
.tweet_list li {
	overflow:hidden;
	list-style-type: none;
	margin-bottom:10px;
}
ul.recent-posts {padding-left:5px;}
.tweet_list li {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left:25px;
}
.tweet_text {
	display: block;
}
.tweet_text a:hover {
	color:#333333 !important;
}
.footer .tweet_text a {
	color:#2a7cc6 !important;
}
.footer .tweet_text a:hover {
	color:#999999 !important;
}
.tweet_time a {
	color:#999999 !important;
}
ul.recent-posts a,
.footer .tweet_time a {
	color:#CCCCCC !important;
}
ul.recent-posts a:hover,
.footer .tweet_time a:hover {
	color:#FAFAFA !important;
}
.footer .tweet_list {
	margin-bottom:20px;
}
.footer .tweet_list li:last-child {
	margin-bottom:6px;
}
.footer .tweet_list li {
	background-image: url(images/twitter-widget.png);
}
ul.recent-posts li {list-style:none;}

.copyright {width:100%; background:#212121; padding:20px;}


.cp_comments {
	background:#ececec;
	border-radius: 100px;
    color: #FFFFFF !important;
    display: block;
    font-size: 16px;
    font-style: normal;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 20px;
    width: 40px;
    z-index: 99;
}
.cp_comments:hover {
	color: #cecece !important;
}

.comment-body h6 {
	float:left;
	padding:0;
	margin:0;
	font-weight:300;
}

.comment-body .published {
	font-size:11px;
	padding:0 0 10px;
}

.comment-reply-link {
	float:right;
}

.comment-body .alignleft img {
	display:block;
	margin-bottom:10px;
}

.comment-body {
	padding:30px;
	margin:0 0 20px;
	overflow:hidden;
	position:relative;
	border-bottom:1px solid #efefef;
}

.comment-content {overflow:hidden;}

.commentlist {
	padding-top:10px;
	margin-bottom:30px;
}

.commentlist li {list-style:none;}

.commentlist ul li {
	padding-left:0px;
}

.commentlist ul {
	margin:0 0 0 20px;
}

.comment-body p {padding-bottom:0; margin:10px;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.header,
.blog-content,
.header_top_bg,
.map_bg,
.wrapper,
.main,
.fancyscroll-content,
.cbp-rfgrid,
.footer {min-width:720px !important;width:100%;}
#skill li,
.skiller {width:320px;}
.cbp-rfgrid li a div h4 {margin:25px 0;}
.ib-container article {width:225px;}
label {width:100%; text-align:left;}
.contact-details { margin-top: 0; min-height: 80px; width: 100%;}
.cbp-rfgrid li a div h6 {line-height:30px;}
.cbp-rfgrid li a div {bottom:75px;}
.cbp-rfgrid li {width:178px;}
#welcome,
.services,
.row {width:720px; margin:20px auto;}
}