body {
	font: normal 13px/20px Arial, Helvetica, sans-serif;
	color: #999;
}
a,
a:link,
a:visited,
.st-news-horizonal .inner .readmore:hover,
.st-content-grid-1 .inner:hover .title a,
.st-our-mission .title,
.st-others-say .title,
.st-news-horizonal .inner .st-team-info .title,
.pagination .page span,
.pagination .page a:hover,
.avatar-tree-menu .st-mega-menu-row ul li a:hover,
.avatar-tree-menu .st-mega-menu-row ul li span:hover {
	color: #FF9900; 
	cursor: pointer;
}
@media (max-width: 768px)
{
	body.avatar-responsive .avatar-main-menu li > .st-mega-menu-row li a:hover, 
	body.avatar-responsive .avatar-main-menu li > .st-mega-menu-row li span:hover {
		background-color: #FF9900;
	}
}
.avatar-main-menu > li.active > a,
.avatar-main-menu > li.active > span,
.avatar-main-menu > li > a:hover,
.avatar-main-menu > li > span:hover {
	background: url(../images/st_theme/header/background-hover-menu.png) repeat-x; 
}
.menu span:hover,
.menu a:hover, 
a:hover,
em, code {
	color: #FF6600;
}
p, span {
	color: #999;
}
p {
	font-size: 14px;
}

#avatar-tool-block {
	padding: 0;
}
#avatar-tool-block .avatar-module, 
#avatar-header-inside-block .avatar-module,
#avatar-header-bottom-block .avatar-module {
	margin: 0;
}
#avatar-pos-top-right .avatar-module {
	float: right;
}
#avatar-header-inside-block {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 810;
	background: url(../images/st_theme/slider/slide1.jpg) no-repeat center top fixed;
	background-size: cover;
}
#avatar-header-inside-block:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	min-height: 106px;
	background: #fff;
	opacity: 0.2;
	z-index: -10;
}
#avatar-header-bottom-block {
	background: url(../images/st_theme/slider/slide1.jpg) no-repeat center top fixed;
	background-size: cover;
}
/*======= LOGO =======*/
#avatar-template-logo a{
	height: 60px;
	width: 100%;
	display: block;
	text-indent: -9999px;
	background: url(../images/logo.png) center center no-repeat;
	padding: 40px 0 0 0;
}
/* =============== MENU =============== */
body.avatar-responsive .avatar-nav-responsive span.toggle {
	display: none;
}
.avatar-nav-responsive .pull,
.avatar-nav-responsive .pull-main {
	display: none;
}
.avatar-main-menu {
	margin: 0;
}
.avatar-main-menu li > .st-mega-menu-row {
	display: none;
}  
.avatar-main-menu > li {
	float: left;
}
.avatar-main-menu li a,
.avatar-main-menu li span {
	font-size: 14px;
	font-family: 'Arial';
	color: #fff;
	padding: 43px 25px;
	display: block;
}
.avatar-main-menu > li.active > a,
.avatar-main-menu > li.active > span,
.avatar-main-menu > li > a:hover,
.avatar-main-menu > li > span:hover {
	color: #fff;
	text-decoration: none;
}
.avatar-main-menu li:hover > .st-mega-menu-row {
	display: block;
	position: absolute;
}
.avatar-main-menu li > .st-mega-menu-row li a,
.avatar-main-menu li > .st-mega-menu-row li span {
	padding: 15px 25px;
	background: #f5f5f5;
	min-width: 150px;
	max-width: 150px;
	text-decoration: none;
	color: #959595;
	border-bottom: 1px solid #ececec;
}
.avatar-main-menu li > .st-mega-menu-row li a:hover,
.avatar-main-menu li > .st-mega-menu-row li span:hover {
	background: #fff;
}
.avatar-tree-menu li a,
.avatar-tree-menu li span,
.css3-effect .avatar-main-menu li a,
.css3-effect .avatar-main-menu li span,
.css3-effect .avatar-main-menu li a:hover,
.css3-effect .avatar-main-menu li span:hover {
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
	-ms-transition: background 0.6s;
	-o-transition: background 0.6s;
	transition: background 0.6s;
}
.avatar-tree-menu {
	margin: -15px;
}
.avatar-tree-menu .st-mega-menu-row .st-mega-menu-col {
	float: none;
}
.avatar-tree-menu > li {
	border-bottom: 1px solid #ececec;
}
.avatar-tree-menu > li > a,
.avatar-tree-menu > li > span {
	padding: 10px 0 10px 41px;
	background: url(../images/st_theme/icons/icons.png) no-repeat -2px 14px;
	background-size: 43px;
	font-size: 18px;
	color: #666;
	display: block;
}
.avatar-tree-menu .st-mega-menu-row ul li a,
.avatar-tree-menu .st-mega-menu-row ul li span {
	font-size: 14px;
	text-decoration: none;
	color: #666;
	display: block;
	padding: 10px 0 10px 44px;
} 
.avatar-tree-menu .st-mega-menu-row ul li a:hover,
.avatar-tree-menu .st-mega-menu-row ul li span:hover {
	background: url(../images/st_theme/icons/icons.png) no-repeat 8px 16px;
	background-size: 28px;
} 
.css3-effect .avatar-tree-menu li a,
.css3-effect .avatar-tree-menu li span {
	-webkit-transition: color 0.6s;
	-moz-transition: color 0.6s;
	-ms-transition: color 0.6s;
	-o-transition: color 0.6s;
	transition: color 0.6s;
}
/* GO TO TOP */
#avatar-go-to-top {
	display: block;
	height: 38px;
	width: 38px;
	position: fixed;
	right: 5%;
	bottom: 30px;
	z-index: 9999;
	background: url(../images/st_theme/icons/icons.png) no-repeat -9px -379px;
}
/*=========== MODULE STYLES =============*/
.st-page-home .st-content-grid-1 .span4 .content p{
	padding-top:30px;
}
@media (min-width: 1200px)
.row-fluid [class*="span"]{
	margin-left: 2.07%;
}
.st-page-home .row-fluid .span4 img{
	width:100%;
}
.st-module-heading {
	font-size: 25px;
	font-family: 'roboto_slabregular';
	color: #666;
	font-weight: normal;
	text-transform: uppercase;
	padding: 35px 0 35px 35px;
	margin-top:60px;
	line-height: 28px;
}
.st-module-heading span {
	color: #666;
}
.st-module-1 span{
	padding-left:3px;
}
.st-recent-work .r-hex, .st-news-horizonal-1 .r-hex{
	margin-top: 45px;
}
.st-recent-work .image img{
	max-height:21%;
	overflow: hidden;
}
.r-hex {
    overflow: hidden;
    display: inline-block;
    width: 20px; height: 17.32px;
   -webkit-transform: rotate(-30deg) skewX(30deg);
   -o-transform: rotate(-30deg) skewX(30deg);
   -moz-transform: rotate(-30deg) skewX(30deg);
   -ms-transform: rotate(-30deg) skewX(30deg);
   border-radius: 2px;
   float:left;
   margin-top:40px;
}
.r-hex *, .r-hex *:before {
  display: block;
  overflow: hidden;
  width: inherit; height: inherit;
  border-radius: inherit;
}
.r-hex-inner {
  -webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
  -o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
  -moz-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
  -ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
  transition: opacity .75s;
  cursor: pointer;
}
.r-hex:first-child .r-hex-inner:before, .r-hex-inner-2 {
  -webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
  -o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
  -moz-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
  -ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
  background: orange;
  content: '';
}
#avatar-right, #avatar-left {
	padding-top: 30px;
}
#avatar-right .avatar-module,
#avatar-left .avatar-module {
	margin: 0 0 35px;
}  
.st-module-1 .st-module-heading {
	border-top: 4px double #ececec;
}
.st-content-grid-3 .st-module-content .inner {
	border: 1px solid #ddd;
	background: #fff;
	padding: 23px 20px;
	margin-bottom: 13px;
}
#sidebar-a .st-module-1 .st-module-heading,
#sidebar-a .st-module-2 .st-module-heading {
	margin: 0;
} 
.st-module-2 .st-module-heading {
	border-bottom: 4px double #D0D0C8;
	text-transform: none;
	padding: 35px 0 15px 25px;
	margin-bottom: 13px;
	margin-top:10px;
}
.st-module-3,
.st-module-5 .st-module-heading,
.st-module-5 .st-module-content {
	background-color: #fff;
	border: 1px solid #ddd;
}
.st-module-3 .st-module-heading,
.st-module-4 .st-module-heading,
.st-module-5 .st-module-heading,
.st-module-3 .st-module-content,
.st-module-4 .st-module-content,
.st-module-5 .st-module-content {
	padding: 15px;
}
.st-module-3 .st-module-heading,
.st-module-4 .st-module-heading,
.st-module-5 .st-module-heading {
	display: block;
	text-transform: none;
	padding-left: 40px;
	background-position: -7px 20px;
	margin: 0;
}
.st-module-3 .st-module-heading {
	border-bottom: 4px double #ddd;
}
.st-module-5 .st-module-heading {
	margin-bottom: 2px;
}
.st-module-4 {
	border: 1px solid #ddd;
}
.st-module-4 .st-module-content {
	border-top: 4px double #ddd;
	background: #fff;
}
/*=============menu right================*/

