/*!
 * BuilderEngine Themes (http://builderengine.com)
 */


/* -------------------------------
	General Styles
------------------------------- */

body {
    background: #ffffff;
    font-family:'Open Sans', Arial, sans-serif;
    color: #4C5053;
    font-size: 14px;
}
body.page-navbar-fixed-top {
    padding-top: 70px;
}
body.page-navbar-fixed-top-sm {
    padding-top: 51px;
}

header{

}
footer{

}


img {
    width: 100%;
}

.ie8 body {
    font-family: Arial,sans-serif;
}
h1, h2, h3, h4, h5, h6{
    font-weight: 500;
    color: #242a30;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.25;
}
h1 {
	font-size: 3em;
	line-height: 44px;
}
h2 {
	font-size: 2.2em;
	font-weight: 300;
	line-height: 42px;
}
h3 {
	font-size: 1.8em;
	font-weight: 300;
	letter-spacing: normal;
	line-height: 24px;
}
h4 {
	font-size: 1.4em;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 27px;
}
h5 {
	font-size: 1em;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 18px;
}
h6 {
	font-size: 1em;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 18px;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    font-weight: 300;
    color: #7c7f83;
}
a {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
a:focus {
    outline: none;
}
label {
    color: #242a30;
}
p {
    font-size: 14px;
    line-height: 20px;
}
hr {
    border: 0;
    margin: 30px 0;
    border-top: #F8F8F8 1px solid;
    border-bottom: #EEEEEE 1px solid;
}
.row {
    margin: 0 -15px;
}
.row > [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}
.contentAnimated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}



/* -------------------------------
    Header Section
------------------------------- */

.header .navbar-brand {
    padding: 0px 0px;
}
.brand-logo {
    float: left;
}
.navbar-brand {
    float: left;
    height: 68px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.brand-logo + .brand-text {
    margin-left: 42px;
    display: block;
    color: #2d353c;
    font-size: 20px;
    line-height: 20px;
    display: block;
}

.be-position-fixed-top {
  position: fixed !important;
  top: 0px !important;
  z-index: 9999 !important;
  width: 100%;
  background: #222;
  border-bottom: none;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: none !important;
}

.topbar1 {
  text-align: right;
  color: #FFFFFF;
  margin-top: 5px;
}

.topbar2 {
  color: #FFFFFF;
}

.topbar1social {
  font-size: 18px;
  padding: 2px;
}

.fa-fw {
    width: 1.78571429em;
    text-align: center;
}

.social-list a {
  color: #FFFFFF;
}

.social-list a:hover
      {
      	color: #54BAE8;
      }

.headerbar {
  background:#54B9E9;
}

.headerbar p {
  margin: 5px 0 5px;
  font-size: 14px;
}

.socialtop ul li { 
  display: inline-block; 
  font-size: 18px; 
  margin: 0 0 0 8px;
}
.socialtop ul li a { 
  background: #54B9E9; 
  color: #FFFFFF; 
  display: inline-block; 
  width: 26px; 
  height: 26px; 
  font-size: 16px; 
  text-align: center; 
  line-height: 26px;
}
.socialtop ul li a:hover i { 
  transition: all 0.15s ease-in-out 0.15s; 
  color: #6FB5E4;
}

.headerarea { 
  padding: 8px 0; 
  border: none;
}

.actionbutton { 
    margin-top: 30px;
}

/* -------------------------------
    Footer Section
------------------------------- */

.footer {
    padding: 40px 0 0px;
    background-color: #eaeaea;
    color: #707478;
    border-top-color: #d7d7d7;
}

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

.footer h4{
    color: #707478;
}

.footer .footer-brand {
    font-size: 24px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 30px;
}
.footer .social-list {
    margin: 30px 0 0;
    font-size: 30px;
}

.footer .copy-right p{
	font-size: 12px;
	line-height: 22px;
	color: #707478;
	text-align: center;
	padding: 30px 0px 0px;
}
.footer .copy-right p a{
	color: #008a8a;
}
.footer .copy-right p a:hover{
	color: #00acac;
}

.footer ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  text-align: right;
}

.footer .social{
	max-width: 350px;
	margin: 0px auto;
	margin-bottom: 20px;
	text-align: center;
}

