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


/* ==== AUTHOR: M. RAM CHANDRA REDDY ====*/
/* ==== DATE: 22 September 2019 ====*/

/* ==== GENERAL STYLES ====*/

body
{
	margin: 0px 0px;
	padding: 0px 0px;
	height: 100%;
	background-color:#ffffff;
	font-family: 'open_sanslight';
	color: #666;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'open_sanslight';
	font-style: normal;
	color:#00bbcc;
}


p {
    line-height: 20px;
    margin-bottom: 15px;
}

.boldText, b, strong{
	font-family: 'open_sanssemibold';
	font-weight: normal;
}

margin-5 {margin:5px;}
.margin-10 {margin:10px;}
.margin-top-5 {margin-top:5px;}
.margin-top-10 {margin-top:10px;}
.margin-top-15 {margin-top:15px;}
.margin-top-20 {margin-top:20px !important;}
.margin-top-30 {margin-top:30px !important;}
.margin-top-40 {margin-top:40px !important;}
.margin-top-60 {margin-top:60px !important;}
.margin-top-70 {margin-top:70px !important;}
.margin-bottom-5 {margin-bottom:5px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-15 {margin-bottom:15px;}
.margin-bottom-20 {margin-bottom:20px;}
.margin-bottom-30 {margin-bottom:30px;}
.padding-left-30 {padding-left: 30px !important}
.padding-right-30 {padding-right: 30px !important}
.margin-right-5 {margin-right: 5px !important;}
.marginleft20 {margin-left: 20px;}
.center {text-align:center !important}


.padbottom0{padding-bottom:0px;}
.padbottom5{padding-bottom:5px;}
.padbottom10{padding-bottom:10px;}
.padbottom15{padding-bottom:15px;}
.padbottom20{padding-bottom:20px;}
.padbottom25{padding-bottom:25px;}
.padbottom30{padding-bottom:30px;}
.padbottom35{padding-bottom:35px;}
.padbottom40{padding-bottom:40px;}
.padbottom45{padding-bottom:45px;}
.padbottom50{padding-bottom:50px;}
.padbottom55{padding-bottom:55px;}
.padbottom60{padding-bottom:60px;}
.padbottom-5{margin-top:-5px;}
.padbottom-10{margin-top:-10px;}
.padbottom-15{margin-top:-15px;}
.padbottom-20{margin-top:-20px;}
.padbottom-25{margin-top:-25px;}
.padbottom-30{margin-top:-30px;}
.padbottom-35{margin-top:-35px;}
.padbottom-40{margin-top:-40px;}
.padbottom-45{margin-top:-45px;}
.padbottom-50{margin-top:-50px;}
.padbottom-55{margin-top:-55px;}
.padbottom-60{margin-top:-60px;}

.padding-top10{padding-top: 10px;}

input[type="button"], input[type="reset"], input[type="submit"], .bbp-submit-wrapper button[type="submit"]{
    background-color: #00B4CC;
    border: 1px solid #009EB3;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    margin-right: 15px;
    padding: 10px 15px;
    width: auto;
}


/* ===== HEADER SECTION ===== */

.header{
	float:left;
	width:100%;
	min-height:90px;
	z-index: 2000;
}

.top-bar
{
	background: #020202;
	margin: -18px 0px 18px;
	display: block;
	font-weight: 300;
}

.top-bar i
{
	margin-right: 6px;
	vertical-align: middle;
	}

.phone-number
{
	padding: 12px 0px;
	float: left;
	display: block;
	color: #fff;
	font-family: 'open_sanssemibold';
	font-size: 11px;
    text-transform: uppercase;
}

.email
{
	padding: 12px 0px;
	float: right;
	display: block;
	color: #fff;
	font-family: 'open_sanssemibold';
	font-size: 11px;
    text-transform: uppercase;
}

.email a, .email a:hover, .email a:focus
{
	color: #fff;
	text-decoration:none;
}

.logo
{
	font-family: 'open_sansbold';
	font-size: 29px;
	color: #00b4cc;
	margin-top: -3px;
	letter-spacing: -0.75px;
}

.logo span
{
	font-family: 'open_sanssemibold';	
	font-size: 16px;
	color: #999999;
}


.navbar
{
	background-color: #252525;
	padding: 18px 0px 18px 0px;
	border-bottom: 1px solid f5f5f5;
}

.navbar-default{
border-color: transparent;
}

.navbar-default .navbar-nav > li > a {
  color: #999999;
  font-family: 'open_sansregular';
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #00bbcc;
  background-color: transparent;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #00bbcc;
}

.navbar-brand
{
	margin-top: -5px;
}

.menu-display, .go-social
{
	float:right;
}

/* slider wrap */
.frontpageslider,
.frontpagerevslider,
.contactusgooglemapwrap{
	width:100%;
	float:left;
}

.frontpageslider img{
	width:100 !important;
	height:auto;
}

.imagelength img{
	width:100%;
	height:auto;.carousel-control	
}

.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	margin-top: 36px;
	max-height:550px !important;
	overflow:hidden;
}