/*=========== HOME SLIDER =================*/
.st-layer-slider .sequence-prev {
	background: url(../images/st_theme/icons/slider-nav-left.png) no-repeat rgba(0, 0, 0, 0.3);
	width: 42px;
	height: 64px;
	border-radius: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.st-layer-slider .sequence-next {
	background: url(../images/st_theme/icons/slider-nav-right.png) no-repeat rgba(0, 0, 0, 0.3);
	width: 42px;
	height: 64px;
	border-radius: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.st-layer-slider .sequence-prev:hover {
	background: url(../images/st_theme/icons/slider-nav-left.png) no-repeat rgba(0, 0, 0, 0.5);
}
.st-layer-slider .sequence-next:hover {
	background: url(../images/st_theme/icons/slider-nav-right.png) no-repeat rgba(0, 0, 0, 0.5);
}
.st-page-home #avatar-header-inside-block {
	position: absolute;
	background: rgba(0, 0, 0, 0.2);
}
[class*="st-slider-frame-"] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
[class*="st-slider-frame-"] > .inner {
	width: 1200px;
	margin: auto;
}

[class*="st-slider-frame-"] .inner {
	text-align: center;
	padding-top: 240px;
}
[class*="st-slider-frame-"] .title {
	font-size: 30px;
	font-family: 'Arial'; 
	font-weight: 800;
	color: #fff;
	line-height: 45px;
	text-transform: uppercase;
}
[class*="st-slider-frame-"] [class*="description"] span {
	font-size: 18px;
	font-family: 'Arial';
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
	padding: 10px;
	border-radius: 3px;
	display: inline-block;
}
[class*="st-slider-frame-"] .title {
	margin: 0 0 25px;
}
[class*="st-slider-frame-"] .description {
	margin: 0 0 15px;
}

.st-slider-frame-1 {
	background: url(../images/st_theme/slider/slide-3.jpg) no-repeat;
	background-size: cover;
}

.st-slider-frame-1 .inner { 
	padding-top: 170px;
}

.st-slider-frame-1 .description {
  	font-size: 18px;
	font-family: 'Arial';
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
	padding: 5px;
	border-radius: 5px;
	display: block;
}

.st-slider-frame-3 {
	background: url(../images/st_theme/slider/slide-5.jpg) no-repeat;
	background-size: cover;
}
.st-slider-frame-3 .inner { 
	padding-top: 170px;
}

.st-slider-frame-3 .description {
  	font-size: 18px;
	font-family: 'Arial';
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
	padding: 5px;
	border-radius: 5px;
	display: block;
}

.st-slider-frame-2 {
	background: url(../images/st_theme/slider/slide-4.jpg) no-repeat;
	background-size: cover;
}
.st-slider-frame-2 .inner { 
	padding-top: 170px;
}
.st-slider-frame-2 .content {
	text-align: left;
}
.st-slider-frame-2 .image {
	text-align: right;
	padding-right: 50px;
}
.st-slider-frame-2 .title {
	margin-top: 20px;
}

.st-slider-frame-2 .description {
  	font-size: 18px;
	font-family: 'Arial';
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
	padding: 5px;
	border-radius: 5px;
	display: block;
}

.css3-effect .st-slider-frame-2 .image {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.css3-effect .st-slider-frame-2 .image,
.css3-effect .animate-out .st-slider-frame-2 .image {
	-webkit-transform: scale(3) rotate(200deg);
	-moz-transform: scale(3) rotate(200deg);
	-ms-transform: scale(3) rotate(200deg);
	-o-transform: scale(3) rotate(200deg);
	transform: scale(3) rotate(200deg);
}
.css3-effect .animate-in .st-slider-frame-2 .image {
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
}
.css3-effect .animate-in .st-slider-frame-2 .description,
.css3-effect .animate-in .st-slider-frame-2 .title {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.css3-effect .st-slider-frame-2 .description,
.css3-effect .st-slider-frame-2 .title,
.css3-effect .animate-out .st-slider-frame-2 .description,
.css3-effect .animate-out .st-slider-frame-2 .title {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translate(100px, 0);
	-moz-transform: translate(100px, 0);
	-ms-transform: translate(100px, 0);
	-o-transform: translate(100px, 0);
	transform: translate(100px, 0);
}
.css3-effect .st-slider-frame-2 .description,
.css3-effect .st-slider-frame-2 .title {
	-webkit-transition: all 0.6s 1s;
	-moz-transition: all 0.6s 1s;
	-ms-transition: all 0.6s 1s;
	-o-transition: all 0.6s 1s;
	transition: all 0.6s 0.1s;
}
.css3-effect .st-slider-frame-2 .description:nth-child(2n+1) {
	-webkit-transition: all 0.6s 1.5s;
	-moz-transition: all 0.6s 1.5s;
	-ms-transition: all 0.6s 1.5s;
	-o-transition: all 0.6s 1.5s;
	transition: all 0.6s 1.5s;
}
.css3-effect .st-slider-frame-2 .description:nth-child(2n+2) {
	-webkit-transition: all 0.6s 2s;
	-moz-transition: all 0.6s 2s;
	-ms-transition: all 0.6s 2s;
	-o-transition: all 0.6s 2s;
	transition: all 0.6s 2s;
}
.css3-effect .animate-in .st-slider-frame-1 .description,
.css3-effect .animate-in .st-slider-frame-1 .title {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.css3-effect .st-slider-frame-1 .description,
.css3-effect .st-slider-frame-1 .title,
.css3-effect .animate-out .st-slider-frame-1 .description,
.css3-effect .animate-out .st-slider-frame-1 .title {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translate(0, 100px);
	-moz-transform: translate(0, 100px);
	-ms-transform: translate(0, 100px);
	-o-transform: translate(0, 100px);
	transform: translate(0, 100px);
}
.css3-effect .st-slider-frame-1 .title {
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.css3-effect .st-slider-frame-1 .description {
	-webkit-transition: all 0.6s 0.5s;
	-moz-transition: all 0.6s 0.5s;
	-ms-transition: all 0.6s 0.5s;
	-o-transition: all 0.6s 0.5s;
	transition: all 0.6s 0.5s;
}
/*===========flex slide====================*/
#avatar-pos-user-21{
	width: 48.51% !important;
	padding-right:29px;
}
.st-flexi .flexslider{
	border:none;
	box-shadow:none;
}
#avatar-pos-user-22{
	width:48.8% !important;
	padding-top:17px;
}
.st-flexi .flex-caption{
	display: none;
}
/*===========End Flex slide ===============*/
/*=========== CUSTOM BANNER ===============*/
.st-banner .inner-1 {
	position: relative;
	float: left;
	left: 50%;	
	color: #fff;
	text-align: center;
}
.st-banner .inner-2 {
	position: relative;
	float: left;
	left: -50%;
	padding: 200px 96px 96px;
}
.st-banner {
	overflow: hidden;
	display: block;
}
.st-banner h1 {
	font-size: 48px;
	font-family: 'Conv_HelveticaLTStd-Roman';
	text-transform: uppercase;
	display: block;
	padding: 0 0 10px;
	font-weight: bold;
	color: #fff;
	line-height: 60px;
}
.st-banner p {
	display: block;
	width: 90%;
	margin: 0 auto;
	line-height: 30px;
	color: #fff;
	font-family: 'roboto_slabregular';
	font-size: 18px;
}
.st-banner .inner-2 .title,
.st-banner .inner-2 .description {
	margin-bottom: 35px;
	padding: 0;
}
.st-banner .link-button,
.st-banner .link-button:hover {
	background: none;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 3px;
	padding: 25px 50px;
	display: inline-block;
	font-family: 'Conv_HelveticaLTStd-Roman';
	font-weight: bold;
	font-size: 20px;
	text-transform: none;
	display:none;
}
.css3-effect .st-banner .inner-2 h1 {
	-webkit-animation:bannerh1 3s;
	-moz-animation:bannerh1 3s; 
	-o-animation:bannerh1 3s; 
	animation:bannerh1 3s;  
}
.css3-effect .st-banner .inner-2 p {
	-webkit-animation:bannerp 2s;
	-moz-animation:bannerp 2s; 
	-o-animation:bannerp 2s; 
	animation:bannerp 2s; 
}
@-webkit-keyframes bannerh1 
{
	0% {
		-webkit-transform: translate(0, 100px) scale(0.8,0.8);;
		opacity: 0;
	}
	65% {
		-webkit-transform: translate(0, -20px) scale(1.5,1.5);;
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 0) scale(1,1);;
		opacity: 1;
	}
}
@-moz-keyframes bannerh1 
{
	0% {
		-webkit-transform: translate(0, 100px) scale(0.8,0.8);;
		opacity: 0;
	}
	65% {
		-webkit-transform: translate(0, -20px) scale(1.5,1.5);;
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 0) scale(1,1);;
		opacity: 1;
	}
}
@-o-keyframes bannerh1 
{
	0% {
		-webkit-transform: translate(0, 100px) scale(0.8,0.8);;
		opacity: 0;
	}
	65% {
		-webkit-transform: translate(0, -20px) scale(1.5,1.5);;
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 0) scale(1,1);;
		opacity: 1;
	}
}
@keyframes bannerh1 
{
	0% {
		-webkit-transform: translate(0, 100px) scale(0.8,0.8);;
		opacity: 0;
	}
	65% {
		-webkit-transform: translate(0, -20px) scale(1.5,1.5);;
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 0) scale(1,1);;
		opacity: 1;
	}
}
@-webkit-keyframes bannerp
{
	0% {
		-webkit-transform: translate(0, 100px) scale(3,3);
		opacity: 0.4;
	}
	65% {
		-webkit-transform: translate(0, -20px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 0) scale(1,1);
		opacity: 1;
	}
}