.footer .social a i{
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 0px;
}

.footer-logo {
    display: inline-block;
    margin-bottom: 25px;
}
#footer address a {
    color: #8a8a8a;
    font-weight: 600;
}
.social-icons-label {
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    margin: 35px 0 13px;
}
.tagcloud a {
	display:block;
	float:left;
	font-size:13px;
	padding:3px 10px;
	background-color: #eee;
	color:#7a7a7a;
	margin:0 7px 7px 0;
	border-radius: 3px;
	transition:background 0.4s ease, color 0.05s;
	-webkit-transition:background 0.4s ease, color 0.05s;
	text-decoration: none;
}

.tagcloud.no-radius a {
	border-radius: 0;
}

#footer .tagcloud a:hover,
.tagcloud a:hover {
	color:#eaeaea;
	background-color: #4EA3CC;
}

.footer-menu {
	font-size:0;
}
.footer-menu li {
	display:inline-block;
	font-size:14px;
	margin:4px 0;
}
.footer-menu li:after {
	content:'/';
	padding:0 10px;
}
.footer-menu a {
    color: #777;
}
.footer-menu li:last-child:after {
    content: '';
    padding: 0;
}


/* Social Media Footer Starts */

.social a i{
   display:inline-block;
   width:40px;
   height:40px;
   font-size:15px !important;
   line-height:40px;
   text-decoration:none;
   text-align:center;
   color:#fff;
   -webkit-transition: background 2s ease;
   -moz-transition: background 2s ease;
   -o-transition: background 2s ease;
   -ms-transition: background 2s ease;
   transition: background 2s ease;
}
.social a.facebook i{
	background:#1e78ae;
}

.social a.twitter i{
	background:#1ba1e2;
}

.social a.google-plus i{
	background:#f22d0c;
}

.social a.linkedin i{
	background:#2d93cf;
}

.social a:hover i{
   background:#000;
}

.social a, .social a:hover{
   border:0px;
   text-decoration:none;
}

.social-icons-bg .social-icon {
	background-color: #f5f5f5;
	padding:10px;
	margin:0 5px 10px 0;
	min-width:39px;
	text-align: center;
	transition:background 0.35s ease-in-out, color 0.25s ease;
	-webkit-transition:background 0.35s ease-in-out, color 0.25s ease;
}
#footer .social-icons-bg .social-icon {
	min-width:36px;
}
.social-icons-bg .social-icon:hover {
	background-color: #eaeaea;
}

.social-icons-bg-hover .social-icon:hover {
	color:#fff !important;
}

.social-icon.icon-facebook:hover {
	color:#3b5998;
}

.social-icons-bg-hover .social-icon.icon-facebook:hover  {
	color:#fff;
	background-color: #3b5998;
}

.social-icon.icon-twitter:hover {
	color:#55acee;
}

.social-icons-bg-hover .social-icon.icon-twitter:hover  {
	color:#fff;
	background-color: #55acee;
}

.social-icon.icon-google-plus:hover {
	color:#dd4b39;
}

.social-icons-bg-hover .social-icon.icon-google-plus:hover  {
	color:#fff;
	background-color: #dd4b39;
}

.social-icon.icon-dribbble:hover {
	color:#ea4c89;
}

.social-icons-bg-hover .social-icon.icon-dribbble:hover  {
	color:#fff;
	background-color: #ea4c89;
}

.social-icon.icon-skype:hover {
	color:#00aff0;
}

.social-icons-bg-hover .social-icon.icon-skype:hover  {
	color:#fff;
	background-color: #00aff0;
}

.social-icon.icon-tumblr:hover {
	color:#35465c;
}

.social-icons-bg-hover .social-icon.icon-tumblr:hover  {
	color:#fff;
	background-color: #35465c;
}

.social-icon.icon-linkedin:hover {
	color:#0976b4;
}

.social-icons-bg-hover .social-icon.icon-linkedin:hover  {
	color:#fff;
	background-color: #0976b4;
}

.social-icon.icon-vine:hover {
	color:#00b488;
}

.social-icons-bg-hover .social-icon.icon-vine:hover  {
	color:#fff;
	background-color: #00b488;
}

.social-icon.icon-behance:hover {
	color:#1769ff;
}