/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */


/* Carousel base class */
.carousel {
  height: 586px;
  padding-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

.carousel-control{
position:absolute;
top: 86px;
height: 500px;	
}

.carousel-caption
{
	bottom: 126px;
}

.carousel h1
{
	color: #fff;
}

.carousel-client {
     line-height: 1;
    margin-bottom: 20px;
    position: relative;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

 .heading {padding: 5px 10px 5px 10px;}
 
 
/* intro icons */
.homepageicons {
	padding: 14px;
	position: relative;
	background-color:white;
	border-radius:5px;
    margin: 80px 0 20px 0px;
	cursor:pointer;
}

.homepageicons i {
	position: absolute;
	height: 100px;
	width: 100px;
	font-size: 40px;
	line-height: 80px;
	padding: 10px !important;
	color: #f4f4f4;
	top: 0px;
	left: 50%;
	margin: -60px 0px 0px -60px !important;
	padding: 0px !important;
	border-radius: 50%;
	border: 10px solid #e7eff1;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.homepageicons:hover > i {
	border: 10px solid #ffffff;
	-webkit-animation: spinAround 1.5s linear infinite;
	-moz-animation: spinAround 1.5s linear infinite;
	animation: spinAround 1.5s linear infinite;
}

.homepageicons h6 {
	font-family: 'open_sanssemibold';
	font-size: 18px;
	margin: 50px 0px 20px 0px;
	color: #666;
}

.homepageicons p{
	line-height:22px;
}

.grey-font{color:#00bbcc;}


 



 .page-section{
	padding-top:30px;
	padding-bottom:30px;
	width:100%;
	float:left;
	background-color: #fff; 
	-webkit-animation: toLeftFromRight 0.9s forwards; 
	-moz-animation: toLeftFromRight 0.9s forwards; 
	animation: toLeftFromRight 0.9s forwards;}
}


.page-section-green{
	padding-top:40px;
	width:100%;
	float:left;
	background-color:#f2f9fb;
	-webkit-animation: toRightFromLeft 0.9s forwards;
	-moz-animation: toRightFromLeft 0.9s forwards;
	animation: toRightFromLeft 0.9s forwards;
}


.white-background{background-color:#ffffff}
.grey-background{background-color:#eef7fa}
.blue-background{background-color:#1fb9d0}
.green-background{background-color:#32baa5}
.red-background{background-color:#85b84b}
.orange-background{background-color:#f76753}

/* clients list */
ul.customerslist{
	width:100%;
	padding:0px 0px 30px 0px;
}

ul.customerslist li{
	width:18% !important;
	height:auto;
	display:inline-block;
	float:left;
	list-style:none;
	list-style-image:none;
	margin:0px 1% 20px 1%;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:0px 1%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	cursor:pointer;
	 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 */
	grayscale(100%);
}

ul.customerslist li img{
	padding:8px 0px 0px 0px;
	width:100%;
	height:auto;
}

ul.customerslist li:hover{
	margin: -10px 1% 30px 1%;
	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%);
	filter: grayscale(0%);
}

img
{
	max-width: 100%;}

.featureText{font-size:15px;color:#666666;}

.triangle-down{
	clear: both;
	border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #eef7fa;
    height: 0;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: -44px;
    width: 0;}


.footer {
    background: #1b1b1b url(../images/bghead.png);
	backgroud-repeat: repeat;
	color: #999;
	clear: both;
	padding: 40px 0px;
	border-top: 4px solid #00bbcc;
}

.footer ul {
	padding-left: 0;
}

.footer .ul-col2 {
    width: 110.949%;
}

.footer li {
    list-style: none outside none;
    margin-bottom: 10px;
	 line-height: 20px;
}

.footer .ul-col2 li {
    border-bottom: 1px dotted rgba(240, 240, 240, 0.2);
    float: left;
    margin-bottom: 10px;
    margin-right: 9.86842%;
    padding-bottom: 10px;
    width: 40.1316%;
}

.footer a {
	color: #00bbcc;
	text-decoration: none;
}

.footer a:hover {
	color: #00bbcc;
}

.footer .highlightText
{
	color: #00bbcc;
}

.footer a.descText {
	color: #999999!important;
	text-decoration: none;
}



.footer-nav {
    background: #000;
    width: 100%;
	padding: 12px 0px 0px 0px;
}

.footer-nav p
{
	padding-top: 5px;
	color: #999;
	text-transform: none;
}



/*Social Icons*/
.social-icons {
	margin:0;
	float: left;
}
.social-icons li {
	float:left;
	display:inline;
	list-style:none;
	margin-right:12px;
	text-indent:-9999px;
}
.social-icons li a, a.social-icon {
	width:28px;
	height:28px;
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
    border-radius: 50% !important;
	/*border: 2px solid #666666;*/
}
.social-icons li:hover a {
	background-position:0 -38px;
}

.social_facebook {background: url(../images/icons/social/facebook.png) no-repeat;}
.social_googleplus {background: url(../images/icons/social/googleplus.png) no-repeat;}
.social_linkedin {background: url(../images/icons/social/linkedin.png) no-repeat;}
.social_skype {background: url(../images/icons/social/skype.png) no-repeat;}
/*Social Icons*/

.page-header{
	float:left;
	margin:0px;
	width:100%;
	background: url(../images/bghead.png), -moz-linear-gradient(75deg, #32a3bb 15%, #54c6de 55%, #46b4cb 85%); /* FF3.6+ */ 
	background: url(../images/bghead.png), -webkit-gradient(75deg, #32a3bb 15%, #54c6de 55%, #46b4cb 85%);/* Chrome,Safari4+ */ 
	background: url(../images/bghead.png), -webkit-linear-gradient(75deg, #32a3bb 15%, #54c6de 55%, #46b4cb 85%); /* Chrome10+,Safari5.1+ */ 
	background: url(../images/bghead.png), -o-linear-gradient(75deg, #32a3bb 15%, #54c6de 55%, #46b4cb 85%); /* Opera 11.10+ */ 
	background: url(../images/bghead.png), -ms-linear-gradient(75deg, #32a3bb 15%, #54c6de 55%, #46b4cb 85%); /* IE10+ */
	background: url(../images/bghead.png), linear-gradient(75deg, #32a3bb 15%, #54c6de 55%, #46b4cb 85%); /* W3C */ 
	text-align:center;
	padding-top:36px;
	padding-bottom:36px;
	border:0px;
	height: auto;
}

.page-header h1{
	font-size:48px;
	color:white;
	padding:48px 0px 38px 0px;
	margin:0;
	color: #fff;
}

.page-header p{
	font-size:20px;
	color:#162423;
	padding:0 100px;
	margin:0;
	line-height:38px;
	color:#fff;
}

.title {
    border-bottom: 1px dotted #DFDFDF;
    margin-bottom: 30px;
    margin-top: 0;
	font-size: 16px;
}

.title span {
	font-family: 'open_sansregular';
	border-bottom: 1px solid #00bbcc;
	display: inline-block;
	padding-bottom: 10px;
	margin-bottom: -1px;
}

.progress-bar{
	line-height: 42px;
	font-family: 'open_sansregular';
	}

/* ===== ACCORDION SECTION ===== */

.accordion-heading .accordion-toggle{
	font-family: 'open_sansregular';
	background-color:#f5f5f5;
	padding: 12px 20px;
	border-left:5px solid #00bbcc;
	border-radius:3px;
	display: block;
}
.accordion-heading .accordion-toggle > i{
	padding-right:4px;
	line-height:-2px;
	font-size:18px;
}

.accordion-inner{border-top:0px !important;}


.tooltip.left .tooltip-arrow, .accordion-heading .accordion-toggle {
    border-left-color: #00bbcc;
}


.accordion-inner
{
	border-top: 1px solid #E5E5E5;
    padding: 9px 15px 0px 15px;
}
	
.panel-default{
		border: 1px solid #fff;}
		
.accordion-inner p
{
	margin-bottom: 10px;
}

.accordion-inner ul
{
	list-style:disc;
}


	
.inverse-font,
a.inverse-link,
a:visited.inverse-link,
.comment_info a,
.comment_info a:visited,
#wp-calendar a,
.logo a:hover,
.nav-pills > li > a:hover,
.btn-navbar,
.btn-navbar:hover,
.tweet_list li a,
.nav-tabs > li > a,
nav.primary ul li a,
.detailpagepag a:hover,
.theblogpost h3 a:hover,
.blogtags a,
.pagination ul > li > a,
.pagination ul > li > a:hover,
.tagcloud a:hover,
.blogwidgetarea li a:hover,
.grid figcaption{color:#00bbcc; }
.alignnone {margin:0px;}
.aligncenter,div.aligncenter {display: block;margin: 0px auto 0px auto;}
.alignright {float:right;margin: 0px;}
.alignleft {float: left;margin:0px;}
.aligncenter {display: block;margin: 5px auto 5px auto;}
a img.alignright,img.alignright {float: right;margin: 5px 0px 20px 20px;}
a img.alignnone, img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft, img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter, img.aligncenter {display: block;margin-left: auto;margin-right: auto}
img.capimage {
    border-radius: 5px !important;
}

a.inverse-link,
a:visited.inverse-link
{text-decoration: none;
	}


/* ===== PROGRESSIVE BARS SECTION ===== */

.progressinner{
	position:absolute;	
	top:10px;
	left:10px;
	color:white;
	font-weight:400;
	font-size:14px;
	text-transform:uppercase;
	text-shadow:0px 1px 0px #808080;
}

.progress {
	height: 40px;
	margin-bottom: 16px !important;
	overflow: hidden;
	background-color: #e5e5e5;
	background-image: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#e5e5e5', GradientType=0);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius:3px;
	position:relative;
}

.progress-inverse, .progress-inverse .bar,
.progress .bar-inverse {
	background-color: #4aaaa5;
	background-image: -moz-linear-gradient(top, #4aaaa5, #4aaaa5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4aaaa5), to(#4aaaa5));
	background-image: -webkit-linear-gradient(top, #4aaaa5, #4aaaa5);
	background-image: -o-linear-gradient(top, #4aaaa5, #4aaaa5);
	background-image: linear-gradient(to bottom, #4aaaa5, #4aaaa5);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4aaaa5', endColorstr='#4aaaa5', GradientType=0);
	background-image: url(../images/bghead.png);
	background-repeat: repeat;
	background-position: center top;
}

.progress-info .bar, .progress .bar-info {
	background-color: #aee0f1;
	background-image: -moz-linear-gradient(top, #aee0f1, #aee0f1);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aee0f1), to(#aee0f1));
	background-image: -webkit-linear-gradient(top, #aee0f1, #aee0f1);
	background-image: -o-linear-gradient(top, #aee0f1, #aee0f1);
	background-image: linear-gradient(to bottom, #aee0f1, #aee0f1);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aee0f1', endColorstr='#aee0f1', GradientType=0);
	background-image: url(../img/bghead.png);
	background-repeat: repeat;
	background-position: center top;
}

.progress-success .bar, .progress .bar-success {
	background-color: #9fcf4d;
	background-image: -moz-linear-gradient(top, #9fcf4d, #9fcf4d);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9fcf4d), to(#9fcf4d));
	background-image: -webkit-linear-gradient(top, #9fcf4d, #9fcf4d);
	background-image: -o-linear-gradient(top, #9fcf4d, #9fcf4d);
	background-image: linear-gradient(to bottom, #9fcf4d, #9fcf4d);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fcf4d', endColorstr='#9fcf4d', GradientType=0);
	background-image: url(../img/bghead.png);
	background-repeat: repeat;
	background-position: center top;
}

.progress-warning .bar, .progress .bar-warning {
	background-color: #e5a979;
	background-image: -moz-linear-gradient(top, #e5a979, #e5a979);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5a979), to(#e5a979));
	background-image: -webkit-linear-gradient(top, #e5a979, #e5a979);
	background-image: -o-linear-gradient(top, #e5a979, #e5a979);
	background-image: linear-gradient(to bottom, #e5a979, #e5a979);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5a979', endColorstr='#e5a979', GradientType=0);
	background-image: url(../img/bghead.png);
	background-repeat: repeat;
	background-position: center top;
}

.progress-danger .bar, .progress .bar-danger {
	background-color: #477ecb;
	background-image: -moz-linear-gradient(top, #477ecb, #477ecb);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#477ecb), to(#477ecb));
	background-image: -webkit-linear-gradient(top, #477ecb, #477ecb);
	background-image: -o-linear-gradient(top, #477ecb, #477ecb);
	background-image: linear-gradient(to bottom, #477ecb, #477ecb);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#477ecb', endColorstr='#477ecb', GradientType=0);
	background-image: url(../img/bghead.png);
	background-repeat: repeat;
	background-position: center top;
}
.progress-bar{
 color: #FFFFFF;
    font-size: 14px;
    position: absolute;
    text-shadow: 0 1px 1px #666;
    text-transform: uppercase;
}

.prototyping, .responsive, .passion
{
	background-color: #ec6458;
	background-image: -moz-linear-gradient(top, #ec6458, #ec6458);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ec6458), to(#ec6458));
	background-image: -webkit-linear-gradient(top, #ec6458, #ec6458);
	background-image: -o-linear-gradient(top, #ec6458, #ec6458);
	background-image: linear-gradient(to bottom, #ec6458, #ec6458);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec6458', endColorstr='#ec6458', GradientType=0);
}

.usabilitytest, .uidesign, .gdesign
{
	background-color: #7b9da6;
	background-image: -moz-linear-gradient(top, #7b9da6, #7b9da6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7b9da6), to(#7b9da6));
	background-image: -webkit-linear-gradient(top, #7b9da6, #7b9da6);
	background-image: -o-linear-gradient(top, #7b9da6, #7b9da6);
	background-image: linear-gradient(to bottom, #7b9da6, #7b9da6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b9da6', endColorstr='#7b9da6', GradientType=0);
}

.visualdesign, .wireFraming, .uxdesign, .jscript, .graphicdesign
{
	background-color: #419aeb;
	background-image: -moz-linear-gradient(top, #419aeb, #419aeb);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#419aeb), to(#419aeb));
	background-image: -webkit-linear-gradient(top, #419aeb, #419aeb);
	background-image: -o-linear-gradient(top, #419aeb, #419aeb);
	background-image: linear-gradient(to bottom, #419aeb, #419aeb);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#419aeb', endColorstr='#95d06e', GradientType=0);
}
.wireframe, .webdesign, .html, .elearningdevelopment
{
	background-color: #85b84b;
	background-image: -moz-linear-gradient(top, #85b84b, #85b84b);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#85b84b), to(#85b84b));
	background-image: -webkit-linear-gradient(top, #85b84b, #85b84b);
	background-image: -o-linear-gradient(top, #85b84b, #85b84b);
	background-image: linear-gradient(to bottom, #85b84b, #85b84b);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85b84b', endColorstr='#85b84b', GradientType=0);
	background-image: url(../img/bghead.png);
	background-repeat: repeat;
	background-position: center top;
}





/* ===== TABS SECTION ===== */

.nav-tabs {
	border-bottom: 1px solid #DFDFDF;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
	color: white;
	cursor: default;
	background-color: #00bbcc;
	border: 1px solid #00bbcc;
	border-bottom-color: #DFDFDF;
}

.nav-tabs > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 20px;
	border: 1px solid transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #00bbcc;
	border-radius:3px 3px 0px 0px;
}

.nav-tabs > li > a > i{
	vertical-align: -2px;
	font-size:18px;
	padding-right:4px;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	border-top-color: #eeeeee;
	border-right-color: #eeeeee;
	border-bottom-color: #DFDFDF;
	border-left-color: #eeeeee;
}

.tab-content{padding:20px 0;}
.tab-content p{color:#999;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{	color: white;
	cursor: default;
	background-color: #00bbcc;
	border: 1px solid #00bbcc;
	border-bottom-color: #DFDFDF;
	}
.nav-tabs > li > a > i {
    font-size: 14px;
    padding-right: 2px;
    padding-top: 5px;
}
	
	/* ===== TESTIMONIAL SECTION ===== */

.testimonials{
	/*width:80%;
	padding:0px 10%;*/
	margin:0;
}

.testimonialimage{
	width:24%;
	float:left;
	padding:10px 2%;
}

.testimonialimage img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	border-radius: 5px;	
	border:1px solid #e7e7e7;
}

.imgborder
{
	border-radius: 5px;	
}

.testimonialtext{
	width:76%;
	padding:10px 2%;
	float:right;
	font-size:14px;
	font-weight:300;
}

/* ===== ISOTOPE SECTION ===== */

/**** Isotope Filtering ****/

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

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

/**** Isotope CSS3 transitions ****/

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

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

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
/* ===== ISOTOPE SECTION ===== */

/**** Isotope Filtering ****/

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

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

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* ===== PORTFOLIO SECTION ===== */

.sharewrap{
	width:100%;
	float:left;
	display:block;
}

ul.option-set{
	float:left;
	padding:0px;
	margin:0;
}

ul.option-set li{;
	float:left;
	display:inline-block;
	list-style:none;
}

ul.option-set li a,
ul.option-set li a:visited{
	padding:10px 14px;
	color:#999;
	font-size:14px;
	display:inline-block;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

ul.option-set li a.selected,
ul.option-set li a:hover{
	background-color:#00bbcc;
	color:white;
}

.masonryportfolio{
	width:25%;
	float:left;
	height:auto;
	overflow:hidden;
	margin:0 !important;	
	border:0px !important;
}

.portfolioitem{
	margin-bottom:30px;
	border-bottom: 1px solid #00bbcc;
	background-color:white;
	overflow: hidden;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.fixedheight4{
	height:160px;
	overflow:hidden;
}

.fixedheight3{
	height:200px;
	overflow:hidden;
}

.fixedheight2{
	height:300px;
	overflow:hidden;
}

.portfolioimagewrap{
	width:100%;
	float:left;
	position:relative;
	overflow:hidden;
}

.portfolioimagewrap img{
	border:0px;
	padding:0px;
	margin:0px;
	height:auto;
	width:100%;
}

.portfoliotitle{
	width:100%;
	font-size:16px;
	font-weight:400;
	padding:30px 0px 0px 0px;
	margin:0;
	line-height:18px;
	float:left;
}

.portfolioexcerpt{
	width:100%;
	color:#CCC;
	font-size:12px;
	font-weight:400;
	padding:0px;
	float:left;
	padding-bottom:30px;
}

.portfoliooverlay{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#ffffff;
	background-color:rgba(255,255,255,.5);
	z-index:2000;
	height:100% !important;
	opacity:0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding:6px 0px 2px 0px;
}

.fixedheight4 > .portfoliooverlay{
	height:160px !important;
}

.fixedheight3 > .portfoliooverlay{
	height:200px !important;
}

.fixedheight2 > .portfoliooverlay{
	height:300px !important;
}

.portfolioimagewrap:hover > .portfoliooverlay{
	opacity:100;
}

.portfolioinnnerwrap{
	background-color:#252525;
	background-color:rgba(255,255,255,.5);
	height:80%;
	width:90%;
	margin:5%;
	position:relative;
}

.portfoliolink{
	position:absolute;
	top:50%;
	left:50%;
	margin:-5px 0px 0px -25px;
	font-size:30px;
}

.portfoliolink a,
.portfoliolink a:visited{
	font-size:30px;
	color:#252525 !important;
	padding:15px;
}

.portfoliolink a:hover{
	color:#666666 !important;
}

.detailpagepag{
	width:100%;
	float:left;
}

.detailpagepag a,
.detailpagepag a:visited{
	background-color:#00bbcc;
	color:white;
	padding:3px 20px 10px 20px;
	font-size:36px !important;
	line-height:36px;
	display:inline-block;
	margin-bottom:20px;
	border-radius:3px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.detailpagepag a:hover{
	background-color:#FBFBFB !important;
	color:#00bbcc;
}

ul.detailedstuff{
	width:100%;
	float:left;
	margin:0;
	padding:0px 0px 20px 0px;
}

ul.detailedstuff li{
	list-style:none;
	font-size:14px;
	color:#999;
	padding:2px 0px;
}

ul.detailedstuff li span{
	color:#666666;
	margin-right:10px;
	font-size:16px;
	font-weight:600;
	min-width:80px;
	display:inline-block;
}

.portfoliocontent{
	font-weight:300;
	width:100%;
	float:left;
	padding-bottom:20px;
}

.portfolioslide img{
	width:100%;
	height:auto;	
}

.portfolioiframe{
	width:100%;
	padding:0px;
	margin:0px;
	border:0px;
	height:500px;
}

.smallportfolioshortcode{
	height:160px;
	overflow:hidden;
}

.grid {
	padding: 0px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grid li {
	display: inline-block;
	width: 31%;
	margin: 0;
	padding: 10px 1%;
	text-align: left;
	position: relative;
}

.grid li.twocol{
	width:48%;
}

.grid li.fourcol{
	width:22.9%;
}

.grid figure {
	margin: 0;
	position: relative;
	overflow: hidden;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
}

.grid figure:hover img,
.grid figure.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.grid figcaption {
	position: absolute;
	left: 0;
	padding: 20px 0px;
	background: #252525;
	color: #00bbcc;
	height: 100px;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.grid figcaption h3 {
	margin: 0;
	padding: 0 20px;
	color: #fff;
}

.fourcol figcaption h3{
	font-size:18px;
}

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

.grid figcaption span{
	padding-left:20px;
}

.grid figcaption span:before {
	content: '';
}

.grid figcaption a {
	text-align: center;
	padding: 5px 10px;
	border-radius: 2px;
	display: inline-block;
	background: #00bbcc;
	color: #fff;
}

.grid figure:hover figcaption,
.grid figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.grid figcaption a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

#back-top {
    background: none repeat scroll 0 0 #000;
    bottom: 20px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 20px;
	border-radius: 8px;
}

#back-top i {
    color: #00bbcc;
    display: block;
    font-size: 20px;
    padding: 14px;
}

nav.primary {
	width:100%;
	margin:30px 0px;
	display:table;
	border-bottom: 1px solid #DFDFDF;
}
nav.primary ul{
margin-left: -40px;
}

nav.primary ul li  {
	float:left;
	list-style:none;
	margin: 0px 4px 0px 0px;
	text-decoration: none;
}

nav.primary ul li a {
	height:37px;
	display:block;
	color:#000;
	padding:7px 14px;
	line-height: 20px;
	border: 1px solid transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #00bbcc;
	border-radius:3px 3px 0px 0px;
}

nav.primary li a:hover {
	text-decoration: none;	
	background-color: #eeeeee;
}

nav.primary li a.selected, nav.primary li a:focus{
    color: white;
	cursor: default;
	background-color: #00bbcc;
	text-decoration: none;
	}
	

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

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


.landscapeentry {
	position:relative;
	float:left;
	margin:10px;
	cursor:pointer;
	width:200px;
	height:auto;
	padding:0;
	border: 1px solid #e7e7e7;
}




.portfolio { margin:0; }

.magnifier {
	background:rgba(0,0,0,.7) url(../images/magnifier.png) no-repeat center;
	position:absolute;
	top:1px;
	left:1px;
	bottom:1px;
	right:1px;
	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;
}

.flashicon {
	background:rgba(0,187,204,.7) url(../images/flash.png) no-repeat center;
	position:absolute;
	top:1px;
	left:1px;
	bottom:1px;
	right:1px;
	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;
}

.openinnewwindow {
	background:rgba(0,187,204,.7) url(../images/newwindow.png) no-repeat center;
	position:absolute;
	top:1px;
	left:1px;
	bottom:1px;
	right:1px;
	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(0,187,204,.7) url(../images/video.png) no-repeat center;
	position:absolute;
	top:1px;
	left:1px;
	bottom:1px;
	right:1px;
	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,
.landscapeentry:hover .video-hover,
.landscapeentry:hover .flashicon,
.landscapeentry:hover .magnifier, .landscapeentry:hover .openinnewwindow
{ 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;
}	

/*Contact form*/

.form_info{
	margin:0;
	padding:20px 0px 5px 0px;	
	font-weight:300;
	text-transform:uppercase;
	font-size:12px;
}

.fullwidth{
	display:block;
	width:97%;
	border:0px !important;
	border-bottom:1px solid #DDDDDD !important;
	background-color:#F2F9FB !important;
	margin:0 !important;
	padding:8px 1% !important;
	font-size:14px !important;
	-moz-border-radius:2px !important;
	-ms-border-radius:2px !important;
	-o-border-radius:2px !important;
	-webkit-border-radius:2px !important;
	border-radius:2px !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.fullwidtharea{
	display:block;
	width:97%;
	border:0px !important;
	border-bottom:1px solid #DDDDDD !important;
	background-color:#F2F9FB !important;
	margin:0px 0px 30px 0px !important;
	padding:8px 1% !important;
	font-size:14px !important;
	-moz-border-radius:2px !important;
	-ms-border-radius:2px !important;
	-o-border-radius:2px !important;
	-webkit-border-radius:2px !important;
	border-radius:2px !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	min-height:240px;
}

#commentform > .form-submit > #submit,
.btn-form{
	background-color:#2f2f2f;	
	border:1px solid #2f2f2f;
	color:#f4f4f4;
	text-shadow:none;
	padding:8px 0px;
	text-align:center;
	font-size:15px;
	text-transform:uppercase;
	font-weight:600;
	width:99%;
	margin:0;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.btn-form{
	text-align:center;
	width:100% !important;
}


/* google map wrap */
#map{
	width:100%;
	float:left;
	height:250px;
}

#map > iframe{
	height:250px;
	width:100%;
	padding:0px;
	margin:0px;
	border:0px;
}
/*Contact form*/

	
@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes toLeftFromRight {
	0%{
		opacity: 0;
	}
	49% {
		-webkit-transform: translate(0%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	0%{
		opacity: 0;
	}
	49% {
		-moz-transform: translate(0%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	0%{
		opacity: 0;
	}
	49% {
		transform: translate(0%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}

@-webkit-keyframes toRightFromLeft {
	0%{
		opacity: 0;
	}
	49% {
		-webkit-transform: translate(0%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	0%{
		opacity: 0;
	}
	49% {
		-moz-transform: translate(0%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	0%{
		opacity: 0;
	}
	49% {
		transform: translate(0%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}

@-webkit-keyframes toTopFromBottom {
	0%{
		opacity: 0;
	}
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	0%{
		opacity: 0;
	}
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	0%{
		opacity: 0;
	}
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}




/*-----------------------------------------------------------------------------------*/
/*	SLIDER
/*-----------------------------------------------------------------------------------*/