@-moz-keyframes bannerp
{
	0% {
		-webkit-transform: translate(0, 100px) scale(3,3);
		opacity: 0.4;
	}
	65% {
		-webkit-transform: translate(0, -20px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 0) scale(1,1);
		opacity: 1;
	}
}

@-o-keyframes bannerp
{
	0% {
		-webkit-transform: translate(0, 100px) scale(3,3);
		opacity: 0.4;
	}
	65% {
		-webkit-transform: translate(0, -20px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 0) scale(1,1);
		opacity: 1;
	}
}

@keyframes bannerp
{
	0% {
		-webkit-transform: translate(0, 100px) scale(3,3);
		opacity: 0.4;
	}
	65% {
		-webkit-transform: translate(0, -20px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 0) scale(1,1);
		opacity: 1;
	}
}
.st-content-grid-1 {
	margin: 0 0 45px 0 !important;
}
.st-content-grid-1 .inner {
	position: relative;
	margin: 0 !important;
}
.st-content-grid-1 .st-module-content .inner .title {
	padding: 58px 0 0px !important;
	margin: 0 0 30px 0;
	font-family: 'roboto_slabregular';
	font-size: 20px;
	color: #858585;
}
.st-content-grid-1 .st-module-content .inner .title a {
	color: #858585;
}
.st-content-grid-1 .content,
.st-content-grid-1 .title {
	text-align: center;
	position: relative;
}
.st-content-grid-1 .content {
	padding: 45px 22px 15px;
	position: absolute;
	top: -200px;
	background: #fff;
	height: 200px;
	overflow: hidden;
}
.st-content-grid-1 .title strong {
	font-size: 22px;
	text-transform: uppercase;
	display: block;
}
.st-content-grid-1 .title a {
	text-decoration: none;
}
.st-content-grid-1 [class*="span"] .inner .image {
	padding: 0 !important;
	position: absolute;
	top: -405px;
	background: #fff;
	height: 200px;
	width: 100%;
	overflow: visible;
}
.st-about-us-feature .title:before,
.st-content-grid-1 .title:before {
	content: ' ';
	display: block;
	height: 64px;
	width: 100%;
	background: url(../images/st_theme/icons/icons.png) no-repeat center -438px transparent;
	position: absolute;
	top: -35px;
	z-index: 9;
}
.st-content-grid-1 .inner .image:before {
	content : '';
	display: none !important;
}
.st-content-grid-1 .image:after {
	content: ' ';
	display: block;
	height: 64px;
	width: 100%;
	background: url(../images/st_theme/icons/icons.png) no-repeat center -438px transparent;
	position: absolute;
	bottom: -34px;
	z-index: 9;
}
.st-content-grid-1 .row-fluid [class*="span"]:nth-child(2n + 1) {
	position: relative;
	z-index: 298;
}
.st-content-grid-1 .row-fluid [class*="span"]:nth-child(2n + 2) {
	position: relative;
	z-index: 299;
}
.st-content-grid-1 .row-fluid [class*="span"]:nth-child(2n + 3) {
	position: relative;
	z-index: 300;
}
.st-content-grid-1 .row-fluid [class*="span"]:nth-child(2n + 1) .image {
	border-bottom: 5px solid #FF6600;
}
.st-content-grid-1 .row-fluid [class*="span"]:nth-child(2n + 2) .image {
	border-bottom: 5px solid #FF9900;
}
.st-content-grid-1 .row-fluid [class*="span"]:nth-child(2n + 3) .image {
	border-bottom: 5px solid #FFCC00;
}
.st-about-us-feature .row-fluid [class*="span"]:nth-child(2n + 1) .title, 
.st-content-grid-1 .row-fluid [class*="span"]:nth-child(2n + 1) .title {
	border-top: 5px solid #FF6600;
}
.st-about-us-feature .row-fluid [class*="span"]:nth-child(2n + 2) .title,
.st-content-grid-1 .row-fluid [class*="span"]:nth-child(2n + 2) .title {
	border-top: 5px solid #FF9900;
}
.st-about-us-feature .row-fluid [class*="span"]:nth-child(2n + 3) .title,
.st-content-grid-1 .row-fluid [class*="span"]:nth-child(2n + 3) .title {
	border-top: 5px solid #FFCC00;
}
.st-about-us-feature .row-fluid [class*="span"]:nth-child(2n + 1) .title:before,
.st-content-grid-1 .row-fluid [class*="span"]:nth-child(2n + 1) .image:after,
.st-content-grid-1 .row-fluid [class*="span"]:nth-child(2n + 1) .title:before {
	background: url(../images/st_theme/icons/icons.png) no-repeat center -937px transparent;
}
.st-about-us-feature .row-fluid [class*="span"]:nth-child(2n + 2) .title:before,
.st-content-grid-1 .row-fluid [class*="span"]:nth-child(2n + 2) .image:after,
.st-content-grid-1 .row-fluid [class*="span"]:nth-child(2n + 2) .title:before {
	background: url(../images/st_theme/icons/icons.png) no-repeat center -635px transparent;
}
.st-about-us-feature .row-fluid [class*="span"]:nth-child(2n + 3) .title:before,
.st-content-grid-1 .row-fluid [class*="span"]:nth-child(2n + 3) .image:after,
.st-content-grid-1 .row-fluid [class*="span"]:nth-child(2n + 3) .title:before {
	background: url(../images/st_theme/icons/icons.png) no-repeat center -775px transparent;
}
.st-content-grid-1 .link-button {
	margin: 15px 0 5px;
	display: inline-block;
	-ms-transition: all 0.6s;
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.st-content-grid-1 .inner:hover {
	background: #fff;
	box-shadow: 0px 0px 2px #ccc;
}
.st-content-grid-1 [class*="span"] .inner .content,
.st-content-grid-1 [class*="span"] .inner .image{
	top: 0;
	height: 0%;
	opacity: 0;
	overflow: hidden;
}
.css3-effect .st-content-grid-1 [class*="span"] .inner .content,
.css3-effect .st-content-grid-1 [class*="span"] .inner .image,
.css3-effect .st-content-grid-1 .inner:hover .image,
.css3-effect .st-content-grid-1 .inner:hover .content{
	-ms-transition: opacity 0.6s;
	-webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
 }
.st-content-grid-1 .inner:hover .image {
	top: -392px;
	height: 192px;
	overflow: visible;
	opacity: 1;
	z-index: 9;
}
.st-content-grid-1 .inner:hover .image img {
	height: 100%;
	width: 100%;
}
.st-content-grid-1 .inner:hover .content {
	top: -195px;
	height: 140px;
	overflow: visible;
	opacity: 1;
	z-index: 8;
}
.st-content-grid-1 .inner:hover .title {
	border-top: 1px solid #ECECEC !important;
	padding: 20px 0 0 !important;
	margin: 42px 20px 24px;
}
.st-content-grid-1 .inner:hover .title:before,
body .st-content-grid-1 .st-news-horizonal .inner .image .mirror  {
	display: none;
}
.st-news-horizonal .st-module-content .row-fluid {
	padding-bottom: 25px;
}
.st-news-horizonal .row-fluid > * > .inner {
	margin-bottom: 25px;
}
.st-news-horizonal .inner .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 0;
	line-height: 20px;
	margin: 15px 0 2px;
}
.st-news-horizonal .inner .title:fist-letter {
	text-transform: uppercase;
}
.st-news-horizonal .inner .title a {
	color: #666;
}
.st-news-horizonal .inner .category {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
} 
.st-news-horizonal .inner .image {
	position: relative;
	overflow: hidden;
}
.css3-effect .st-news-horizonal .inner .image .mirror {
	display: block;
	background: rgba(255, 255, 255, .2);
	transform: translate(-119% , 0) skew(-45deg);
	-moz-transform: translate(-119% , 0) skew(-45deg);
  	-webkit-transform: translate(-119% , 0) skew(-45deg);
  	-ms-transform:  translate(-119% , 0) skew(-45deg);
  	-o-transform: translate(-119% , 0) skew(-45deg);
  	
  	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
}
.css3-effect .st-news-horizonal .inner:hover .mirror {
	transform: translate(119% , 0) skew(-45deg);
	-moz-transform: translate(119% , 0) skew(-45deg);
  	-webkit-transform: translate(119% , 0) skew(-45deg);
  	-ms-transform:  translate(119% , 0) skew(-45deg);
  	-o-transform: translate(119% , 0) skew(-45deg);
}
.st-news-horizonal .inner .readmore {
	display: inline;
	text-align: right;
	margin: 0 !important;
	font-size: 12px;
	background: url(../images/st_theme/icons/readmore.png) no-repeat center right;
	padding-right: 20px;
	float: right;
	color: #666;
}
.st-news-horizonal .inner .readmore:hover {
	background: url(../images/st_theme/icons/readmore-hover.png) no-repeat center right;
}
.st-news-horizonal-1 .st-module-content .inner {
	border: 1px solid #ececec;
	background: #fff;
	padding: 23px 20px;
}
.st-news-horizonal-1 .st-news-horizonal .inner > * {
	margin: 0 0 15px;
}
.st-news-horizonal-1 .inner .date {
	font-size: 11px;
	line-height: 10px;
	text-transform: uppercase;
	color: #999;
}
.css3-effect .st-news-horizonal-1 .inner,
.css3-effect .st-news-horizonal-1 .inner:hover {
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.css3-effect .st-news-horizonal-1 .inner:hover {
	-webkit-transform: translate(0, -15px);
	-moz-transform: translate(0, -15px);
	-ms-transform: translate(0, -15px);
	-o-transform: translate(0, -15px);
	transform: translate(0, -15px);
	box-shadow: 1px 1px 3px #ddd;
}
.st-recent-work .image a:before {
	position: absolute;
	content: '';
	display: block;
	opacity: 0.0;
	filter: alpha(opacity=00);
	top: 0;
	bottom: 0;
	left: 0;
	right: 10px;
	background: url(../images/st_theme/icons/zoom.png) no-repeat center center #000;
	width:100%;
}
.st-recent-work .image a:hover:before {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.css3-effect .st-recent-work .image a:before,
.css3-effect .st-recent-work .image a:hover:before {
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
/*============ RIGHT SIDE BAR ===========*/
.st-testimonals .content {
	background: #fff;
	color: #999;
	padding: 8px 10px;
	border: 1px solid #ccc;
}
.st-testimonals .author {
	text-align: right;
	padding-top: 20px;
}
.st-testimonals .author .name {
	font-size: 18px;
	padding: 10px 66px 4px 0;
}
.st-testimonals .author .job {
	font-size: 13px;
	padding-right: 66px;
}
.st-testimonals .author img {
	float: right;
}
.acymailing_form {
	padding: 0;
	margin: 0;
	width: 100%;
}
.acymailing_form input {
	width: 96% !important;
	border-radius: 0;
	box-shadow: none;
	border-color: #ddd;
	color: #999;
}
.acysubbuttons {
	text-align: right;
}
.acysubbuttons input {
	width: auto !important;
}
.st-content-tabs .outter {
	margin: 0;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 10px
}
.st-content-tabs img {
	width: 100%;
	padding-bottom: 10px;
}
.st-content-tabs .title {
	padding-left: 10px;
	display: block;
}
.st-module-1 .r-hex{
	margin-top:44px;
	margin-left:-2px;
}
/*=========== MIDDLE CONTENT =============*/
.st-news-block {
	background-color: #fff;
	padding: 30px;
	border: 1px solid #ddd;
}
.st-news-block .intro {
	padding-right: 10px;
}
.st-news-block img {
	width: 100%;
}
.st-news-block .article-info {
	padding: 8px 0 8px 20px;
	background: url(../images/st_theme/icons/icons.png) no-repeat -10px 12px;
	background-size: 30px;
	display: block;
	float: none;
}
.st-news-block .title {
	border-top : 4px double #ddd;
	padding: 18px 0;
	font-size: 24px;
	line-height: 27px;
	margin: 0;
}
.st-news-block .span4 .title {
	padding: 10px 0;
	font-size: 18px;
}
/*========== BREADCRUMBS=================*/
.breadcrumbs {
	padding: 10px 0;
}
.breadcrumbs .showHere {
	display: none;
}
.breadcrumbs > * {
	padding: 0 50px 0 25px !important;
	background: url(../images/st_theme/icons/dot-breadcrumb.png) no-repeat 0px 4px !important;
	font-size: 14px;
	text-transform: normal;
	color: #fff;
}
/*========== FOOTER =====================*/
#avatar-footer-inside-block {
	border-top: 4px double #ececec;
	border-bottom: 4px double #ececec;
	margin: 30px 0;
}
#avatar-footer-inside-block .st-module-heading {
	font-size: 18px;
	background-size: 56px;
	margin: -10px 0 0px 0;
	background-position: -19px 41px;
}
.st-module-contact {
	margin: -7px 0 0 0;
	list-style: none;
	padding: 0;
}
.st-module-contact .info{
	padding-bottom:31px;
}
.st-module-contact  .st-contact-f{
	padding-top:16px;
}
.st-module-contact  .st-contact-f{
	
}
#avatar-pos-footer-left{
	margin-right:24px;
}
#avatar-pos-footer-middle{
	width:32% !important;
}
#avatar-pos-footer-right{
	width:32% !important;
}
.st-facebook .face{
	border:1px solid rgb(236, 236, 236);
	width:80%;
	margin:0;
	padding-bottom:10px;
	margin-bottom:53px;
	height: 230px;
	margin-top:-1px;
}
.st-photostream .flickr-widget-wrapper{
	padding:0; 
	margin-top:-7px;
}
.st-facebook .pluginBoxDivider,
.st-facebook .pluginBoxDividerGray{
	border-top:1px solid rgb(236, 236, 236);
}
.st-facebook .st-module-heading, 
.st-photostream .st-module-heading,
.st-aboutus-f  .st-module-heading{
	padding: 41px 0 36px 35px;
}
.st-facebook .r-hex,
.st-photostream .r-hex,
.st-aboutus-f  .r-hex{
	margin-top:45px;
}
/*================ BLOG ===============*/
.pagination {
	text-align: center;
}
.pagination ul {
	box-shadow: none;
}
.pagination-start,
.pagination-end {
	display: none !important;
}
.pagination ul > li > a, .pagination ul > li > span {
	border: none;
}
.pagination-prev .pagenav,
.pagination-next .pagenav,
.pagination-prev .pagenav:hover,
.pagination-next .pagenav:hover  {
	background: url(../images/st_theme/icons/page-nav.png) no-repeat;
	text-indent: -9999px;
	height: 32px;
	width: 32px;
	padding: 0;
}
.st-blog-grid {
	padding-top:30px;
}
.pagination-next .pagenav,
.pagination-next .pagenav:hover  {
	background: url(../images/st_theme/icons/page-nav.png) no-repeat right;
}
header .title {
	padding: 8px 0;
	margin: 30px 0 15px;
	display: block;
	font-size: 24px;
	line-height: 24px;
}
header .title a {
	color: #666;
	text-decoration: none;
}
header .article-tool {
	padding: 8px 0;
	margin: 0;
	font-size: 12px;
}
header .article-tool ul,
header .article-tool dl {
	padding: 0 0 15px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #ececec;
}
header .article-tool .article-info > * {
	padding-left: 18px;
	background: url(../images/st_theme/icons/icons.png) no-repeat -9px 3px;
	background-size: 30px;
	margin: 0 20px 0 0;
	display: inline;
}
article {
	padding: 10px;
}
article .st-image-intro {
	margin-bottom: 30px;
}
article .st-image-intro img {
	width: 100%;
	padding: 0;
	margin: 0;
}
article .readmore a{
	display: inline;
	text-align: right;
	margin: 0 !important;
	font-size: 12px;
	background: url(../images/st_theme/icons/readmore.png) no-repeat center right;
	padding-right: 20px;
	color: #666;
	text-transform: capitalize;
}
article .readmore a:hover{
	background: url(../images/st_theme/icons/readmore-hover.png) no-repeat center right;
	color:#FF9900;
}
article .pagenav {
	margin: 0;
	padding: 20px 0;
}
article .pagenav:after {
	content: '';
	display: block;
	clear: both;
} 
article .pagenav * {
	display: inline;
	list-style: none;
}
article .pagenav .pagenav-prev {
	float: left;
}
article .pagenav .pagenav-prev a {
	background: url(../images/st_theme/icons/page-nav.png) no-repeat;
	display: block;
	height: 32px;
	width: 32px;
	text-indent: -9999px;
}
article .pagenav .pagenav-next {
	float: right;
}
article .pagenav .pagenav-next a {
	background: url(../images/st_theme/icons/page-nav.png) no-repeat right;
	display: block;
	height: 32px;
	width: 32px;
	text-indent: -9999px;
}
.st-module-3 .r-hex{
	margin-top:20px;
	margin-left:10px;
}
.avatar-tree-menu
/*======== BLOG - GRID =======*/
#avatar-pos-main-body {
	padding: 30px 0;
}
.st-blog-grid header .article-tool ul, 
.st-blog-grid header .article-tool dl {
	border: none;
	margin: 0;
	padding: 0;
}
.st-blog-grid header .article-tool .article-info > * {
	background: none;
	padding: 0;
	text-transform: uppercase;
	font-size: 11px;
}
.st-blog-grid header .title {
	margin: 0;
}
.st-blog-grid article .st-image-intro {
	margin-bottom: 10px;
}
.st-blog-grid article {
	border: 1px solid #ECECEC;
	padding: 20px;
	margin: 0 0 20px;
}
 .category-name a{
	text-transform: capitalize;
}
/*==============Portfolio==============*/
.st-portfolio,
.st-portfolio-1,
.st-portfolio-2,
.st-portfolio-3,
.st-portfolio-4,
.st-portfolio-5{
	padding-top:50px;
}
.st-portfolio .category-wall,
.st-portfolio-1 .category-wall,
.st-portfolio-2 .category-wall,
.st-portfolio-3 .category-wall,
.st-portfolio-4 .category-wall,
.st-portfolio-5 .category-wall{
 	padding-bottom: 20px;
 	border-bottom:1px solid #ddd;
 	width:98.3%;
 	margin:0 auto;
}
.st-portfolio .category-wall span{
	margin: 0 10px;
}
.st-portfolio .layout-wall, 
.st-portfolio-1 .layout-wall,
.st-portfolio-2 .layout-wall,
.st-portfolio-3 .layout-wall,
.st-portfolio-4 .layout-wall,
.st-portfolio-5 .layout-wall{
	padding-top:29px;
}
.st-portfolio h3.title a,
.st-portfolio-1 h3.title a,
.st-portfolio-2 h3.title a{
	color:#666666;
	font-size:18px;
	font-weight:none;
}
.st-portfolio .inner h3, 
.st-portfolio-1 .inner h3,
.st-portfolio-2 .inner h3,
.st-portfolio-3 .inner h3,
.st-portfolio-4 .inner h3,
.st-portfolio-5 .inner h3{
	margin-bottom:0;
	line-height:25px;
	color:#666666;
	font-size:18px;
	font-weight:normal;
}
.st-portfolio .media,
.st-portfolio-1 .media,
.st-portfolio-2 .media,
.st-portfolio-3 .media,
.st-portfolio-4 .media,
.st-portfolio-5 .media{
	background: url(../images/st_theme/icons/icon34.png) no-repeat center #333;
	-webkit-transition: background-color 0.5s linear;
}
.st-portfolio .inner:hover img, 
.st-portfolio-1 .inner:hover img,
.st-portfolio-2 .inner:hover img,
.st-portfolio-3 .inner:hover img,
.st-portfolio-4 .inner:hover img,
.st-portfolio-5 .inner:hover img{
	opacity: 0.2;
}
.st-portfolio .category-wall span,
.st-portfolio-1 .category-wall span,
.st-portfolio-2 .category-wall span,
.st-portfolio-3 .category-wall span,
.st-portfolio-4 .category-wall span,
.st-portfolio-5 .category-wall span{
	border:1px solid transparent;
}
.st-portfolio .category-wall span:hover,
.st-portfolio-1 .category-wall span:hover,
.st-portfolio-2 .category-wall span:hover,
.st-portfolio-3 .category-wall span:hover,
.st-portfolio-4 .category-wall span:hover,
.st-portfolio-5 .category-wall span:hover {
	border:1px solid #ddd;
}
.st-portfolio .category,
.st-portfolio-1 .category,
.st-portfolio-2 .category,
.st-portfolio-3 .category,
.st-portfolio-4 .category,
.st-portfolio-5 .category{
	text-transform: capitalize;
}
.st-portfolio-3 .info,
.st-portfolio-4 .info,
.st-portfolio-5 .info{
	position:absolute;
	top:55%;
	display:inline-block;
	left:0;
	right:0;
	opacity:0;
	color:#fff;
	text-align:center;
}