.social-icons-bg-hover .social-icon.icon-behance:hover  {
	color:#fff;
	background-color: #1769ff;
}

.social-icon.icon-flickr:hover {
	color:#ff0084;
}

.social-icons-bg-hover .social-icon.icon-flickr:hover  {
	color:#fff;
	background-color: #ff0084;
}

.social-icon.icon-reddit:hover {
	color:#5f99cf;
}

.social-icons-bg-hover .social-icon.icon-reddit:hover  {
	color:#fff;
	background-color: #5f99cf;
}

.social-icon.icon-rss:hover {
	color:#f26522;
}

.social-icons-bg-hover .social-icon.icon-rss:hover  {
	color:#fff;
	background-color: #f26522;
}

.social-icon.icon-youtube:hover {
	color:#e52d27;
}

.social-icons-bg-hover .social-icon.icon-youtube:hover  {
	color:#fff;
	background-color: #e52d27;
}

.social-icon.icon-pinterest:hover {
	color:#cc2127;
}

.social-icons-bg-hover .social-icon.icon-pinterest:hover  {
	color:#fff;
	background-color: #cc2127;
}

.social-icon.icon-instagram:hover {
	color:#517fa4;
}

.social-icons-bg-hover .social-icon.icon-instagram:hover  {
	color:#fff;
	background-color: #517fa4;
}

.social-icon.icon-digg:hover {
	color:#000000;
}

.social-icons-bg-hover .social-icon.icon-digg:hover  {
	color:#fff;
	background-color: #000000;
}

.social-icon.icon-github:hover {
	color:#333333;
}

.social-icons-bg-hover .social-icon.icon-github:hover  {
	color:#fff;
	background-color: #333333;
}

.social-icon.icon-android:hover {
	color:#a4c639;
}

.social-icons-bg-hover .social-icon.icon-android:hover  {
	color:#fff;
	background-color: #a4c639;
}

.social-icon.icon-foursquare:hover {
	color:#0072b1;
}

.social-icons-bg-hover .social-icon.icon-foursquare:hover  {
	color:#fff;
	background-color: #0072b1;
}

.social-icon.icon-dropbox:hover {
	color:#007ee5;
}

.social-icons-bg-hover .social-icon.icon-dropbox:hover  {
	color:#fff;
	background-color: #007ee5;
}

.social-icon.icon-stack-overflow:hover {
	color:#fe7a15;
}

.social-icons-bg-hover .social-icon.icon-stack-overflow:hover  {
	color:#fff;
	background-color: #fe7a15;
}

.social-icon.icon-paypal:hover {
	color:#253b80;
}

.social-icons-bg-hover .social-icon.icon-paypal:hover  {
	color:#fff;
	background-color: #253b80;
}

.social-icon.icon-dropbox:hover {
	color:#007ee5;
}

.social-icons-bg-hover .social-icon.icon-dropbox:hover  {
	color:#fff;
	background-color: #253b80;
}

.social-icon.icon-spotify:hover {
	color:#7ab800;
}

.social-icons-bg-hover .social-icon.icon-spotify:hover  {
	color:#fff;
	background-color: #7ab800;
}

.social-icon.icon-vk:hover {
	color:#45668e;
}

.social-icons-bg-hover .social-icon.icon-vk:hover  {
	color:#fff;
	background-color: #45668e;
}

.social-icon.icon-bitbucket:hover {
	color:#205081;
}

.social-icons-bg-hover .social-icon.icon-bitbucket:hover  {
	color:#fff;
	background-color: #205081;
}

.social-icon.icon-html5:hover {
	color:#e34f26;
}

.social-icons-bg-hover .social-icon.icon-html5:hover  {
	color:#fff;
	background-color: #e34f26;
}

.social-icon.icon-delicious:hover {
	color:#3399ff;
}

.social-icons-bg-hover .social-icon.icon-delicious:hover  {
	color:#fff;
	background-color: #3399ff;
}

/* Social Media Footer Ends */

/* -------------------------------
    Content Settings
------------------------------- */

.content {
    padding: 10px 0px 15px;
}

.slider-bottom-row {
    margin-top: -15px;
}

.space2050 {
    margin-top: 20px;
	margin-bottom: 50px;
}

.top60 {
    margin-top: 60px;
}