.st-portfolio-3 .info a,
.st-portfolio-4 .info a,
.st-portfolio-5 .info a{
	color:#fff;
}
.st-portfolio-4 .info h3{
	color:#fff;
	text-align: center;
}
.st-portfolio-3 .inner:hover .info,
.st-portfolio-4 .inner:hover .info,
.st-portfolio-5 .inner:hover .info{
	opacity: 1;
}
.st-portfolio-3 .inner,
.st-portfolio-4 .inner,
.st-portfolio-5 .inner{
	text-align:center;
}
.st-portfolio-3 .media img,
.st-portfolio .media img{
	max-height:309px;
	overflow: hidden;
}
.st-portfolio-1 .media img,
.st-portfolio-4 .media img{
	max-height:203px;
	overflow: hidden;
}
.st-portfolio-2 .media img,
.st-portfolio-5 .media img{
	max-height:149px;
	overflow: hidden;
}
/*============= CONTACT PAGE ===========*/
.contact-form input,
.contact-form textarea { 
	width: 100%;
	padding: 8px 0 8px 8px;
	margin: 10px 0 !important;
	box-shadow: none;
	color: #999;
	margin: 10px 0;
	border-radius: 0;
}
.contact-form label {
	display: inline;
}
#jform_contact_email_copy {
	width: auto;
	margin: 0 5px !important;
}
.contact-form button {
	margin: 10px 0;
}
.contact-form .invalid{
	border-color: rgba(73, 137, 206, 0.8);
}
.contact-misc h1 {
	font-weight: 700;
	font-size: 24px;
	color: #666;
}
.contact-right {
	text-align: right;
}
.contact-right .contact-name {
	font-weight: 700;
	font-size: 18px;
	color: #666;
}
.contact-right .jicons-icons {
	display: none;
}
.contact-form address {
	font-size: 14px;
}
.st-contact #avatar-pos-right-top{
	border:1px solid #ddd;
}
.nav-tabs > li > a,
.nav-tabs>.active>a:focus{
	padding: 10px 35.75px;
	border-radius: 0;
	border-bottom-color: #ddd !important;
	border:1px solid #ddd;
	margin:0;
	text-transform: capitalize;
	color:#666666;
	background: #fff;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus{
	background: #eee;
}
.tab-content{
	padding: 0 10px;
}
.st-accordion{
	margin-top:31px !important;
}
.st-accordion a{
	color:#666666;
	text-transform: capitalize;
}
.st-accordion .accordion-group{
	border-radius: 0;
}
.st-accordion .accordion-heading{
	background: url(../images/st_theme/icons/icon2_07.png) 95% 50% no-repeat rgb(246, 246, 246);
}
.st-accordion .disable{
	background: url(../images/st_theme/icons/icon1_03.png) 95% 50% no-repeat rgb(246, 246, 246);
}
/*====== 404 Page ====*/
.error-404-page {
	margin: 100px auto;
}
.error-404-image {
	background: url(../images/st_theme/icons/404.png) no-repeat;
	height: 245px;
	width: 133px;
	float: right;
	margin: 0 20px 0 0;
}
.error-404-desc h1 {
	font-size: 36px;
	margin: 0;
}
.error-404-desc > * {
	margin: 20px 0;
}
.error-404-desc input {
	min-width: 300px;
	margin: 0;
	padding: 8px;
	border-radius: 0;
	box-shadow: none;
	color: #999;
}
.error-404-desc button[name="Search"] {
	border: none;
	background: url(../images/st_theme/icons/search.png) right no-repeat;
	height: 33px;
	width: 33px;
	padding: 0 40px 0 0;
	text-indent: -9999px;
	box-shadow: none;
}
/*============= LAYOUT =============*/
.has-right-col #avatar-main-content-inner{
	padding-right: 30px;
}
.has-left-col #avatar-main-content-inner{
	padding-left: 30px;
}
.copyright {
	display: none;
}
/* SOCIAL BUTTON */
.st-social-button a {
	height: 18px;
	width: 18px;
	background: url(../images/st_theme/icons/social.png) no-repeat transparent;
	display: inline-block;
	text-indent: -9999px;
	margin: 20px 20px 20px 0;
}
.st-social-button .twitter {
	background-position: -40px 0px;
}
/*========== SEARCH BOX ======*/
#avatar-pos-top-right form {
	margin: 0;
}
#avatar-pos-top-right .search label {
	display: none;
}
#avatar-pos-top-right .search #mod-search-searchword {
	background: none;
	border: none;
	border-bottom: 1px solid #fff;
	border-radius: 0;
	color: #fff;
	padding: 8px 0;
	margin: 9px 0;
	width: 100%;
}
#avatar-pos-top-right .search {
	width: 0;
	overflow: hidden;
	border: none;
	background: url(../images/st_theme/icons/icons.png) right -465px no-repeat;
	padding: 26px 40px 20px 20px;
	-webkit-transition: width 1s ease-in-out;
	-moz-transition: width 1s ease-in-out;
	-o-transition: width 1s ease-in-out;
	transition: width 1s ease-in-out;
}
#avatar-pos-top-right .search:hover {
	width: 160px;
}
/*==== PAGE - SEVICES ====*/
.st-page-service #avatar-full-2-block {
	background: url(../images/st_theme/services/we-think.jpg) no-repeat;
	background-size: cover;
}
.st-service-top {
	margin: 50px 0;
}
.st-service-top .title,
.st-service-top .image,
.st-service-top .description {
	margin-bottom: 20px;
}
.st-service-top .title {
	font-family: 'roboto_slabregular';
	font-size: 18px;
	margin-bottom: 15px;
}
.css3-effect .st-service-top .inner {
	-webkit-transform: translate(0, -30px);
	-moz-transform: translate(0, -30px);
	-ms-transform: translate(0, -30px);
	-o-transform: translate(0, -30px);
	transform: translate(0, -30px);
}
.css3-effect .avatar-scroll-appear .st-service-top .inner {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.css3-effect .st-service-top .inner,
.css3-effect .avatar-scroll-appear .st-service-top .inner {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.st-service-slogan {
	height: 217px;
	text-align: center;
	padding: 122px 0 0;
}
.st-service-slogan .title,
.st-service-slogan .description {
	color: #fff;
	margin: auto;
	font-family: roboto_slabregular;
}
.st-service-slogan .title {
	font-family: 'roboto_slabregular';
	font-size: 48px;
	margin-bottom: 30px;
	font-weight: 300px;
}
.st-service-slogan .description {
	font-size: 18px;
	margin-bottom: 15px;
}
.css3-effect .avatar-scroll-appear .st-service-slogan .title,
.css3-effect .avatar-scroll-appear .st-service-slogan .description  {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.css3-effect .st-service-slogan .title,
.css3-effect .avatar-scroll-disappear .st-service-slogan .title  {
	-webkit-transform: translate(100px, 0);
	-moz-transform: translate(100px, 0);
	-ms-transform: translate(100px, 0);
	-o-transform: translate(100px, 0);
	transform: translate(100px, 0);
}
.css3-effect .st-service-slogan .description,
.css3-effect .avatar-scroll-disappear .st-service-slogan .description  {
	-webkit-transform: translate(-100px, 0);
	-moz-transform: translate(-100px, 0);
	-ms-transform: translate(-100px, 0);
	-o-transform: translate(-100px, 0);
	transform: translate(-100px, 0);
}
.css3-effect .st-service-slogan .title,
.css3-effect .avatar-scroll-appear .st-service-slogan .title,
.css3-effect .st-service-slogan .description,
.css3-effect .avatar-scroll-appear .st-service-slogan .description {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.st-service-feature > * {
	padding: 80px 0;
	border-bottom: 1px solid #ececec;
}
.st-service-feature > *:last-child {
	border-bottom: none;
}
.st-service-feature  .image {
	text-align: center;
}
.st-service-feature .title {
	font-family: 'roboto_slabregular';
	font-size: 18px;
	color: #858585;
	margin: 59px 0 20px;
	font-weight: 600;
}
.css3-effect .st-service-feature .image,
.css3-effect .avatar-scroll-appear .st-service-feature .image {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.css3-effect .st-service-feature .row-fluid:nth-child(2n+1) .image {
	-webkit-transform: translate(-100px, 0);
	-moz-transform: translate(-100px, 0);
	-ms-transform: translate(-100px, 0);
	-o-transform: translate(-100px, 0);
	transform: translate(-100px, 0);
}
.css3-effect .st-service-feature .row-fluid:nth-child(2n+2) .image {
	-webkit-transform: translate(100px, 0);
	-moz-transform: translate(100px, 0);
	-ms-transform: translate(100px, 0);
	-o-transform: translate(100px, 0);
	transform: translate(100px, 0);
}
.css3-effect .avatar-scroll-appear .st-service-feature .row-fluid .image {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.css3-effect .avatar-scroll-appear .st-service-feature .row-fluid:nth-child(2n+2) .image {
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
}
.css3-effect .avatar-scroll-appear .st-service-feature .row-fluid:nth-child(2n+3) .image {
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
}
/*===== PAGE - ABOUT US =============*/
.st-page-about-us #avatar-full-2-block,
.st-page-about-us #avatar-full-4-block  {
	background-color: #f8f8f8;
	border-top: 1px solid #e6e6e6;
}
#avatar-pos-user-21 .avatar-module,
#avatar-pos-user-22 .avatar-module {
	padding: 50px 0;
}
.st-others-say p{
	color:#ff9900;
	font-size:14px;
	font-style:italic;
}
.st-we-are-a-team .title {
	font-family: 'roboto_slabregular';
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 20px;
}
.st-we-are-a-team .description {
	margin-bottom: 20px;
}
.st-our-mission {
	padding: 50px 0;
	text-align: center;
}
.st-our-mission .title {
	font-family: 'roboto_slabregular';
	font-size: 30px;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.st-our-mission .sub-title {
	font-family: 'roboto_slabregular';
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 20px;
}
.st-our-mission .description p {
	margin-bottom: 5px;
}
.css3-effect .st-our-mission .title, 
.css3-effect .avatar-scroll-disappear .st-our-mission .title {
	-webkit-transform: translate(-50px, 0);
	-moz-transform: translate(-50px, 0);
	-ms-transform: translate(-50px, 0);
	-o-transform: translate(-50px, 0);
	transform: translate(-50px, 0);
}
.css3-effect .st-our-mission .sub-title, 
.css3-effect .avatar-scroll-disappear .st-our-mission .sub-title {
	-webkit-transform: translate(50px, 0);
	-moz-transform: translate(50px, 0);
	-ms-transform: translate(50px, 0);
	-o-transform: translate(50px, 0);
	transform: translate(50px, 0);
}
.css3-effect .st-our-mission .description, 
.css3-effect .avatar-scroll-disappear .st-our-mission .description {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	-o-transform: translate(0, 50px);
	transform: translate(0, 50px);
}
.css3-effect .avatar-scroll-appear .st-our-mission .sub-title,
.css3-effect .avatar-scroll-appear .st-our-mission .title,
.css3-effect .avatar-scroll-appear .st-our-mission .description {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.css3-effect .st-our-mission .sub-title,
.css3-effect .st-our-mission .description, 
.css3-effect .st-our-mission .title {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.st-our-partner {
	padding: 60px 0;
}
.st-our-partner .row-fluid .span2{
	width: 14.2% !important;
}

.st-our-partner .image {
	width: 170px;
	height: 98px;
	text-align: center;
	border: 1px solid #f2f2f2; 
}
.st-our-partner .image img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.st-our-partner .image:hover {
	background: #fafafa; 
}
.css3-effect .st-our-partner .image,
.css3-effect .st-our-partner.avatar-scroll-dissappear .image  {
	opacity: 0.3;
	filter: alpha(opacity=30);
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	-o-transform: translate(0, 50px);
	transform: translate(0, 50px);
}
.css3-effect .st-our-partner.avatar-scroll-appear .image {
	opacity: 1;
	filter: alpha(opacity=99);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.css3-effect .st-our-partner .image {
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.st-page-about-us #avatar-full-3-block {
	background: url(../images/st_theme/about-us/we-hope.jpg) no-repeat;
	background-size: cover;
}
.st-page-about-us .st-we-hope {
	text-align: center;
	height: 339px;
}
.st-page-about-us .st-we-hope .title {
	font-family: 'roboto_slabregular';
	font-size: 48px;
	font-weight: 300;
	color: #fff;
	padding: 138px 0 40px;
}
.st-page-about-us .st-we-hope .description {
	font-family: 'roboto_slabregular';
	font-size: 18px;
	font-weight: 300;
	color: #fff;
}
.css3-effect .st-we-hope .description,
.css3-effect .avatar-scroll-disappear .st-we-hope .description {
	opacity: 0.3;
	filter: alpha(opacity=30);
	-webkit-transform: translate(-50px, 0);
	-moz-transform: translate(-50px, 0);
	-ms-transform: translate(-50px, 0);
	-o-transform: translate(-50px, 0);
	transform: translate(-50px, 0);
}
.css3-effect .st-we-hope .title,
.css3-effect .avatar-scroll-disappear .st-we-hope .title {
	opacity: 0.3;
	filter: alpha(opacity=30);
	-webkit-transform: translate(50px, 0);
	-moz-transform: translate(50px, 0);
	-ms-transform: translate(50px, 0);
	-o-transform: translate(50px, 0);
	transform: translate(50px, 0);
}
.css3-effect .avatar-scroll-appear .st-we-hope .title,
.css3-effect .avatar-scroll-appear .st-we-hope .description {
	opacity: 1;
	filter: alpha(opacity=99);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.css3-effect .st-we-hope .title,
.css3-effect .st-we-hope .description {
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.st-page-about-us .st-about-us-feature{
	margin-top:0px;
}
.st-about-us-feature {
	margin-top: -10px;
	text-align: center;
	padding-bottom: 70px;
}
.st-about-us-feature .title {
	position: relative;
	padding: 60px 0 20px;
	font-family: 'roboto_slabregular';
	font-size: 24px;
	color: #666;
}
.st-others-say {
	padding: 50px 0 0 0;
	text-align: center;
}
.st-others-say > * {
	margin: 10px 0 20px;
}
.st-others-say .title {
	font-family: 'roboto_slabregular';
	font-size: 30px;
	text-transform: uppercase;
}
.st-others-say .sub-title {
	font-family: 'roboto_slabregular';
	font-size: 18px;
}
.st-others-say .quote {
	font-style: italic;
	position: relative;
	padding-left: 30px;
	width: 80%;
	margin: 35px auto;
	line-height: 24px;
}
.st-others-say .quote:before {
	content: '';
	display: block;
	position: absolute;
	font-size: 70px;
	top: 10px;
	left: 0;
}
.st-page-about-us .st-layer-slider .sequence-prev,
.st-page-about-us .st-layer-slider .sequence-next{
	display:none !important;
}
.st-page-about-us .st-layer-slider{
	height: 220px !important;
}
.st-page-about-us .sequence-pagination{
	margin-top:10px;
	padding-bottom: 20px;
}
.st-page-about-us .st-comment .sequence-canvas{
	height:100px;
}
.st-page-about-us  .st-comment .st-others-say{
	padding:0;
}
.css3-effect .st-others-say .quote,
.css3-effect .avatar-scroll-disappear .st-others-say .quote {
	opacity: 0.3;
	filter: alpha(opacity=30);
	-webkit-transform: translate(-50px, 0);
	-moz-transform: translate(-50px, 0);
	-ms-transform: translate(-50px, 0);
	-o-transform: translate(-50px, 0);
	transform: translate(-50px, 0);
}
.css3-effect .st-others-say .title,
.css3-effect .avatar-scroll-disappear .st-others-say .title {
	opacity: 0.3;
	filter: alpha(opacity=30);
	-webkit-transform: translate(50px, 0);
	-moz-transform: translate(50px, 0);
	-ms-transform: translate(50px, 0);
	-o-transform: translate(50px, 0);
	transform: translate(50px, 0);
}
.css3-effect .avatar-scroll-appear .st-others-say .title,
.css3-effect .avatar-scroll-appear .st-others-say .quote {
	opacity: 1;
	filter: alpha(opacity=99);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.css3-effect .st-others-say .title,
.css3-effect .st-others-say .quote {
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.st-team-about-us {
	padding: 70px 0 0;
}
.st-team-info > * {
	margin-bottom: 10px;
}
.st-team-info {
	border: 1px solid #ececec;
	padding: 25px 25px 0 25px;
	text-align: center;
}
.st-news-horizonal .inner .st-team-info .title {
	font-size: 18px;
	margin: 25px 0 10px;
}
.st-news-horizonal .inner .st-team-info .sub-title {
	font-size: 13px;
	margin: 10px 0;
}
.st-team-info .social {
	border-top: 1px solid #ececec;
	margin: 0 -25px 0;
	padding: 10px 0 10px;
}
.st-team-info .social > * {
	height: 32px;
	width: 30px;
	background: url(../images/st_theme/icons/team-social.png) no-repeat;
	display: inline-block;
	margin-right: 20px;
	text-indent: -9999px;
}
.st-team-info .social .facebook {
	background-position: 0px 0px;
}
.st-team-info .social .dribbble {
	background-position: -49px 0px;
}
.st-team-info .social .linkedin {
	background-position: -97px 0px;
}
.st-team-info .social .pinterest {
	background-position: -146px 0px;
}
.css3-effect .st-team-info,
.css3-effect .st-team-info:hover {
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.css3-effect .st-team-info:hover {
	-webkit-transform: translate(0, -15px);
	-moz-transform: translate(0, -15px);
	-ms-transform: translate(0, -15px);
	-o-transform: translate(0, -15px);
	transform: translate(0, -15px);
	box-shadow: 1px 1px 3px #ddd;
}
/*==== FOOTER ======*/
.st-footer-info .footer-copyright {
	color: #878787;
}
.st-footer-info .social > * {
	display: inline;
	background: url(../images/st_theme/icons/social.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 0 5px 5px 0;
	float: right;
	text-decoration: none;
}
.st-footer-info .social > *:after {
	clear: both;
}
.st-footer-info .social > .facebook {
	background-position: 0px 0px;	
}
.st-footer-info .social > .twitter {
	background-position: -93px 0px;	
}
.st-footer-info .social > .dribbble {
	background-position: -43px 0px;	
}
.st-footer-info .social > .linkedin {
	background-position: -142px 0px;	
}
.st-footer-info .social > .feed {
	background-position: -193px 0px;	
}
.st-footer-info .social > .pinterest {
	background-position: -242px 0px;	
}
.st-footer-info .social > .vimeo {
	background-position: -291px 0px;	
}
.flickr-widget-wrapper .flickr_badge_image {
	position: relative;
	display: inline-block;
	margin: 5px;
	padding: 0;
	z-index: 7;
}
.flickr-widget-wrapper .flickr_badge_image img{
	width:96px; height: 96px;
}
@media (max-width: 1300px) {
	#avatar-tool-block, #avatar-header-inside-block, .background-image {
		background-size: cover;
	}
}
@media (max-width: 1024px)
{
	/*
	 * Responsive Menu 
	 */
}
@media (max-width: 768px)
{
	body {
		margin-top: 62px;
	}
	.avatar-responsive #avatar-template-logo {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		z-index: 810;
		padding: 5px;
		display: inline;
		width: 45%;
	}
	.avatar-responsive .st-mega-menu-col {
		float: none;
	}
	.avatar-responsive .avatar-main-menu  {
		display: none;
	}
	.avatar-responsive .avatar-main-menu li > .st-mega-menu-row li a, .avatar-responsive .avatar-main-menu li > .st-mega-menu-row li span,
	.avatar-responsive .avatar-main-menu li > .st-mega-menu-row li a:hover, .avatar-responsive .avatar-main-menu li > .st-mega-menu-row li span:hover {
		background: none;
		color: #fff;
		max-width: none;
		min-width: none;
		border-bottom: none;
		padding-left: 35px;
	}
	.avatar-main-menu li a, .avatar-main-menu li span {
		padding: 10px 15px;
	}
	.avatar-responsive #avatar-template-logo a {
		padding: 12px 0 0 0;
	}
	.avatar-responsive .avatar-nav-responsive > ul > li {
		float: none;
	}
	.avatar-responsive .avatar-nav-responsive .st-mega-menu-row,
	.avatar-responsive .avatar-nav-responsive li:hover .st-mega-menu-row {
		position: relative;
		display: none;
	}
	body.avatar-responsive .avatar-nav-responsive span.toggle {
		display: block;
		color: #fff;
		font-size: 19px;
		padding: 10px 36px 10px 50%;
		background: url(../images/st_theme/icons/nav-toggle.png) no-repeat right center transparent;
		cursor: pointer;
		position: relative;
		height: 62px;
		text-align: right;
		margin-right: 10px;
		line-height: 58px;
	}
	
	body.avatar-responsive .avatar-nav-responsive span.pull {
		position: absolute;
		width: 40px;
		color: #fff;
		font-size: 19px;
		padding: 0;
		background: url(../images/st_theme/icons/nav-toggle.png) no-repeat right center transparent;
		cursor: pointer;
		height: 40px;
		text-align: right;
		margin-right: 10px;
		line-height: 58px;
		display: block;
		z-index: 9;
		top: 0;
		right: 0;
	}
	
	body.avatar-responsive .avatar-nav-responsive {
		position: fixed;
		left: 0;
		right: 0;
		top: 0px;
		width: 100%;
		z-index: 800;
		background: #FF6600;
	}
	
	.css3-effect .st-banner .inner-2 h1 {
		font-size: 23px;
	}
	.st-banner p {
		font-size: 15px;
		line-height: 20px;
	}
}
@media (max-width: 480px)
{
	/*
	 * Panel settings 
	 */
	#avatar-settings {
		display: none;
		position: absolute;
		top: 40px;
	}
	
	.avatar-responsive #avatar-template-logo a{
		background: url(../images/logo.png) center center no-repeat;
		background-size: 100%;
	}
	
	.st-banner .inner-2 {
		padding: 10px;
	}
}
/*==============Reposive===============*/
.layout-wall .item .inner img{
	max-width:100%;
}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus{
	border-color: rgba(68, 112, 206, 0.9);
	-webkit-box-shadow: 0 0 6px #B7E8F8;
	-moz-box-shadow: 0 0 6px #B7E8F8;
	box-shadow: 0 0 6px #B7E8F8;
}
@media (max-width: 1024px){
	.st-page-home .row-fluid .span4{
		width: 30.95%;
	}
	.st-recent-work .image img{
		max-height:18%;
	}
	.st-portfolio .media img,
	.st-portfolio-3 .media img{
		max-height:244px;
	}
}
@media (max-width: 767px) {
	.st-page-home .row-fluid .span4{
		width:100%;
		
	}
	.st-recent-work .image img{
		max-height:none;
	}
	#avatar-pos-footer-middle{
		width:100% !important;
	}
	#avatar-pos-footer-left,
	#avatar-pos-footer-middle,
	#avatar-pos-footer-right{
		width:100% !important;
	}
	.layout-wall .item{
		width:100% !important;
	}
	.st-portfolio .media img,
	.st-portfolio-2 .media img, 
	.st-portfolio-5 .media img,
	.st-portfolio-3 .media img,
	.st-portfolio-4 .media img{
		max-height:none;
	}
}