/* -------------------------------
    #Blank Page Section Settings
------------------------------- */

#blankpage {
	padding: 20px 0px 30px;
}

#homepage {
	padding: 0px 0px 30px;
}

/* -------------------------------
    #Homepage - General Settings
------------------------------- */

h1 span.subtitle,
h2 span.subtitle,
h3 span.subtitle {
	display:block;
	font-size:15px;
	padding:0;
	color: #4C5053;
}

.item-box {
	background:#F3F3F3;
	overflow:hidden;
	margin:16px 0;
	width:100%;
	position:relative;

	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
			border-radius:6px;
}
	.item-box.fullwidth {
		max-width:100%;
	}

.item-box figure {
	width:100%;
	display:block;
	margin-bottom:0;
	overflow:hidden;
	position:relative;
	text-align:center;
}

.item-box-desc {
	padding:10px 20px;
	overflow:hidden;
}
.item-box-desc p {
	margin-top:20px;
	display:block;
	overflow:hidden; 
	text-overflow:ellipsis;
}
	.item-box.fixed-box .item-box-desc p {
		height:98px;
	}
.item-box-desc h4 {
	padding:0; margin:0;
}

.item-box.fixed-box .item-box-desc {
	height:256px;
}

.item-box.fixed-box figure {
	max-height:263px;
	
}
.item-box .socials {
	border-top:#fff 1px solid;
	text-align:center;
	display:block;
}

.item-box .item-hover,
.item-box .item-hover .overlay {
	-webkit-border-top-right-radius: 6px;
	 -webkit-border-top-left-radius: 6px;
		 -moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;
			 border-top-left-radius: 6px;
			border-top-right-radius: 6px;
}
.item-box .item-hover {
	opacity: 0;
	filter: alpha(opacity=0);
	position:absolute;
	left:0; right:0; top:0; bottom:0;
	text-align:center;
	color:#fff;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
.item-box .item-hover,
.item-box .item-hover button,
.item-box .item-hover a {
	color:#fff;
}
.item-box .item-hover .inner {
	position:absolute;
	display:block;
	left:0; right:0; top:50%;
	margin-top:-30px;
	z-index:100;
}
.item-box:hover .item-hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.overlay.gray {
		background:rgba(215, 215, 215, 0.8) !important;
	}
	
.overlay {
	background:rgba(0,0,0, 0.2);
	position:absolute; 
	left:0; right:0; top:0; bottom:0;

	-webkit-transition: all 1s;
	   -moz-transition: all 1s;
		 -o-transition: all 1s;
			transition: all 1s;
}

.overlay.gray { 
	background:rgba(33,33,33,0.9) !important; 
}

.bs-callout {
	clear:both;
	position:relative;
	overflow:hidden;
	background:#ddd;
	margin:0px 0;
	padding:56px 0;
}

.bs-callout.whiteBg {
	background:#fff !important;
}
.bs-callout h1, .bs-callout h2, .bs-callout h3 {
	margin:0;
	text-transform:none;
	line-height:30px;
}
.bs-callout.margin-top {
	margin:60px 0 0 0;
}
.bs-callout.margin-bottom {
	margin:0 0 60px 0;
}
.bs-callout.margin-footer {
	margin:0 0 -60px 0;
}
.bs-callout.styleBackground {
	padding:50px 0;
}
.bs-callout .btn {
	margin:0 20px;
}

.inner span{
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}


.service-group .service {
		margin-bottom:80px;
	}

	.service-group .service:before,
	.service-group .service:after {
		content:'';
		display:block;
		position: absolute;
		background-color: #eaeaea;
	}

	.service-group .service:before {
		height:2px;
		left:0;
		right:0;
		bottom:-40px;
	}

	.service-group .service:after {
		width:2px;
		top:0;
		bottom:0;
		right:-16px;
	}
	
	.service-group .row:last-child .service:before {
		display: none;
	}

	.service-group .col-sm-4:last-child .service:after {
		display: none;
	}
	
.service-hover {
	overflow: hidden;
}

.service-hover-bg,
.service-hover-bg2,
.service-hover-bg3 {
	transition: background 0.4s cubic-bezier(.17,.83,.29,.04), border 0.4s cubic-bezier(.17,.83,.29,.04);
	-webkit-transition: background 0.4s cubic-bezier(.17,.83,.29,.04), border 0.4s cubic-bezier(.17,.83,.29,.04);
}

.service-hover-bg h3,
.service-hover-bg2 h3,
.service-hover-bg3 h3 {
	transition: background 0.4s cubic-bezier(.17,.83,.29,.04), border 0.4s cubic-bezier(.17,.83,.29,.04);
	-webkit-transition: background 0.4s cubic-bezier(.17,.83,.29,.04), border 0.4s cubic-bezier(.17,.83,.29,.04);
}

.service-hover-bg:hover,
.service-hover-bg:hover h3
 {
	color:#fff;
	background-color: #54B9E9;
}
.service-hover-bg2:hover,
.service-hover-bg2:hover h3 {
	color:#fff;
	background-color: #009688;
}
.service-hover-bg3:hover,
.service-hover-bg3:hover h3 {
	color:#fff;
	background-color: #ef5350;
}

.service-group .service-hover-bg,
.service-group .service-hover-bg2,
.service-group .service-hover-bg3 {
    padding: 25px 15px;
}

.service.vertical .service-icon {
	float:none;
	margin-bottom:25px;
}
.service-icon {
	min-width:60px;
	display: block;
	float:left;
	font-size:32px;
	line-height: 1;
}


.team-member.boxed-member {
	background-color: #f4f4f4;
	padding-bottom: 18px;
}

.team-member figure {
	margin-bottom: 25px;
	position: relative;
}

.team-member img {
	display: block;
	width:100%;
	height:220px;
}

.team-member h3 {
	font-size:18px;
	font-weight: 500;
	margin-bottom: 6px;
	letter-spacing: 0.5px;
}

.team-member .member-desc {
	font-size:15px;
	font-weight: 500;
	margin-bottom: 10px;
}

.team-member .member-desc > span {
	font-style: italic;
	font-weight: 400;
}

.team-member .social-icon {
	font-size:16px;
	color:#fff;
}

.team-member .social-icons.dark .social-icon {
	color:#5a5a5a;
}

.team-member {
	position: relative;
	margin-bottom: 60px;
}

.social-icons.no-margin .social-icon {
	margin-bottom: 0;
}

.social-icon {
	display:inline-block;
	font-size:18px;
	line-height: 1;
	margin:0 10px 20px;
	color:#6d6d6d;
	border-radius: 4px;
}

.social-icon.first {
	margin-left:0;
}

.social-icons.text-center .social-icon {
	margin-left:10px;
}

.social-icons-sm .social-icon {
	font-size:15px;
	margin:0 10px 20px;
}

.social-icons-lg .social-icon {
	font-size:22px;
	margin:0 15px 30px;
	border-radius: 6px;
}


/* -------------------------------
    #Social - Icons
------------------------------- */

a.social { 
	display:inline-block; 
	width:36px; height:36px; 
	line-height:38px; 
	font-size:20px; 
	text-align:center; 
	background:rgba(0,0,0,0.3); 
	color:#fff; 
	margin:10px 1px; 
	text-decoration:none;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
a.social.fa-twitter:hover				{ background:#41b7d8!important; color:#fff!important; }
a.social.fa-facebook:hover 				{ background:#3b5997!important; color:#fff!important; }
a.social.fa-google-plus:hover 			{ background:#d64937!important; color:#fff!important; }
a.social.fa-linkedin:hover 				{ background:#0073b2!important; color:#fff!important; }
a.social.fa-vimeo-square:hover 			{ background:#388fc5!important; color:#fff!important; }
a.social.fa-youtube-square:hover 		{ background:#A40F09!important; color:#fff!important; }
a.social.fa-flickr:hover 				{ background:#ff0084!important; color:#fff!important; }
a.social.fa-pinterest:hover 				{ background:#cb2027!important; color:#fff!important; }
a.social.fa-skype:hover 					{ background:#00aff0!important; color:#fff!important; }
a.social.fa-rss:hover					{ background:#e0812a!important; color:#fff!important; }
a.social.default:hover					{ background:#37353A!important; color:#fff!important; }
a.social.rounded 						{ width:35px; height:35px; line-height:37px; }



/* -------------------------------
    #Custom CSS - Extra Styles
------------------------------- */